:root{--bg-dark:#0f172a;--bg-card:#0f172ad9;--bg-card-hover:#0f172af2;--border-subtle:#e2e8f0;--border-subtle-dark:#e2e8f01a;--border-accent:#10b98166;--border-accent-glow:#10b981b3;--accent-primary:#10b981;--accent-bright:#34d399;--accent-dark:#059669;--accent-glow:#10b98133;--bg-input:#fffdf0;--amber-primary:#f59e0b;--crimson-accent:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);background-image:radial-gradient(circle at 50% 0,#10b98114 0%,#0000 60%),linear-gradient(#e2e8f005 1px,#0000 1px),linear-gradient(90deg,#e2e8f005 1px,#0000 1px);background-position:0 0,-1px -1px,-1px -1px;background-size:100% 100%,40px 40px,40px 40px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-weight:700}.font-mono{font-family:var(--font-mono)}.text-gradient{background:linear-gradient(135deg, #fff 30%, var(--accent-bright) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-rebel{background:linear-gradient(135deg,#fff 20%,#f59e0b 60%,#ef4444 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-accent{color:var(--accent-primary)}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle-dark);transition:all var(--transition-smooth);border-radius:16px;box-shadow:0 10px 30px -10px #00000080}.glass-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 20px 40px -15px #10b9811f}.badge{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-bright);background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.825rem;font-weight:600;display:inline-flex}.badge-rebel{color:var(--amber-primary);background:#f59e0b1a;border-color:#f59e0b4d}.btn{cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-dark) 100%);color:#fffdf0;font-weight:700;box-shadow:0 4px 20px #10b98159}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-bright) 0%, var(--accent-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 28px #10b98180}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle-dark);background:#ffffff0d}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.nav-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle-dark);background:#0f172ad9;padding:1.1rem 0;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.brand-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-bright), var(--accent-primary));color:#0f172a;width:36px;height:36px;font-weight:900;font-family:var(--font-display);border-radius:8px;justify-content:center;align-items:center;display:flex}.brand-title{color:#fff;letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.brand-tag{color:var(--accent-bright);font-size:.7rem;font-family:var(--font-mono);background:#10b9811f;border-radius:4px;padding:2px 6px}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--accent-bright)}.section{padding:6rem 0;position:relative}.hero{text-align:center;padding-top:10rem;padding-bottom:6rem;position:relative}.hero-title{max-width:960px;margin:1.5rem auto;font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:720px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-stats-banner{border:1px solid var(--border-subtle-dark);background:#e2e8f005;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:4rem;padding:2rem;display:grid}.stat-item{text-align:center}.stat-value{font-size:2.2rem;font-weight:800;font-family:var(--font-display);color:var(--accent-bright);margin-bottom:.25rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}@media (width<=768px){.hero{padding-top:8rem;padding-bottom:4rem}.hero-title{font-size:2.2rem}.hero-buttons{flex-direction:column;padding:0 1rem}.hero-buttons .btn{width:100%}.hero-stats-banner{grid-template-columns:1fr;padding:1.5rem}.nav-links{display:none}.comparison-grid{grid-template-columns:1fr}form>div[style*=grid-template-columns],.calculator-card>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}.input-range{width:100%;accent-color:var(--accent-primary);background:var(--bg-card);cursor:pointer;border-radius:4px;height:6px}.calculator-card{margin-top:2rem;padding:2.5rem}.comparison-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0f172acc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-dark);border:1px solid var(--border-accent);border-radius:20px;width:100%;max-width:600px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #000000b3}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-subtle-dark);color:#0f172a;width:100%;transition:border-color var(--transition-fast);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.input-error{border-color:var(--crimson-accent)}.input-error:focus{border-color:var(--crimson-accent)!important;box-shadow:0 0 0 2px #ef444433!important}footer{border-top:1px solid var(--border-subtle-dark);background:var(--bg-dark);padding:4rem 0 2rem}