:root{--section-y:clamp(56px,7.5vw,120px)}.hero{padding-top:clamp(56px,8vw,112px);padding-bottom:var(--section-y);text-align:center}.sec-head h2,.about h2{font-size:clamp(32px,3.4vw,56px);line-height:1.06;letter-spacing:-.028em;font-weight:620}.final h2{font-weight:620}.sec-head.wide{max-width:1100px}.sec-head.centred{margin-inline:auto;text-align:center}.sec-head.centred h2{text-wrap:balance}.pull-up{padding-top:clamp(24px,3vw,48px)}.hero-copy{max-width:1260px;margin:0 auto}.hero h1{margin-bottom:var(--sp-6);min-height:2lh;font-size:clamp(36px,5.6vw,86px);line-height:1.04;letter-spacing:-.035em;font-weight:620}.hero .sub{max-width:62ch;margin:0 auto var(--sp-8);font-size:clamp(17px,1.5vw,23px);line-height:1.45;letter-spacing:-.011em}.hero .btn-row{justify-content:center}.rotate-word{display:inline-block;white-space:nowrap;color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-subtle);text-decoration-thickness:.08em;text-underline-offset:.1em;transition:opacity .32s ease,transform .32s ease}.rotate-word.is-out{opacity:0;transform:translateY(-.22em)}@property --pos{syntax:"<percentage>"; inherits:true; initial-value:50%;}.wipe{--pos:50%;position:relative;margin-top:var(--sp-16);aspect-ratio:16/9;border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--bg-elevated);text-align:left;touch-action:pan-y}.wipe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.wipe .only-dark{display:none}:root[data-theme=dark] .wipe .only-light{display:none}:root[data-theme=dark] .wipe .only-dark{display:block}.wipe-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.wipe-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--accent);transform:translate(-1px);pointer-events:none}.wipe-handle{position:absolute;top:50%;left:var(--pos);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:var(--radius-pill);border:2px solid var(--accent);background:color-mix(in srgb,var(--bg-base) 70%,transparent);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--accent);pointer-events:none}.wipe-lab{position:absolute;top:var(--sp-4);color:var(--ink-primary);padding:4px 9px;border-radius:var(--radius-sm);background:var(--bg-base);border:1px solid var(--border-subtle);pointer-events:none}.wipe-lab.l{left:var(--sp-4)}.wipe-lab.r{right:var(--sp-4)}.wipe.rv.in>.wipe-lab{transition:opacity var(--dur-fast) var(--ease-out);transition-delay:0s}.wipe.is-all-before .wipe-lab.r,.wipe.is-all-after .wipe-lab.l{opacity:0}.wipe-range{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.wipe-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:44px;height:44px;opacity:0;cursor:ew-resize}.wipe-range::-moz-range-thumb{width:44px;height:44px;opacity:0;border:0;cursor:ew-resize}.wipe-range:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.wipe.is-returning{transition:--pos var(--dur-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){.wipe.is-returning{transition:none}}.card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);padding:var(--sp-4)}.card .lab{color:var(--ink-faint);margin-bottom:var(--sp-3)}.tally{display:flex;flex-direction:column;gap:var(--sp-2)}.tally-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-3);align-items:center;color:var(--ink-secondary)}.bar{height:6px;border-radius:var(--radius-pill);background:var(--border-default);overflow:hidden}.bar i{display:block;height:100%;border-radius:var(--radius-pill)}.bar i.ok{background:var(--success)}.bar i.warn{background:var(--warning)}.bar i.no{background:var(--danger)}.tally-n{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);min-width:2ch;text-align:right}.decided{display:flex;gap:var(--sp-3);align-items:flex-start}.decided svg{color:var(--success);flex-shrink:0;margin-top:3px}.decided .who{color:var(--ink-muted);margin-top:2px}.bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.bk{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--sp-8);transition:border-color var(--dur-base) var(--ease-out)}.bk:hover{border-color:var(--border-strong)}.bk{cursor:pointer;text-decoration:none}.bk:hover .bk-go{background:var(--accent-hover);transform:translate(2px)}.bk:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.bk-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-6);align-items:start}.bk-head .t-eyebrow{color:var(--ink-muted);font-size:13px;letter-spacing:.08em;margin-bottom:var(--sp-3)}.bk-head h3{max-width:34ch;text-wrap:balance}.bk-sub{margin-top:var(--sp-3);max-width:44ch}.bk>.bk-head{margin-bottom:auto}.bk-go{width:32px;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.bk-go:hover{background:var(--accent-hover);transform:translate(2px)}.bk-stage{position:relative;margin:var(--sp-12) calc(-1 * var(--sp-8)) calc(-1 * var(--sp-8)) 0;height:clamp(300px,25vw,360px);display:flex}.bk-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;z-index:1;background:linear-gradient(to top,var(--bg-subtle) 34%,transparent);pointer-events:none}.bk.wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}.bk.wide .bk-copy{padding-block:var(--sp-4)}.bk-float{position:absolute;z-index:2;display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-3) var(--sp-4)}.bk-float svg{flex:none;margin-top:3px}.bk-float .lo{left:var(--sp-6)}.uses-lab{margin-bottom:var(--sp-4)}.uses{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-3)}.use{display:flex;flex-direction:column;min-height:210px;cursor:pointer;text-decoration:none;padding:var(--sp-6);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-base);transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.use:hover{border-color:var(--border-strong);transform:translateY(-2px)}.use:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.use>svg{width:50px;height:50px;stroke-width:1.1;color:var(--accent);margin-bottom:auto}.use .t-h5 svg{display:inline-block;vertical-align:-2px;margin-left:7px;color:var(--accent);transition:transform var(--dur-fast) var(--ease-out)}.use:hover .t-h5 svg{transform:translate(3px)}@media(max-width:1100px){.uses{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.uses{grid-template-columns:1fr 1fr}}@media(max-width:480px){.uses{grid-template-columns:1fr}}.ba{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.ba-col{padding:var(--sp-8);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.ba-col.now{background:var(--bg-elevated)}.ba-col.tl{border-color:var(--accent);background:var(--accent-subtle)}.ba-col .t-eyebrow{margin-bottom:var(--sp-6)}.ba-col.now .t-eyebrow{color:var(--ink-faint)}.ba-col.tl .t-eyebrow{color:var(--accent)}.ba-col li{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;color:var(--ink-secondary)}.ba-col li+li{border-top:1px solid var(--border-subtle)}.ba-col li svg{flex-shrink:0;margin-top:4px}.ba-note{display:block;margin-top:var(--sp-2);color:var(--ink-faint);font-size:14.5px;line-height:1.55}.ba-col.tl .ba-note{color:var(--ink-muted)}.ba-col.now li svg{color:var(--ink-faint)}.ba-col.tl li svg{color:var(--accent)}.final{text-align:center}.final h2{max-width:20ch;margin:0 auto var(--sp-4)}.final p{max-width:46ch;margin:0 auto var(--sp-8)}.final .btn-row{justify-content:center}.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}.fw-lab{margin-bottom:var(--sp-4)}.fw-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.fw-chip{display:inline-block;padding:7px 14px;text-decoration:none;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-base);color:var(--ink-secondary);font-size:14.5px;line-height:1.3;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.fw-chip:hover{border-color:var(--accent);color:var(--accent)}.fw-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(max-width:900px){.bento,.ba,.about{grid-template-columns:1fr}.bk.wide{display:flex;flex-direction:column;align-items:stretch}.bk.wide .bk-stage{margin-top:var(--sp-8)}.methods{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.side,.ba-col{padding:var(--sp-4)}.bk,.bk.wide{padding:var(--sp-6)}.bk-stage,.bk.wide .bk-stage{margin:var(--sp-6) calc(-1 * var(--sp-6)) calc(-1 * var(--sp-6)) 0}.methods{grid-template-columns:1fr 1fr}}