:root{--ink:#0F0D2A;--dusk:#1C1748;--violet:#5B3FD9;--coral:#FF6F59;--amber:#FFC15E;--paper:#FBFAFF;--mist:#C3BFE6;--blush:#FFE3D6;--stage-h:34dvh;}*{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-weight:400;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);line-height:1.55;overflow-x:clip}h1,h2,.cap{font-family:"Unbounded","Arial Black",sans-serif;font-weight:700;letter-spacing:-0.01em}a{color:inherit}img{max-width:100%}.top{display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))}.icon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--paper);display:grid;place-items:center;overflow:hidden}.icon img{width:44px;height:44px;display:block}.word{font-family:"Unbounded","Arial Black",sans-serif;font-weight:700;font-size:clamp(1rem,0.9rem + 0.4vw,1.2rem)}.story{position:relative}.stage{position:sticky;top:0;z-index:2;height:var(--stage-h);background:var(--ink);padding:6px 20px 10px;display:flex;justify-content:center}.frame{position:relative;height:100%;aspect-ratio:6 / 5;max-width:100%;border-radius:28px;overflow:hidden;isolation:isolate}.frame::before{content:"";position:absolute;inset:-60%;z-index:-1;background:linear-gradient(130deg,var(--violet) 0%,#8B3FC7 30%,var(--coral) 62%,var(--amber) 100%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{from{transform:translate(-12%,-8%) rotate(0deg)}to{transform:translate(10%,8%) rotate(14deg)}}.art{display:block;width:100%;height:100%}.flow{padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.hero{padding:18px 0 28px}h1{font-size:clamp(1.75rem,1.1rem + 3.2vw,3.5rem);line-height:1.12;margin:0 0 14px}h1 .m{color:var(--amber)}.lead{margin:0 0 20px;color:var(--mist);max-width:34rem}.btn-next{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--amber);color:var(--ink);font-weight:700;font-size:1.0625rem;text-decoration:none;transition:transform .2s ease;-webkit-tap-highlight-color:transparent}.btn-next:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.btn-next svg{width:16px;height:16px}@media (hover: hover) and (pointer: fine){.btn-next:hover{transform:translateY(-2px)}}.note{margin:12px 0 0;font-size:.9375rem;color:var(--mist)}.steps{margin:0;padding:0;list-style:none}.step{min-height:70dvh;display:flex;align-items:center;padding:8vh 0}.cap{font-size:clamp(1.35rem,0.95rem + 2.2vw,2.4rem);line-height:1.3;margin:0;max-width:22ch;opacity:.6;transition:opacity .4s ease}.step.on .cap{opacity:1}.art *{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease}.tab{transform-box:fill-box;transform-origin:center;opacity:0;transform:translateY(10px) scale(.9);transition-delay:calc(sibling-index() * 70ms)}@supports not (transition-delay:calc(sibling-index() * 1ms)){.tab:nth-child(2){transition-delay:.07s}.tab:nth-child(3){transition-delay:.14s}.tab:nth-child(4){transition-delay:.21s}.tab:nth-child(5){transition-delay:.28s}}[data-step="1"] .tab{opacity:1;transform:none}.ticket{transform-box:fill-box;transform-origin:center;opacity:0;transform:scale(.7) rotate(-14deg)}[data-step="1"] .ticket{opacity:1;transform:rotate(-6deg)}.plane{opacity:1;transform:translate(214px,104px) rotate(14deg) scale(.82)}[data-step="1"] .plane{opacity:0;transform:translate(52px,70px) scale(.5)}[data-step="2"] .plane{opacity:1;transform:translate(46px,58px) rotate(-8deg) scale(1)}[data-step="3"] .plane{opacity:1;transform:translate(132px,70px) rotate(4deg) scale(.95)}.trail{opacity:.55}[data-step="1"] .trail,[data-step="2"] .trail{opacity:0}[data-step="3"] .trail{opacity:.9}.pic{opacity:1}[data-step="1"] .pic,[data-step="2"] .pic{opacity:0}[data-step="3"] .pic{opacity:.35}.play{transform-box:fill-box;transform-origin:center;transform:none}[data-step="1"] .play,[data-step="2"] .play,[data-step="3"] .play{transform:scale(.6)}.bar-fill{transform-box:fill-box;transform-origin:left center;transform:scaleX(.38)}[data-step="1"] .bar-fill,[data-step="2"] .bar-fill,[data-step="3"] .bar-fill{transform:scaleX(0)}.rows{opacity:1}[data-step="1"] .rows{opacity:0}.letter{max-width:40rem;margin:0 auto;padding:12vh max(20px,env(safe-area-inset-right)) 4vh max(20px,env(safe-area-inset-left))}.letter h2{font-size:clamp(1.4rem,1rem + 1.8vw,2.2rem);line-height:1.2;margin:0 0 18px}.letter p{margin:0 0 16px;color:var(--mist)}.letter p strong{color:var(--paper);font-weight:700}.simple{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;margin:26px 0;padding:20px;border-radius:24px;background:var(--dusk)}.simple svg{width:72px;height:72px}.simple p{margin:0;color:var(--paper)}.ps{margin-top:26px!important}.ps b{font-family:"Unbounded","Arial Black",sans-serif;color:var(--amber);font-weight:700}.sign{color:var(--paper)!important;font-weight:700}.end{max-width:40rem;margin:0 auto;padding:4vh max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.end-row{display:flex;align-items:center;gap:18px;padding:18px;border-radius:24px;background:linear-gradient(130deg,var(--violet),var(--coral))}.end-row svg{flex:none;width:96px;height:80px}.end-row .btn-next{background:var(--ink);color:var(--paper);white-space:nowrap;padding:0 22px}.end-row svg{width:clamp(72px,20vw,120px);height:auto}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(15,13,42,.94);display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);opacity:0;transition:transform .35s ease,opacity .35s ease}.dock.on{transform:none;opacity:1}.dock span{font-weight:700;font-size:.9375rem}.dock .btn-next{min-height:44px;padding:0 20px;font-size:1rem}footer{margin-top:clamp(3rem,2rem + 3vw,4.5rem);padding:20px max(20px,env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid rgba(195,191,230,.18);font-size:.875rem;color:var(--mist);text-align:center}@media (min-width: 900px){.top{padding-left:max(48px,env(safe-area-inset-left));padding-right:48px}.icon{width:56px;height:56px;border-radius:16px}.icon img{width:56px;height:56px}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:0 48px}.stage{grid-column:2;grid-row:1;height:calc(100dvh - 80px);top:40px;padding:0;align-items:center}.frame{height:auto;width:100%;max-height:100%}.flow{grid-column:1;grid-row:1;padding:0}.hero{min-height:calc(100dvh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 6vh}.step{padding:0}}@media (prefers-reduced-motion: reduce){.frame::before{animation:none}.art *,.cap,.btn-next,.dock{transition:none!important}}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 400;font-display: swap;src: url(atkinsonhyperlegible.6bpG23o7.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 400;font-display: swap;src: url(atkinsonhyperlegible.wCWfr55D.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 700;font-display: swap;src: url(atkinsonhyperlegible.qfndQAB_.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 700;font-display: swap;src: url(atkinsonhyperlegible.QDnIpleC.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Unbounded';font-style: normal;font-weight: 700;font-display: swap;src: url(unbounded.YoYRXn4f.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Unbounded';font-style: normal;font-weight: 700;font-display: swap;src: url(unbounded.hzqw7-7q.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}