*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #06060b;--color-bg-elevated: #0d0d16;--color-bg-card: #12121e;--color-border: #1e1e32;--color-border-hover: #2e2e4a;--color-text: #e8e8f0;--color-text-muted: #8888a0;--color-text-dim: #555570;--color-primary: #7c5cfc;--color-primary-glow: rgba(124, 92, 252, .25);--color-accent: #4ade80;--color-accent-glow: rgba(74, 222, 128, .15);--color-destructive: #ef4444;--color-destructive-dim: rgba(239, 68, 68, .12);--color-warning: #facc15;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius: 12px;--radius-lg: 20px;--max-width: 1120px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:#06060bd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.nav .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.02em}.nav-logo span{color:var(--color-primary)}.nav-cta{padding:.5rem 1.25rem;border-radius:8px;background:var(--color-primary);color:#fff;font-weight:600;font-size:.85rem;border:none;cursor:pointer;transition:all .2s}.nav-cta:hover{background:#6a4aee;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 20px var(--color-primary-glow)}.hero{padding:10rem 0 6rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 30%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-muted);max-width:680px;margin:0 auto 2.5rem;line-height:1.7}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .25s}.hero-cta:hover{background:#6a4aee;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 30px var(--color-primary-glow)}.section{padding:6rem 0}.section-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:.75rem}.section-title{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:1rem}.section-sub{font-size:1rem;color:var(--color-text-muted);max-width:560px;margin-bottom:3rem}.section--center{text-align:center}.section--center .section-sub{margin-left:auto;margin-right:auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.step-card{padding:2rem;border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);transition:all .3s}.step-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0006}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--color-primary-glow);color:var(--color-primary);font-weight:800;font-size:1rem;margin-bottom:1rem}.step-card h3{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:.5rem}.step-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto}@media(max-width:640px){.comparison{grid-template-columns:1fr}}.comparison-col{padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.comparison-col--bad{background:#ef44440a;border-color:#ef444426}.comparison-col--good{background:#4ade800a;border-color:#4ade8026}.comparison-col h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.comparison-col--bad h3{color:var(--color-destructive)}.comparison-col--good h3{color:var(--color-accent)}.comparison-col ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.comparison-col li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.comparison-col li .icon{flex-shrink:0;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;margin-top:2px}.comparison-col--bad .icon{background:var(--color-destructive-dim);color:var(--color-destructive)}.comparison-col--good .icon{background:var(--color-accent-glow);color:var(--color-accent)}.cta-section{padding:6rem 0;text-align:center}.cta-box{padding:4rem 2rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#7c5cfc14,#4ade800a);border:1px solid rgba(124,92,252,.2)}.cta-box h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;margin-bottom:.75rem}.cta-box p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1rem}.footer{padding:3rem 0;border-top:1px solid var(--color-border);text-align:center}.footer-text{font-size:.8rem;color:var(--color-text-dim)}.footer-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.footer-links a{font-size:.8rem;color:var(--color-text-muted)}.footer-links a:hover{color:#fff}