:root{--primary:#374151;--primary-dark:#1f2937;--background:#f9fafb;--surface:#fff;--text:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--radius:2px;--success:#16a34a;--success-light:#dcfce7;--error:#ef4444;--max-width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;color:var(--text);margin:0;font-family:Mulish,system-ui,sans-serif;line-height:1.6}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.site-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.logo-link img{width:auto;height:36px}.site-nav{align-items:center;gap:24px;display:none}.site-nav a{color:var(--text-secondary);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--primary)}.header-actions{align-items:center;gap:12px;display:flex}.menu-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--primary);justify-content:center;align-items:center;display:flex}.mobile-nav{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;padding:0 24px 16px;display:none}.mobile-nav.open{display:flex}.mobile-nav a{color:var(--text-secondary);padding:8px 0;font-size:15px;font-weight:600;text-decoration:none}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{color:var(--primary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--background)}.btn-ghost{color:var(--primary);background:0 0;padding:8px 16px}.btn-ghost:hover{background:var(--background)}.hero{text-align:center;padding:64px 24px 80px}.hero-inner{max-width:720px;margin:0 auto}.hero-badge{background:var(--success-light);color:#15803d;border-radius:var(--radius);align-items:center;gap:6px;margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{color:var(--text);letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2}.hero h1 span{color:var(--primary)}.hero-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.section{padding:64px 24px}.section-alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-inner{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-header h2{color:var(--text);margin:0 0 12px;font-size:clamp(24px,4vw,32px);font-weight:700}.section-header p{color:var(--text-secondary);margin:0;max-width:560px;margin-inline:auto;font-size:16px}.features-grid{grid-template-columns:1fr;gap:16px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.section-alt .feature-card{background:var(--background)}.feature-icon{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.section-alt .feature-icon{background:var(--surface)}.feature-card h3{color:var(--text);margin:0 0 8px;font-size:18px;font-weight:700}.feature-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.pricing-grid{grid-template-columns:1fr;gap:16px;display:grid}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:24px;display:flex}.pricing-card.featured{border-color:var(--primary);position:relative}.pricing-card.featured:before{content:"Popular";background:var(--primary);color:#fff;border-radius:var(--radius);padding:2px 10px;font-size:12px;font-weight:600;position:absolute;top:-10px;left:24px}.pricing-card h3{color:var(--text);margin:0 0 8px;font-size:16px;font-weight:700}.pricing-price{color:var(--primary);margin:0 0 4px;font-size:32px;font-weight:700}.pricing-price span{color:var(--text-secondary);font-size:14px;font-weight:600}.pricing-period{color:var(--text-muted);margin:0 0 16px;font-size:13px}.pricing-features{flex:1;margin:0 0 24px;padding:0;list-style:none}.pricing-features li{color:var(--text-secondary);align-items:flex-start;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.pricing-features .material-symbols-outlined{color:var(--success);flex-shrink:0;font-size:18px}.pricing-note{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}.steps-grid{grid-template-columns:1fr;gap:24px;display:grid}.step-card{text-align:center;padding:24px}.step-number{background:var(--primary);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:18px;font-weight:700;display:inline-flex}.step-card h3{margin:0 0 8px;font-size:18px;font-weight:700}.step-card p{color:var(--text-secondary);margin:0;font-size:14px}.cta-section{text-align:center;padding:80px 24px}.cta-inner{max-width:560px;margin:0 auto}.cta-inner h2{margin:0 0 12px;font-size:clamp(24px,4vw,32px);font-weight:700}.cta-inner p{color:var(--text-secondary);margin:0 0 32px;font-size:16px}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:48px 24px 24px}.footer-inner{max-width:var(--max-width);margin:0 auto}.footer-grid{grid-template-columns:1fr;gap:32px;margin-bottom:32px;display:grid}.footer-brand p{color:var(--text-secondary);margin:12px 0 0;font-size:14px}.footer-links h4{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:700}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--text-secondary);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding-top:24px;font-size:13px}@media (width>=640px){.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media (width>=768px){.site-nav{display:flex}.menu-toggle{display:none}.mobile-nav{display:none!important}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(4,1fr)}}