@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:optional;src:url(../media/dbd827405181b508-s.p.1e7lfzpvfrh7f.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:optional;src:url(../media/101a8ea8ee0a71f8-s.1-avrnevmoafi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:optional;src:url(../media/a80398e50828056b-s.1n1ntp5se85-_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:optional;src:url(../media/996b4d9a15bee5b0-s.0kf5m0zv7sxld.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:optional;src:url(../media/9d760601823f9ac2-s.0ongx-zmnmtio.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:optional;src:url(../media/e683b1ee568be024-s.p.0sv86lbjkn8rn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik Fallback;src:local(Arial);ascent-override:89.06%;descent-override:23.81%;line-gap-override:0.0%;size-adjust:104.98%}.aeugcW_className{font-family:Rubik,Rubik Fallback;font-style:normal}.aeugcW_variable{--font-rubik:"Rubik", "Rubik Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(../media/49b1d53681a91a99-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(../media/123d516c9baeb953-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(../media/a74d2542cc4c775f-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(../media/7ac0b1cd3e695dd0-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(../media/916cd8a3bde3edf8-s.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:optional;src:url(../media/e60f3e45d49b65c3-s.352ti9pm7m6qh.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:optional;src:url(../media/1f5edaafc8393c36-s.0o-3_g79811ob.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:optional;src:url(../media/f1c080d8717d5d0c-s.0ngr-xkgqz1kf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:optional;src:url(../media/afc8e0e4a8c58d89-s.15orukf5wyxb5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:optional;src:url(../media/2880e9b87afbd5d9-s.226pwps5o-gq_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.UiGDkW_className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.UiGDkW_variable{--font-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--page:#f2f1ee;--card:#fbfaf8;--raise:#fdfcfa;--sunk:#eceae6;--line:#e2dfda;--line-strong:#c9c5bf;--fg:#1c1917;--fg2:#67625d;--accent:#b93d0b;--accent-fill:#b93d0b;--on-accent:#fff;--glow:#fb923c;--tint:#ffedd5;--tint-fg:#9a3412;--badge:#dc2626;--ok:#0a7552;--tile:#f7f6f3;--tile-line:#e2dfda;--tile-dark:#292524;--phone-body:#1b1c20;--phone-rim:#3a3c42;--shadow:0 40px 80px -30px #3c1e0a4d, 0 14px 30px -14px #1c191738;--font:var(--font-rubik), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-plex-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--ease:cubic-bezier(.05, .7, .1, 1);--ease-std:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.3, 0, .8, .15);--max:1160px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#16171b;--card:#1e2025;--raise:#25282e;--sunk:#1a1b20;--line:#363a42;--line-strong:#4c515b;--fg:#edeef0;--fg2:#a1a6b0;--accent:#fb923c;--accent-fill:#fb923c;--on-accent:#2a1204;--glow:#fb923c;--tint:#3a2310;--tint-fg:#fdba74;--ok:#34d399;--tile:#e4e6ea;--tile-line:#c4c8cf;--tile-dark:#25282e;--phone-body:#0c0d10;--phone-rim:#34363c;--shadow:0 40px 90px -30px #000000b3, 0 0 0 1px #ffffff08;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:not([data-theme=light]) .only-light{display:none}:root:not([data-theme=light]) .only-dark{display:block}:root:not([data-theme=light]) .shot a.only-light{display:none}:root:not([data-theme=light]) .shot a.only-dark{display:block}:root:not([data-theme=light]) .app-pill{--pb:var(--pbd);--pf:var(--pfd)}}:root[data-theme=dark]{--page:#16171b;--card:#1e2025;--raise:#25282e;--sunk:#1a1b20;--line:#363a42;--line-strong:#4c515b;--fg:#edeef0;--fg2:#a1a6b0;--accent:#fb923c;--accent-fill:#fb923c;--on-accent:#2a1204;--glow:#fb923c;--tint:#3a2310;--tint-fg:#fdba74;--ok:#34d399;--tile:#e4e6ea;--tile-line:#c4c8cf;--tile-dark:#25282e;--phone-body:#0c0d10;--phone-rim:#34363c;--shadow:0 40px 90px -30px #000000b3, 0 0 0 1px #ffffff08;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.only-dark,:root[data-theme=dark] .only-light{display:none}:root[data-theme=dark] .only-dark{display:block}:root[data-theme=dark] .shot a.only-light{display:none}:root[data-theme=dark] .shot a.only-dark{display:block}:root[data-theme=dark] .app-pill{--pb:var(--pbd);--pf:var(--pfd)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--page);color:var(--fg);font:400 1.0625rem/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--page);position:fixed;inset:0 0 auto}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.skip{inset-inline-start:16px;z-index:40;background:var(--fg);color:var(--page);border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px}.skip:focus{top:12px}.wrap{max-width:calc(var(--max) + 48px);padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));margin-inline:auto}@media (max-width:560px){.wrap{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}}h1,h2,h3{font-family:var(--font);text-wrap:balance;letter-spacing:-.02em;margin:0}h2{font-size:clamp(1.9rem,3.8vw,3.1rem);font-weight:700;line-height:1.1}h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:600;line-height:1.25}p{margin:0}.eyebrow{font:600 .78rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.lede{color:var(--fg2);max-width:56ch;font-size:1.15rem}section{padding-block:clamp(72px,10vw,128px)}.head{gap:16px;max-width:720px;margin-bottom:clamp(40px,6vw,64px);display:grid}.ar{font-family:var(--font)}[dir=rtl] .eyebrow,[dir=rtl] .step .num{font-family:var(--font);letter-spacing:0;text-transform:none;font-size:.9rem}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}.top{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb, var(--page) 94%, transparent);border-bottom:1px solid var(--line);position:sticky}.top .wrap{align-items:center;gap:24px;height:64px;display:flex}.brand{font:700 1.2rem/1 var(--font);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.mark{background:#b93d0b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.mark svg{width:30px;height:30px}.nav{gap:26px;margin-inline-start:auto;font-size:.95rem;display:flex}.nav a{color:var(--fg2);transition:color .25s var(--ease-std);text-decoration:none}.nav a:hover{color:var(--fg)}.tools{align-items:center;gap:10px;display:flex}.langs{border:1px solid var(--line);background:var(--card);border-radius:12px;gap:2px;padding:3px;display:flex}.langs a{min-width:34px;height:32px;color:var(--fg2);transition:background-color .25s var(--ease-std), color .25s var(--ease-std);border-radius:9px;place-items:center;padding-inline:8px;font-size:.82rem;font-weight:600;text-decoration:none;display:grid}.langs a[aria-current=page]{background:var(--tint);color:var(--tint-fg)}.icon-btn{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--fg);cursor:pointer;transition:border-color .25s var(--ease-std), background-color .25s var(--ease-std);border-radius:12px;place-items:center;display:grid}.icon-btn:hover{border-color:var(--line-strong)}.icon-btn svg{width:19px;height:19px}.top .get{background:var(--fg);color:var(--page);white-space:nowrap;border-radius:12px;padding:10px 16px;font-size:.92rem;font-weight:600;text-decoration:none}.progress{background:var(--accent);transform-origin:0;height:2px;position:absolute;inset:auto 0 -1px;transform:scaleX(0)}[dir=rtl] .progress{transform-origin:100%}@media (max-width:960px){.nav{display:none}.tools{margin-inline-start:auto}}@media (max-width:480px){.top .get{display:none}}.play{color:#fff;min-height:58px;transition:transform .25s var(--ease-std);background:#0b0b0c;border:1px solid #3a3a3d;border-radius:14px;align-items:center;gap:12px;padding:10px 20px 10px 16px;text-decoration:none;display:inline-flex}a.play:hover{transform:translateY(-2px)}.play svg{flex:none;width:28px;height:28px}.play span{line-height:1.1;display:grid}.play small{letter-spacing:.02em;opacity:.85;font-size:.72rem}.play b{font-size:1.2rem;font-weight:600}.play.soon{cursor:default}.link-arrow{color:var(--accent);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow svg,.btn-main svg{width:18px;height:18px;transition:transform .3s var(--ease)}.link-arrow:hover svg{transform:translate(3px)}[dir=rtl] .link-arrow svg,[dir=rtl] .btn-main svg.arrow{transform:scaleX(-1)}[dir=rtl] .link-arrow:hover svg{transform:scaleX(-1)translate(3px)}.btn-main{background:var(--accent-fill);color:var(--on-accent);cursor:pointer;font:inherit;transition:transform .25s var(--ease-std);border:0;border-radius:14px;align-items:center;gap:10px;padding:14px 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn-main:hover,.btn-soft:hover{transform:translateY(-2px)}.btn-soft{background:var(--card);color:var(--fg);border:1px solid var(--line);cursor:pointer;font:inherit;transition:transform .25s var(--ease-std), border-color .25s var(--ease-std);border-radius:14px;align-items:center;gap:10px;padding:13px 20px;font-weight:600;display:inline-flex}.btn-soft svg{width:18px;height:18px}.phone{--pw:290px;width:var(--pw);z-index:1;max-width:100%;padding:calc(var(--pw) * .03);border-radius:calc(var(--pw) * .15);background:var(--phone-body);box-shadow:var(--shadow), inset 0 0 0 1.5px var(--phone-rim);position:relative}.screen{aspect-ratio:1344/2992;border-radius:calc(var(--pw) * .12);isolation:isolate;--z:.66;direction:ltr;background:#16171b;position:relative;overflow:hidden}.screen iframe,.crop iframe{width:411px;height:914px;transform:scale(var(--z));transform-origin:0 0;pointer-events:none;border:0;display:block;position:absolute;top:0;left:0}.hero .screen{--z:.71}.shots .screen{--z:.52}.story-phone .screen{--z:.69}.step-shot .screen{--z:.57}.screen:after{content:"";aspect-ratio:1;z-index:3;background:#050506;border-radius:50%;width:3.6%;position:absolute;top:1.15%;left:50%;transform:translate(-50%)}.hero{padding-block:clamp(40px,7vw,96px) clamp(56px,8vw,112px);overflow:clip}.hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;display:grid}.hero h1{font-size:clamp(2.5rem,5.8vw,4.7rem);font-weight:700;line-height:1.04}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy{gap:28px;min-width:0;display:grid}.hero-ctas{flex-wrap:wrap;align-items:center;gap:20px 28px;display:flex}.proof{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.proof li{border:1px solid var(--line);background:var(--card);color:var(--fg2);border-radius:99px;align-items:center;gap:8px;padding:7px 12px;font-size:.88rem;display:inline-flex}.proof svg{width:16px;height:16px;color:var(--ok)}.hero-stage{place-items:center;min-width:0;display:grid;position:relative}.hero .phone{--pw:clamp(260px, 26vw, 310px)}.rings{aspect-ratio:1;pointer-events:none;width:150%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.rings i{border:1px solid var(--line);border-radius:50%;margin:auto;position:absolute;inset:0}.rings i:first-child{width:46%;height:46%}.rings i:nth-child(2){opacity:.7;width:68%;height:68%}.rings i:nth-child(3){opacity:.4;width:90%;height:90%}.rings b{border:2px solid var(--glow);opacity:0;border-radius:50%;width:46%;height:46%;margin:auto;position:absolute;inset:0}.rings b:before{content:"";border:2px solid var(--glow);opacity:0;border-radius:50%;position:absolute;inset:-2px}.rings:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--glow) 26%, transparent), transparent);border-radius:50%;position:absolute;inset:22%}.pin{aspect-ratio:1;z-index:2;pointer-events:none;width:15%;position:absolute;top:36.4%;left:53%;transform:translate(-50%,-50%)}.pin:before,.pin:after{content:"";opacity:0;border:2px solid #fb923c;border-radius:50%;position:absolute;inset:0}@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero-stage{margin-top:12px}}.hu{z-index:4;font-size:calc(var(--pw) * .041);color:#f2f3f5;text-align:left;background:#2a2c33f5;border-radius:1.3em;grid-template-columns:auto 1fr;align-items:start;gap:.6em .7em;padding:.85em .9em;line-height:1.3;display:grid;position:absolute;top:4.4%;left:4%;right:4%;box-shadow:0 12px 30px -8px #0000008c,0 0 0 1px #ffffff0f}.hu .mark{border-radius:.7em;width:2.3em;height:2.3em}.hu .mark svg{width:2em;height:2em}.hu small{color:#a1a6b0;font-size:.78em;display:block}.hu b{font-weight:600;display:block}.hu span{color:#d3d6dc;font-size:.92em}.hu .acts{color:#fdba74;grid-column:2;gap:1.2em;font-size:.9em;font-weight:600;display:flex}.hu .dot{background:var(--badge);border-radius:50%;width:.55em;height:.55em;position:absolute;top:.9em;right:.9em}.story{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(32px,6vw,96px);display:grid;position:relative}.steps{padding-inline-start:36px;position:relative}.rail{inset-inline-start:8px;background:var(--line);border-radius:2px;width:2px;position:absolute;top:12vh;bottom:12vh}.rail i{background:var(--accent);transform-origin:50% 0;transform:scaleY(var(--p,0));border-radius:2px;position:absolute;inset:0}.step{flex-direction:column;justify-content:center;gap:14px;min-height:78vh;display:flex;position:relative}.step .num{font:600 .8rem/1 var(--font-mono);color:var(--fg2);letter-spacing:.08em;text-transform:uppercase}.step .num:before{content:"";background:var(--page);border:2px solid var(--line-strong);width:14px;height:14px;transition:border-color .3s var(--ease-std), background-color .3s var(--ease-std), box-shadow .3s var(--ease-std);border-radius:50%;margin-top:-1px;position:absolute;inset-inline-start:-34px}.step h3{letter-spacing:-.02em;color:var(--fg2);transition:color .3s var(--ease-std);font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:700}.step p{color:var(--fg2);max-width:44ch;font-size:1.08rem}.step.on .num{color:var(--accent)}.step.on .num:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px var(--tint)}.step.on h3{color:var(--fg)}.stages{gap:6px;max-width:360px;margin-top:6px;display:flex}.stages i{background:var(--line);height:4px;transition:background-color .3s var(--ease-std);border-radius:4px;flex:1;position:relative;overflow:hidden}.stages i.f{background:var(--accent)}.steps.loop .step.on .stages i.cur{background:var(--line)}.steps.loop .step.on .stages i.cur:after{content:"";background:var(--accent);transform-origin:0;animation:4s linear both fill;position:absolute;inset:0}[dir=rtl] .steps.loop .step.on .stages i.cur:after{transform-origin:100%}.story-phone{--pw:min(300px, calc((100vh - 120px) / 2.16));top:max(84px, calc(50vh - var(--pw) * 1.08));align-self:start;place-items:center;display:grid;position:sticky}.story-phone .phone{--pw:inherit}.story-phone .screen iframe{opacity:0;transform:translateY(10px) scale(calc(var(--z) * .985));transition:opacity .45s var(--ease-std), transform .55s var(--ease)}.story-phone .screen iframe.on{opacity:1;transform:scale(var(--z))}.step-shot{display:none}@media (max-width:860px){.story{grid-template-columns:1fr}.story-phone{display:none}.step{min-height:0;padding-block:28px}.rail{top:40px;bottom:40px}.step-shot{place-items:center;padding-top:18px;display:grid}.step-shot .phone{--pw:250px}.step h3{color:var(--fg)}}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.cell{--x:50%;--y:50%;background:var(--card);border:1px solid var(--line);min-width:0;transition:transform .35s var(--ease), border-color .35s var(--ease-std), background-color .35s var(--ease-std);border-radius:24px;flex-direction:column;grid-column:span 2;gap:10px;padding:26px;display:flex;position:relative;overflow:hidden}.cell:before{content:"";pointer-events:none;opacity:0;transition:opacity .35s var(--ease-std);background:radial-gradient(260px circle at var(--x) var(--y), color-mix(in srgb, var(--glow) 16%, transparent), transparent 70%);z-index:2;position:absolute;inset:0}@media (hover:hover){.cell:hover{border-color:color-mix(in srgb, var(--glow) 45%, var(--line));transform:translateY(-3px)}.cell:hover:before{opacity:1}}.cell.w4{grid-column:span 4}.cell.tall{grid-row:span 2}.cell p{color:var(--fg2);max-width:46ch;font-size:.98rem}.crop{border:1px solid var(--line);--z:.9;--y:0;background:#16171b;border-radius:16px;margin-top:auto;position:relative;overflow:hidden;box-shadow:0 16px 30px -18px #00000080}.crop iframe{transform:scale(var(--z)) translateY(calc(var(--y) * -1px))}.cell.w4 .crop{max-width:520px}.chips{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.chip{border:1px solid var(--line);background:var(--page);border-radius:99px;padding:7px 12px;font-size:.9rem}.chip.on{background:var(--tint);color:var(--tint-fg);border-color:#0000;font-weight:600}.otp{direction:ltr;gap:8px;margin-top:auto;display:flex}.otp span{border:1px solid var(--line);background:var(--page);width:40px;height:48px;font:600 20px/1 var(--font-mono);border-radius:12px;place-items:center;display:grid}.otp span.cur{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint)}.icon-lg{background:var(--tint);width:44px;height:44px;color:var(--tint-fg);border-radius:14px;place-items:center;display:grid}.icon-lg svg{width:24px;height:24px}@media (max-width:960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.cell{grid-column:span 1}.cell.w4{grid-column:span 2}.cell.tall{grid-row:span 1}}@media (max-width:600px){.bento{grid-template-columns:1fr}.cell,.cell.w4{grid-column:span 1}.cell{padding:22px}}.garage{background:var(--card);border-block:1px solid var(--line)}.garage-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.garage .phone{--pw:300px}.garage-stage{place-items:center;display:grid;position:relative}.garage-stage:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--glow) 20%, transparent), transparent);border-radius:50%;width:80%;position:absolute}.garage-copy{gap:24px;min-width:0;display:grid}.ticks{gap:14px;margin:0;padding:0;list-style:none;display:grid}.ticks li{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.ticks svg{width:22px;height:22px;color:var(--accent);margin-top:3px}.ticks b{font-weight:600;display:block}.ticks span{color:var(--fg2);font-size:.98rem}.garage-ctas{flex-wrap:wrap;gap:12px;display:flex}.gcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(48px,7vw,80px);display:grid}.gcards .cell{background:var(--page);grid-column:auto}@media (max-width:860px){.garage-top{grid-template-columns:1fr}.garage-stage{order:2}.gcards{grid-template-columns:1fr}}.brands{border-block:1px solid var(--line);padding-block:clamp(40px,6vw,64px)}.brands .wrap{gap:22px;display:grid}.brands p{color:var(--fg2);text-align:center;font-size:.98rem}.marquee{direction:ltr;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.track{gap:14px;width:max-content;display:flex}.brand-chip{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:16px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:.95rem;font-weight:600;display:flex}.lt{background:var(--tile);border:1px solid var(--tile-line);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.lt.dark{background:var(--tile-dark);border-color:var(--tile-dark)}.lt svg{width:24px;height:24px}@keyframes slide{to{transform:translate(calc(-50% - 7px))}}.tabs{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:4px;margin-bottom:28px;padding:4px;display:inline-flex}.tabs button{color:var(--fg2);font:inherit;cursor:pointer;transition:background-color .3s var(--ease-std), color .3s var(--ease-std);background:0 0;border:0;border-radius:10px;padding:9px 18px;font-size:.95rem;font-weight:600}.tabs button:hover{color:var(--fg)}.tabs button[aria-selected=true]{background:var(--accent-fill);color:var(--on-accent)}.shots{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:28px;padding:8px 4px 28px;display:flex;overflow-x:auto}.shots[hidden]{display:none}.shots figure{scroll-snap-align:center;flex:none;justify-items:center;gap:14px;margin:0;display:grid}.shots .phone{--pw:228px;box-shadow:0 24px 50px -24px #00000073, inset 0 0 0 1.5px var(--phone-rim)}.shots figcaption{color:var(--fg2);text-align:center;font-size:.9rem}.shots figcaption b{color:var(--fg);font-weight:600;display:block}.faq .wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);display:grid}.qa h3{font:600 .8rem/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);margin:8px 0 4px}[dir=rtl] .qa h3{font-family:var(--font);letter-spacing:0;font-size:.95rem}.qa>div+div h3{margin-top:40px}.qa details{border-bottom:1px solid var(--line)}.qa h3+details{border-top:1px solid var(--line)}.qa summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:1.06rem;font-weight:600;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary svg{width:20px;height:20px;color:var(--fg2);transition:transform .3s var(--ease), color .3s var(--ease-std);flex:none}.qa details[open] summary svg{color:var(--accent);transform:rotate(45deg)}.qa details p{color:var(--fg2);max-width:60ch;padding-bottom:20px}.qa .more{margin-top:28px}@media (max-width:860px){.faq .wrap{grid-template-columns:1fr}}.cta{padding-block:0 clamp(72px,10vw,120px)}.cta-box{background:var(--accent-fill);color:var(--on-accent);border-radius:32px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:clamp(36px,6vw,72px);display:grid;position:relative;overflow:hidden}.cta-box h2{color:inherit;max-width:18ch}.cta-box p{opacity:.85;max-width:46ch;margin-top:12px}.cta-box:after{content:"";inset-inline-end:-80px;opacity:.14;border:2px solid;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px}@media (max-width:760px){.cta-box{grid-template-columns:1fr}}footer{border-top:1px solid var(--line);padding-block:56px 40px;font-size:.95rem}.fgrid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.fgrid h2{font:600 .74rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);margin:0 0 14px}[dir=rtl] .fgrid h2{font-family:var(--font);letter-spacing:0;font-size:.9rem}.fgrid ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fgrid a{color:var(--fg);transition:color .25s var(--ease-std);text-decoration:none}.fgrid a:hover{color:var(--accent)}.fgrid .about{color:var(--fg2);align-content:start;gap:14px;max-width:34ch;display:grid}.fbottom{border-top:1px solid var(--line);color:var(--fg2);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;font-size:.85rem;display:flex}@media (max-width:760px){.fgrid{grid-template-columns:1fr 1fr}.fgrid .about{grid-column:1/-1}}.docs{grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-block:clamp(40px,6vw,72px) clamp(72px,9vw,112px);display:grid}.docs-nav{align-self:start;gap:22px;font-size:.95rem;display:grid;position:sticky;top:88px}.docs-nav h2{font:600 .74rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);margin:0 0 8px}[dir=rtl] .docs-nav h2{font-family:var(--font);letter-spacing:0;font-size:.9rem}.docs-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.docs-nav a{color:var(--fg2);border-radius:10px;padding:8px 12px;text-decoration:none;display:block}.docs-nav a:hover{color:var(--fg);background:var(--card)}.docs-nav a[aria-current=page]{color:var(--tint-fg);background:var(--tint);font-weight:600}.docs-main{min-width:0;max-width:760px}.docs-main header{border-bottom:1px solid var(--line);gap:12px;margin-bottom:32px;padding-bottom:24px;display:grid}.docs-main h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.1}.docs-main .meta{color:var(--fg2);font-size:.9rem}.notice{background:var(--tint);color:var(--tint-fg);border-radius:12px;margin-bottom:24px;padding:12px 16px;font-size:.95rem}.prose{font-size:1.04rem;line-height:1.7}.prose>*+*{margin-top:1em}.prose h2{margin-top:2.2em;font-size:1.55rem;line-height:1.25}.prose h3{margin-top:1.8em;font-size:1.18rem}.prose p,.prose li{color:color-mix(in srgb, var(--fg) 88%, var(--fg2))}.prose ul,.prose ol{padding-inline-start:1.3em}.prose li+li{margin-top:.4em}.prose a{color:var(--accent);text-underline-offset:3px}.prose strong{color:var(--fg)}.prose table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.prose th{color:var(--fg2);font-weight:600}.prose code{font-family:var(--font-mono);background:var(--sunk);border-radius:6px;padding:.1em .35em;font-size:.9em}.prose blockquote{border-inline-start:3px solid var(--accent);background:var(--card);border-radius:8px;margin-inline:0;padding:12px 16px}.tbc{background:var(--tint);color:var(--tint-fg);border-radius:6px;padding:.05em .4em;font-size:.92em;font-weight:600}.toc{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:32px;padding:18px 22px}.toc h2{font:600 .74rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);margin:0 0 12px}[dir=rtl] .toc h2{font-family:var(--font);letter-spacing:0;font-size:.9rem}.toc ol{columns:2;column-gap:32px;margin:0;padding-inline-start:1.3em;font-size:.95rem}.toc li{break-inside:avoid;color:var(--fg2);padding-block:3px}.toc a{color:var(--fg);text-decoration:none}.toc a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose h2,.prose h3{scroll-margin-top:88px}.step-row{grid-template-columns:minmax(0,1fr) 236px;align-items:start;gap:28px;margin-top:2em;display:grid}.step-text>:first-child{margin-top:0}.step-text>*+*{margin-top:1em}.shot{justify-items:center;gap:10px;max-width:236px;margin:0;display:grid}.prose>.shot{margin-inline:auto;margin-top:1.6em}.shot.band{max-width:440px}.shot a{border:1px solid var(--line-strong);background:var(--sunk);border-radius:22px;width:100%;display:block;overflow:hidden;box-shadow:0 18px 40px -24px #1c191759}.shot.band a{border-radius:16px}.shot img{width:100%;height:auto}.shot a.only-dark{display:none}.shot figcaption{color:var(--fg2);text-align:center;font-size:.88rem;line-height:1.45}.shot-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));place-items:start center;gap:20px;margin-top:1.6em;display:grid}.app-pill{white-space:nowrap;background:var(--pb);color:var(--pf);border-radius:999px;padding:.1em .6em;font-size:.82em;font-weight:600;display:inline-block}.app-pill.tint{--pb:#fbede4;--pf:#8f2e07;--pbd:#3a1e0c;--pfd:#fdba74}.app-pill.warn{--pb:#fef3c7;--pf:#92400e;--pbd:#3a2e0b;--pfd:#fcd34d}.app-pill.ok{--pb:#dcfce7;--pf:#166534;--pbd:#163628;--pfd:#4ade80}.app-pill.info{--pb:#eceae6;--pf:#44403c;--pbd:#2a2522;--pfd:#d9d3cd}.app-pill.grey{--pb:#eceae6;--pf:#1c1917;--pbd:#2a2522;--pfd:#ece8e3}.app-pill.bad{--pb:#fee2e2;--pf:#991b1b;--pbd:#45201f;--pfd:#fca5a5}.tip{background:var(--card);border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:14px;padding:14px 18px}.tip>*+*{margin-top:.6em}@media (max-width:640px){.step-row{grid-template-columns:1fr;gap:18px}.step-row .shot{justify-self:center;width:min(236px,70vw)}.toc ol{columns:1}}.help-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.help-cards a{border:1px solid var(--line);background:var(--card);transition:transform .3s var(--ease), border-color .3s var(--ease-std);border-radius:20px;gap:8px;padding:22px;text-decoration:none;display:grid}.help-cards a:hover{border-color:color-mix(in srgb, var(--glow) 45%, var(--line));transform:translateY(-2px)}.help-cards b{font-size:1.1rem}.help-cards span{color:var(--fg2);font-size:.95rem}@media (max-width:860px){.docs{grid-template-columns:1fr}.docs-nav{grid-template-columns:1fr 1fr;position:static}.help-cards{grid-template-columns:1fr}}.nf{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:60vh;display:grid}@media (prefers-reduced-motion:no-preference){body,.top,.garage,.cell,.phone,.crop{transition:background-color .35s var(--ease-std), color .35s var(--ease-std), border-color .35s var(--ease-std)}.hero .eyebrow,.hero-ctas,.proof{animation:arrive .7s var(--ease) both}.hero-ctas{animation-delay:.12s}.proof{animation-delay:.22s}.hu.go{animation:heads 6.2s var(--ease) both}.go-bell .hu .dot{animation:pop .42s .5s var(--ease) both}.rings.live b{animation:3s cubic-bezier(.2,.6,.4,1) infinite beat}.rings.live b:before{animation:3s cubic-bezier(.2,.6,.4,1) 1.5s infinite beat}.pin.live:before{animation:3s cubic-bezier(.2,.6,.4,1) infinite beat}.pin.live:after{animation:3s cubic-bezier(.2,.6,.4,1) 1.5s infinite beat}.track{animation:46s linear infinite slide}.marquee:hover .track,.marquee.paused .track{animation-play-state:paused}.hero .phone{animation:lift .9s 80ms var(--ease) both, float 7s .98s ease-in-out infinite}.garage-stage .phone{animation:8s ease-in-out .6s infinite float}.motion-off .phone{animation-play-state:paused}.shots figure{opacity:0;transition:opacity .65s var(--ease-std), transform .8s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(28px)}.shots figure.in{opacity:1;transform:none}.shots .phone{transition:transform .55s var(--ease), box-shadow .55s var(--ease-std)}@media (hover:hover){.shots figure:hover .phone{transform:translateY(-10px)rotate(-1.2deg)}}.step-shot .phone{opacity:0;transition:opacity .65s var(--ease-std), transform .8s var(--ease);transform:translateY(24px)scale(.98)}.step-shot .phone.in{opacity:1;transform:none}@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry entry 55%}.progress{animation:linear both grow;animation-timeline:scroll(root)}}@supports not (animation-timeline:view()){.reveal{opacity:0;transition:opacity .7s var(--ease-std), transform .85s var(--ease);transform:translateY(36px)}.reveal.in{opacity:1;transform:none}}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes arrive{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes lift{0%{transform:translateY(40px)rotate(2deg)}to{transform:none}}@keyframes heads{0%{opacity:0;transform:translateY(-120%)}7%{opacity:1;transform:none}78%{opacity:1;transform:none}88%,to{opacity:0;transform:translateY(-120%)}}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes beat{0%{opacity:0;transform:scale(.96)}8%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@keyframes grow{to{transform:scaleX(1)}}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.story-phone .screen iframe,.step .num:before,.step h3,.stages i,.cell,.play,.btn-main,.btn-soft,.link-arrow svg,.btn-main svg{transition:none}.steps.loop .step.on .stages i.cur{background:var(--accent)}.steps.loop .step.on .stages i.cur:after{animation:none}}
