main.page{max-width:64rem}main.page section{margin:0 0 4.5rem}.btn-lg{border-radius:.5625rem;padding:.75rem 1.25rem;font-size:.9375rem}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:4rem;padding:3.5rem 0 0;display:grid}.hero h1{font:400 3.25rem/1.05 var(--font-serif);letter-spacing:-.02em;text-wrap:balance;margin:0 0 1rem}.hero .lede{font:1.0625rem/1.6 var(--font-sans);color:var(--fg-muted);max-width:30rem;margin:0 0 1.5rem}.hero-ctas{flex-wrap:wrap;gap:.625rem;display:flex}.demo{border:var(--rule-w) solid var(--rule);background:var(--bg-alt);box-shadow:var(--shadow-1);border-radius:1rem;overflow:hidden}.demo-video{aspect-ratio:16/10;background:var(--bg-sunken);position:relative}.demo-video video{object-fit:cover;width:100%;height:100%;display:block}.demo-foot{border-top:var(--rule-w) solid var(--rule-soft);justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.125rem 1rem;display:flex}.demo-live{font:500 .6875rem/1 var(--font-sans);color:var(--link);border:var(--rule-w) solid color-mix(in oklab, var(--link) 35%, var(--rule));border-radius:999rem;flex:none;align-items:center;gap:.375rem;padding:.3125rem .5625rem;text-decoration:none;display:inline-flex}.demo-live:hover{border-color:var(--link)}.demo-live .live-dot{background:#4a9a5e;border-radius:999rem;width:.4375rem;height:.4375rem}.sec-head{text-align:left;margin-bottom:1.5rem}.sec-head h2{font:400 2rem/1.15 var(--font-serif);letter-spacing:-.015em;margin:0 0 .375rem}.sec-head p{font:.9375rem/1.55 var(--font-sans);color:var(--fg-muted);max-width:40rem;margin:0}.steps{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.step{border:var(--rule-w) solid var(--rule);background:var(--bg-alt);border-radius:.75rem;padding:1.25rem 1.375rem}.step .n{border:var(--rule-w) solid var(--fg);width:1.75rem;height:1.75rem;font:500 .8125rem/1 var(--font-serif);border-radius:999rem;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.step h3{font:600 1rem/1.25 var(--font-sans);margin:0 0 .375rem}.step p{font:.8125rem/1.55 var(--font-sans);color:var(--fg-muted);max-width:none;margin:0}.examples{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ex-shot{border:var(--rule-w) solid var(--rule);background:var(--bg-alt);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);color:inherit;border-radius:.875rem;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.ex-shot:focus-visible{outline:.125rem solid var(--link);outline-offset:.125rem}.ex-shot:hover{border-color:var(--fg-muted);box-shadow:var(--shadow-1)}.shot-bar{border-bottom:var(--rule-w) solid var(--rule);background:var(--bg);align-items:center;gap:.375rem;padding:.5625rem .75rem;display:flex}.shot-bar i{background:var(--rule);border-radius:999rem;width:.5rem;height:.5rem}.shot-url{font:500 .75rem/1 var(--font-mono);color:var(--fg-muted);margin-left:.375rem}.shot-frame{aspect-ratio:16/10;background:var(--bg-sunken);display:block;position:relative}.shot-frame img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity var(--dur-base) var(--ease)}.shot-frame.has-media img{opacity:1}.ex-go{border-top:var(--rule-w) solid var(--rule-soft);font:500 .8125rem/1 var(--font-sans);color:var(--link);align-items:center;gap:.375rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex}.ex-go svg{width:.875rem;height:.875rem}.tease{border:var(--rule-w) solid var(--rule);background:var(--bg-alt);border-radius:1rem;grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;padding:2rem 2.25rem;display:grid}.tease h2{font:400 1.75rem/1.15 var(--font-serif);letter-spacing:-.015em;margin:0 0 .625rem}.tease p{font:.9375rem/1.6 var(--font-sans);color:var(--fg-muted);margin:0 0 1.25rem}.tease .mini{border:var(--rule-w) solid var(--rule);background:var(--bg);border-radius:.625rem;padding:1rem 1.125rem}.mini-row{gap:1.25rem;margin-bottom:.875rem;display:flex}.mini-kpi b{font:400 1.375rem/1 var(--font-serif);display:block}.mini-kpi span{font:.6875rem/1.3 var(--font-sans);color:var(--fg-muted)}.mini-bars{align-items:flex-end;gap:2px;height:2.5rem;display:flex}.mini-bars i{background:color-mix(in oklab, var(--link) 55%, transparent);border-radius:2px 2px 0 0;flex:1;min-height:2px}.mini-gap{border:var(--rule-w) dashed color-mix(in oklab, var(--active) 35%, var(--rule));background:color-mix(in oklab, var(--active) 5%, var(--bg));font:.75rem/1.4 var(--font-sans);color:var(--fg-muted);border-radius:.4375rem;margin-top:.875rem;padding:.5625rem .6875rem}.mini-gap b{color:var(--active);font-weight:600}.features{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.feat{text-align:left;border:var(--rule-w) solid var(--rule);background:var(--bg-alt);border-radius:.75rem;padding:1.25rem 1.375rem}.feat .fi{border:var(--rule-w) solid var(--rule);background:var(--bg);width:2.5rem;height:2.5rem;color:var(--fg);border-radius:.5625rem;justify-content:center;align-items:center;margin:0 0 .75rem;display:flex}.feat .fi svg{flex:none;width:1.25rem;min-width:1.25rem;height:1.25rem}.feat b{font:600 .9375rem/1.3 var(--font-sans);margin-bottom:.3125rem;display:block}.feat span{font:.8125rem/1.5 var(--font-sans);color:var(--fg-muted)}.premium{border:var(--rule-w) solid color-mix(in oklab, var(--link) 30%, var(--rule));background:linear-gradient(160deg, color-mix(in oklab, var(--link) 10%, var(--bg-alt)), var(--bg-alt) 70%);border-radius:.875rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.125rem 1.375rem;display:flex}.premium .lock{border:var(--rule-w) solid color-mix(in oklab, var(--link) 35%, var(--rule));background:var(--bg);width:2.25rem;height:2.25rem;color:var(--link);border-radius:.5625rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.premium .lock svg{flex:none;width:1.125rem;min-width:1.125rem;height:1.125rem}.premium-txt{flex:1;min-width:14rem}.premium-txt b{font:600 1rem/1.3 var(--font-sans);color:var(--fg);display:block}.premium-txt span{font:.875rem/1.5 var(--font-sans);color:var(--fg-muted)}.claim{text-align:center;border:var(--rule-w) solid var(--rule);background:var(--bg-alt);border-radius:1rem;padding:2.5rem 1.5rem 2.75rem}.claim h2{font:400 2rem/1.15 var(--font-serif);letter-spacing:-.015em;margin:0 0 .375rem}.claim p{font:.9375rem/1.5 var(--font-sans);color:var(--fg-muted);margin:0 auto 1.375rem}.claim-row{border:var(--rule-w) solid color-mix(in oklab, var(--link) 45%, var(--rule));background:var(--bg);border-radius:.75rem;align-items:stretch;max-width:100%;display:inline-flex;overflow:hidden}.claim-field{align-items:center;min-width:0;display:inline-flex}.claim-row .pre{font:500 1.0625rem/1 var(--font-mono);color:var(--fg-soft);cursor:text;align-items:center;padding:0 0 0 1rem;display:inline-flex}.claim-row input{font:500 1.0625rem/1 var(--font-mono);color:var(--fg);background:0 0;border:0;width:11rem;min-width:0;padding:.9375rem .5rem .9375rem .125rem}.claim-row input:focus{border-color:#0000;outline:none}.claim-row .btn-primary{border:0;border-left:var(--rule-w) solid var(--rule);border-radius:0;padding:0 1.25rem;font-size:.9375rem}.claim-row:focus-within{border-color:var(--link);box-shadow:0 0 0 .1875rem color-mix(in oklab, var(--link) 18%, transparent)}@media (prefers-reduced-motion:no-preference){.claim-row{animation:claim-breathe 3.2s var(--ease) infinite}.claim-row:focus-within{animation:none}#claim:target .claim-row{animation:claim-pop .6s var(--ease) 1, claim-breathe 3.2s var(--ease) .7s infinite}}@keyframes claim-breathe{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--link) 0%, transparent)}50%{box-shadow:0 0 0 .4375rem color-mix(in oklab, var(--link) 16%, transparent)}}@keyframes claim-pop{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.claim .claim-status{font:.8125rem/1.4 var(--font-sans);color:var(--fg-muted);justify-content:center;align-items:center;gap:.375rem;margin:.75rem auto 0;display:flex}.claim-status svg{flex:none;width:1rem;height:1rem;display:none}.claim-status.is-available{color:var(--link)}.claim-status.is-available .ic-ok{display:inline-block}.claim-status.is-taken{color:var(--active)}.claim-status.is-taken .ic-taken,.claim-status.is-invalid .ic-invalid{display:inline-block}@media (width<=30rem){.claim-row{flex-direction:column;width:100%;display:flex}.claim-field{width:100%}.claim-row input{flex:1;width:auto}.claim-row .btn-primary{border-left:0;border-top:var(--rule-w) solid var(--rule);padding:.875rem 1rem}}@media (width<=52rem){.hero{grid-template-columns:1fr;gap:2rem;padding-top:2rem}.hero h1{font-size:2.5rem}.steps,.examples{grid-template-columns:1fr}.tease{grid-template-columns:1fr;padding:1.5rem}.features{grid-template-columns:repeat(2,1fr)}.claim-row .pre{padding-left:.625rem;font-size:.9375rem}.claim-row input{width:7.5rem;font-size:.9375rem}}