.rx{--rx-ink:#050a14;--rx-paper:#eef2fa;--rx-mute:#93a0b8;--rx-line:rgba(214,226,255,.12);--rx-blue:#3b82ff;--rx-blue2:#175cd3;--rx-gold:#d9ad3a;--rx-mono:ui-monospace,"SFMono-Regular","Cascadia Mono",Menlo,Consolas,monospace;position:relative;height:1000vh;background:var(--rx-ink);color:var(--rx-paper)}.rx-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(70% 55% at 50% -6%,#3b82ff38,#3b82ff00 70%),radial-gradient(90% 60% at 50% 115%,#175cd32e,#050a1400 60%),var(--rx-ink)}.rx-glow{position:absolute;width:70vmax;height:70vmax;border-radius:50%;left:0;top:0;transform:translate(50vw,55vh) translate(-50%,-50%);pointer-events:none;will-change:transform}.rx-floor{position:absolute;left:0;top:0;width:400px;height:7vmin;border-radius:50%;background:radial-gradient(closest-side,#000000a6,#0000);transform-origin:0 0;pointer-events:none;will-change:transform,opacity}.rx-kicker{margin:0;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--rx-gold)}.rx-intro{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 13vh);text-align:center;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));z-index:5}.rx-intro h2{margin:14px 0 0;font-size:clamp(34px,5.4vw,72px);line-height:1.04;font-weight:650;letter-spacing:-.04em;text-wrap:balance;color:var(--rx-paper)}.rx-intro h2 span{color:var(--rx-mute)}.rx-intro p{margin:14px auto 0;max-width:34em;color:var(--rx-mute);font-size:clamp(15px,1.3vw,18px);line-height:1.6}.rx-devlbl{display:block;font:500 11px var(--rx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rx-mute);margin:20px 0 10px}.rx-sw{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--rx-line);background:#080e1cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rx-sw button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--rx-mute);transition:background .2s,color .2s}.rx-sw button svg{width:16px;height:16px;flex:none}.rx-sw button[aria-pressed=true]{background:var(--rx-paper);color:var(--rx-ink)}.rx-sw button:focus-visible{outline:2px solid var(--rx-gold);outline-offset:2px}.rx-float{position:absolute;z-index:8;right:max(16px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 86px);opacity:0;visibility:hidden;transition:opacity .3s}.rx-float button{padding:7px 12px;font-size:13px}.rx-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);transform:translate(-50%);font:500 11px var(--rx-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rx-mute);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:6}.rx-hint i{display:block;width:1px;height:34px;background:linear-gradient(var(--rx-mute),transparent);animation:rx-drip 1.8s infinite}@keyframes rx-drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.rx .ph{position:absolute;left:0;top:0;width:300px;height:640px;perspective:1900px;transform-origin:50% 50%;will-change:transform}.rx .ph .body{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.rx .ph .body>*{position:absolute;backface-visibility:hidden}.rx .ph .sl{inset:0;border-radius:46px;backface-visibility:visible!important}.rx .ph .face{inset:0;border-radius:46px}.rx .ph .front{padding:6px;background:linear-gradient(135deg,#6b7896,#262d3d 30%,#151a26 70%,#4b5670)}.rx .ph .scr{position:relative;width:100%;height:100%;border-radius:40px;overflow:hidden;background:#000}.rx .ph .scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.rx .ph .isl{position:absolute;top:13px;left:50%;width:88px;height:25px;margin-left:-44px;border-radius:13px;background:#000;z-index:3}.rx .ph .spec,.rx .lp .spec{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;mix-blend-mode:screen;overflow:hidden}.rx .ph .back{padding:6px;background:linear-gradient(135deg,#5d6984,#1f2635 30%,#141a26 70%,#46516a)}.rx .ph .back .gp{width:100%;height:100%;border-radius:40px;background:linear-gradient(165deg,#28324a,#1a2234 45%,#121827);box-shadow:inset 0 0 0 1px #ffffff0f}.rx .ph .cm{border-radius:34px}.rx .ph .ln{border-radius:50%}.rx .ph .lg{border-radius:50%;background:radial-gradient(circle,#2a3358 0 14%,#0a0b12 15% 46%,#1c1a26 47% 56%,#0b0b10 57% 66%,#2a3142 67% 72%,#9aa6c2 73% 78%,#3b4560 79%)}.rx .ph .btn3{border-radius:3px}.rx .ph .ly{inset:6px;border-radius:40px;overflow:hidden;background:#0b1220 center top/cover no-repeat;box-shadow:0 0 0 1px #d6e2ff29,0 30px 50px -10px #0009;opacity:0}.rx .anc{position:absolute;right:-1px;top:50%;width:2px;height:2px}.rx .lp{position:absolute;left:0;top:0;width:1200px;height:800px;perspective:4800px;transform-origin:50% 50%;will-change:transform}.rx .lp .lb{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.rx .lp .lb>div{position:absolute;inset:0}.rx .lp .bs{border-radius:32px 32px 44px 44px}.rx .lp .deck{border-radius:32px 32px 44px 44px;background:linear-gradient(180deg,#3a3e47,#2e3139 60%,#2a2d34);box-shadow:inset 0 0 0 2px #ffffff0f}.rx .lp .kb{position:absolute;left:116px;right:116px;top:68px;height:392px;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(6,1fr);gap:10px;padding:16px;border-radius:20px;background:#1c1e23}.rx .lp .kb i{display:block;border-radius:8px;background:linear-gradient(180deg,#111216,#0b0c0f);box-shadow:inset 0 2px #ffffff0d}.rx .lp .tp{position:absolute;left:400px;width:400px;top:512px;height:236px;border-radius:24px;background:linear-gradient(180deg,#363941,#30333a);box-shadow:inset 0 0 0 2px #ffffff12}.rx .lp .lid{transform-style:preserve-3d;transform-origin:50% 100%}.rx .lp .lid>div{position:absolute;inset:0}.rx .lp .disp{border-radius:36px 36px 12px 12px;background:#050608;padding:26px 26px 30px;backface-visibility:hidden;box-shadow:inset 0 0 0 3px #2b2e35}.rx .lp .sc{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px;background:#000}.rx .lp .sc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}.rx .lp .notch{position:absolute;left:50%;top:26px;width:172px;height:26px;margin-left:-86px;background:#050608;border-radius:0 0 16px 16px;z-index:2}.rx .lp .lsl{border-radius:36px 36px 12px 12px}.rx .lp .cover{border-radius:36px 36px 12px 12px;background:linear-gradient(160deg,#4b4f59,#2f323a 55%,#26292f);backface-visibility:hidden;box-shadow:inset 0 0 0 2px #ffffff14}.rx .lp .ly{inset:26px 26px 30px!important;border-radius:12px;background:#0b1220 left top/cover no-repeat;box-shadow:0 0 0 2px #d6e2ff2e,0 60px 100px -20px #0009;opacity:0}.rx-feat{position:absolute;z-index:6}.rx-fi{position:absolute;left:0;right:0;top:0;opacity:0;visibility:hidden}.rx-fi .rx-kicker{display:flex;gap:10px}.rx-fi h3,.rx-x h3{margin:14px 0 0;font-size:clamp(32px,3.8vw,54px);line-height:1.04;font-weight:650;letter-spacing:-.04em;text-wrap:balance;color:var(--rx-paper)}.rx-fi p,.rx-x p{color:var(--rx-mute);margin:14px 0 0;max-width:30em;line-height:1.6}.rx-fi ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;font-size:15px}.rx-fi li{display:flex;gap:10px;align-items:baseline}.rx-fi li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--rx-gold);transform:translateY(-2px)}.rx-dots{position:absolute;right:max(20px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);display:grid;gap:14px;z-index:7}.rx-dots button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:12px;font:500 11px var(--rx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rx-mute)}.rx-dots button span{opacity:0;transition:opacity .25s}.rx-dots button i{display:block;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--rx-mute);transition:all .25s}.rx-dots button.on{color:var(--rx-paper)}.rx-dots button.on span{opacity:1}.rx-dots button.on i{background:var(--rx-gold);border-color:var(--rx-gold);transform:scale(1.25)}.rx-dots button:hover span{opacity:1}.rx-dots button:focus-visible i{outline:2px solid var(--rx-gold);outline-offset:3px}.rx-x{position:absolute;z-index:6;opacity:0;visibility:hidden}.rx-lines{position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;overflow:visible}.rx-lbl{position:absolute;left:0;top:0;z-index:7;opacity:0;visibility:hidden;display:flex;align-items:center;gap:12px;white-space:nowrap;pointer-events:none}.rx-lbl i{display:block;height:1px;background:linear-gradient(90deg,#d9ad3a00,#d9ad3ae6)}.rx-lbl b{display:block;font-size:18px;font-weight:650;letter-spacing:-.01em}.rx-lbl small{display:block;font:500 11px var(--rx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rx-mute);margin-top:2px}@media(max-width:860px){.rx-dots{display:none}.rx-fi h3{font-size:clamp(26px,7.4vw,38px)}.rx-fi p{font-size:15px;margin-top:10px}.rx-fi ul{display:none}.rx-lbl b{font-size:14px}.rx-lbl small{display:none}.rx-float{top:calc(env(safe-area-inset-top,0px) + 76px)}}@media(prefers-reduced-motion:reduce){.rx-hint i{animation:none}}
