:root{--background: #ffffff;--foreground: #020618;--card: #ffffff;--card-foreground: #020618;--primary: #155dfc;--primary-foreground: #f8fafc;--secondary: #f1f5f9;--secondary-foreground: #0f172b;--accent: #eff6ff;--accent-foreground: #0f172b;--muted: #f8fafc;--muted-foreground: #62748e;--border: #e2e8f0;--ring: #020618;--radius: 8px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 48px rgba(15, 23, 42, .12);--container-width: 1120px}:root[data-theme=dark]{--background: #020617;--foreground: #f8fafc;--card: rgba(15, 23, 42, .82);--card-foreground: #f8fafc;--primary: #3b82f6;--primary-foreground: #eff6ff;--secondary: rgba(30, 41, 59, .88);--secondary-foreground: #e2e8f0;--accent: rgba(30, 41, 59, .75);--accent-foreground: #f8fafc;--muted: rgba(15, 23, 42, .72);--muted-foreground: #94a3b8;--border: rgba(148, 163, 184, .22);--ring: #e2e8f0;--shadow-xs: 0 1px 2px rgba(2, 6, 23, .3);--shadow-sm: 0 8px 24px rgba(2, 6, 23, .22);--shadow-md: 0 20px 48px rgba(2, 6, 23, .36);--shadow-lg: 0 32px 72px rgba(2, 6, 23, .46)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(21,93,252,.12),transparent 34%),linear-gradient(180deg,var(--background) 0%,color-mix(in srgb,var(--background) 90%,var(--secondary) 10%) 100%);color:var(--foreground);font-family:Inter,SF Pro Text,Segoe UI,sans-serif;line-height:1.5;transition:background-color .16s ease,color .16s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}code{font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.94em}.site-shell{display:flex;min-height:100vh;flex-direction:column}main{flex:1;min-height:100vh}.container{width:min(calc(100% - 32px),var(--container-width));margin:0 auto}.site-header{z-index:10;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--background) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 90%,transparent)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header__inner{min-height:72px}.brand-mark{display:inline-flex;align-items:center;gap:12px;font-size:1rem;font-weight:700;letter-spacing:.01em}.brand-mark img{border-radius:10px;box-shadow:var(--shadow-xs)}.header-actions{display:inline-flex;align-items:center;gap:18px}.icon-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--muted-foreground);transition:color .12s ease,transform .12s ease}.icon-link:hover,.icon-link:focus-visible,.text-link:hover,.text-link:focus-visible{color:var(--foreground)}.icon-link:hover{transform:translateY(-1px)}.icon-link:focus-visible,.theme-switch:focus-visible,.button:focus-visible,.text-link:focus-visible,.copy-button:focus-visible{outline:3px solid color-mix(in srgb,var(--ring) 14%,transparent);outline-offset:2px}.icon{width:18px;height:18px}.icon--github{width:28px;height:28px}.theme-switch{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--foreground);font:inherit}.theme-switch__track{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;align-items:center;width:62px;min-width:62px;height:34px;padding:4px 6px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:var(--shadow-xs)}.theme-switch__thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:999px;background:var(--foreground);box-shadow:var(--shadow-xs);transition:transform .16s ease,background-color .16s ease}.theme-switch__icon{z-index:1;justify-self:center;color:var(--muted-foreground);transition:color .16s ease}:root[data-theme=dark] .theme-switch__thumb{transform:translate(28px);background:#e2e8f0}:root[data-theme=light] .theme-switch__icon--sun,:root[data-theme=dark] .theme-switch__icon--moon{color:var(--background)}:root[data-theme=dark] .theme-switch__icon--sun,:root[data-theme=light] .theme-switch__icon--moon{color:var(--muted-foreground)}.section{padding:40px 0 56px}.section--hero{padding-top:32px}.hero-stack{display:grid;gap:24px}.hero-stack{align-items:start;gap:28px}.hero-copy h1{margin:0;line-height:1.08;letter-spacing:-.03em}.hero-copy h1{max-width:none;font-size:clamp(2.9rem,6vw,5.4rem);font-weight:800}.hero-copy__headline-accent{display:inline-block;margin-right:.18em;background:linear-gradient(135deg,var(--foreground) 0%,color-mix(in srgb,var(--primary) 42%,var(--foreground) 58%) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy__headline-cut{white-space:nowrap}.hero-copy__headline-note{position:relative;display:inline-block}.hero-copy__headline-note:after{content:"";position:absolute;right:.04em;bottom:.1em;z-index:-1;width:100%;height:.18em;border-radius:999px;background:color-mix(in srgb,var(--primary) 20%,transparent)}.eyebrow{margin:0 0 16px;color:var(--primary);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-actions,.preview-copy__actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius);font-size:.98rem;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.button--primary:hover{background:#0f4fdc;box-shadow:var(--shadow-md)}.button--secondary{border-color:var(--border);background:var(--card);color:var(--secondary-foreground);box-shadow:var(--shadow-xs)}.button--secondary:hover{background:var(--secondary)}.preview-panel{border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:var(--shadow-sm)}.preview-panel{overflow:hidden;box-shadow:var(--shadow-md)}.preview-panel__header,.preview-copy,.preview-copy__header,.preview-panel__footer-copy{display:grid;gap:14px}.preview-panel__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--border)}.preview-panel__status{display:grid;gap:10px}.preview-panel__label{margin:0;font-size:.88rem;font-weight:700;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em}.preview-panel__view{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--foreground);color:var(--background);font-size:.92rem;font-weight:700}:root[data-theme=dark] .preview-panel__view{background:#e2e8f0;color:#020617}.pill{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pill--recommended{background:#dbeafe;color:#1d4ed8}.pill--beta{background:#eff6ff;color:#155dfc}.pill--subtle{background:var(--secondary);color:var(--muted-foreground)}.preview-content{display:block;padding:24px}.preview-content[hidden]{display:none!important}.preview-stack{display:grid;gap:28px}.terminal-list{display:grid;gap:12px}.terminal-block{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:calc(var(--radius) + 4px);background:linear-gradient(180deg,#0f172a,#111827);color:#e2e8f0}.terminal-block--compact{margin-top:0}.terminal-block__prompt{margin:0;color:#93c5fd;font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1rem}.copy-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(147,197,253,.22);border-radius:999px;background:#0f172a70;color:#dbeafe;font:inherit;font-size:.86rem;font-weight:700;transition:background-color .12s ease,border-color .12s ease}.copy-button:hover{border-color:#93c5fd66;background:#1e293bb8}.copy-button__icon{width:16px;height:16px}.preview-copy__eyebrow{margin:0;color:var(--foreground);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.preview-copy__actions{margin-top:0}.button--with-icon{gap:10px}.button__icon{width:18px;height:18px}.preview-panel__footer{display:grid;gap:16px;padding:0 24px 24px}.preview-panel__footer-copy{display:grid;gap:10px}.preview-panel__footer-copy p{margin:0;color:var(--muted-foreground);font-size:.98rem}.preview-figure{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);background:color-mix(in srgb,var(--background) 88%,transparent);box-shadow:var(--shadow-xs)}.preview-figure img{width:100%;height:auto;object-fit:cover}.text-link{color:var(--primary);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:768px){.hero-stack{gap:34px}.hero-copy,.preview-panel{width:100%}}@media(max-width:767px){.section{padding:28px 0 44px}.site-header__inner{align-items:flex-start;gap:16px}.header-actions{align-self:flex-end}.hero-copy h1{max-width:none}.preview-panel__header{grid-template-columns:1fr}}