.lp{--tile-r:28px;--shadow:0 30px 60px -32px #14285a59;--grid-line:#0a0a0a0d;--tk-zh:-.01em;--tk-num:-.03em;--mono:"Geist Mono", "SF Mono", ui-monospace, Menlo, monospace;overflow-x:clip}html.dark .lp{--shadow:0 30px 60px -30px #000000b3;--grid-line:#ffffff0d}.lp .wrap{max-width:1180px;margin:0 auto;padding:0 24px}.lp .g{color:var(--hl)}.lp .num{letter-spacing:var(--tk-num);font-variant-numeric:tabular-nums}.lp .clip{aspect-ratio:9/16;background:var(--surface-dim);border-radius:18px;position:relative;overflow:hidden}.lp .clip video,.lp .clip img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.lp .btn{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .15s,background .2s;display:inline-flex}.lp .btn:active{transform:scale(.98)}.lp .btn-primary{background:var(--btn-bg);color:var(--on-accent);box-shadow:var(--btn-shadow)}.lp .btn-primary:hover{box-shadow:var(--btn-shadow-hover)}.lp .btn-ghost{background:var(--glass);border:1px solid var(--glass-bd);box-shadow:var(--glass-hi), 0 1px 2px var(--sh-s);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lp .btn-ghost:hover{background:var(--sel);border-color:var(--sel-bd);color:var(--accent-text)}.lp .hero{text-align:center;padding-top:32px;position:relative;overflow:hidden}.lp .hero:after{content:"";pointer-events:none;background:0 0;width:980px;height:600px;position:absolute;top:-300px;left:50%;transform:translate(-50%)}html.dark .lp .hero:after{background:0 0}.lp .hero>*{z-index:1;position:relative}.lp h1{letter-spacing:var(--tk-zh);margin:0 auto 20px;font-size:clamp(40px,5.4vw,72px);font-weight:700;line-height:1.1}.lp h1 .g{text-wrap:balance;display:inline-block}.lp .lead{text-wrap:pretty;color:var(--text-2);max-width:620px;margin:0 auto 24px;font-size:18px;line-height:1.7}.lp .console-wrap{isolation:isolate;max-width:680px;margin:0 auto;position:relative}.lp .cfloor{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--cfloor), transparent);filter:blur(5px);border-radius:50%;height:30px;position:absolute;bottom:-24px;left:10%;right:10%}.lp .composer{text-align:left;background:var(--glass);border:1px solid var(--glass-bd);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);max-width:680px;box-shadow:var(--glass-hi), 0 0 40px -14px #3582ff38, var(--glass-sh);border-radius:20px;margin:0 auto;padding:18px 16px 14px 20px;transition:box-shadow .2s,border-color .2s;display:block}.lp .composer:hover,.lp .composer:focus-visible{box-shadow:0 0 0 1.5px #3582ffd9, 0 0 0 6px #3582ff1f, var(--glass-sh);border-color:#0000;outline:none}html.dark .lp .composer{box-shadow:inset 0 1px #ffffff3d,0 30px 70px -24px #00030ce6}html.dark .lp .composer:hover,html.dark .lp .composer:focus-visible{box-shadow:0 0 0 1.5px #3582ffd9,0 0 0 6px #3582ff24,0 30px 70px -24px #00030ce6}.lp .composer .ph{color:var(--text-3);gap:10px;min-height:46px;font-size:16px;display:flex}.lp .composer .ph svg{color:var(--accent);flex:none;width:20px;height:20px;margin-top:2px}.lp .composer .typed{color:var(--text);word-break:break-all}.lp .composer .caret{background:var(--accent);vertical-align:-4px;width:2px;height:20px;animation:1s step-end infinite lp-blink;display:inline-block}@keyframes lp-blink{50%{opacity:0}}.lp .composer .bar{align-items:center;gap:10px;display:flex}.lp .composer .chips{flex-wrap:wrap;flex:1;min-width:0;height:30px;display:flex;overflow:hidden}.lp .composer .chips:before{content:"";width:0}.lp .composer .chip{margin-right:6px;padding:5px 10px;line-height:18px}.lp .chip{color:var(--text-2);border:1px solid var(--glass-bd);background:var(--pill);box-shadow:var(--glass-hi);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px}.lp .composer .bar .btn{flex:none;height:44px}.lp .checks{color:var(--text-3);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:18px;font-size:13px;display:flex}.lp .checks li:before{content:"✓";color:var(--accent);margin-right:6px;font-weight:700}.lp .fan{height:440px;margin-top:32px;position:relative}.lp .fan .clip{border:4px solid var(--surface);width:210px;box-shadow:var(--shadow);transform-origin:50% 120%;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-60px;left:50%}.lp .fan .c0{z-index:4;width:240px;margin-left:-120px;bottom:-20px}.lp .fan .c1{--t:translateX(-210px) rotate(-8deg);transform:var(--t);z-index:3;margin-left:-105px}.lp .fan .c2{--t:translateX(210px) rotate(8deg);transform:var(--t);z-index:3;margin-left:-105px}.lp .fan .c3{--t:translateX(-400px) translateY(40px) rotate(-15deg);width:190px;transform:var(--t);z-index:2;margin-left:-95px}.lp .fan .c4{--t:translateX(400px) translateY(40px) rotate(15deg);width:190px;transform:var(--t);z-index:2;margin-left:-95px}.lp .fan .c5{--t:translateX(-570px) translateY(110px) rotate(-22deg);width:170px;transform:var(--t);z-index:1;margin-left:-85px}.lp .fan .c6{--t:translateX(570px) translateY(110px) rotate(22deg);width:170px;transform:var(--t);z-index:1;margin-left:-85px}.lp .fan .clip:hover{transform:var(--t,none) translateY(-14px)}.lp .fan:after{content:"";z-index:6;background:linear-gradient(transparent, var(--bg));pointer-events:none;height:120px;position:absolute;bottom:0;left:0;right:0}.lp .hot{z-index:7;white-space:nowrap;background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;animation:5s ease-in-out infinite lp-float;display:flex;position:absolute}.lp .hot i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.lp .hot small{color:var(--text-3);font-size:13px;font-weight:400}.lp .hot.h1{top:64px;left:calc(50% + 80px)}.lp .hot.h2{animation-delay:-1.5s;top:130px;left:calc(50% - 360px)}.lp .hot.h3{animation-delay:-3s;top:190px;left:calc(50% + 250px)}.lp .hot.beat{min-width:210px;animation:none}.lp .hot.beat.swap span,.lp .hot.beat.swap small{animation:.35s lp-note-in}@keyframes lp-float{50%{transform:translateY(-6px)}}.lp .beat-bar{z-index:2;filter:drop-shadow(0 1px 2px #00000059);gap:4px;display:flex;position:absolute;bottom:64px;left:12px;right:12px}.lp .beat-bar i{background:#ffffff59;border-radius:2px;flex:1;height:3px;overflow:hidden}.lp .beat-bar i:after{content:"";height:100%;width:var(--p,0%);background:#fff;display:block}.lp .channels{z-index:8;position:relative}.lp .channels .wrap{min-height:88px;color:var(--text-3);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 44px;font-size:13px;display:flex}.lp .channels b{color:var(--text-2);opacity:.7;letter-spacing:-.02em;font-size:18px;font-weight:700}.lp .sec{padding:130px 0}.lp .label{font-family:var(--mono);color:var(--accent-text);letter-spacing:.04em;margin-bottom:16px;font-size:12px;display:inline-block}.lp h2{letter-spacing:var(--tk-zh);text-wrap:balance;font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.18}.lp .sub{color:var(--text-2);margin-top:14px;font-size:17px;line-height:1.7}.lp .center{text-align:center;max-width:760px;margin:0 auto 64px}.lp .gallery{padding-top:110px}.lp .gal-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.lp .gal-head .sub{max-width:560px}.lp .gal-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.lp .tabs{flex-wrap:wrap;gap:6px;display:flex}.lp .tabs button{color:var(--text-2);border:1px solid #0000;border-radius:999px;padding:8px 16px;font-size:14px}.lp .tabs button:hover{background:var(--surface-dim)}.lp .tabs button[aria-pressed=true]{background:var(--text);color:var(--bg)}.lp .arrows{gap:8px;display:flex}.lp .arrows button{background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.lp .arrows button svg{width:18px;height:18px}.lp .arrows button:hover:not(:disabled){background:var(--surface-hover)}.lp .arrows button:disabled{opacity:.35;cursor:default}.lp .cat-note{border-left:2px solid var(--accent);color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:14px;margin:-12px 0 28px;padding-left:14px;font-size:15px;display:flex}.lp .cat-note b{color:var(--text);font-weight:600}.lp .cat-note.swap{animation:.35s lp-note-in}@keyframes lp-note-in{0%{opacity:0;transform:translateY(4px)}}.lp .track{--per:4;--gap:18px;gap:var(--gap);scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 20px;display:flex;overflow-x:auto}.lp .track::-webkit-scrollbar{display:none}.lp .card{width:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));scroll-snap-align:start;flex:none}.lp .card[hidden]{display:none}.lp .card .clip{border-radius:20px;transition:transform .3s}.lp .card:hover .clip{transform:translateY(-4px)}.lp .card figcaption{justify-content:space-between;align-items:baseline;gap:8px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.lp .card figcaption small{color:var(--text-3);white-space:nowrap;font-size:13px;font-weight:400}.lp .tabs .more-cta{border:1px solid var(--accent);color:var(--accent-text);border-radius:999px;align-items:center;gap:4px;padding:8px 14px 8px 16px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.lp .tabs .more-cta:hover{background:var(--accent-soft)}.lp .tabs .more-cta svg{width:15px;height:15px}.lp .style-tags{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:10px;left:10px;right:10px}.lp .style-tags li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;background:#0a0a0a8c;border-radius:999px;max-width:100%;padding:4px 9px;font-size:12px;font-weight:500;line-height:1.3}.lp .method{padding-top:40px}.lp .m-grid{grid-template-columns:1fr 1fr 1fr 300px;align-items:stretch;gap:16px;display:grid}.lp .m-col{border-radius:var(--tile-r);background:var(--surface);border:1px solid var(--border-subtle);grid-row:span 7;grid-template-rows:subgrid;row-gap:8px;padding:26px;transition:border-color .2s,box-shadow .2s;display:grid}.lp .m-col[data-active]{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-subtle));box-shadow:0 10px 30px #3582ff14}.lp .m-col .q{font-family:var(--mono);color:var(--accent-text);margin-bottom:2px;font-size:12px}.lp .m-col h3{letter-spacing:var(--tk-zh);font-size:21px}.lp .m-col>p{color:var(--text-2);margin-bottom:10px;font-size:14px;line-height:1.65}.lp .m-col ul{list-style:none;display:contents}.lp .m-col li{display:grid}.lp .m-col li button{background:var(--surface-dim);width:100%;height:auto;color:var(--text);text-align:left;white-space:normal;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 14px;font-size:14px;font-weight:400;display:flex}.lp .m-col li button b{font-weight:600}.lp .m-col li button small{color:var(--text-3);font-size:12px;line-height:1.5}.lp .m-col li button:hover{background:var(--surface-hover)}.lp .m-col li button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.lp .m-col li button[aria-pressed=true] b{color:var(--accent-text)}.lp .m-prev{grid-area:1/4/span 7;align-self:start;position:sticky;top:90px}.lp .m-prev .clip{aspect-ratio:9/16;border-radius:var(--tile-r);width:100%;max-height:calc(100vh - 130px)}.lp .m-prev .cap{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0a0a0a99;border-radius:14px;padding:12px 14px;position:absolute;bottom:14px;left:14px;right:14px}.lp .m-prev .cap i{font-style:normal;font-family:var(--mono);opacity:.7;margin-bottom:4px;font-size:11px;display:block}.lp .m-prev .cap b{font-size:14px;display:block}.lp .m-prev .cap span{opacity:.8;font-size:12px;line-height:1.5}.lp .m-prev .cap.swap{animation:.35s lp-note-in}.lp .m-mult{border-radius:var(--tile-r);background:var(--surface);border:1px solid var(--border-subtle);grid-template-columns:1fr auto;align-items:center;gap:40px;margin-top:16px;padding:28px 32px;display:grid}.lp .m-mult h3{letter-spacing:var(--tk-zh);margin-bottom:8px;font-size:21px}.lp .m-mult p{color:var(--text-2);max-width:440px;font-size:14px;line-height:1.7}.lp .m-eq{align-items:center;gap:14px;display:flex}.lp .m-eq .core{background:var(--deep);width:96px;color:var(--on-accent);text-align:center;border-radius:16px;padding:14px 10px;font-size:13px;font-weight:600;line-height:1.4;box-shadow:inset 0 1px #ffffff2e,0 14px 28px -16px #0b1f4b8c,0 0 30px -10px #3582ff66}.lp .m-eq .core small{opacity:.85;margin-top:4px;font-size:11px;font-weight:400;display:block}.lp .m-eq .op{color:var(--text-3);font-size:22px;font-weight:300}.lp .m-eq .hooks{gap:6px;display:grid}.lp .m-eq .hooks span{background:var(--surface-dim);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px}.lp .m-eq .outs{gap:8px;display:flex}.lp .m-eq .outs .clip{border-radius:12px;width:74px}.lp .story{grid-template-columns:1.1fr 1fr;gap:80px;display:grid}.lp .stage{border-radius:var(--tile-r);isolation:isolate;background:linear-gradient(180deg, transparent 0, transparent 48%, var(--sky2) 70%, var(--sky) 100%);height:min(620px,100vh - 130px);position:sticky;top:90px;overflow:hidden}html.dark .lp .stage{background:linear-gradient(#0000 0 48%,#12224a8c 72%,#12224ad9 100%)}.lp .stage:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--cfloor), transparent);filter:blur(6px);border-radius:50%;height:140px;position:absolute;bottom:40px;left:8%;right:8%}.lp .layer{opacity:0;visibility:hidden;place-items:center;padding:36px 36px 128px;transition:opacity .4s,transform .4s,visibility 0s .4s;display:grid;position:absolute;inset:0;transform:translateY(16px)scale(.98)}.lp .layer.on{opacity:1;visibility:visible;transition:opacity .5s .15s,transform .5s .15s,visibility;transform:none}.lp .step{opacity:.3;flex-direction:column;justify-content:center;min-height:50vh;transition:opacity .4s;display:flex}.lp .step.on{opacity:1}.lp .step:first-child{justify-content:flex-start;min-height:44vh;padding-top:8vh}.lp .step .n{border:1px solid var(--glass-bd);background:var(--glass);width:32px;height:32px;box-shadow:var(--glass-hi);color:var(--accent-text);border-radius:50%;place-items:center;margin-bottom:16px;font-size:14px;font-weight:650;transition:background .4s,box-shadow .4s,color .4s;display:grid}.lp .step.on .n{background:var(--accent);color:var(--on-accent);border-color:#0000;box-shadow:0 0 0 4px #3582ff1f,0 0 22px -2px #3582ff99}.lp .step h3{letter-spacing:var(--tk-zh);margin-bottom:12px;font-size:30px;font-weight:700}.lp .step p{color:var(--text-2);max-width:420px;font-size:17px;line-height:1.8}.lp .step ul{gap:12px;max-width:420px;margin-top:22px;display:grid}.lp .step li{color:var(--text-2);padding-left:26px;font-size:15px;line-height:1.6;position:relative}.lp .step li:before{content:"✓";background:var(--sky);width:18px;height:18px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:2px;left:0}.lp .kb{background:var(--g3d);border:1px solid var(--glass-bd);box-shadow:var(--glass-hi), 0 1px 2px var(--sh-s), 0 18px 30px -22px #10285a59;border-radius:14px;position:relative}html.dark .lp .kb{box-shadow:var(--glass-hi), 0 24px 40px -22px #00030ce6}.lp .fstage1{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;display:flex}.lp .furl{width:100%;height:50px;color:var(--text-2);align-items:center;gap:10px;padding:0 16px;font-size:14px;display:flex}.lp .furl svg{width:16px;height:16px;color:var(--accent);flex:none}.lp .furl-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--mono);font-size:13px;overflow:hidden}.lp .furl em{color:var(--accent-text);white-space:nowrap;margin-left:auto;font-size:12.5px;font-style:normal;font-weight:600}.lp .frow{align-items:flex-end;gap:18px;display:flex}.lp .fprod,.lp .fthink,.lp .tent{-webkit-box-reflect:below 3px linear-gradient(transparent 80%, rgba(255, 255, 255, var(--refl)))}.lp .fprod{width:200px;padding:10px}.lp .fprod img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%;display:block}.lp .fprod .fprod-th{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.lp .fprod .fprod-th img{border-radius:6px}.lp .fprod b{margin:9px 2px 2px;font-size:15px;display:block}.lp .fthink{gap:6px;width:220px;padding:12px 14px;font-size:12.5px;line-height:1.55;display:grid}.lp .fthink h6{color:var(--accent-text);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.lp .fthink h6 svg{width:14px;height:14px}.lp .fthink p{color:var(--text-2)}.lp .fthink p b{color:var(--text);margin-right:6px;font-weight:600}.lp .tents{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lp .tent{white-space:nowrap;color:var(--text);border-radius:999px;padding:7px 12px;font-size:13px}.lp .lpw{aspect-ratio:520/90;pointer-events:none;width:min(520px,88%);position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.lp .lpw svg{width:100%;height:100%;display:block;overflow:visible}.lp .lpw .base{fill:none;stroke:var(--lp-base);stroke-width:2px;stroke-linecap:round}.lp .lpw .prog{fill:none;stroke:var(--lp-prog);stroke-width:2.6px;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1)}.lp .lpw .glow{fill:none;stroke:var(--lp-glow);stroke-width:5px;stroke-linecap:round;stroke-dasharray:7 93;filter:blur(2px);animation:4.8s linear infinite lp-run}@keyframes lp-run{0%{stroke-dashoffset:7px}to{stroke-dashoffset:-100px}}.lp .lpw .nd{fill:var(--lp-nd);stroke:var(--lp-base);stroke-width:2px;transition:fill .4s,stroke .4s}.lp .lpw .nd.on{fill:var(--lp-ndon);stroke:var(--accent)}.lp .lpn{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 6px))}.lp .lpn span{width:18px;height:18px;color:var(--accent-text);background:var(--g3d);border:1px solid var(--glass-bd);box-shadow:var(--glass-hi);border-radius:50%;place-items:center;font-size:10px;font-weight:700;transition:background .4s,color .4s,box-shadow .4s;display:grid}.lp .lpn:after{content:"";background:linear-gradient(var(--lp-prog), transparent);opacity:.6;width:1px;height:9px}.lp .lpn.done span{border-color:var(--sel-bd)}.lp .lpn.on span{background:var(--accent);color:var(--on-accent);border-color:#0000;box-shadow:0 0 0 3px #3582ff2e,0 0 16px #3582ffa6}.lp .plan-wrap{width:100%;max-width:500px}.lp .plans{grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;width:100%;display:grid}.lp .plan{background:var(--g3d);border:1px solid var(--glass-bd);min-width:0;box-shadow:var(--glass-hi), 0 1px 2px var(--sh-s);-webkit-box-reflect:below 3px linear-gradient(transparent 85%, rgba(255, 255, 255, var(--refl)));border-radius:16px;flex-direction:column;gap:4px;padding:14px 12px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.lp .plan .plan-n{font-family:var(--mono);color:var(--text-3);font-size:11px}.lp .plan b{font-size:13px;line-height:1.35}.lp .plan small{color:var(--text-3);font-size:12px}.lp .plan q{color:var(--text-2);quotes:none;background:var(--sel);border:1px solid var(--glass-bd);border-radius:9px;margin-top:6px;padding:8px;font-size:12px;line-height:1.5}.lp .plan .plan-meta{color:var(--text-3);margin-top:4px;font-size:11px}.lp .plan.pick{border-color:var(--sel-bd);box-shadow:var(--glass-hi), var(--glow);transform:translateY(-14px)}.lp .plan.pick:after{content:"✓";background:var(--accent);width:18px;height:18px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 0 10px #3582ff99}.lp .plan.pick .plan-n{color:var(--accent-text)}.lp .board{background:var(--g3d);border:1px solid var(--glass-bd);box-shadow:var(--glass-hi), 0 1px 2px var(--sh-s);border-radius:16px;margin-top:18px;padding:12px 14px}.lp .board-h{color:var(--accent-text);margin-bottom:8px;font-size:12px;font-weight:600}.lp .board ol{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.lp .board li{color:var(--text-2);background:var(--board);border:1px solid var(--border-subtle);border-radius:8px;padding:8px;font-size:12px;line-height:1.4}.lp .board li span{font-family:var(--mono);color:var(--text-3);margin-bottom:2px;font-size:11px;display:block}.lp .batch{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:440px;display:grid}.lp .batch .clip{-webkit-box-reflect:below 4px linear-gradient(transparent 82%, rgba(255, 255, 255, var(--refl)));border-radius:14px;box-shadow:0 18px 26px -18px #10285a8c}.lp .batch .clip:after{content:"✓";background:var(--green);width:20px;height:20px;color:var(--on-green);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:8px;right:8px}.lp .done{white-space:nowrap;gap:8px;display:flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.lp .bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:236px;gap:16px;display:grid}.lp .tile{border-radius:var(--tile-r);background:var(--surface);border:1px solid var(--border-subtle);padding:28px;position:relative;overflow:hidden}.lp .tile h3{letter-spacing:var(--tk-zh);margin-bottom:8px;font-size:19px;font-weight:700}.lp .tile p{color:var(--text-2);max-width:300px;font-size:14px;line-height:1.65}.lp .tile .big-num{font-size:52px;font-weight:700;position:absolute;bottom:22px;left:28px}.lp .t-director{grid-area:span 2/span 2}.lp .t-director .row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:absolute;bottom:-36px;left:28px;right:28px}.lp .t-director .row .clip:nth-child(2){transform:translateY(-22px)}.lp .tagl{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-wrap:anywhere;background:#00000080;border-radius:999px;max-width:calc(100% - 20px);padding:3px 8px;font-size:11px;line-height:1.3;position:absolute;top:10px;left:10px}.lp .t-avatar{grid-row:span 2}.lp .t-avatar .clip{position:absolute;bottom:-90px;left:28px;right:28px}.lp .t-avatar .badge{z-index:3;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:8px 12px;font-size:12px;position:absolute;bottom:120px;right:20px}.lp .t-avatar .badge b{font-size:20px;display:block}.lp .langs{position:absolute;bottom:20px;left:0;right:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.lp .langs .row{gap:8px;width:max-content;animation:22s linear infinite lp-mq;display:flex}.lp .langs .row+.row{margin-top:8px;animation-direction:reverse}.lp .langs span{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px}@keyframes lp-mq{to{transform:translate(-50%)}}.lp .speed .bar{position:absolute;bottom:28px;left:28px;right:28px}.lp .speed .line{background:var(--surface-dim);border-radius:999px;height:6px;overflow:hidden}.lp .speed .line i{background:var(--g-bg);width:0;height:100%;animation:3.2s ease-in-out infinite lp-fill;display:block}.lp .speed .ends{color:var(--text-3);justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.lp .speed .big-num{bottom:64px}@keyframes lp-fill{0%{width:0}80%,to{width:100%}}.lp .t-wide{grid-column:span 2}.lp .t-wide>div:not(.pics){max-width:40%}.lp .t-wide .pics{display:flex;position:absolute;bottom:-44px;right:24px}.lp .t-wide .pics .clip{border:2px solid var(--surface);border-radius:14px;flex:none;width:92px;margin-left:-22px;box-shadow:0 10px 30px #00000024}.lp .t-wide .pics .clip:first-child{transform:rotate(-7deg)translateY(10px)}.lp .t-wide .pics .clip:nth-child(2){z-index:1;transform:translateY(-14px)}.lp .t-wide .pics .clip:nth-child(3){transform:rotate(7deg)translateY(10px)}.lp .viral{background:var(--bg);color:var(--text);border-radius:40px;margin:0 20px;position:relative;overflow:hidden}.lp .viral:before{content:"";background:0 0;width:700px;height:700px;position:absolute;top:-200px;right:-200px}.lp .viral .wrap{grid-template-columns:.85fr 1.3fr;align-items:center;gap:48px;display:grid;position:relative}.lp .viral .nw{white-space:nowrap}html.dark .lp .viral{background:var(--surface);border:1px solid var(--border)}.lp .viral .label{color:var(--accent-text)}.lp .viral .g{color:var(--hl)}.lp .viral .sub{color:var(--text-2)}.lp .viral .badge{color:var(--text-2);align-items:center;gap:8px;margin:28px 0;font-size:13px;display:flex}.lp .viral .badge i{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%}.lp .viral .btn-ghost{background:var(--text);color:var(--bg);border:0}.lp .breakdown{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:20px;display:grid}.lp .panel{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:22px}.lp .panel .ph{color:var(--text-3);font-size:12px;font-family:var(--mono);justify-content:space-between;margin-bottom:14px;display:flex}.lp .tl{grid-template-columns:3fr 5fr 3fr 4fr;gap:4px;height:30px;margin-bottom:8px;display:grid;position:relative}.lp .tl span{color:var(--on-accent);border-radius:6px;place-items:center;font-size:11px;display:grid}.lp .tl span:first-child{background:var(--accent)}.lp .tl span:nth-child(2){background:var(--btn-bg)}.lp .tl span:nth-child(3){background:var(--deep)}.lp .tl span:nth-child(4){background:var(--sky-line)}.lp .tl .head{background:#fff;border-radius:2px;width:2px;animation:8s linear infinite lp-play;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 10px #fff}@keyframes lp-play{0%{left:0}to{left:100%}}.lp .ticks{font-family:var(--mono);color:var(--text-3);justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.lp .row-s{border-top:1px solid var(--border-subtle);grid-template-columns:50px 1fr;gap:10px;padding:12px 0;display:grid}.lp .row-s time{font-family:var(--mono);color:var(--accent-text);padding-top:3px;font-size:11px}.lp .row-s b{margin-bottom:3px;font-size:14px;display:block}.lp .row-s span{color:var(--text-3);font-size:12.5px}.lp .out{text-align:center}.lp .out .clip{border:3px solid var(--border);background:var(--media-placeholder)}.lp .out small{color:var(--text-3);margin-top:10px;font-size:12px;display:block}.lp .stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.lp .stats>div{padding:30px 12px 20px}.lp .stats b{color:var(--text);-webkit-box-reflect:below -4px linear-gradient(transparent 58%, #fff3);font-size:clamp(40px,4.2vw,54px);font-weight:700;line-height:1.15;display:block}.lp .stats span{color:var(--text-2);margin-top:18px;font-size:14px;display:block}.lp .tools{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lp .tgp{background:var(--glass);border:1px solid var(--glass-bd);box-shadow:var(--glass-hi), var(--glass-sh);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);-webkit-box-reflect:below 6px linear-gradient(transparent 93%, rgba(255, 255, 255, var(--refl)));border-radius:20px;padding:18px;position:relative}.lp .tgp:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg, transparent 16%, var(--edge-a) 40%, var(--edge-b) 52%, transparent 76%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lp .tgp h3{margin:0 4px 8px;font-size:15px;font-weight:620}.lp .tool{border-radius:13px;align-items:center;gap:12px;padding:11px;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s;display:flex}.lp .tool:hover{background:var(--sel);box-shadow:inset 0 0 0 1px var(--sel-bd), 0 0 20px -8px #3582ff66;transform:translateY(-2px)}.lp .tool .ic{background:var(--sky);width:38px;height:38px;color:var(--accent-text);border-radius:10px;flex:none;place-items:center;display:grid}.lp .tool .ic svg{width:18px;height:18px}.lp .tool-t{min-width:0}.lp .tool b{font-size:14px;font-weight:600;display:block}.lp .tool-t span{color:var(--text-3);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.lp .cta{text-align:center;padding:120px 0 0;position:relative;overflow:hidden}.lp .cta:before{content:"";background:0 0;width:1100px;height:700px;position:absolute;bottom:-300px;left:50%;transform:translate(-50%)}.lp .cta>*{position:relative}.lp .cta h2{font-size:clamp(36px,4.6vw,60px)}.lp .cta .btns{justify-content:center;gap:10px;margin-top:34px;display:flex}.lp .cta .btns .btn{height:50px;padding:0 28px;font-size:15px}.lp .reel{gap:14px;margin-top:70px;padding-bottom:80px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.lp .reel-row{gap:14px;width:max-content;animation:60s linear infinite lp-reel;display:flex}.lp .reel-row.rev{animation-duration:70s;animation-direction:reverse}.lp .reel:hover .reel-row{animation-play-state:paused}.lp .reel img{aspect-ratio:9/16;object-fit:cover;border:1px solid var(--border-subtle);border-radius:16px;flex:none;width:150px;box-shadow:0 10px 30px -18px #0a0a0a59}@keyframes lp-reel{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{animation:none!important}}@media (max-width:1180px){.lp .hot.h3{display:none}}@media (max-width:900px){.lp .sec{padding:80px 0}.lp .fan .c3,.lp .fan .c4,.lp .fan .c5,.lp .fan .c6,.lp .hot.h2,.lp .hot.h3{display:none}.lp .hot.h1{left:calc(50% + 40px)}}@media (max-width:600px){.lp .composer .bar{flex-wrap:wrap}.lp .composer .chips{flex-basis:100%}.lp .composer .bar .btn{flex:1}.lp .gal-head{flex-direction:column;align-items:flex-start;gap:16px}.lp .gal-bar{flex-wrap:wrap}.lp .story,.lp .viral .wrap,.lp .m-grid,.lp .m-mult{grid-template-columns:1fr}.lp .m-prev{display:none}.lp .m-eq{flex-wrap:wrap}.lp .stage{height:520px;position:relative;top:0}.lp .step,.lp .step:first-child{opacity:1;min-height:auto;padding:30px 0}.lp .track{--per:2.3}.lp .stats,.lp .tools{grid-template-columns:1fr 1fr}.lp .viral{border-radius:28px;margin:0 12px}.lp .viral .nw{white-space:normal}.lp .bento{grid-template-columns:1fr}.lp .t-director,.lp .t-wide{grid-column:auto}.lp .t-wide>div:not(.pics){max-width:55%}.lp .tools,.lp .breakdown{grid-template-columns:1fr}.lp .out .clip{max-width:200px;margin:0 auto}.lp .cta .btns{flex-wrap:wrap}}