:root{--font-sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'Geist Mono','JetBrains Mono','SF Mono','Fira Code',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:clamp(1.5rem,1.3rem + 0.8vw,2rem);--text-4xl:clamp(2rem,1.7rem + 1.3vw,2.5rem);--text-5xl:clamp(2.5rem,2rem + 2vw,3.25rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 12px 32px rgba(0,0,0,0.08);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--max-width:1200px}:root,[data-theme="light"]{--bg-primary:#F0F2F5;--bg-secondary:#E8EBF0;--bg-surface:#FFFFFF;--bg-elevated:#FFFFFF;--text-primary:#1E1C1F;--text-secondary:#5C5A5E;--text-tertiary:#8A8890;--text-muted:#A8A6AB;--border:#DDE0E6;--border-subtle:#E8EAF0;--border-strong:#C8CCD4;--accent:#1D7A7A;--accent-hover:#156B6B;--accent-subtle:rgba(29,122,122,0.10);--brand:#81B29A;--brand-hover:#6A9A82;--success:#35B93C;--success-subtle:rgba(53,185,60,0.22);--info-subtle:rgba(53,124,185,0.22)}[data-theme="dark"]{--bg-primary:#1A1819;--bg-secondary:#222023;--bg-surface:#2A282C;--bg-elevated:#333136;--text-primary:#EDEBE8;--text-secondary:#A5A3A8;--text-tertiary:#6E6C70;--text-muted:#555358;--border:#3A383D;--border-subtle:#2F2D31;--border-strong:#4A484D;--accent:#2A9E9E;--accent-hover:#35B0B0;--accent-subtle:rgba(42,158,158,0.14);--brand:#81B29A;--brand-hover:#96C4AE;--success:#4DCB53;--success-subtle:rgba(77,203,83,0.20);--info-subtle:rgba(77,144,203,0.20);--shadow-sm:0 1px 2px rgba(0,0,0,0.12);--shadow-md:0 4px 12px rgba(0,0,0,0.2);--shadow-lg:0 12px 32px rgba(0,0,0,0.25)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;transition:background var(--transition-slow),color var(--transition-slow)}.site-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(12px);padding:var(--sp-4) var(--sp-8)}.site-nav-bar{display:flex;align-items:center;gap:var(--sp-4)}.site-logo{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-0.02em;color:var(--brand);text-decoration:none}.nav-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text-secondary);padding:var(--sp-1);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;align-items:center;justify-content:center;transition:color var(--transition-fast),border-color var(--transition-fast)}.nav-toggle:hover{color:var(--text-primary);border-color:var(--border-strong)}.nav-toggle-icon--close{display:none}.site-nav.is-open .nav-toggle-icon--open{display:none}.site-nav.is-open .nav-toggle-icon--close{display:block}.site-nav-links{display:flex;align-items:center;gap:var(--sp-6)}.site-nav-links a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--accent);color:#FFFFFF;padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;transition:background var(--transition-fast)}.nav-cta,.nav-cta:visited,.nav-cta:hover{color:#FFFFFF}.nav-cta:hover{background:var(--accent-hover)}.theme-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:var(--sp-1);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;transition:color var(--transition-fast),border-color var(--transition-fast)}.theme-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.theme-icon--sun{display:none}.theme-icon--moon{display:block}[data-theme="dark"] .theme-icon--sun{display:block}[data-theme="dark"] .theme-icon--moon{display:none}.section{max-width:var(--max-width);margin:0 auto;padding:var(--sp-20) var(--sp-8)}.section-alt{background:var(--bg-surface)}.section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);margin-bottom:var(--sp-3)}.section-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-0.02em;margin-bottom:var(--sp-2)}.section-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:600px}.hero{max-width:var(--max-width);margin:0 auto;padding:var(--sp-24) var(--sp-8) var(--sp-16);text-align:center}.hero-tagline{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);background:var(--accent-subtle);padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-full);margin-bottom:var(--sp-6)}.hero h1{font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:-0.03em;line-height:var(--leading-tight);margin-bottom:var(--sp-6);max-width:800px;margin-left:auto;margin-right:auto}.hero h1 span{color:var(--accent)}.hero-sub{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--sp-10);line-height:var(--leading-relaxed)}.hero-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--accent);color:#FFFFFF;padding:var(--sp-3) var(--sp-8);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-medium);text-decoration:none;transition:background var(--transition-fast)}.btn-primary:hover{background:var(--accent-hover);color:#FFFFFF}.btn-secondary{display:inline-flex;align-items:center;gap:var(--sp-2);background:transparent;color:var(--text-primary);padding:var(--sp-3) var(--sp-8);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--weight-medium);text-decoration:none;border:1.5px solid var(--border-strong);transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-8)}.feature-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.section-alt .feature-card{background:var(--bg-primary)}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.feature-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:var(--sp-4)}.feature-card h3{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--sp-2);display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.kit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4);margin-top:var(--sp-8);width:100%}.kit-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--sp-4);text-align:center;transition:border-color var(--transition-fast)}.kit-card:hover{border-color:var(--accent)}.kit-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--sp-1)}.kit-card-cat{font-size:var(--text-xs);color:var(--text-tertiary)}.kit-card-icon{width:28px;height:28px;margin:0 auto var(--sp-2);opacity:0.7;display:block;color:var(--text-secondary)}.kit-card:hover .kit-card-icon{opacity:1}img.kit-card-icon{filter:none}[data-theme="dark"] img.kit-card-icon{filter:invert(0.8)}svg.kit-card-icon.branded{opacity:1}.kit-grid-footer{grid-column:1 / -1;text-align:center;margin-top:var(--sp-3);color:var(--text-tertiary);font-size:var(--text-sm)}.ship-tag{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:2px var(--sp-3);border-radius:var(--radius-full);letter-spacing:0.01em;white-space:nowrap;vertical-align:middle;margin-left:var(--sp-2)}.ship-tag-available{background:var(--success-subtle);color:var(--text-primary)}.ship-tag-soon{background:var(--info-subtle);color:var(--text-primary)}.ship-tag-dev{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme="dark"] .ship-tag-available,[data-theme="dark"] .ship-tag-soon,[data-theme="dark"] .ship-tag-dev{color:#D5D3D0}.cta-section{text-align:center;padding:var(--sp-24) var(--sp-8)}.cta-section h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-0.02em;margin-bottom:var(--sp-4)}.cta-section p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--sp-8);max-width:500px;margin-left:auto;margin-right:auto}.site-footer{border-top:1px solid var(--border-subtle);padding:var(--sp-8);text-align:center;color:var(--text-muted);font-size:var(--text-xs)}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-trademark{margin-top:var(--sp-2)}.page-container{max-width:900px;margin:var(--sp-16) auto;padding:0 var(--sp-8)}.page-header{text-align:center;margin-bottom:var(--sp-10)}.page-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--sp-2)}.subscribe-form-container{max-width:500px;margin:0 auto}.subscribe-form{display:flex;flex-direction:column;gap:var(--sp-6)}.form-group{display:flex;flex-direction:column;gap:var(--sp-1)}.form-group[hidden]{display:none}.form-label{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-primary)}.form-input{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-actions{display:flex;gap:var(--sp-4)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-2) var(--sp-5);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-sans);cursor:pointer;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.button--primary{background:var(--accent);color:#FFFFFF;border-color:var(--accent)}.button--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button--lg{padding:var(--sp-3) var(--sp-8);font-size:var(--text-base);font-weight:var(--weight-bold);border-radius:var(--radius-lg)}.alert{padding:var(--sp-4);border-radius:var(--radius-md);margin-bottom:var(--sp-4)}.alert-success,.alert--success{background:var(--success-subtle);color:var(--text-primary)}.alert-error,.alert--error{background:rgba(185,69,53,0.15);color:var(--text-primary)}.alert-info,.alert--info{background:var(--info-subtle);color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.justify-center{justify-content:center}.mb-lg{margin-bottom:var(--sp-8)}.honeypot{position:absolute;left:-9999px}.legal-page{padding-bottom:var(--sp-24)}.legal-toc{background:var(--bg-secondary);padding:var(--sp-6);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:var(--sp-10)}.legal-toc-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--sp-4)}.legal-toc-list{padding-left:var(--sp-4);margin:0}.legal-toc-list li{margin-bottom:var(--sp-1)}.legal-toc-link{color:var(--accent);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.legal-toc-link:hover{color:var(--accent-hover);text-decoration:underline}.article-body{line-height:var(--leading-relaxed);color:var(--text-primary)}.article-body h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-top:var(--sp-12);margin-bottom:var(--sp-4)}.article-body h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-top:var(--sp-8);margin-bottom:var(--sp-3)}.article-body p{margin-bottom:var(--sp-4)}.article-body ul,.article-body ol{margin-bottom:var(--sp-4);padding-left:var(--sp-6)}.article-body li{margin-bottom:var(--sp-1);line-height:var(--leading-relaxed)}.content-section{margin-bottom:var(--sp-12);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border-subtle)}.content-section:last-child{border-bottom:none}.text-link{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}.text-link:hover{color:var(--accent-hover);text-decoration:underline}.error-page{display:flex;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--sp-24) var(--sp-8)}.error-title{font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--accent);margin-bottom:var(--sp-4)}.error-message{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--sp-8)}.error-actions{display:flex;justify-content:center}.scope-callout{margin-top:var(--sp-16);padding-top:var(--sp-10);border-top:1px solid var(--border-subtle)}.scope-callout-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin-bottom:var(--sp-6);letter-spacing:-0.01em}.scope-split{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6)}.scope-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-6)}.section-alt .scope-card{background:var(--bg-primary)}.scope-card-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.1em;color:var(--text-tertiary);margin-bottom:var(--sp-3)}.scope-card--accent .scope-card-label{color:var(--accent)}.scope-card h4{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--sp-2)}.scope-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.compare-split{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);margin-top:var(--sp-8)}.compare-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-6)}.section-alt .compare-card{background:var(--bg-primary)}.compare-card-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--sp-5)}.compare-card--is .compare-card-label{color:var(--accent)}.compare-card--isnt .compare-card-label{color:var(--text-tertiary)}.compare-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-4)}.compare-card li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.compare-card--is li{color:var(--text-primary)}.compare-card--isnt li{color:var(--text-secondary)}.compare-card li::before{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:13px;font-weight:var(--weight-bold);margin-top:1px;line-height:1}.compare-card--is li::before{content:"\2713";background:var(--accent-subtle);color:var(--accent)}.compare-card--isnt li::before{content:"\00D7";background:var(--bg-secondary);color:var(--text-tertiary)}.compare-card code{font-family:var(--font-mono);font-size:0.9em;padding:0.1em 0.3em;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent)}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.kit-grid{grid-template-columns:repeat(3,1fr)}.scope-split{grid-template-columns:1fr}.compare-split{grid-template-columns:1fr}.hero h1{font-size:var(--text-3xl)}.site-nav{flex-direction:column;align-items:stretch;padding:var(--sp-3) var(--sp-4)}.site-nav-bar{justify-content:space-between}.nav-toggle{display:inline-flex}.site-nav-links{display:none;flex-direction:column;align-items:stretch;gap:0;padding-top:var(--sp-4);border-top:1px solid var(--border-subtle);margin-top:var(--sp-3)}.site-nav.is-open .site-nav-links{display:flex}.site-nav-links a:not(.nav-cta){padding:var(--sp-3) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--text-base)}.site-nav-links .theme-btn{align-self:flex-start;margin:var(--sp-3) 0}.site-nav-links .nav-cta{text-align:center;padding:var(--sp-3) var(--sp-5);margin-top:var(--sp-2);display:block}}