.xp{--glow:#ff5a1f;--glow-hi:#ff9259;--glow-deep:#6b1a04;--glow-ink:#2a0a00;--bg:#0c0908;--bg-2:#110d0b;--band:#161210;--raise:#1d1815;--line:#2a231f;--line-2:#3a312c;--dim:#4d433d;--text:#f5f5f3;--body:#b3aaa3;--muted:#877d76;--panel:linear-gradient(180deg, #16120f 0%, #120e0c 55%, #0e0b09 100%);--panel-edge:#ffffff0a;--ink:#141010;--data:var(--glow-hi);--warn:var(--text);--max:1280px;--gutter:clamp(16px, 4vw, 48px);--ease:cubic-bezier(.2, .7, .2, 1);--h2:clamp(34px, 4.3vw, 64px);background:var(--bg);color:var(--text);font:400 17px/1.5 var(--font-satoshi), Satoshi, ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0}.xp *,.xp :before,.xp :after{box-sizing:border-box}.xp img,.xp video{max-width:100%;display:block}.xp a{color:inherit}.xp button{font:inherit;color:inherit}.xp :where(h1,h2,h3,p,dl,dd,ol,figure,blockquote){margin:0}.xp :where(ol){padding:0;list-style:none}.xp [hidden]{display:none!important}.xp :focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:6px}.xp .skip{z-index:100;background:var(--text);color:var(--ink);border-radius:5px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px;left:16px}.xp .skip:focus{top:16px}.xp main{overflow-x:clip}.x-btn{background:var(--text);cursor:pointer;white-space:nowrap;height:54px;transition:background .2s, transform .2s var(--ease);border:0;border-radius:12px;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fff,0 1px 2px #0006;color:var(--ink)!important}.x-btn:hover{background:#fff;transform:translateY(-1px)}.x-btn span{font-size:.9em}.x-btn.is-small{height:42px;padding:0 18px;font-size:15px}.x-btn.is-ghost{box-shadow:inset 0 0 0 1px var(--line-2);background:0 0;color:var(--text)!important}.x-btn.is-ghost:hover{background:var(--raise)}.x-link{color:var(--text);border-bottom:1px solid var(--line-2);padding:8px 2px;font-weight:500;text-decoration:none}.x-link:hover{border-color:var(--text)}.x-head{max-width:var(--max);grid-template-columns:1.1fr .9fr;align-items:end;gap:32px;margin:0 auto 56px;display:grid}.x-head h2,.x-brands h2,.x-versus h2,.x-faq h2,.x-close h2{font-weight:700;font-size:var(--h2);letter-spacing:-.04em;text-wrap:balance;line-height:.94}.x-head>p{max-width:440px;color:var(--body);text-wrap:pretty;justify-self:end;font-size:18px}[data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}[data-reveal].is-in{opacity:1;transform:none}.x-nav{z-index:40;background:color-mix(in oklab, var(--band) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:28px;padding:7px 7px 7px 22px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.x-nav.is-scrolled{background:color-mix(in oklab, var(--bg-2) 90%, transparent);box-shadow:0 12px 40px #0008}.x-nav-logo img{width:auto;height:21px}.x-nav-links{gap:24px;display:flex}.x-nav-links a{color:var(--body);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.x-nav-links a:hover{color:var(--text)}.x-hero{padding-top:clamp(112px,13vh,144px);position:relative}.x-hero-copy{z-index:3;max-width:1100px;padding:0 var(--gutter);text-align:center;margin:0 auto;position:relative}.x-hero h1{letter-spacing:-.048em;font-size:clamp(44px,6.6vw,104px);font-weight:900;line-height:.9}.x-hero-copy p{max-width:620px;color:var(--body);text-wrap:pretty;margin:24px auto 30px;font-size:clamp(17px,1.5vw,20px)}.x-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.x-wall-stage{perspective:1600px;height:clamp(600px,60vw,860px);margin-top:48px;position:relative}.x-wall{transform-origin:50% 0;transform:rotateX(calc(24deg * (1 - var(--p,0)))) translateY(calc(var(--p,0) * -40px));grid-template-columns:repeat(7,1fr);gap:16px;display:grid;position:absolute;inset:0 -4%;-webkit-mask-image:linear-gradient(#0000 0,#000 14% 62%,#0000 96%);mask-image:linear-gradient(#0000 0,#000 14% 62%,#0000 96%)}.x-lane{overflow:hidden}.x-lane:nth-child(odd){margin-top:80px}.x-lane-track{animation:x-lane var(--dur) linear infinite var(--dir);will-change:transform;flex-direction:column;gap:16px;padding-bottom:16px;display:flex}.x-lane img{aspect-ratio:9/16;object-fit:cover;filter:brightness(.62)saturate(.95);border-radius:14px;width:100%}.x-lane:nth-child(4) img,.x-lane:nth-child(3) img,.x-lane:nth-child(5) img{filter:brightness(.48)saturate(.9)}@keyframes x-lane{to{transform:translateY(-50%)}}.x-hero-phone{z-index:2;width:clamp(230px,21vw,310px);transform:translateX(-50%) translateY(calc(var(--p,0) * 30px));position:absolute;top:0;left:50%}.x-phone{aspect-ratio:9/16;cursor:pointer;width:100%;box-shadow:0 0 0 1px var(--line-2), 0 50px 120px #000c, 0 20px 40px #0008;background:#000;border:9px solid #050403;border-radius:46px;padding:0;display:block;position:relative;overflow:hidden}.x-phone video{object-fit:cover;width:100%;height:100%}.x-phone:before{content:"";z-index:2;background:#050403;border-radius:5px;width:30%;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.x-phone-brand{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000a;border-radius:5px;padding:6px 11px;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:12px}.x-sticker{cursor:pointer;background:color-mix(in oklab, var(--band) 88%, transparent);text-align:left;-webkit-backdrop-filter:blur(16px);width:max-content;transition:border-color .2s, transform .3s var(--ease);border:1px solid #ffffff1c;border-radius:14px;align-items:center;gap:12px;padding:8px 18px 8px 8px;animation:7s ease-in-out infinite alternate x-float;display:flex;position:absolute;box-shadow:0 24px 60px #000a}.x-sticker:hover{border-color:#ffffff40}.x-sticker img{aspect-ratio:9/16;object-fit:cover;border-radius:10px;width:46px}.x-sticker span{display:grid}.x-sticker small{color:var(--muted);font-size:12px;font-weight:500}.x-sticker strong{letter-spacing:-.03em;margin:3px 0;font-size:30px;font-weight:700;line-height:1}.x-sticker em{color:var(--body);font-size:13px;font-style:normal}.x-sticker-1{top:70px;right:calc(100% + 36px)}.x-sticker-2{animation-delay:-2s;top:150px;left:calc(100% + 40px)}.x-sticker-3{animation-delay:-4s;top:330px;right:calc(100% + 70px)}.x-sticker-4{animation-delay:-1s;top:420px;left:calc(100% + 64px)}@keyframes x-float{to{translate:0 -12px}}.x-totals{z-index:3;max-width:var(--max);padding:0 var(--gutter);grid-template-columns:repeat(4,1fr);margin:-120px auto 0;display:grid;position:relative}.x-totals>div{border-left:1px solid var(--line);opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);padding:26px 24px 0;transform:translateY(16px)}.x-totals>div:first-child{border-left:0;padding-left:0}.x-totals.is-in>div{opacity:1;transform:none}.x-totals.is-in>div:nth-child(2){transition-delay:80ms}.x-totals.is-in>div:nth-child(3){transition-delay:.16s}.x-totals.is-in>div:nth-child(4){transition-delay:.24s}.x-totals dt{letter-spacing:-.04em;font-size:clamp(34px,3.6vw,56px);font-weight:700;line-height:1}.x-totals dd{color:var(--body);margin-top:10px;font-size:15px}.x-brands{padding:120px var(--gutter) 110px;text-align:center}.x-brands>p{color:var(--body);margin-top:18px;font-size:18px}.x-brand-wall{max-width:var(--max);gap:8px;margin:56px auto 0;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.x-brand-row{overflow:hidden}.x-brand-track{gap:8px;width:max-content;padding-right:8px;animation:70s linear infinite x-marquee;display:flex}.x-brand-row:nth-child(2) .x-brand-track{animation-duration:80s;animation-direction:reverse}.x-brand-dup{gap:8px;display:flex}.x-brand{background:var(--band);border:1px solid var(--line);white-space:nowrap;border-radius:12px;align-items:center;gap:12px;height:88px;padding:6px 30px 6px 6px;font-size:16px;font-weight:500;display:inline-flex}.x-brand>span{background:#fff;border-radius:10px;place-items:center;width:76px;height:76px;display:grid}.x-brand img{object-fit:contain;max-width:52px;max-height:30px}@keyframes x-marquee{to{transform:translate(-50%)}}.x-receipts,.x-quotes{padding:120px var(--gutter) 120px;color:var(--text)}.rc-grid{max-width:var(--max);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto;display:grid}.rc{isolation:isolate;min-width:0;color:var(--text);border:1px solid var(--line);background:linear-gradient(#110d0b,#0a0807);border-radius:14px;flex-direction:column;gap:24px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.rc:before{content:"";z-index:-1;aspect-ratio:1.6;background:radial-gradient(closest-side, color-mix(in oklab, var(--glow) 34%, transparent), color-mix(in oklab, var(--glow-deep) 22%, transparent) 55%, transparent);opacity:0;width:130%;transition:opacity 1.4s var(--ease) .3s;border-radius:50%;position:absolute;top:38%;left:50%;translate:-50% -50%}.rc.is-in:before{opacity:1}.rc-head{align-items:center;gap:14px;height:24px;display:flex}.rc-head img{object-fit:contain;filter:brightness(0)invert();opacity:.92;width:auto;max-width:120px;height:20px}.rc-head .x-mark-mtc{opacity:.92;background:#fff;height:20px}.rc-withheld{color:var(--body);font-size:13px}.rc-screen{-webkit-backdrop-filter:blur(12px);background:#0a0706b3;border:1px solid #ffffff0d;border-radius:12px;margin:0;padding:18px 18px 20px;box-shadow:inset 0 1px #ffffff08}.rc-screen figcaption{color:var(--muted);margin-bottom:18px;font-size:12px}.rc-bar{grid-template-columns:62px 1fr 52px;align-items:center;gap:12px;display:grid}.rc-bar+.rc-bar{margin-top:12px}.rc-bar span{color:var(--muted);font-size:12px}.rc-bar.is-lit span{color:var(--text)}.rc-bar b{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rc-bar.is-lit b{color:var(--text)}.rc-track{background:#ffffff06;border-radius:9px;height:30px;box-shadow:inset 0 0 0 1px #ffffff08}.rc-track i{height:100%;width:var(--w);transform-origin:0;min-width:4px;transition:transform 1.3s var(--ease) .2s;background:linear-gradient(90deg,#2a221e,#3a312c);border-radius:9px;display:block;transform:scaleX(0)}.rc-bar.is-lit .rc-track i{background:linear-gradient(90deg, var(--glow-deep), var(--glow) 60%, var(--glow-hi));box-shadow:0 14px 34px -12px color-mix(in oklab, var(--glow) 90%, transparent), inset 0 1px 0 #ffffff59;transition-delay:.5s}.rc.is-in .rc-track i{transform:none}.rc-ticks{grid-template-columns:repeat(var(--n), 1fr);align-items:end;gap:4px;height:72px;display:grid}.rc-ticks i{height:100%;transition:background .3s,box-shadow .3s;transition-delay:calc(.3s + var(--i) * 45ms);background:#ffffff0a;border-radius:4px}.rc.is-in .rc-ticks i{background:linear-gradient(180deg, var(--glow-hi), var(--glow) 55%, var(--glow-deep));box-shadow:0 10px 22px -10px var(--glow), inset 0 1px 0 #ffffff59}.rc-ends{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.rc-fig strong{letter-spacing:-.045em;font-size:clamp(44px,4.2vw,64px);font-weight:700;line-height:.9;display:block}.rc-fig span{max-width:300px;color:var(--body);margin-top:10px;font-size:15px;display:block}.x-more{max-width:var(--max);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:24px;margin:56px auto 0;padding-top:28px;display:grid}.x-more dt{letter-spacing:-.03em;font-size:30px;font-weight:700}.x-more dd{color:var(--body);max-width:230px;margin-top:6px;font-size:14px}.x-cases{padding:120px var(--gutter) 90px}.x-case-tabs{max-width:var(--max);background:var(--band);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 auto 16px;padding:6px;display:grid}.x-case-tabs button{cursor:pointer;text-align:left;color:var(--body);background:0 0;border:0;border-radius:10px;justify-items:start;gap:2px;padding:12px 14px 13px;transition:background .25s,color .25s;display:grid;position:relative}.x-case-tabs button:hover{color:var(--text);background:#ffffff06}.x-case-tabs span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:500;overflow:hidden}.x-case-tabs b{letter-spacing:-.02em;color:var(--muted);font-size:20px;font-weight:700;transition:color .25s}.x-case-tabs button[aria-selected=true]{color:var(--text);background:color-mix(in oklab, var(--accent) 22%, var(--raise));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 55%, transparent)}.x-case-tabs button[aria-selected=true] b{color:color-mix(in oklab, var(--accent) 45%, #fff)}.x-case{max-width:var(--max);border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklab, var(--accent) 26%, var(--bg-2)) 0%, var(--bg-2) 58%);border-radius:14px;grid-template-columns:5fr 7fr;gap:56px;margin:0 auto;padding:52px;display:grid;position:relative;overflow:hidden}.x-case-cat{color:color-mix(in oklab, var(--accent) 55%, #fff);font-size:14px;font-weight:500}.x-case h3{letter-spacing:-.035em;text-wrap:balance;margin-top:0;font-size:clamp(30px,3.1vw,46px);font-weight:700;line-height:1.02}.x-case-intro{color:var(--body);text-wrap:pretty;margin-top:20px;font-size:17px}.x-case-stats{border-top:1px solid #ffffff1a;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:32px;padding-top:24px;display:grid}.x-case-stats dt{letter-spacing:-.04em;color:color-mix(in oklab, var(--accent) 45%, #fff);font-size:clamp(30px,2.6vw,40px);font-weight:700;line-height:1}.x-case-stats dd{color:var(--body);margin-top:8px;font-size:14px;line-height:1.35}.x-case-moves{counter-reset:move;gap:16px;margin-top:32px;display:grid}.x-case-moves li{counter-increment:move;grid-template-columns:34px 1fr;gap:2px 8px;display:grid}.x-case-moves li:before{content:"0" counter(move);color:var(--muted);grid-row:span 2;padding-top:3px;font-size:13px;font-weight:500}.x-case-moves strong{font-size:16px;font-weight:700}.x-case-moves span{color:var(--body);font-size:15px}.x-case-media{min-width:0}.x-case-cover{aspect-ratio:16/10;background:#000;border-radius:14px;overflow:hidden}.x-case-cover img{object-fit:cover;width:100%;height:100%}.x-case-reels{justify-content:center;gap:12px;margin-top:-120px;padding:0 22px;display:flex;position:relative}.x-reel{aspect-ratio:9/16;border:3px solid var(--bg-2);cursor:pointer;transition:transform .35s var(--ease);background:#000;border-radius:14px;flex:0 calc(25% - 9px);padding:0;position:relative;overflow:hidden;box-shadow:0 24px 50px #0009}.x-reel:hover{transform:translateY(-6px)}.x-reel img,.x-reel video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.x-reel video{z-index:1}.x-reel-play{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a0;border-radius:50%;width:34px;height:34px;position:absolute;bottom:10px;left:10px}.x-reel-play:after{content:"";border:7px solid #0000;border-left:11px solid #fff;border-right:0;position:absolute;top:10px;left:13px}.x-case-quote{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;margin-top:28px;padding:24px 26px}.x-case-quote blockquote{color:var(--text);font-size:17px;line-height:1.5}.x-case-quote figcaption{color:var(--muted);align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.x-case-quote figcaption img{object-fit:cover;border-radius:50%;width:42px;height:42px}.x-case-quote strong{color:var(--text);font-size:15px;display:block}.x-case.is-entering .x-case-copy>*{animation:x-rise .7s var(--ease) both}.x-case.is-entering .x-case-copy>:nth-child(2){animation-delay:50ms}.x-case.is-entering .x-case-copy>:nth-child(3){animation-delay:.1s}.x-case.is-entering .x-case-copy>:nth-child(4){animation-delay:.15s}.x-case.is-entering .x-case-copy>:nth-child(5){animation-delay:.2s}.x-case.is-entering .x-case-cover img{animation:x-settle 1.2s var(--ease) both}.x-case.is-entering .x-reel{animation:x-rise .8s var(--ease) both}.x-case.is-entering .x-reel:nth-child(2){animation-delay:60ms}.x-case.is-entering .x-reel:nth-child(3){animation-delay:.12s}.x-case.is-entering .x-reel:nth-child(4){animation-delay:.18s}@keyframes x-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes x-settle{0%{transform:scale(1.06)}}.x-case-nav{max-width:var(--max);color:var(--muted);justify-content:center;align-items:center;gap:20px;margin:24px auto 0;font-size:14px;display:flex}.x-case-nav button{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:50%;width:52px;height:52px;font-size:18px;transition:background .2s}.x-case-nav button:hover{background:var(--raise)}.x-case-nav span{text-align:center;min-width:190px}.x-versus{padding:130px var(--gutter) 120px;text-align:center}.x-vs-intro,.x-vs-main,.x-vs-facts{max-width:1080px;margin-left:auto;margin-right:auto}.x-vs-intro h2{max-width:860px;margin:0 auto}.x-vs-intro p{max-width:610px;color:var(--body);text-wrap:pretty;margin:26px auto 0;font-size:19px}.x-vs-main{text-align:left;border:1px solid var(--line);-webkit-backdrop-filter:blur(24px);background:linear-gradient(#17120fd9,#0f0b09e6);background:linear-gradient(lab(5.90056% 1.81871 2.40102/.85),lab(3.27673% 1.06932 1.22869/.9));border-radius:14px;margin:84px auto 0;padding:44px 48px 50px;box-shadow:inset 0 1px #ffffff0d,0 70px 140px -50px #000}.x-vs-caption{color:var(--muted);margin-bottom:34px;font-size:14px}.x-vs-line{grid-template-columns:150px 1fr 200px;align-items:center;gap:28px;display:grid}.x-vs-line+.x-vs-line{margin-top:22px}.x-vs-line span{color:var(--muted);font-size:16px}.x-vs-line.is-ours span{color:var(--text);font-weight:500}.x-vs-track{background:#ffffff05;border-radius:14px;height:60px;box-shadow:inset 0 0 0 1px #ffffff08}.x-vs-track i{height:100%;width:var(--w);transform-origin:0;transition:transform 1.5s var(--ease) .25s;background:linear-gradient(90deg,#2a221e,#3a312c);border-radius:14px;display:block;transform:scaleX(0)}.x-vs-line.is-ours .x-vs-track i{background:linear-gradient(90deg, var(--glow-deep), var(--glow) 60%, var(--glow-hi));box-shadow:0 20px 50px -18px color-mix(in oklab, var(--glow) 85%, transparent), inset 0 1px 0 #ffffff59}.x-vs-main.is-in .x-vs-track i{transform:none}.x-vs-line strong{text-align:right;letter-spacing:-.045em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:clamp(38px,4.2vw,62px);font-weight:700;line-height:1}.x-vs-line.is-ours strong{color:var(--text)}.x-vs-facts{text-align:left;grid-template-columns:repeat(3,1fr);gap:0 32px;margin:12px auto 0;display:grid}.x-vs-facts>div{border-top:1px solid var(--line);margin-top:24px;padding:30px 4px 0}.x-vs-facts dt{letter-spacing:-.04em;font-size:38px;font-weight:700;line-height:1}.x-vs-facts dt small{letter-spacing:0;color:var(--muted);font-size:17px;font-weight:400}.x-vs-facts dd{color:var(--body);margin-top:10px;font-size:15px}.x-vs-scope{color:var(--muted);margin-top:56px;font-size:13px}.x-work{padding:120px var(--gutter) 110px}.x-chips{max-width:var(--max);flex-wrap:wrap;gap:8px;margin:0 auto;display:flex}.x-chips button{border:1px solid var(--line-2);height:42px;color:var(--body);cursor:pointer;background:0 0;border-radius:12px;padding:0 16px;font-size:14px;font-weight:500;transition:color .2s,border-color .2s,background .2s}.x-chips button span{color:var(--muted);margin-left:4px;font-size:12px}.x-chips button:hover{color:var(--text)}.x-chips button[aria-pressed=true]{color:var(--text);border-color:var(--text);background:var(--raise)}.x-work-grid{max-width:var(--max);grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:28px auto 0;display:grid}.x-tile{aspect-ratio:9/16;background:var(--raise);cursor:pointer;text-align:left;animation:x-rise .5s var(--ease) both;border:0;border-radius:14px;padding:0;position:relative;overflow:hidden}.x-tile img,.x-tile video{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.x-tile video{z-index:1}.x-tile:hover img{transform:scale(1.04)}.x-tile-meta{z-index:2;background:linear-gradient(#0000,#000000d0);padding:48px 14px 13px;display:grid;position:absolute;inset:auto 0 0}.x-tile-meta strong{color:#fff;font-size:14px;font-weight:700}.x-tile-meta small{color:#ffffffa8;font-size:12px}.x-work-more{text-align:center;margin-top:36px}.x-process{padding:120px var(--gutter) 120px}.x-process-grid{max-width:var(--max);grid-template-columns:1fr 1fr;gap:64px;margin:0 auto;display:grid}.x-step{opacity:.3;flex-direction:column;justify-content:center;min-height:72vh;transition:opacity .5s;display:flex}.x-step.is-active{opacity:1}.x-step h3{letter-spacing:-.035em;text-wrap:balance;margin-top:0;font-size:clamp(32px,3.4vw,54px);font-weight:700;line-height:1}.x-step>p{max-width:470px;color:var(--body);text-wrap:pretty;margin-top:20px;font-size:18px}.x-step-scene{display:none}.x-process-visual{height:min(640px,100vh - 150px);position:sticky;top:110px}.x-scene-slot{opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;transform:translateY(20px)scale(.98)}.x-scene-slot[data-active]{opacity:1;transform:none}.x-scene{width:min(520px,100%)}.x-scene-card{background:var(--band);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 40px 80px #0007}.x-scene-label{color:var(--muted);margin-bottom:18px;font-size:13px}.x-scene-foot{color:var(--muted);text-align:center;margin-top:14px;font-size:12px}.x-scene-teardown svg{width:100%;height:220px}.x-scene-teardown .grid{stroke:var(--line);stroke-width:1px}.x-scene-teardown .curve{fill:none;stroke:var(--data);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:600px;transition:stroke-dashoffset 1.6s var(--ease) .2s}[data-active] .x-scene-teardown .curve{stroke-dashoffset:0}.x-scene-teardown .mark{stroke:var(--warn);stroke-width:1.5px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.x-scene-axis{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:12px;display:flex;position:relative}.x-scene-axis .is-mark{color:var(--warn);font-weight:700;position:absolute;left:36.75%;transform:translate(-50%)}.x-scene-callout{margin-top:20px;font-size:20px}.x-scene-callout b{color:var(--warn)}.x-grade-row{color:var(--body);grid-template-columns:140px 1fr 74px;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:grid}.x-grade-row>div{background:var(--line);border-radius:5px;height:12px;position:relative}.x-grade-row>div:after{content:"";background:var(--body);width:2px;position:absolute;top:-6px;bottom:-6px;left:60%}.x-grade-row i{height:100%;width:var(--w);background:var(--dim);transform-origin:0;transition:transform 1s var(--ease) .2s;border-radius:5px;display:block;transform:scaleX(0)}[data-active] .x-grade-row i,.x-step-scene .x-grade-row i{transform:scaleX(1)}.x-grade-row.is-win i{background:var(--data)}.x-grade-row em{color:var(--data);font-size:12px;font-style:normal;font-weight:500}.x-grade-avg{color:var(--muted);grid-template-columns:140px 1fr 74px;gap:12px;margin-top:8px;font-size:12px;display:grid}.x-grade-avg span{grid-column:2;padding-left:calc(60% - 30px)}.x-quote-cols{max-width:var(--max);columns:3 300px;column-gap:16px;margin:0 auto}.x-quote{break-inside:avoid;background:var(--band);border:1px solid var(--line);border-radius:14px;margin:0 0 16px;padding:28px}.x-quote-logo{object-fit:contain;object-position:left;filter:brightness(0)invert();opacity:.8;width:auto;max-width:130px;height:20px;margin-bottom:22px}.x-quote blockquote{color:var(--body);font-size:17px;line-height:1.55}.x-quote mark{color:var(--text);background:linear-gradient(transparent 58%, color-mix(in oklab, var(--glow) 26%, transparent) 58%, color-mix(in oklab, var(--glow) 26%, transparent) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:700}.x-quote figcaption{color:var(--muted);align-items:center;gap:12px;margin-top:22px;font-size:13px;line-height:1.35;display:flex}.x-quote figcaption img,.x-initial{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.x-initial{background:var(--line);color:var(--text);place-items:center;font-size:16px;font-weight:700;display:grid}.x-quote strong{color:var(--text);font-size:15px;display:block}.x-faq{padding:120px var(--gutter) 120px}.x-faq h2,.x-faq-list{max-width:980px;margin-left:auto;margin-right:auto}.x-faq h2{text-align:center;margin-bottom:56px}.x-faq details{border-top:1px solid var(--line)}.x-faq details:last-child{border-bottom:1px solid var(--line)}.x-faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font-size:clamp(20px,2vw,26px);font-weight:700;list-style:none;display:flex}.x-faq summary::-webkit-details-marker{display:none}.x-faq summary span{border:1px solid var(--line-2);width:36px;height:36px;transition:transform .3s var(--ease), background .2s;border-radius:50%;flex:none;position:relative}.x-faq summary span:before,.x-faq summary span:after{content:"";background:var(--text);width:12px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-faq summary span:after{transform:translate(-50%,-50%)rotate(90deg)}.x-faq details[open] summary span{background:var(--raise);transform:rotate(45deg)}.x-faq summary:hover span{background:var(--raise)}.x-faq details p{max-width:680px;color:var(--body);padding-bottom:30px;font-size:18px}.x-close{padding:90px var(--gutter) 130px;text-align:center}.x-fan{max-width:900px;height:clamp(300px,34vw,460px);margin:0 auto 64px;position:relative}.x-fan-card{aspect-ratio:9/16;border:4px solid var(--bg);transform-origin:50% 120%;width:clamp(130px,15vw,210px);transition:transform 1.1s var(--ease);background:#000;border-radius:14px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)rotate(0);box-shadow:0 30px 70px #000b}.x-fan-card img,.x-fan-card video{object-fit:cover;width:100%;height:100%}.x-fan-card:nth-child(3){z-index:3;width:clamp(160px,18vw,250px)}.x-fan-card:nth-child(2),.x-fan-card:nth-child(4){z-index:2}.x-close.is-in .x-fan-card{transform:translateX(calc(-50% + var(--i) * 72%)) rotate(calc(var(--i) * 8deg))}.x-close h2{max-width:900px;margin:0 auto}.x-close>p{max-width:540px;color:var(--body);margin:24px auto 36px;font-size:19px}.x-footer{max-width:calc(var(--max) + var(--gutter) * 2);padding:72px var(--gutter) 28px;border-top:1px solid var(--line);margin:0 auto;container-type:inline-size}.x-footer-top{grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}.x-footer-top img{width:auto;height:24px}.x-footer-top p{color:var(--body);margin-top:18px;font-size:15px}.x-footer nav{align-content:start;gap:10px;display:grid}.x-footer h3{color:var(--muted);margin-bottom:6px;font-size:14px;font-weight:500}.x-footer nav a{color:var(--text);font-size:16px;text-decoration:none}.x-footer nav a:hover{color:var(--text)}.x-footer-word{letter-spacing:-.065em;text-align:center;color:var(--raise);-webkit-user-select:none;user-select:none;margin:40px 0 32px;padding-bottom:.12em;font-size:22cqw;font-weight:900;line-height:.8}.x-footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding-top:20px;font-size:13px;display:flex}.x-motion{z-index:45;border:1px solid var(--line-2);background:color-mix(in oklab, var(--band) 80%, transparent);-webkit-backdrop-filter:blur(10px);cursor:pointer;opacity:.75;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:opacity .2s;display:grid;position:fixed;bottom:16px;right:16px}.x-motion:hover{opacity:1}.x-motion span{border-left:3px solid var(--text);border-right:3px solid var(--text);width:10px;height:11px}.is-paused .x-motion span{border:0;border-left:10px solid var(--text);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;margin-left:3px}.xp .preview-bar{padding:14px var(--gutter) 64px;background:var(--bg);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:12px;display:flex}.xp .preview-bar span{letter-spacing:.08em}.xp .preview-bar a{color:var(--body)}.x-modal{background:0 0;border:0;max-width:none;max-height:none;margin:auto;padding:0;inset:0;overflow:visible}.x-modal::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9}.x-modal-inner{width:min(420px,92vw);position:relative}.x-modal video{aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:14px;width:100%;max-height:82vh}.x-modal-label{text-align:center;color:var(--text);margin-top:12px;font-size:14px}.x-modal-close{background:var(--text);cursor:pointer;border:0;border-radius:50%;width:48px;height:48px;font-size:26px;line-height:1;position:absolute;top:0;right:-64px;color:var(--ink)!important}.is-paused .x-lane-track,.is-paused .x-brand-track,.is-paused .x-sticker{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.xp *,.xp :before,.xp :after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.x-wall{transform:none}}@media (max-width:1180px){.x-sticker-3,.x-sticker-4{display:none}.x-sticker-1{right:calc(100% + 20px)}.x-sticker-2{left:calc(100% + 20px)}.rc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.x-more{grid-template-columns:repeat(2,1fr)}.x-case{grid-template-columns:1fr;gap:40px}.x-case-media{order:-1}.x-work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.x-nav-links{display:none}.x-nav{gap:16px;width:max-content}.x-head{grid-template-columns:1fr;gap:18px}.x-head>p{justify-self:start}.x-totals{grid-template-columns:1fr 1fr;row-gap:28px}.x-totals>div:nth-child(3){border-left:0;padding-left:0}.x-process-grid{grid-template-columns:1fr}.x-process-visual{display:none}.x-step{opacity:1;border-top:1px solid var(--line);min-height:0;padding:44px 0}.x-step-scene{margin-top:30px;display:block}.x-step-scene .x-scene-teardown .curve{stroke-dashoffset:0}.x-footer-top{grid-template-columns:1fr 1fr}.x-footer-top>div:first-child{grid-column:1/-1}.x-modal-close{z-index:2;top:10px;right:10px}}@media (max-width:640px){.xp{font-size:16px}.x-hero h1{font-size:clamp(40px,11.6vw,60px)}.x-wall-stage{height:560px;margin-top:48px}.x-wall{transform:translateX(-50%) rotateX(calc(20deg * (1 - var(--p,0))));grid-template-columns:repeat(7,34vw);gap:10px;inset:0 auto 0 50%}.x-lane-track{gap:10px;padding-bottom:10px}.x-lane img{border-radius:12px}.x-hero-phone{width:190px}.x-phone{border-width:7px;border-radius:34px}.x-sticker{border-radius:14px;gap:8px;padding:6px 12px 6px 6px}.x-sticker img{border-radius:7px;width:32px}.x-sticker strong{font-size:22px}.x-sticker em{max-width:110px;font-size:11px}.x-sticker small{font-size:11px}.x-sticker-1{top:36px;left:-86px;right:auto}.x-sticker-2{top:250px;left:auto;right:-86px}.x-totals{margin-top:-90px}.x-brands{padding:110px var(--gutter) 90px}.x-brand-wall{max-width:335px}.rc-grid{grid-template-columns:1fr}.rc{gap:18px;padding:18px}.x-more{grid-template-columns:1fr 1fr;gap:20px}.rc{min-height:0;padding:22px}.x-case{border-radius:14px;padding:16px 16px 28px}.x-case-copy{padding:0 6px}.x-case-reels{gap:8px;margin-top:-64px;padding:0 8px}.x-reel{border-width:2px;border-radius:12px}.x-reel-play{width:26px;height:26px;bottom:6px;left:6px}.x-reel-play:after{border-width:6px 0 6px 9px;top:7px;left:10px}.x-case-tabs{scrollbar-width:none;display:flex;overflow-x:auto}.x-case-tabs button{flex:none;min-width:112px}.x-vs-main{border-radius:14px;margin-top:48px;padding:24px 20px 26px}.x-vs-caption{margin-bottom:20px}.x-vs-line{grid-template-columns:1fr auto;gap:10px 12px}.x-vs-track{border-radius:12px;grid-area:2/1/auto/-1;height:34px}.x-vs-track i{border-radius:12px}.x-vs-line strong{font-size:30px}.x-vs-facts{grid-template-columns:1fr}.x-vs-facts>div{margin-top:20px;padding-top:20px}.x-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.x-chips{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.x-chips button{flex:none}.x-scene-card{padding:20px}.x-grade-row,.x-grade-avg{grid-template-columns:112px 1fr 64px;gap:8px}.x-faq{padding-bottom:110px}.x-fan{margin-bottom:44px}.x-close.is-in .x-fan-card{transform:translateX(calc(-50% + var(--i) * 58%)) rotate(calc(var(--i) * 8deg))}.x-footer-bottom{flex-direction:column}}.xp[data-glow=mint]{--glow:#22c373;--glow-hi:#7ef0b0;--glow-deep:#063b22;--glow-ink:#03200f;--bg:#080b0a;--bg-2:#0c100e;--band:#111614;--raise:#171d1a;--line:#222a26;--line-2:#313b36;--dim:#434d48;--text:#f2f5f3;--body:#a7afab;--muted:#7a8480}.xp:after{content:"";z-index:38;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.x-cases,.x-versus,.x-close,.x-process-visual{isolation:isolate}.x-cases,.x-versus,.x-close{position:relative}.x-cases:before,.x-versus:before,.x-close:before,.x-process-visual:before{content:"";z-index:-1;pointer-events:none;left:var(--gx,50%);top:var(--gy,50%);width:var(--gw,1200px);aspect-ratio:1.5;max-width:170vw;opacity:var(--go,.75);filter:blur(34px);background:radial-gradient(closest-side, color-mix(in oklab, var(--glow-hi) 75%, transparent) 0%, color-mix(in oklab, var(--glow) 60%, transparent) 26%, color-mix(in oklab, var(--glow-deep) 50%, transparent) 60%, transparent 100%);border-radius:50%;animation:10s ease-in-out infinite alternate x-breathe;position:absolute;translate:-50% -50%}.x-cases{--gx:78%;--gy:40%;--gw:1500px;--go:.95;transition:--accent 1s var(--ease)}@property --accent{syntax:"<color>";inherits:true;initial-value:#ff5a1f}.x-cases:before{background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 70%, transparent) 0%, color-mix(in oklab, var(--accent) 38%, transparent) 34%, color-mix(in oklab, var(--accent) 14%, transparent) 64%, transparent 100%)}.x-cases .x-case{background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklab, var(--accent) 30%, var(--bg-2)) 0%, color-mix(in oklab, var(--bg-2) 88%, transparent) 58%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.x-versus{--gx:50%;--gy:58%;--gw:1200px;--go:.6}.x-process-visual{--gx:55%;--gy:50%;--gw:820px;--go:.5}.x-close{--gx:50%;--gy:26%;--gw:1150px;--go:.85}@keyframes x-breathe{to{opacity:calc(var(--go,.75) * .8);scale:1.08}}.is-paused .is-paused .x-cases:before,.is-paused .x-versus:before,.is-paused .x-close:before,.is-paused .x-process-visual:before{animation-play-state:paused}.x-process{background:0 0}.x-hero-phone{z-index:3}.x-phone{box-shadow:0 0 0 1px #ffffff1f,0 50px 120px #000c}.x-fan-card{-webkit-box-reflect:below 12px linear-gradient(transparent 68%, #ffffff26)}.x-close .x-fan{margin-bottom:150px}.x-case-cover{box-shadow:0 0 0 1px #ffffff14, 0 40px 100px -30px color-mix(in oklab, var(--accent) 60%, transparent)}@media (max-width:640px){.x-close .x-fan{margin-bottom:90px}.x-cases{--gw:520px}}.x-process-visual{place-items:center;display:grid}.x-device{border:1px solid var(--line);background:linear-gradient(#17120f,#0f0b09);border-radius:14px;flex-direction:column;width:100%;max-width:580px;height:100%;max-height:600px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,0 60px 120px -30px #000c,0 0 0 8px #ffffff05}.x-device-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:14px;padding:16px 20px;font-size:13px;display:flex}.x-device-dots{gap:6px;display:flex}.x-device-dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px}.x-device-live{color:var(--body);align-items:center;gap:7px;margin-left:auto;display:flex}.x-device-live:before{content:"";background:var(--glow);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklab, var(--glow) 22%, transparent);border-radius:50%}.x-device-steps{grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 20px 0;display:grid}.x-device-steps li{color:var(--muted);gap:9px;font-size:12px;transition:color .4s;display:grid}.x-device-steps i{background:var(--line-2);border-radius:5px;height:3px;overflow:hidden}.x-device-steps i:after{content:"";background:var(--glow);transform-origin:0;width:100%;height:100%;transition:transform .8s var(--ease);display:block;transform:scaleX(0)}.x-device-steps li[data-active],.x-device-steps li[data-done]{color:var(--text)}.x-device-steps li[data-active] i:after,.x-device-steps li[data-done] i:after{transform:none}.x-device-body{flex:1;position:relative}.x-device .x-scene-slot{padding:24px}.x-device .x-scene{width:100%}.x-device .x-scene-card{box-shadow:none;background:0 0;border:0;padding:0}.x-scene-teardown svg{color:var(--glow)}.x-scene-teardown .area{opacity:0;transition:opacity 1s .8s}[data-active] .x-scene-teardown .area,.x-step-scene .x-scene-teardown .area{opacity:1}.x-step{min-height:56vh}.x-step:first-child{justify-content:flex-start;min-height:40vh;padding-top:4vh}.x-mine-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;display:flex}.x-mine-head b{color:var(--glow-hi);background:color-mix(in oklab, var(--glow) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--glow) 30%, transparent);border-radius:5px;padding:5px 11px;font-weight:500}.x-mine-row{border-top:1px solid var(--line);opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transition-delay:calc(.15s + var(--j) * .12s);grid-template-columns:34px 1fr;gap:14px;padding:14px 0;display:grid;transform:translateY(8px)}[data-active] .x-mine-row,.x-step-scene .x-mine-row{opacity:1;transform:none}.x-mine-row>i{background:var(--raise);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--body);border-radius:50%;place-items:center;font-size:13px;font-style:normal;font-weight:500;display:grid}.x-mine-row small{color:var(--muted);font-size:12px}.x-mine-row p{color:var(--body);margin-top:3px;font-size:15px;line-height:1.45}.x-mine-row mark{color:var(--text);background:linear-gradient(transparent 60%, color-mix(in oklab, var(--glow) 38%, transparent) 60%);border-radius:2px}.x-mine-more{border-top:1px solid var(--line);color:var(--muted);padding:12px 0 0 48px;font-size:13px}.x-mine-insight{background:linear-gradient(135deg, color-mix(in oklab, var(--glow) 20%, var(--raise)), var(--raise) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--glow) 28%, transparent);border-radius:14px;margin-top:20px;padding:16px 18px}.x-mine-insight small{color:var(--glow-hi);font-size:12px;display:block}.x-mine-insight strong{letter-spacing:-.02em;margin-top:4px;font-size:18px;font-weight:700;display:block}.x-track-row{border-top:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.x-track-row>i{background:var(--raise);width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--muted);border-radius:11px;place-items:center;font-style:normal;font-weight:700;display:grid}.x-track-row b{font-size:15px;font-weight:500;display:block}.x-track-row span{color:var(--muted);font-size:13px}.x-track-row em{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:5px;padding:4px 10px;font-size:12px;font-style:normal}.x-track-row.is-new>i{color:#fff;background:linear-gradient(180deg, var(--glow-hi), var(--glow));box-shadow:0 8px 20px -8px var(--glow)}.x-track-row.is-new span{color:var(--body)}.x-track-row.is-new em{color:var(--glow-hi);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--glow) 45%, transparent);background:color-mix(in oklab, var(--glow) 12%, transparent)}.x-track-brief{background:linear-gradient(135deg, color-mix(in oklab, var(--glow) 20%, var(--raise)), var(--raise) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--glow) 28%, transparent);border-radius:14px;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;display:flex}.x-track-brief b{font-size:16px;font-weight:700;display:block}.x-track-brief span{color:var(--body);font-size:13px}.x-track-pulse{background:var(--glow);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in oklab, var(--glow) 22%, transparent);border-radius:50%;flex:none}.x-mark-mtc{aspect-ratio:1434/562;background:#007f66;height:22px;display:inline-block;-webkit-mask:url(/logos/maidtoclean.png) 0/contain no-repeat;mask:url(/logos/maidtoclean.png) 0/contain no-repeat}.x-quote-logo.x-mark-mtc{opacity:.8;background:#fff;width:auto;height:22px}.x-brand{background:var(--band);border-radius:999px;padding:6px 28px 6px 6px}.x-brand>.x-brand-disc{background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;overflow:hidden}.x-brand-disc img{object-fit:contain;max-width:56px;max-height:32px}.x-brand-disc.is-mtc{background:#007f66}.x-brand-track{animation-duration:110s}.x-brand-row:nth-child(2) .x-brand-track{animation-duration:125s}.x-brand-row:nth-child(3) .x-brand-track{animation-duration:140s}.x-scroll-cue{display:none}.x-hero.is-pinned{padding-top:0}.x-hero.is-pinned .x-hero-track{height:210vh}.x-hero.is-pinned .x-hero-pin{height:100svh;position:sticky;top:0;overflow:hidden}.x-hero.is-pinned .x-hero-copy{transform:translateY(calc(var(--p,0) * -22vh));opacity:calc(1 - var(--p,0) * 2.4);padding-top:clamp(112px,13vh,144px)}.x-hero.is-pinned .x-wall-stage{height:100vh;left:0;right:0;top:calc(var(--start,60vh) - var(--p,0) * (var(--start,60vh) - 12vh));margin:0;position:absolute}.x-hero.is-pinned .x-hero-phone{transform:translateX(-50%) scale(calc(1 + var(--p,0) * .08));transform-origin:50% 0}.x-hero.is-pinned .x-totals{margin-top:0;padding-top:24px}.x-hero.is-pinned .x-scroll-cue{z-index:5;border:1px solid var(--line-2);background:color-mix(in oklab, var(--band) 80%, transparent);-webkit-backdrop-filter:blur(10px);height:38px;color:var(--text);cursor:pointer;opacity:calc(1 - var(--p,0) * 6);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:13px;transition:background .2s;display:flex;position:absolute;bottom:16px;left:16px}.x-scroll-cue:hover{background:var(--raise)}.x-scroll-cue i{background:#ffffff26;border-radius:2px;width:1.5px;height:16px;position:relative;overflow:hidden}.x-scroll-cue i:after{content:"";background:var(--text);width:100%;height:50%;animation:x-cue 1.6s var(--ease) infinite;position:absolute;top:-50%;left:0}@keyframes x-cue{to{top:100%}}.is-paused .x-scroll-cue i:after{animation-play-state:paused}@media (max-width:640px){.x-hero.is-pinned .x-hero-track{height:190vh}.x-hero.is-pinned .x-wall-stage{height:100svh;top:calc(var(--start,64vh) - var(--p,0) * (var(--start,64vh) - 13vh))}.x-sticker{display:none}.x-brand{gap:10px;height:68px;padding:5px 20px 5px 5px;font-size:14px}.x-brand>.x-brand-disc{width:58px;height:58px}.x-brand-disc img{max-width:42px;max-height:24px}}.xp main>.x-panel{isolation:isolate;background:var(--panel);border:1px solid var(--line);width:calc(100% - 32px);max-width:1400px;box-shadow:inset 0 1px 0 var(--panel-edge);border-radius:14px;margin:16px auto 0;position:relative;overflow:clip}.x-footer{margin-top:16px}@media (max-width:640px){.xp main>.x-panel{width:calc(100% - 16px);margin-top:8px}.x-panel>section{padding-left:16px;padding-right:16px}.x-receipts .rc-grid,.x-quotes .x-quote-cols{margin-inline:0}}.x-panel>section+section{border-top:1px solid var(--line)}.x-panel>.x-versus{padding-top:120px}.x-quotes{padding-bottom:40px}.x-panel>.x-faq{border-top:0;padding-top:80px}.x-work,.x-close{max-width:1400px;margin-left:auto;margin-right:auto}.x-film{grid-template-columns:repeat(8,1fr);gap:4px;display:grid;position:relative}.x-film i{aspect-ratio:9/13;filter:grayscale()brightness(.45);transition:filter .6s;transition-delay:calc(.1s + var(--j) * 60ms);border-radius:6px;position:relative;overflow:hidden}.x-film i img{object-fit:cover;object-position:50% calc(var(--j) * 12%);width:100%;height:100%}[data-active] .x-film i.is-kept,.x-step-scene .x-film i.is-kept{filter:none}.x-film-mark{top:-6px;bottom:-6px;left:var(--x);background:var(--glow);width:2px;box-shadow:0 0 14px 2px var(--glow);border-radius:2px;position:absolute}.x-curve{margin-top:14px;position:relative}.x-curve svg{width:100%;height:170px;color:var(--glow);display:block;overflow:visible}.x-curve .grid{stroke:var(--line);stroke-width:1px}.x-curve .curve{fill:none;stroke:var(--glow-hi);stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px var(--glow));stroke-dasharray:600;stroke-dashoffset:600px;transition:stroke-dashoffset 1.6s var(--ease) .2s}[data-active] .x-curve .curve,.x-step-scene .x-curve .curve{stroke-dashoffset:0}.x-curve .area{opacity:0;transition:opacity 1s .8s}[data-active] .x-curve .area,.x-step-scene .x-curve .area{opacity:1}.x-curve .mark{stroke:var(--glow);stroke-width:1.5px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.x-curve-tag{top:-10px;left:var(--x);color:#fff;background:var(--glow);box-shadow:0 8px 20px -6px var(--glow);border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700;position:absolute;translate:-50% -100%}.x-scene-teardown .x-scene-axis{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.x-feed{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.x-feed-card{background:var(--raise);box-shadow:inset 0 0 0 1px var(--line);opacity:.55;border-radius:10px;gap:6px;padding:8px 8px 10px;display:grid}.x-feed-thumb{aspect-ratio:9/13;background:linear-gradient(160deg,#2a221e,#16110f);border-radius:6px;align-content:end;gap:5px;padding:10px 8px;display:grid}.x-feed-thumb span{background:#ffffff1a;border-radius:3px;height:5px}.x-feed-thumb span:nth-child(2){width:70%}.x-feed-thumb span:nth-child(3){width:45%}.x-feed-card b{font-size:13px;font-weight:500}.x-feed-card small{color:var(--muted);font-size:11px}.x-feed-card.is-new{opacity:1;box-shadow:inset 0 0 0 1px var(--glow), 0 16px 40px -14px var(--glow)}.x-feed-card.is-new .x-feed-thumb{background:linear-gradient(160deg, var(--glow-hi), var(--glow) 45%, var(--glow-deep))}.x-feed-card.is-new .x-feed-thumb span{background:#ffffff8c}.x-feed-card.is-new small{color:var(--glow-hi)}.x-board{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.x-board-card{aspect-ratio:9/16;filter:grayscale()brightness(.4);transition:filter .6s, transform .6s var(--ease), box-shadow .6s;transition-delay:calc(.15s + var(--j) * 90ms);border-radius:8px;position:relative;overflow:hidden}.x-board-card img{object-fit:cover;width:100%;height:100%}.x-board-card span{text-align:center;color:#fff;background:linear-gradient(#0000,#000c);padding:16px 5px 6px;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0}[data-active] .x-board-card.is-win,.x-step-scene .x-board-card.is-win{filter:none;box-shadow:0 0 0 2px var(--glow), 0 18px 36px -12px var(--glow);transform:translateY(-6px)}.x-board-card.is-win span{background:linear-gradient(transparent, color-mix(in oklab, var(--glow) 90%, #000));font-weight:700}.x-next{background:linear-gradient(135deg, color-mix(in oklab, var(--glow) 20%, var(--raise)), var(--raise) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--glow) 28%, transparent);border-radius:12px;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;display:flex}.x-next i{background:var(--glow);width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in oklab, var(--glow) 22%, transparent);border-radius:50%;flex:none}.x-next span{color:var(--body);font-size:13px}.x-next b{color:var(--text);font-size:16px;display:block}.x-mine-row mark{box-shadow:0 0 18px -6px var(--glow)}@media (max-width:640px){.x-board{grid-template-columns:repeat(3,1fr)}.x-feed{grid-template-columns:repeat(2,1fr)}}
