.flow{position:relative;min-height:100dvh;display:grid;grid-template-rows:1fr auto;background:#000;color:#f5f5f5;overflow:hidden;--season-accent:#8dfb5d;--season-glow:rgba(141,251,93,0.35);font-family:var(--font-body)}.flow__grain,.flow__wash{position:absolute;inset:0;z-index:0;pointer-events:none}.flow__grain{opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px}.flow__vignette{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 42%,transparent 28%,rgba(0,0,0,.78) 100%)}.flow__brand{position:absolute;top:max(1rem,env(safe-area-inset-top));left:clamp(1rem,3vw,1.75rem);z-index:2;width:clamp(2.4rem,7vw,3.1rem);height:clamp(2.4rem,7vw,3.1rem);display:block}.flow__logo{width:100%;height:100%;object-fit:contain;display:block}.flow__progress{position:absolute;top:max(1.15rem,env(safe-area-inset-top));right:clamp(1rem,3vw,1.75rem);z-index:2;gap:.7rem}.flow__dots,.flow__progress{display:flex;flex-direction:column;align-items:center}.flow__dots{gap:.45rem}.flow__dot{width:.4rem;height:.4rem;border-radius:999px;border:none;padding:0;background:rgba(245,245,245,.22);cursor:pointer}.flow__dot.is-active{height:1.35rem;background:var(--season-accent)}.flow__play-wrap{position:relative;width:2.25rem;height:2.25rem;display:grid;place-items:center}.flow__countdown{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flow__countdown-track{stroke:rgba(245,245,245,.14)}.flow__countdown-ring{stroke:var(--season-accent);transition:stroke .45s ease}.flow__play{position:relative;z-index:1;width:1.35rem;height:1.35rem;display:grid;place-items:center;border:none;padding:0;border-radius:999px;background:rgba(245,245,245,.1);color:rgba(245,245,245,.55);cursor:pointer;transition:color .45s ease,background .25s ease}.flow__play:focus-visible,.flow__play:hover{color:var(--season-accent);background:rgba(245,245,245,.16);outline:none}.flow__play[aria-pressed=true]{color:var(--season-accent)}.flow__cta,.flow__dot,.flow__eyebrow{transition:height .45s ease,background .45s ease,color .45s ease,box-shadow .45s ease}.flow__stage{position:relative;z-index:1;display:grid;place-items:center;padding:clamp(4.5rem,12vw,6rem) clamp(1.5rem,5vw,3rem) 1rem}.flow__chapter{width:min(100%,34rem);height:17.5rem;display:grid;place-items:center;text-align:center}.flow__card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow__eyebrow{margin:0 0 .65rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--season-accent);min-height:1rem}.flow__eyebrow,.flow__title{font-family:var(--font-display)}.flow__title{margin:0 0 .75rem;font-weight:700;font-size:clamp(1.45rem,4vw,2.2rem);line-height:1.12;letter-spacing:-.02em;color:#f5f5f5;min-height:2.5em;display:flex;align-items:center;justify-content:center}.flow__body{margin:0 auto;max-width:32rem;color:rgba(245,245,245,.62);font-size:clamp(.95rem,2vw,1.05rem);line-height:1.55;min-height:4.8em}.flow__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:1.15rem;min-height:2.55rem;padding:.65rem 1.2rem;border-radius:999px;background:var(--season-accent);color:#0a0a0a;font-family:var(--font-display);font-weight:600;font-size:.88rem;letter-spacing:.02em;transition:filter .2s ease}.flow__cta:hover{filter:brightness(1.06)}.flow__rail{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.25rem;padding:1rem clamp(1.25rem,4vw,2.5rem) calc(1rem + env(safe-area-inset-bottom));font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,245,245,.28)}.flow__rail a{color:rgba(245,245,245,.4)}.flow__rail a:hover{color:rgba(245,245,245,.75)}@media (max-width:480px){.flow__chapter{height:19rem}}@media (prefers-reduced-motion:reduce){.flow__grain{display:none}}