:root{--bg-top:#10375c;--bg-mid:#0d2944;--bg-bot:#081c2d;--text:#fff;--muted:#9fb3c9;--muted-2:#a7b7c9;--muted-3:#cbd5e1;--accent:#eb8416;--accent-2:#10375c;--card-1:#02111a;--card-2:#071726;--card-3:#071a2b;--card-4:#03101a;--card-5:#06212a;--white-3:hsla(0,0%,100%,.03);--white-5:hsla(0,0%,100%,.05);--white-6:hsla(0,0%,100%,.06);--border:hsla(0,0%,100%,.06);--shadow-1:0 10px 30px rgba(0,0,0,.35);--shadow-2:0 20px 50px rgba(0,0,0,.45);--radius:16px;--radius-lg:20px;--radius-xl:24px;--container:1280px}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji}.page{min-height:100vh;color:var(--text);background:linear-gradient(to bottom,var(--bg-top),var(--bg-mid),var(--bg-bot));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;padding-bottom:50px;overflow-x:hidden}.bg-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bg-wave{position:absolute;left:-160px;top:40px;opacity:.2;width:900px}.header{position:relative;z-index:20;max-width:var(--container);margin:0 auto;padding:24px;justify-content:space-between}.brand,.header{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#000;font-weight:800;box-shadow:var(--shadow-2)}.brand-title{font-weight:800;font-size:18px;letter-spacing:.02em}.brand-subtitle{font-size:12px;color:#cbd5e1}.nav{display:none;gap:24px;align-items:center;font-size:14px;color:#cbd5e1}.nav-link{color:#cbd5e1;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.btn-try{margin-left:8px}@media (min-width:768px){.nav{display:flex}}.btn{padding:12px 16px;border-radius:12px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s;box-shadow:0 10px 24px rgba(0,0,0,.25)}.btn-primary{background:var(--accent);color:var(--text)}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:var(--accent)!important;color:var(--text);border-color:var(--accent)!important}.btn-ghost:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:translateY(-2px)}.btn{border-radius:4px;font-size:14px}.btn-ghost{background:transparent;color:#e2e8f0;border-color:#4b5563}.hero{position:relative;z-index:10;max-width:var(--container);margin:0 auto;padding:148px 24px 48px;display:flex;flex-direction:column;gap:48px;align-items:center}@media (min-width:768px){.hero{flex-direction:row}}.hero-left{width:100%}@media (min-width:768px){.hero-left{width:50%}}.hero-right{width:100%;display:flex;justify-content:center}@media (min-width:768px){.hero-right{width:50%}}.hero-title{font-size:32px;line-height:1.2;font-weight:800;margin:0;color:var(--text)}.text-gradient{background:linear-gradient(90deg,var(--accent),var(--text));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin-top:16px;color:#a3b2c2;max-width:640px;line-height:1.6}.hero-cta{margin-top:24px;display:flex;gap:16px}.hero-mini-cards{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;font-size:12px;color:#a3b2c2}.mini-card{padding:16px;border-radius:12px;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mini-card-title{font-weight:600;color:#e2e8f0}.mini-card-desc{margin-top:4px;color:#94a3b8}.glass{background:linear-gradient(135deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border:1px solid var(--white-6);border-radius:20px;padding:24px;width:520px;height:340px;position:relative;box-shadow:var(--shadow-2)}.mockup-top{justify-content:space-between;margin-bottom:16px}.mockup-top,.mockup-top-left{display:flex;align-items:center}.mockup-top-left{gap:12px}.mockup-badge{width:36px;height:36px;border-radius:12px;background:#081726;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}.muted{color:#a3b2c2;font-size:14px}.muted-xs{color:var(--text);font-size:16px;font-weight:600}.label-xs{font-size:12px;color:#cbd5e1;font-weight:600;letter-spacing:.02em}.label-sm{font-size:14px;color:#e2e8f0;font-weight:600}.mockup-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;height:230px}.mockup-board{padding:12px;border-radius:12px;background:linear-gradient(135deg,var(--card-4),#071722)}.mockup-board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mockup-board-body{height:calc(100% - 28px);border-radius:10px;padding:4px;background:#02111a;overflow:hidden}.kanban{height:100%}.kanban,.kanban-col{display:flex;gap:8px}.kanban-col{flex:1 1;flex-direction:column}.kanban-card{padding:8px;border-radius:8px;background:#041523;font-size:12px;color:#e5e7eb}.kanban-card.mid{background:#061a2b}.kanban-card.end{background:#072433}.mockup-velocity{padding:12px;border-radius:12px;background:linear-gradient(135deg,#021623,#071a2b);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.velocity-chart{margin-top:8px;display:flex;align-items:center;justify-content:center}.floating-chat{position:absolute;right:-32px;bottom:-24px;width:208px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#001419,#06212a);border:1px solid hsla(0,0%,100%,.05);box-shadow:var(--shadow-2)}.glass-2{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.floating-chat-text{margin-top:8px;font-size:12px;color:#94a3b8}.section{position:relative;z-index:10;max-width:var(--container);width:100%;margin:0 auto;padding:48px 24px}.feature-grid{display:grid;grid-gap:24px;gap:24px}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:24px;border-radius:16px;background:linear-gradient(135deg,#02111a,#071726);border:1px solid var(--border);box-shadow:var(--shadow-1)}.feature-icon{font-size:32px}.feature-title{margin-top:12px;font-weight:600}.feature-desc{margin-top:8px;color:#9db1c7;font-size:14px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.perf-grid{display:grid;grid-gap:32px;gap:32px;align-items:center}.card{padding:24px;border-radius:20px;background:linear-gradient(135deg,#041726,#071a2b);border:1px solid var(--border);min-height:360px}.h3{font-size:20px}.h2,.h3{font-weight:800;margin:0;color:var(--text)}.h2{font-size:24px}.h1{font-size:28px;font-weight:800;margin:0;color:var(--text)}.center{text-align:center}.maxw{max-width:640px}.stats-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.smallstat{padding:12px;border-radius:10px;background:#02121a;text-align:center}.smallstat-value{margin-top:6px;font-size:18px;font-weight:700;color:var(--text)}.progress{margin-top:8px;width:100%;height:12px;border-radius:999px;overflow:hidden;background:var(--white-5)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.two-col{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.metric-box{padding:16px;border-radius:10px;background:#02121a}.metric-val{margin-top:8px;font-size:18px;font-weight:700;color:var(--text)}.team-load{margin-top:8px;gap:8px}.avatar,.team-load{display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:999px;background:#062338;color:var(--text);justify-content:center;font-weight:700}.plus{align-self:center}.chat-preview{padding:24px;border-radius:20px;background:linear-gradient(135deg,#041726,#071a2b);border:1px solid var(--border);display:flex;gap:24px;align-items:end}@media (min-width:768px){.chat-preview{flex-direction:row}}.chat-left,.chat-right{width:100%}@media (min-width:768px){.chat-left,.chat-right{width:50%}}.chat-cards{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.chat-card{padding:12px;border-radius:10px;background:#02121a}.chat-text{margin-top:8px;font-size:14px}.chat-box{padding:16px;border-radius:12px;background:#02111a}.chat-line{margin-top:8px;font-size:14px}.chat-input{margin-top:16px;display:flex;gap:8px;align-items:center}.input{flex:1 1;padding:10px 12px;border-radius:10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#e6edf3;font-size:14px}.testimonial{padding:24px;border-radius:16px;background:linear-gradient(135deg,#02111a,#071726);border:1px solid var(--border);text-align:left}.testimonial-quote{color:#c7d2e0}.testimonial-name{margin-top:12px;font-size:14px;color:#94a3b8}.billing-toggle{margin-top:24px;display:flex;justify-content:center}.toggle{padding:4px;border-radius:10px;background:hsla(0,0%,100%,.05);display:inline-flex;gap:0}.toggle-btn{padding:8px 16px;background:transparent;border:0;color:#e2e8f0;border-radius:8px;cursor:pointer}.pricing-card{padding:24px;border-radius:16px;text-align:left;background:linear-gradient(135deg,#02111a,#071726);border:1px solid var(--border)}.pricing-card--highlight{box-shadow:0 0 0 2px rgba(235,132,22,.3),inset 0 0 0 6px rgba(235,132,22,.08)}.pricing-price{margin-top:12px;font-size:32px;font-weight:800}.pricing-suffix{margin-left:6px;font-size:12px;color:#9fb3c9;font-weight:400}.pricing-line{margin-top:10px;font-size:14px;color:#e2e8f0}.cta{padding:40px;border-radius:24px;background:linear-gradient(135deg,#041726,#071a2b);border:1px solid var(--border);text-align:center;margin-bottom:50px}.cta-actions{margin-top:24px;display:flex;gap:16px;justify-content:center}.footer{position:relative;z-index:10;max-width:var(--container);margin:0 auto;padding:24px;color:#9fb3c9;font-size:14px;text-align:center}.hero{padding:100px 16px 32px;gap:32px}@media (min-width:640px){.hero{padding:120px 20px 40px}}@media (min-width:1024px){.hero{padding:148px 24px 48px}}.hero-title{font-size:24px}@media (min-width:480px){.hero-title{font-size:28px}}@media (min-width:768px){.hero-title{font-size:40px}}.hero-subtitle{font-size:14px}@media (min-width:640px){.hero-subtitle{font-size:16px}}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;text-align:center}@media (min-width:480px){.hero-cta{flex-direction:row}.hero-cta,.hero-cta .btn{width:auto}}.hero-mini-cards{grid-template-columns:1fr}@media (min-width:480px){.hero-mini-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.hero-mini-cards{grid-template-columns:repeat(3,1fr)}}.glass{width:100%;max-width:520px;height:auto;min-height:260px;padding:16px}@media (min-width:640px){.glass{padding:20px}}@media (min-width:768px){.glass{padding:24px;height:340px}}.mockup-grid{grid-template-columns:1fr;height:auto}@media (min-width:640px){.mockup-grid{grid-template-columns:2fr 1fr;height:230px}}.floating-chat{right:-12px;bottom:-16px;width:180px}@media (min-width:640px){.floating-chat{right:-24px;width:200px}}@media (min-width:1024px){.floating-chat{right:-32px;width:208px}}.feature-grid{grid-template-columns:1fr}@media (min-width:768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.perf-grid{grid-template-columns:1fr}@media (min-width:768px){.perf-grid{grid-template-columns:1fr 1fr}}.chat-preview{flex-direction:column}.chat-left,.chat-right{width:100%}@media (min-width:768px){.chat-preview{flex-direction:row}.chat-left,.chat-right{width:50%}}.pricing-card{margin-bottom:20px}@media (min-width:640px){.pricing-card{margin-bottom:0}}.pricing-section{padding:0;color:#e6e6e6;text-align:center;.pricing-heading{font-size:2.5rem;font-weight:600;margin-bottom:40px;color:var(--theme2);margin-top:140px}.billing-toggle{display:flex;justify-content:center;gap:12px;margin-bottom:40px;.toggle-btn{background:transparent;border:1px solid #444;padding:10px 24px;border-radius:6px;color:#ccc;cursor:pointer;transition:all .3s ease;&.active{background:#ff7a00;color:#fff;border-color:#ff7a00}&:hover:not(.active){color:#fff;border-color:#777}}}.pricing-grid{display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;align-items:stretch;max-width:1200px;margin:20px auto 0}.pricing-card{background:#1b1b1b;border:1px solid #2a2a2a;border-radius:12px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;&.highlight,&:hover{border-color:#ff7a00;background:#131313;box-shadow:0 0 25px rgba(255,122,0,.2)}.pricing-header{margin-bottom:0;.plan-title{font-size:1.4rem;font-weight:600;margin-bottom:4px;color:#fff}.plan-users{font-size:.95rem;color:#aaa;margin-bottom:10px}.plan-price{font-size:2rem;font-weight:700;color:#fff;.plan-suffix{font-size:1rem;font-weight:400;color:#bbb;margin-left:4px}}.plan-subtext{font-size:.85rem;color:#3de76b;margin-top:6px;height:60px}}.feature-list{list-style:none;padding:0;margin:0;text-align:left;height:382px;.feature-item{font-size:.95rem;color:#ccc;margin:6px 0;display:flex;align-items:center;gap:8px;.check{color:#4caf50;font-weight:700;margin-right:8px;margin-top:2px;flex-shrink:0}}}.card-footer{margin-top:24px;display:flex;justify-content:center;.btn-primary{background:#ff7a00;color:#fff;padding:0;font-size:.9rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;height:45px;width:100%;&:hover{background:#e56e00}}.btn-outline{background:transparent;color:#ff7a00;border:1px solid #ff7a00;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;&:hover{background:#ff7a00;color:#fff}}}}}