:root{--bg:#0b1020;--panel:#11182b;--panel2:#151e34;--line:#27324c;--text:#f2f5fb;--muted:#91a0ba;--teal:#64e4d3;--purple:#ad8cff;--amber:#f6c674;--pink:#ed8eb7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.topbar{height:76px;border-bottom:1px solid #1b2740;display:flex;align-items:center;padding:0 clamp(22px,5vw,72px);gap:54px}.brand{font-size:20px;font-weight:750;letter-spacing:-.8px;display:flex;gap:8px;align-items:center}.brand-mark{color:var(--teal);font-size:25px}.brand-dot{color:var(--teal)}.nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.nav a{padding:29px 0;border-bottom:2px solid transparent}.nav a.active{color:var(--text);border-color:var(--teal)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button,.reset{background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer}.button{border-radius:8px;padding:10px 15px;font-weight:650;font-size:12px}.button-ghost{border:1px solid #34405b}.shell{max-width:1280px;margin:auto;padding:55px clamp(22px,5vw,72px) 42px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:54px;min-height:200px}.eyebrow,.kicker{font-size:10px;letter-spacing:1.7px;font-weight:750;color:var(--teal);margin:0 0 13px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-left:7px;vertical-align:middle;box-shadow:0 0 10px var(--teal)}h1{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-3px;margin:0 0 18px}h1 em{font-style:normal;color:var(--teal)}.hero-copy{color:var(--muted);max-width:470px;font-size:15px}.hero-orbit{width:230px;height:190px;position:relative;margin-right:4%;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #354360;border-radius:50%;transform:rotate(-25deg)}.ring-one{width:210px;height:90px}.ring-two{width:175px;height:155px;transform:rotate(38deg);border-color:#263753}.orbit-core{width:78px;height:78px;border-radius:50%;background:linear-gradient(145deg,#1b2d48,#132035);border:1px solid #4b6a82;display:grid;place-content:center;text-align:center;color:var(--teal);font-size:14px;font-weight:800;line-height:1.05;box-shadow:0 0 35px #64e4d322}.orbit-core span{font-size:9px;letter-spacing:2px;color:#a9b6cd;margin-top:5px}.orbit-node{position:absolute;background:#17243c;border:1px solid #34496a;border-radius:5px;padding:5px 8px;font-size:10px;color:#c9d5e7}.node-one{top:15px;right:4px;color:var(--teal)}.node-two{bottom:20px;left:0;color:var(--purple)}.workspace{display:grid;grid-template-columns:310px 1fr;gap:20px}.panel,.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:11px}.controls{padding:22px 20px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.panel h2{font-size:16px;margin:0;letter-spacing:-.3px}.reset{font-size:11px;color:var(--teal);padding:0}.field-label{display:flex;justify-content:space-between;color:#b6c0d2;font-size:11px;margin:18px 0 8px}.field-label strong{color:var(--teal);font-weight:600}.select,.input-wrap{width:100%;height:39px;border-radius:6px;border:1px solid #35415d;background:#0d1425;color:var(--text);padding:0 11px;font:inherit}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-wrap{display:flex;align-items:center;padding:0 9px}.input-wrap input{min-width:0;width:100%;background:none;border:0;outline:0;color:var(--text);font:inherit}.input-wrap span{font-size:9px;color:var(--muted)}.range{width:100%;accent-color:var(--teal);height:4px}.range.purple{accent-color:var(--purple)}.range-labels{display:flex;justify-content:space-between;color:#687792;font-size:10px}.rule{height:1px;background:var(--line);margin:24px 0}.activity-row{display:flex;align-items:center;gap:9px;margin:14px 0;color:#c4ccdb;font-size:12px}.activity-row strong{margin-left:auto;font-size:11px;color:var(--muted);font-weight:500}.activity-icon{width:21px;height:21px;border-radius:6px;display:grid;place-items:center;font-size:11px}.teal{background:#163b3c;color:var(--teal)}.amber{background:#3a3020;color:var(--amber)}.pink{background:#3b2337;color:var(--pink)}.toggle{width:25px;height:15px;border:0;background:#2d3850;border-radius:20px;position:relative;cursor:pointer}.toggle:after{content:"";position:absolute;width:11px;height:11px;background:#8995ab;border-radius:50%;left:2px;top:2px;transition:.2s}.toggle.on{background:#27645f}.toggle.on:after{left:12px;background:var(--teal)}.results{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metric-card{padding:20px 21px;min-height:120px}.metric-card.accent{border-color:#326b68;background:linear-gradient(120deg,#122a32,#11182b)}.metric-label{display:block;color:#7788a5;font-size:9px;letter-spacing:1.3px;font-weight:700;margin-bottom:13px}.metric-card strong{display:block;font-size:30px;letter-spacing:-1.5px}.metric-card strong small{font-size:14px;letter-spacing:0;color:#a9b5c9;font-weight:500}.metric-note{display:block;color:#71809a;font-size:11px;margin-top:5px}.trend{color:var(--teal)}.chart-panel{padding:22px 22px 15px}.chart-top{display:flex;justify-content:space-between;align-items:flex-start}.chart-top .kicker{margin-bottom:6px}.legend{display:flex;gap:17px;color:#7c8ca6;font-size:10px}.legend i{display:inline-block;width:18px;border-top:2px solid var(--teal);vertical-align:middle;margin-right:5px}.legend .legend-dash{border-color:#8d79c5;border-top-style:dashed}.chart-wrap{display:flex;height:275px;margin-top:16px}.y-axis{width:40px;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0 28px;color:#60708b;font-size:10px}.chart-area{position:relative;flex:1;margin-right:5px}.grid-lines{position:absolute;inset:0 0 28px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px solid #202d46}.chart-area svg{position:absolute;width:100%;height:235px;left:0;top:0;overflow:visible}.target-line{position:absolute;left:0;right:0;top:29%;border-top:1px dashed #806bc1;color:#9a88cf;font-size:9px}.target-line span{position:absolute;right:0;top:-18px}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#60708b;font-size:10px}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:20px}.milestone-panel,.insight{padding:21px}.text-link{color:var(--teal);font-size:11px}.milestone{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:13px 0}.milestone-num{color:#536580;font-size:10px}.milestone div{display:grid;gap:2px}.milestone strong{font-size:12px}.milestone span{font-size:10px;color:var(--muted)}.milestone b{margin-left:auto;color:var(--teal);font-size:11px;font-weight:500}.insight{background:linear-gradient(145deg,#191936,#15182c);border-color:#393760}.insight-icon{font-size:24px;color:var(--purple)}.insight h2{font-size:20px;margin:5px 0 8px}.insight p:not(.kicker){color:var(--muted);font-size:12px;max-width:300px;margin:0 0 17px}.insight strong{color:#e4caff}.footer{max-width:1136px;margin:0 auto;padding:20px 0 30px;color:#65748c;font-size:11px;display:flex;gap:25px}.footer div{margin-left:auto;display:flex;gap:20px}.light{--bg:#f4f7fb;--panel:#fff;--panel2:#fff;--line:#dbe3ef;--text:#172238;--muted:#65748c}.light .topbar{border-color:var(--line)}.light .select,.light .input-wrap{background:#f7f9fc}.light .orbit-core{background:#e8f3f4}.light .metric-card.accent{background:#effaf9}.light .chart-panel,.light .panel{box-shadow:0 3px 16px #23395b0c}@media(max-width:800px){.topbar{gap:20px}.nav{gap:14px}.nav a{padding:29px 0}.hero{margin-bottom:30px}.hero-orbit{display:none}.workspace{grid-template-columns:1fr}.controls{order:2}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:span 2}.bottom-grid{grid-template-columns:1fr}}@media(max-width:520px){.topbar{height:64px;padding:0 18px}.nav{display:none}.top-actions .button{display:none}.shell{padding:35px 16px}.hero h1{font-size:43px}.metric-grid{gap:8px}.metric-card{padding:15px 13px;min-height:110px}.metric-card strong{font-size:24px}.chart-panel{padding:17px 12px}.legend{display:none}.bottom-grid{gap:12px}.footer{padding:20px 16px;flex-wrap:wrap}.footer div{margin-left:0}.field-grid{gap:7px}}