@font-face{font-family:Inter;src:url(/assets/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#f4f3f0;--bg2:#f8f8f6;--fg:#17171c;--card:#fff;--muted:#5b5b67;--line:#dedcd8;--acc:#f16427;--sec:#e8e6e3;--r:20px;--wrap:1200px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg);font-size:16.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}@media(min-width:768px){.wrap{padding:0 40px}}
.narrow{max-width:760px}.narrowv{max-width:960px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.05}
h1{font-size:clamp(2.4rem,5.6vw,4.4rem)}h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}h3{font-size:1.3rem;letter-spacing:-.02em}
.eye{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:block}
.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--muted);max-width:600px;margin:20px auto 0}
.lead2{color:var(--muted);margin-top:16px;font-size:17px;max-width:620px}
.muted{color:var(--muted)}.note{color:var(--muted);font-size:14px;margin-top:22px}
.tl{border-bottom:1px solid currentColor;padding-bottom:1px}.tl:hover{color:var(--acc)}
.btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--fg);color:#fff;font-weight:500;font-size:15px;transition:transform .2s,background .2s;white-space:nowrap}
.btn:hover{background:#000;transform:translateY(-1px)}.btn.sm{height:36px;padding:0 16px;font-size:14px}.btn.lg{height:50px;padding:0 24px}
.btns{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;margin-top:30px}
.nav{position:sticky;top:0;z-index:40;background:rgba(244,243,240,.96);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:24px;height:64px}
.logo{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:-.02em;font-size:16px}.logo img{width:24px;height:auto}
.links{display:none;gap:26px;margin:0 auto;font-size:14.5px;color:var(--muted)}.links a:hover{color:var(--fg)}
.nav .btn{margin-left:auto}@media(min-width:880px){.links{display:flex}.nav .btn{margin-left:0}}
.hero{padding:96px 0 88px;text-align:center;border-bottom:1px solid var(--line)}.hero h1{max-width:17ch;margin:0 auto}
@media(max-width:640px){.hero{padding:64px 0 60px}}
.phero{padding:72px 0 40px}.phero .lead{margin-left:0}.back{display:inline-block;margin-bottom:28px;font-size:14px}
.sec{padding:84px 0}.sec.tight{padding:36px 0}.sec.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:900px){.sec{padding:104px 0}.sec.tight{padding:44px 0}}
.shead{margin-bottom:36px;max-width:760px}
.g2,.g3,.g4{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:720px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}}@media(min-width:1040px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.fact{background:var(--card);border-radius:var(--r);padding:22px;box-shadow:0 0 0 1px var(--line);display:block;transition:box-shadow .2s}
a.fact:hover{box-shadow:0 0 0 1px var(--fg)}.fact b{display:block;font-size:1.55rem;font-weight:600;letter-spacing:-.03em;line-height:1.1}.fact p{color:var(--muted);margin-top:10px;font-size:15px}
.fact .eye{color:var(--acc)}
.offer,.pcard{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);padding:12px 12px 22px}
.offer h3,.pcard h2{margin:16px 8px 0}.pcard h2{font-size:1.6rem}.pcard .tl{margin:12px 8px 0;align-self:flex-start;font-size:14.5px}
.fit{color:var(--muted);margin:6px 8px 0;font-size:15px}
.offer ul{list-style:none;margin:16px 8px 0;display:grid;gap:8px;font-size:15px}
.offer li{padding-left:18px;position:relative}.offer li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--acc)}
.addon{margin:16px 8px 0;font-size:14px;padding:12px 14px;background:var(--bg);border-radius:12px}
.price{margin:auto 8px 0;padding-top:18px;border-top:1px solid var(--line);margin-top:20px}.price b{display:block;font-size:1.2rem;font-weight:600}.price span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.cap{margin:10px 6px 0;font-size:13px;color:var(--muted);line-height:1.45}.credit{font-style:italic}
.tag{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:2px 8px;margin-right:4px;color:var(--fg);background:var(--bg);font-style:normal}
.tag-c{background:var(--fg);color:#fff;border-color:var(--fg)}
.vid{position:relative;border-radius:14px;overflow:hidden;background:#e9e8e4}
.vid img,.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.vid video{object-fit:contain;background:#000}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play i{width:58px;height:58px;border-radius:50%;background:var(--fg);display:grid;place-items:center;transition:transform .2s}
.play:hover i{transform:scale(1.07)}.play i:after{content:"";border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px}
.pilot{display:grid;gap:28px;align-items:center}@media(min-width:900px){.pilot{grid-template-columns:1.4fr 1fr;gap:56px}}
.pbox{background:var(--card);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pbox b{font-size:2.1rem;font-weight:600;letter-spacing:-.03em}.pbox span{color:var(--muted);font-size:14px;margin-bottom:16px}
.steps{list-style:none;display:grid;gap:18px}@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{border-top:1px solid var(--fg);padding-top:18px}.steps span{font-size:12px;font-weight:600;color:var(--acc)}.steps h3{margin-top:10px}.steps p{color:var(--muted);margin-top:8px;font-size:15px}
.cta{padding:96px 0;text-align:center}.cta h2{max-width:20ch;margin:0 auto}.cta p{color:var(--muted);margin:16px auto 28px;max-width:520px}.cta .note{margin-top:22px}
.foot{border-top:1px solid var(--line);padding:36px 0;font-size:14px;color:var(--muted)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}.foot .logo{color:var(--fg)}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}.foot a:hover{color:var(--fg)}.fb{width:100%}
blockquote{margin-top:22px;padding:20px 22px;background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line);font-size:17px}
.frames{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:28px}@media(min-width:900px){.frames{grid-template-columns:repeat(5,1fr)}}
.frames figure{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}.frames img{aspect-ratio:16/9;object-fit:cover;width:100%}
.frames figcaption{padding:10px 12px;font-size:13.5px}.frames span{color:var(--acc);font-weight:600;margin-right:4px}
.moments{margin-top:28px}.moments h3{margin-top:14px}.moments p{color:var(--muted);margin-top:6px;font-size:15px}
.posts .post{display:block;background:var(--card);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);padding:24px}.posts .post:hover{box-shadow:0 0 0 1px var(--fg)}
.post h2{font-size:1.35rem;letter-spacing:-.02em}.post p{color:var(--muted);margin:10px 0 14px;font-size:15px}.post .muted{font-size:13.5px}
.post-body h1{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:18px}.post-body h2{font-size:1.6rem;margin:38px 0 12px}.post-body h3{margin:28px 0 10px}
.post-body p,.post-body li{font-size:17.5px;line-height:1.7;margin-top:14px}.post-body ul,.post-body ol{padding-left:22px}.post-body a{border-bottom:1px solid currentColor}
.post-body table{border-collapse:collapse;margin-top:18px;width:100%;font-size:15px}.post-body td,.post-body th{border:1px solid var(--line);padding:8px 10px;text-align:left}
/* v2 */
.fact b{font-size:1.3rem}
.pilot{margin-top:18px;background:var(--card);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);padding:28px}.pilot h3{font-size:1.6rem}.pilot .pbox{box-shadow:none;padding:0;background:none}
.cases{display:grid;gap:64px}
.case-top{display:grid;gap:26px;align-items:center}@media(min-width:900px){.case-top{grid-template-columns:1.2fr 1fr;gap:48px}}
.case-body h3{font-size:clamp(1.5rem,2.4vw,2rem);margin-top:8px}.case-body .tl{display:inline-block;margin-top:18px;font-size:14.5px}
.case dl{margin-top:18px;display:grid;gap:12px}.case dl>div{display:grid;grid-template-columns:92px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:12px}
.case dt{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}.case dd{font-size:15.5px}
.case-proc{display:grid;gap:18px;margin-top:22px}@media(min-width:900px){.case-proc{grid-template-columns:1fr 2.4fr}}
.cp-script{background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line);padding:18px}.cp-script p{font-size:14.5px;color:var(--muted)}
.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(max-width:700px){.mini{grid-template-columns:repeat(3,1fr)}}
.mini figure{background:var(--card);border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}.mini img{aspect-ratio:16/9;object-fit:cover;width:100%}
.mini figcaption{padding:6px 8px;font-size:11.5px;line-height:1.3}.mini span{color:var(--acc);font-weight:600}
.proc{list-style:none;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(min-width:1000px){.proc{grid-template-columns:repeat(5,1fr)}}
.proc li{background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line);padding:12px 12px 18px}
.pimg{aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--bg);display:grid;place-items:center}.pimg img{width:100%;height:100%;object-fit:cover}
.pq{font-weight:600;font-size:14px;text-align:center;padding:10px;letter-spacing:-.01em}
.pn{display:block;margin:14px 4px 0;font-size:12px;font-weight:600;color:var(--acc)}.proc h3{font-size:1.1rem;margin:4px 4px 0}.proc p{color:var(--muted);font-size:14px;margin:6px 4px 0}
@media(max-width:520px){.proc{grid-template-columns:1fr}}
/* ===== Oct 24 2026 revamp v3: Apple-style dark/light bands ===== */
.light{background:#fff}
.dark{--bg:#000;--bg2:#0b0b0c;--fg:#f5f5f7;--card:#141416;--muted:#a1a1a6;--line:#2c2c2e;background:#000;color:#f5f5f7}
.dark .btn{background:#f5f5f7;color:#000}.dark .btn:hover{background:#fff}
.dark .play i{background:#f5f5f7}.dark .play i:after{border-left-color:#000}
.dark .vid{background:#1c1c1e}
.c{margin-left:auto;margin-right:auto;text-align:center}
.sec.light,.sec.dark{padding:112px 0}@media(max-width:700px){.sec.light,.sec.dark{padding:76px 0}}
.hero.dark{padding:110px 0 0;border:0;overflow:hidden}
.hero.dark h1{font-size:clamp(2.8rem,7vw,5.6rem);max-width:none;letter-spacing:-.045em}
.hero.dark .lead{color:#a1a1a6;font-size:clamp(1.1rem,1.8vw,1.35rem)}
.dark .tl{color:#f5f5f7}
.ui{max-width:860px;margin:64px auto 0;border-radius:18px 18px 0 0;background:#141416;border:1px solid #2c2c2e;border-bottom:0;text-align:left;overflow:hidden}
.ui-bar{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid #2c2c2e}.ui-bar i{width:10px;height:10px;border-radius:50%;background:#3a3a3c}
.ui-bar span{margin-left:12px;font-size:12px;color:#8e8e93;background:#1c1c1e;border-radius:6px;padding:3px 10px}
.ui-body{position:relative;height:340px;padding:36px}
.ui-copy b{display:block;height:16px;border-radius:6px;background:#2c2c2e;margin-bottom:12px;width:58%}.ui-copy b+b{width:44%}.ui-copy .s{width:30%;height:10px;background:#232325}
.ui-q{position:absolute;left:48%;top:44px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#000;background:#f5f5f7;opacity:0;animation:uiQ 9s infinite}
.ui-film{position:absolute;left:36px;right:36px;top:118px;bottom:36px;border-radius:12px;background:#000;border:1px solid #2c2c2e;overflow:hidden;opacity:0;transform:scale(.96);animation:uiF 9s infinite}
.ui-scr{position:absolute;inset:0 0 6px}
.ui-scr span{position:absolute;border-radius:10px}
.ui-c1{left:8%;top:22%;width:34%;height:52%;background:linear-gradient(135deg,#2c2c2e,#1c1c1e);animation:uiC1 9s infinite}
.ui-c2{left:46%;top:22%;width:22%;height:22%;background:var(--acc);animation:uiC2 9s infinite}
.ui-c3{left:46%;top:52%;width:40%;height:22%;background:#f5f5f7;animation:uiC3 9s infinite}
.ui-prog{position:absolute;left:0;right:0;bottom:0;height:5px;background:#1c1c1e}.ui-prog i{display:block;height:100%;width:0;background:#f5f5f7;animation:uiP 9s infinite}
.ui-ok{position:absolute;right:52px;top:40px;background:var(--acc);color:#fff;font-weight:600;font-size:14px;border-radius:999px;padding:8px 16px;opacity:0;animation:uiOk 9s infinite}
.ui-cur{position:absolute;left:30%;top:60px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:22px solid #f5f5f7;transform:rotate(-30deg);animation:uiCur 9s infinite}
@keyframes uiQ{0%,8%{opacity:0;transform:scale(.6)}14%,26%{opacity:1;transform:none}32%,100%{opacity:0}}
@keyframes uiF{0%,28%{opacity:0;transform:scale(.96)}36%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uiP{0%,36%{width:0}84%,100%{width:100%}}
@keyframes uiC1{0%,40%{opacity:0;transform:translateY(12px)}48%,100%{opacity:1;transform:none}}
@keyframes uiC2{0%,52%{opacity:0;transform:scale(.6)}58%,100%{opacity:1;transform:none}}
@keyframes uiC3{0%,62%{opacity:0;transform:translateX(-14px)}70%,100%{opacity:1;transform:none}}
@keyframes uiOk{0%,84%{opacity:0;transform:translateY(8px)}88%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes uiCur{0%{left:20%;top:200px}14%,26%{left:46%;top:96px}36%,84%{left:62%;top:250px}92%,100%{left:80%;top:60px}}
.dark .offer{background:#141416;box-shadow:0 0 0 1px #2c2c2e}
.offer .fit{margin:8px 8px 0;color:var(--muted);font-size:15.5px}
.oft{margin:auto 8px 0;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.oft .tl{font-weight:600}
.offer h3{font-size:1.5rem}
.sprint{text-align:center;color:var(--muted);margin-top:30px;font-size:15.5px}
.fui{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 30% 40%,#2a2a2d,#0b0b0c)}
.fui-frame{position:absolute;inset:0}
.fui-face{position:absolute;left:14%;bottom:0;width:30%;height:78%;border-radius:50% 50% 0 0/38% 38% 0 0;background:linear-gradient(180deg,#3a3a3d,#1c1c1e);animation:fuiZ 12s ease-in-out infinite alternate}
.fui-face:before{content:"";position:absolute;left:24%;top:-34%;width:52%;height:52%;border-radius:50%;background:#3a3a3d}
.fui-lt{position:absolute;left:52%;top:20%;border-left:3px solid var(--acc);padding-left:10px;opacity:0;animation:fuiLt 9s infinite}
.fui-lt b{display:block;font-size:14px;color:#f5f5f7}.fui-lt span{font-size:11px;color:#a1a1a6}
.fui-caps{position:absolute;left:0;right:0;bottom:20%;text-align:center}
.fui-caps p{position:absolute;left:8%;right:8%;font-size:13.5px;color:#fff;opacity:0;animation:fuiCap 9s infinite;animation-delay:calc(var(--d)*3s)}
.fui-tl{position:absolute;left:6%;right:6%;bottom:8%;height:4px;background:#2c2c2e;border-radius:2px;display:flex;gap:4px}
.fui-tl i{flex:1;border-radius:2px;background:#3a3a3c}.fui-tl b{position:absolute;left:0;top:-4px;width:2px;height:12px;background:var(--acc);animation:fuiPh 9s linear infinite}
@keyframes fuiZ{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes fuiLt{0%,6%{opacity:0;transform:translateX(-8px)}12%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes fuiCap{0%{opacity:0}4%,30%{opacity:1}34%,100%{opacity:0}}
@keyframes fuiPh{from{left:0}to{left:100%}}
.case-top .case-body h3{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.case .mini{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}
.case .mini figure{margin:0}.case .mini img{width:100%;border-radius:8px;aspect-ratio:16/9;object-fit:cover}
.case .mini figcaption{font-size:12px;color:var(--muted);margin-top:6px}.case .mini figcaption span{color:var(--acc);font-weight:600;margin-right:4px}
@media(max-width:700px){.case .mini{grid-template-columns:repeat(3,1fr)}.case .mini figure:nth-child(n+4){display:none}}
.dark .proc .pimg{background:#141416;border-color:#2c2c2e}
.dark .proc li{opacity:.6;animation:pr 10s infinite;animation-delay:calc(var(--d)*2s)}
@keyframes pr{0%,2%{opacity:.6}6%,22%{opacity:1}26%,100%{opacity:.6}}
.dark .pq{color:#f5f5f7}
.cta{background:#fff}
img.px{image-rendering:pixelated}
.posts .post .cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:16px}
.post-body .cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:26px 0 8px}
@media(prefers-reduced-motion:reduce){.ui *,.fui *,.dark .proc li{animation:none!important;opacity:1!important}.ui-film{opacity:1;transform:none}}
/* ===== v4 pixel hero (14s loop, transform/opacity only) ===== */
.pxh{position:relative;max-width:860px;margin:56px auto 0;aspect-ratio:16/9;overflow:hidden;border-radius:16px;border:1px solid #2c2c2e;background:#1c1c1e;contain:layout paint;text-align:left}
.pxh-page{position:absolute;inset:0;width:100%;height:100%;display:block}
.pxh svg.px{display:block;image-rendering:pixelated}
.pxh-film{position:absolute;left:54.6875%;top:22.2%;width:37.5%;height:42%;background:#000;border:2px solid #f16427;border-radius:4px;opacity:0;animation:pxFilm 14s infinite;overflow:hidden}
.pxh-scr{position:absolute;inset:0 0 10% 0}
.pxh-sc{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.pxh-sc0{animation:pxS0 14s infinite}.pxh-sc1{animation:pxS1 14s infinite}.pxh-sc2{animation:pxS2 14s infinite}
.pxh-play{position:absolute;left:50%;top:50%;width:14%;margin:-7% 0 0 -7%;animation:pxPlay 14s infinite}
.pxh-prog{position:absolute;left:0;right:0;bottom:0;height:10%;background:#2c2c2e}.pxh-prog i{position:absolute;inset:0;background:#f16427;transform-origin:0 50%;transform:scaleX(0);animation:pxProg 14s infinite}
.pxh-cta{position:absolute;left:68.75%;top:75%;width:20.3125%;height:11.11%;background:#f16427;opacity:0;animation:pxCta 14s infinite}
.pxh-ok{position:absolute;left:77%;top:66%;opacity:0;animation:pxOk 14s infinite}
.pxh-track{position:absolute;left:0;right:0;bottom:8.33%;height:0;animation:pxX 14s infinite}
.pxh-v{position:absolute;left:0;bottom:0;width:40px;height:65px;animation:pxVis 14s infinite}
.pxh-flip{position:absolute;inset:0;animation:pxFlip 14s infinite}
.pxh-legs,.pxh-stand{position:absolute;inset:0}
.pxh-legs{animation:pxGate 14s infinite}.pxh-stand{animation:pxGateI 14s infinite}
.pxh-f1,.pxh-f2{position:absolute;left:0;bottom:0}
.pxh-f1{animation:pxStep .44s steps(1) infinite}.pxh-f2{animation:pxStep .44s steps(1) infinite -.22s}
@keyframes pxStep{0%{opacity:1}50%{opacity:0}}
.pxh-stand{display:flex;align-items:flex-end}
.pxh-q,.pxh-bulb{position:absolute;opacity:0}
.pxh-qa{left:8px;top:-36px;animation:pxQa 14s infinite}.pxh-qb{left:30px;top:-50px;animation:pxQb 14s infinite}.pxh-qc{left:-14px;top:-46px;animation:pxQc 14s infinite}
.pxh-bulb{left:10px;top:-38px;animation:pxBulb 14s infinite}
.pxh-cap{position:relative;max-width:860px;margin:16px auto 0;height:22px;font-size:14px;color:#8e8e93}
.pxh-cap span{position:absolute;inset:0;text-align:center;opacity:0}
.pxh-cap .c1{animation:pxC1 14s infinite}.pxh-cap .c2{animation:pxC2 14s infinite}.pxh-cap .c3{animation:pxC3 14s infinite}
@keyframes pxX{0%{transform:translateX(-12%)}16%,36.5%{transform:translateX(30%)}50%,54%{transform:translateX(-12%)}66%,77%{transform:translateX(30%)}84%,100%{transform:translateX(63%)}}
@keyframes pxVis{0%{opacity:0}2%,95%{opacity:1}99%,100%{opacity:0}}
@keyframes pxFlip{0%,36.5%{transform:scaleX(1)}36.6%,52%{transform:scaleX(-1)}52.1%,100%{transform:scaleX(1)}}
@keyframes pxGate{0%,16%{opacity:1}16.1%,37%{opacity:0}37.1%,50%{opacity:1}50.1%,54%{opacity:0}54.1%,66%{opacity:1}66.1%,77%{opacity:0}77.1%,84%{opacity:1}84.1%,100%{opacity:0}}
@keyframes pxGateI{0%,16%{opacity:0}16.1%,37%{opacity:1}37.1%,50%{opacity:0}50.1%,54%{opacity:1}54.1%,66%{opacity:0}66.1%,77%{opacity:1}77.1%,84%{opacity:0}84.1%,100%{opacity:1}}
@keyframes pxQa{0%,18%{opacity:0;transform:translateY(4px)}20%,34%{opacity:1;transform:none}36%,100%{opacity:0}}
@keyframes pxQb{0%,22%{opacity:0;transform:translateY(4px)}24%,34%{opacity:1;transform:none}36%,100%{opacity:0}}
@keyframes pxQc{0%,26%{opacity:0;transform:translateY(4px)}28%,34%{opacity:1;transform:none}36%,100%{opacity:0}}
@keyframes pxBulb{0%,71%{opacity:0;transform:translateY(4px)}73%,82%{opacity:1;transform:none}85%,100%{opacity:0}}
@keyframes pxFilm{0%,45%{opacity:0}48%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes pxPlay{0%,51%{opacity:1}53%,100%{opacity:0}}
@keyframes pxProg{0%,52%{transform:scaleX(0)}76%,94%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes pxS0{0%,52%{opacity:0}53%,60%{opacity:1}61%,100%{opacity:0}}
@keyframes pxS1{0%,60%{opacity:0}61%,68%{opacity:1}69%,100%{opacity:0}}
@keyframes pxS2{0%,68%{opacity:0}69%,94%{opacity:1}95%,100%{opacity:0}}
@keyframes pxCta{0%,84.5%{opacity:0}85.5%,95%{opacity:1}98%,100%{opacity:0}}
@keyframes pxOk{0%,85.5%{opacity:0;transform:translateY(4px)}87%,95%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes pxC1{0%,1%{opacity:0}4%,47%{opacity:1}50%,100%{opacity:0}}
@keyframes pxC2{0%,50%{opacity:0}53%,70%{opacity:1}73%,100%{opacity:0}}
@keyframes pxC3{0%,73%{opacity:0}76%,95%{opacity:1}98%,100%{opacity:0}}
@media(max-width:640px){.pxh{margin-top:40px;border-radius:12px}.pxh-v{transform:scale(.6);transform-origin:0 100%}.pxh-cap{font-size:13px}}
@media(prefers-reduced-motion:reduce){.pxh *,.pxh-cap span{animation:none!important}.pxh-film,.pxh-sc2,.pxh-cta,.pxh-ok,.pxh-cap .c3{opacity:1}.pxh-prog i{transform:none}.pxh-track{transform:translateX(63%)}.pxh-legs,.pxh-play{opacity:0}}
.px-cta{display:flex;justify-content:center;align-items:flex-end;gap:4px;margin-bottom:24px}
.px-cta svg:first-child{animation:pxBob 1.6s steps(2) infinite}@keyframes pxBob{50%{transform:translateY(-4px)}}
.px-404{display:flex;align-items:flex-end;gap:6px;margin-bottom:24px}
.px-404 .px-q{animation:pxQ 2.4s ease-in-out infinite}@keyframes pxQ{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}
svg.px{image-rendering:pixelated}