:root{--c-canvas:#f4f5f7;--c-bg:#fff;--c-bg-subtle:#f7f8fa;--c-surface:#f1f2f5;--c-surface-hover:#eceef2;--c-surface-active:#e5e7ec;--c-card-hover:#fff;--c-raised:#fff;--c-glass:#ffffffc7;--c-topbar:#ffffffd1;--c-text:#121316;--c-text-muted:#5b606b;--c-text-subtle:#6b707b;--c-border:#12131614;--c-border-strong:#12131624;--c-scrollbar:#12131629;--c-scrollbar-hover:#12131647;--c-brand:#ee5a2a;--c-accent:#ee5a2a;--c-accent-hover:#d94c1d;--c-accent-tint:#ee5a2a1a;--c-accent-ring:#ee5a2a59;--c-on-accent:#fff;--c-primary:#121316;--c-primary-hover:#2b2d33;--c-on-primary:#fff;--c-link:#c2410c;--c-success:#23a35a;--c-warning:#e4a83a;--c-warning-tint:#fff6dc;--c-warning-ink:#8a5c0c;--c-warning-border:#f1dfae;--c-star:#f2b233;--c-danger:#d8473b;--c-danger-hover:#c23c31;--c-danger-pale:#f0b4ae;--c-on-danger:#fff;--c-on-success:#fff;--c-info-border:#ee5a2a40;--c-info-ink:#9a3412;--c-overlay:#0e0f1252;--c-mark:#fff1b8;--c-chip-hover:#e5e7ec;--c-toast:#16171b;--c-on-toast:#f5f6f8;--c-skeleton:#eceef2;--c-skeleton-shine:#f6f7f9;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, sans-serif;--fs-xs:11px;--fs-micro:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-h1:28px;--fs-h1-sm:24px;--fs-reading:15px;--fs-display:34px;--fs-wordmark:19px;--lh:1.5;--tracking-tight:-.02em;--control-h:36px;--control-h-sm:30px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--r-xs:4px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;--shadow-xs:0 1px 2px #1012180d;--shadow-sm:0 1px 2px #1012180a, 0 2px 8px #1012180d;--shadow-md:0 2px 4px #1012180a, 0 8px 24px #10121814;--shadow-lg:0 4px 8px #1012180d, 0 16px 40px #1012181f;--shadow-float:0 0 0 1px #1012180f, 0 8px 16px #1012180f, 0 24px 48px #1012181f;--shadow-toast:0 8px 24px #1012183d;--shadow-sheet:0 0 0 1px #1012180d, 0 1px 3px #1012180a;--focus-ring:0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-accent-ring);--blur:saturate(180%) blur(20px);--dur:.16s;--dur-slow:.26s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.32, .64, 1);--sidebar-w:264px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-canvas:#0d0e10;--c-bg:#17181b;--c-bg-subtle:#1c1d21;--c-surface:#222327;--c-surface-hover:#26282c;--c-surface-active:#2d2f34;--c-card-hover:#1d1e22;--c-raised:#1f2024;--c-glass:#1e1f23c7;--c-topbar:#17181bd1;--c-text:#f2f3f5;--c-text-muted:#a3a8b2;--c-text-subtle:#8e939d;--c-border:#ffffff12;--c-border-strong:#ffffff21;--c-scrollbar:#ffffff29;--c-scrollbar-hover:#ffffff47;--c-brand:#f0683a;--c-accent:#f0683a;--c-accent-hover:#f47f56;--c-accent-tint:#f0683a29;--c-accent-ring:#f0683a80;--c-primary:#f2f3f5;--c-primary-hover:#dfe1e5;--c-on-primary:#121316;--c-link:#f5926c;--c-success:#3fb571;--c-warning-tint:#e4a83a24;--c-warning-ink:#e9bd6a;--c-warning-border:#e4a83a4d;--c-danger:#e5675b;--c-danger-hover:#ee7f74;--c-danger-pale:#6b302b;--c-info-border:#f0683a52;--c-info-ink:#f7b193;--c-overlay:#0000008c;--c-mark:#f2b23352;--c-chip-hover:#34363b;--c-toast:#f2f3f5;--c-on-toast:#121316;--c-skeleton:#222327;--c-skeleton-shine:#2a2c30;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #00000059, 0 2px 8px #0000004d;--shadow-md:0 2px 4px #00000059, 0 8px 24px #0006;--shadow-lg:0 4px 8px #0006, 0 16px 40px #00000080;--shadow-float:0 0 0 1px #ffffff14, 0 8px 16px #00000059, 0 24px 48px #00000080;--shadow-toast:0 8px 24px #00000080;--shadow-sheet:0 0 0 1px #ffffff0f, 0 1px 3px #0006}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;overflow-x:clip}body.lp{isolation:isolate;min-height:100vh;color:var(--c-text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;flex-direction:column;margin:0;display:flex;position:relative;overflow-x:clip}a{color:inherit;text-decoration:none}img,svg,video{display:block}button,input{font:inherit;color:inherit}:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--c-accent-ring);outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.navbar{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--c-border);background:#ffffffb8;justify-content:center;padding:12px 24px;display:flex;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.logo{border-radius:8px;align-items:center;gap:8px;display:inline-flex}.wordmark{letter-spacing:-.025em;font-size:17px;font-weight:600}.btn-signin{background:var(--c-primary);height:32px;color:var(--c-on-primary);font-size:var(--fs-sm);transition:background-color var(--dur) var(--ease-out), transform .12s var(--ease-out);border-radius:999px;align-items:center;padding:0 14px;font-weight:500;display:inline-flex}.btn-signin:hover{background:var(--c-primary-hover)}.btn-signin:active{transform:scale(.97)}.btn-signin,.join-btn{will-change:transform;backface-visibility:hidden}.page{flex:1;padding:88px 24px 72px;position:relative}.lines{inset:var(--nav-h,57px) 0 0;z-index:0;pointer-events:none;justify-content:center;display:flex;position:absolute}.lines:before{content:"";border-inline:1px solid var(--c-border);width:100%;max-width:1300px}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-glow{border-radius:50%;position:absolute}.g1{background:radial-gradient(closest-side,#ffc4a88c,#ffc4a800);width:900px;height:700px;top:calc(55vh - 260px);left:calc(50% - 1050px)}.g2{background:radial-gradient(closest-side,#c4d6ff99,#c4d6ff00);width:960px;height:760px;top:calc(50vh - 300px);left:calc(50% + 60px)}.bg-dots{opacity:.5;background-image:radial-gradient(#12131624 1px,#0000 1.3px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(46% 40% at 50% 30%,#000,#0000 76%);mask-image:radial-gradient(46% 40% at 50% 30%,#000,#0000 76%)}.hero{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;display:flex;position:relative}.eyebrow{box-shadow:0 0 0 1px var(--c-border), 0 1px 2px #1012180a;letter-spacing:-.005em;color:var(--c-text-muted);background:#fffc;border-radius:999px;align-items:center;gap:8px;margin:0 0 24px;padding:5px 12px 5px 10px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow-dot{background:#ff5229;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 3px #ff522929}.title{letter-spacing:-.035em;color:#111214;flex-direction:column;align-items:center;gap:6px;margin:0 0 20px;font-size:48px;font-weight:600;line-height:1.04;display:flex}.title-row{white-space:nowrap;justify-content:center;align-items:center;gap:12px;display:flex}.emoji{cursor:pointer;perspective:400px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:none;width:47px;animation:5s ease-in-out infinite float;position:relative}.emoji.folder{animation-delay:-2.4s}.emoji-inner{width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--s,1)) rotate(var(--rz,0deg));transition:transform .42s var(--ease-spring), filter .3s var(--ease-out);display:block;position:relative;overflow:hidden}.emoji.house{height:44.6px}.emoji.house img{width:126.67%;max-width:none;height:133.51%;position:absolute;top:-17.73%;left:-12.01%}.emoji.folder{height:38.8px}.emoji.folder img{width:100%;max-width:none;height:121.28%;position:absolute;top:-10.64%;left:0}@media (hover:hover){.emoji:hover .emoji-inner{--s:1.14;filter:drop-shadow(0 10px 14px #1012182e);transition-duration:.16s,.3s}}.emoji.pop .emoji-inner{animation:pop .62s var(--ease-spring)}.spark{z-index:5;pointer-events:none;width:7px;height:7px;animation:spark .7s var(--ease-out) forwards;border-radius:50%;position:absolute}.lede{letter-spacing:-.01em;max-width:520px;color:var(--c-text-muted);text-wrap:balance;margin:0;font-size:17px;line-height:1.5}.join{width:100%;max-width:440px;margin-top:32px}.join-form{box-shadow:0 0 0 1px var(--c-border-strong), 0 1px 2px #1012180a, 0 10px 30px -12px #1012181f;transition:box-shadow var(--dur) var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex;position:relative}.join-form:focus-within{box-shadow:0 0 0 1px #ff5229,0 0 0 5px #ff52291f,0 10px 30px -12px #1012181f}.join-input{letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;min-width:0;height:42px;padding:0 8px 0 16px;font-size:16px}.join-input::placeholder{color:var(--c-text-subtle)}.join-input:focus-visible{box-shadow:none}.join-btn{cursor:pointer;color:#fff;letter-spacing:-.01em;height:42px;transition:filter var(--dur) var(--ease-out), transform .12s var(--ease-out), box-shadow var(--dur);background:linear-gradient(#ff6a45,#ff5229 55%,#f2461f);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 1px 2px #ff52294d}.join-btn:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff4d 50%,#0000 65%);animation:6s ease-in-out 2.5s infinite sheen;position:absolute;inset:0;transform:translate(-120%)}.join-btn:hover{filter:brightness(1.04);box-shadow:inset 0 1px #ffffff40,0 6px 16px #ff52294d}.join-btn:active{transform:scale(.98)}.join-btn[disabled]{opacity:.8;cursor:progress}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.turnstile{height:0;position:relative;overflow:hidden}.join-error{font-size:var(--fs-sm);color:var(--c-danger);margin:12px 0 0}.joined{background:var(--c-raised);box-shadow:var(--shadow-sheet);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:24px;display:flex}.joined-check{color:#fff;background:#ff5229;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:8px;display:grid}.joined.just{animation:rise-in .52s var(--ease-spring) both}.joined.just .joined-check{animation:pop .62s var(--ease-spring) .12s both}.joined-title{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:600}.joined-body{max-width:290px;color:var(--c-text-muted);text-wrap:balance;margin:0 auto 10px;font-size:15px;line-height:1.45}.link-btn{cursor:pointer;font-size:var(--fs-sm);color:var(--c-text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--c-border-strong);text-decoration-color:var(--c-border-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:500}.link-btn:hover{color:var(--c-text);text-decoration-color:currentColor}.usps{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:26px 0 0;padding:0;list-style:none;display:grid}.usp{letter-spacing:-.01em;color:var(--c-text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.usp:first-child{justify-content:flex-end}.usp svg{color:#ff5229;flex:none}.usp-divider{background:var(--c-border-strong);width:1px;height:16px}@media (width<=480px){.usps{grid-template-columns:auto;justify-items:center;gap:10px;margin-top:22px}.usp:first-child{justify-content:center}.usp-divider{width:24px;height:1px}}.demo{z-index:1;max-width:1100px;margin:72px auto 0;position:relative}.demo-frame{background:#f4f5f7;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #10121814,0 2px 4px #1012180a,0 24px 48px -12px #10121824,0 60px 120px -40px #1012182e}.demo-bar{border-bottom:1px solid var(--c-border);background:linear-gradient(#fbfbfc,#f4f5f7);align-items:center;gap:7px;height:36px;padding:0 14px;display:flex}.demo-bar span{background:#ff5f57;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 .5px #0000001f}.demo-bar span:nth-child(2){background:#febc2e}.demo-bar span:nth-child(3){background:#28c840}.demo-bar b{text-align:center;color:var(--c-text-subtle);flex:1;margin-right:47px;font-size:12px;font-weight:500}.demo-screen{aspect-ratio:1440/1040;background:#f4f5f7 50%/cover no-repeat;position:relative}.demo-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demo[data-variant=tablet]{max-width:680px}.demo[data-variant=tablet] .demo-screen{aspect-ratio:1024/1200}.demo[data-variant=phone]{max-width:340px}.demo[data-variant=phone] .demo-frame{border-radius:22px}.demo[data-variant=phone] .demo-bar{gap:6px;height:30px;padding:0 12px}.demo[data-variant=phone] .demo-bar span{width:9px;height:9px}.demo[data-variant=phone] .demo-bar b{margin-right:39px;font-size:11px}.demo[data-variant=phone] .demo-screen{aspect-ratio:390/720}.footer{z-index:1;border-top:1px solid var(--c-border);width:100%;color:var(--c-text-subtle);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:28px max(24px,50% - 600px) 36px;font-size:13px;display:flex;position:relative}.footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 20px;display:flex}.footer a{transition:color var(--dur)}.footer a:hover{color:var(--c-text)}.rain{z-index:99;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rain img{will-change:transform;-webkit-user-select:none;user-select:none;height:auto;position:absolute;top:0}.confetti{z-index:100;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.rise{animation:reveal .75s var(--ease-out) both;animation-delay:calc(var(--i,0) * 71ms + 50ms);will-change:transform, opacity}@keyframes reveal{0%{opacity:0;filter:blur(10px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}.navbar.rise{animation-name:reveal-nav}@keyframes reveal-nav{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes float{0%,to{translate:0}50%{translate:0 -4px}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ff522929}50%{box-shadow:0 0 0 5px #ff522914}}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(.82)rotate(-8deg)}60%{transform:scale(1.22)rotate(6deg)translateY(-6px)}to{transform:scale(1)}}@keyframes spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.4)}}@keyframes sheen{0%,70%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation:none!important}}@media (width<=1100px){.page{padding-inline:40px;padding-bottom:44px}.navbar,.footer{padding-inline:40px}}@media (width<=720px){body.lp{--nav-h:53px}.navbar{padding:10px 24px}.page{padding:56px 24px 24px}.eyebrow{margin-bottom:20px}.title{gap:4px;font-size:clamp(28px,8.4vw,48px)}.title-row{gap:8px}.emoji{width:1em}.emoji.house{height:.95em}.emoji.folder{height:.82em}.lede{font-size:16px}.bg-dots{display:none}.rise{animation-duration:.583s;animation-delay:calc(var(--i,0) * 50ms + 33ms)}.demo{margin-top:48px}.footer{padding:24px 24px max(28px, env(safe-area-inset-bottom))}.footer nav{gap:8px 16px}.demo{padding-inline:8px}}@media (width<=699px){.demo{display:none}.page{flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:40px;display:flex}.join{max-width:320px}}@media (width<=480px){.join-form{box-shadow:none;background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:10px;padding:0}.join-form:focus-within{box-shadow:none}.join-input{height:48px;box-shadow:0 0 0 1px var(--c-border-strong);background:#fff;border-radius:14px;flex:none;padding:0 16px}.join-input:focus,.join-input:focus-visible{box-shadow:0 0 0 1px #ff5229,0 0 0 5px #ff52291f}.join-btn{border-radius:14px;height:48px}}.nav-container{grid-template-columns:1fr auto 1fr;gap:16px;display:grid}.logo{justify-self:start}.nav-end{justify-self:end;align-items:center;gap:8px;display:flex}.nav-links{align-items:center;gap:2px;display:flex;position:relative}.nav-links a{z-index:1;height:32px;font-size:var(--fs-sm);color:var(--c-text-muted);transition:color var(--dur) var(--ease-out);border-radius:999px;align-items:center;padding:0 12px;font-weight:500;display:inline-flex;position:relative}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--c-text)}.nav-glide{opacity:0;pointer-events:none;height:32px;transition:transform .34s var(--ease-out), width .34s var(--ease-out), opacity .2s var(--ease-out);background:#1213160f;border-radius:999px;position:absolute;top:0;left:0}.nav-glide.on{opacity:1}.nav-glide.instant{transition:none}.nav-menu-btn{cursor:pointer;background:#1213160d;border:0;border-radius:999px;align-content:center;place-items:center;gap:5px;width:32px;height:32px;padding:0;display:none}.nav-menu-btn span{background:var(--c-text);width:14px;height:1.5px;transition:transform .3s var(--ease-out);border-radius:2px;display:block}.nav-menu-btn[aria-expanded=true] span:first-child{transform:translateY(3.25px)rotate(45deg)}.nav-menu-btn[aria-expanded=true] span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.nav-sheet{border-bottom:1px solid var(--c-border);opacity:0;transition:opacity .2s var(--ease-out), transform .3s var(--ease-out);background:#fff;flex-direction:column;padding:6px 24px 18px;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px);box-shadow:0 18px 30px -24px #10121840}.nav-sheet.open{opacity:1;transform:none}body.menu-open .navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.nav-sheet a{letter-spacing:-.015em;border-bottom:1px solid var(--c-border);align-items:center;height:46px;font-size:17px;font-weight:500;display:flex}.nav-sheet a:last-child{border-bottom:0}.nav-sheet a[aria-current=page]{color:var(--c-accent)}@media (width<=720px){.nav-container{grid-template-columns:1fr auto}.nav-links{display:none}.nav-menu-btn{display:inline-grid}}.sub{z-index:1;width:100%;max-width:960px;margin:0 auto;padding-bottom:48px;position:relative}.sub-hero{text-align:center;flex-direction:column;align-items:center;max-width:680px;margin:0 auto;display:flex}.sub .title-row{white-space:normal;text-wrap:balance}.title-row.soft{color:inherit}.sub-hero .lede{max-width:540px}.section{margin-top:96px}.section-head{text-align:center;flex-direction:column;align-items:center;max-width:560px;margin:0 auto 36px;display:flex}.section-head h2{letter-spacing:-.03em;color:#111214;text-wrap:balance;margin:0;font-size:28px;font-weight:600;line-height:1.12}.section-head h2 span{display:block}.section-head p{color:var(--c-text-muted);text-wrap:balance;margin:12px 0 0;font-size:16px;line-height:1.5}.kicker{letter-spacing:-.005em;color:var(--c-accent);margin:0 0 14px;font-size:13px;font-weight:600}.btn{cursor:pointer;letter-spacing:-.01em;white-space:nowrap;height:40px;transition:background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), transform .12s var(--ease-out), color var(--dur);will-change:transform;backface-visibility:hidden;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn svg{transition:transform .3s var(--ease-out);flex:none}.btn:hover svg.arrow{transform:translate(2px,-2px)}.btn-ink{background:var(--c-primary);color:var(--c-on-primary);box-shadow:var(--shadow-xs)}.btn-ink:hover{background:var(--c-primary-hover)}.btn-ghost{color:var(--c-text);box-shadow:0 0 0 1px var(--c-border-strong), var(--shadow-xs);background:#fff}.btn-ghost:hover{background:var(--c-bg-subtle)}.btn-light{color:#121316;background:#fff}.btn-light:hover{background:#f1f2f5}.btn[aria-disabled=true]{cursor:default;color:var(--c-text-subtle);background:var(--c-surface);box-shadow:none}.btn[aria-disabled=true]:active{transform:none}.btn-wide{width:100%;height:44px}.store-foot .btn{height:32px;font-size:var(--fs-sm);letter-spacing:0;gap:6px;padding:0 14px}.store-foot .btn svg{width:13px;height:13px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.pill-soft{background:var(--c-surface);color:var(--c-text-muted)}.pill-accent{background:var(--c-accent-tint);color:var(--c-link)}.pill-success{color:#1b7f46;background:#23a35a1a}.g-icon{color:#fff;background:linear-gradient(135deg,#ff8a4c,#ee5a2a 55%,#d9381e);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #ffffff40,0 6px 14px -6px #ee5a2a8c}.stores{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:56px 0 0;display:grid}.store{box-shadow:var(--shadow-sheet), 0 20px 40px -28px #1012182e;transition:box-shadow .3s var(--ease-out), transform .3s var(--ease-out);background:#fff;border-radius:22px;flex-direction:column;gap:16px;padding:26px;display:flex;position:relative}@media (hover:hover){.store:hover{box-shadow:var(--shadow-sheet), 0 28px 50px -26px #1012183d;transform:translateY(-2px)}}.store-top{align-items:center;gap:14px;display:flex}.logo-tile{width:56px;height:56px;box-shadow:0 0 0 1px var(--c-border), 0 2px 6px #1012180f;background:#fff;border-radius:16px;flex:none;place-items:center;display:grid}.logo-tile img{width:34px;height:34px}.store h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.store-where{color:var(--c-text-subtle);margin:2px 0 0;font-size:13px}.store-top .pill{align-self:flex-start;margin-left:auto}.store-desc{color:var(--c-text-muted);margin:0;font-size:15px;line-height:1.5}.store-also{color:var(--c-text-subtle);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.store-also img{width:16px;height:16px}.store-also span{align-items:center;gap:5px;display:inline-flex}.store-foot{align-items:center;gap:12px;margin-top:auto;padding-top:4px;display:flex}.store-note{color:var(--c-text-subtle);font-size:13px;line-height:1.4}.browsers{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.browser{flex-direction:column;align-items:center;gap:10px;width:108px;display:flex}.browser-tile{background:var(--c-canvas);width:76px;height:76px;box-shadow:inset 0 0 0 1px var(--c-border);border-radius:22px;place-items:center;display:grid;position:relative}.browser-tile img{width:40px;height:40px}.browser-tile .initial{color:#fff;background:linear-gradient(135deg,#fb7185,#8b5cf6 50%,#3b82f6);border-radius:12px;place-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:grid}.browser b{letter-spacing:-.01em;font-size:14px;font-weight:600}.browser small{color:var(--c-text-subtle);margin-top:-6px;font-size:12px}.browser.soon .browser-tile img{opacity:.55;filter:saturate(.6)}.feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feat{box-shadow:inset 0 0 0 1px var(--c-border), 0 1px 2px #1213160a;background:#fff;border-radius:24px;flex-direction:column;padding:8px 8px 26px;display:flex}.feat h3{letter-spacing:-.02em;margin:22px 20px 0;font-size:17px;font-weight:600}.feat p{color:var(--c-text-muted);margin:8px 20px 0;font-size:15px;line-height:1.55}.feat-art{border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:210px;display:flex;position:relative;overflow:hidden}.feat-art.peach{background:linear-gradient(160deg,#fff3ec,#ffe2d3)}.feat-art.sky{background:linear-gradient(160deg,#eef5ff,#dbe9ff)}.feat-art.mint{background:linear-gradient(160deg,#eefaf3,#d6f2e2)}.feat-art kbd{min-width:30px;height:30px;box-shadow:0 0 0 1px var(--c-border-strong), 0 2px 0 var(--c-border-strong), 0 6px 14px #1213160f;border-radius:8px;justify-content:center;padding:0 8px;font-size:14px}.fa-bar{width:84%;height:38px;box-shadow:0 8px 24px #12131614, inset 0 0 0 1px var(--c-border);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:0 8px 0 12px;display:flex}.fa-dots{gap:4px;display:flex}.fa-dots i{background:#e3e5e9;border-radius:50%;width:7px;height:7px}.fa-url{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--c-text-subtle);flex:1;font-size:11.5px;overflow:hidden}.fa-ext{background:var(--c-accent-tint);width:28px;height:28px;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--c-accent-ring);border-radius:8px;place-items:center;display:grid}.fa-keys{gap:6px;display:flex}.fa-tip{color:#fff;background:#121316;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 6px 16px #1213162e}.fa-tip svg{color:#6ee7a0}.fa-panel{width:78%;box-shadow:0 10px 30px #1213161a, inset 0 0 0 1px var(--c-border);background:#fff;border-radius:14px;padding:10px;position:absolute;top:26px;left:50%;transform:translate(-50%)}.fa-search{background:var(--c-canvas);height:28px;color:var(--c-text-subtle);border-radius:8px;align-items:center;gap:6px;margin-bottom:6px;padding:0 9px;font-size:11.5px;display:flex}.fa-row{z-index:1;border-radius:9px;align-items:center;gap:9px;height:38px;padding:0 6px;display:flex;position:relative}.fa-row span:last-child{flex-direction:column;min-width:0;display:flex}.fa-row b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.fa-row small{color:var(--c-text-subtle);font-size:10.5px}.fa-hl{background:var(--c-canvas);border-radius:9px;height:38px;position:absolute;top:44px;left:10px;right:10px;transform:translateY(38px)}.fa-caret{background:var(--c-text-subtle);opacity:0;width:1px;height:12px;margin-left:-4px;display:inline-block}.fa-thumb{border-radius:6px;flex:none;width:34px;height:26px}.fa-thumb.t1{background:#f5e146}.fa-thumb.t2{background:linear-gradient(135deg,#5e6ad2,#8b93f0)}.fa-thumb.t3{background:linear-gradient(135deg,#1f2937,#4b5563)}.fa-tools{box-shadow:0 10px 30px #1213161a, inset 0 0 0 1px var(--c-border);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.fa-tool{background:var(--c-canvas);border-radius:10px;width:36px;height:36px}.fa-tool.finds{background:var(--c-accent-tint);place-items:center;display:grid;position:relative}.fa-tool.finds i{background:var(--c-success);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 2px #fff}.feats.playing{--loop:5s}.feats.playing .fa-keys kbd{animation:fa-key var(--loop) var(--ease-out) infinite}.feats.playing .fa-keys kbd:nth-child(2){animation-name:fa-key2}.feats.playing .fa-keys kbd:nth-child(3){animation-name:fa-key3}.feats.playing .fa-ext{animation:fa-pulse var(--loop) var(--ease-out) infinite}.feats.playing .peach .fa-tip{animation:fa-tip var(--loop) var(--ease-out) infinite}.feats.playing .fa-hl{animation:fa-hl var(--loop) cubic-bezier(.65, 0, .35, 1) infinite}.feats.playing .fa-caret{animation:1s step-end infinite fa-blink}.feats.playing .fa-tool.finds{animation:fa-press var(--loop) var(--ease-out) infinite}.feats.playing .fa-tool.finds i{animation:fa-check var(--loop) cubic-bezier(.34, 1.56, .64, 1) infinite}.feats.playing .mint .fa-tip{animation:fa-tip2 var(--loop) var(--ease-out) infinite}@keyframes fa-key{0%,10%{transform:none}13%,34%{box-shadow:0 0 0 1px var(--c-border-strong), 0 0 0 var(--c-border-strong);transform:translateY(2px)}38%,to{transform:none}}@keyframes fa-key2{0%,16%{transform:none}19%,34%{box-shadow:0 0 0 1px var(--c-border-strong), 0 0 0 var(--c-border-strong);transform:translateY(2px)}38%,to{transform:none}}@keyframes fa-key3{0%,22%{transform:none}25%,34%{box-shadow:0 0 0 1px var(--c-border-strong), 0 0 0 var(--c-border-strong);transform:translateY(2px)}38%,to{transform:none}}@keyframes fa-pulse{0%,30%{transform:none}36%{transform:scale(1.14)}44%,to{transform:none}}@keyframes fa-tip{0%,36%{opacity:0;transform:translateY(8px)scale(.96)}44%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(4px)}}@keyframes fa-hl{0%,18%{transform:translateY(0)}28%,52%{transform:translateY(38px)}62%,86%{transform:translateY(76px)}96%,to{transform:translateY(0)}}@keyframes fa-blink{50%{opacity:1}}@keyframes fa-press{0%,24%{transform:none}28%{transform:scale(.9)}34%,to{transform:none}}@keyframes fa-check{0%,30%{transform:scale(0)}40%,86%{transform:scale(1)}94%,to{transform:scale(0)}}@keyframes fa-tip2{0%,40%{opacity:0;transform:translateY(8px)scale(.96)}48%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(4px)}}kbd{height:20px;box-shadow:0 0 0 1px var(--c-border-strong), 0 1px 0 var(--c-border-strong);font:500 12px/1 var(--font);color:var(--c-text);background:#fff;border-radius:6px;align-items:center;padding:0 6px;display:inline-flex}.phone-card{background:linear-gradient(135deg,#fde9df,#fff3cc 60%,#e3efff);border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:24px;max-width:920px;margin:0 auto;padding:28px 30px;display:grid;box-shadow:inset 0 0 0 1px #1213160d}.phone-card h3{letter-spacing:-.02em;margin:0 0 6px;font-size:20px;font-weight:600}.phone-card p{max-width:520px;color:var(--c-text-muted);margin:0;font-size:15px;line-height:1.5}.log{margin-top:64px}.entry{border-top:1px solid var(--c-border);grid-template-columns:170px minmax(0,1fr);gap:32px;padding:40px 0;display:grid}.entry:first-child{border-top:0;padding-top:8px}.entry-when{flex-direction:column;align-self:start;gap:8px;display:flex;position:sticky;top:96px}.entry-when time{letter-spacing:-.01em;color:var(--c-text);font-size:14px;font-weight:600}.entry-when .pill{align-self:flex-start}.tag-launch{color:#c2410c;background:#ffe8dc}.tag-feature{color:#1d4ed8;background:#e0edff}.tag-pro{color:#6d28d9;background:#efe6ff}.tag-plans{color:#a16207;background:#fff1c7}.tag-accounts{color:#15803d;background:#d9f5e6}.tag-beta{color:#be185d;background:#ffe1ee}.entry-ver{color:var(--c-text-subtle);font-size:12.5px}.entry h2{letter-spacing:-.025em;color:#111214;margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.2}.entry p{color:var(--c-text-muted);margin:0;font-size:16px;line-height:1.6}.entry ul{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.entry li{color:var(--c-text-muted);padding-left:20px;font-size:15px;line-height:1.55;position:relative}.entry li:before{content:"";background:var(--c-accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--c-accent-tint);border-radius:50%;position:absolute;top:.62em;left:3px}.entry li b{color:var(--c-text);font-weight:600}.docs{grid-template-columns:220px minmax(0,1fr);gap:64px;margin-top:64px;display:grid}.toc{flex-direction:column;align-self:start;display:flex;position:sticky;top:96px}.toc p{letter-spacing:.02em;text-transform:uppercase;color:var(--c-text-subtle);margin:0 0 12px;font-size:12px;font-weight:600}.toc-list{box-shadow:inset 1px 0 0 var(--c-border);flex-direction:column;padding-left:16px;display:flex;position:relative}.toc-marker{background:var(--c-accent);opacity:0;width:2px;height:0;transition:transform .38s var(--ease-out), height .38s var(--ease-out), opacity .2s;border-radius:2px;position:absolute;top:0;left:0}.toc-marker.on{opacity:1}.toc a{font-size:var(--fs-sm);color:var(--c-text-subtle);transition:color var(--dur) var(--ease-out);padding:6px 0;font-weight:500;display:block}.toc a:hover{color:var(--c-text-muted)}.toc a.on{color:var(--c-text)}.doc section{border-bottom:1px solid var(--c-border);margin-bottom:48px;padding-bottom:48px;scroll-margin-top:90px}.doc section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.doc h2{letter-spacing:-.025em;color:#111214;align-items:center;gap:12px;margin:0 0 14px;font-size:21px;font-weight:600;display:flex}.doc h2 .g-icon{border-radius:9px;width:30px;height:30px}.doc h3{letter-spacing:-.015em;margin:28px 0 8px;font-size:17px;font-weight:600}.doc p,.doc li{color:var(--c-text-muted);font-size:16px;line-height:1.65}.doc p{margin:0 0 12px}.doc ul,.doc ol{margin:0 0 12px;padding-left:22px}.doc li{margin-bottom:6px}.doc li::marker{color:var(--c-text-subtle)}.doc b{color:var(--c-text);font-weight:600}.doc a:not(.btn){color:var(--c-text);text-decoration:underline;-webkit-text-decoration-color:var(--c-border-strong);text-decoration-color:var(--c-border-strong);text-underline-offset:3px}.doc a:not(.btn):hover{text-decoration-color:currentColor}.note{background:var(--c-bg-subtle);box-shadow:inset 0 0 0 1px var(--c-border);color:var(--c-text-muted);border-radius:14px;gap:10px;margin:16px 0;padding:14px 16px;font-size:15px;line-height:1.55;display:flex}.note svg{color:var(--c-accent);flex:none;margin-top:3px}.keys{border-collapse:collapse;width:100%;margin:8px 0 0;font-size:15px}.keys td{border-bottom:1px solid var(--c-border);color:var(--c-text-muted);padding:12px 0}.keys td:last-child{text-align:right;white-space:nowrap}.keys tr:last-child td{border-bottom:0}.period{background:var(--c-surface);border-radius:999px;gap:2px;margin-top:32px;padding:4px;display:inline-flex;position:relative}.period button{z-index:1;cursor:pointer;height:34px;color:var(--c-text-muted);transition:color var(--dur);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.period button[aria-checked=true]{color:var(--c-text)}.period-thumb{z-index:0;height:34px;box-shadow:var(--shadow-sm);transition:transform .38s var(--ease-out), width .38s var(--ease-out);background:#fff;border-radius:999px;position:absolute;top:4px;left:4px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:40px 0 0;display:grid}.plan{background:var(--c-canvas);box-shadow:inset 0 0 0 1px var(--c-border);border-radius:26px;flex-direction:column;gap:6px;padding:8px;display:flex}.plan-head{align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.plan-head h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}.plan-head .pill{margin-left:auto}.plan-body{box-shadow:var(--shadow-sheet);background:#fff;border-radius:20px;flex-direction:column;gap:18px;padding:24px;display:flex}.price{align-items:baseline;gap:8px;display:flex}.price strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1}.price>span{color:var(--c-text-subtle);font-size:14px}.price-note{min-height:20px;color:var(--c-text-subtle);margin:-10px 0 0;font-size:13px}.plan-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-list li{color:var(--c-text-muted);align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.plan-list svg{color:var(--c-success);flex:none;margin-top:2px}.plan-fine{color:var(--c-text-subtle);margin:0;padding:4px 16px 10px;font-size:13px;line-height:1.45}.plan.pro{background:#121316;box-shadow:0 30px 60px -30px #10121880}.plan.pro .plan-head h2{color:#f2f3f5}.plan.pro .plan-body{background:#1d1e22;box-shadow:inset 0 0 0 1px #ffffff0f}.plan.pro .price strong{color:#fff}.plan.pro .price>span,.plan.pro .price-note,.plan.pro .plan-fine{color:#8e939d}.plan.pro .plan-list li{color:#c9ccd3}.plan.pro .plan-list svg{color:#ff8a4c}.plan.pro .pill-accent{color:#ffb48a;background:#ff8a4c29}.price strong .num{transition:opacity .2s var(--ease-out), transform .3s var(--ease-out);display:inline-block}.price strong .num.swap{opacity:0;transform:translateY(6px)}.compare-row{border-bottom:1px solid var(--c-border);grid-template-columns:minmax(0,1fr) 140px 140px;align-items:center;min-height:52px;font-size:15px;display:grid}.compare-row>:not(:first-child){text-align:center;color:var(--c-text-muted)}.compare-row.head{min-height:44px;color:var(--c-text-subtle);font-size:13px;font-weight:600}.compare-row.head>:not(:first-child){color:var(--c-text)}.compare-row .cmp-feat{color:var(--c-text);align-items:center;gap:12px;display:flex}.compare-row .cmp-feat svg{color:var(--c-text-subtle)}.compare .yes{color:#1b7f46;background:#23a35a1f;border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.compare .no{background:var(--c-border-strong);vertical-align:middle;border-radius:2px;width:12px;height:1.5px;display:inline-block}.faq{grid-template-columns:300px minmax(0,1fr);gap:48px;display:grid}.faq-intro h2{letter-spacing:-.03em;color:#111214;margin:0;font-size:28px;font-weight:600;line-height:1.12}.faq-intro p{color:var(--c-text-muted);margin:12px 0 0;font-size:16px;line-height:1.5}.faq-intro .kicker,.section-head .kicker{margin:0 0 14px}.faq-intro a{color:var(--c-text);text-decoration:underline;-webkit-text-decoration-color:var(--c-border-strong);text-decoration-color:var(--c-border-strong);text-underline-offset:3px}.faq-list{flex-direction:column;gap:8px;display:flex}.qa{background:var(--c-canvas);transition:background-color .32s var(--ease-out), box-shadow .32s var(--ease-out);border-radius:18px}.qa[open]:not(.closing){box-shadow:var(--shadow-sheet);background:#fff}.qa summary{cursor:pointer;letter-spacing:-.015em;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:16px;font-weight:500;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary i{background:#1213160f;border-radius:50%;flex:none;width:24px;height:24px;position:relative}.qa summary i:before,.qa summary i:after{content:"";background:var(--c-text);width:10px;height:1.5px;transition:transform .3s var(--ease-out);border-radius:2px;position:absolute;top:11.25px;left:7px}.qa summary i:after{transform:rotate(90deg)}.qa[open]:not(.closing) summary i:after{transform:rotate(0)}.qa-body{overflow:hidden}.qa-body p{color:var(--c-text-muted);margin:0;padding:0 20px 20px;font-size:15px;line-height:1.6}.qa-body a{color:var(--c-text);text-decoration:underline;-webkit-text-decoration-color:var(--c-border-strong);text-decoration-color:var(--c-border-strong);text-underline-offset:3px}.cta{text-align:center;background:var(--c-canvas);max-width:920px;box-shadow:inset 0 0 0 1px var(--c-border);border-radius:28px;flex-direction:column;align-items:center;gap:14px;margin:0 auto;padding:56px 24px 52px;display:flex;position:relative;overflow:hidden}.cta:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ee5a2a33,#ee5a2a00);border-radius:50%;width:640px;height:320px;position:absolute;bottom:-220px;left:50%;transform:translate(-50%)}.cta>*{z-index:1;position:relative}.cta h2{letter-spacing:-.032em;color:#111214;margin:6px 0 0;font-size:34px;font-weight:600;line-height:1.1}.cta h2 span{color:var(--c-text-subtle);display:block}.cta p{max-width:440px;color:var(--c-text-muted);margin:0;font-size:16px;line-height:1.5}.cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}@media (width<=900px){.docs{grid-template-columns:minmax(0,1fr);gap:32px}.toc{position:static}.toc-list{box-shadow:none;flex-flow:wrap;gap:6px;padding-left:0}.toc-marker{display:none}.toc a{background:var(--c-surface);color:var(--c-text-muted);border-radius:999px;padding:6px 12px}.faq{grid-template-columns:minmax(0,1fr);gap:24px}}@media (width<=760px){.stores,.plans,.feats,.phone-card{grid-template-columns:minmax(0,1fr)}.entry{grid-template-columns:minmax(0,1fr);gap:12px;padding:32px 0}.entry-when{flex-direction:row;align-items:center;position:static}.compare-row{grid-template-columns:minmax(0,1fr) 72px 72px;font-size:14px}.section{margin-top:72px}.section-head h2,.faq-intro h2{font-size:24px}.cta h2{font-size:28px}}@media (width<=699px){body:not([data-page=landing]) .page{padding-top:48px;display:block}}@media (width<=480px){.store,.plan-body{padding:20px}.store-foot{flex-direction:column;align-items:stretch}.store-foot .btn{width:100%}.browser{width:92px}.browser-tile{border-radius:18px;width:64px;height:64px}.browser-tile img{width:34px;height:34px}}body.pay-page .page{flex-direction:column;align-items:center;min-height:100dvh;padding-top:32px;padding-bottom:40px;display:flex}body.pay-page[data-state=done] .page,body.pay-page[data-state=error] .page{justify-content:center}.pay-top{z-index:1;width:100%;max-width:920px;margin-bottom:22px;position:relative}.pay-back{font-size:var(--fs-sm);color:var(--c-text-muted);transition:color var(--dur);align-items:center;gap:6px;font-weight:500;display:inline-flex}.pay-back:hover{color:var(--c-text)}.pay-layout{z-index:1;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:920px;display:grid;position:relative}body[data-state=done] :is(.pay-top,.pay-layout),body[data-state=error] :is(.pay-top,.pay-layout){display:none}.pay-summary{color:#f2f3f5;background:#121316;border-radius:26px;flex-direction:column;gap:18px;padding:26px;display:flex;position:sticky;top:24px;box-shadow:0 30px 60px -30px #10121880}.pay-summary-head{align-items:center;gap:12px;display:flex}.pay-summary-head img{border-radius:11px;width:40px;height:40px}.pay-summary-head b{letter-spacing:-.015em;font-size:16px;font-weight:600;display:block}.pay-summary-head span{color:#8e939d;font-size:13px}.pay-price{align-items:baseline;gap:8px;display:flex}.pay-price strong{letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1}.pay-price span{color:#8e939d;font-size:14px}.pay-note{color:#8e939d;margin:-10px 0 0;font-size:13px;line-height:1.45}.pay-lines{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin:0;padding-top:16px;display:flex}.pay-lines div{justify-content:space-between;gap:12px;font-size:14px;display:flex}.pay-lines dt{color:#a3a8b1}.pay-lines dd{color:#e6e7ea;font-variant-numeric:tabular-nums;text-align:right;margin:0}.pay-lines .pay-due{border-top:1px solid #ffffff14;margin-top:4px;padding-top:12px}.pay-due dt,.pay-due dd{color:#fff;font-weight:600}.pay-list{border-top:1px solid #ffffff14;flex-direction:column;gap:9px;margin:0;padding:16px 0 0;list-style:none;display:flex}.pay-list li{color:#c9ccd3;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.pay-list svg{color:#ff8a4c;flex:none;margin-top:2px}.pay-trust{color:#8e939d;margin:0;font-size:12.5px;line-height:1.5}.pay-form{min-height:480px;box-shadow:inset 0 0 0 1px var(--c-border), var(--shadow-sheet);background:#fff;border-radius:26px;padding:20px 20px 16px;position:relative}.pay-loading{color:var(--c-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}body:not([data-state=loading]) .pay-loading{display:none}.pay-spinner{border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.pay-secure{color:var(--c-text-subtle);text-align:center;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:12.5px;display:flex}.pay-card{z-index:1;text-align:center;width:100%;max-width:440px;box-shadow:inset 0 0 0 1px var(--c-border), var(--shadow-sheet);background:#fff;border-radius:28px;flex-direction:column;align-items:center;padding:40px 32px 36px;display:none;position:relative}body[data-state=done] .pay-card,body[data-state=error] .pay-card{animation:reveal .42s var(--ease-out) both;display:flex}.pay-brand img{border-radius:12px;width:44px;height:44px;display:block}.pay-state{flex-direction:column;align-items:center;display:none}body[data-state=done] .pay-state[data-for=done],body[data-state=error] .pay-state[data-for=error]{display:flex}.pay-state h1{letter-spacing:-.025em;color:#111214;text-wrap:balance;margin:18px 0 0;font-size:24px;font-weight:600;line-height:1.2}.pay-state p{max-width:340px;color:var(--c-text-muted);text-wrap:balance;margin:10px 0 0;font-size:15px;line-height:1.5}.pay-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.pay-actions .btn{height:36px;font-size:var(--fs-sm);padding:0 16px}.pay-fine{z-index:1;color:var(--c-text-subtle);text-align:center;margin:22px 0 0;font-size:13px;position:relative}.pay-fine a{transition:color var(--dur)}.pay-fine a:hover{color:var(--c-text)}@media (width<=760px){.pay-layout{grid-template-columns:minmax(0,1fr)}.pay-summary{gap:16px;position:static}.pay-list{display:none}}@media (width<=480px){.pay-summary{border-radius:22px;padding:22px}.pay-form{border-radius:22px;padding:14px 12px 12px}.pay-card{border-radius:24px;padding:32px 22px 28px}}