.landing{--lit:0 0 14px color-mix(in oklab, var(--color-glow) 55%, transparent), 0 0 52px color-mix(in oklab, var(--color-glow) 28%, transparent)}:is(html:has(.landing),body:has(.landing)){background:var(--color-background);overflow-x:clip}.landing a.u{border-bottom:1px solid;padding-bottom:4px}.stage{flex-direction:column;justify-content:center;align-items:center;gap:28px;height:100svh;min-height:520px;display:flex;position:relative}.para{text-align:center;letter-spacing:-.01em;text-wrap:balance;isolation:isolate;max-width:1080px;margin:0;font-size:clamp(28px,4.2vw,56px);font-weight:250;line-height:1.32}.n{display:inline-block}.k{color:var(--color-muted-foreground);font-weight:650;display:inline-block;position:relative}.k:before{z-index:-1;pointer-events:none;content:"";background:radial-gradient(ellipse at center, color-mix(in oklab, var(--color-glow) 18%, transparent) 0%, color-mix(in oklab, var(--color-glow) 6%, transparent) 38%, transparent 68%);opacity:0;width:320%;height:380%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.lit{color:var(--color-foreground);text-shadow:var(--lit)}.sec{height:1400px;position:relative}.sec .stage{position:sticky;top:0}.close p{text-wrap:balance;margin:0;font-size:clamp(28px,4.2vw,56px);font-weight:250;line-height:1.25}.close .q1,.close .q2{display:block}.close .q2{margin-top:.2em;font-size:1.3em;font-weight:650}.sec.fin{view-timeline-name:--fin;height:1200px}@keyframes x-blur{0%{opacity:0;filter:blur(18px);transform:scale(1.03)}to{opacity:1;filter:blur();transform:none}}@keyframes x-drama{0%{opacity:0;filter:blur(26px);transform:scale(1.14)}55%{opacity:1}to{opacity:1;filter:blur();transform:none}}@keyframes x-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(8px)}}@keyframes x-k{0%{color:var(--color-muted-foreground);text-shadow:none}to{color:var(--color-foreground);text-shadow:var(--lit)}}@keyframes x-in{0%{opacity:0}to{opacity:1}}.hero .para{animation:1.8s cubic-bezier(.2,.7,.2,1) .3s both x-blur}.hero .n{animation:.7s cubic-bezier(.4,0,.2,1) both x-out;animation-delay:calc(5.5s + var(--i) * 55ms)}.hero .k{animation:1.2s ease-out 7s both x-k}.hero .k:before{animation:1.6s ease-out 7s both x-in}.hero .hint{animation:1s ease-out 8.2s both x-in}.hero.done .n{opacity:0;filter:blur(8px);transition:opacity .7s,filter .7s;animation:none}.hero.done.full .n{opacity:1;filter:blur()}.hero.done .k{color:var(--color-foreground);text-shadow:var(--lit);animation:none}.hero.done .k:before{opacity:1;animation:none}@supports (animation-timeline:view()){.sec{view-timeline-name:--sec}.sec .n{animation-name:x-out;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--sec;animation-range:contain calc(10% + var(--i) * 1.7%) contain calc(18% + var(--i) * 1.7%)}.sec .k,.sec .k:before{animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--sec;animation-range:contain 62% contain 76%}.sec .k{animation-name:x-k}.sec .k:before{animation-name:x-in}.fin .q1,.fin .q2,.fin .cta{animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--fin}.fin .q1{animation-name:x-blur;animation-range:contain contain 30%}.fin .q2{animation-name:x-drama;animation-range:contain 35% contain 75%}.fin .cta{animation-name:x-in;animation-range:contain 78% contain 92%}}@supports not (animation-timeline:view()){.sec,.sec.fin{height:auto}.sec .stage{position:relative}}@media (prefers-reduced-motion:reduce){.hero .para,.hero .hint,.hero .n,.sec .n,.hero .k,.sec .k,.hero .k:before,.sec .k:before,.fin .q1,.fin .q2,.fin .cta{animation:none!important}.hero.done .n{opacity:1;filter:none}.sec,.sec.fin{height:auto}.sec .stage{position:relative}}
