@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}._8NX9hq_className{font-family:Geist,Geist Fallback;font-style:normal}._8NX9hq_variable{--font-geist:"Geist", "Geist Fallback"}
@font-face{font-family:clash;src:url(../media/ClashDisplay_Variable-s.p.32x5rqpdt5hru.woff2)format("woff2");font-display:swap;font-weight:200 700}@font-face{font-family:clash Fallback;src:local(Arial);ascent-override:77.76%;descent-override:21.84%;line-gap-override:7.86%;size-adjust:114.46%}._jOK5G_className{font-family:clash,clash Fallback}._jOK5G_variable{--font-clash:"clash", "clash Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f3f1;--surface:#fff;--surface-2:#fafaf9;--hairline:#00000014;--hairline-strong:#00000024;--ink:#0a090c;--ink-2:#5c5b61;--ink-3:#6e6d73;--accent:#111bf1;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 220px 220px;--desk-light:var(--grain), radial-gradient(60% 55% at 18% 20%, #fff 0%, transparent 70%), radial-gradient(55% 60% at 85% 25%, #d3d1cd 0%, transparent 70%), radial-gradient(70% 60% at 70% 95%, #f6f5f3 0%, transparent 70%), radial-gradient(60% 60% at 10% 90%, #c9c7c3 0%, transparent 70%), #e6e5e2;--desk-dark:var(--grain), radial-gradient(60% 55% at 18% 20%, #4e4e57 0%, transparent 70%), radial-gradient(55% 60% at 85% 25%, #18181c 0%, transparent 70%), radial-gradient(70% 60% at 70% 95%, #45454d 0%, transparent 70%), radial-gradient(60% 60% at 10% 90%, #111114 0%, transparent 70%), #26262b;--desk-blend:soft-light, normal, normal, normal, normal, normal;--stage:var(--grain), radial-gradient(60% 55% at 18% 20%, #7fb6ff 0%, transparent 70%), radial-gradient(55% 60% at 85% 25%, #4a7cf0 0%, transparent 70%), radial-gradient(70% 60% at 70% 95%, #9fe3ff 0%, transparent 70%), radial-gradient(60% 60% at 10% 90%, #2b54c9 0%, transparent 70%), #3d6ee0;--stage-blend:soft-light, normal, normal, normal, normal;--radius-lg:28px;--gutter:clamp(16px, 4vw, 32px);--lit:#fff;--lit-ring:0 0 0 1px #00000012;--lit-edges:inset 0 -1px 0 #00000008;--lift-1:0 1px 2px #0000000d, 0 8px 24px #0000000d;--lift-2:0 2px 4px #0000000f, 0 24px 60px #0000001a;--chip:linear-gradient(180deg, #fff 0%, #f1f0ee 100%);--chip-edges:inset 0 -1px 0 #0000000f}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font:100%/1.5 var(--font-geist), -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}kbd{font:inherit;background:var(--chip);white-space:nowrap;border-radius:7px;padding:.05em .45em .1em;font-weight:600;box-shadow:0 0 0 1px #0000001f,inset 0 -2px #00000014,0 1px 2px #00000014}.wrap{width:100%;max-width:1080px;padding:0 var(--gutter);margin:0 auto}.button{color:#fff;white-space:nowrap;background:linear-gradient(#2c2b32 0%,#1a191f 100%);border-radius:999px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:1.0625rem;font-weight:600;transition:transform .1s ease-out,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 0 1px #000,inset 0 -2px #000000b3,0 1px 2px #0003,0 6px 16px #0000001f}.button:active{filter:brightness(.96);transform:scale(.97)}.button svg{opacity:.55;margin-right:-6px;transition:transform .15s,opacity .15s}.button:hover svg{opacity:.8;transform:translate(2px)}.button svg.apple,.button:hover svg.apple{opacity:1;margin:-2px 0 0 -4px;transform:none}.section-head .checks{text-align:left;margin-top:12px}.button.small{height:32px;padding:0 14px;font-size:.875rem}.button.ghost{color:var(--ink);background:#fff;box-shadow:0 0 0 1px #0000001f,inset 0 -2px #00000017,0 1px 2px #0000000f}.button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero .button:focus-visible,.price-card .button:focus-visible,.closing .button:focus-visible,.showcase-stage:focus-visible{outline-color:#fff}::selection{background:var(--accent);color:#fff}.skip-link{z-index:20;background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:600;position:absolute;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;transform:none}html{scroll-padding-top:72px}.nav-shell{z-index:10;padding:12px var(--gutter) 0;pointer-events:none;position:sticky;top:0}.nav{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#ffffffb3;border-radius:999px;align-items:center;gap:16px;max-width:820px;height:52px;margin:0 auto;padding:0 8px 0 16px;transition:box-shadow .25s;display:flex;box-shadow:0 0 0 1px #ffffff80,0 8px 24px #0000000f}.nav.scrolled{box-shadow:0 0 0 1px #00000014,0 2px 4px #0000000a,0 12px 32px #00000014}.nav-links{gap:2px;margin:0 auto;font-size:.875rem;font-weight:500;display:flex}.nav-links a{color:var(--ink-2);border-radius:999px;padding:7px 14px;transition:color .15s;position:relative}.nav-links a:hover,.nav-links a.current{color:var(--ink)}.nav-links a:focus-visible,.nav .brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-pill{background:#0000000d;border-radius:999px;position:absolute;inset:0}.nav-label{position:relative}.nav .button.small{gap:6px;height:36px;padding:0 16px}.button.small svg.apple,.button.small:hover svg.apple{margin:-2px 0 0 -2px}@media (max-width:680px){.nav .button{margin-left:auto}.nav-links{display:none}html{scroll-padding-top:76px}}@media (prefers-reduced-transparency:reduce){.nav,.nav.scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:1.25rem;font-weight:600;display:flex}.brand .logo{color:var(--ink);flex:none}.display,.title,.brand{font-family:var(--font-clash), var(--font-geist), sans-serif}.display{letter-spacing:-.02em;text-wrap:balance;color:var(--ink);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.04}.title{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.625rem,3.1vw,2.25rem);font-weight:600;line-height:1.06}.lede{color:var(--ink-2);text-wrap:balance;max-width:34em;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.45}.lede.wide{max-width:48em}.lede strong{color:var(--ink);font-weight:600}.frame{position:relative}.hero{text-align:center;padding:clamp(56px,7vw,96px) 0 clamp(32px,5vw,56px);position:relative;overflow:hidden}.hero-backdrop{z-index:1;pointer-events:none;background:linear-gradient(#2a5df6 58%,#497df8 68%,#8ab1f9 77.5%,#cadbf7 87%,#f4f3f1);width:100%;height:calc(100svh + 280px);position:absolute;top:0;left:0}.hero>.wrap{z-index:2}.hero:before{content:"";pointer-events:none;background:radial-gradient(#ffffffe6,#0000 65%);width:1100px;height:700px;position:absolute;top:-340px;left:50%;translate:-50%}.hero>.wrap{flex-direction:column;align-items:center;gap:22px;display:flex;position:relative}.hero-break{display:none}@media (min-width:960px){.hero-break{display:inline}}.hero-copy{flex-direction:column;align-items:center;gap:22px;display:flex}@media (min-width:960px){.hero{text-align:left;align-items:center;min-height:calc(100svh - 64px);padding:24px 0 64px;display:flex}.hero>.wrap{flex:1;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:clamp(40px,5vw,88px);max-width:1280px;display:grid}.hero-copy{align-items:flex-start}.hero .display{white-space:nowrap;font-size:clamp(2.5rem,5vw,5.25rem)}.hero .hero-copy .lede{text-wrap:balance;max-width:24em;margin:0;font-size:clamp(1.0625rem,1.4vw,1.3125rem)}.hero-actions{justify-content:flex-start}.hero-shot{--ring:clamp(320px, min(38vw, (100svh - 140px) * .8), 620px);justify-self:center;margin:0}}.hero .lede{margin:0 auto;font-size:clamp(1rem,1.6vw,1.125rem)}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.fine{color:var(--ink-3);font-size:.8125rem}.hero .display,.hero .lede,.hero .fine{color:#fff}.hero .lede kbd{color:#fff;background:#00000038;margin-right:.1em}.section{padding:clamp(44px,5.5vw,72px) 0;position:relative}.hero+.section{z-index:2;padding-top:calc(clamp(44px,5.5vw,72px) + 48px)}.scroll-cue{display:none}@media (min-width:960px){.scroll-cue{z-index:2;color:#fff;letter-spacing:.02em;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex;position:absolute;bottom:28px;left:50%;translate:-50%}.scroll-cue:hover{color:#fff}.scroll-cue:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.scroll-cue .mouse{border:1.5px solid;border-radius:10px;width:20px;height:30px;position:relative}.scroll-cue .mouse:after{content:"";background:currentColor;border-radius:2px;width:3px;height:6px;margin-left:-1.5px;animation:1.8s ease-in-out infinite scroll-wheel;position:absolute;top:6px;left:50%}}@keyframes scroll-wheel{0%{opacity:0;transform:translateY(0)}20%{opacity:1}70%{opacity:0;transform:translateY(9px)}to{opacity:0;transform:translateY(9px)}}@media (prefers-reduced-motion:reduce){.scroll-cue .mouse:after{animation:none}}.section-head{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:50em;margin:0 auto clamp(32px,4vw,44px);display:flex}.section-head .lede{margin:0 auto}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.card{background:var(--lit);box-shadow:var(--lit-ring), var(--lit-edges), 0 1px 5px -4px #0000004d, 0 4px 8px #00000008, 0 16px 32px #0000000d;border-radius:22px;flex-direction:column;gap:8px;padding:clamp(22px,3vw,30px);display:flex}.card h3{letter-spacing:-.018em;font-size:1.1875rem;font-weight:600;line-height:1.25}.card p{color:var(--ink-2);font-size:.9375rem}.plate{width:48px;height:48px;color:var(--ink);background:radial-gradient(circle, transparent 15px, #0000001f 15.4px 16.4px, transparent 16.9px), var(--chip);box-shadow:0 0 0 1px #00000014, var(--chip-edges), 0 1px 5px -4px #0000004d, 0 4px 8px #0000000a;border-radius:13px;flex:none;place-items:center;display:grid}.card .plate{margin-bottom:12px}.feature{gap:0;padding:0;overflow:hidden}.feature .shot{background:#111bf1}.feature .shot img{width:82%;margin:0 auto}.style-card .shot{aspect-ratio:1;place-items:center;display:grid;position:relative}.style-card .shot img{object-fit:contain;width:100%;height:100%}.style-card .shot .style-frame{opacity:0;transition:opacity .25s;position:absolute;inset:0}.style-card .shot .style-frame[data-shown]{opacity:1}@media (prefers-reduced-motion:reduce){.style-card .shot .style-frame{transition:none}}.styles{flex-direction:column;align-items:center;gap:20px;display:flex}.styles>.grid{align-self:stretch}.mode-toggle{font:inherit;color:var(--ink-2);cursor:pointer;background:#0000000d;border:0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 12px;font-size:.875rem;font-weight:500;transition:color .15s,background-color .15s;display:inline-flex}.mode-toggle:hover{color:var(--ink);background:#00000014}.mode-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-toggle svg,.play-mode svg{width:16px;height:16px;transition:transform .5s}.mode-toggle svg[data-dark],.play-mode svg[data-dark]{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.mode-toggle svg,.play-mode svg{transition:none}}.marquee{white-space:nowrap;justify-content:center;min-width:0;max-width:100%;display:flex;overflow:hidden}.marquee-track{flex:none;display:flex}.marquee:not([data-scrolls]) .marquee-copy{display:none}.marquee[data-scrolls]{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.play-mode{height:32px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#00000038;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:.8125rem;font-weight:500;transition:background-color .15s;display:inline-flex}.play-mode:hover{background:#00000052}.play-mode:focus-visible{outline-offset:2px;outline:2px solid #fff}.feature .text{flex-direction:column;gap:8px;padding:clamp(22px,3vw,30px);display:flex}.tools{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;display:grid}.tool{background:var(--surface);border-radius:16px;grid-template-columns:36px 1fr;align-content:start;align-items:center;gap:2px 12px;padding:14px 16px;display:grid;box-shadow:0 0 0 1px #0000000f}.tool .plate{width:36px;height:36px;box-shadow:none;background:radial-gradient(circle,#0000 15px,#00000024 15.4px 16.4px,#0000 16.9px);grid-row:span 2}.tool h3{align-self:end;font-size:.9375rem;font-weight:600}.tool p{color:var(--ink-2);align-self:start;font-size:.8125rem;line-height:1.35}.privacy-strip{color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:12px 32px;margin-top:36px;font-size:.875rem;list-style:none;display:flex}.privacy-strip li{align-items:center;gap:8px;display:flex}.privacy-strip svg{color:var(--ink-3);flex:none}.checks{flex-direction:column;gap:14px;list-style:none;display:flex}.checks li{color:var(--ink-2);gap:12px;display:flex}.checks svg{color:var(--ink);flex:none;margin-top:3px}.pricing{text-align:center}.card-backdrop{pointer-events:none;background:#2a5df6;width:100%;height:100%;position:absolute;inset:0}.closing-card{color:#fff;background:#111bf1;border-radius:32px;justify-content:center;padding:clamp(48px,8vw,96px) clamp(24px,6vw,72px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000f,0 12px 32px #111bf138}.closing .logo,.closing .display{color:#fff}.closing-text{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex;position:relative}.closing .fine{color:#fff;margin-top:-8px}.pricing .section-head{align-items:center;margin-left:auto;margin-right:auto}.price-card{color:#fff;background:#111bf1;border-radius:32px;flex-direction:column;align-items:center;gap:24px;max-width:440px;margin:0 auto;padding:clamp(28px,5vw,44px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 1px 2px #0000000f,0 12px 32px #111bf138}.price-card>:not(.card-backdrop){position:relative}.price-card .checks li,.price-card .fine,.price-card .checks svg{color:#fff}.price{align-items:baseline;gap:10px;display:flex}.price strong{letter-spacing:-.05em;font-size:clamp(3.25rem,8vw,4rem);font-weight:700;line-height:1}.early-bird{color:#111bf1;background:#fff;border-radius:999px;margin:0 0 -8px;padding:5px 12px;font-size:.8125rem;font-weight:600;line-height:1.2}.was{opacity:.7;text-decoration-thickness:1.5px}.hero .early-bird{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;margin:0 0 4px;padding:4px 14px 4px 4px;text-decoration:none;transition:background-color .2s;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff47}.hero .early-bird:hover{background:#ffffff3d}.hero .early-bird:focus-visible{outline-offset:3px;outline:2px solid #fff}.hero .early-bird .was{opacity:.6;margin-left:2px;font-weight:500}.hero .early-bird .tag{color:#111bf1;background:#fff;border-radius:999px;margin-right:4px;padding:3px 9px;display:inline-block}.price-note{opacity:.8;margin:-14px 0 0;font-size:.9375rem}.price .was{letter-spacing:-.02em;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.price-card .checks{text-align:left;align-self:stretch}.price-actions{align-self:stretch;gap:10px;display:grid}.faq{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);max-width:760px;margin:0 auto}.faq details+details{border-top:1px solid var(--hairline)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:1.0625rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.faq summary:after{content:"+";width:26px;height:26px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;padding-bottom:3px;font-size:1.25rem;font-weight:300;line-height:1;transition:transform .2s;display:grid}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);max-width:40em;padding-bottom:22px}@media (prefers-reduced-motion:reduce){.faq summary:after{transition:none}}.price-in,html[data-region=in] .price-us{display:none}html[data-region=in] .price-in{display:inline}.footer{border-top:1px solid var(--hairline);color:var(--ink-3);padding:40px 0 0;font-size:.875rem;overflow:hidden}.footer-wordmark{font-family:var(--font-clash), var(--font-geist), sans-serif;letter-spacing:-.03em;color:#1413181a;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;gap:.12em;margin:clamp(32px,6vw,64px) 0 -.16em;font-size:clamp(5.5rem,24vw,19rem);font-weight:600;line-height:.9;display:flex;-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.footer-wordmark .logo{color:inherit;flex:none}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.footer .wrap.footer-grid{border-bottom:1px solid var(--hairline);grid-template-columns:1.2fr repeat(5,auto);align-items:start;gap:32px 40px;padding-bottom:32px;display:grid}.footer-about{flex-direction:column;gap:8px;display:flex}@media (max-width:1100px){.footer .wrap.footer-grid{grid-template-columns:repeat(3,auto);justify-content:space-between}.footer-about{grid-column:1/-1}}.footer-about .brand{color:var(--ink);align-self:flex-start;margin-bottom:4px}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links h2{color:var(--ink);margin-bottom:2px;font-size:.875rem;font-weight:600}.footer-links a{transition:color .15s}.footer-links a:hover{color:var(--ink)}.footer-links a:focus-visible,.makers a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.footer .wrap.footer-fine{padding-top:24px}@media (max-width:760px){.footer .wrap.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}}.footer-about .badges{flex-wrap:wrap;gap:10px;max-width:440px;margin-top:12px;display:flex}.badges img{width:auto;height:40px;display:block}.legal-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.legal-links{gap:20px;display:flex}.legal-links a{transition:color .15s}.legal-links a:hover,.makers a:hover{color:var(--ink)}.makers a{transition:color .15s}.hero-shot{--ring:clamp(260px, min(44vw, (100svh - 420px) * .88), 580px);width:calc(var(--ring) / .796);height:calc(var(--ring) / .796);margin:8px 0 0;position:relative}.hero-shot img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none}.shot-shadow{filter:drop-shadow(0 calc(var(--ring) * .01) calc(var(--ring) * .015) #00000029) drop-shadow(0 calc(var(--ring) * .045) calc(var(--ring) * .07) #00000038);position:absolute;inset:0}.shot-game,.shot-shard,.shot-shard>*{width:100%;height:100%;position:absolute;inset:0}.shot-game{opacity:0}.shot-shard svg{overflow:visible}.shot-label{font-family:var(--font-geist), sans-serif;font-weight:600;font-size:calc(var(--ring) * .052);letter-spacing:-.005em;color:#fff;white-space:nowrap;opacity:0;position:absolute;top:50%;left:50%}.shot-muzzle,.shot-shock{opacity:0;pointer-events:none;border-radius:50%;position:absolute}.shot-muzzle{background:radial-gradient(circle,#fff 0% 8%,#111bf1f2 20%,#111bf152 42%,#0000 66%);width:107%;height:107%}.shot-shock{border:3px solid #111bf1;width:110%;height:110%;top:50%;left:50%}.shot-helix{width:var(--ring);height:var(--ring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shot-helix noscript img{width:144.363%;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.playground.hero-ring{width:100%;height:100%;box-shadow:none;touch-action:auto;background:0 0;border-radius:50%;overflow:visible}.hero-reach{aspect-ratio:1;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.playground.hero-ring .play-toast{top:calc(100% + 20px);bottom:auto}@media (prefers-reduced-motion:no-preference){.hero-shot:not([data-done]) .shot-helix{opacity:0}}.playground{border-radius:var(--radius-lg);width:100%;height:clamp(380px,52vw,520px);box-shadow:var(--lit-ring), var(--lift-1);cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#111bf1;transition:background-color .3s;position:relative;overflow:hidden}.playground-hint{text-align:center;color:#ffffffd9;pointer-events:none;place-items:center;padding:24px;font-size:1.0625rem;font-weight:500;display:grid;position:absolute;inset:0}.playground-hint small{color:#ffffff9e;margin-top:6px;font-size:.875rem;font-weight:400;display:block}.playground-hint kbd{color:#fff;background:#00000038;border-color:#ffffff2e}.playground .touch-only{display:none}@media (hover:none){.playground .touch-only{display:inline}.playground .pointer-only{display:none}}.play-ring{transform-origin:50%;pointer-events:none;--ink:255 255 255;--surface:#0a090c;--top-light:#ffffff26;--outline:#ffffff12;--hub-shadow:0 6px 14px #00000073;--tool:rgb(var(--ink));--accent:#f0edee;--hl-top:#ffffff2b;--hl-bottom:#ffffff14;--rim-top:#ffffff47;--rim-bottom:#ffffff0a;width:284px;height:284px;position:absolute}.play-ring.light{--ink:0 0 0;--surface:#f0edee;--top-light:transparent;--outline:#222a3514;--hub-shadow:0 1px 1px #13131659, 0 4px 8px #222a350d, 0 6px 14px #0000002e;--accent:#0a090c;--hl-top:#0000001a;--hl-bottom:#0000000d;--rim-top:#ffffffe6;--rim-bottom:#00000014}.play-ring.native{--surface:#16141e61;--top-light:#ffffff1a;--outline:#ffffff38;--hub-shadow:0 6px 18px #00000038;--accent:#0a84ff}.play-ring.native.light{--surface:#ffffff8c;--top-light:#fff9;--outline:#ffffffd9;--accent:#007aff}.play-ring.tinted{--tool:#4d7dff;--accent:#4d7dff;--hl-top:#4d7dff33;--hl-bottom:#4d7dff17;--rim-top:#4d7dff52;--rim-bottom:#4d7dff0d}.play-ring.tinted.light{--tool:#111bf1;--accent:#111bf1;--hl-top:#111bf126;--hl-bottom:#111bf112;--rim-top:#111bf142;--rim-bottom:#111bf10a}.play-hl-fill-top{stop-color:var(--hl-top)}.play-hl-fill-bottom{stop-color:var(--hl-bottom)}.play-hl-rim-top{stop-color:var(--rim-top)}.play-hl-rim-bottom{stop-color:var(--rim-bottom)}.play-ring.tinted .play-hub-label strong{color:var(--accent)}.play-ring.tinted .play-hub-controls span{color:color-mix(in srgb, var(--tool) 60%, transparent)}.play-ring.tinted .play-hub-controls span.selected{color:var(--tool)}.play-switches{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:14px;right:14px}.play-looks{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000038;border-radius:999px;gap:2px;padding:3px;display:flex}.play-looks button{appearance:none;font:inherit;color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:.8125rem;font-weight:500;transition:color .15s;position:relative}.play-looks button:hover{color:#fff}.play-looks button[aria-pressed=true]{color:#141318}.play-looks-pill{background:#fff;border-radius:999px;position:absolute;inset:0}.play-looks-label{position:relative}.play-looks button:focus-visible{outline-offset:1px;outline:2px solid #fff}.play-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.play-band{fill:var(--surface)}.play-top-light{fill:var(--top-light)}.play-outline{fill:none;stroke:var(--outline);stroke-width:1px}.play-divider{stroke:rgb(var(--ink) / .08);stroke-width:1px}.play-highlight{fill:url(#play-highlight-fill);stroke:url(#play-highlight-rim);stroke-width:1px}.play-sheen{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.play-icon{width:30px;height:30px;color:var(--tool);place-items:center;display:grid;position:absolute}.play-number{font-variant-numeric:tabular-nums;width:16px;height:16px;color:rgb(var(--ink));place-items:center;font-size:9px;font-weight:600;display:grid;position:absolute}.play-hub{background:var(--surface);width:116px;height:116px;box-shadow:inset 0 2px 0 var(--top-light), inset 0 0 0 1px var(--outline), var(--hub-shadow);color:rgb(var(--ink) / .94);border-radius:50%;position:absolute;top:calc(50% - 58px);left:calc(50% - 58px)}.play-ring.light .play-hub{color:rgb(var(--ink) / .88)}.play-hub-split{background:rgb(var(--ink) / .08);width:91.3px;height:1px;position:absolute;top:calc(50% + 22px);left:calc(50% - 45.7px)}.play-hub-stem{background:rgb(var(--ink) / .08);width:1px;height:20px;position:absolute;top:calc(50% + 30px);left:50%}.play-hub-arrow{color:rgb(var(--ink) / .64);transition:color .15s;position:absolute;top:calc(50% + 34.5px)}.play-hub-arrow.previous{left:calc(50% - 25.2px)}.play-hub-arrow.next{left:calc(50% + 14.2px)}.play-hub-arrow.hot{color:rgb(var(--ink) / .94)}.play-hub-arrow.disabled{color:rgb(var(--ink) / .2)}.play-hub-hot{fill:rgb(var(--ink));stroke:rgb(var(--ink));stroke-width:10px;stroke-linejoin:round}.play-options{position:absolute;inset:0}.play-icon.selected{opacity:1}.play-options .play-icon{opacity:.6}.play-options .play-icon.selected{opacity:1}.play-options .play-icon.slider-end{opacity:.64}.play-track,.play-fill{fill:none;stroke-linecap:round;transition:stroke-width .2s}.play-track{stroke:rgb(var(--ink) / .12)}.play-fill{stroke:rgb(var(--ink) / .8)}.play-fill.active{stroke:rgb(var(--ink))}.play-hub-caption{color:rgb(var(--ink) / .64);font-size:11px;font-weight:600}.play-hub-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:-4px;font-size:17px;font-weight:300}.play-hub-detail{color:rgb(var(--ink) / .64);margin-top:-3px;font-size:9.5px;font-weight:500}.play-hub-song{width:100%;color:rgb(var(--ink) / .64);font-size:9px;font-weight:500}.play-hub-controls{gap:3px;display:flex}.play-hub-controls span{width:27px;height:22px;color:rgb(var(--ink) / .64);border-radius:999px;place-items:center;transition:background-color .15s,color .15s,scale .15s;display:grid}.play-hub-controls span.selected{background:rgb(var(--ink) / .13);box-shadow:inset 0 1px 0 var(--rim-top);color:rgb(var(--ink) / .94);scale:1.06}.play-page{position:absolute;inset:0}.play-hub-label{text-align:center;justify-items:center;gap:5px;width:87px;display:grid;position:absolute;top:calc(50% - 6px);left:50%;translate:-50% -50%}.play-hub-label strong{text-wrap:balance;font-size:12px;font-weight:600;line-height:1.2}.play-hub-dots{gap:4px;display:flex}.play-hub-dots i{background:rgb(var(--ink) / .25);border-radius:999px;width:5px;height:5px}.play-hub-dots i.current{background:rgb(var(--ink) / .9);width:12px}.play-hub-page{letter-spacing:.01em;color:rgb(var(--ink) / .44);font-size:9.5px;font-weight:500}.play-toast{color:#fff;pointer-events:none;background:#0a090c;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:.875rem;font-weight:600;display:flex;position:absolute;bottom:20px;left:50%;translate:-50%;box-shadow:0 10px 28px #00000038}.legal{padding:48px 0 96px}.legal .wrap{flex-direction:column;gap:16px;max-width:720px;display:flex}.legal .brand{align-self:flex-start;margin-bottom:40px}.legal-body{color:var(--ink-2);flex-direction:column;gap:14px;margin-top:24px;font-size:1.0625rem;line-height:1.6;display:flex}.legal-body h2{color:var(--ink);letter-spacing:-.015em;margin-top:20px;font-size:1.25rem}.legal-body ul{flex-direction:column;gap:10px;padding-left:1.2em;display:flex}.legal-body strong{color:var(--ink);font-weight:600}.legal-body a:not(.button){color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--hairline-strong);text-decoration-color:var(--hairline-strong)}.post-crumbs{color:var(--ink-3);align-items:center;gap:10px;margin-bottom:40px;display:flex}.legal .post-crumbs .brand{color:var(--ink);margin-bottom:0}.post-crumbs a:not(.brand):hover{color:var(--ink)}.post .legal-body h3{color:var(--ink);margin-bottom:4px;font-size:1.0625rem;font-weight:600}.post figure{justify-content:center;margin:8px 0;display:flex}.post figure img{max-width:100%;height:auto}.post-table{margin:4px 0;overflow-x:auto}.post-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9375rem;line-height:1.45}.post-table th,.post-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline);padding:10px 12px 10px 0}.post-table th{color:var(--ink);font-weight:600}.post-table td:first-child{color:var(--ink);width:28%;font-weight:500}.post-list{flex-direction:column;margin-top:32px;list-style:none;display:flex}.post-list a{border-top:1px solid var(--hairline);flex-direction:column;gap:6px;padding:20px 0;display:flex}.post-list h2{color:var(--ink);letter-spacing:-.015em;font-size:1.25rem}.post-list p{color:var(--ink-2);line-height:1.5}.post-list a:hover h2{text-underline-offset:3px;text-decoration:underline}.post-cta{background:var(--surface-2);border:1px solid var(--hairline);border-radius:20px;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px;padding:24px;display:flex}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px 28px;margin-bottom:24px;list-style:none;display:grid}.steps h3{align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:flex}.steps h3 svg{color:var(--ink-3);flex:none}.steps p{color:var(--ink-2);margin-top:4px;padding-left:26px;font-size:.875rem;line-height:1.45}.shortcuts{margin-top:20px}@media (hover:none) and (pointer:coarse){.shortcuts{display:none}}@media (max-width:600px){.privacy-strip{flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin-inline:auto}}.shortcuts ul{flex-wrap:wrap;justify-content:center;gap:12px 28px;list-style:none;display:flex}.shortcuts li{color:var(--ink-2);align-items:center;gap:8px;font-size:.875rem;display:flex}.shortcuts .combo{min-width:0}.combo{min-width:92px;color:var(--ink);align-items:center;gap:4px;font-size:.875rem;display:inline-flex}.combo kbd:has(svg){place-items:center;min-width:1.6em;height:1.55em;padding:0 .3em;display:inline-grid}.showcase-stage{border-radius:var(--radius-lg);height:clamp(400px,34vw,470px);box-shadow:var(--lit-ring), var(--lit-edges), var(--lift-1);color:#fff;background:#111bf1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden}.showcase-shot{height:100%;position:relative}.showcase-copy{position:relative}.showcase-shot img{object-fit:contain;filter:drop-shadow(0 4px 8px #05083c59)drop-shadow(0 28px 56px #05083c8c);width:auto;max-width:100%;height:102%;margin:auto;position:absolute;inset:0}.showcase-copy{padding:0 clamp(28px,4vw,56px) 0 8px}.showcase-copy h3{font-family:var(--font-clash), var(--font-geist), sans-serif;letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:600;line-height:1.08}.showcase-copy p{color:#ffffffe6;max-width:32em;margin-top:14px;font-size:1.0625rem;line-height:1.5}.showcase{position:relative}.showcase-controls{z-index:2;position:absolute;top:14px;right:14px}.showcase-stage:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.showcase-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000038;border-radius:999px;gap:2px;padding:3px;display:flex}.showcase-tabs button{appearance:none;font:inherit;white-space:nowrap;color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:.8125rem;font-weight:500;transition:color .15s;position:relative}.showcase-tabs button:hover{color:#fff}.showcase-tabs button[aria-selected=true]{color:#141318}.showcase-tabs button:focus-visible{outline-offset:1px;outline:2px solid #fff}.showcase-pill{background:#fff;border-radius:999px;position:absolute;inset:0}.showcase-timer{animation:linear both showcase-timer;position:absolute}@keyframes showcase-timer{to{opacity:0}}.showcase-label{position:relative}@media (max-width:760px){.showcase-stage{grid-template-columns:1fr;height:auto;padding:56px 0 28px}.showcase-shot{height:360px}.showcase-copy{padding:0 24px}.showcase-controls{left:50%;right:auto;translate:-50%}}@media (prefers-contrast:more){:root{--hairline:#0000004d;--hairline-strong:#00000073;--ink-2:#3a3936;--ink-3:#5b5a57}}.video-dock{z-index:40;width:280px;animation:.4s ease-out both dock-in;position:fixed;bottom:20px;right:20px}.video-dock[hidden]{display:none}.video-dock-play{cursor:pointer;background:#000;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #fff,0 12px 32px #14131847}.video-dock-play img{aspect-ratio:16/9;width:100%;height:auto;display:block}.video-dock-icon{color:#111bf1;background:#fff;border-radius:999px;place-items:center;width:34px;height:34px;transition:scale .2s;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 14px #00000040}.video-dock-play:hover .video-dock-icon{scale:1.08}.video-dock-play:focus-visible,.video-dock-close:focus-visible,.video-big-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.video-dock-close{color:#fff;cursor:pointer;background:#18171c;border:0;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 6px #00000040}.video-big{z-index:60;background:#0a0a0eb8;place-items:center;padding:24px;animation:.2s ease-out both dock-in;display:grid;position:fixed;inset:0}.video-big iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:16px;width:min(1100px,100%,177.778vh - 85.3333px)}.video-big-close{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:20px;right:20px}@keyframes dock-in{0%{opacity:0;translate:0 12px}}@media (max-width:680px){.video-dock{display:none}}@media (prefers-reduced-motion:reduce){.video-dock,.video-big{animation:none}}