:root{--ink:#1D1D1D;--panel:#2B2B2B;--paper:#E8E8E8;--blue:#2680EB;--blue-lit:#6AAFF5;--loud:#DFBF00;--line:rgba(232,232,232,.14);--mute:rgba(232,232,232,.62);--t1:clamp(2rem,7.4vw,3.5rem);--t2:clamp(1.25rem,3.6vw,1.75rem);--t3:clamp(.98rem,2.6vw,1.06rem);--r:4px;--gap:16px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;font-size:var(--t3);line-height:1.55;overflow-x:clip;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.015em;margin:0}p{margin:0}a{color:inherit}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.band{border-top:1px solid var(--line)}.top{display:flex;align-items:center;gap:12px;padding:18px 0 10px}.logo{display:block;width:clamp(44px,12vw,60px);height:auto;border-radius:var(--r)}.wordmark{font-weight:800;letter-spacing:.02em;font-size:1.05rem}.wordmark span{color:var(--blue-lit)}.story{display:block}.hero{padding:6px 0 0}h1{font-size:var(--t1);max-width:19ch}.sub{margin-top:14px;max-width:46ch;color:var(--paper);font-size:var(--t3)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:252px;min-height:58px;padding:0 24px;margin-top:26px;background:var(--loud);color:#1D1D1D;font-weight:800;font-size:1.06rem;text-decoration:none;border-radius:var(--r);border:1px solid #cdb000;}.cta .arw{width:9px;height:9px;border-right:2px solid #1D1D1D;border-top:2px solid #1D1D1D;transform:rotate(45deg)}.cta:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.under{margin-top:34px;font-size:.88rem;color:var(--mute);max-width:34ch}.stage{position:sticky;top:0;z-index:2;background:var(--ink);padding:14px 0 18px;margin-top:22px;border-bottom:1px solid var(--line)}.stage svg{display:block;width:100%;height:auto;max-height:34dvh;margin:0 auto}.shutter,.tile,.bar,.scan,.count,.rowlab{transition:transform .5s ease,opacity .5s ease}.bar{transform-origin:left center}.tile{opacity:.12}.scan{opacity:0}.count{opacity:0}.rowlab{opacity:.3}[data-step="1"] .bar{transform:scaleX(.42)}[data-step="1"] .scan{opacity:1;transform:translateY(72px)}[data-step="2"] .bar{transform:scaleX(1)}[data-step="2"] .shutter{transform:translateX(-168px)}[data-step="2"] .rowlab{opacity:1}[data-step="2"] .count{opacity:1}[data-step="2"] .tile{opacity:.3}[data-step="3"] .bar{transform:scaleX(1)}[data-step="3"] .shutter{transform:translateX(-336px)}[data-step="3"] .rowlab{opacity:1}[data-step="3"] .count{opacity:1}[data-step="3"] .tile{opacity:1}[data-step="0"] .bar{transform:scaleX(0)}.steps{margin:4px 0 0;padding:0;list-style:none}.step{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:start;min-height:62dvh;padding:18px 0;}.hour{font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-lit);padding-top:6px;border-top:2px solid var(--blue);}.step p{font-size:var(--t2);font-weight:800;line-height:1.32;max-width:22ch;letter-spacing:-.01em}.leaf{padding:36px 0 44px}.leaf .hour{display:inline-block;margin-bottom:14px}.leaf h2{font-size:var(--t2);max-width:24ch}.leaf .intro{margin-top:10px;color:var(--mute);max-width:52ch}.panels{display:grid;gap:0;margin-top:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}.panel{padding:20px 18px;border-top:1px solid var(--line)}.panel:first-child{border-top:0}.panel h3{font-size:1.14rem;letter-spacing:.01em}.panel ul{margin:12px 0 0;padding:0 0 0 16px}.panel li{margin:8px 0;color:var(--mute)}.panel.warn h3{color:var(--loud)}.close{position:relative;overflow:hidden;background:var(--panel);border-top:1px solid var(--line);padding:40px 0 0}.close h2{font-size:var(--t2);max-width:22ch}.close .pin{margin:22px auto -4px;display:block;width:min(260px,72vw);height:auto}.closewrap{padding-bottom:0}.cbar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(29,29,29,.96);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(130%);transition:transform .35s ease;visibility:hidden;pointer-events:none;}.cbar.on{transform:translateY(0);visibility:visible;pointer-events:auto}.cbar a{display:flex;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:50px;background:var(--loud);color:#1D1D1D;font-weight:800;text-decoration:none;border-radius:var(--r);}footer{padding:46px 0 140px;text-align:center}.mark{width:44px;height:44px;margin:0 auto 18px;border-radius:50%;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--blue-lit);}.src{max-width:46ch;margin:0 auto 22px;text-align:left;border:1px solid var(--line);border-radius:var(--r);padding:16px}.src h2{font-size:1.14rem;margin-bottom:10px}.crumb{font-size:12px;letter-spacing:.03em;color:var(--mute);margin-bottom:8px}.src p{color:var(--mute);font-size:.92rem}.src a{display:inline-block;margin-top:10px;color:var(--blue-lit);font-weight:500}.flinks{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:4px}.flinks a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-decoration:none}.flinks a:hover{color:var(--paper)}.fname{margin-top:16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.legal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.72);display:flex;justify-content:center}.legal[hidden]{display:none}.sheet{background:var(--ink);width:100%;max-width:720px;height:100%;overflow-y:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.sheetbar{position:sticky;top:0;background:var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.sheetbar strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:500}.x{width:44px;height:44px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--paper);text-decoration:none;font-weight:800}.sheet .body{padding:20px 18px 60px}.sheet h3{font-size:1.02rem;margin:26px 0 8px}.sheet h3:first-child{margin-top:0}.sheet p{color:var(--mute);margin:8px 0}.sign{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}.sign svg{display:block;width:120px;height:auto;margin-top:8px}@media (hover: hover) and (pointer: fine){.cta:hover{background:#F0CF10}.cbar a:hover{background:#F0CF10}}@media (prefers-reduced-motion: reduce){.shutter,.tile,.bar,.scan,.count,.rowlab,.cbar{transition:none}}@media (min-width: 900px){.story{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}.hero{grid-column:1;grid-row:1;padding-top:8px}.steps{grid-column:1;grid-row:2}.stage{grid-column:2;grid-row:1 / span 2;margin-top:0;top:0;height:100dvh;display:flex;align-items:center;padding:0;border-bottom:0}.stage svg{max-height:62dvh}.step{min-height:66dvh}.panels{grid-template-columns:1fr 1fr 1fr}.panel{border-top:0;border-left:1px solid var(--line)}.panel:first-child{border-left:0}h1{font-size:clamp(2.6rem,4vw,3.5rem)}.close .pin{width:300px}}