:root{--ink:#0e2235;--muted:#5f7180;--line:#d8e0e5;--paper:#f5f8f9;--white:#fff;--teal:#087f79;--navy:#0b2339;--amber:#f5b942;--danger:#b42318}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.skip{z-index:10;background:#fff;padding:.75rem;position:absolute;top:0;left:-999px}.skip:focus{left:1rem}.landing{background:radial-gradient(circle at 80% 20%,#caeeea 0,#0000 28%),linear-gradient(145deg,#f7faf9 35%,#e6f0f1);min-height:100vh}.masthead{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:1.4rem 2rem;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:.8rem;font-weight:800;text-decoration:none;display:flex}.brandmark{background:var(--teal);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:5rem;max-width:1180px;margin:auto;padding:6rem 2rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--teal);font-size:.78rem;font-weight:800}h1{letter-spacing:-.055em;max-width:850px;margin:.8rem 0 1.5rem;font-size:clamp(2.7rem,6vw,5.3rem);line-height:.96}.lede{color:var(--muted);max-width:720px;font-size:1.18rem;line-height:1.7}.card{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;padding:1.5rem;box-shadow:0 16px 50px #0f2a3d14}.stack{gap:1rem;display:grid}label{gap:.4rem;font-size:.9rem;font-weight:700;display:grid}input{background:#fff;border:1px solid #aebbc4;border-radius:8px;width:100%;padding:.8rem}select{background:#fff;border:1px solid #899ba7;border-radius:8px;width:100%;padding:.72rem}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline-offset:3px;outline:3px solid #075f5b}.button{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:.85rem 1.1rem;font-weight:800;text-decoration:none;display:inline-block}.button.secondary{background:var(--navy)}.fine{color:var(--muted);font-size:.85rem;line-height:1.45}.notice{border-left:4px solid var(--amber);background:#fff8e5;border-radius:5px;padding:.8rem 1rem}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;height:100vh;padding:1.25rem;position:sticky;top:0;overflow:auto}.sidebar .brand{margin-bottom:2rem}.navgroup{color:#91b3c6;text-transform:uppercase;letter-spacing:.12em;margin:1.4rem 0 .5rem;font-size:.72rem}.navlink{color:#dbe8ef;border-radius:7px;padding:.65rem .7rem;font-size:.9rem;text-decoration:none;display:block}.navlink:hover,.navlink:focus{color:#fff;background:#163b56}.main,.content,.demo-frame,.demo-frame>*{min-width:0;max-width:100%}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex}.content{max-width:1440px;padding:2.2rem}.content h1{letter-spacing:-.04em;margin:.3rem 0 1rem;font-size:2.5rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.metric{font-size:2rem;font-weight:800}.pill{color:#09655f;background:#dff3f0;border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.search{max-width:640px;position:relative}.topic{gap:.7rem;display:grid}.topic h2{margin:0;font-size:1.1rem}.topic p{color:var(--muted);margin:0;line-height:1.5}.detail{gap:1.3rem;max-width:900px;display:grid}.detail section{border:1px solid var(--line);background:#fff;border-radius:12px;padding:1.3rem}.detail h2{margin-top:0}.admin-table{border-collapse:collapse;background:#fff;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;padding:.8rem}.actions{flex-wrap:wrap;gap:.4rem;display:flex}.actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:.45rem .6rem}.filters{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:end;gap:1rem;margin:1.5rem 0;padding:1rem;display:flex}.filters label{min-width:180px}.filters .wide{flex:1;min-width:min(420px,100%)}.demo-frame{gap:1rem;margin:1.5rem 0 2.5rem;display:grid}.demo-frame>section,.explain-grid>section{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1.25rem}.demo-frame h2,.demo-frame h3{margin-top:0}.demo-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mode-badge{text-transform:capitalize;color:var(--muted);font-weight:700}.section-label{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:800}.input-list{flex-wrap:wrap;gap:1.5rem;margin:0;display:flex}.input-list div{min-width:150px}.input-list dt{color:var(--muted);text-transform:uppercase;font-size:.75rem}.input-list dd{margin:.25rem 0 0;font-weight:800}.result-panel{border-top:5px solid var(--teal)!important}.explain-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0;display:grid}.metrics>div{background:#eff6f6;border-radius:10px;gap:.25rem;padding:1rem;display:grid}.metrics strong{font-size:1.6rem}.metrics span{color:var(--muted);text-transform:capitalize}.bar-chart{gap:.65rem;margin:1.2rem 0;display:grid}.bar-row{grid-template-columns:80px 1fr 65px;align-items:center;gap:.7rem;display:grid}.bar-row>div{background:#e4ecef;border-radius:4px;height:18px;overflow:hidden}.bar-row i{background:var(--teal);height:100%;display:block}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;margin:.8rem 0}.data-table caption{text-align:left;padding:.5rem 0;font-weight:800}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.65rem}.data-table th{text-transform:capitalize;background:#eef3f5}.lineage,.decision-chain{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.lineage li,.decision-chain li{background:#f7fbfb;border:1px solid #9fb5be;border-radius:8px;padding:.75rem 1rem;position:relative}.lineage li:not(:last-child):after{content:"→";color:var(--teal);margin-left:1rem}.decision-chain li{flex:1;gap:.35rem;min-width:160px;display:grid}.decision-chain span{color:var(--muted)}details{margin-top:1rem}summary{cursor:pointer;font-weight:800}pre{color:#dceef5;white-space:pre-wrap;background:#071b2c;border-radius:8px;max-height:360px;padding:1rem;overflow:auto}.technical-note{border-left:3px solid var(--teal);color:var(--muted);padding-left:.8rem}.interval{height:95px;margin:1rem;position:relative}.interval span{background:var(--teal);border-radius:5px;height:8px;position:absolute;top:32px}.interval i{border-left:4px solid var(--navy);height:32px;position:absolute;top:20px}.interval b{text-align:center;width:33%;display:inline-block;position:relative;top:58px}.matrix{grid-template-columns:150px 1fr 1fr;gap:4px;max-width:560px;margin:1rem 0;display:grid}.matrix>*{text-align:center;background:#dff3f0;padding:1rem}.matrix .axis{background:#edf2f4;font-size:.8rem}.vision-scene,.map{border:1px solid var(--line);background:#f6fafb;border-radius:12px;max-width:760px;overflow:hidden}.vision-scene svg,.map svg{width:100%;height:auto;display:block}.map text{font-size:4px;font-weight:800}blockquote{border-left:5px solid var(--teal);background:#edf8f6;margin:1rem 0;padding:1rem 1.25rem;font-size:1.12rem}.recommendation{font-size:1.35rem;font-weight:800}.agent-console{border-top:2px dashed var(--line);margin-top:1.5rem;padding-top:1.5rem}.agent-console label{max-width:280px}.agent-console .actions{margin:1rem 0}.agent-console button:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--danger);background:#fff4f3!important;border-color:#f1b5b0!important}.empty,.state-card{background:#f7fafb;border:1px dashed #9fb0ba;border-radius:12px;padding:1.25rem}.state-card{max-width:720px;margin:3rem auto}.spinner{border:4px solid #c8dddd;border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;display:block}.section-heading{margin-top:2.5rem}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:2rem;padding-top:3rem}.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid{grid-template-columns:1fr}.topbar{padding:0 1rem}.content{padding:1.2rem}}@media (max-width:700px){.explain-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:60px minmax(0,1fr)}.bar-row b{grid-column:2}.filters>*{width:100%}.matrix{grid-template-columns:72px minmax(0,1fr) minmax(0,1fr)}.content{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}