.shot{margin:0}.shot-open{background:var(--canvas);border:1px solid var(--surface-line);border-radius:var(--radius-m);cursor:zoom-in;width:100%;padding:0;transition:border-color .18s,transform .18s;display:block;position:relative;overflow:hidden}.shot-open:hover{border-color:#4de7df8c;transform:translateY(-2px)}.shot-open img{aspect-ratio:1300/811;width:100%;height:auto;display:block}.shot-narrow .shot-open img{aspect-ratio:414/901}.shot-narrow .shot-open{max-width:22rem;margin-inline:auto}.shot-zoom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--surface-line);color:var(--ink);opacity:0;background:#030713b8;border-radius:999px;padding:.3rem .8rem;font-size:.78rem;font-weight:600;transition:opacity .18s;position:absolute;inset-block-end:.7rem;inset-inline-end:.7rem}.shot-open:hover .shot-zoom,.shot-open:focus-visible .shot-zoom{opacity:1}.shot figcaption{color:var(--ink-dim);margin-block-start:var(--gap-3);font-size:.92rem}.shot-lightbox{cursor:zoom-out;z-index:90;background:#02040af2;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0}.shot-lightbox img{border:1px solid var(--surface-line);border-radius:var(--radius-s);object-fit:contain;max-width:100%;max-height:100%}.shot-close{border:1px solid var(--surface-line);color:var(--ink);cursor:pointer;background:#101a2ee6;border-radius:999px;min-height:44px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;position:absolute;inset-block-start:clamp(.75rem,3vw,1.5rem);inset-inline-end:clamp(.75rem,3vw,1.5rem)}.auto-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.auto-cards{gap:var(--gap-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.auto-note{border-inline-start:2px solid var(--selection);color:var(--ink-dim);max-width:46rem;margin:clamp(1.75rem,4vw,2.5rem) 0 0;padding-inline-start:var(--gap-4)}@media (width<=860px){.auto-body{grid-template-columns:1fr}}.export-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);margin-block-end:clamp(2rem,5vw,3rem);display:grid}.export-body .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.export-caveats{max-width:58rem}@media (width<=860px){.export-body{grid-template-columns:1fr}}.footer{border-block-start:1px solid var(--surface-line);padding-block:var(--gap-6) var(--gap-7)}.footer-inner{gap:var(--gap-5);flex-wrap:wrap;justify-content:space-between;display:flex}.footer-name{margin:0 0 var(--gap-1);font-weight:700}.footer-tagline{color:var(--ink-dim);max-width:32rem;margin:0}.footer-links{gap:var(--gap-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-rights{border-block-start:1px solid var(--surface-line);color:var(--ink-faint);margin:var(--gap-5) 0 0;padding-block-start:var(--gap-4);font-size:.88rem}.platform-availability{flex-direction:column;align-items:flex-start;gap:.7rem;width:100%;margin-top:auto;padding-top:.9rem;display:flex}.platform-availability__badge{letter-spacing:.04em;white-space:nowrap;background:#22c55e29;border:1px solid #22c55e73;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.platform-availability__badge:before{content:"";background:#22c55e;border-radius:50%;width:.5rem;height:.5rem}.platform-availability__cta,.platform-availability__pending{font:inherit;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.6rem 1.3rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.platform-availability__cta{background:color-mix(in srgb, currentColor 10%, transparent);border:1px solid color-mix(in srgb, currentColor 32%, transparent);color:inherit;cursor:pointer;transition:border-color .16s,transform .16s}.platform-availability__cta:hover{border-color:color-mix(in srgb, currentColor 60%, transparent);transform:translateY(-1px)}.platform-availability__cta:focus-visible,.platform-availability__join:focus-visible{outline-offset:3px;outline:2px solid}.platform-availability__pending{border:1px dashed color-mix(in srgb, currentColor 32%, transparent);color:color-mix(in srgb, currentColor 62%, transparent);cursor:not-allowed;background:0 0}.platform-availability__join{color:inherit;text-underline-offset:.2em;align-items:center;gap:.35rem;font-size:.86rem;font-weight:600;text-decoration:underline;display:inline-flex}.platform-availability__join:hover{text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.platform-availability__cta{transition:none}.platform-availability__cta:hover{transform:none}}.platform-grid{gap:var(--gap-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin-block-end:clamp(1.75rem,4vw,2.5rem);display:grid}.platform-card{align-items:flex-start;gap:var(--gap-3);flex-direction:column;display:flex}.platform-card h3{margin:0;font-size:1.2rem}.platform-card p{flex:1;margin:0}.platform-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.platform-icon-windows{color:var(--accent);background:#4de7df24}.platform-icon-android{color:var(--success);background:#55dda024}.platform-icon-mac{color:var(--creative);background:#b76cff24}.platform-link{align-self:stretch}.no-web{border-color:#ff8a3d59;margin-block-end:var(--gap-5)}.no-web h3{color:var(--selection);margin:0 0 var(--gap-2);font-size:1.15rem}.no-web p{color:var(--ink-dim);margin:0}.platform-note{color:var(--ink-faint);max-width:48rem;margin:0;font-size:.92rem}.hero{isolation:isolate;padding-block:clamp(3rem,9vw,6rem) clamp(3rem,8vw,5.5rem);scroll-margin-block-start:4.5rem;position:relative;overflow:hidden}.hero-strip{opacity:.5;z-index:-1;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 78%);mask-image:linear-gradient(#000000d9,#0000 78%)}.hero-strip img{object-fit:cover;width:100%;height:100%}.hero-inner{padding-block-start:clamp(6rem,22vw,13rem);position:relative}.hero-heading{letter-spacing:-.035em;margin:0 0 var(--gap-4);text-wrap:balance;max-width:20ch;font-size:clamp(2.3rem,7vw,4.2rem);font-weight:800;line-height:1.03}.hero-heading-highlight{background:linear-gradient(100deg, var(--accent), var(--creative));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subhead{color:var(--ink-dim);margin:0 0 var(--gap-5);max-width:44rem;font-size:clamp(1.02rem,2vw,1.22rem)}.chip-row.hero-badges{margin-block-end:var(--gap-6)}.hero-actions{gap:var(--gap-3);flex-wrap:wrap;display:flex}.hero-note{color:var(--ink-faint);margin:var(--gap-6) 0 0;max-width:40rem;font-size:.9rem}@media (width<=640px){.hero-strip{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}}.steps{counter-reset:step;gap:clamp(2rem,5vw,3.5rem);margin:0;padding:0;list-style:none;display:grid}.step{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);display:grid}.steps li:nth-child(2n) .step-text{order:2}.step-text h3{margin:0 0 var(--gap-3);font-size:clamp(1.25rem,2.6vw,1.6rem)}.step-text p{color:var(--ink-dim);margin:0}.step-eyebrow{counter-increment:step}.steps-outro{border-inline-start:2px solid var(--surface-line);color:var(--ink-dim);max-width:46rem;margin:clamp(2rem,5vw,3.5rem) 0 0;padding-inline-start:var(--gap-4)}@media (width<=860px){.step{grid-template-columns:1fr}.steps li:nth-child(2n) .step-text{order:0}}.language-switcher{align-items:center;gap:var(--gap-2);display:flex}.language-switcher-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.language-switcher select{border:1px solid var(--surface-line);border-radius:var(--radius-s);color:var(--ink);font:inherit;background:#101a2ee6;min-height:40px;padding:.4rem .6rem;font-size:.85rem}.language-switcher select:hover{border-color:var(--accent)}@media (width<=480px){.language-switcher select{max-width:5.5rem;padding-inline:.4rem}}.nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-end:1px solid var(--surface-line);z-index:60;background:#030713d1;position:sticky;inset-block-start:0}.nav-inner{align-items:center;gap:var(--gap-4);justify-content:space-between;min-height:64px;display:flex}.nav-brand{color:var(--ink);align-items:center;gap:var(--gap-2);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;font-weight:700;text-decoration:none;display:flex}.nav-brand img{border-radius:8px}.nav-links ul{gap:clamp(.5rem,1.4vw,1.1rem);margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink-dim);white-space:nowrap;padding:.5rem 0;font-size:.9rem;text-decoration:none;transition:color .16s;display:inline-block}.nav-links a:hover{color:var(--accent)}.nav-actions{align-items:center;gap:var(--gap-2);flex-shrink:0;display:flex}.nav-cta{min-height:40px;padding:.45rem 1.1rem;font-size:.9rem}.nav-toggle{border:1px solid var(--surface-line);border-radius:var(--radius-s);color:var(--ink);cursor:pointer;background:0 0;width:42px;height:42px;font-size:1.1rem;display:none}@media (width<=1079px){.nav-toggle{display:block}.nav-links{background:var(--surface);border-block-end:1px solid var(--surface-line);display:none;position:absolute;inset-block-start:100%;inset-inline:0}.nav-links.is-open{display:block}.nav-links ul{padding:var(--gap-2) clamp(1rem, 4vw, 2.5rem) var(--gap-4);gap:0;display:grid}.nav-links a{border-block-end:1px solid var(--surface-line);width:100%;padding:.85rem 0;font-size:1rem}}@media (width<=560px){.nav-brand span{display:none}.nav-cta{padding:.45rem .9rem}}.parts-hero{margin-block-end:clamp(2rem,5vw,3rem)}.parts-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}@media (width<=860px){.parts-body{grid-template-columns:1fr}}.privacy-body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.privacy-badge{border-radius:var(--radius-m);padding:var(--gap-5);background:linear-gradient(160deg,#55dda01f,#0a1120e6);border:1px solid #55dda059}.privacy-badge h3{margin:0 0 var(--gap-2);font-size:1.15rem}.privacy-badge p{color:var(--ink-dim);margin:0}@media (width<=860px){.privacy-body{grid-template-columns:1fr}}.reel-grid{gap:var(--gap-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.reel-frame figure{margin:0}.reel-frame img{aspect-ratio:16/9;border:1px solid var(--surface-line);border-radius:var(--radius-s);object-fit:cover;width:100%;height:auto;display:block}.reel-frame figcaption{color:var(--ink-dim);margin-block-start:var(--gap-2);font-size:.88rem}.reel-note{color:var(--ink-faint);margin:var(--gap-6) 0 0;max-width:44rem;font-size:.92rem}.chip-row.support-not-here{margin-block-end:clamp(1.5rem,4vw,2.5rem)}.support-body{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}@media (width<=60rem){.support-body{grid-template-columns:minmax(0,1fr)}}.support-links{margin-block-start:var(--gap-5)}.support-links-label{color:var(--ink-dim);margin:0 0 var(--gap-3);font-size:.88rem}.support-links-row{gap:var(--gap-3);flex-wrap:wrap;display:flex}.support-link{align-items:center;gap:var(--gap-1);flex-direction:column;display:flex}.support-link-note{color:var(--ink-faint);font-size:.75rem}.support-email{color:var(--ink-dim);margin-block-start:var(--gap-5);font-size:.92rem}.support-email a{color:var(--accent)}.themes-top{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);margin-block-end:clamp(2rem,5vw,3rem);display:grid}.theme-list{gap:var(--gap-3);margin:0;padding:0;list-style:none;display:grid}.theme-list li{border-inline-start:2px solid var(--creative);padding-inline-start:var(--gap-4)}.theme-list h3{margin:0;font-size:1rem}.theme-list p{color:var(--ink-dim);margin:0;font-size:.93rem}.theme-list-note{color:var(--ink-faint);margin:var(--gap-4) 0 0;font-size:.88rem}.themes-pinned{margin-block-end:clamp(2rem,5vw,3rem)}.themes-studio-heading{margin:0 0 var(--gap-3);font-size:clamp(1.3rem,3vw,1.75rem)}@media (width<=860px){.themes-top{grid-template-columns:1fr}}.timeline-phone{justify-content:center;margin-block:clamp(1.5rem,4vw,2.5rem);display:flex}.timeline-phone .shot{margin:0}.water-compare{margin-block-end:clamp(2rem,5vw,3rem)}.water-body{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.water-steps{color:var(--ink-dim);counter-reset:water;gap:var(--gap-3);margin:0;padding:0;list-style:none;display:grid}.water-steps li{counter-increment:water;padding-inline-start:2.4rem;position:relative}.water-steps li:before{color:var(--accent);content:counter(water);background:#4de7df1f;border-radius:999px;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset-block-start:.15rem;inset-inline-start:0}.water-limit{border-block-start:1px solid var(--surface-line);color:var(--ink-faint);margin:var(--gap-5) 0 0;padding-block-start:var(--gap-4);font-size:.92rem}@media (width<=860px){.water-body{grid-template-columns:1fr}}.workspace-shots{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:clamp(1.25rem,3vw,2rem);margin-block-end:clamp(2rem,5vw,3rem);display:grid}:root{--accent:#4de7df;--accent-deep:#079ea5;--beat:#ffc75b;--creative:#b76cff;--selection:#ff8a3d;--danger:#ff6577;--success:#55dda0;--canvas:#030713;--surface:#0a1120;--surface-high:#101a2e;--surface-line:#1d2b45;--ink:#f2f6ff;--ink-dim:#9fb0cc;--ink-faint:#6a7c99;--gap-1:.25rem;--gap-2:.5rem;--gap-3:.75rem;--gap-4:1rem;--gap-5:1.5rem;--gap-6:2rem;--gap-7:3rem;--gap-8:4.5rem;--radius-s:10px;--radius-m:18px;--radius-l:28px;--shell:76rem;--shell-narrow:54rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--canvas);color:var(--ink);background-image:radial-gradient(90rem 50rem at 12% -8%,#4de7df17,#0000 62%),radial-gradient(70rem 44rem at 92% 4%,#b76cff14,#0000 60%);background-attachment:fixed;min-height:100dvh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}img,video{max-width:100%}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{max-width:var(--shell);width:100%;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.container-narrow{max-width:var(--shell-narrow)}.section{padding-block:clamp(3.5rem,8vw,6.5rem);scroll-margin-block-start:4.5rem;position:relative}.section-tinted{background:linear-gradient(#0000,#101a2e8c 18% 82%,#0000)}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 var(--gap-3);text-transform:uppercase;font-size:.78rem;font-weight:700}.eyebrow-beat{color:var(--beat)}.eyebrow-creative{color:var(--creative)}.eyebrow-selection{color:var(--selection)}.section-heading{letter-spacing:-.02em;margin:0 0 var(--gap-4);text-wrap:balance;font-size:clamp(1.7rem,4.2vw,2.6rem);font-weight:700;line-height:1.15}.section-intro{color:var(--ink-dim);margin:0 0 var(--gap-6);max-width:46rem;font-size:clamp(1rem,1.7vw,1.15rem)}.lede{color:var(--ink-dim);margin:0 0 var(--gap-5);max-width:44rem}.card{border:1px solid var(--surface-line);border-radius:var(--radius-m);padding:var(--gap-5);background:linear-gradient(#101a2ee6,#0a1120e6)}.card h3{margin:0 0 var(--gap-2);font-size:1.08rem}.card p{color:var(--ink-dim);margin:0}.grid{gap:var(--gap-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.grid-2{gap:var(--gap-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.shot-pair{margin-block-end:clamp(1.75rem,4vw,2.5rem)}.btn{align-items:center;gap:var(--gap-2);border:1px solid #0000;border-radius:999px;justify-content:center;min-height:48px;padding:.7rem 1.5rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#04241f}.btn-primary:hover{background:#6ff0e9}.btn-ghost{border-color:var(--surface-line);color:var(--ink);background:#4de7df0f}.btn-ghost:hover{border-color:var(--accent)}.btn[aria-disabled=true]{color:var(--ink-faint);cursor:default;pointer-events:none}.tick-list{gap:var(--gap-3);margin:0;padding:0;list-style:none;display:grid}.tick-list li{color:var(--ink-dim);padding-inline-start:1.75rem;position:relative}.tick-list li:before{color:var(--accent);content:"▸";position:absolute;inset-inline-start:0}.chip-row{gap:var(--gap-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--surface-line);color:var(--ink-dim);white-space:nowrap;background:#4de7df14;border-radius:999px;padding:.35rem .85rem;font-size:.85rem}.reveal{opacity:0;transition:opacity .62s,transform .62s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.skip-link{background:var(--accent);border-radius:0 0 var(--radius-s) 0;color:#04241f;z-index:100;padding:.75rem 1.25rem;font-weight:700;position:fixed;inset-block-start:-100%;inset-inline-start:0}.skip-link:focus-visible{inset-block-start:0}