:root{--paper-white:#fef9f2;--paper-cream:#f5efda;--ink:#1a1a1a;--ink-muted:#5a5040;--ink-faint:#9a8f7e;--green-forest:#166534;--green-mid:#16a34a;--green-poster:#16a34a;--green-deep:#0e7a32;--green-light:#1aa346;--red-deep:#7c1d09;--red-poster:#dc2626;--orange-warm:#b8341a;--gold-poster:#fbbf24;--gold-deep:#b07908;--gold-soft:#fde68a;--font-grunge:"Staatliches", "Bebas Neue", Impact, sans-serif;--font-script:"Caveat", "Brush Script MT", cursive;--font-display:"Lora", Georgia, serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100vw;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060e09}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}input{font:inherit;color:inherit}.scene{cursor:none;position:fixed;inset:0;overflow:hidden}.stage{z-index:60;position:absolute;inset:0;overflow:hidden}.scene-fill{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.scene-green{background:#0e7a32}.scene-red{background:#7c1d09}.scene-gold{background:#1aa346}.scene-tint{pointer-events:none;position:absolute;inset:0}.scene-tint-vignette{background:radial-gradient(#0000 25%,#0000008c 100%),radial-gradient(50% 40%,#ffffff0f 0%,#0000 70%)}.scene-hero{z-index:10;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;padding:120px 32px;display:flex;position:relative}.scene-eyebrow{font-family:var(--font-grunge);letter-spacing:.3em;text-transform:uppercase;color:var(--paper-white);text-shadow:1px 2px #0000004d;background:#0006;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 16px;font-size:17px;font-weight:400;display:inline-flex}.scene-line{font-family:var(--font-display);color:var(--paper-white);text-shadow:1px 2px #0000002e;max-width:720px;margin-top:22px;font-size:clamp(20px,2.4vw,32px);font-style:italic;font-weight:400;line-height:1.35}.grunge-text{position:relative}.scene-stamp-row{z-index:12;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:0 24px;display:flex;position:absolute;bottom:100px;left:0;right:0}.stamp-chip{font-family:var(--font-grunge);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:#0000002e;border:2.5px solid;border-radius:4px;padding:8px 16px;font-size:clamp(13px,1.3vw,18px);box-shadow:3px 3px #0000002e}.stamp-chip-red{color:var(--paper-white);border-color:var(--paper-white);background:#7c1d0999}.stamp-chip-gold{color:var(--ink);border-color:var(--ink);background:var(--gold-poster)}.stamp-chip-white{color:var(--ink);border-color:var(--ink);background:var(--paper-white)}.cta-stamp{font-family:var(--font-grunge);letter-spacing:.18em;color:var(--paper-white);background:var(--ink);border:3px solid var(--ink);border-radius:4px;align-items:center;gap:12px;padding:14px 28px;font-size:clamp(16px,1.6vw,22px);transition:transform .12s;display:inline-flex;box-shadow:4px 4px #00000040}.cta-stamp:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #0000004d}.cta-stamp-dark{background:var(--ink);color:var(--gold-poster)}.cta-stamp:disabled{opacity:.6;cursor:wait}.intro-brand-lockup{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border:1px solid #1665342e;border-radius:100px;align-items:center;gap:16px;padding:8px 22px 8px 14px;display:inline-flex;box-shadow:0 6px 18px #0a1f122e,inset 0 1px #ffffffa6}.intro-brand-name{font-family:var(--font-grunge);letter-spacing:.16em;color:var(--green-forest);text-shadow:0 1px #fff6;font-size:32px;line-height:1}.intro-script{font-family:var(--font-script);color:var(--gold-poster);text-shadow:2px 3px #0000002e;margin-top:-4px;font-size:clamp(34px,5vw,64px);display:inline-block;transform:rotate(-3deg)}.intro-bottom-row{align-items:center;gap:10px;display:flex}.intro-pulse-dot{background:var(--red-poster);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse-dot;box-shadow:0 0 0 4px #dc26262e}.intro-bottom-text{font-family:var(--font-grunge);letter-spacing:.22em;color:var(--ink);white-space:nowrap;font-size:18px}.intro-cta{white-space:nowrap}@media (width<=768px){.intro-brand-name{letter-spacing:.14em;font-size:22px}.intro-brand-lockup{gap:10px;padding:6px 16px 6px 10px}.intro-brand-lockup svg{width:34px!important;height:34px!important}.intro-bottom-text{letter-spacing:.16em;font-size:12px}.intro-pulse-dot{width:6px;height:6px;box-shadow:0 0 0 3px #dc26262e}.intro-script{font-size:26px}.intro-cta{letter-spacing:.12em;padding:10px 14px;font-size:12px}.intro-cta svg{width:14px;height:14px}}.invite-eyebrow{font-family:var(--font-grunge);letter-spacing:.22em;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:20px;display:inline-flex}@media (width<=768px){.invite-eyebrow{letter-spacing:.16em;font-size:15px}}.poster-input{border:3px solid var(--ink);background:var(--paper-white);min-width:200px;font-family:var(--font-body);color:var(--ink);border-radius:4px;outline:none;flex:240px;padding:14px 16px;font-size:16px;box-shadow:3px 3px #0000002e}.poster-input::placeholder{color:var(--ink-faint);font-size:16px}.poster-input:focus{border-color:var(--green-poster)}.testimonial-card{background:var(--paper-white);pointer-events:auto;border:1px solid #0000001a;border-radius:4px;max-width:540px;margin-top:36px;padding:22px 26px;position:relative;box-shadow:4px 4px #0003,0 18px 32px #0000004d}.testimonial-card:before{content:"";background:#dc262666;border-radius:1px;width:60px;height:16px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.stage-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:150;background:#00000073;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:14px;padding:8px 14px;transition:transform .4s,bottom .4s,left .4s,opacity .2s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.stage-nav-side{border-radius:32px;flex-direction:column;padding:12px 8px;bottom:50%;left:auto;right:22px;transform:translateY(50%)}.stage-nav-side .stage-nav-dots{flex-direction:column}.stage-nav-btn{width:36px;height:36px;color:var(--paper-white);background:#ffffff0f;border-radius:50%;place-items:center;transition:background .12s;display:grid}.stage-nav-btn:hover:not(:disabled){background:#ffffff29}.stage-nav-btn:disabled{opacity:.3;cursor:not-allowed}.stage-nav-dots{gap:8px;display:flex}.stage-nav-dot{background:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:background .18s,transform .18s}.stage-nav-dot:hover{background:#ffffff8c}.stage-nav-dot.active{background:var(--gold-poster);transform:scale(1.4)}.stage-counter{font-family:var(--font-grunge);letter-spacing:.2em;color:var(--paper-white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:150;pointer-events:none;background:#00000080;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:10px;padding:7px 16px;font-size:13px;display:flex;position:fixed;top:50px;left:50%;transform:translate(-50%)}.stage-counter-dot{background:var(--gold-poster);border-radius:50%;width:4px;height:4px}.edge-zone{color:#fef9f200;z-index:120;cursor:pointer;background:0 0;justify-content:center;align-items:center;width:14vw;max-width:180px;transition:background .25s,color .25s;display:flex;position:fixed;top:130px;bottom:130px}.edge-zone:hover:not(:disabled){color:#fef9f2d9;background:linear-gradient(90deg,#00000040,#0000)}.edge-zone-right:hover:not(:disabled){background:linear-gradient(270deg,#00000040,#0000)}.edge-zone:disabled{cursor:default;pointer-events:none}.edge-zone-left{left:0}.edge-zone-right{right:0}.edge-zone svg{filter:drop-shadow(0 2px 6px #0006);transition:transform .25s}.edge-zone:hover:not(:disabled) svg{transform:scale(1.15)}.stage-final .edge-zone{bottom:320px}.chapter-ticker{z-index:160;pointer-events:none;align-items:flex-start;gap:14px;transition:opacity .25s;display:flex;position:fixed;top:22px;right:26px}.chapter-ticker:before{content:"CHAPTER";font-family:var(--font-body);letter-spacing:.42em;color:#fef9f28c;text-shadow:0 1px 3px #00000073;font-size:9px;font-weight:700;position:absolute;top:-14px;right:0}.stage-chrome-hidden{opacity:0;transition:opacity .15s}.chapter-mark{flex-direction:column;align-items:center;gap:4px;width:clamp(28px,4vw,44px);transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex}.chapter-numeral{font-family:var(--font-grunge);letter-spacing:.08em;text-shadow:0 1px #0000008c,0 2px 6px #0000008c,0 0 12px #00000073;font-size:clamp(14px,1.6vw,19px);line-height:1;transition:color .4s,transform .4s}.chapter-underline{filter:drop-shadow(0 1px 2px #0000008c);width:100%;height:6px;transition:color .4s,filter .4s;display:block;overflow:visible}.chapter-mark-future .chapter-numeral{color:#fef9f266}.chapter-mark-future .chapter-underline{color:#fef9f238}.chapter-mark-active .chapter-numeral{color:var(--paper-white);transform:scale(1.18)}.chapter-mark-active .chapter-underline{color:var(--gold-poster);filter:drop-shadow(0 1px 2px #0000008c)drop-shadow(0 0 4px #fbbf2480)}.chapter-mark-past .chapter-numeral{color:var(--paper-white)}.chapter-mark-past .chapter-underline{color:var(--gold-poster)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #dc262633}50%{box-shadow:0 0 0 8px #dc26260f}}@keyframes grunge-enter{0%{opacity:0;transform:scale(.85) skewY(calc(var(--grunge-skew,-2deg) - 4deg))}to{opacity:1;transform:scale(1) skewY(var(--grunge-skew,-2deg))}}.grunge-text-enter{animation:.9s cubic-bezier(.16,1,.3,1) both grunge-enter}@keyframes float-enter{0%{opacity:0;transform:scale(0) rotate(calc(var(--fo-rotate,0deg) - 30deg))}to{opacity:1;transform:scale(1) rotate(var(--fo-rotate,0deg))}}.floating-object-enter{animation:.9s cubic-bezier(.34,1.56,.64,1) both float-enter}@keyframes float-drift{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-14px)rotate(3deg)}50%{transform:translateY(8px)rotate(-2deg)}75%{transform:translateY(-10px)rotate(2deg)}}.floating-object-drift{animation:14s ease-in-out infinite float-drift}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.7s cubic-bezier(.16,1,.3,1) both fade-up}.fade-up-d1{animation-delay:.1s}.fade-up-d2{animation-delay:.3s}.fade-up-d3{animation-delay:.5s}.fade-up-d4{animation-delay:.7s}.fade-up-d5{animation-delay:.9s}@keyframes stamp-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(var(--stamp-rotate,-2deg))}}.stamp-pop{animation:.6s cubic-bezier(.34,1.56,.64,1) both stamp-pop}.scene-layer{position:absolute;inset:0}@keyframes fold-top{0%{transform:translateY(-101%)}44%{transform:translateY(0%)}56%{transform:translateY(0%)}to{transform:translateY(-101%)}}@keyframes fold-bottom{0%{transform:translateY(101%)}44%{transform:translateY(0%)}56%{transform:translateY(0%)}to{transform:translateY(101%)}}.paper-fold-top{will-change:transform;animation:.9s cubic-bezier(.7,0,.3,1) forwards fold-top}.paper-fold-bottom{will-change:transform;animation:.9s cubic-bezier(.7,0,.3,1) forwards fold-bottom}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=768px){.scene-hero{justify-content:center;padding:70px 12px 100px}.scene-line{margin-top:16px;padding:0 8px;font-size:16px}.grunge-text{white-space:nowrap}.scene-eyebrow{letter-spacing:.22em;padding:5px 12px;font-size:12px}.scene-stamp-row{gap:8px;padding:0 16px;bottom:76px}.stamp-chip{letter-spacing:.14em;padding:6px 12px;font-size:11px}.floating-object-scale{transform-origin:50%;transform:scale(.5)}.chapter-ticker{gap:10px;top:18px;right:14px}.chapter-ticker:before{letter-spacing:.34em;font-size:8px;top:-12px}.edge-zone{width:12vw;max-width:60px;top:80px;bottom:120px}.stage-final .edge-zone{bottom:340px}.stage-nav-side{border-radius:100px;flex-direction:row;padding:6px 12px;inset:auto auto 18px 50%;transform:translate(-50%)}.stage-nav-side .stage-nav-dots{flex-direction:row}.cta-stamp{letter-spacing:.14em;padding:11px 18px;font-size:14px}.poster-input{flex:100%;min-width:0;padding:12px 14px;font-size:16px}.poster-input::placeholder{font-size:16px}.testimonial-card{max-width:90vw;padding:16px 18px}.scene{cursor:auto}}