:root{--color-bg:#ffffff;--color-surface:#f8fafc;--color-surface-elevated:#ffffff;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-primary:#0c6883;--color-primary-hover:#085669;--color-primary-light:rgba(12,104,131,0.08);--color-accent:#e8915f;--color-accent-light:rgba(232,145,95,0.1);--color-success:#059669;--color-success-light:rgba(5,150,118,0.1);--color-danger:#dc2626;--color-danger-light:rgba(220,38,38,0.1);--font-mono:"SF Mono","Fira Code","Consolas",monospace;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}[data-theme=dark]{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-elevated:#1a1a1a;--color-border:#262626;--color-border-subtle:#1f1f1f;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-primary:#14a3c7;--color-primary-hover:#2bb8e6;--color-primary-light:rgba(20,163,199,0.15);--color-accent:#f0a57a;--color-accent-light:rgba(240,165,122,0.15);--color-success:#10b981;--color-success-light:rgba(16,185,129,0.15);--color-danger:#ef4444;--color-danger-light:rgba(239,68,68,0.15)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.header{position:-webkit-sticky;position:sticky;top:0;background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--color-border);z-index:100}.nav{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-size:1.25rem;font-weight:600;color:var(--color-text);text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--color-text)}.hero{padding:6rem 0 4rem;text-align:center;background:radial-gradient(circle at 20% 0,var(--color-primary-light),transparent 40%),radial-gradient(circle at 85% 15%,var(--color-accent-light),transparent 35%)}[data-theme=dark] .hero{background:radial-gradient(circle at 20% 0,var(--color-primary-light),transparent 45%),radial-gradient(circle at 80% 0,var(--color-accent-light),transparent 35%),radial-gradient(circle at 50% 100%,rgba(20,163,199,.05),transparent 50%)}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 2.5rem}.hero-actions{gap:1rem}.hero-actions,.hero-trust-row{display:flex;justify-content:center;flex-wrap:wrap}.hero-trust-row{gap:.6rem;margin-bottom:1.5rem}.hero-chip{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:.85rem;font-weight:500;transition:all .2s ease}.hero-chip:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.hero-proof-grid{margin:1.25rem auto 2rem;max-width:980px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.9rem;gap:.9rem}.hero-proof-card{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.1rem;transition:all .2s ease}.hero-proof-card:hover{border-color:var(--color-border-subtle);background:var(--color-surface-elevated);box-shadow:0 2px 8px rgba(0,0,0,.04)}.hero-proof-card strong{display:block;font-size:.95rem;margin-bottom:.25rem;color:var(--color-text)}.hero-proof-card span{color:var(--color-text-muted);font-size:.875rem;line-height:1.4}[data-theme=dark] .hero-proof-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.25)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover{background:var(--color-primary-hover)}.btn:hover{transform:translateY(-1px)}.logo:hover,.nav-links a.active,.nav-links a:hover{color:var(--color-primary)}.nav-links a.active{font-weight:500}pre:focus-within{border-color:var(--color-primary)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}[data-theme=dark] .btn-secondary{background:var(--color-surface-elevated);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.features{padding:4rem 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.feature:hover{border-color:var(--color-border-subtle);background:var(--color-surface-elevated);box-shadow:0 2px 8px rgba(0,0,0,.04)}.feature h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--color-text)}.feature p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}[data-theme=dark] .feature:hover{box-shadow:0 2px 12px rgba(0,0,0,.25)}.code-example,.github-action{padding:3rem 0}.code-example h2,.cta h2,.github-action h2{font-size:1.75rem;margin-bottom:1.5rem;text-align:center}pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.5}[data-theme=dark] pre{background:var(--color-surface-elevated)}code{font-family:var(--font-mono)}.code-caption{text-align:center;color:var(--color-text-muted);margin-top:1rem;font-size:.95rem}.cta{padding:4rem 0;text-align:center}.cta p{margin-bottom:2rem}.cta p,.footer{color:var(--color-text-muted)}.footer{border-top:1px solid var(--color-border);padding:2rem 0;text-align:center;font-size:.9rem}@media (max-width:640px){.hero{padding:4rem 0 3rem}.hero-subtitle{font-size:1.1rem}.nav-links{gap:1rem}.hero-proof-card{text-align:center}.hero-input-group{flex-direction:column}.hero-input-group .btn{width:100%}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0}.pricing-card{background:var(--color-surface);padding:2rem;border-radius:12px;border:1px solid var(--color-border);display:flex;flex-direction:column;transition:all .25s ease}.pricing-card:hover{border-color:var(--color-primary);background:var(--color-surface-elevated);transform:translateY(-4px);box-shadow:0 8px 24px rgba(12,104,131,.12)}.pricing-card.popular{border-color:var(--color-primary);background:var(--color-primary-light);position:relative}[data-theme=dark] .pricing-card:hover{box-shadow:0 8px 24px rgba(20,163,199,.15)}[data-theme=dark] .pricing-card.popular{background:var(--color-primary-light)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-accent);color:white;padding:.25rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600;letter-spacing:.02em}.price{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:1rem 0}.price span{font-size:1rem;font-weight:400;color:var(--color-text-muted)}.features-list{list-style:none;padding:0;margin:1.5rem 0;flex-grow:1}.features-list li{margin-bottom:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.features-list li:before{content:"✓";color:var(--color-success)}.pricing-card-horizontal{display:flex;flex-direction:row;align-items:center;margin-bottom:2rem;gap:2rem}@media (max-width:768px){.pricing-card-horizontal{flex-direction:column;align-items:flex-start;gap:1.5rem}.pricing-card-horizontal div{text-align:left!important;width:100%!important;min-width:0!important}.pricing-card-horizontal .features-list{grid-template-columns:1fr!important}}.features-list li.dim{color:var(--color-text-muted);opacity:.7}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.social-link{color:var(--color-text-muted);transition:color .2s;display:flex;align-items:center;text-decoration:none}.social-link:hover{color:var(--color-primary)}.social-link svg{width:20px;height:20px;fill:currentColor}.tier-name{font-size:1.25rem;font-weight:600;color:var(--color-text)}.tier-desc{color:var(--color-text-muted);font-size:.95rem;min-height:3rem}.ci-hero{text-align:center;padding:4rem 0 2rem}.workflow-section{padding:3rem 0;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:2rem 0}.workflow-diagram{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.workflow-step{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.workflow-arrow{color:var(--color-primary);font-size:1.5rem;font-weight:700}.benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.benefit-card:hover{background:var(--color-surface-elevated);border-color:var(--color-border-subtle)}.benefit-card h3{color:var(--color-primary);margin-bottom:.75rem;font-size:1.1rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0}.comparison-card{padding:1.5rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface)}.comparison-card.snap{background:var(--color-primary-light);border-color:var(--color-primary)}.comparison-card.diys{background:var(--color-danger-light);border-color:var(--color-danger)}.comparison-card h3{margin-bottom:1rem}.comparison-card.snap h3{color:var(--color-primary)}.comparison-card.diys h3{color:var(--color-danger)}.comparison-card ul{list-style:none}.comparison-card li{padding:.5rem 0;display:flex;align-items:flex-start;gap:.5rem}.comparison-card.snap li:before{content:"✓";color:var(--color-success)}.comparison-card.diys li:before{content:"✗";color:var(--color-danger)}.feature-highlight{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:#fff;padding:4rem 0;margin:3rem 0}.feature-highlight h2,.feature-highlight h3,.feature-highlight p{color:#fff}.feature-grid-light{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}}.hero-input-group{display:flex;gap:.5rem;max-width:600px;margin:2rem auto}.hero-input{flex:1 1;padding:.75rem 1rem;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);border-radius:8px;font-size:1rem;transition:all .2s ease}.hero-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.hero-snippet{background:var(--color-surface);color:var(--color-text);padding:1.25rem;border-radius:10px;font-family:var(--font-mono);font-size:.9rem;text-align:left;max-width:700px;margin:0 auto 2rem;overflow-x:auto;border:1px solid var(--color-border);position:relative}[data-theme=dark] .hero-snippet{background:var(--color-surface-elevated)}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:color-mix(in srgb,var(--color-bg) 78%,transparent);border:1px solid var(--color-border);color:var(--color-text);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem}.copy-btn:hover{background:var(--color-surface)}pre{position:relative}.copy-btn-global{position:absolute;top:.5rem;right:.5rem;background:color-mix(in srgb,var(--color-bg) 78%,transparent);border:1px solid var(--color-border);color:var(--color-text);padding:.2rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;opacity:.85;transition:opacity .2s}pre:hover .copy-btn-global{opacity:1}.copy-btn-global:hover{background:var(--color-surface)}@media (hover:none){.copy-btn-global{opacity:1}}.spinner{width:40px;height:40px;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}