:root{--n:#07101b;--n2:#0d1d2d;--n3:#17354e;--w:#eff6fd;--m:#9fb3c7;--l:rgba(185,209,230,.16);--g:#d7b66b;--g2:#f0d697;--ok:#79d4a3}*{box-sizing:border-box}body{margin:0;background:#08121f;color:var(--w);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.demo-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 15px;background:linear-gradient(180deg,var(--n),#0b1b2c);border-right:1px solid var(--l);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:3px 11px 24px;color:#fff;text-decoration:none}.brand img{width:31px}.brand b{font-size:.84rem;letter-spacing:.16em;display:block}.brand small{display:block;color:#91a9be;font-size:.58rem;letter-spacing:.12em;margin-top:4px}.demo-badge{font-size:.63rem;letter-spacing:.12em;color:#c6dbec;padding:10px 11px;background:rgba(215,182,107,.08);border:1px solid rgba(215,182,107,.24);border-radius:7px;margin:0 5px 22px}.demo-badge i,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:7px;box-shadow:0 0 0 4px rgba(121,212,163,.1)}nav p{font-size:.61rem;letter-spacing:.17em;color:#7790a7;margin:18px 11px 7px}.nav-link{display:flex;width:100%;gap:12px;align-items:center;padding:11px;border:0;border-radius:7px;background:transparent;color:#b4c5d5;text-align:left;font:inherit;font-size:.84rem;cursor:pointer}.nav-link span{color:var(--g);width:16px;text-align:center}.nav-link:hover,.nav-link.active{background:#15314b;color:#fff}.sidebar-note{margin:auto 5px 0;padding:14px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid var(--l)}.sidebar-note span{display:block;color:#8299ad;font-size:.6rem;letter-spacing:.1em}.sidebar-note b{display:block;color:var(--g2);margin:6px 0}.sidebar-note small{display:block;color:#a8bacc;font-size:.72rem;line-height:1.45}.topbar{height:76px;border-bottom:1px solid var(--l);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:rgba(7,16,27,.9)}.context{display:flex;align-items:center;gap:8px}.context b{font-size:.69rem;letter-spacing:.1em}.context small{display:block;margin-top:4px;color:#8fa7bc;font-size:.72rem}.top-actions{display:flex;gap:10px;align-items:center}.help-button,.outline-action{border:1px solid #49647c;background:transparent;border-radius:6px;color:#dceafa;padding:10px 13px;font-weight:600;cursor:pointer}.sign-in{background:var(--g);color:#0b1724;text-decoration:none;padding:11px 16px;border-radius:6px;font-size:.84rem;font-weight:750}.menu-button{display:none}.view{display:none;max-width:1370px;margin:0 auto;padding:48px 42px 66px}.view.active{display:block}.page-title{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:30px}.page-title p,.modal-kicker{color:var(--g);font-size:.67rem;letter-spacing:.16em;font-weight:750;margin:0 0 11px}.page-title h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;letter-spacing:-.045em;margin:0;color:#fff;max-width:820px}.page-title span{display:block;color:var(--m);max-width:760px;line-height:1.6;margin-top:14px}.status-strip,.safety-banner{display:flex;gap:13px;align-items:center;padding:15px 17px;border:1px solid rgba(121,212,163,.24);background:linear-gradient(90deg,rgba(121,212,163,.1),rgba(121,212,163,.025));border-radius:9px}.status-strip>span,.safety-banner>span{font-weight:800;color:var(--ok);font-size:1.25rem}.status-strip b,.safety-banner b{display:block;font-size:.86rem}.status-strip small,.safety-banner small{display:block;color:#acc4d8;margin-top:3px;font-size:.76rem}.status-strip em{font-size:.7rem;color:#89adbd;margin-left:auto;font-style:normal}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.metric-grid article,.panel,.signal-card{background:linear-gradient(145deg,rgba(20,45,68,.95),rgba(11,27,44,.95));border:1px solid var(--l);border-radius:11px}.metric-grid article{padding:19px}.metric-grid small,.panel>small{display:block;color:#95acc0;font-size:.61rem;letter-spacing:.12em}.metric-grid b{display:block;margin:11px 0 5px;color:#fff;font-size:1.28rem}.metric-grid .gold{color:var(--g2)}.metric-grid span{color:#96aec3;font-size:.75rem}.two-column,.research-layout,.control-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:17px}.panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.panel h2{font-size:1.38rem;margin:7px 0 0;color:#fff}.panel-heading button,.signal-card button{border:0;background:transparent;color:var(--g2);font-weight:700;cursor:pointer}.decision-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.decision-steps div{padding:13px;border-radius:8px;background:rgba(255,255,255,.035)}.decision-steps i{display:block;width:23px;height:23px;padding-top:4px;border-radius:50%;text-align:center;background:rgba(215,182,107,.15);color:var(--g);font-size:.65rem;font-style:normal}.decision-steps b{display:block;margin-top:10px;font-size:.83rem}.decision-steps small{display:block;color:var(--m);line-height:1.4;margin-top:4px;font-size:.72rem}.chart{background:#0a1928;border:1px solid rgba(185,209,230,.1);border-radius:8px;padding:12px 12px 8px}.chart svg{width:100%;height:150px}.chart div{display:flex;justify-content:space-between;color:#7e99ae;font-size:.58rem;letter-spacing:.1em}.explain-panel{background:radial-gradient(circle at 100% 0,rgba(215,182,107,.16),transparent 35%),linear-gradient(145deg,#17354e,#0c1b2a)}.explain-panel p{line-height:1.65;color:#b6c9d9}.explain-panel ul{list-style:none;padding:0;margin:20px 0}.explain-panel li{padding:9px 0;border-bottom:1px solid var(--l);font-size:.82rem;color:#dce9f4}.explain-panel li:before{content:'✓';color:var(--g);padding-right:9px}.gold-action{border:0;border-radius:6px;background:var(--g);color:#0b1825;padding:11px 15px;font-weight:800;cursor:pointer}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.signal-card{padding:23px}.signal-head{display:flex;justify-content:space-between;align-items:center}.signal-head small{font-size:.56rem;color:#8da4b8;letter-spacing:.08em}.tag{font-size:.59rem;font-weight:800;letter-spacing:.1em;padding:6px 8px;border-radius:4px}.positive{background:rgba(121,212,163,.15);color:#8de0b2}.neutral{background:rgba(120,179,227,.13);color:#a9d1ee}.caution{background:rgba(238,183,114,.13);color:#f0c282}.signal-card h2{font-size:1.25rem;margin:28px 0 8px}.signal-card p{color:#afc2d2;line-height:1.6;font-size:.86rem;min-height:68px}.confidence{margin:22px 0}.confidence span{color:#91a9bd;font-size:.71rem}.confidence b{float:right;font-size:.76rem}.confidence i{display:block;height:6px;margin-top:9px;border-radius:99px;background:#284157}.confidence em{display:block;height:100%;background:linear-gradient(90deg,#73cfa0,var(--g));border-radius:99px}.plain-language{margin-top:20px;padding:17px 20px;border-left:3px solid var(--g);background:rgba(215,182,107,.075);color:#b8cada}.plain-language b{color:#f3db9d}.plain-language p{margin:7px 0 0;line-height:1.55}.workflow ol{list-style:none;padding:0;margin:22px 0 0;counter-reset:steps}.workflow li{counter-increment:steps;display:grid;grid-template-columns:34px 1fr;gap:8px;padding:14px 0;border-bottom:1px solid var(--l)}.workflow li:before{content:counter(steps);width:24px;height:24px;text-align:center;padding-top:3px;border-radius:50%;background:rgba(215,182,107,.14);color:var(--g);font-size:.68rem}.workflow b{display:block}.workflow span{display:block;color:#9eb3c5;font-size:.8rem;margin-top:3px}.sample-form{display:grid;gap:14px}.sample-form label{color:#bbcede;font-size:.74rem}.sample-form input,.sample-form select,.sample-form textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #355269;border-radius:6px;background:#091827;color:#e8f1fa;font:inherit;font-size:.82rem}.sample-form textarea{min-height:88px;resize:vertical}.sample-form p{margin:0;color:var(--ok);font-size:.78rem;line-height:1.4}.registry{padding:0;overflow:hidden}.registry-row{display:grid;grid-template-columns:1.4fr 1.2fr 1fr .8fr;gap:16px;padding:19px 22px;border-bottom:1px solid var(--l);align-items:center;color:#afc3d3;font-size:.84rem}.registry-row:last-child{border:0}.registry-row b{color:#fff}.registry-label{background:#10283d;color:#88a2b8;font-size:.61rem;letter-spacing:.1em}.registry-row em{font-size:.71rem;font-style:normal;font-weight:700}.ok{color:#89dcad}.watch{color:#f0c282}.control-grid h2{margin-top:8px}.control-grid p{color:#afc3d3;line-height:1.6}.role-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--l);font-size:.82rem}.role-row b{color:#d9e8f6}.audit>div{display:flex;gap:13px;margin-top:18px}.audit time{color:var(--g);font-weight:750;font-size:.78rem}.audit b,.audit small{display:block}.audit small{color:#a8bdce;font-size:.72rem;margin-top:4px}.safety-banner{margin-top:18px;border-color:rgba(215,182,107,.35);background:rgba(215,182,107,.075)}.safety-banner>span{color:var(--g)}.modal{position:fixed;inset:0;background:rgba(3,9,15,.75);z-index:10;display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(510px,100%);padding:31px;border-radius:13px;background:#112b42;border:1px solid rgba(215,182,107,.45);box-shadow:0 24px 80px rgba(0,0,0,.5)}.modal-card h2{margin:0;color:#fff}.modal-card p:not(.modal-kicker){color:#bbcfdf;line-height:1.65}.modal-close{position:absolute;right:15px;top:13px;background:transparent;color:#dceafa;border:0;font-size:1.6rem;cursor:pointer}.toast{position:fixed;bottom:22px;right:22px;max-width:350px;padding:13px 16px;border-radius:8px;background:var(--g);color:#081522;font-size:.8rem;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.35)}@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:8;transform:translateX(-102%);width:255px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-button{display:block;background:transparent;border:0;color:#dceafa;font-size:1.3rem}.topbar{padding:0 20px}.view{padding:34px 20px}.metric-grid,.signal-grid{grid-template-columns:repeat(2,1fr)}.two-column,.research-layout,.control-grid{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.topbar{height:68px}.help-button{display:none}.metric-grid,.signal-grid{grid-template-columns:1fr}.decision-steps{grid-template-columns:1fr}.registry-row{grid-template-columns:1fr 1fr;gap:7px;padding:15px}.registry-label{display:none}.registry-row span:nth-of-type(2)::before{content:'Review: ';color:#738fa7}.page-title h1{font-size:2rem}.top-actions{gap:0}.sign-in{padding:9px 11px;font-size:.76rem}}
