@font-face{font-family:Rethink Sans;src:url(/_astro/RethinkSans-Variable-latin.B92CQIW4.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap;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:Rethink Sans;src:url(/_astro/RethinkSans-Variable-latin-ext.BbqtUlVa.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap;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:Fragment Mono;src:url(/_astro/FragmentMono-Regular-latin.yxdJ5AmL.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;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:Fragment Mono;src:url(/_astro/FragmentMono-Regular-latin-ext.BbKYyvR9.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}:root{--ss-font-ui:"Rethink Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ss-font-mono:"Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ss-text-2xs:11px;--ss-lh-2xs:14px;--ss-text-xs:12px;--ss-lh-xs:16px;--ss-text-sm:13px;--ss-lh-sm:18px;--ss-text-md:14px;--ss-lh-md:20px;--ss-text-lg:15px;--ss-lh-lg:21px;--ss-text-xl:17px;--ss-lh-xl:26px;--ss-text-2xl:22px;--ss-lh-2xl:28px;--ss-text-3xl:30px;--ss-lh-3xl:34px;--ss-text-4xl:44px;--ss-lh-4xl:48px;--ss-text-5xl:64px;--ss-lh-5xl:64px;--ss-weight-regular:400;--ss-weight-medium:500;--ss-weight-semibold:600;--ss-weight-bold:700;--ss-weight-heavy:750;--ss-tracking-tight:-.02em;--ss-tracking-display:-.03em;--ss-space-1:4px;--ss-space-2:8px;--ss-space-3:12px;--ss-space-4:16px;--ss-space-5:20px;--ss-space-6:24px;--ss-space-8:32px;--ss-space-10:40px;--ss-space-12:48px;--ss-space-16:64px;--ss-space-24:96px;--ss-panel-gutter:16px;--ss-guide-measure:760px;--ss-radius-xs:4px;--ss-radius-sm:7px;--ss-radius-md:10px;--ss-radius-lg:14px;--ss-radius-xl:20px;--ss-radius-flag:7px 7px 7px 2px;--ss-radius-flag-lg:9px 9px 9px 3px;--ss-ease-out:cubic-bezier(.2, .8, .2, 1);--ss-ease-in-out:cubic-bezier(.6, 0, .3, 1);--ss-ease-flag:cubic-bezier(.34, 1.4, .64, 1);--ss-dur-fast:.12s;--ss-dur-base:.18s;--ss-dur-slow:.28s;--ss-dur-flag:.42s;--ss-highlight:#eb4e26;--ss-highlight-on:#fff;--ss-highlight-halo:#fffffff5;--ss-highlight-ring:3px;--ss-highlight-halo-width:2px;--ss-highlight-pad:4px;--ss-highlight-radius:8px;--ss-highlight-tab-height:24px;--ss-spotlight-dim:#1c120c1f;--ss-spotlight-dim-thumb:#1c120c29;--ss-bg:#f4f2ee;--ss-surface:#fff;--ss-surface-2:#ece9e4;--ss-sunk:#e7e3dd;--ss-ink:#1f1c19;--ss-ink-2:#57514b;--ss-ink-3:#736b63;--ss-line:#e0dcd6;--ss-line-2:#d2cdc6;--ss-accent:#eb4e26;--ss-accent-strong:#d13f19;--ss-accent-ink:#b63a14;--ss-accent-soft:#fce6dd;--ss-on-accent:#fff;--ss-ok:#217a4f;--ss-ok-soft:#e1f2e8;--ss-warn:#8a5a00;--ss-warn-soft:#fff1cc;--ss-danger:#b42318;--ss-danger-soft:#fde8e6;--ss-rec:#e5341b;--ss-focus:0 0 0 2px var(--ss-bg), 0 0 0 4px var(--ss-accent);--ss-shadow-1:0 1px 0 #1f1c190a, 0 1px 2px #1f1c190f;--ss-shadow-2:0 1px 2px #1f1c190f, 0 8px 24px -8px #1f1c192e;--ss-shadow-3:0 2px 6px #1f1c1914, 0 24px 60px -16px #1f1c1947;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ss-bg:#141312;--ss-surface:#1c1a18;--ss-surface-2:#25221f;--ss-sunk:#100f0e;--ss-ink:#f3efea;--ss-ink-2:#b9b0a6;--ss-ink-3:#8f867c;--ss-line:#2f2b28;--ss-line-2:#3d3935;--ss-accent:#ff6337;--ss-accent-strong:#ff6337;--ss-accent-ink:#ff8d6a;--ss-accent-soft:#3a1f16;--ss-on-accent:#1a0b05;--ss-ok:#5bc98c;--ss-ok-soft:#173024;--ss-warn:#f2c04d;--ss-warn-soft:#33270c;--ss-danger:#ff7b6b;--ss-danger-soft:#3a1714;--ss-rec:#ff5a3f;--ss-shadow-1:0 1px 0 #0000004d;--ss-shadow-2:0 1px 2px #0006, 0 10px 30px -10px #0009;--ss-shadow-3:0 2px 6px #00000080, 0 24px 60px -16px #000000bf;--ss-spotlight-dim-thumb:#08050333;color-scheme:dark}}:root[data-theme=dark]{--ss-bg:#141312;--ss-surface:#1c1a18;--ss-surface-2:#25221f;--ss-sunk:#100f0e;--ss-ink:#f3efea;--ss-ink-2:#b9b0a6;--ss-ink-3:#8f867c;--ss-line:#2f2b28;--ss-line-2:#3d3935;--ss-accent:#ff6337;--ss-accent-strong:#ff6337;--ss-accent-ink:#ff8d6a;--ss-accent-soft:#3a1f16;--ss-on-accent:#1a0b05;--ss-ok:#5bc98c;--ss-ok-soft:#173024;--ss-warn:#f2c04d;--ss-warn-soft:#33270c;--ss-danger:#ff7b6b;--ss-danger-soft:#3a1714;--ss-rec:#ff5a3f;--ss-shadow-1:0 1px 0 #0000004d;--ss-shadow-2:0 1px 2px #0006, 0 10px 30px -10px #0009;--ss-shadow-3:0 2px 6px #00000080, 0 24px 60px -16px #000000bf;--ss-spotlight-dim-thumb:#08050333;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--ss-dur-fast:0s;--ss-dur-base:0s;--ss-dur-slow:0s;--ss-dur-flag:0s}}:root{--bg:var(--ss-bg);--bg-sunk:var(--ss-surface-2);--surface:var(--ss-surface);--ink:var(--ss-ink);--ink-2:var(--ss-ink-2);--ink-3:var(--ss-ink-3);--line:var(--ss-line);--line-2:var(--ss-line-2);--accent:var(--ss-accent-strong);--accent-ink:var(--ss-on-accent);--accent-soft:var(--ss-accent-soft);--accent-text:var(--ss-accent-ink);--ring:var(--ss-highlight);--ok:var(--ss-ok);--code-bg:#1b1917;--code-ink:#efe9dd;--code-dim:#9a9285;--shadow:var(--ss-shadow-2);--font-body:var(--ss-font-ui);--font-display:var(--ss-font-ui);--font-mono:var(--ss-font-mono);--radius:var(--ss-radius-md);--radius-sm:var(--ss-radius-sm);--wrap:1080px;--prose:680px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}img,svg{max-width:100%;display:block}a{color:var(--accent-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip{background:var(--ink);color:var(--bg);border-radius:var(--radius-sm);z-index:100;padding:8px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;line-height:1.15}h1{letter-spacing:var(--ss-tracking-display);font-size:clamp(2.1rem,4.6vw,3.3rem);font-weight:750}h2{font-size:clamp(1.55rem,3vw,2.05rem);font-weight:700}h3{letter-spacing:-.005em;font-size:1.15rem;font-weight:650}p{margin:0 0 1em}code,pre,kbd,.mono,.eyebrow,.formats{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}:not(pre)>code{background:var(--bg-sunk);border:1px solid var(--line);border-radius:5px;padding:.08em .38em;font-size:.88em}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:24px;height:64px;display:flex}.brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;min-width:44px;min-height:44px;font-size:1.15rem;font-weight:750;text-decoration:none;display:inline-flex}.logo{display:block}.logo img{width:auto;height:30px}.logo-sm img{height:24px}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 12px;font-size:.95rem;text-decoration:none;display:inline-flex}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--bg-sunk)}.nav .btn{margin-left:8px}.nav a.btn-primary,.nav a.btn-primary:hover{color:var(--accent-ink);background:var(--accent)}.btn{font:inherit;white-space:nowrap;border-radius:var(--radius);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.98rem;font-weight:650;line-height:1;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{color:var(--ink);border-color:var(--line);background:0 0}.btn-secondary:hover{background:var(--bg-sunk)}.btn-lg{padding:16px 26px;font-size:1.05rem}.btn-sm{padding:9px 14px;font-size:.9rem}.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.section{padding:84px 0}.section.sunk{background:var(--bg-sunk);border-block:1px solid var(--line)}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px;font-size:12px;font-weight:400;display:inline-block}.lede{color:var(--ink-2);max-width:58ch;font-size:1.2rem}.section-head{max-width:640px;margin-bottom:40px}.section-head p{color:var(--ink-2);margin-top:12px}.hero{padding:72px 0 84px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.hero h1{margin-bottom:20px}.hero .cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero .fine{color:var(--ink-3);margin-top:16px;font-size:.9rem}.mock{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;font-size:14px;line-height:1.4;overflow:hidden}.mock-bar{background:var(--bg-sunk);border-bottom:1px solid var(--line);color:var(--ink-2);align-items:center;gap:6px;padding:10px 14px;font-size:12px;display:flex}.mock-bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.mock-bar span{font-family:var(--font-mono);margin-left:10px}.mock-body{grid-template-columns:1fr;display:grid}.mock-step{border-bottom:1px solid var(--line);padding:16px 18px}.mock-step:last-child{border-bottom:0}.mock-step h4{align-items:baseline;gap:10px;margin:0 0 10px;font-size:15px;font-weight:650;display:flex}.mock-step h4 .n{border-radius:var(--ss-radius-flag);background:var(--ring);width:24px;height:24px;color:var(--ss-highlight-on);flex:none;place-items:center;font-size:12px;display:inline-grid}.mock-shot{background:var(--bg);border:1px solid var(--line);border-radius:8px;gap:10px;padding:14px;display:grid;position:relative}.mock-field{gap:4px;display:grid}.mock-field label{color:var(--ink-3);font-size:11px}.mock-input{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;height:30px;padding:0 10px;font-size:13px;display:flex}.mock-input.blur{filter:blur(4.5px);user-select:none}.mock-btn{background:var(--ink);color:var(--bg);border-radius:6px;justify-self:start;padding:7px 16px;font-size:13px;font-weight:600;position:relative}.mock-btn.hl{outline:3px solid var(--ring);outline-offset:3px;border-radius:8px}.mock-tag{background:var(--ss-ok-soft);color:var(--ss-ok);border:1px solid var(--ss-ok);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:-12px;right:-8px}.mock-note{color:var(--ink-3);margin-top:8px;font-size:12.5px}.mock-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.steps3{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps3 li{counter-increment:s;border-top:2px solid var(--ink);padding-top:18px}.steps3 li:before{content:counter(s, decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-2);margin-bottom:8px;font-size:.9rem;display:block}.steps3 h3{margin-bottom:8px}.steps3 p{color:var(--ink-2);margin:0}.promise{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.checklist{gap:14px;margin:0;padding:0;list-style:none;display:grid}.checklist li{color:var(--ink-2);padding-left:32px;position:relative}.checklist li strong{color:var(--ink)}.checklist li:before{content:"";background:var(--ok);background:var(--ok);border-radius:50%;width:18px;height:18px;position:absolute;top:.32em;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M4.5 9.5l3 3 6-7'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M4.5 9.5l3 3 6-7'/%3E%3C/svg%3E") 50%/contain no-repeat}.codeblock{background:var(--code-bg);color:var(--code-ink);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--code-bg) 80%, var(--line));overflow:hidden}.codeblock .cap{font-family:var(--font-mono);color:var(--code-dim);border-bottom:1px solid color-mix(in srgb, var(--code-ink) 12%, transparent);padding:10px 16px;font-size:12.5px}.codeblock pre{tab-size:2;margin:0;padding:16px;font-size:13.5px;line-height:1.65;overflow-x:auto}.code-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.prose .codeblock{margin:1.4em 0}.table-scroll{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table.compare{border-collapse:collapse;width:100%;min-width:640px;font-size:.95rem}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 16px}.compare tr:last-child td,.compare tr:last-child th{border-bottom:0}.compare thead th{letter-spacing:.02em;color:var(--ink-2);background:var(--bg-sunk);white-space:nowrap;font-size:.85rem}.compare tbody th{color:var(--ink);width:26%;font-weight:600}.compare td.us{color:var(--ink);font-weight:500}.compare thead th.us{color:var(--ink);box-shadow:inset 0 2px 0 var(--ink);font-weight:700}.table-note{color:var(--ink-3);max-width:78ch;margin-top:12px;font-size:.86rem}.faq{max-width:var(--prose)}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;padding:16px 32px 16px 0;font-weight:650;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-3);font-size:1.4rem;font-weight:400;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq details[open] summary:after{content:"−"}.faq .a{color:var(--ink-2);padding:0 0 18px}.faq .a p:last-child{margin-bottom:0}.page-head{padding:64px 0 36px}.page-head h1{max-width:20ch;font-size:clamp(2rem,4.4vw,3rem)}.page-head .lede{margin-top:18px}.prose{max-width:var(--prose)}.prose h2{margin:2.2em 0 .6em}.prose h3{margin:1.6em 0 .4em}.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.3em}.prose li{margin-bottom:.45em}.prose li::marker{color:var(--ink-3)}.prose .table-scroll{margin:1.4em 0}.prose .callout{border-left:3px solid var(--accent);background:var(--bg-sunk);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-2);margin:1.4em 0;padding:14px 18px}.prose .callout p:last-child{margin-bottom:0}.prose-wrap{padding-bottom:72px}.cta-band{border:1px solid var(--line);background:var(--surface);max-width:var(--prose);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:64px;padding:32px;display:flex}.cta-band h2{margin:0 0 4px;font-size:1.4rem}.cta-band p{color:var(--ink-2);margin:0}.related{max-width:var(--prose);margin-top:56px}.related ul{gap:0;margin:12px 0 0;padding:0;list-style:none;display:grid}.related a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.support-card{border:1px solid var(--line);background:var(--surface);max-width:720px;box-shadow:var(--shadow);border-radius:16px;padding:36px}.tiers{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:14px;display:grid}.tier{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--bg);gap:2px;padding:16px;text-decoration:none;transition:border-color .12s,transform .12s;display:grid}.tier:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.tier b{letter-spacing:-.02em;font-size:1.5rem}.tier b small{color:var(--ink-3);font-size:.85rem;font-weight:500}.tier span{color:var(--ink-3);font-size:.9rem}.release{border-top:1px solid var(--line);grid-template-columns:140px 1fr;gap:24px;max-width:820px;padding:28px 0;display:grid}.release .v{font-family:var(--font-mono);font-weight:700}.release .d{color:var(--ink-3);font-size:.9rem}.site-footer{border-top:1px solid var(--line);background:var(--bg-sunk);margin-top:0;padding:56px 0 40px;font-size:.95rem}.foot-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.foot-grid h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.8rem;font-family:var(--font-body);margin-bottom:12px;font-weight:700}.foot-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.foot-grid a{color:var(--ink-2);text-decoration:none}.foot-grid a:hover{color:var(--ink);text-decoration:underline}.foot-note{color:var(--ink-2);max-width:34ch;margin-top:12px}.foot-bottom{border-top:1px solid var(--line);color:var(--ink-2);margin-top:40px;padding-top:20px;font-size:.86rem}@media (width<=860px){.hero-grid,.promise,.code-pair{grid-template-columns:1fr;gap:36px}.steps3{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.section{padding:60px 0}.release{grid-template-columns:1fr;gap:8px}}@media (width<=640px){.nav a.hide-sm{display:none}.site-header .wrap{gap:8px}.nav a{padding:8px}.support-card{padding:24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hl-ring{outline:3px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 5px var(--ss-highlight-halo);border-radius:9px;position:relative}.hl-flag{background:var(--ring);min-width:24px;height:24px;color:var(--ss-highlight-on);border-radius:var(--ss-radius-flag);z-index:2;place-items:center;padding:0 6px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-25px;right:-10px}.brand svg{flex:none}.mock-btn.hl-ring{margin-top:18px}.prose .table-scroll{width:min(980px,100vw - 40px)}.hero h1{letter-spacing:-.04em;max-width:none;font-size:clamp(2.6rem,6.4vw,4rem);font-weight:780;line-height:.98}.ring-word{margin:-.03em .05em -.15em;padding:.03em .15em .15em .1em;display:inline-block;position:relative}.ring-word:before{content:"";border:3px solid var(--ring);pointer-events:none;animation:ring-draw .6s var(--ss-ease-out) .2s both;border-radius:.2em 0 .2em .2em;position:absolute;inset:0}.ring-tab{background:var(--ring);min-width:26px;height:24px;color:var(--ss-highlight-on);font-family:var(--font-body);letter-spacing:0;animation:tab-drop var(--ss-dur-flag) var(--ss-ease-flag) .8s both;border-radius:7px 7px 0 0;place-items:center;padding:0 7px;font-size:15px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:calc(100% - 3px);right:0}.ring-tab:after{content:"";background:radial-gradient(circle at 0 0, transparent 6.5px, var(--ring) 7px);width:7px;height:7px;position:absolute;bottom:0;left:-7px}@keyframes ring-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(-30px -6px 0 0)}}@keyframes tab-drop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ring-word:before,.ring-tab{animation:none}}.hero-grid{grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:56px}.hero .lede{max-width:34em;font-size:1.15rem}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.cta .store-note{color:var(--ink-2);margin:12px 0 0;font-size:.9rem}.proof{color:var(--ink-2);white-space:nowrap;flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.proof li:before{content:"✓";color:var(--ok);margin-right:7px;font-weight:700}.stage{padding-bottom:140px;position:relative}.stage-guide{background:var(--surface);border:1px solid var(--line);box-shadow:var(--ss-shadow-3);border-radius:20px;overflow:hidden}.stage-head{align-items:center;gap:12px;padding:16px 20px;font-size:1.05rem;font-weight:500;display:flex}.flag-num{background:var(--ring);min-width:28px;height:26px;color:var(--ss-highlight-on);border-radius:var(--ss-radius-flag);flex:none;place-items:center;padding:0 8px;font-size:.9rem;font-weight:700;display:grid}.stage-guide img,.stage-guide picture{display:block}.stage-guide img{border-top:1px solid var(--line);width:100%;height:auto}.stage-panel{border:1px solid var(--line-2);width:230px;height:236px;box-shadow:var(--ss-shadow-3);background:var(--surface);border-radius:14px;position:absolute;bottom:0;left:-44px;overflow:hidden}.stage-panel img{object-position:top;width:100%;height:auto}.shots3 li .panel-crop{border:1px solid var(--line-2);height:300px;box-shadow:var(--ss-shadow-2);background:var(--surface);border-radius:14px;margin-top:20px;display:block;overflow:hidden}.shots3 li .panel-crop img{width:100%;height:auto}.formats{flex-wrap:wrap;gap:8px;margin:36px 0 0;font-size:13px;display:flex}.formats span{border:1px solid var(--line-2);border-radius:var(--ss-radius-sm);color:var(--ink-2);background:var(--surface);padding:5px 10px}.blur-fig{margin:56px 0 0}.blur-pair{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.blur-pair>div{gap:10px;display:grid}.blur-pair img{border:1px solid var(--line-2);width:100%;height:auto;box-shadow:var(--ss-shadow-1);border-radius:12px}.blur-pair span{font-family:var(--font-mono);color:var(--ink-2);font-size:12px}.blur-pair span.sr-only{position:absolute}figcaption{color:var(--ink-2);font-size:.92rem}.blur-fig figcaption,.shot-fig figcaption{max-width:62ch;margin-top:14px}.shot-fig{max-width:var(--wrap);margin:40px 0 0}.shot-frame{border:1px solid var(--line-2);box-shadow:var(--ss-shadow-2);background:var(--surface);border-radius:16px;overflow:hidden}.shot-frame img{width:100%;height:auto}.shot-frame.wide{max-width:880px}.shot-frame.narrow{max-width:340px;max-height:500px}.shot-frame.narrow img{object-fit:cover;object-position:top;max-height:500px}.codeblock .more summary{cursor:pointer;font-size:13px;font-family:var(--font-body);color:var(--code-dim);border-top:1px solid color-mix(in srgb, var(--code-ink) 12%, transparent);padding:10px 16px}.codeblock .more pre{border-top:1px solid color-mix(in srgb, var(--code-ink) 12%, transparent)}table.compare-4{min-width:860px}.compare-4 tbody th{width:18%}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:40px}.stage{padding-bottom:0}.stage-panel{display:none}.blur-pair{grid-template-columns:1fr}}.shots3 li:last-child .panel-crop{height:auto}@media (width>=1024px){.kw-top{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:72px;display:grid}.kw-top .shot-fig{margin:64px 0 0}}.codeblock+.codeblock{margin-top:12px!important}
