:root{--ink:#13243b;--blue:#0b5fa5;--blue-soft:#e9f3fb;--navy:#071a2f;--muted:#5c6c7e;--line:#d7e1ea;--paper:#fbfcfe;--amber:#bd6b16;--green:#19705b;--red:#a9464d;--shadow:0 18px 45px rgba(15,42,70,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:var(--blue)}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8fc7ef;outline-offset:3px}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.top{border-bottom:1px solid var(--line);background:#fff}.top .shell{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:.86rem;font-weight:800;letter-spacing:.08em;text-decoration:none;color:var(--ink)}.brand b{color:var(--blue)}.back{font-size:.86rem;text-decoration:none;color:var(--muted)}.eyebrow{margin:0 0 .6rem;color:var(--blue);font:700 .7rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.hero{padding:4rem 0 2.4rem;background:linear-gradient(135deg,#fff 10%,var(--blue-soft));border-bottom:1px solid var(--line)}h1,h2,h3{line-height:1.12;margin:0;color:var(--ink)}h1{font:700 clamp(2.3rem,5vw,4.5rem)/1.05 Georgia,serif;letter-spacing:-.035em;max-width:880px}h2{font:700 clamp(1.45rem,3vw,2.2rem)/1.15 Georgia,serif}.lede{max-width:760px;margin:1.1rem 0 0;font-size:1.08rem;color:#33465c}.status{display:inline-flex;gap:.45rem;align-items:center;margin-top:1.2rem;padding:.38rem .65rem;border:1px solid #b9d6eb;border-radius:99px;background:#fff;color:#33536d;font:600 .7rem ui-monospace,monospace}.status i{width:.5rem;height:.5rem;border-radius:50%;background:var(--green)}main{padding:2rem 0 4rem}.sim-stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.8fr);gap:18px;align-items:stretch}.visual,.step-card,.compare,.flow,details{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.visual{padding:16px;min-height:420px;overflow:hidden;position:relative}.visual-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px;color:var(--muted);font-size:.8rem}.visual-head strong{color:var(--ink)}.diagram{width:100%;height:360px;display:block}.step-card{padding:22px;display:flex;flex-direction:column}.step-num{font:700 .72rem ui-monospace,monospace;letter-spacing:.1em;color:var(--blue);text-transform:uppercase}.step-card h2{margin-top:.7rem;font-size:1.85rem}.domain{margin:.65rem 0 1rem;font:700 .9rem ui-monospace,monospace;color:var(--blue)}.role{color:#33465c;margin:0}.outcome{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem;color:#40556c;font-size:.9rem}.controls{grid-column:1/-1;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;padding:12px 0}.button,.control{border:1px solid var(--line);border-radius:7px;background:#fff;padding:.58rem .8rem;color:var(--ink);font-weight:700;cursor:pointer}.button.primary,.control.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.control:hover,.scenario-tabs button:hover{border-color:var(--blue)}.speed{margin-left:auto;font:.78rem ui-monospace,monospace;color:var(--muted)}.speed button{border:0;background:transparent;color:inherit;cursor:pointer;padding:.4rem}.speed button.active{color:var(--blue);font-weight:800}.compare{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);overflow:hidden}.compare article{background:#fff;padding:15px}.compare article:first-child{border-left:4px solid var(--blue)}.compare article:last-child{border-left:4px solid var(--muted)}.compare h3{font-size:1rem}.compare p{margin:.45rem 0 0;color:var(--muted);font-size:.9rem}.scenario-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1rem}.scenario-tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:.48rem .8rem;cursor:pointer;font-weight:700;color:#43566b}.scenario-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.flow{margin-top:18px;padding:18px}.flow summary{cursor:pointer;font-weight:800;color:var(--ink)}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-top:14px}.flow-step{border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--muted);font-size:.85rem}.flow-step.active{background:var(--blue-soft);border-color:var(--blue);color:var(--ink)}.flow-step b{display:block;color:var(--blue);font:.7rem ui-monospace,monospace;margin-bottom:.35rem}.details{margin-top:18px;padding:0}.details summary{padding:15px 18px;cursor:pointer;font-weight:800}.detail-inner{padding:0 18px 18px;color:var(--muted);font-size:.93rem}.detail-inner ul{padding-left:1.1rem}.teaser-stage{min-height:460px;background:linear-gradient(135deg,#fff,#edf5fa);display:grid;grid-template-columns:1.25fr .75fr;gap:20px;padding:26px}.teaser-copy{display:flex;flex-direction:column;justify-content:center}.teaser-kicker{font:700 .72rem ui-monospace,monospace;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}.teaser-title{font:700 clamp(2.4rem,5vw,4.6rem)/.98 Georgia,serif;margin:.7rem 0}.teaser-copy p{max-width:560px;color:#40566d;font-size:1.05rem}.teaser-visual{border:1px solid #c7dceb;border-radius:12px;background:#fff;padding:18px;display:grid;gap:10px;align-content:center}.teaser-visual div{border-left:3px solid var(--blue);padding:10px 12px;background:#f8fbfd}.teaser-visual strong{display:block;font-size:.82rem}.teaser-visual span{font-size:.82rem;color:var(--muted)}.teaser-progress{height:6px;border-radius:99px;background:#dce8f0;overflow:hidden}.teaser-progress i{display:block;height:100%;background:var(--blue);width:0%;transition:width .25s}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:1.2rem}.review-grid a{display:block;padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.review-grid a span{display:block;color:var(--muted);font-size:.86rem;margin-top:.4rem}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.8rem}@media(max-width:820px){.shell{width:min(100% - 28px,1180px)}.hero{padding:2.7rem 0 1.8rem}.sim-stage,.teaser-stage{grid-template-columns:1fr}.visual{min-height:350px}.diagram{height:300px}.step-card{min-height:250px}.compare{grid-template-columns:1fr}.speed{margin-left:0;width:100%}.teaser-stage{min-height:0}.review-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}