:root{--bg:#06101f;--panel:#0b1930;--panel2:#0e203c;--line:#214b78;--cyan:#22d3ee;--blue:#3b82f6;--violet:#8b5cf6;--green:#34d399;--amber:#f59e0b;--red:#fb7185;--text:#edf6ff;--muted:#8ea7c4;--white:#fff;--shadow:0 18px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 70% -10%,#12335b 0,transparent 35%),linear-gradient(180deg,#040b16,#071427 70%,#040b16);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:264px;background:rgba(5,14,28,.94);border-right:1px solid #18395e;backdrop-filter:blur(18px);padding:20px 14px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px 24px}.brandmark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#1dd3ff,#2759ff);display:grid;place-items:center;font-weight:900;color:#041225;box-shadow:0 0 30px rgba(34,211,238,.25)}.brand strong{font-size:18px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-top:2px}.nav-title{font-size:10px;color:#567b9e;text-transform:uppercase;letter-spacing:.14em;padding:16px 12px 7px}.nav a{display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:10px;color:#9db4ce;font-size:13px;margin:3px 0}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(40,123,205,.2),rgba(61,91,170,.08));color:#fff;border:1px solid #1e4f80}.nav .num{margin-left:auto;font-size:10px;color:#4f7194}.side-status{margin:20px 8px 0;padding:13px;border:1px solid #21496f;border-radius:14px;background:linear-gradient(135deg,#0b1d35,#071426)}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:6px}.main{margin-left:264px;width:calc(100% - 264px)}.topbar{height:68px;position:sticky;top:0;z-index:20;background:rgba(4,12,24,.78);backdrop-filter:blur(16px);border-bottom:1px solid #183452;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.crumb{color:#7895b4;font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid #2b5d8e;background:#0c213b;color:#dff5ff;padding:9px 13px;border-radius:9px;cursor:pointer}.btn:hover{border-color:#3ba8e6}.btn.primary{background:linear-gradient(135deg,#1263c8,#2d7cf1);border-color:#3b9cff;box-shadow:0 8px 25px rgba(30,116,220,.25)}.btn.ghost{background:transparent}.content{padding:28px;max-width:1600px;margin:auto}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-bottom:20px}.hero-card,.card{border:1px solid #1d4772;background:linear-gradient(145deg,rgba(12,31,56,.94),rgba(7,19,35,.94));border-radius:18px;box-shadow:var(--shadow)}.hero-card{padding:30px;min-height:260px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(34,211,238,.15);border-radius:50%;right:-140px;top:-170px;box-shadow:0 0 0 28px rgba(34,211,238,.025),0 0 0 58px rgba(34,211,238,.018)}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:12px 0}.hero p{max-width:720px;color:#a9bfd6;line-height:1.65}.hero-side{padding:22px}.target-box{font-size:12px;color:#94acc6}.target-number{font-size:54px;font-weight:900;color:#fff;line-height:1}.target-number span{font-size:16px;color:var(--cyan)}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.metric{padding:18px;min-height:125px}.metric .label{font-size:11px;color:#7994b2;text-transform:uppercase;letter-spacing:.08em}.metric .value{font-size:28px;font-weight:850;margin-top:8px}.metric .delta{font-size:11px;color:var(--green);margin-top:8px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 13px}.section-title h2{margin:0;font-size:19px}.section-title p{margin:4px 0 0;color:#7895b4;font-size:12px}.card-pad{padding:18px}.flow{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;align-items:stretch}.flow-item{position:relative;padding:14px 10px;border:1px solid #25557f;background:#08182b;border-radius:13px;min-height:116px}.flow-item .step{font-size:10px;color:var(--cyan);font-weight:800}.flow-item strong{display:block;margin-top:10px;font-size:12px}.flow-item small{display:block;color:#7894b0;margin-top:7px;line-height:1.4}.flow-arrow{position:absolute;right:-9px;top:50%;width:16px;height:1px;background:#2e79b1;z-index:2}.progress{height:7px;border-radius:99px;background:#0a1729;overflow:hidden;border:1px solid #183b5e}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#17c6ff,#3975ff);border-radius:inherit}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;background:#102944;border:1px solid #25537b;color:#a8dfff;font-size:10px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:11px;border-bottom:1px solid #183b5e;text-align:left}.table th{color:#7896b5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.status{font-size:10px;padding:5px 8px;border-radius:99px}.status.hot{background:#3a1824;color:#ff9eb0}.status.warm{background:#382d12;color:#ffd36a}.status.ok{background:#103326;color:#6ee7b7}.status.info{background:#102c47;color:#74c8ff}.module{padding:24px}.module-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.module-number{font-size:11px;color:var(--cyan);letter-spacing:.15em;font-weight:900}.module h1{font-size:34px;margin:6px 0}.module .lead{color:#9eb5cc;max-width:900px;line-height:1.65}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.feature{padding:12px 14px;background:#08182a;border:1px solid #1b4268;border-radius:10px;color:#b8cee2;font-size:12px}.feature b{color:#fff}.theory{padding:22px;border-radius:15px;border:1px solid #25537e;background:linear-gradient(145deg,#0b203a,#071426);line-height:1.65;color:#a8bdd2}.theory strong{color:#fff}.loop{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.loop .node{padding:10px 12px;border:1px solid #2c6a9b;border-radius:9px;background:#081b31;font-size:11px}.loop .chev{color:var(--cyan)}.list{margin:0;padding-left:18px;color:#9eb5cc;font-size:12px;line-height:1.8}.list li::marker{color:#35c7f0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field label{display:block;font-size:10px;color:#7895b3;margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #214a74;background:#07172a;color:#e8f4ff;border-radius:9px;outline:none}.field input:focus,.field select:focus{border-color:#34b9ef}.funnel{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px}.funnel .bar{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;border-radius:8px;height:42px;border:1px solid #3a78aa;background:linear-gradient(90deg,#103f76,#0d2b4d);font-size:12px}.funnel .b1{width:100%}.funnel .b2{width:86%}.funnel .b3{width:70%}.funnel .b4{width:55%}.funnel .b5{width:40%;background:linear-gradient(90deg,#0f6c52,#0d3f32);border-color:#2b8e71}.chart{height:190px;display:flex;align-items:end;gap:8px;padding:18px;border:1px solid #193e63;border-radius:12px;background:#071629}.chart i{display:block;flex:1;background:linear-gradient(180deg,#27baf2,#245be0);border-radius:5px 5px 2px 2px;min-height:12px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#22d3ee 0 36%,#8b5cf6 36% 61%,#34d399 61% 80%,#f59e0b 80% 100%);display:grid;place-items:center;margin:auto}.donut:after{content:"LEADS";width:90px;height:90px;border-radius:50%;background:#08182c;display:grid;place-items:center;color:#8fa9c3;font-size:11px}.image-card{overflow:hidden}.image-card img{width:100%;display:block;aspect-ratio:16/8;object-fit:cover;filter:saturate(.9)}.image-card .caption{padding:12px;font-size:11px;color:#8fa8c0}.footer{padding:30px;text-align:center;color:#547391;font-size:10px;border-top:1px solid #153451;margin-top:40px}.mobile-toggle{display:none}.kbd{font-size:10px;color:#6f8ba6;border:1px solid #234a70;padding:3px 6px;border-radius:5px}.notice{padding:11px 13px;border:1px solid #3c5f7e;background:#0a2036;border-radius:10px;color:#a9c4dc;font-size:11px}.alert{border-color:#775225;background:#2a210e;color:#f6d48a}.success{border-color:#23644d;background:#0b2a20;color:#8ef0c8}.command{display:grid;grid-template-columns:1fr auto;gap:10px}.command input{background:#071629;border:1px solid #214a74;color:#fff;border-radius:10px;padding:12px}.mini{font-size:10px;color:#7290ac}.score{font-size:22px;font-weight:900}.timeline{border-left:2px solid #24517b;padding-left:20px}.timeline-item{position:relative;margin:0 0 18px}.timeline-item:before{content:"";position:absolute;left:-27px;top:3px;width:10px;height:10px;border-radius:50%;background:#2bc9ef;box-shadow:0 0 12px #2bc9ef}.timeline-item strong{font-size:12px}.timeline-item p{margin:4px 0;color:#7895b1;font-size:11px}.code{background:#030b15;border:1px solid #173856;border-radius:10px;padding:14px;color:#86c9ee;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;line-height:1.65;overflow:auto}.check{color:#5ee0a7}.mobile-bottom{display:none}
@media(max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(5,1fr)}.hero{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.main{margin-left:0;width:100%}.topbar{height:60px;padding:0 14px}.mobile-toggle{display:block}.content{padding:16px 12px 80px}.g4,.g3,.g2,.feature-list,.form-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow-arrow{display:none}.hero h1{font-size:32px}.hero-card{padding:20px}.module h1{font-size:27px}.top-actions .hide-m{display:none}.mobile-bottom{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;height:62px;background:rgba(4,13,25,.96);border-top:1px solid #1b4265;justify-content:space-around;align-items:center}.mobile-bottom a{font-size:9px;color:#8ca6c0;text-align:center}.mobile-bottom a.active{color:#43d5f4}.mobile-bottom b{display:block;font-size:17px;margin-bottom:2px}.section-title{align-items:flex-start;gap:10px}.section-title .btn{display:none}}
/* Secure access / demo login */
.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;overflow:hidden}.login-shell{width:min(1120px,100%);position:relative}.login-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-180px;border:1px solid rgba(34,211,238,.12);box-shadow:0 0 0 50px rgba(34,211,238,.025),0 0 0 110px rgba(34,211,238,.015)}.login-card{position:relative;max-width:640px;margin:auto;padding:40px;border:1px solid #22527f;border-radius:24px;background:linear-gradient(145deg,rgba(10,29,52,.97),rgba(4,13,25,.98));box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:hidden}.login-card:before{content:"AI";position:absolute;right:28px;top:36px;font-size:110px;font-weight:900;color:rgba(34,211,238,.035);line-height:1}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:34px}.login-brand strong{font-size:21px;letter-spacing:.05em}.login-brand small{display:block;color:#7895b4;font-size:9px;letter-spacing:.14em;margin-top:3px}.login-kicker{font-size:10px;letter-spacing:.18em;color:var(--cyan);font-weight:900}.login-card h1{font-size:clamp(30px,4vw,48px);line-height:1.06;margin:10px 0}.login-card h1 span{color:var(--cyan)}.login-copy{color:#91abc6;line-height:1.7;font-size:13px;max-width:560px}.login-form{margin-top:24px;display:grid;gap:13px}.login-btn{width:100%;padding:13px;font-weight:800}.login-demo{display:flex;align-items:center;gap:10px;margin-top:18px;padding:11px 13px;border:1px dashed #2a567f;border-radius:10px;background:#07182b;color:#8ea9c2;font-size:11px}.login-demo span{color:#5e86a8;font-size:9px;letter-spacing:.1em}.login-demo b{color:#fff}.login-demo code{color:#75dcff}.login-foot{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:16px;border-top:1px solid #173957;color:#587895;font-size:9px}.login-foot span:first-child{color:#65dca8}@media(max-width:650px){.login-card{padding:25px;border-radius:18px}.login-card:before{display:none}.login-foot{flex-direction:column}.login-demo{flex-wrap:wrap}}
.market-table-wrap{overflow:auto}.market-badge{font-size:9px;padding:4px 7px;border-radius:99px;border:1px solid #24567f;background:#09213a;color:#8fdcff}.market-badge.live{color:#7af0bc;border-color:#1d624a;background:#09281f}.source-note{font-size:9px;color:#607f9d;line-height:1.5}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.scenario-card{padding:13px;border:1px solid #204c76;border-radius:12px;background:#07182b}.scenario-card .small{font-size:9px;color:#7895b3;text-transform:uppercase;letter-spacing:.07em}.scenario-card .big{font-size:21px;font-weight:900;margin-top:5px}@media(max-width:900px){.scenario-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.scenario-grid{grid-template-columns:1fr}}