:root{--orange:#FF8E03;--zest:#FFC21A;--pith:#FFF3D6;--peel:#1C1611;--ink:#0D0A07;--white:#FFFFFF;--display:"Sofia Sans Extra Condensed","Arial Narrow","Roboto Condensed",Impact,sans-serif;--text:"Sofia Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--pad:clamp(20px,6vw,72px);--ease:cubic-bezier(.22,.8,.24,1);}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--peel);color:var(--ink);font-family:var(--text);font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);line-height:1.45;overflow-x:clip}a{-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}.story{position:relative}.stage{position:sticky;top:0;height:100dvh;overflow:hidden;background:var(--peel)}.field{position:absolute;inset:0;background:var(--orange);transform:translateY(-38%);transition:transform .7s var(--ease)}.story[data-step="1"] .field,.story[data-step="2"] .field,.story[data-step="3"] .field{transform:translateY(-92%)}.wheel{position:absolute;left:50%;top:81%;width:min(92vw,38dvh);aspect-ratio:1;transform:translate(-50%,-50%);transition:transform .7s var(--ease)}.story[data-step="1"] .wheel,.story[data-step="2"] .wheel,.story[data-step="3"] .wheel{transform:translate(-50%,calc(-50% - 45dvh)) scale(1.3)}.wheel svg{display:block;width:100%;height:100%;overflow:visible}.pithdisc{transition:opacity .5s ease}.seg{transform-origin:240px 240px;transition:transform .6s var(--ease),opacity .45s ease}.seg text{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:.02em;fill:var(--ink);text-transform:uppercase}.tick{opacity:0;transform-origin:240px 100px;transform:scale(.4);transition:transform .45s var(--ease) .15s,opacity .3s ease .15s}.slot:nth-child(2) .seg{transition-delay:.07s}.slot:nth-child(3) .seg{transition-delay:.14s}.slot:nth-child(4) .seg{transition-delay:.21s}.slot:nth-child(5) .seg{transition-delay:.28s}.story[data-step="1"] .pithdisc{opacity:.07}.story[data-step="1"] .seg{opacity:0;transform:scale(.72)}.story[data-step="0"] .seg.is-mine,.story[data-step="3"] .seg.is-mine{transform:translateY(-34px);transition-delay:0s}.story[data-step="0"] .is-mine .tick,.story[data-step="3"] .is-mine .tick{opacity:1;transform:scale(1)}.hero{position:relative;z-index:1;height:100dvh;margin-top:-100dvh}.hero-in{height:62%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:calc(14px + env(safe-area-inset-top)) var(--pad) 14px}.logo{display:block;width:clamp(60px,17vw,160px);height:auto;aspect-ratio:1;border-radius:22%}h1{font-family:var(--display);font-weight:800;font-size:clamp(2.9rem,1.4rem + 7.4vw,6rem);line-height:.9;letter-spacing:-.005em;text-transform:uppercase;margin-top:clamp(10px,2vw,22px);max-width:11em;text-wrap:balance}h1 span{display:block}.sub{margin-top:clamp(10px,1.6vw,18px);max-width:34em;font-weight:400}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:54px;margin-top:clamp(14px,2vw,26px);padding:.7em 1.5em;border-radius:999px;background:var(--ink);color:var(--white);font-family:var(--text);font-weight:600;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem);text-decoration:none;transition:transform .15s ease}.cta svg{width:1.05em;height:1.05em;flex:none}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--white);outline-offset:3px}.cta--white{background:var(--white);color:var(--ink)}.cta--white:focus-visible{outline-color:var(--zest)}.steps{position:relative;z-index:1;padding-bottom:24dvh}.step{min-height:70dvh;display:flex;align-items:center;padding:0 16px}.card{width:100%;max-width:400px;margin:0 auto;padding:20px 22px;border-radius:18px;background:var(--pith);color:var(--ink);font-weight:600;font-size:clamp(1.2rem,1.05rem + 0.7vw,1.55rem);line-height:1.3}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ink);color:var(--pith);transform:translateY(105%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s linear .35s}.bar.is-on{transform:none;visibility:visible;transition:transform .35s var(--ease),visibility 0s}.bar-name{font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,1.2rem + 0.5vw,1.6rem);text-transform:uppercase;letter-spacing:.02em;line-height:1}.bar .cta{margin-top:0;min-height:46px;padding:.5em 1.2em;font-size:1rem}.close{position:relative;z-index:1;background:var(--orange);padding:clamp(56px,12vw,120px) var(--pad) clamp(64px,12vw,120px)}.close h2{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,1.4rem + 5vw,4.6rem);line-height:.92;text-transform:uppercase;max-width:12em;text-wrap:balance}footer{position:relative;z-index:1;background:var(--peel);color:var(--pith);padding:26px var(--pad) calc(96px + env(safe-area-inset-bottom));font-size:.9rem}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}@media (min-width: 820px){.field{transform:translateX(-46%)}.story[data-step="1"] .field,.story[data-step="2"] .field,.story[data-step="3"] .field{transform:translateX(-46%)}.wheel{left:77%;top:50%;width:min(42vw,80dvh)}.story[data-step="1"] .wheel,.story[data-step="2"] .wheel,.story[data-step="3"] .wheel{transform:translate(-50%,-50%)}.hero-in{height:100%;width:54%;padding-right:clamp(24px,4vw,64px)}.step{padding:0 var(--pad);width:54%}.card{margin:0;max-width:440px;padding:26px 28px}}@media (prefers-reduced-motion: reduce){.field,.wheel,.seg,.tick,.pithdisc,.bar,.bar.is-on,.cta{transition:none}}