:root{--ink:#141416;--paper:#f4efe8;--dim:#b9b3aa;--orange:#ff6a1f;--green:#7fd88f;--font:"Archivo", "Arial Narrow", sans-serif;--gutter:clamp(16px, 4vw, 56px);--header-h:88px;--ease-out:cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}body{background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.stage{z-index:0;width:100%;height:100%;position:fixed;inset:0}.nav{z-index:10;padding:16px var(--gutter);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{transition:color .2s}body[data-tone=light] .brand,body[data-tone=orange] .brand{color:var(--ink)}.logo{transition:box-shadow .2s}.nav .btn--small{transition:background-color .2s,color .2s}body[data-tone=orange] .logo{box-shadow:0 0 0 2px var(--ink)}body[data-tone=orange] .nav .btn--small{background:var(--ink);color:var(--paper)}.brand{align-items:center;gap:12px;min-height:44px;font-weight:600;text-decoration:none;display:flex}.logo{width:44px;height:44px;display:block}.btn{background:var(--orange);color:#111;min-height:52px;font:700 16px/1 var(--font);transition:transform .16s var(--ease-out), background-color .15s ease;border-radius:999px;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn:hover{background:#ff8340}}.btn--small{min-height:44px;padding:0 18px;font-size:14px}.copy{left:var(--gutter);z-index:2;width:min(640px, calc(100% - 2 * var(--gutter)));max-height:calc(100svh - var(--header-h) - clamp(32px, 9vh, 96px));pointer-events:none;will-change:opacity, transform;position:fixed;bottom:clamp(32px,9vh,96px)}.copy .btn{pointer-events:none}.copy.is-live .btn{pointer-events:auto}.copy--b{opacity:0}@media (width>=900px){.copy:not(.copy--a){top:calc(var(--header-h) + 10svh);bottom:auto}}.eyebrow{letter-spacing:.06em;color:var(--orange);margin:0 0 12px;font-size:15px;font-weight:600}.copy--b .eyebrow{color:var(--orange)}.title{letter-spacing:-.02em;margin:0;font-size:clamp(40px,min(11vw,13svh),168px);font-weight:900;font-stretch:75%;line-height:.86}.copy--a .title span{color:var(--orange)}.copy--b .title span{color:var(--green)}.lead{color:#ddd7cf;max-width:44ch;margin:clamp(10px,2svh,20px) 0 0;font-size:clamp(15px,2.1svh,18px);line-height:1.5}.copy--b .btn{margin-top:24px}.hint{letter-spacing:.04em;color:var(--dim);gap:20px;margin:24px 0 0;font-size:13px;display:flex}.hint span:before{content:"● ";color:var(--orange)}.scroll-cue{z-index:3;color:var(--paper);letter-spacing:.18em;text-transform:uppercase;transition:opacity .4s ease, transform .4s var(--ease-out);pointer-events:none;justify-items:center;gap:8px;font-size:12px;font-weight:600;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.scroll-cue i{background:#f4efe833;width:2px;height:48px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--orange);animation:1.6s cubic-bezier(.65,0,.35,1) infinite pour;position:absolute;inset:0;transform:translateY(-100%)}@keyframes pour{0%{transform:translateY(-100%)}60%{transform:translateY(0)}to{transform:translateY(100%)}}.scroll-cue.is-gone{opacity:0;transform:translate(-50%,12px)}@media (prefers-reduced-motion:reduce){.scroll-cue i:after{animation:none;transform:none}}@media (width<=899px){.scroll-cue{left:auto;right:var(--gutter);transform:none}.scroll-cue.is-gone{transform:translateY(12px)}}.copy[data-scene]:not(.copy--a){opacity:0}.copy--light{color:var(--ink)}.copy--light .lead{color:#3a3631}.copy--light .title span{color:var(--orange)}.copy--final .title span{color:#fff}.copy--final .eyebrow{color:var(--ink)}.perks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:24px 0;padding:0;font-size:15px;list-style:none;display:grid}.perks b{font-size:22px;font-stretch:110%;display:block}.btn--ink{background:var(--ink);color:var(--paper)}@media (hover:hover) and (pointer:fine){.btn--ink:hover{background:#2a2a2e}}.footer{z-index:3;padding:24px var(--gutter);background:var(--ink);color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:14px;display:flex;position:relative}.footer p{margin:0}.footer__author{color:var(--paper)}.footer__author a{text-underline-offset:3px}@media (width<=600px){.hint{flex-direction:column;gap:4px}.lead{font-size:16px}}