:root{--color-primary:#fff;--color-primary-pressed:#e8e8e8;--color-on-primary:#000;--color-ink:#f4f4f6;--color-body:#cdcdcd;--color-charcoal:#d3d3d4;--color-mute:#9c9c9d;--color-ash:#6a6b6c;--color-stone:#434345;--color-on-dark:#fff;--color-on-dark-mute:#ffffffb8;--color-canvas:#07080a;--color-surface:#0d0d0d;--color-surface-elevated:#101111;--color-surface-card:#121212;--color-button-fg:#18191a;--color-hairline:#242728;--color-hairline-soft:#ffffff14;--color-hairline-strong:#ffffff29;--color-accent-blue:#57c1ff;--color-accent-blue-soft:#57c1ff26;--color-accent-red:#ff6161;--color-accent-red-soft:#ff616126;--color-accent-green:#59d499;--color-accent-green-soft:#59d49926;--color-accent-yellow:#ffc533;--color-accent-yellow-soft:#ffc53326;--color-hero-stripe-start:#ff5757;--color-hero-stripe-end:#a1131a;--color-key-bg-start:#121212;--color-key-bg-end:#0d0d0d;--color-focus-ring:#57c1ff73;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-features:"calt", "kern", "liga", "ss03";--text-display-xl:600 64px/1.1 var(--font-sans);--text-display-lg:500 56px/1.17 var(--font-sans);--text-heading-xl:500 24px/1.6 var(--font-sans);--text-heading-lg:500 22px/1.15 var(--font-sans);--text-heading-md:500 20px/1.4 var(--font-sans);--text-heading-sm:500 18px/1.4 var(--font-sans);--text-body-lg:400 18px/1.6 var(--font-sans);--text-body-md:400 16px/1.6 var(--font-sans);--text-body-strong:500 16px/1.4 var(--font-sans);--text-body-sm:400 14px/1.6 var(--font-sans);--text-body-sm-strong:500 14px/1.6 var(--font-sans);--text-caption-md:400 13px/1.4 var(--font-sans);--text-caption-sm:400 12px/1.5 var(--font-sans);--text-link-md:500 16px/1.4 var(--font-sans);--text-button-md:500 14px/1.6 var(--font-sans);--radius-none:0px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-section:96px;--content-max:1240px;--nav-height:56px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-canvas);min-height:100vh;color:var(--color-ink);font:var(--text-body-md);font-feature-settings:var(--font-features);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit;font-feature-settings:var(--font-features)}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}.btn{border-radius:var(--radius-md);height:36px;font:var(--text-button-md);letter-spacing:.2px;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:active{background:var(--color-primary-pressed)}.btn-secondary{color:var(--color-on-dark);background:0 0}.btn-tertiary{background:var(--color-surface-elevated);color:var(--color-on-dark)}.btn-install{color:var(--color-on-dark);border-color:var(--color-hairline-strong);background:0 0;height:auto;min-height:32px;padding:6px 14px}.btn-install:hover{border-color:var(--color-mute)}.topnav{z-index:40;height:var(--nav-height);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);position:sticky;top:0}.topnav__inner{max-width:var(--content-max);align-items:center;gap:24px;height:100%;margin:0 auto;padding:0 24px;display:flex}.topnav__brand{color:var(--color-on-dark);flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.topnav__wordmark{font:var(--text-body-sm-strong);letter-spacing:.2px}.topnav__links{align-items:center;gap:4px;margin-left:auto;display:none}.topnav__link{border-radius:var(--radius-sm);color:var(--color-body);font:var(--text-body-sm-strong);letter-spacing:.2px;padding:6px 10px}.topnav__link.active,.topnav__link:hover{color:var(--color-on-dark)}.topnav__actions{align-items:center;gap:4px;margin-left:auto;display:none}.topnav__menu-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-on-dark);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.topnav__drawer{top:var(--nav-height);background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);flex-direction:column;gap:4px;padding:16px 24px 24px;display:flex;position:absolute;left:0;right:0}.topnav__drawer-link{color:var(--color-body);font:var(--text-body-md);border-radius:var(--radius-sm);padding:12px 8px}.topnav__drawer-link.active,.topnav__drawer-link:hover{color:var(--color-on-dark);background:var(--color-surface)}.topnav__drawer-cta{width:100%;margin-top:12px}@media (width>=900px){.topnav__links{flex:1;justify-content:center;margin-left:0;display:flex}.topnav__actions{margin-left:0;display:flex}.topnav__menu-btn,.topnav__drawer{display:none}}.footer{background:var(--color-canvas);border-top:1px solid var(--color-hairline);color:var(--color-body);font:var(--text-body-sm);padding:64px 24px;position:relative}.footer__stripe{background:linear-gradient(100deg, transparent 0%, var(--color-hero-stripe-start) 35%, var(--color-hero-stripe-end) 55%, transparent 80%);opacity:.45;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.footer__inner{max-width:var(--content-max);margin:0 auto}.footer__grid{grid-template-columns:1fr;gap:32px;display:grid}.footer__col h3{color:var(--color-on-dark);font:var(--text-body-sm-strong);letter-spacing:.2px;margin:0 0 12px}.footer__col ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer__col a:hover{color:var(--color-on-dark)}.footer__bottom{border-top:1px solid var(--color-hairline);flex-direction:column;gap:16px;margin-top:48px;padding-top:24px;display:flex}.footer__brand{color:var(--color-on-dark);font:var(--text-body-sm-strong);align-items:center;gap:10px;display:inline-flex}.footer__subscribe{flex-wrap:wrap;gap:8px;width:100%;max-width:420px;display:flex}.footer__subscribe input{border-radius:var(--radius-md);border:1px solid var(--color-hairline);background:var(--color-surface-elevated);min-width:180px;height:36px;color:var(--color-on-dark);flex:1;padding:8px 12px}.footer__subscribe input::placeholder{color:var(--color-mute)}@media (width>=640px){.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1024px){.footer{padding:64px 48px}.footer__grid{grid-template-columns:repeat(4,1fr)}}.keycap{border-radius:var(--radius-xs);border:1px solid var(--color-hairline);background:linear-gradient(180deg, var(--color-key-bg-start), var(--color-key-bg-end));min-width:20px;height:20px;color:var(--color-body);font:var(--text-caption-md);letter-spacing:.1px;justify-content:center;align-items:center;padding:1px 6px;display:inline-flex}.palette{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:none;overflow:hidden}.palette__chrome{border-bottom:1px solid var(--color-hairline);align-items:center;gap:8px;padding:12px 14px;display:flex}.palette__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.palette__dot--r{background:#ff5f56}.palette__dot--y{background:#ffbd2e}.palette__dot--g{background:#27c93f}.palette__search{border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-hairline);flex:1;align-items:center;height:36px;padding:0 12px;display:flex}.palette__placeholder{color:var(--color-mute);font:var(--text-body-md)}.palette__list{flex-direction:column;gap:2px;margin:0;padding:8px;list-style:none;display:flex}.palette__row{border-radius:var(--radius-sm);color:var(--color-on-dark);align-items:center;gap:10px;padding:6px 10px;display:flex}.palette__row--active{background:var(--color-surface-card)}.palette__label{font:var(--text-body-md);flex:1}.palette__footer{border-top:1px solid var(--color-hairline);color:var(--color-mute);font:var(--text-caption-md);justify-content:flex-end;gap:16px;padding:10px 14px;display:flex}.palette__footer span{align-items:center;gap:4px;display:inline-flex}.home{overflow:clip}.section-inner{max-width:var(--content-max);margin:0 auto;padding:0 24px}.hero{isolation:isolate;padding:72px 0 96px;position:relative}.hero__stripes{pointer-events:none;z-index:0;height:min(420px,55vh);position:absolute;inset:0 0 auto;overflow:hidden}.hero__stripes span{background:linear-gradient(180deg, var(--color-hero-stripe-start), var(--color-hero-stripe-end));opacity:.55;filter:blur(.5px);width:28%;height:180%;position:absolute;top:-40%;transform:skew(-28deg)}.hero__stripes span:first-child{animation:8s ease-in-out infinite alternate stripe-drift;left:8%}.hero__stripes span:nth-child(2){opacity:.35;animation:10s ease-in-out infinite alternate-reverse stripe-drift;left:28%}.hero__stripes span:nth-child(3){opacity:.22;animation:9s ease-in-out infinite alternate stripe-drift;left:48%}@keyframes stripe-drift{0%{transform:skew(-28deg)translate(0)}to{transform:skew(-28deg)translate(18px)}}.hero__inner{z-index:1;max-width:var(--content-max);align-items:center;gap:48px;margin:0 auto;padding:0 24px;display:grid;position:relative}.hero__brand{font:var(--text-heading-xl);letter-spacing:.2px;color:var(--color-ink);margin:0 0 12px}.hero h1{font:var(--text-display-xl);font-feature-settings:"calt", "kern", "ss02", "ss08";letter-spacing:0;color:var(--color-ink);max-width:14ch;margin:0}.hero__lede{max-width:38ch;font:var(--text-body-lg);color:var(--color-body);margin:20px 0 0}.hero__cta{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.hero__hint{color:var(--color-mute);font:var(--text-caption-md);align-items:center;gap:6px;margin:20px 0 0;display:flex}.hero__mock{justify-self:center;width:100%;animation:.9s both palette-rise}@keyframes palette-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}.explore{padding:var(--space-section) 0}.explore h2,.store-preview h2,.cta-band h2{font:var(--text-display-lg);letter-spacing:.2px;color:var(--color-ink);margin:0}.explore__lede{max-width:52ch;color:var(--color-body);font:var(--text-body-lg);margin:16px 0 0}.explore__grid{gap:16px;margin-top:40px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:24px}.feature-card h3{font:var(--text-heading-md);letter-spacing:.2px;color:var(--color-on-dark);margin:16px 0 8px}.feature-card p{color:var(--color-body);font:var(--text-body-sm);margin:0}.feature-card__link{color:var(--color-on-dark);font:var(--text-link-md);letter-spacing:.3px;align-items:center;gap:6px;margin-top:16px;display:inline-flex}.store-preview{padding:var(--space-section) 0}.store-preview__inner{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);align-items:center;gap:40px;padding:32px 24px;display:grid}.store-preview__copy p{max-width:42ch;color:var(--color-body);font:var(--text-body-md);margin:16px 0 24px}.store-preview__tiles{flex-wrap:wrap;gap:12px;display:flex}.cta-band{padding:0 0 var(--space-section)}.cta-band__inner{text-align:center;border:1px solid var(--color-hairline);border-radius:var(--radius-xl);background:var(--color-surface-elevated);padding:64px 24px}.cta-band__inner p{max-width:40ch;color:var(--color-body);font:var(--text-body-lg);margin:12px auto 24px}@media (width>=900px){.hero{padding:96px 0}.hero__inner{grid-template-columns:1fr 1.05fr;gap:56px}.explore__grid{grid-template-columns:repeat(3,1fr)}.store-preview__inner{grid-template-columns:1.1fr .9fr;padding:48px}.section-inner,.hero__inner{padding:0 48px}}@media (width<=640px){.hero h1{font-size:36px}.explore h2,.store-preview h2,.cta-band h2{font-size:32px}}@media (prefers-reduced-motion:reduce){.hero__stripes span,.hero__mock{animation:none}}.store-hero{padding:72px 0 40px}.store-hero__inner{max-width:var(--content-max);margin:0 auto;padding:0 24px}.store-hero h1{font:var(--text-display-lg);letter-spacing:.2px;color:var(--color-ink);margin:0}.store-hero p{max-width:48ch;color:var(--color-body);font:var(--text-body-lg);margin:12px 0 0}.store-search{border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-hairline);max-width:560px;height:44px;color:var(--color-mute);align-items:center;gap:10px;margin-top:28px;padding:10px 16px;display:flex}.store-search:focus-within{border-color:var(--color-hairline-strong)}.store-search input{color:var(--color-on-dark);font:var(--text-body-md);background:0 0;border:none;outline:none;flex:1}.store-search input::placeholder{color:var(--color-mute)}.store-filters{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.pill{color:var(--color-body);font:var(--text-body-sm);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:4px 10px}.pill--active{background:var(--color-surface-elevated);color:var(--color-on-dark)}.store-grid-section{padding:0 0 var(--space-section)}.store-grid{max-width:var(--content-max);gap:16px;margin:0 auto;padding:0 24px;display:grid}.ext-card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);grid-template-columns:auto 1fr;align-items:center;gap:12px 16px;padding:16px;display:grid}.ext-card .btn-install{grid-column:1/-1;justify-self:start}.ext-card__body h2{font:var(--text-heading-sm);letter-spacing:.2px;color:var(--color-on-dark);margin:0}.ext-card__meta{color:var(--color-mute);font:var(--text-caption-md);margin:2px 0 0}.ext-card__blurb{color:var(--color-body);font:var(--text-body-sm);margin:6px 0 0}@media (width>=900px){.store-hero__inner,.store-grid{padding:0 48px}.store-grid{grid-template-columns:repeat(2,1fr)}.ext-card{grid-template-columns:auto 1fr auto;align-items:center}.ext-card .btn-install{grid-column:auto;justify-self:end}}@media (width<=640px){.store-hero h1{font-size:36px}}.pricing-hero{padding:72px 0 40px}.pricing-hero__inner,.tiers__grid,.compare__inner{max-width:var(--content-max);margin:0 auto;padding:0 24px}.pricing-hero h1{font:var(--text-display-lg);letter-spacing:.2px;color:var(--color-ink);margin:0}.pricing-hero p{max-width:48ch;color:var(--color-body);font:var(--text-body-lg);margin:12px 0 0}.tiers{padding-bottom:64px}.tiers__grid{gap:16px;display:grid}.tier{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:24px;display:flex}.tier--featured{background:var(--color-surface-elevated)}.tier__head{align-items:center;gap:8px;display:flex}.tier h2{font:var(--text-heading-xl);letter-spacing:.2px;color:var(--color-on-dark);margin:0}.badge-pro{border-radius:var(--radius-xs);background:var(--color-surface-card);color:var(--color-on-dark-mute);font:var(--text-caption-sm);letter-spacing:.4px;padding:2px 6px;display:inline-flex}.tier__price{font:var(--text-display-lg);color:var(--color-ink);letter-spacing:.2px;margin:0}.tier__price span{font:var(--text-body-md);color:var(--color-mute);margin-left:4px}.tier__blurb{color:var(--color-body);font:var(--text-body-lg);margin:0}.tier .btn{align-self:flex-start;margin-top:4px}.tier ul{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.tier li{color:var(--color-body);font:var(--text-body-sm);align-items:flex-start;gap:8px;display:flex}.tier li svg{color:var(--color-accent-green);flex-shrink:0;margin-top:2px}.compare{padding-bottom:var(--space-section)}.compare h2{font:var(--text-heading-xl);letter-spacing:.2px;color:var(--color-ink);margin:0 0 24px}.compare__table-wrap{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.compare table{border-collapse:collapse;width:100%;min-width:520px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--color-hairline-strong);font:var(--text-body-sm);color:var(--color-body);padding:14px 16px}.compare thead th{font:var(--text-body-sm-strong);color:var(--color-on-dark);letter-spacing:.2px}.compare tbody th{font:var(--text-body-sm-strong);color:var(--color-charcoal);letter-spacing:.2px}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:none}@media (width>=900px){.pricing-hero__inner,.tiers__grid,.compare__inner{padding:0 48px}.tiers__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.pricing-hero h1{font-size:36px}.tier__price{font-size:40px}}.ai-hero{padding:72px 0 64px}.ai-hero__inner{max-width:var(--content-max);align-items:center;gap:40px;margin:0 auto;padding:0 24px;display:grid}.badge-info{border-radius:var(--radius-xs);background:var(--color-accent-blue-soft);color:var(--color-accent-blue);font:var(--text-caption-sm);letter-spacing:.4px;padding:2px 8px;display:inline-flex}.ai-hero h1{font:var(--text-display-lg);letter-spacing:.2px;color:var(--color-ink);margin:12px 0 0}.ai-hero__copy p{max-width:42ch;color:var(--color-body);font:var(--text-body-lg);margin:16px 0 0}.ai-hero__cta{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.ai-hero__mock{justify-self:center;width:100%}.ai-points{padding:0 0 var(--space-section)}.ai-points__grid{max-width:var(--content-max);gap:16px;margin:0 auto;padding:0 24px;display:grid}.ai-card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);padding:24px}.ai-card h2{font:var(--text-heading-md);letter-spacing:.2px;color:var(--color-on-dark);margin:0}.ai-card p{color:var(--color-body);font:var(--text-body-sm);margin:10px 0 0}@media (width>=900px){.ai-hero__inner,.ai-points__grid{padding:0 48px}.ai-hero__inner{grid-template-columns:1fr 1.05fr;gap:56px}.ai-points__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.ai-hero h1{font-size:36px}}