@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");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}@property --glow-a{syntax:"<color>";inherits:true;initial-value:#1f6bff}@property --glow-b{syntax:"<color>";inherits:true;initial-value:#6a4dff}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080b;--surface:#101216;--surface-2:#16181d;--window:#1c1c1e;--control:#2c2c2e;--line:#ffffff14;--line-strong:#ffffff26;--text:#f5f5f7;--muted:#eceff7a3;--faint:#eceff780;--blue:#0a84ff;--blue-soft:#6cb6ff;--green:#30d158;--red:#ff453a;--amber:#ff9f0a;--purple:#bf5af2;--gold:#e8c46e;--glow-a:#1f6bff;--glow-b:#6a4dff;--font:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(18px, 4.5vw, 32px);--shell:1140px;--section:clamp(52px, 7vw, 92px);--radius:24px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--bg);color:var(--text);font-family:var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,canvas{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px;border-radius:6px}::selection{background:#0a84ff73}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{isolation:isolate;transition:--glow-a 1.1s,--glow-b 1.1s;position:relative;overflow-x:clip}.page[data-look=frozen]{--glow-a:#2f9dff;--glow-b:#35d6ff}.page[data-look=hidden]{--glow-a:#ff3d5a;--glow-b:#a01f6b}.page[data-look=pixelated]{--glow-a:#ff9f0a;--glow-b:#ff5e3a}.page[data-look=marquee]{--glow-a:#a45bff;--glow-b:#5a4bff}.ambient{z-index:-1;pointer-events:none;background:radial-gradient(60% 46% at 50% 0%, color-mix(in srgb, var(--glow-a) 34%, transparent), transparent 72%), radial-gradient(38% 30% at 12% 22%, color-mix(in srgb, var(--glow-b) 22%, transparent), transparent 70%), radial-gradient(40% 32% at 90% 30%, color-mix(in srgb, var(--glow-a) 18%, transparent), transparent 70%);height:min(1500px,190vh);position:absolute;inset:0 0 auto}.ambient:after{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 0,#000 0%,#0000 78%);mask-image:radial-gradient(70% 55% at 50% 0,#000 0%,#0000 78%)}.ambient:before{content:"";opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 85%);mask-image:linear-gradient(#000 40%,#0000 85%)}.shell{width:min(var(--shell), 100% - var(--gutter) * 2);margin-inline:auto}.section{padding-block:var(--section)}.kicker{letter-spacing:.04em;color:var(--tint,var(--blue-soft));align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.kicker:before{content:"";opacity:.7;background:currentColor;width:18px;height:1px}.title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2rem,4.2vw + .8rem,3.5rem);font-weight:700;line-height:1.04}.lead{color:var(--muted);text-wrap:pretty;font-size:clamp(1.02rem,.5vw + .95rem,1.2rem);line-height:1.55}.title span{display:block}.head{gap:16px;max-width:780px;margin-bottom:clamp(32px,5vw,56px);display:grid}.head.is-centered{text-align:center;justify-items:center;margin-inline:auto}.btn{letter-spacing:-.01em;white-space:nowrap;min-height:52px;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s ease, border-color .25s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(#2b95ff,#0a6cf0);position:relative;box-shadow:inset 0 1px #ffffff59,0 1px 2px #0006,0 12px 32px -8px #0a84ffb3}.btn-ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);background:#ffffff0f}.btn-small{gap:8px;min-height:40px;padding:0 16px;font-size:14px}@media (hover:hover){.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 1px 2px #0006,0 18px 40px -8px #0a84ffd9}.btn-ghost:hover{background:#ffffff1a}}.card{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#ffffff0b,#ffffff04);position:relative;overflow:hidden}@media (hover:hover){.card:before{content:"";border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-40%), color-mix(in srgb, var(--tint,var(--blue)) 16%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.card:hover:before{opacity:1}}.badge-pro{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold) 10%, transparent);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--delay,0s);transform:translateY(22px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav-sentinel{width:1px;height:24px;position:absolute;top:0}.nav{z-index:40;padding:12px var(--gutter) 0;pointer-events:none;position:sticky;top:0}.nav-inner{width:min(var(--shell), 100%);pointer-events:auto;border-radius:999px;align-items:center;gap:24px;min-height:60px;margin-inline:auto;padding:0 10px 0 18px;transition:background-color .4s,box-shadow .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;box-shadow:inset 0 0 0 1px #0000}.nav.is-scrolled .nav-inner{-webkit-backdrop-filter:blur(20px)saturate(1.6);box-shadow:inset 0 0 0 1px var(--line-strong), 0 18px 40px -18px #000c;background:#0e1015b8}.nav-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.nav-brand img{border-radius:23%}.nav-links{gap:4px;margin-inline:auto;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.nav-end{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-links+.nav-end{margin-left:0}.nav-lang{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:color .2s,background-color .2s;display:inline-flex}@media (hover:hover){.nav-links a:hover,.nav-lang:hover{color:var(--text);background:#ffffff12}}@media (width<=940px){.nav-links{display:none}.nav-links+.nav-end{margin-left:auto}}@media (width<=720px){.nav{position:relative}}@media (width<=380px){.nav-end .btn{display:none}}@media (width<=560px){.nav{padding-top:8px}.nav-inner{gap:8px;min-height:54px;padding:0 7px 0 12px}.nav-lang{padding:0 8px}}.hero{padding-top:clamp(36px,6vw,76px)}.hero-copy{text-align:center;justify-items:center;display:grid}.hero-copy>*{animation:hero-rise 1s var(--ease) both;animation-delay:calc(var(--step,0) * 90ms + 80ms)}.hero-copy>:nth-child(2){--step:1}.hero-copy>:nth-child(3){--step:2}.hero-copy>:nth-child(4){--step:3}.hero-copy>:nth-child(n+5){--step:4}@keyframes hero-rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}}.hero-kicker{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-strong);background:#ffffff0d;border-radius:999px;align-items:center;gap:9px;padding:7px 14px 7px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero-kicker i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #30d1582e}.hero h1{letter-spacing:-.042em;margin-top:clamp(20px,3vw,28px);font-size:clamp(2rem,10.2vw,6rem);font-weight:760;line-height:.98;display:grid}.hero h1 span{padding-bottom:.06em}.hero-ice{color:#0000;background:linear-gradient(100deg,#fff 8%,#b9dcff 42%,#5aa9ff 70%,#cfe8ff 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate hero-ice}@keyframes hero-ice{to{background-position:100% 0}}.hero-lead{max-width:620px;margin-top:clamp(18px,2.6vw,26px)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(26px,3.4vw,36px);display:flex}.hero-note{max-width:440px;color:var(--faint);text-wrap:balance;margin-top:16px;font-size:14px;line-height:1.5}.hero-note a{color:var(--blue-soft);text-underline-offset:3px;white-space:nowrap}.hero-facts{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:22px;font-size:14px;display:flex}.hero-facts li{align-items:center;gap:7px;display:inline-flex}.hero-facts svg{color:var(--green)}.hero-demo{--shell:1180px;animation:hero-demo 1.3s var(--ease) .45s both;margin-top:clamp(40px,6vw,72px)}@keyframes hero-demo{0%{opacity:0;transform:translateY(40px)scale(.97)}}@media (width<=560px){.hero-cta{width:100%;max-width:380px;display:grid}.hero-cta .btn{width:100%}.hero-cta .btn-ghost{display:none}.hero-facts{gap:6px 16px;margin-top:18px;font-size:13px}.hero-demo{--gutter:12px}}.compat{text-align:center;justify-items:center;gap:18px;padding-block:clamp(48px,7vw,88px) clamp(8px,2vw,24px);display:grid}.compat-title,.compat-more{color:var(--faint);font-size:14px}.compat-list{flex-wrap:wrap;justify-content:center;gap:10px 14px;display:flex}.compat-list li{letter-spacing:-.02em;color:#f5f5f7db;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:999px;padding:10px 20px;font-size:clamp(15px,1.2vw + 10px,19px);font-weight:600}.sticky{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:50;-webkit-backdrop-filter:blur(22px)saturate(1.6);box-shadow:inset 0 0 0 1px var(--line-strong), 0 20px 50px #000000b3;opacity:0;transition:opacity .4s ease, transform .55s var(--ease);background:#14161cd1;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 9px 9px 12px;display:none;position:fixed;transform:translateY(140%)}.sticky.is-on{opacity:1;transform:none}.sticky img{border-radius:23%}.sticky p{color:var(--muted);font-size:12px;line-height:1.3;display:grid}.sticky strong{color:var(--text);font-size:15px}@media (width<=720px){.sticky{display:grid}}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:60;text-align:center;color:#0b0c10;opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - 32px);transition:opacity .3s ease, transform .45s var(--ease);background:#f5f5f7;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:500;position:fixed;transform:translate(-50%,16px);box-shadow:0 20px 50px #0009}.toast.is-on{opacity:1;transform:translate(-50%)}.is-blue{--tint:var(--blue)}.is-red{--tint:var(--red)}.is-amber{--tint:var(--amber)}.is-purple{--tint:var(--purple)}.card h3,.step h3{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.25rem;font-weight:650;line-height:1.2;display:flex}:where(.card,.step) p{color:var(--muted);text-wrap:pretty;font-size:1rem;line-height:1.55}.moments{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.moment{align-content:start;gap:10px;padding:26px;display:grid}.moment h3{font-size:1.15rem}.moment-icon{width:48px;height:48px;color:color-mix(in srgb, var(--tint) 70%, #fff);background:color-mix(in srgb, var(--tint) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 40%, transparent);border-radius:14px;place-items:center;margin-bottom:8px;display:grid}.moment-mode{color:color-mix(in srgb, var(--tint) 70%, #fff);background:color-mix(in srgb, var(--tint) 14%, transparent);border-radius:999px;justify-self:start;margin-top:8px;padding:4px 11px;font-size:12px;font-weight:600}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mode{grid-template-rows:1fr auto;display:grid}.mode-shot{background:radial-gradient(90% 80% at 50% 0%, color-mix(in srgb, var(--tint) 30%, transparent), transparent 72%), linear-gradient(180deg, #ffffff05, transparent);place-items:center;gap:12px;height:clamp(300px,34vw,400px);padding:32px 28px 8px;display:grid;position:relative;overflow:hidden}.mode-shot img{background:var(--window);width:min(100%,360px);height:auto;box-shadow:0 0 0 10px var(--window), 0 0 0 11px var(--line-strong), 0 30px 60px -10px #000000bf;transition:transform .7s var(--ease);border-radius:14px}.mode-shot.is-stacked{align-content:center}.mode-shot.is-stacked img{width:min(100%,330px)}.mode-shot.is-stacked img+img{width:min(86%,280px);box-shadow:0 0 0 1px var(--line-strong), 0 24px 50px -10px #000c;margin-top:8px}.mode-shot.is-tall{place-items:start center;padding-top:40px;padding-bottom:0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.mode-shot.is-tall img{width:min(100%,340px);box-shadow:0 0 0 1px var(--line-strong), 0 30px 60px -10px #000000bf;border-radius:14px}@media (hover:hover){.mode:hover .mode-shot img{transform:translateY(-6px)scale(1.015)}}.mode-text{gap:10px;padding:26px 30px 32px;display:grid}.mode-text h3 svg{color:var(--tint)}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.bento-text{gap:8px;display:grid}.bento>.card{align-content:end;gap:28px;padding:30px;display:grid}.bento>.bento-menu{--tint:var(--green);grid-area:span 2/span 5;align-content:start;padding-bottom:0}.bento-menu-shot{background:radial-gradient(80% 70% at 50% 30%,#30d15829,#0000 70%);justify-items:center;height:420px;margin-inline:-30px;padding-top:8px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.bento-menu-shot img{filter:drop-shadow(0 30px 40px #0009);width:min(78%,307px);height:auto}.bento-keys{grid-column:span 7}.bento-control{--tint:var(--blue);grid-column:span 4}.bento-mirror{--tint:var(--purple);grid-column:span 3}.bento>.bento-small{grid-column:span 6;grid-template-columns:auto 1fr;align-content:start;align-items:start;gap:18px}.bento-icon{width:44px;height:44px;color:var(--blue-soft);background:color-mix(in srgb, var(--blue) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue) 30%, transparent);border-radius:12px;place-items:center;display:grid}.keys{gap:14px;display:grid}.keys-row{align-items:center;gap:10px;display:flex}.keys-row span{color:var(--muted);margin-left:8px;font-size:1.05rem;font-weight:500}.keys kbd{aspect-ratio:1;width:clamp(52px,6vw,68px);font-family:-apple-system, BlinkMacSystemFont, var(--font);color:var(--text);background:linear-gradient(#34363d,#1f2126);border-radius:14px;place-items:center;font-size:clamp(22px,2.4vw,28px);font-weight:500;display:grid;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff0f,0 5px #0b0c0f,0 12px 22px #00000080}.keys kbd.is-blue,.keys kbd.is-red{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 85%, #fff), var(--tint));box-shadow:inset 0 1px 0 #ffffff73, 0 5px 0 color-mix(in srgb, var(--tint) 45%, #000), 0 14px 30px color-mix(in srgb, var(--tint) 45%, transparent)}.reveal.is-in .keys kbd{animation:key-press 3.6s var(--ease) infinite;animation-delay:calc(var(--k,0) * .11s + .9s)}.keys-row:nth-child(2) kbd{animation-delay:calc(var(--k,0) * .11s + 2.7s)}.keys kbd:nth-child(2){--k:1}.keys kbd:nth-child(3){--k:2}@keyframes key-press{0%,10%,to{transform:none}4%{filter:brightness(1.25);transform:translateY(4px)}}.tiles{grid-template-columns:repeat(4,1fr);gap:10px;max-width:260px;display:grid}.tile{aspect-ratio:1;color:var(--muted);background:#ffffff14;border-radius:50%;place-items:center;display:grid}.tile.is-on{color:#fff;background:var(--blue);box-shadow:0 0 0 6px #0a84ff2e,0 10px 30px #0a84ff8c}.mirror{letter-spacing:-.03em;justify-items:start;gap:6px;font-size:1.5rem;font-weight:700;line-height:1.1;display:grid}.mirror svg{color:var(--purple)}.mirror .is-flipped{color:var(--faint);transform:scaleX(-1)}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);display:grid;position:relative}.step{align-content:start;gap:10px;display:grid}.step-art{border-radius:var(--radius);height:200px;box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(80% 90% at 50% 0,#0a84ff29,#0000 70%),#ffffff06;place-items:center;margin-bottom:14px;padding:20px;display:grid}.step-number{width:32px;height:32px;color:var(--blue-soft);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--blue) 60%, transparent);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.step-check{background:var(--window);width:min(100%,270px);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.step-check+.step-check{margin-top:-6px}.step-check span{color:#04120a;background:var(--green);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.step-select{background:var(--window);width:min(100%,270px);box-shadow:inset 0 0 0 1px var(--line-strong), 0 20px 40px #00000080;border-radius:14px;gap:4px;padding:10px;display:grid}.step-select small{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding:2px 8px 4px;font-size:11px;font-weight:600}.step-option{color:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:flex}.step-option svg{margin-left:auto}.step-option img{border-radius:23%}.step-option.is-picked{color:#fff;background:var(--blue);font-weight:600}.step-modes{gap:12px;display:flex}.step-modes span{width:64px;height:64px;color:color-mix(in srgb, var(--tint) 75%, #fff);background:color-mix(in srgb, var(--tint) 16%, var(--window));box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tint) 70%, transparent);border-radius:18px;place-items:center;display:grid}.privacy{--tint:var(--green);background:radial-gradient(70% 90% at 100% 0,#30d15824,#0000 70%),linear-gradient(#ffffff0b,#ffffff04);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,56px);padding:clamp(28px,5vw,64px);display:grid}.privacy-copy{align-content:start;justify-items:start;gap:16px;display:grid}.privacy-link{color:var(--green);align-items:center;gap:6px;margin-top:4px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.meter{box-shadow:inset 0 0 0 1px var(--line);background:#00000059;border-radius:20px;align-content:center;gap:4px;padding:clamp(20px,3vw,32px);display:grid}.meter p{color:var(--faint);font-size:13px}.meter p.meter-value{letter-spacing:-.05em;color:var(--text);font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;font-size:clamp(4rem,9vw,6.5rem);font-weight:700;line-height:1;display:flex}.meter-value span{letter-spacing:0;color:var(--muted);font-size:1.1rem;font-weight:500}.meter-line{width:100%;height:48px;overflow:visible}.meter-line path{fill:none;stroke:#ffffff24;stroke-width:2px;vector-effect:non-scaling-stroke}.meter-line .meter-scan{stroke:var(--green);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:70 400;filter:drop-shadow(0 0 6px var(--green));animation:3.2s linear infinite meter-scan}@keyframes meter-scan{0%{stroke-dashoffset:70px}to{stroke-dashoffset:-400px}}.privacy-list{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);padding-top:clamp(24px,3vw,40px);display:grid}.privacy-list li{align-content:start;gap:6px;display:grid}.privacy-list svg{color:var(--green);margin-bottom:6px}.privacy-list h3{font-size:1.05rem}.privacy-list p{font-size:.94rem}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px;margin-inline:auto;display:grid}.plan{align-content:start;gap:18px;padding:clamp(26px,3.4vw,40px);display:grid}.plan h3{color:var(--muted);font-size:1.05rem}.plan-price{letter-spacing:-.04em;color:var(--text);gap:2px;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:700;line-height:1.05;display:grid}.plan-price span{letter-spacing:0;color:var(--faint);font-size:.95rem;font-weight:500}.plan-items{border-top:1px solid var(--line);gap:12px;padding-top:18px;display:grid}.plan-items li{grid-template-columns:auto 1fr;align-items:start;gap:12px;line-height:1.45;display:grid}.plan-items svg{color:var(--green);margin-top:3px}.plan.is-pro{--tint:var(--gold);box-shadow:none;background:radial-gradient(90% 70% at 50% 0,#e8c46e29,#0000 70%),linear-gradient(#ffffff0d,#ffffff04)}.plan.is-pro:after{content:"";border-radius:inherit;background:conic-gradient(from var(--spin), #e8c46e40, #e8c46e 12%, #e8c46e40 28%, #e8c46e40);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:7s linear infinite plan-spin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}@keyframes plan-spin{to{--spin:360deg}}.plan.is-pro h3,.plan.is-pro .plan-items svg{color:var(--gold)}.plan-how{color:var(--faint);font-size:.92rem}.plans-cta{justify-items:center;margin-top:clamp(28px,4vw,44px);display:grid}.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(8px,5vw,72px);display:grid}.faq .head{position:sticky;top:110px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{letter-spacing:-.015em;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;font-size:clamp(1.02rem,.6vw + .92rem,1.18rem);font-weight:600;line-height:1.35;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--faint);transition:transform .4s var(--ease), color .3s ease;flex:none}.faq details[open] summary svg{color:var(--blue-soft);transform:rotate(45deg)}.faq details p{max-width:60ch;color:var(--muted);padding:0 4px 24px;line-height:1.6}.faq details[open] p{animation:faq-open .5s var(--ease)}@keyframes faq-open{0%{opacity:0;transform:translateY(-8px)}}.ticker{margin-block:clamp(8px,3vw,40px) clamp(48px,7vw,88px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ticker-track{width:max-content;animation:38s linear infinite ticker;display:flex}.ticker ul{flex:none;display:flex}.ticker li{letter-spacing:-.03em;white-space:nowrap;color:#ffffff29;align-items:center;gap:clamp(20px,3vw,44px);padding-right:clamp(20px,3vw,44px);font-size:clamp(2.2rem,7vw,5rem);font-weight:800;line-height:1.1;display:flex}.ticker li:nth-child(3n+1){color:#ffffffeb}.ticker li:after{content:"";background:var(--blue);border-radius:50%;width:.26em;height:.26em}@keyframes ticker{to{transform:translate(-50%)}}.closing-wrap{padding-bottom:clamp(40px,6vw,72px)}.closing{text-align:center;box-shadow:inset 0 0 0 1px var(--line-strong);background:radial-gradient(70% 80% at 50% 0,#0a84ff6b,#0000 70%),radial-gradient(60% 60% at 50% 110%,#6a4dff4d,#0000 70%),#0b0e16;border-radius:clamp(28px,4vw,44px);justify-items:center;gap:16px;padding:clamp(56px,9vw,112px) clamp(20px,5vw,64px);display:grid;position:relative;overflow:hidden}.closing .title{font-size:clamp(2.2rem,6vw + .4rem,4.4rem)}.closing-icon{margin-bottom:14px;position:relative}.closing-icon img{border-radius:23%;position:relative;box-shadow:0 24px 60px #0a84ff99}.closing-icon i{border-radius:23%;animation:3.2s ease-out infinite closing-ring;position:absolute;inset:0;box-shadow:0 0 0 1.5px #6cb6ff99}.closing-icon i+i{animation-delay:1.6s}@keyframes closing-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.closing-cta{margin-top:16px}.closing-facts{color:var(--faint);white-space:pre-wrap;margin-top:6px;font-size:14px}.footer{color:var(--faint);flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:28px 40px;font-size:14px;display:flex}.footer p{margin-right:auto}.footer-link{color:var(--muted);text-underline-offset:3px}@media (width<=980px){.moments{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.bento>.bento-menu,.bento-keys{grid-column:span 12}.bento-control,.bento-mirror,.bento>.bento-small{grid-column:span 6}.bento>.bento-menu{grid-row:auto}.steps{grid-template-columns:minmax(0,1fr);gap:0;max-width:560px;margin-inline:auto}.step{grid-template-columns:32px minmax(0,1fr);column-gap:18px;padding-bottom:40px;position:relative}.step>*{grid-column:2}.step>.step-number{grid-area:1/1/span 2;align-self:start}.step h3{grid-row:1;min-height:32px}.step p{grid-row:2}.step-art{grid-row:3;height:auto;min-height:150px;margin:10px 0 0}.step:not(:last-child):before{content:"";background:linear-gradient(color-mix(in srgb, var(--blue) 60%, transparent), var(--line));width:1px;position:absolute;top:40px;bottom:8px;left:15.5px}.step:last-child{padding-bottom:0}.privacy{grid-template-columns:minmax(0,1fr)}.privacy-list{grid-template-columns:repeat(2,minmax(0,1fr))}.faq{grid-template-columns:minmax(0,1fr)}.faq .head{margin-bottom:28px;position:static}}@media (width<=720px){.modes,.plans{grid-template-columns:minmax(0,1fr)}.moments{grid-template-columns:minmax(0,1fr);gap:12px}.moment{grid-template-columns:auto minmax(0,1fr);gap:6px 16px;padding:20px}.moment>*{grid-column:2}.moment>.moment-icon{grid-area:1/1/span 3;margin:0}.moment-mode{margin-top:6px}.mode-shot{height:auto;min-height:290px;padding:34px 26px 14px}.mode-shot.is-tall{height:330px}.mode-text{padding:22px 24px 28px}.bento>.card{gap:22px;padding:24px}.bento-control,.bento-mirror,.bento>.bento-small{grid-column:span 12}.bento-menu-shot{height:380px;margin-inline:-24px}.privacy-list{grid-template-columns:minmax(0,1fr);gap:22px}.privacy-list li{grid-template-columns:auto minmax(0,1fr);column-gap:16px}.privacy-list svg{grid-row:span 2;margin:2px 0 0}.footer{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}}.demo{--tone:var(--green);text-align:left;background:var(--window);box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 0 1px #0009, 0 50px 100px -30px #000000e6, 0 0 120px -30px color-mix(in srgb, var(--glow-a) 55%, transparent);border-radius:22px;transition:box-shadow 1s;position:relative}.demo[data-look=frozen]{--tone:var(--blue)}.demo[data-look=hidden]{--tone:var(--red)}.demo[data-look=pixelated]{--tone:var(--amber)}.demo[data-look=marquee]{--tone:var(--purple)}.demo-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:44px;padding:0 16px;font-size:13px;display:flex}.demo-bar strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.demo-dots{gap:7px;margin-right:4px;display:flex}.demo-dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.demo-dots i:nth-child(2){background:#febc2e}.demo-dots i:nth-child(3){background:#28c840}.demo-people{color:var(--faint);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.demo-body{grid-template-columns:minmax(0,1fr) 320px;display:grid}.demo-stage{align-content:start;gap:12px;padding:16px;display:grid}.demo-screen{aspect-ratio:16/9;background:#000;border-radius:14px;position:relative;overflow:hidden}.demo-screen>canvas{width:100%;height:100%}.demo-frost{border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tone) 85%, transparent), inset 0 0 70px color-mix(in srgb, var(--tone) 40%, transparent);transition:opacity .5s;position:absolute;inset:0}.demo:not([data-look=live]) .demo-frost{opacity:1}.demo-status{-webkit-backdrop-filter:blur(10px);background:#080a10b8;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.demo-status i,.demo-caption-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.tone-live{color:var(--green)}.tone-frozen{color:var(--blue-soft)}.tone-hidden{color:#ff7a72}.tone-pixelated{color:var(--amber)}.demo-status{color:var(--text)}.demo-status i{background:var(--tone)}.demo[data-look=live] .demo-status i,.demo[data-look=marquee] .demo-status i{background:var(--green);animation:1.8s ease-out infinite demo-pulse}@keyframes demo-pulse{0%{box-shadow:0 0 #30d15899}to{box-shadow:0 0 0 9px #30d15800}}.demo-tag{color:#ffffffdb;-webkit-backdrop-filter:blur(10px);background:#080a1099;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:500;position:absolute;bottom:12px;left:12px}.demo-pip{border-radius:10px;width:30%;min-width:112px;position:absolute;top:12px;right:12px;overflow:hidden;box-shadow:0 0 0 1.5px #ffffffd9,0 14px 30px #0009}.demo-pip canvas{aspect-ratio:16/9;width:100%}.demo-pip figcaption{color:#fff;background:linear-gradient(#0000,#000000c7);padding:14px 8px 5px;font-size:11px;font-weight:600;line-height:1.2;position:absolute;inset:auto 0 0}.demo-caption{min-height:44px;color:var(--text);animation:demo-caption .5s var(--ease);align-items:center;gap:10px;padding:0 4px;font-size:15px;font-weight:500;line-height:1.35;display:flex}@keyframes demo-caption{0%{opacity:0;transform:translateY(6px)}}.demo-panel{border-left:1px solid var(--line);align-content:start;gap:12px;padding:16px;display:grid}.demo-tour{color:var(--muted);background:color-mix(in srgb, var(--blue) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--blue) 35%, transparent);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;font-size:12px;line-height:1.35;transition:opacity .4s,visibility .4s;display:grid}.demo-tour b{color:var(--text);font-weight:600;display:block}.demo-tour:not(.is-on){opacity:0;visibility:hidden;height:0;margin-bottom:-12px;padding-block:0;overflow:hidden}.demo-tour-pulse{background:var(--blue-soft);border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite demo-tour-pulse}@keyframes demo-tour-pulse{0%{box-shadow:0 0 #6cb6ff99}to{box-shadow:0 0 0 10px #6cb6ff00}}.demo-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-action{--accent:var(--blue);background:var(--control);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .25s ease, box-shadow .25s ease, color .25s ease, transform .2s var(--ease);border:0;border-radius:12px;justify-items:center;gap:4px;padding:14px 8px 12px;font-size:14px;font-weight:600;display:grid}.demo-action.is-hide{--accent:var(--red)}.demo-action kbd{color:var(--faint);font-family:inherit;font-size:11px;font-weight:500}.demo-action:active{transform:scale(.96)}.demo-action[aria-pressed=true]{color:color-mix(in srgb, var(--accent) 70%, #fff);background:color-mix(in srgb, var(--accent) 20%, var(--window));box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 28px -6px color-mix(in srgb, var(--accent) 80%, transparent)}.demo-action[aria-pressed=true] kbd{color:inherit;opacity:.7}.demo-group{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff09;border-radius:12px;display:grid}.demo-group>*+*{border-top:1px solid var(--line)}.demo-slider{gap:8px;padding:12px 14px 14px;font-size:14px;display:grid}.demo-slider span{justify-content:space-between;display:flex}.demo-slider output{font-variant-numeric:tabular-nums;color:var(--muted)}.demo-slider input{--fill:100%;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:24px;margin:0}.demo-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--blue) var(--fill), #ffffff29 var(--fill));border-radius:99px;height:5px}.demo-slider input::-moz-range-track{background:linear-gradient(90deg, var(--blue) var(--fill), #ffffff29 var(--fill));border-radius:99px;height:5px}.demo-slider input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:24px;height:24px;margin-top:-9.5px;box-shadow:0 2px 8px #00000080}.demo-slider input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #00000080}.demo-switch{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:14px;display:flex}.demo-switch span{align-items:center;gap:8px;display:inline-flex}.demo-switch em{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent);border-radius:999px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:700}.demo-switch i{background:#fff3;border-radius:999px;flex:none;width:44px;height:26px;transition:background-color .25s;position:relative}.demo-switch i:after{content:"";width:22px;height:22px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #00000059}.demo-switch[aria-checked=true] i{background:var(--blue)}.demo-switch[aria-checked=true] i:after{transform:translate(18px)}.demo-note{letter-spacing:.02em;background:#00000040;border:0;border-radius:0 0 12px 12px;width:100%;min-height:46px;padding:0 14px;font-size:16px;font-weight:600}.demo-note::placeholder{color:var(--faint);font-weight:500}.demo-note:focus-visible{outline-offset:-2px}.demo-cam{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.demo-cam-btn{white-space:nowrap;min-height:42px;box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .2s;display:inline-flex}.demo-cam-btn:disabled{color:var(--green);cursor:default}.demo-cam p{color:var(--faint);font-size:12px;line-height:1.35}@media (hover:hover){.demo-action:hover{background:color-mix(in srgb, var(--accent) 12%, var(--control))}.demo-cam-btn:not(:disabled):hover{background:#ffffff12}}@media (width<=900px){.demo-body{grid-template-columns:minmax(0,1fr)}.demo-panel{border-left:0;border-top:1px solid var(--line)}}@media (width<=560px){.demo{border-radius:18px}.demo-stage,.demo-panel{padding:12px}.demo-screen{border-radius:10px}.demo-status{padding:4px 10px 4px 8px;font-size:12px;top:8px;left:8px}.demo-tag{font-size:11px;bottom:8px;left:8px}.demo-pip{border-radius:8px;width:34%;top:8px;right:8px}.demo-pip figcaption{padding:10px 6px 4px;font-size:10px}.demo-caption{font-size:14px}.demo-action kbd{display:none}.demo-action{grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 8px;font-size:15px}}