:root{--c-bg:#060a16;--c-surface:#ffffff0b;--c-inset:#00000047;--c-line:#ffffff17;--c-line-top:#ffffff29;--c-brand:#0008ed;--c-bloom:#2a35ff;--c-cta:#2540ff;--c-lit:#6e86ff;--c-ok:#34d399;--c-ink:#fff;--c-ink-dim:#ffffff8f;--c-ink-mute:#ffffff57;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--s-24:96px;--fs-micro:11px;--fs-caption:13px;--fs-body:16px;--fs-lead:20px;--fs-h3:25px;--fs-h2:31px;--fs-h1:clamp(38px, 11.5vw, 54px);--col-max:480px;--pad:var(--s-8);--r-card:24px;--r-inset:16px;--r-btn:14px;--r-pill:999px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-hand:"Comic Relief", "Comic Sans MS", cursive;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;overflow-x:clip}html,body{max-width:100%}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.08}h1{font-size:var(--fs-h1);letter-spacing:-.04em}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0}.col{max-width:var(--col-max);padding:0 var(--pad);margin:0 auto}.section+.section{margin-top:var(--s-24)}.section>h2+*,.section>h2+style+*{margin-top:var(--s-6)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-top-color:var(--c-line-top);border-radius:var(--r-card);padding:var(--s-6);position:relative}.inset{background:var(--c-inset);border-radius:var(--r-inset);padding:var(--s-4)}.bloom{position:relative}.bloom:after{content:"";aspect-ratio:2;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--c-bloom) 55%, transparent) 0%, color-mix(in srgb, var(--c-bloom) 18%, transparent) 38%, transparent 70%);width:150%;transition:opacity .4s;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}.bloom--wide:after{width:100vw}.bloom[data-lit=false]:after{opacity:.45}.bloom[data-lit=true]:after{opacity:1}.meta{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:-.01em;color:var(--c-ink-dim)}.label{font-size:var(--fs-body);color:var(--c-ink-mute);letter-spacing:.02em}button{font:inherit;cursor:pointer;padding:0;transition:transform .12s,background-color .2s,border-color .2s,opacity .2s}button:active{transform:scale(.98)}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.bleed{width:100vw;margin-left:calc(50% - 50vw)}.marquee{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.marquee__track{gap:var(--s-3);width:max-content;animation:45s linear infinite marquee;display:flex}.marquee[data-paused] .marquee__track{animation-play-state:paused}.marquee__row{gap:var(--s-3);margin:0;padding:0;list-style:none;display:flex}@keyframes marquee{to{transform:translateX(calc(-50% - var(--s-3) / 2))}}.marquee__track--x3{--gap:var(--s-4);gap:var(--gap);animation-name:marquee-x3}.marquee__track--x3 .marquee__row{gap:var(--gap)}@keyframes marquee-x3{to{transform:translateX(calc(-33.3333% - var(--gap) / 3))}}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}.marquee__track{animation:none}}.t-shimmer{display:inline-block;position:relative}.t-shimmer:before{content:attr(data-text);pointer-events:none;background-image:linear-gradient(90deg, transparent 0%, transparent 40%, var(--shimmer-highlight,var(--c-ink)) 50%, transparent 60%, transparent 100%);color:#0000;-webkit-text-fill-color:transparent;animation:t-shimmer var(--shimmer-dur,2s) linear infinite;background-repeat:no-repeat;background-size:400% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes t-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.t-shimmer:before{animation:none!important}}.t-tilt-card{transform:perspective(1000px) rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg));transition:transform 1s cubic-bezier(.22,1,.36,1);position:relative}.t-tilt-card.is-tilting{will-change:transform;transition:transform .4s cubic-bezier(.22,1,.36,1)}.t-tilt-glare{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle 95px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff7a, #ffffff0f 52%, #fff0 84%), radial-gradient(circle 200px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff38, #ffffff0a 58%, #fff0 78%), radial-gradient(circle 360px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff1a, #fff0 88%);border-radius:12%/10%;transition:opacity .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden}.t-tilt.is-hover .t-tilt-glare{opacity:.32}@media (prefers-reduced-motion:reduce){.t-tilt-card{transition:none!important;transform:none!important}}.lrcue{animation:2.4s ease-in-out infinite lrcue}.lrcue--r{animation-delay:1.2s}@keyframes lrcue{0%,42%,to{opacity:.3}10%,30%{opacity:1}}@media (prefers-reduced-motion:reduce){.lrcue{opacity:1;animation:none}}.step__body{grid-template-rows:1fr;transition:grid-template-rows .35s,opacity .25s;display:grid}.step__body>*{min-height:0;overflow:hidden}body[data-dragging] .step__body>*{overflow:visible}.step__body:not([data-folded])>:has(.dragcue-wrap){overflow:visible}.step__body>:has(.bloom){overflow:visible}.step__body[data-folded]{opacity:0;grid-template-rows:0fr}.dropzone{transition:background-color .18s,border-color .18s,transform .18s}.dropzone[data-over]{border-color:var(--c-lit);background:#ffffff17;transform:scale(1.02)}.bloom:has(.dropzone[data-over]):after{opacity:1}.dragcue-wrap{width:44px;margin:-11px auto calc(-1 * var(--s-6) - 1px);transition:opacity .2s;position:relative}.handstroke{color:var(--c-lit);fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;display:block}.dragcue-label{margin-left:var(--s-2);white-space:nowrap;font-family:var(--font-hand);font-size:var(--fs-lead);color:var(--c-lit);line-height:1;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.dragcue__arc{stroke-dasharray:104 208;stroke-dashoffset:104px;animation:3.4s ease-in-out infinite dragcue-arc}.dragcue__head{stroke-dasharray:11 22;stroke-dashoffset:11px;animation:3.4s ease-in-out infinite dragcue-head}@keyframes dragcue-arc{0%,4%{stroke-dashoffset:104px}44%,62%{stroke-dashoffset:0}92%,to{stroke-dashoffset:-104px}}@keyframes dragcue-head{0%,44%{stroke-dashoffset:11px}54%,84%{stroke-dashoffset:0}96%,to{stroke-dashoffset:-11px}}body[data-dragging] .dragcue-wrap{opacity:0}@media (prefers-reduced-motion:reduce){.dragcue path,.splitcue path{stroke-dashoffset:0;animation:none}}.splitcue{margin:-2px auto 0}.splitcue__branch{stroke-dasharray:75;stroke-dashoffset:75px;animation:.6s ease-out forwards handdraw}.splitcue__head{stroke-dasharray:11;stroke-dashoffset:11px;animation:.22s ease-out .55s forwards handdraw}@keyframes handdraw{to{stroke-dashoffset:0}}.filecard{aspect-ratio:41/50;place-items:center;display:grid;position:relative}.filecard__label{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c-ink);text-align:center;padding:0 6%;font-size:16px;font-weight:700;line-height:1;position:absolute;top:74%;left:0;right:0}.filecard__face{--fold-x:28.05%;--fold-y:23%;clip-path:polygon(0 0, calc(100% - var(--fold-x)) 0, 100% var(--fold-y), 100% 100%, 0 100%);background:linear-gradient(160deg,#ffffff26,#ffffff09 62%);border:1px solid #ffffff24;border-top-color:#ffffff52;border-radius:12%/10%;position:absolute;inset:0}.filecard__fold{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.filecard__fold path{fill:#ffffff3d;stroke:#ffffff24;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.filecard__icon{width:52%;line-height:0;position:relative}.filecard__icon>svg,.filecard__icon>img{width:100%;height:auto;display:block}.pan{appearance:none;border-radius:var(--r-pill);outline:none;width:100%;height:8px;display:block}.pan::-webkit-slider-thumb{appearance:none;border-radius:var(--r-pill);background:var(--c-ink);cursor:grab;border:none;width:18px;height:18px}.pan::-moz-range-thumb{border-radius:var(--r-pill);background:var(--c-ink);cursor:grab;border:none;width:18px;height:18px}.pan:focus-visible{outline:2px solid var(--c-lit);outline-offset:3px}.turncue__phones{animation:4.5s linear infinite turncue-phones}.turncue__slash{stroke-dasharray:22;animation:4.5s linear infinite turncue-slash}.turncue__phone{transform-box:view-box;transform-origin:50%;animation:4.5s ease-in-out infinite turncue-phone}@keyframes turncue-phones{0%,3%{opacity:0}10%,34%{opacity:1}42%,to{opacity:0}}@keyframes turncue-slash{0%,16%{stroke-dashoffset:22px;opacity:0}17%{stroke-dashoffset:22px;opacity:1}27%,34%{stroke-dashoffset:0;opacity:1}42%,to{stroke-dashoffset:0;opacity:0}}@keyframes turncue-phone{0%,44%{opacity:0;transform:rotate(0)}52%,60%{opacity:1;transform:rotate(0)}74%,92%{opacity:1;transform:rotate(90deg)}to{opacity:0;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.turncue__phones,.turncue__slash,.turncue__phone{animation:none}.turncue__phones{opacity:1}.turncue__slash,.turncue__phone{opacity:0}}:root{--reel-dur:1.4s;--reel-cell:38px;--reel-spin-blur:3px;--reel-stagger:90ms;--reel-ease:cubic-bezier(.16, 1, .3, 1)}.t-reel{height:var(--reel-cell);font-variant-numeric:tabular-nums;align-items:center;display:inline-flex}.t-reel-col{height:var(--reel-cell);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%)}.t-reel-strip{flex-direction:column;display:flex}.t-reel-digit{height:var(--reel-cell);justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.t-reel-strip{filter:none!important;transition:none!important}}.feed-heart{z-index:2;pointer-events:none;will-change:transform, opacity;animation:feed-heart var(--dur) cubic-bezier(.22, .61, .36, 1) var(--delay) both;position:absolute;top:50%;left:50%}@keyframes feed-heart{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}12%{opacity:1;transform:translate(calc(-50% + var(--dx) * .1), calc(-50% - 16px)) scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.8)}}@media (prefers-reduced-motion:reduce){.feed-heart{display:none}}.cue-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),margin-bottom .45s cubic-bezier(.16,1,.3,1),opacity .3s .1s;display:grid}.cue-reveal[data-open]{opacity:1;margin-bottom:calc(-1 * var(--s-6) - 1px);grid-template-rows:1fr}.cue-reveal>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.cue-reveal{transition:none}}.sticky-veil{pointer-events:none;-webkit-backdrop-filter:blur(24px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 25px);mask-image:linear-gradient(#0000 0,#000 25px)}@media (hover:none){.sticky-veil{-webkit-backdrop-filter:blur(14px)}}.sticky-veil[data-off]{-webkit-backdrop-filter:none}.fan{place-items:start center;height:175px;display:grid;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 clamp(24px,8vw,200px) calc(100% - clamp(24px,8vw,200px)),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 clamp(24px,8vw,200px) calc(100% - clamp(24px,8vw,200px)),#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fan__card{--fan-r:859px;--fan-tilt:8.75deg;width:105px;transform-origin:50% var(--fan-r);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:1/1;margin-top:37px;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .3s}.fan__card img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}@media (width>=700px){.fan__card{--fan-r:988px;--fan-tilt:8.16deg}}.fan[data-dragging] .fan__card{transition:none}.fan[data-dragging=carry]{-webkit-mask-image:none;mask-image:none}@media (prefers-reduced-motion:reduce){.fan__card{transition:none}}.preview-ring{pointer-events:none;fill:none;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;overflow:visible;transform:rotate(-90deg)}.preview-ring__track{stroke:var(--c-line);stroke-width:2.5px}.preview-ring__bar{stroke:var(--c-ink);stroke-width:2.5px;stroke-linecap:round}.hero[data-off] .t-shimmer:before,.hero[data-off] .dragcue path,.hero[data-off] .lrcue,.hero[data-off] .turncue__phones,.hero[data-off] .turncue__slash,.hero[data-off] .turncue__phone{animation-play-state:paused}
