:root{--color-bg:#fafafa;--color-bg-secondary:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-border:#e5e5e5;--color-border-light:#f0f0f0;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-code-bg:#f5f5f5;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--max-width:48rem;--max-width-wide:64rem;--radius-sm:4px;--radius-md:8px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem;margin-top:var(--spacing-2xl)}h3{font-size:1.25rem;margin-top:var(--spacing-xl)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}ol,ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-xs)}code{font-size:.875em;padding:.125em .375em;border-radius:var(--radius-sm)}code,pre{font-family:var(--font-mono);background-color:var(--color-code-bg)}pre{font-size:.875rem;padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{background:none;padding:0}.container{max-width:var(--max-width)}.container,.container-wide{margin:0 auto;padding:0 var(--spacing-lg)}.container-wide{max-width:var(--max-width-wide)}.header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{justify-content:space-between;gap:var(--spacing-lg)}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{gap:var(--spacing-sm);font-weight:600;font-size:1.125rem;color:var(--color-text);text-decoration:none}.header-logo-icon{border-radius:var(--radius-sm)}.header-logo:hover{text-decoration:none;color:var(--color-accent)}.header-nav{display:flex;gap:var(--spacing-lg)}.header-nav a{color:var(--color-text-secondary);font-size:.875rem}.header-nav a:hover{color:var(--color-accent);text-decoration:none}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-3xl)}.footer-inner{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-xl)}.footer-links a{color:var(--color-text-secondary);font-size:.875rem}.footer-meta{font-size:.75rem;color:var(--color-text-muted)}.main{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 200px)}.page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.page-header h1{margin-bottom:var(--spacing-sm)}.page-header p{color:var(--color-text-secondary);margin-bottom:0}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.card h3{margin-top:0;margin-bottom:var(--spacing-sm)}.card p:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg);font-size:.875rem}td,th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}th{font-weight:600;background-color:var(--color-bg)}.note{background-color:#f0f7ff;border-left:4px solid var(--color-accent);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.note p:last-child{margin-bottom:0}.warning{background-color:#fff7ed;border-left-color:#f59e0b}.todo{background-color:#fef3c7;padding:.125em .375em;border-radius:var(--radius-sm);font-size:.875em}@media (max-width:640px){h1{font-size:1.5rem}h2{font-size:1.25rem}.header-nav{gap:var(--spacing-md)}.header-nav a{font-size:.8125rem}}.landing{margin:0}.landing .section{padding:var(--spacing-3xl) 0}.landing .section-alt,.landing .section-cta{background-color:var(--color-bg-secondary)}.hero,.landing .section-cta{text-align:center}.hero{padding:var(--spacing-3xl) 0}.hero h1{font-size:2.25rem;font-weight:600;max-width:36rem;margin:0 auto var(--spacing-lg);line-height:1.2}.hero-sub{font-size:1.125rem;color:var(--color-text-secondary);max-width:32rem}.hero-benefits,.hero-sub{margin:0 auto var(--spacing-xl)}.hero-benefits{list-style:none;padding:0;max-width:28rem;text-align:left}.hero-benefits li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.hero-benefits li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.hero-cta{margin-top:var(--spacing-xl)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:all .15s ease}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);text-decoration:none}.landing h2{margin-top:0;margin-bottom:var(--spacing-lg)}.landing h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.lead{font-size:1.125rem;font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.feature-card h3{margin-top:0;font-size:1.125rem}.feature-card p{margin-bottom:0;color:var(--color-text-secondary);font-size:.9375rem}.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.privacy-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.privacy-card h3{margin-top:0;font-size:1rem;font-weight:600}.privacy-card ul{margin-bottom:0}.privacy-card p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:.9375rem}.privacy-card p:last-child{margin-bottom:0}.privacy-list{margin:var(--spacing-lg) 0}.privacy-list li{margin-bottom:var(--spacing-xs)}.privacy-note{font-size:.875rem;color:var(--color-text-secondary)}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.audience-card{border-radius:var(--radius-md);padding:var(--spacing-lg)}.audience-card h3{margin-top:0;font-size:1rem;font-weight:600}.audience-card ul{margin-bottom:0}.audience-good{background-color:#f0fdf4;border:1px solid #bbf7d0}.audience-not{background-color:#fef2f2;border:1px solid #fecaca}.audience-note{font-size:.9375rem;color:var(--color-text-secondary);font-style:italic}.steps{max-width:24rem;margin:0 auto var(--spacing-lg);text-align:left}.steps li{margin-bottom:var(--spacing-sm)}.landing-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md) var(--spacing-xl);margin-bottom:var(--spacing-lg)}.landing-links a{color:var(--color-text-secondary);font-size:.875rem}.landing-links a:hover{color:var(--color-accent)}.version-note{font-size:.75rem;color:var(--color-text-muted);text-align:center}@media (max-width:640px){.hero{padding:var(--spacing-xl) 0}.hero h1{font-size:1.75rem}.hero-sub{font-size:1rem}.landing .section{padding:var(--spacing-2xl) 0}.audience-grid,.feature-grid,.privacy-grid{grid-template-columns:1fr}}