:root{--bg:#07111f;--bg2:#0a1726;--panel:#0d1b2b;--line:#20344a;--text:#eef5ff;--muted:#98aabd;--blue:#6fb5ff;--orange:#f59e0b;--green:#2bd576}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(7,17,31,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#ffbd42);color:#111;font-weight:900}.brand strong{font-size:18px;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#55708e;margin-top:2px}
.nav{display:flex;gap:28px;color:#a8b7c8;font-size:14px}.nav a{padding:25px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:#fff;border-color:var(--orange)}
.login-link{border:1px solid #36506b;padding:9px 14px;border-radius:9px;font-size:13px}
.hero{min-height:610px;padding:100px 6vw 80px;display:grid;grid-template-columns:1.25fr .8fr;gap:70px;align-items:center;background:radial-gradient(circle at 78% 20%,rgba(30,90,145,.45),transparent 34%),linear-gradient(180deg,#07111f,#081421)}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.4px;color:var(--blue);font-weight:700}.hero h1{font-size:clamp(48px,6.4vw,88px);line-height:.98;letter-spacing:-3px;margin:18px 0 24px;max-width:930px}.hero h1 span{color:#c8d9ea}.hero-copy>p{max-width:760px;color:#b4c2d2;font-size:18px;line-height:1.7}.actions{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}.primary{background:var(--orange);color:#101720}.secondary{border-color:#35506c;background:#0a1726}.trust-row{display:flex;align-items:center;gap:12px;margin-top:40px;color:#71869e;font-size:11px;text-transform:uppercase;letter-spacing:1px}.trust-row i{width:3px;height:3px;border-radius:50%;background:#38526c}
.hero-panel{border:1px solid #2d4661;border-radius:20px;background:linear-gradient(180deg,rgba(15,32,50,.95),rgba(10,24,38,.96));box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid #23384e;display:flex;justify-content:space-between;color:#ced9e5}.panel-head small{color:#6f879e}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);margin-right:7px}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:12px}.mini-kpis div{padding:18px;border:1px solid #21374e;border-radius:13px;background:#0b1928}.mini-kpis small{display:block;color:#758aa1;margin-bottom:8px}.mini-kpis strong{font-size:18px}.activity{margin:0 20px 20px;padding:17px;border-radius:13px;background:#081522;display:flex;gap:12px;align-items:center}.pulse{width:10px;height:10px;border-radius:50%;background:var(--green)}.activity small{display:block;color:#7890a8;margin-top:4px}
.section{padding:82px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;border-top:1px solid #122337}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.05;margin:12px 0}.section>p{color:#9fb0c3;line-height:1.8;font-size:17px}
.cards{padding:0 6vw 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module-card{min-height:230px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#0a1726;transition:.2s}.module-card:hover{transform:translateY(-3px);border-color:#375d82;background:#0d1b2b}.module-card b{font-size:11px;color:var(--blue)}.module-card h3{font-size:22px;margin:34px 0 10px}.module-card p{color:#8fa2b7;line-height:1.6;margin:0 0 24px}.module-card span{font-size:12px;color:#c7d7e8}
.roadmap{background:#081421}.roadmap-grid{display:grid;gap:10px}.road{display:grid;grid-template-columns:46px 1fr auto;align-items:center;padding:16px 18px;border:1px solid #1c3147;border-radius:11px;color:#8fa3b9}.road strong{color:#6689ac}.road em{font-style:normal;font-size:11px}.road.done{color:#c8d8e8}.road.done em{color:var(--green)}.road.active{border-color:#9b6c15;background:#17170e;color:#fff}.road.active em{color:var(--orange)}
footer{padding:28px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#71869d;font-size:12px}footer strong{color:#dbe7f3;margin-right:12px}
.app-shell{padding:54px 5vw 80px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.page-title h1{font-size:46px;margin:8px 0}.page-title p{color:#8da0b6}.status-pill{border:1px solid #2c455f;border-radius:999px;padding:10px 14px;color:#adc1d5;font-size:12px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}.kpi small{color:#8093aa}.kpi strong{display:block;font-size:32px;margin:13px 0}.kpi span{font-size:11px;color:#60758d}
.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.dash-panel{border:1px solid var(--line);border-radius:14px;background:var(--bg2);padding:22px;min-height:260px}.dash-panel.span2{grid-column:span 2}.dash-panel.full{margin-top:14px}.panel-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-title small{font-size:10px;letter-spacing:1.8px;color:#6fa8df}.panel-title h2{font-size:20px;margin:6px 0}.panel-title>span{font-size:10px;color:#697f97;border:1px solid #2a4058;padding:6px 8px;border-radius:999px}
.empty-chart{height:190px;display:flex;flex-direction:column;justify-content:flex-end}.chart-bars{height:130px;display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid #294159;padding:0 10px}.chart-bars i{flex:1;background:linear-gradient(#214d72,#16304b);border-radius:4px 4px 0 0}.chart-bars i:nth-child(1){height:30%}.chart-bars i:nth-child(2){height:55%}.chart-bars i:nth-child(3){height:43%}.chart-bars i:nth-child(4){height:72%}.chart-bars i:nth-child(5){height:60%}.chart-bars i:nth-child(6){height:80%}.chart-bars i:nth-child(7){height:64%}.chart-bars i:nth-child(8){height:91%}.empty-chart p,.empty-state{color:#6f839a;font-size:12px}.insight-list p{padding:12px 0;border-bottom:1px solid #1d3146;color:#aab9c9}.insight-list span{color:#6fa8df;margin-right:10px}.empty-state{display:grid;place-items:center;min-height:160px;border:1px dashed #294159;border-radius:12px;margin-top:18px}.pipeline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px}.pipeline span{border:1px solid #29445f;padding:13px 16px;border-radius:10px;background:#0a1726}.pipeline b{color:#52799f}
.ai-shell{height:calc(100vh - 72px);display:grid;grid-template-columns:260px 1fr}.ai-sidebar{border-right:1px solid var(--line);padding:24px;background:#081421}.ai-sidebar h3{margin:0 0 18px}.new-chat{width:100%;padding:11px;border:1px solid #31506d;border-radius:9px;background:#0c1a2a;color:#fff;text-align:left}.ai-sidebar small{display:block;color:#647c95;margin:28px 0 10px;font-size:10px;letter-spacing:1.5px}.ai-sidebar a{display:block;padding:10px 8px;color:#93a7bc;font-size:13px;border-radius:8px}.ai-sidebar a:hover{background:#0d1b2b;color:#fff}.chat{display:grid;grid-template-rows:58px 1fr 78px;min-width:0}.chat-head{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.chat-head small{color:#738aa2}.chat-body{overflow:auto;padding:34px}.welcome{max-width:820px;margin:70px auto;text-align:center}.ai-orb{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;margin:0 auto;background:linear-gradient(135deg,#183c60,#0e2237);border:1px solid #315172;color:#85c0ff;font-weight:800}.welcome h1{font-size:42px;margin:20px 0 10px}.welcome p{color:#8fa2b7;line-height:1.7}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.suggestions button{border:1px solid #29445f;background:#0a1726;color:#b9c8d7;padding:13px;border-radius:10px}.composer{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:14px 24px}.composer input{flex:1;background:#0a1726;border:1px solid #29445f;color:#fff;border-radius:12px;padding:14px 16px;outline:none}.composer button{background:var(--orange);border:0;border-radius:10px;padding:13px 20px;font-weight:800}.message{max-width:760px;margin:0 auto 14px;padding:14px 16px;border-radius:12px}.message.user{background:#10253a;border:1px solid #29445f}.message.ai{background:#0a1726;border:1px solid #1d334a;color:#aebdcb}
.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#143958 0,transparent 35%),var(--bg)}.auth-brand{position:absolute;top:28px;left:32px;display:flex;gap:10px;align-items:center}.auth-card{width:min(430px,calc(100vw - 36px));padding:34px;border:1px solid #29445f;border-radius:18px;background:#0b1827;box-shadow:0 30px 90px rgba(0,0,0,.35)}.auth-card h1{font-size:34px;margin:10px 0}.auth-card>p{color:#8fa2b7;line-height:1.6}.auth-card label{display:block;font-size:12px;margin:18px 0 7px;color:#9fb1c3}.auth-card input{width:100%;padding:13px;border-radius:9px;background:#081421;border:1px solid #2b435d;color:#fff}.full-btn{width:100%;margin-top:20px}.auth-note{font-size:11px;color:#7e91a6;text-align:center;margin-top:12px}.back-link{display:block;text-align:center;margin-top:24px;color:#8cb8e2;font-size:12px}
@media(max-width:980px){.nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-panel{max-width:650px}.cards{grid-template-columns:1fr 1fr}.section{grid-template-columns:1fr;gap:20px}.kpi-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr 1fr}.dash-panel.span2{grid-column:span 2}.ai-shell{grid-template-columns:1fr}.ai-sidebar{display:none}.pipeline{flex-wrap:wrap}}
@media(max-width:620px){.topbar{padding:0 18px}.brand small{display:none}.login-link{font-size:11px}.hero{padding:54px 20px}.hero h1{font-size:50px;letter-spacing:-2px}.actions{flex-direction:column}.trust-row{flex-wrap:wrap}.mini-kpis{grid-template-columns:1fr}.section,.cards,.app-shell{padding-left:20px;padding-right:20px}.cards{grid-template-columns:1fr}.kpi-grid,.dash-grid{grid-template-columns:1fr}.dash-panel.span2{grid-column:auto}.page-title{align-items:flex-start;flex-direction:column;gap:14px}.page-title h1{font-size:36px}.pipeline{align-items:flex-start;flex-direction:column}.pipeline b{transform:rotate(90deg);margin-left:20px}.suggestions{grid-template-columns:1fr}.chat-body{padding:20px}.welcome{margin:35px auto}.welcome h1{font-size:34px}footer{padding:24px 20px;flex-direction:column;gap:8px}}