.landing{isolation:isolate;display:flex;flex-direction:column;gap:var(--space-9)}.l-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none}.l-backdrop>canvas{display:block;width:100%;height:100%;color:var(--accent)}.l-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(110% 70% at 62% 38%,transparent 18%,color-mix(in oklab,var(--ground) 82%,transparent) 92%),linear-gradient(to right,var(--ground) 2%,color-mix(in oklab,var(--ground) 55%,transparent) 42%,transparent 70%),linear-gradient(to bottom,transparent 34%,var(--ground) 82%)}.l-nav{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:var(--space-4);min-height:var(--nav-h);padding-inline:var(--space-5);border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--ground) 86%,transparent);backdrop-filter:blur(12px)}.l-nav__actions{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}.l-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:center;width:min(1200px,100%);margin-inline:auto;padding:var(--space-7) var(--space-5) 0}@media(min-width:1000px){.l-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding-top:var(--space-8)}}.l-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);min-width:0}.l-kicker{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-2);font-size:var(--text-sm)}.l-kicker .icon{color:var(--accent-ink)}.l-hero__copy h1{margin:0;font-family:var(--font-display);font-size:var(--text-3xl);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}.l-lead{margin:0;max-width:46ch;color:var(--ink-2);font-size:var(--text-md);line-height:1.55}.l-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.l-stage{--tilt-x: 0;--tilt-y: 0;position:relative;width:100%;aspect-ratio:5 / 4;perspective:1100px;perspective-origin:50% 45%}.l-deck{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--tilt-y) * -7deg)) rotateY(calc(var(--tilt-x) * 11deg));transition:transform var(--dur-overlay) var(--ease)}.l-stage:before{content:"";position:absolute;inset:8% 4%;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in oklab,var(--accent) 34%,transparent),transparent 68%);filter:blur(46px);opacity:.7;pointer-events:none}.l-piece{--sp: var(--scroll-p, 0);position:absolute;left:calc(var(--l, 50%) + var(--sp) * var(--dl, 0%));top:calc(var(--t, 50%) + var(--sp) * var(--dt, 0%));transform:translate3d(-50%,-50%,calc(var(--z, 0px) + var(--sp) * var(--dz, 0px))) rotateY(calc(var(--ry, 0deg) + var(--sp) * var(--dry, 0deg))) rotateX(var(--rx, 0deg));transform-style:preserve-3d}.l-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:color-mix(in oklab,var(--raised) 92%,transparent);box-shadow:var(--shadow-modal);overflow:hidden}.l-panel__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);color:var(--ink-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.l-piece--feed{--l: 34%;--t: 24%;--z: -200px;--ry: 16deg;--dt: -9%;--dz: -120px;width:58%}.l-feed__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-3)}.l-thumb{--fx: 76%;--fy: 18%;--k: 42%;--a: 150deg;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-control);border:1px solid var(--line);background:radial-gradient(120% 92% at var(--fx) var(--fy),color-mix(in oklab,var(--accent) var(--k),transparent),transparent 62%),linear-gradient(var(--a),color-mix(in oklab,var(--accent) 30%,var(--raised)),color-mix(in oklab,var(--accent) 8%,var(--ground-inset)))}.l-thumb[data-cover="2"]{--fx: 24%;--fy: 72%;--k: 30%;--a: 32deg}.l-thumb[data-cover="3"]{--fx: 50%;--fy: 8%;--k: 24%;--a: 200deg}.l-thumb[data-cover="4"]{--fx: 88%;--fy: 78%;--k: 36%;--a: 96deg}.l-thumb[data-cover="5"]{--fx: 12%;--fy: 24%;--k: 20%;--a: 250deg}.l-thumb[data-cover="6"]{--fx: 62%;--fy: 58%;--k: 34%;--a: 12deg}.l-piece--player{--l: 46%;--t: 62%;--z: 40px;--ry: -7deg;--dt: 4%;--dry: 5deg;width:62%}.l-player__frame{position:relative;display:block}.l-player__frame .l-thumb{--fx: 68%;--fy: 22%;--k: 46%;--a: 165deg;aspect-ratio:16 / 9;border:0;border-radius:0}.l-player__play{position:absolute;inset:0;display:grid;place-items:center;color:var(--on-accent)}.l-player__play span{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:var(--shadow-popover)}.l-player__bar{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);height:4px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--ink) 24%,transparent)}.l-player__bar:before{content:"";display:block;width:38%;height:100%;border-radius:inherit;background:var(--accent)}.l-player__meta{display:grid;gap:2px;padding:var(--space-3) var(--space-4)}.l-player__meta strong{font-size:var(--text-base);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.l-player__meta span{color:var(--ink-3);font-size:var(--text-sm)}.l-piece--chat{--l: 78%;--t: 30%;--z: 160px;--ry: -18deg;--dl: 7%;--dt: -5%;width:34%}.l-chat__lines{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.l-chat__line{display:grid;gap:2px;font-size:var(--text-sm);line-height:1.35}.l-chat__line b{color:var(--accent-ink);font-size:var(--text-xs)}.l-chat__line p{margin:0;color:var(--ink-2)}.l-chat__line--gift{padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--ground-inset)}.l-chat__line--gift p{color:var(--ink)}.l-live{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--danger-ink);letter-spacing:.08em}.l-live:before{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:currentColor}.l-piece--pill{--l: 16%;--t: 84%;--z: 220px;--ry: 8deg;--dt: 7%;--dz: 60px;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--raised);box-shadow:var(--shadow-popover);font-size:var(--text-sm)}.l-piece--pill .icon{color:var(--accent-ink)}@media(prefers-reduced-motion:no-preference){.l-piece{animation:l-drift 9s var(--ease) infinite alternate}.l-piece--player{animation-duration:11s;animation-delay:-3s}.l-piece--chat{animation-duration:7.5s;animation-delay:-5s}.l-piece--pill{animation-duration:8s;animation-delay:-1.5s}}@keyframes l-drift{0%{transform:translate3d(-50%,-50%,calc(var(--z, 0px) + var(--sp) * var(--dz, 0px))) rotateY(calc(var(--ry, 0deg) + var(--sp) * var(--dry, 0deg))) rotateX(var(--rx, 0deg))}to{transform:translate3d(-50%,calc(-50% - 14px),calc(var(--z, 0px) + var(--sp) * var(--dz, 0px))) rotateY(calc(var(--ry, 0deg) + var(--sp) * var(--dry, 0deg))) rotateX(var(--rx, 0deg))}}@media(max-width:999px){.l-stage{aspect-ratio:4 / 3;perspective:900px}.l-piece--feed{--l: 33%;--t: 24%;--z: -150px;width:60%}.l-piece--player{--l: 47%;--t: 62%;width:68%}.l-piece--chat{--l: 80%;--t: 28%;--z: 130px;width:38%}.l-piece--pill{display:none}}@media(max-width:640px){.l-stage{aspect-ratio:4 / 5}.l-piece--feed{display:none}.l-piece--player{--l: 42%;--t: 28%;width:80%}.l-piece--chat{--l: 64%;--t: 78%;--z: 120px;--dl: 2%;--dt: -3%;width:56%}}.l-section{width:min(1200px,100%);margin-inline:auto;padding-inline:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.l-section>h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl)}.l-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-4);perspective:900px}.l-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--raised);transform-style:preserve-3d;transition:transform var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.l-card:hover{transform:translateZ(30px) rotateX(4deg) rotateY(-4deg);border-color:var(--line-strong)}}.l-card .icon{color:var(--accent-ink)}.l-card h3{margin:0;font-size:var(--text-lg)}.l-card p{margin:0;color:var(--ink-2);font-size:var(--text-base);line-height:1.5}.l-show{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:center;width:min(1200px,100%);margin-inline:auto;padding-inline:var(--space-5)}@media(min-width:900px){.l-show{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-8)}.l-show--flip .l-show__copy{order:2}}.l-show__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0}.l-show__copy h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl);text-wrap:balance}.l-show__copy .btn{margin-top:var(--space-2)}.l-scene{display:block;width:100%;aspect-ratio:16 / 10;max-height:420px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--ground-inset);color:var(--accent)}.l-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:none}.l-steps>li{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--raised)}.l-steps__n{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--accent-ink);border-radius:var(--radius-pill);color:var(--accent-ink);font-size:var(--text-sm)}.l-steps h3{margin:0 0 var(--space-1);font-size:var(--text-base)}.l-steps p{margin:0;color:var(--ink-2);font-size:var(--text-sm)}.l-faq{display:grid;gap:var(--space-2)}.l-faq__item{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--raised)}.l-faq__item>summary{padding:var(--space-4);cursor:pointer;font-weight:600;list-style:none}.l-faq__item>summary::-webkit-details-marker{display:none}.l-faq__item>summary:after{content:"+";float:inline-end;color:var(--accent-ink)}.l-faq__item[open]>summary:after{content:"−"}.l-faq__item>p{margin:0;padding:0 var(--space-4) var(--space-4);color:var(--ink-2);line-height:1.55}.l-soon{align-self:flex-start;margin-top:var(--space-1);padding:2px var(--space-2);border:1px dashed var(--line-strong);border-radius:var(--radius-pill);color:var(--ink-3);font-size:var(--text-xs)}.l-money{display:grid;gap:var(--space-5);align-items:center;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--ground-inset)}@media(min-width:860px){.l-money{grid-template-columns:minmax(0,1fr) auto}}.l-money h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-xl)}.l-money p{margin:0;max-width:60ch;color:var(--ink-2);line-height:1.55}.l-money .btn{max-width:100%;white-space:normal}.l-final{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-8) var(--space-5);border-block:1px solid var(--line)}.l-final h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl)}.l-final p{margin:0;max-width:52ch;color:var(--ink-2);line-height:1.55}@property --scroll-p{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes l-scroll-progress{0%{--scroll-p: 0}to{--scroll-p: 1}}@keyframes l-rise{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.landing{animation:l-scroll-progress linear both;animation-timeline:scroll(root block);animation-range:0 150vh}.l-deck{transform:translateZ(calc(var(--scroll-p) * -150px)) rotateX(calc(var(--tilt-y) * -7deg + var(--scroll-p) * 9deg)) rotateY(calc(var(--tilt-x) * 11deg + var(--scroll-p) * -13deg))}.l-player__bar:before{width:calc(6% + var(--scroll-p) * 88%)}.l-chat__line--gift{--in: clamp(0, calc((var(--scroll-p) - .12) * 5), 1);opacity:var(--in);translate:0 calc((1 - var(--in)) * 12px)}.l-section>h2,.l-card,.l-money,.l-final>*{animation:l-rise linear both;animation-timeline:view();animation-range:entry 12% cover 38%}}}