:root{--bg:#fff3f8;--ice:#fff8df;--panel:#fff;--ink:#231627;--muted:#6b526e;--line:#f1a6c8;--primary:#f05a96;--deep:#5b2a86;--accent:#ffd166;--yellow:#fff08b;--shadow:#121812}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif;background:linear-gradient(135deg,rgba(240,90,150,.18) 0 16%,transparent 16% 100%),linear-gradient(rgba(18,24,18,.07) 1px,transparent 0),linear-gradient(90deg,rgba(18,24,18,.07) 1px,transparent 0),linear-gradient(180deg,#fff7dd,#ffe2f0 50%,#e8e0ff);background-size:auto,32px 32px,32px 32px,auto}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:18px;padding:14px clamp(16px,4vw,52px);background:rgba(247,253,255,.92);border-bottom:3px solid var(--shadow)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:900}.brand-mark{width:24px;height:24px;border:3px solid var(--shadow);background:linear-gradient(135deg,var(--deep) 0 38%,var(--primary) 38% 62%,var(--yellow) 62%);box-shadow:3px 3px 0 var(--shadow);transform:rotate(-10deg)}nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:14px;font-weight:800;padding:8px 10px;border:2px solid transparent}nav a:hover{border-color:var(--shadow);background:var(--yellow)}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:clamp(22px,4vw,46px);align-items:center;padding:clamp(26px,5vw,56px) clamp(16px,5vw,70px) 28px}.hero-card,.hero-copy{min-width:0}.hero-copy h1,.subhero h1{margin:0;max-width:920px;font-size:clamp(40px,6.6vw,76px);line-height:.92;letter-spacing:0}.lead{max-width:760px;color:var(--muted);font-size:clamp(17px,1.65vw,21px);line-height:1.42;font-weight:700}.eyebrow{margin:0 0 12px;display:inline-block;font-weight:900;text-transform:uppercase;letter-spacing:0;color:var(--deep)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button,.inline-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:3px solid var(--shadow);background:var(--primary);color:#fff;font-weight:900;box-shadow:5px 5px 0 var(--shadow)}.button.secondary{background:var(--yellow);color:var(--ink)}.button.pale,.inline-action{background:var(--deep);color:#fff}.console,.hero-card,.panel,.route-card{background:hsla(0,0%,100%,.92);border:3px solid var(--shadow);box-shadow:8px 8px 0 var(--shadow)}.hero-card{padding:16px;transform:rotate(-1deg)}.hero-card img{width:100%;height:auto;display:block;border:3px solid var(--shadow);background:var(--ice)}.hero-stats,.route-card{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.hero-stats div,.route-card div{padding:10px;background:#f5ffd7;border:2px solid var(--line)}.hero-stats span,.route-card span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.hero-stats b,.route-card b{display:block;font-size:18px;margin-top:4px;overflow-wrap:anywhere}.wrap{width:min(1140px,calc(100% - 32px));margin:0 auto}.section{padding:38px 0}.section-head{margin-bottom:18px}.console h2,.panel h2,.related h2,.section-head h2{margin:0 0 10px;font-size:clamp(28px,4vw,44px);line-height:1}.panel p,.section-head p,details p{color:var(--muted);line-height:1.55;font-weight:650}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{padding:22px}.panel h2,.panel h3{margin-top:0}.panel ul,.steps{padding-left:20px}.panel li,.steps li{margin:9px 0;color:var(--ink);font-weight:750}.number-tag{display:inline-block;padding:4px 8px;border:2px solid var(--shadow);background:var(--accent);font-weight:900}.code-strip{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.code-strip span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:3px solid var(--shadow);background:var(--yellow);box-shadow:4px 4px 0 var(--shadow);font-weight:900}.console{width:min(1140px,calc(100% - 32px));margin:14px auto 32px;padding:24px}.speed-console{background:linear-gradient(135deg,#fff 0 50%,#fff08b 50% 64%,#ffd6e8 64% 80%,#e9dcff 80%)}.console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.console-badge{padding:8px 10px;border:2px solid var(--shadow);background:var(--yellow);font-weight:900;white-space:nowrap}.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.chip,.stage{border:2px solid var(--shadow);background:var(--ice);color:var(--ink);padding:12px;text-align:left;font:inherit;cursor:pointer}.stage span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.stage b{display:block;margin-top:4px}.chip.active,.stage.active{background:var(--yellow);box-shadow:4px 4px 0 var(--shadow)}.pressure-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.chip{width:auto;font-weight:900}.route-output{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;background:#f5ffd7;border:2px solid var(--line);padding:18px}.route-output ol{margin:0;padding-left:22px}.route-output li{margin:8px 0;font-weight:800}.route-output aside{background:var(--panel);border-left:6px solid var(--accent);padding:14px}.subhero{padding:clamp(32px,6vw,72px) 0 24px}.subhero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}details{border-top:2px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:900}.link-stack,.related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.link-stack a,.related a{display:block;padding:14px;border:2px solid var(--shadow);background:var(--ice);font-weight:900}.related p{margin:6px 0 0;font-size:14px;color:var(--muted)}.callout.blue{background:#eef6ff}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-tile{display:block;min-height:210px;padding:18px;border:3px solid var(--shadow);background:var(--panel);box-shadow:6px 6px 0 var(--shadow)}.guide-tile span{display:inline-block;padding:5px 8px;background:var(--accent);border:2px solid var(--shadow);font-weight:900}.guide-tile h3{margin:14px 0 8px;font-size:20px;line-height:1.05}.guide-tile p{line-height:1.45}.footer,.guide-tile p{color:var(--muted);font-weight:700}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px clamp(16px,4vw,52px);border-top:3px solid var(--shadow);background:var(--panel)}.footer div{display:flex;gap:14px}@media (max-width:860px){.topbar{align-items:flex-start;flex-direction:column;position:static}nav{justify-content:flex-start;width:100%;gap:6px}nav a{font-size:13px;padding:7px 6px}.content-grid,.guide-grid,.hero,.link-stack,.related>div,.route-output,.split,.stage-grid,.subhero-grid{grid-template-columns:1fr}.hero{width:100%;max-width:100vw;padding-left:24px;padding-right:24px}.hero-card,.hero-copy{width:min(100%,calc(100vw - 48px));max-width:calc(100vw - 48px)}.hero-copy h1,.subhero h1{font-size:clamp(38px,11vw,46px);line-height:.96;overflow-wrap:anywhere}.hero-card{transform:none}.console{padding:18px}.console-head{flex-direction:column}.console h2,.panel h2,.related h2,.section-head h2{font-size:30px;line-height:1.05}.console-badge{white-space:normal}.stage b{font-size:18px;line-height:1.15}}