:root{--color-paper:oklch(98.5% .004 250);--color-paper-2:oklch(96.4% .006 252);--color-paper-glass:oklch(98.5% .004 250/.82);--color-ink:oklch(24% .02 258);--color-ink-2:oklch(34% .018 257);--color-muted:oklch(52% .014 257);--color-rule:oklch(90% .01 255);--color-rule-2:oklch(82% .012 256);--color-accent:oklch(58% .22 250);--color-accent-hover:oklch(53% .22 250);--color-accent-active:oklch(48% .22 250);--color-accent-ink:oklch(98.5% .004 250);--color-accent-soft:oklch(58% .22 250/.12);--color-focus:oklch(58% .22 250);--color-ok:oklch(72% .15 152);--color-pop:oklch(85% .18 100);--color-pop-soft:oklch(85% .18 100/.5);--color-pop-ink:oklch(32% .07 100);--color-on-accent:oklch(98% .01 250);--color-on-accent-mut:oklch(91% .05 250);--color-graphite:oklch(22% .016 260);--color-graphite-2:oklch(30% .016 260);--color-on-graphite:oklch(89% .01 255);--color-on-graphite-mut:oklch(64% .014 256);--color-shadow:oklch(24% .02 258/.06);--color-code-attr:oklch(76% .1 210);--color-code-str:oklch(80% .09 142);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1.0625rem;--text-lg:1.3125rem;--text-xl:1.625rem;--text-2xl:2.125rem;--text-3xl:2.75rem;--text-display-s:clamp(2.5rem, 5vw + 1rem, 4.25rem);--text-display:clamp(3rem, 7vw + 1rem, 6rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.22s;--dur-mid:.6s;--radius-input:6px;--radius-card:10px;--rule-hair:1px}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-weight:400;font-size:var(--text-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.04}a{color:inherit}img,svg{max-width:100%;display:block}::selection{background:var(--color-accent-soft)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:3px}.wrap{width:100%;max-width:1080px;padding-inline:var(--space-md);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.signup{margin-top:var(--space-2xl);padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-accent-soft)}.signup__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);margin:0 0 var(--space-2xs)}.signup__lede{margin:0 0 var(--space-md);color:var(--color-ink-2)}.signup__row{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.signup__input{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);font:inherit;background:var(--color-paper);color:var(--color-ink);flex:16rem}.signup__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.signup__msg{margin:var(--space-2xs) 0 0;color:var(--color-accent-active);font-size:var(--text-sm)}.signup__privacy{margin:var(--space-xs) 0 0;color:var(--color-muted);font-size:var(--text-xs)}.signup__success{font-family:var(--font-display);color:var(--color-ink);margin:0}.section{padding-block:var(--space-2xl)}.section--dark{background:var(--color-graphite);color:var(--color-on-graphite)}.section--dark h1,.section--dark h2,.section--dark h3{color:var(--color-paper)}.eyebrow{align-items:center;gap:var(--space-2xs);margin:0 0 var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);display:inline-flex}.eyebrow:before{content:"";background:var(--color-accent);border-radius:2px;width:7px;height:7px}.section--dark .eyebrow{color:var(--color-on-graphite-mut)}.skip{left:-9999px;top:var(--space-sm);z-index:100;background:var(--color-ink);color:var(--color-paper);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-input);position:absolute}.skip:focus{left:var(--space-md)}.reveal{opacity:1;transform:none}.js .reveal:not(.is-in){opacity:0;transform:translateY(10px)}.js .reveal{transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out)}@media (prefers-reduced-motion:reduce){.js .reveal:not(.is-in){opacity:1;transform:none}.js .reveal{transition:none}}.btn{align-items:center;gap:var(--space-2xs);font-family:var(--font-body);font-weight:600;font-size:var(--text-md);border-radius:var(--radius-input);cursor:pointer;white-space:nowrap;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);border:1px solid #0000;padding:.9rem 1.4rem;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.btn--primary:active{background:var(--color-accent-active);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.btn{transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out)}.btn--primary:hover{transform:none}}.btn--ghost{color:var(--color-ink);border-color:var(--color-rule-2);background:0 0}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.link{color:var(--color-ink);background-image:linear-gradient(var(--color-accent), var(--color-accent));transition:background-size var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;padding-bottom:1px;text-decoration:none}.link:hover{color:var(--color-accent);background-size:100% 1.5px}.badge{align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-md);background:var(--color-pop);color:var(--color-pop-ink);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.4rem .7rem;font-weight:600;display:inline-flex}.mark{background:var(--color-pop-soft);box-decoration-break:clone;border-radius:5px;padding:.04em .18em}.nav{z-index:50;background:var(--color-paper-glass);backdrop-filter:blur(8px);border-bottom:var(--rule-hair) solid var(--color-rule);position:sticky;top:0}.nav__inner{align-items:center;gap:var(--space-md);min-height:60px;display:flex}.nav__brand{align-items:center;gap:var(--space-2xs);font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);font-weight:600;text-decoration:none;display:inline-flex}.nav__brand:before{content:"";background:var(--color-accent);border-radius:4px;width:14px;height:14px}.nav__links{gap:var(--space-md);font-size:var(--text-sm);margin-inline-start:var(--space-lg);display:flex}.nav__links a{color:var(--color-muted);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);padding:.25rem 0;text-decoration:none}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--color-ink)}.nav__right{align-items:center;gap:var(--space-sm);margin-inline-start:auto;display:flex}.nav__lang{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);padding:.4rem .55rem;text-decoration:none}.nav__lang:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (width<=560px){.nav__links{display:none}}.hero{padding-block:var(--space-2xl)}.hero__grid{gap:var(--space-2xl);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;display:grid}.hero h1{font-size:var(--text-display-s);margin-bottom:var(--space-md)}.hero__lede{font-size:var(--text-lg);color:var(--color-ink-2);max-width:46ch;margin:0 0 var(--space-lg)}.hero__cta{gap:var(--space-sm);flex-wrap:wrap;display:flex}@media (width<=860px){.hero__grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}}.code-card{background:var(--color-graphite);border:1px solid var(--color-graphite-2);border-radius:var(--radius-card);box-shadow:0 1px 2px var(--color-shadow);font-family:var(--font-mono);overflow:hidden}.code-card__bar{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border-bottom:1px solid var(--color-graphite-2);display:flex}.code-card__name{font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-on-graphite-mut)}.code-card pre{padding:var(--space-sm);font-size:var(--text-sm);color:var(--color-on-graphite);margin:0;line-height:1.7;overflow-x:auto}.tok-tag{color:var(--color-accent)}.tok-attr{color:var(--color-code-attr)}.tok-str{color:var(--color-code-str)}.tok-punct{color:var(--color-on-graphite-mut)}.chip{align-items:center;gap:var(--space-3xs);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ok);font-weight:500;display:inline-flex}.chip:before{content:"";background:var(--color-ok);border-radius:50%;width:7px;height:7px}.hero--poster{padding-block:var(--space-2xl) var(--space-xl);position:relative}.hero--poster h1{font-size:var(--text-display);max-width:15ch;margin-bottom:var(--space-lg)}.hero--poster .hero__lede{max-width:50ch}.sticker{text-align:center;background:var(--color-pop);width:7.5rem;height:7.5rem;color:var(--color-pop-ink);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);padding:var(--space-sm);box-shadow:0 6px 20px var(--color-shadow);border-radius:999px;place-items:center;line-height:1.1;display:inline-grid;transform:rotate(-8deg)}.hero__sticker{top:var(--space-lg);position:absolute;right:0}@media (width<=760px){.hero__sticker{margin-bottom:var(--space-md);position:static;transform:rotate(-4deg)}}.marquee{background:var(--color-ink);color:var(--color-paper);border-block:2px solid var(--color-ink);padding-block:var(--space-sm);overflow:hidden}.marquee__track{gap:0;width:max-content;animation:32s linear infinite marquee;display:flex}.marquee__item{align-items:center;gap:var(--space-md);padding-inline:var(--space-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;display:inline-flex}.marquee__item:after{content:"";background:var(--color-pop);border-radius:50%;width:10px;height:10px}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.proof{gap:var(--space-2xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.proof h2{font-size:var(--text-3xl);max-width:12ch}.proof__lede{margin:var(--space-md) 0 0;color:var(--color-muted);max-width:40ch}@media (width<=860px){.proof{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}}.features h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.feature-row{gap:var(--space-lg);padding-block:var(--space-lg);border-top:2px solid var(--color-rule);grid-template-columns:auto minmax(0,1fr);display:grid}.feature-row__num{font-family:var(--font-display);font-weight:700;font-size:var(--text-display-s);color:var(--color-accent);line-height:.9}.feature-row:nth-child(2) .feature-row__num{color:var(--color-pop-ink);-webkit-text-stroke:2px var(--color-pop)}.feature-row__label{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-ink);margin:0 0 var(--space-3xs)}.feature-row__body{color:var(--color-ink-2);max-width:60ch;margin:0}.how{margin-top:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-sm) var(--space-md);transition:border-color var(--dur-short) var(--ease-out)}.how:hover{border-color:var(--color-rule-2)}.how__toggle{align-items:center;gap:var(--space-2xs);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:var(--text-md);color:var(--color-ink);background:0 0;border:0;padding:0;display:inline-flex}.how__sign{font-family:var(--font-mono);color:var(--color-accent);width:1ch}.how__body{margin:var(--space-sm) 0 0;color:var(--color-ink-2);max-width:62ch}.section--accent{background:var(--color-accent);color:var(--color-on-accent)}.section--accent h1,.section--accent h2,.section--accent h3{color:var(--color-on-accent)}.section--accent .eyebrow{color:var(--color-on-accent-mut)}.section--accent .eyebrow:before{background:var(--color-pop)}.privacy__heading{font-size:var(--text-display-s);max-width:16ch;margin:0}.privacy__detail{margin:var(--space-md) 0 0;color:var(--color-on-accent-mut);font-size:var(--text-lg);max-width:52ch}.teaser h2{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.hub h1{font-size:var(--text-display-s);margin-bottom:var(--space-2xs)}.hub__lede{color:var(--color-muted);margin:0 0 var(--space-xl);max-width:56ch}.hub__list{border-top:1px solid var(--color-rule)}.hub__item{gap:var(--space-md);padding-block:var(--space-md);border-bottom:1px solid var(--color-rule);color:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;text-decoration:none;display:grid}.hub__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--color-ink);transition:color var(--dur-short) var(--ease-out);display:block}.hub__item:hover .hub__title{color:var(--color-accent)}.hub__desc{margin:var(--space-3xs) 0 0;color:var(--color-muted);display:block}.hub__arrow{font-family:var(--font-mono);color:var(--color-muted);transition:color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);align-self:center}.hub__item:hover .hub__arrow{color:var(--color-accent);transform:translate(3px)}.foot{border-top:var(--rule-hair) solid var(--color-rule);margin-top:var(--space-3xl)}.foot__inner{align-items:center;gap:var(--space-xs) var(--space-md);padding-block:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.foot__brand{font-family:var(--font-display);color:var(--color-ink);font-weight:600}.foot__tag{color:var(--color-muted)}.foot__right{gap:var(--space-sm);margin-inline-start:auto;display:flex}.foot__right a{color:var(--color-muted);transition:color var(--dur-short) var(--ease-out);text-decoration:none}.foot__right a:hover,.foot__right a[aria-current=page]{color:var(--color-accent)}