@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}}@layer base{:root{--color-bg: #0b0b0f;--color-surface: #131318;--color-surface-elevated: #1c1c23;--color-border: #2a2a33;--color-fg: #f5f5f7;--color-muted: #a1a1aa;--color-accent: #4f46e5;--color-accent-text: #a5b4fc;--color-accent-soft: rgb(79 70 229 / .15);--color-success: #22c55e;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .875rem;--content-max: 80rem;--reading-max: 42rem}html{color-scheme:dark}body{min-block-size:100dvh;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(2.25rem,6vw,4rem);letter-spacing:-.035em}h2{font-size:clamp(1.625rem,3vw,2.25rem)}h3{font-size:1.125rem}p{color:inherit}main{display:flex;flex-direction:column;gap:var(--space-3xl);padding-block:0 var(--space-3xl)}section{inline-size:95%;margin-inline:auto}@media(min-width:48rem){section{inline-size:80%}}}@layer components{.site-header{inline-size:95%;margin-inline:auto;padding-block:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}@media(min-width:48rem){.site-header{inline-size:80%}}.brand{color:var(--color-fg);font-family:var(--font-mono);font-size:.9375rem;font-weight:700;letter-spacing:-.01em;transition:opacity .15s ease}.brand:hover{opacity:.8}.brand:focus-visible{outline:2px solid var(--color-fg);outline-offset:4px;border-radius:var(--radius-sm)}.header-nav{display:flex;gap:var(--space-md)}.header-link{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:var(--radius-sm);color:var(--color-muted);font-size:.9375rem;transition:color .15s ease,background .15s ease}.header-link:hover{color:var(--color-fg);background:var(--color-surface)}.header-link:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.header-link .icon{inline-size:1.125rem;block-size:1.125rem}.lang-switcher{position:relative}.lang-toggle{display:inline-flex;align-items:center;gap:.375rem;background:transparent;border:1px solid var(--color-border);color:var(--color-muted);padding:.375rem .625rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:color .15s ease,border-color .15s ease}.lang-toggle .icon{inline-size:1rem;block-size:1rem}.lang-toggle:hover{color:var(--color-fg);border-color:var(--color-fg)}.lang-toggle:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.lang-toggle[aria-expanded=true]{color:var(--color-fg);border-color:var(--color-fg)}.lang-menu{position:absolute;inset-block-start:calc(100% + .375rem);inset-inline-end:0;z-index:20;min-inline-size:9.5rem;margin:0;padding:.25rem;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000059}.lang-menu[hidden]{display:none}.lang-menu li{margin:0}.lang-menu button{display:flex;align-items:center;justify-content:space-between;inline-size:100%;padding:.4375rem .625rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);font:inherit;font-size:.875rem;text-align:start;cursor:pointer;transition:color .12s ease,background .12s ease}.lang-menu button:hover{color:var(--color-fg);background:var(--color-bg)}.lang-menu button:focus-visible{color:var(--color-fg);background:var(--color-bg);outline:2px solid var(--color-fg);outline-offset:-2px}.lang-menu button[aria-checked=true]{color:var(--color-fg)}.lang-menu button[aria-checked=true]:after{content:"✓";margin-inline-start:.75rem;color:var(--color-accent-text);font-weight:600}.hero{display:grid;place-content:center;justify-items:center;gap:var(--space-md);text-align:center;min-block-size:100dvh;padding-block:0 6rem}.usage h2{text-align:center;margin-block-end:var(--space-xl)}.eyebrow{color:var(--color-muted);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}.hero-logo{--logo-size: clamp(320px, 44vw, 560px);block-size:var(--logo-size);inline-size:auto;margin-block-start:calc(var(--logo-size) * -.22);margin-block-end:calc(var(--logo-size) * -.32)}.tagline{max-inline-size:var(--reading-max);color:var(--color-muted);font-size:clamp(1rem,1.5vw,1.25rem)}.tagline strong{color:var(--color-fg);font-weight:600}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-block-start:var(--space-md)}.cta{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;transition:transform .15s ease,opacity .15s ease,background .15s ease}.cta:hover{transform:translateY(-1px)}.cta:focus-visible{outline:2px solid var(--color-fg);outline-offset:3px}.cta--primary{background:var(--color-accent);color:var(--color-fg)}.cta-version{display:inline-block;margin-inline-start:.5em;padding-inline:.45em;padding-block:.05em;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-bg) 32%,transparent);color:var(--color-fg);font-size:.85em;font-weight:500;font-variant-numeric:tabular-nums;vertical-align:baseline}.cta--secondary{background:transparent;color:var(--color-fg);border:1px solid var(--color-border)}.cta--secondary:hover{border-color:var(--color-fg)}.cta-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-block-start:var(--space-md)}.platform-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:999px;font-family:var(--font-mono);font-size:.8125rem;border:1px solid var(--color-border)}.platform-badge__dot{inline-size:.5rem;block-size:.5rem;border-radius:999px}.platform-badge--current{color:var(--color-fg)}.platform-badge--current .platform-badge__dot{background:var(--color-accent-text);box-shadow:0 0 6px color-mix(in srgb,var(--color-accent-text) 60%,transparent)}.platform-badge--soon{color:var(--color-muted)}.platform-badge--soon .platform-badge__dot{background:transparent;border:1px solid var(--color-muted)}.prompt-example{display:block;padding:.5rem .75rem;background:var(--color-accent-soft);color:var(--color-fg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;line-height:1.5}.how{margin-block-start:var(--space-xl)}.how h2{text-align:center}.steps{display:grid;gap:var(--space-lg);grid-template-columns:1fr;counter-reset:step;max-inline-size:var(--content-max);margin-inline:auto}@media(min-width:48rem){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.steps li img{inline-size:100%;block-size:auto;margin-block-start:auto;border-radius:var(--radius-sm)}.steps h3{min-block-size:2lh}.how .steps li:not(:has(img)):after{content:"";display:block;inline-size:100%;aspect-ratio:1284 / 626;margin-block-start:auto}.step-num{inline-size:2rem;block-size:2rem;display:grid;place-items:center;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent-text);font-family:var(--font-mono);font-weight:700}.steps p{color:var(--color-muted)}.tools h2{text-align:center;margin-block-end:var(--space-xl)}.lead{max-inline-size:var(--reading-max);margin-inline:auto;margin-block:var(--space-md) var(--space-xl);color:var(--color-muted);text-align:center;font-size:1.0625rem}.tool-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media(min-width:36rem){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:60rem){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-family{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.tool-family h3{margin-block-end:.25rem;color:var(--color-accent-text);font-family:var(--font-mono);font-size:.9375rem;font-weight:600;letter-spacing:.02em}.tool-family p{color:var(--color-muted);font-size:.9375rem;line-height:1.5}.scope-exclude{margin-block-start:var(--space-xl);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm)}.scope-exclude__label{color:var(--color-muted);font-size:.875rem;font-weight:500}.scope-exclude__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs);list-style:none;padding:0;margin:0}.scope-exclude__chips li{padding:.25rem .625rem;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);font-size:.8125rem}.consent-banner{position:fixed;inset-block-end:0;inset-inline:0;z-index:100;padding:var(--space-sm) var(--space-lg);background:var(--color-surface-elevated);border-block-start:1px solid var(--color-border)}.consent-banner[hidden]{display:none}.consent-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.consent-banner__text{flex:1 1 20rem;color:var(--color-muted);font-size:.875rem;line-height:1.4}.consent-banner__text strong{color:var(--color-fg);margin-inline-end:.5rem}.consent-banner__actions{display:flex;gap:var(--space-sm);flex-shrink:0}.consent-banner__actions .cta{padding:.5rem 1rem;font-size:.875rem}.site-footer{inline-size:95%;margin-inline:auto;padding-block:var(--space-xl);border-block-start:1px solid var(--color-border);text-align:center}@media(min-width:48rem){.site-footer{inline-size:80%}}.footer-links a{color:var(--color-fg);transition:color .15s ease}.footer-links a:hover{color:var(--color-accent-text)}.footer-links a:focus-visible{outline:2px solid var(--color-fg);outline-offset:3px;border-radius:var(--radius-sm)}}@layer utilities{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}