:root{--ink:#0d1512;--ink-2:#131d18;--ink-3:#182420;--paper:#f3eee0;--paper-dim:#a3ac9f;--paper-faint:#f3eee024;--emerald:#326c12;--emerald-bright:#a3ee4e;--brass:#d2a354;--rule:#f3eee024;--logo-img:url(/reel-assets/logo.png);--font-display:"Fraunces", ui-serif, Georgia, serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}.reel{background:var(--ink);outline:none;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.reel:focus-visible{box-shadow:inset 0 0 0 2px var(--emerald-bright)}.stage{background:var(--ink);width:100%;max-width:480px;min-height:100dvh;position:relative;overflow:hidden}@media (min-width:640px){.stage{border-left:1px solid var(--rule);border-right:1px solid var(--rule);min-height:min(100dvh,860px);margin:clamp(0px,4vh,32px) 0;box-shadow:0 40px 120px -40px #0009}}.progress{top:max(16px, env(safe-area-inset-top));z-index:6;gap:6px;display:flex;position:absolute;left:16px;right:16px}.seg{background:var(--paper-faint);border-radius:2px;flex:1;height:3px;overflow:hidden}.seg .fill{background:var(--paper);border-radius:2px;width:0%;height:100%;display:block}.seg.filled .fill{width:100%;animation:none}.seg.active .fill{animation-name:fillSeg;animation-timing-function:linear;animation-fill-mode:forwards;animation-duration:var(--dur,4s)}.reel.paused .seg.active .fill{animation-play-state:paused}@keyframes fillSeg{0%{width:0%}to{width:100%}}.brandmark{top:calc(max(16px, env(safe-area-inset-top)) + 16px);z-index:6;opacity:.92;pointer-events:none;position:absolute;left:20px}.brand-logo{background-image:var(--logo-img);aspect-ratio:900/323;background-position:50%;background-repeat:no-repeat;background-size:contain}.brand-logo--mark{width:auto;height:22px}.brand-logo--reveal{opacity:0;width:clamp(200px,55vw,290px)}.scene.active .brand-logo--reveal{animation:.6s cubic-bezier(.3,1.4,.5,1) .15s both popIn}.brand-logo--cta{opacity:0;width:clamp(230px,62vw,330px)}.scene.active .brand-logo--cta{animation:.6s cubic-bezier(.3,1.4,.5,1) both popIn}.close-btn{top:calc(max(16px, env(safe-area-inset-top)) + 10px);z-index:6;border:1px solid var(--rule);width:30px;height:30px;color:var(--paper-dim);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:1.05rem;line-height:1;text-decoration:none;display:flex;position:absolute;right:16px}.close-btn:hover{color:var(--paper);border-color:var(--paper-dim)}.close-btn:focus-visible{outline:2px solid var(--emerald-bright);outline-offset:2px}.reel.embedded .close-btn{display:none}.reel.closing .stage{opacity:0;pointer-events:none;transition:opacity .12s}.scene{text-align:center;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,4vh,1.75rem);padding:clamp(1.75rem,8vw,3rem);transition:opacity .16s;display:flex;position:absolute;inset:0}.scene.active{opacity:1;visibility:visible;pointer-events:auto}.headline{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;color:var(--paper);font-size:clamp(1.85rem,7.2vw,2.9rem);font-weight:600;line-height:1.1}.headline.small{font-size:clamp(1.5rem,6vw,2.15rem)}.headline.payoff{color:var(--paper);font-size:clamp(1.65rem,6.4vw,2.3rem)}.scene.active .headline{animation:.7s cubic-bezier(.2,.8,.2,1) both riseIn}.sub{font-family:var(--font-body);color:var(--paper-dim);max-width:30ch;font-size:clamp(.95rem,3.4vw,1.05rem);line-height:1.55}.scene.active .sub{animation:.7s cubic-bezier(.2,.8,.2,1) .12s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chaos-canvas{width:100%;height:100%;position:absolute;inset:0}#scene0 .headline{z-index:2;position:relative}.tag-row{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:320px;display:flex}.tag{font-family:var(--font-mono);color:var(--paper-dim);background:var(--ink-2);border:1px solid var(--rule);opacity:0;border-radius:999px;padding:.4rem .7rem;font-size:.78rem;transform:translateY(6px)}.scene.active .tag{animation:.5s both tagIn}.scene.active .tag:first-child{animation-delay:.3s}.scene.active .tag:nth-child(2){animation-delay:.55s}.scene.active .tag:nth-child(3){animation-delay:.8s}@keyframes tagIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.logo-reveal{flex-direction:column;align-items:center;gap:.75rem;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes drawPath{to{stroke-dashoffset:0}}.sync-diagram{width:100%;max-width:300px}.node-label{font-family:var(--font-mono);fill:var(--paper-dim);letter-spacing:.04em;font-size:.62rem}.sync-path{fill:none;stroke:var(--brass);stroke-width:2px;stroke-dasharray:100;stroke-dashoffset:100px}.scene.active .sync-path{animation:1s .2s forwards drawPath}.sync-dot{fill:var(--emerald-bright);opacity:0}.scene.active .sync-dot{animation:1.6s ease-in-out 1.3s infinite travel}@keyframes travel{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.node-ring{fill:var(--ink-2);stroke:var(--rule);stroke-width:1.5px}.bank-mark{stroke:var(--paper-dim);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.stackin-mark{fill:var(--emerald-bright);font-family:var(--font-display);font-size:15px;font-weight:700}.stats-row{gap:clamp(1.25rem,6vw,2.5rem);display:flex}.stat{flex-direction:column;gap:.3rem;display:flex}.stat .label{font-family:var(--font-body);color:var(--paper-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.stat .value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--emerald-bright);font-size:clamp(1.4rem,6vw,1.9rem);font-weight:600}.bars{align-items:flex-end;gap:8px;height:84px;display:flex}.bar{background:linear-gradient(180deg, var(--emerald-bright), var(--emerald));border-radius:3px 3px 0 0;width:12px;height:0}.scene.active .bar{animation-name:growBar;animation-duration:.75s;animation-timing-function:cubic-bezier(.16,.84,.44,1);animation-fill-mode:forwards;animation-delay:calc(var(--i) * 90ms + .3s)}@keyframes growBar{to{height:var(--h)}}.bars-caption{font-family:var(--font-mono);letter-spacing:.03em;color:var(--paper-dim);opacity:0;font-size:.7rem}.scene.active .bars-caption{animation:.5s .9s both riseIn}.payoff-rule{background:var(--emerald-bright);opacity:0;width:46px;height:2px}.scene.active .payoff-rule{animation:.6s .5s both riseIn}.tagline{font-family:var(--font-body);color:var(--paper-dim);max-width:28ch;font-size:clamp(.95rem,3.4vw,1.05rem)}.scene.active .tagline{animation:.6s .15s both riseIn}.cta-button{font-family:var(--font-body);color:var(--ink);background:var(--emerald-bright);opacity:0;border-radius:6px;padding:.85rem 1.6rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.cta-button:hover{background:var(--paper)}.cta-button:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.scene.active .cta-button{animation:.5s cubic-bezier(.3,1.3,.5,1) .35s both popIn}.replay{color:var(--paper-dim);font-family:var(--font-body);cursor:pointer;text-underline-offset:3px;opacity:0;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.replay:hover{color:var(--paper)}.replay:focus-visible{outline:2px solid var(--emerald-bright);outline-offset:2px}.scene.active .replay{animation:.5s .5s both riseIn}@media (prefers-reduced-motion:reduce){.scene{transition:none}.headline,.sub,.tag,.brand-logo--reveal,.brand-logo--cta,.sync-path,.sync-dot,.bar,.bars-caption,.payoff-rule,.tagline,.cta-button,.replay{opacity:1!important;animation:none!important;transform:none!important}}