:root{--ground:#262626;--panel:#333333;--line:#404040;--blue:#3B82F6;--amber:#FACC15;--paper:#FFFFFF;--ink:#1A1A1A;--mute:#ADADAD;--r:16px;--t1:clamp(1.75rem,1.3rem + 2vw,2.7rem);--t2:clamp(1.0625rem,1rem + 0.35vw,1.25rem);--t3:0.9375rem;--col:1040px;--gut:clamp(16px,2vw,28px);}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--paper);font-family:Chivo,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased;}::selection{background:var(--blue);color:var(--paper)}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}h1,h2{margin:0;text-wrap:balance;letter-spacing:-0.03em;line-height:1.08}p{margin:0;text-wrap:pretty}.band{padding-block:clamp(40px,5.5vw,68px)}.band.alt{background:#2E2E2E}.band.hero{position:relative;padding-top:clamp(20px,3vw,40px);padding-left:46px}.col{max-width:var(--col);margin-inline:auto;padding-inline:var(--gut)}.rail{position:absolute;left:0;top:0;bottom:0;width:34px;background:var(--panel);border-right:3px solid var(--line);display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;}.rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700;font-size:var(--t3);letter-spacing:0.04em;color:var(--mute);}.logo{display:block;width:96px;height:96px;border-radius:var(--r)}@media (max-width:420px){.logo{width:80px;height:80px}}h1{font-size:var(--t1);font-weight:900;margin-top:16px;max-width:17ch}.sub{font-size:var(--t2);color:var(--mute);margin-top:12px;max-width:46ch;line-height:1.5}.rowhead{margin-top:clamp(20px,3vw,34px);margin-bottom:10px}h2{font-size:var(--t2);font-weight:700;letter-spacing:-0.01em;color:var(--paper)}h2::after{content:"";display:block;width:26px;height:4px;background:var(--line);margin-top:8px}.scroller{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-inline:max(var(--gut),calc(50vw - var(--col) / 2 + var(--gut)));padding-bottom:10px;}.hero .scroller{padding-inline:max(var(--gut),calc(50vw - 23px - var(--col) / 2 + var(--gut)))}.scroller::-webkit-scrollbar{height:6px}.scroller::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.tile{container-type:inline-size;flex:0 0 auto;scroll-snap-align:start;min-height:178px;background:var(--panel);border:3px solid var(--line);border-radius:var(--r);box-shadow:6px 6px 0 var(--ink);padding:14px;display:flex;flex-direction:column;}.tile.btn{width:272px;justify-content:center;align-items:center;text-align:center;gap:12px}.tile.view{width:320px;padding:8px;min-height:0}.tile.fact{width:238px;gap:10px}.sticker{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:8px 18px;background:var(--amber);color:var(--ink);font-weight:900;font-size:var(--t2);letter-spacing:-0.01em;text-decoration:none;border:3px solid var(--ink);border-radius:999px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.2,.8,.2,1);}@media (hover:hover) and (pointer:fine){.sticker:hover{transform:rotate(-2deg) translateY(-2px)}}.sticker:active{transform:rotate(-2deg) translateY(1px)}.under{font-size:var(--t3);color:var(--mute);line-height:1.45}.tabs{display:flex;gap:6px;margin-bottom:8px}.tab{flex:1 1 0;min-height:44px;background:transparent;color:var(--mute);font-family:inherit;font-weight:700;font-size:var(--t3);border:2px solid var(--line);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;}.tab[aria-selected="true"]{background:var(--line);color:var(--paper)}.stage{position:relative}.stage svg{display:block;width:100%;height:auto}.view-live{position:absolute;inset:0}.view-live{opacity:0;transition:opacity .25s cubic-bezier(.2,.8,.2,1)}.viewer:has(.tab-live[aria-selected="true"]) .view-live{opacity:1}.viewer:has(.tab-live[aria-selected="true"]) .view-saved{opacity:0}.view-saved{transition:opacity .25s cubic-bezier(.2,.8,.2,1)}body:has(.tab-live[aria-selected="true"]) .rail{border-right-color:var(--blue)}body:has(.tab-live[aria-selected="true"]) h2::after{background:var(--blue)}.tile h3{margin:0;font-weight:700;font-size:var(--t3);letter-spacing:0;color:var(--paper)}@container (min-width:220px){.tile h3{font-size:1.05rem}}.tile p{font-size:var(--t3);color:var(--mute);line-height:1.45}.pix{display:block;width:88px;height:auto}.tick{display:block;width:22px;height:22px;stroke:var(--blue);stroke-width:2.5;fill:none;stroke-linecap:square;stroke-linejoin:miter}.fact .top{display:flex;align-items:center;gap:8px}.endmark{display:flex;justify-content:center;padding-block:clamp(26px,4vw,44px) 0}.endmark i{display:block;width:14px;height:14px;background:var(--blue)}footer{margin-top:clamp(24px,3.5vw,40px);border-top:3px solid var(--line);padding-block:clamp(18px,3vw,32px) clamp(26px,4vw,40px);padding-bottom:max(calc(26px + env(safe-area-inset-bottom)),26px);}.wordmark{display:block;max-width:var(--col);margin-inline:auto;padding-inline:var(--gut);font-weight:900;letter-spacing:-0.05em;line-height:0.95;color:#757575;font-size:clamp(2.5rem,15vw,9rem);}footer p{max-width:var(--col);margin-inline:auto;padding-inline:var(--gut);font-size:var(--t3);color:var(--mute);margin-top:12px;max-width:52ch;}@media (min-width:900px){.tile.btn{width:324px}.tile.view{width:520px}.tile.fact{width:288px}}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}:is(html,body){overflow-x:clip;max-width:100%;}