:root{--bg:#0a1210;--bg-card:#111a14;--bg-elev:#1a2620;--bg-glass:#0a1210e0;--border:#1a3328;--border-mute:#2a4a38;--text:#eef3ff;--text-dim:#8da4b8;--text-mute:#5a7a8a;--accent:#21a038;--accent-dim:#1a8c30;--accent2:#2197c4;--accent-glow:#21a0381a;--accent-glow2:#42e3b40f;--gradient-brand:linear-gradient(135deg, #21a038 0%, #42e3b4 35%, #0087cd 100%);--success:#4cd964;--success-bg:#4cd9641f;--success-bd:#4cd96466;--warning:#fbbf24;--error:#f87171;--error-bg:#ef44441f;--error-bd:#ef444466;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--space-2xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-card:0 1px 3px #0000004d;--container-max:1120px;--nav-height:64px}[data-theme=light]{--bg:#eef3ff;--bg-card:#fff;--bg-elev:#f4f7ff;--bg-glass:#eef3ffeb;--border:#d0dce8;--border-mute:#b0c0d0;--text:#333f48;--text-dim:#5a6a78;--text-mute:#8a9aaa;--accent:#21a038;--accent-dim:#1a8c30;--accent2:#2197c4;--accent-glow:#21a0380f;--accent-glow2:#42e3b40a;--gradient-brand:linear-gradient(135deg, #21a038 0%, #42e3b4 35%, #0087cd 100%);--success:#21a038;--success-bg:#21a03814;--success-bd:#21a0384d;--warning:#e36002;--error:#f87171;--error-bg:#ef444414;--error-bd:#ef44444d;--shadow-card:0 1px 4px #333f4814}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#eef3ff;--bg-card:#fff;--bg-elev:#f4f7ff;--bg-glass:#eef3ffeb;--border:#d0dce8;--border-mute:#b0c0d0;--text:#333f48;--text-dim:#5a6a78;--text-mute:#8a9aaa;--accent:#21a038;--accent-dim:#1a8c30;--accent2:#2197c4;--accent-glow:#21a0380f;--accent-glow2:#42e3b40a;--success:#21a038;--success-bg:#21a03814;--success-bd:#21a0384d;--shadow-card:0 1px 4px #333f4814}}*,:before,:after{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:var(--container-max);padding:0 var(--space-lg);margin:0 auto}section{padding:80px 0}section+section{border-top:1px solid var(--border)}h1,h2,h3{font-weight:700;line-height:1.2}h2{margin-bottom:12px;font-size:2rem}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:.75rem}.section-sub{color:var(--text-dim);max-width:640px;margin-bottom:40px}nav{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0}nav .container{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{font-family:var(--font-mono);color:var(--text);font-size:1rem;font-weight:600;text-decoration:none}.logo span{color:var(--accent)}.nav-links{gap:20px;display:flex}.nav-link{color:var(--text-dim);font-size:.875rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text)}.theme-toggle{cursor:pointer;width:24px;height:24px;color:var(--text-mute);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;transition:color .2s;display:flex}.theme-toggle:hover{color:var(--text-dim)}.hero{align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(70% 55% at 72% 25%,#21a03824 0%,#0000 60%),radial-gradient(55% 45% at 15% 85%,#42e3b41a 0%,#0000 55%),radial-gradient(60% 50% at 90% 70%,#0087cd14 0%,#0000 55%);position:absolute;inset:0}.hero-bg:after{content:"";background-image:radial-gradient(1.5px 1.5px at 15% 25%,#21a0384d,#0000),radial-gradient(1px 1px at 45% 15%,#21a03833,#0000),radial-gradient(2px 2px at 65% 35%,#4cd96440,#0000),radial-gradient(1px 1px at 80% 60%,#21a03833,#0000),radial-gradient(1.5px 1.5px at 30% 70%,#21a03826,#0000),radial-gradient(1px 1px at 55% 80%,#21a03833,#0000),radial-gradient(2px 2px at 90% 40%,#4cd96426,#0000),radial-gradient(1px 1px at 70% 90%,#21a03833,#0000);position:absolute;inset:0}.hero .container{z-index:1;position:relative}.hero h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4rem)}.hero h1 em{color:var(--accent);font-style:normal}.hero p{color:var(--text-dim);max-width:560px;margin-bottom:32px;font-size:1.125rem}.hero .tagline{font-family:var(--font-mono);color:var(--text-mute);margin-bottom:40px;font-size:.8rem;display:block}.hero-cta{flex-wrap:wrap;gap:16px;display:flex}.btn{cursor:pointer;font-size:.9375rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1a8c30 0%,#34c9a0 35%,#0072b0 100%);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--text-mute)}.btn-full{justify-content:center;width:100%}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=768px){.cards{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;transition:border-color .2s}.card:hover{border-color:var(--text-mute)}.card-icon{width:44px;height:44px;color:var(--accent);background:#21a0381a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.25rem;display:flex}.card h3{margin-bottom:8px;font-size:1.125rem}.card .card-lead{color:var(--text-dim);margin-bottom:12px;font-size:.875rem}.card-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.card-list li{color:var(--text-dim);padding-left:14px;font-size:.8125rem;position:relative}.card-list li:before{content:"▸";color:var(--accent);font-size:.7rem;position:absolute;top:1px;left:0}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=768px){.metrics{grid-template-columns:repeat(2,1fr)}}.metric{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px 16px}.metric-value{font-family:var(--font-mono);color:var(--accent);margin-bottom:4px;font-size:1.75rem;font-weight:600}.metric-label{color:var(--text-dim);font-size:.8rem}.steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=768px){.steps{grid-template-columns:1fr}}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}.step-num{font-family:var(--font-mono);color:var(--accent);margin-bottom:8px;font-size:.75rem}.step h3{margin-bottom:6px;font-size:1rem}.step p{color:var(--text-dim);font-size:.8125rem}.stack-badges{flex-wrap:wrap;gap:10px;display:flex}.badge{font-family:var(--font-mono);background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:6px 14px;font-size:.75rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}.contact-info p{color:var(--text-dim);margin-bottom:16px}.contact-info a{color:var(--accent);text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-note{color:var(--text-mute);margin-top:24px;font-size:.8rem}form label{color:var(--text-dim);margin-bottom:6px;font-size:.8125rem;font-weight:500;display:block}form input,form textarea{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);font-size:.9375rem;font-family:var(--font-sans);border-radius:8px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s}form input:focus,form textarea:focus{border-color:var(--accent);outline:none}form textarea{resize:vertical;min-height:100px}.form-banner{border-radius:8px;margin-bottom:24px;padding:14px 20px;font-size:.9rem}.form-banner-ok{color:var(--success);background:#4cd9641f;border:1px solid #4cd96466}.form-banner-err{color:#f87171;background:#ef44441f;border:1px solid #ef444466}footer{border-top:1px solid var(--border);padding:32px 0}footer .container{justify-content:space-between;align-items:center;display:flex}footer p{color:var(--text-mute);font-size:.8rem}footer a{color:var(--text-mute);font-size:.8rem;text-decoration:none}footer a:hover{color:var(--text-dim)}