:root{--bg: #efece6;--surface: #ffffff;--nav: #2b2b2b;--nav-ink: #f3f1ec;--ink: #1a1a1a;--ink-muted: #54514c;--ink-faint: #8b877f;--hairline: rgba(0, 0, 0, .13);--hairline-strong: rgba(0, 0, 0, .22);--accent: #ff6f42;--accent-soft: #ffe7df;--emit: #d23a1f;--w1: #1fb89a;--w2: #1aa79c;--w3: #19938f;--w4: #1f7fae;--w5: #2f6fc0;--w6: #5b63c4;--w7: #7d5cbe;--w8: #9a51a8;--w9: #e7902f;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SF Mono", monospace;--maxw: 1320px;--pad: clamp(1.25rem, 4vw, 3.5rem);--radius: 12px;--radius-sm: 8px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .2s;--dur: .45s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:clamp(1rem,.97rem + .15vw,1.075rem);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:700;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}.numeric{font-family:var(--font-mono);font-feature-settings:"tnum" 1;letter-spacing:-.01em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{position:fixed;top:-120px;left:1rem;z-index:100;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:var(--radius-sm);font-weight:600;transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:1rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:sticky;top:0;z-index:50;background:var(--nav);color:var(--nav-ink);display:flex;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,2rem);height:64px}.nav__menu{background:none;border:0;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer;padding:.4rem;border-radius:6px;opacity:.85}.nav__brand{font-weight:400;font-size:1.05rem;letter-spacing:.34em;white-space:nowrap;padding-right:.5rem}.nav__spacer{flex:1}.nav__chip{display:inline-flex;align-items:center;gap:.6rem;background:#3a3a3a;border:1px solid rgba(255,255,255,.16);color:var(--nav-ink);border-radius:999px;padding:.45rem .9rem;font-size:.9rem;white-space:nowrap}.nav__chip-x{opacity:.6}.nav__icon,.nav__sectors{background:#3a3a3a;border:1px solid rgba(255,255,255,.16);color:var(--nav-ink);border-radius:8px;height:38px;display:inline-flex;align-items:center;gap:.5rem;padding:0 .85rem;font:inherit;font-size:.9rem;cursor:pointer}.nav__icon{width:38px;justify-content:center;padding:0}@media (max-width: 720px){.nav__chip,.nav__sectors span{display:none}}.wrap{max-width:var(--maxw);margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) var(--pad) 4rem}.intro{max-width:1000px}.intro__eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:1.1rem}.intro__number{font-size:clamp(1.9rem,8.4vw,6rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--ink);white-space:nowrap;max-width:100%}.intro__body{margin-top:.6rem;font-size:clamp(1.1rem,1rem + .55vw,1.45rem);max-width:54ch;line-height:1.45;color:var(--ink-muted)}.intro__body strong{color:var(--ink);font-weight:600}.toollead{margin-top:clamp(2rem,5vh,3rem);max-width:64ch;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--ink-muted)}.tool{margin-top:1.25rem}.tool__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--hairline)}.tool__filters{display:flex;gap:.5rem;align-items:center}.filter{display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 .95rem;font:inherit;font-weight:600;font-size:.92rem;color:var(--ink);background:var(--surface);border:1px solid var(--hairline-strong);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out)}.filter:hover{border-color:var(--ink-faint)}.filter--chip{border-radius:999px}.filter--select{border-radius:var(--radius-sm)}.filter__x{color:var(--ink-faint);font-size:1.05em}.tool__scenarios{display:inline-flex;gap:.4rem;background:#0000000a;padding:.3rem;border-radius:999px}.scenario{font:inherit;font-weight:600;font-size:.95rem;color:var(--ink-muted);background:transparent;border:0;border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.scenario:hover{color:var(--ink)}.scenario.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.tool__explore{display:flex;align-items:center;gap:.85rem;flex:0 1 360px;min-width:240px;margin-left:auto}.tool__explore label{font-size:.85rem;color:var(--ink-faint);white-space:nowrap}.tool__slider{flex:1;accent-color:var(--accent);cursor:pointer;min-width:120px}.tool__caption{margin-top:1rem;color:var(--ink-muted);font-size:1.02rem;min-height:1.5em}.tool__stage{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:clamp(1.25rem,3vw,2.5rem);margin-top:1.25rem;align-items:start}.tool__figure{margin:0;position:relative}.tool__svg{width:100%;height:auto;display:block;overflow:visible}.rm-gridline{stroke:var(--hairline);stroke-width:1}.rm-tick{fill:var(--ink-faint);font-family:var(--font-mono);font-size:13px}.rm-tick--y{text-anchor:end;dominant-baseline:middle}.rm-tick--x{text-anchor:middle}.rm-axis-title{fill:var(--ink-faint);font-family:var(--font-mono);font-size:12px}.rm-bau{fill:none;stroke:var(--emit);stroke-width:2.5;stroke-dasharray:7 6}.rm-net{fill:none;stroke:var(--ink);stroke-width:3}.rm-label__t{font-size:13px;font-weight:700}.rm-label--bau .rm-label__t{fill:var(--emit)}.rm-label--net .rm-label__t{fill:var(--ink)}.rm-label__v{fill:var(--ink);font-family:var(--font-mono);font-size:15px;font-weight:600}.rm-wedge{transition:opacity var(--dur-fast) var(--ease-out)}.readout{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:clamp(1.25rem,3vw,1.75rem);display:flex;flex-direction:column}.readout__label{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.readout__big{font-size:clamp(2.6rem,7vw,3.6rem);font-weight:800;line-height:1;color:var(--accent);margin-top:.35rem}.readout__sub{color:var(--ink-muted);font-size:.92rem;margin-top:.4rem}.readout__stats{margin:1.25rem 0 0;padding-top:1.25rem;border-top:1px solid var(--hairline);display:grid;gap:.7rem}.readout__stats div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.readout__stats dt{color:var(--ink-faint);font-size:.9rem}.readout__stats dd{margin:0;font-weight:600;text-align:right}.readout__cost{color:var(--emit)}.tool__axis-title{text-align:right;color:var(--ink-faint);font-family:var(--font-mono);font-size:.82rem;margin-top:.5rem}.rm-wedge{cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}.rm-wedges.is-probing .rm-wedge{opacity:.3}.rm-wedges.is-probing .rm-wedge.is-hot{opacity:1}.rm-wedge:focus-visible{outline:2px solid var(--ink);outline-offset:-1px}.wtip{position:absolute;z-index:6;pointer-events:none;max-width:264px;display:flex;flex-direction:column;gap:.3rem;padding:.7rem .85rem;background:var(--surface);border:1px solid var(--hairline-strong);border-left:4px solid var(--accent);border-radius:var(--radius-sm);box-shadow:0 10px 28px #0000002e}.wtip[hidden]{display:none}.wtip__name{font-weight:700;color:var(--ink)}.wtip__detail{font-size:.82rem;line-height:1.4;color:var(--ink-muted)}.wtip__meta,.wtip__human{font-size:.8rem;color:var(--ink-faint)}.diff{font-weight:600}.diff--easy{color:#6b675f}.diff--medium{color:#b8801b}.diff--hard{color:#c8521f}.diff--hardest{color:#b3331c}.strategies{margin-top:clamp(2.5rem,6vh,4rem)}.strategies__h{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);font-weight:800;letter-spacing:-.02em}.strategies__note{margin:.5rem 0 clamp(1.5rem,3.5vh,2rem);font-size:.95rem;color:var(--ink-faint)}.strategies__list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.move{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,3vw,2rem);align-items:center;padding:clamp(1.1rem,3vw,1.5rem) clamp(1.25rem,3vw,1.75rem);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.move:hover{border-color:var(--accent);transform:translate(4px)}.move__swatch{width:12px;align-self:stretch;min-height:44px;border-radius:4px;background:var(--c, var(--accent))}.move__title{font-size:clamp(1.1rem,1rem + .5vw,1.4rem);font-weight:700}.move__detail{color:var(--ink-muted);margin-top:.25rem;max-width:54ch}.move__human{margin-top:.5rem;font-size:.85rem;color:var(--ink-faint)}.move__human strong{color:var(--accent)}.move__metrics{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.move__gt{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1}.move__gt-l{font-size:.8rem;color:var(--ink-faint)}.move__diff{margin-top:.6rem;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.move__pips{display:flex;gap:3px}.pip{width:16px;height:5px;border-radius:2px;background:var(--hairline-strong)}.pip--on{background:var(--accent)}.move__diff-l{font-size:.72rem;color:var(--ink-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.foot{margin-top:2.5rem;color:var(--ink-faint);font-size:.85rem;max-width:75ch}.foot a{color:var(--accent)}@media (max-width: 900px){.tool__stage{grid-template-columns:1fr}}@media (max-width: 680px){.move{grid-template-columns:auto 1fr}.move__metrics{grid-column:2;flex-direction:row;align-items:baseline;gap:1rem;margin-top:.5rem}.move__diff{margin-top:0;flex-direction:row;align-items:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}