.fpan-hero-stage{padding:28px 16px 36px}@media (width>=640px){.fpan-hero-stage{padding:36px 32px 44px}}.fpan-hero{flex-direction:column;align-items:center;display:flex}.fpan-hero-art{aspect-ratio:1200/797;width:min(84%,360px);position:relative}.fpan-hero-backing{transform-origin:50% 100%;--idle:2.9s;--idle-delay:-1300ms;--r1:.5deg;--r2:-.4deg;width:100%;top:0;left:0}.fpan-hero-envelope{transform-origin:50% 90%;--idle:2.5s;--idle-delay:-400ms;--r1:1.4deg;--r2:-.8deg;width:41%;top:24%;left:27%}.fpan-hero-card{z-index:1;width:100%;max-width:440px;margin-top:-24px;position:relative}.fpan-hero-body{padding:10px 14px 8px}@media (width>=400px){.fpan-hero-body{padding:14px 18px 12px}}.fpan-hero-row{padding-block:8px}.fpan-hero-row+.fpan-hero-row{border-top:1px solid var(--color-paper-hairline)}@media (width>=600px){.fpan-hero{flex-direction:row;justify-content:center;gap:28px}.fpan-hero-art{flex:0 0 40%;width:auto;max-width:340px}.fpan-hero-card{flex:1 1 0;max-width:460px;margin-top:0}}@media (width>=1024px){.fpan-hero-stage{padding:0}.fpan-hero{display:block}.fpan-hero-art{width:auto;max-width:none;height:88%;position:absolute;bottom:0;left:5%}.fpan-hero-card{width:min(42%,560px);max-width:none;position:absolute;top:50%;left:52%;translate:0 -50%}}@media (width>=1440px){.fpan-hero-art{left:8%}.fpan-hero-card{left:54%}}@media (width>=1024px) and (height<=920px){.fpan-hero-stage{height:clamp(300px,23vw,330px)}.fpan-hero-body{padding:6px 18px 4px}.fpan-hero-row{padding-block:5px}}.fpan-sources{padding:52px 0 16px 24px}.fpan-sources-sheet{transform-origin:0 0;--idle:3.1s;--idle-delay:-2100ms;--r1:.6deg;--r2:-.5deg;width:72%;top:0;left:-8px}@media (width>=640px){.fpan-sources{padding:68px 0 24px 60px}.fpan-sources-sheet{width:66%;left:-4px}}.fpan-funnel-wrap{padding-top:48px;padding-bottom:56px}.fpan-funnel-envelope{width:76px;top:-58px;right:-10px;rotate:9deg}.fpan-funnel-envelope-paper{transform-origin:30% 100%;--idle:2.6s;--idle-delay:-1500ms;--r1:1.6deg;--r2:-1deg}@media (width>=640px){.fpan-funnel-envelope{width:116px;top:-60px;right:-36px}}.fpan-funnel-replay{bottom:0;right:0}.fpan-stages{flex-direction:column;gap:12px;display:flex}.fpan-stage{grid-template-columns:70px minmax(0,1fr);align-items:center;column-gap:12px;display:grid}@media (width>=640px){.fpan-stage{grid-template-columns:108px minmax(0,1fr);column-gap:16px}}.fpan-stage-row{align-items:center;gap:12px;min-width:0;display:flex}.fpan-stage-value{text-align:right;flex:0 0 3ch}.fpan-track{background:var(--color-surface-raised);border-radius:2px;flex:1 1 0;min-width:0;height:26px;display:block;position:relative;overflow:hidden}.fpan-strip{width:100%;max-width:none;height:auto;translate:0 -50%;transform:translateX(calc(var(--reach) * 1% - 100%));display:block;position:absolute;top:50%;left:0}.fpan-roll{--step:1.2em;height:var(--step);vertical-align:top;margin-block:-.1em;display:inline-block;overflow:hidden}.fpan-roll-strip{transform:translateY(calc(var(--n,0) * var(--step) * -1));display:block}.fpan-roll-value{height:var(--step);line-height:var(--step);display:block}.fpan-chip-state{opacity:0;grid-area:1/1}.fpan-chip-state[data-final]{opacity:1}@media (width<=359px){.fpan-person{gap:8px}.fpan-person>span:first-child{width:32px;height:32px;font-size:11.5px}}.fpan-rules{padding:44px 28px 0 0}.fpan-rules-moon{transform-origin:50% 100%;--idle:2.7s;--idle-delay:-700ms;--r1:2deg;--r2:-1.2deg;width:112px;top:-8px;right:-6px}@media (width>=640px){.fpan-rules{padding:56px 44px 0 0}.fpan-rules-moon{width:148px}}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=before] .fpan-funnel-envelope{transform:translate(-20px,8px)rotate(-10deg)scale(.86)}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=play] .fpan-funnel-envelope{animation:.56s step-end both fpan-send}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=before] .fpan-strip{transform:translate(-100%)}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=play] .fpan-strip{animation:fpan-pull .72s step-end var(--at) both}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=before] .fpan-roll-strip{transform:none}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=play] .fpan-roll-strip{animation:fpan-roll .72s step-end var(--at) both}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=before] .fpan-chip-state{opacity:0}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=before] .fpan-chip-state[data-first]{opacity:1}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=play] .fpan-chip-state{opacity:0;animation:fpan-chip-window var(--len) linear var(--on)}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=play] .fpan-chip-state[data-final]{opacity:1;animation:fpan-chip-wait var(--on) linear}:root:not([data-reduce-motion=reduce]) .fpan-funnel[data-scene=play] .fpan-chip-state:not([data-first]) .fpan-chip-face{animation:fpan-chip-press .3s step-end var(--on);display:block}}@keyframes fpan-send{0%{transform:translate(-20px,8px)rotate(-10deg)scale(.86)}30%{transform:translate(-10px,-2px)rotate(-3deg)scale(.95)}60%{transform:translate(4px,-8px)rotate(3deg)}to{transform:none}}@keyframes fpan-pull{0%{transform:translate(-100%)}20%{transform:translateX(calc(var(--reach) * 0.35% - 100%))}45%{transform:translateX(calc(var(--reach) * 0.75% - 100%))}70%{transform:translateX(min(0px, calc(var(--reach) * 1% - 100% + 4px)))}to{transform:translateX(calc(var(--reach) * 1% - 100%))}}@keyframes fpan-roll{0%{transform:none}20%{transform:translateY(calc(var(--step) * -1))}45%{transform:translateY(calc(var(--step) * -2))}70%{transform:translateY(calc(var(--step) * -3))}to{transform:translateY(calc(var(--n,0) * var(--step) * -1))}}@keyframes fpan-chip-window{0%,to{opacity:1}}@keyframes fpan-chip-wait{0%,to{opacity:0}}@keyframes fpan-chip-press{0%{transform:translateY(-3px)rotate(-2deg)}50%{transform:translateY(-1px)rotate(1deg)}to{transform:none}}