*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-primary:#5a8a6e;--green-dark:#4a7360;--green-light:#7dab8f;--green-accent:#a8ccb6;--green-bg:#f0f7f2;--green-bg-light:#e5f0e9;--green-900:#2d4a38;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--green-500:#22c55e;--green-600:#16a34a;--amber-500:#f59e0b;--amber-100:#fef3c7;--purple-500:#a855f7;--purple-100:#f3e8ff;--emerald-500:#10b981;--emerald-100:#d1fae5;--rose-500:#f43f5e;--rose-100:#ffe4e6}html{scroll-behavior:smooth}body{color:var(--slate-800);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}nav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-200);background:#ffffffd9;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--green-dark);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:var(--green-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--slate-600);font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--slate-900)}.nav-cta{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--green-primary);color:#fff;box-shadow:0 1px 3px #5a8a6e4d}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px);box-shadow:0 4px 12px #5a8a6e59}.btn-secondary{color:var(--slate-700);border:1px solid var(--slate-300);background:#fff}.btn-secondary:hover{background:var(--slate-50);border-color:var(--slate-400)}.btn-large{border-radius:12px;padding:16px 36px;font-size:17px}.btn-sm{border-radius:8px;padding:8px 20px;font-size:14px}.hero{text-align:center;background:linear-gradient(180deg, var(--green-bg) 0%, white 100%);padding:140px 24px 80px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#5a8a6e0f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-inner{max-width:800px;margin:0 auto;position:relative}.hero-badge{background:var(--green-bg-light);color:var(--green-dark);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.025em;color:var(--slate-900);margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.hero h1 span{color:var(--green-primary)}.hero-sub{color:var(--slate-500);max-width:600px;margin:0 auto 36px;font-size:clamp(17px,2vw,20px);line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-code{background:var(--slate-900);text-align:left;border-radius:16px;max-width:640px;margin:56px auto 0;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.hero-code-header{background:var(--slate-800);border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:14px 20px;display:flex}.hero-code-dot{border-radius:50%;width:12px;height:12px}.hero-code-title{color:var(--slate-400);margin-left:8px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.hero-code pre{color:var(--slate-300);padding:20px 24px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.code-comment{color:var(--slate-500)}.code-key{color:#7dd3fc}.code-string{color:#86efac}.code-method{color:#c4b5fd}.code-url{color:#fbbf24}section{padding:96px 24px}.section-inner{max-width:1200px;margin:0 auto}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--green-primary);margin-bottom:12px;font-size:13px;font-weight:700}.section-title{color:var(--slate-900);margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:800;line-height:1.2}.section-desc{color:var(--slate-500);max-width:600px;margin-bottom:48px;font-size:18px}.mail-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.mail-card{border:1px solid var(--slate-200);background:#fff;border-radius:16px;padding:32px;transition:all .2s;position:relative;overflow:hidden}.mail-card:hover{border-color:var(--green-accent);transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.mail-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:24px;display:flex}.mail-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.mail-card p{color:var(--slate-500);font-size:15px;line-height:1.6}.mail-card .sizes{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.size-tag{background:var(--slate-100);color:var(--slate-600);border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600}.features-bg{background:var(--slate-50)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.feature-item h3{margin-bottom:4px;font-size:16px;font-weight:700}.feature-item p{color:var(--slate-500);font-size:14px;line-height:1.6}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;display:grid}.step{text-align:center;position:relative}.step:before{counter-increment:step;content:counter(step);background:var(--green-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:20px;font-weight:700;display:flex}.step h3{margin-bottom:8px;font-size:17px;font-weight:700}.step p{color:var(--slate-500);font-size:14px}.stats-bar{background:var(--green-primary);color:#fff;padding:48px 24px}.stats-inner{text-align:center;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;max-width:1000px;margin:0 auto;display:grid}.stat-num{margin-bottom:4px;font-size:36px;font-weight:800}.stat-label{opacity:.8;font-size:14px}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:800px;margin:0 auto;display:grid}.pricing-card{border:2px solid var(--slate-200);text-align:center;background:#fff;border-radius:20px;padding:36px}.pricing-card.featured{border-color:var(--green-primary);position:relative;box-shadow:0 8px 30px #5a8a6e1f}.pricing-badge{background:var(--green-primary);color:#fff;border-radius:999px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:8px;font-size:20px;font-weight:700}.pricing-card .price{color:var(--slate-500);margin-bottom:24px;font-size:14px}.pricing-features{text-align:left;margin-bottom:28px;list-style:none}.pricing-features li{color:var(--slate-600);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pricing-features li:before{content:"✓";color:var(--green-500);font-size:16px;font-weight:700}.compliance-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.compliance-card{border:1px solid var(--slate-200);text-align:center;background:#fff;border-radius:12px;padding:24px}.compliance-card .badge{margin-bottom:8px;font-size:28px}.compliance-card h4{margin-bottom:4px;font-size:15px;font-weight:700}.compliance-card p{color:var(--slate-500);font-size:12px}.cta{background:linear-gradient(135deg, var(--slate-900) 0%, var(--green-900) 100%);color:#fff;text-align:center;padding:96px 24px}.cta h2{margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:800}.cta p{opacity:.7;max-width:500px;margin:0 auto 36px;font-size:18px}.cta .btn-primary{color:var(--green-dark);background:#fff}.cta .btn-primary:hover{background:var(--green-bg)}footer{border-top:1px solid var(--slate-200);padding:48px 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--slate-500);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--slate-700)}.footer-copy{color:var(--slate-400);font-size:14px}.mobile-menu-btn{cursor:pointer;color:var(--slate-700);background:0 0;border:none;padding:8px;display:none}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero{padding:120px 20px 60px}.hero-code{margin:40px auto 0}.hero-code pre{padding:16px;font-size:11px}.features-grid,.pricing-cards{grid-template-columns:1fr}section{padding:64px 20px}.steps{grid-template-columns:1fr}}