:root{--bg-base: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--accent-green: #00ff00;--accent-green-rgb: 0, 255, 0;--accent-green-dark: #00cc00;--accent-green-dark-rgb: 0, 204, 0;--accent-cyan: #00ffff;--accent-blue: #0066ff;--border-color: #333333;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Hubot Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}strong{color:var(--text-primary);font-weight:600}.nav{position:sticky;top:0;background:#0a0a0af2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;font-family:Montserrat,sans-serif;letter-spacing:-1px;color:var(--text-primary);text-transform:uppercase}.logo a{color:#fff;text-decoration:none}.nav-links{display:flex;gap:var(--spacing-lg);align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:var(--accent-green)}.nav-cta{padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;background:var(--accent-green);color:var(--bg-base)!important;font-weight:600}.nav-cta:hover{background:var(--accent-green-dark)}.btn{padding:12px 28px;border-radius:20px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-primary)}.btn-primary{background:var(--accent-green);color:var(--bg-base)}.btn-primary:hover{background:var(--accent-green-dark);box-shadow:0 0 48px 0 var(--accent-green)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-green);color:var(--accent-green)}.section{padding:var(--spacing-2xl) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.container{max-width:1000px;margin:0 auto}.section h2{text-align:center;margin-bottom:var(--spacing-xl)}.intro-text{text-align:center;font-size:1.1rem;margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--accent-green-rgb),.05),#0066ff05)}.hero-content{text-align:center;max-width:1000px}.headline{font-size:3.5rem;margin-bottom:var(--spacing-lg);line-height:1.2;animation:revealUp .8s ease-out forwards;opacity:0}.highlight{background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subheadline{font-size:1.3rem;color:var(--text-secondary);margin:0 auto var(--spacing-2xl);max-width:850px;animation:revealUp .8s ease-out .2s forwards;opacity:0}.hero-ctas{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;animation:revealUp .8s ease-out .4s forwards;opacity:0}.cta-note{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:.95rem;opacity:0;animation:revealUp .8s ease-out .6s forwards}@keyframes revealUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealUpFast{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonBlink{0%{border-color:var(--accent-green);box-shadow:0 0 rgba(var(--accent-green-rgb),.3)}50%{border-color:var(--accent-green);box-shadow:0 0 20px rgba(var(--accent-green-rgb),.8)}to{border-color:var(--accent-green);box-shadow:0 0 rgba(var(--accent-green-rgb),.3)}}.button-blinking{animation:buttonBlink .6s ease-in-out!important}.section-problem{background:var(--bg-secondary)}.section-problem h2{animation:revealUp .8s ease-out forwards;opacity:0}.problem-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin:var(--spacing-2xl) 0}.problem-item{font-size:1.1rem;padding:var(--spacing-md);border-left:3px solid var(--accent-green);padding-left:var(--spacing-lg);animation:revealUp .8s ease-out forwards;opacity:0}.problem-item:nth-child(1){animation-delay:.1s}.problem-item:nth-child(2){animation-delay:.2s}.problem-item:nth-child(3){animation-delay:.3s}.problem-item:nth-child(4){animation-delay:.4s}.problem-close{text-align:center;font-size:1.2rem;margin-top:var(--spacing-xl);color:var(--text-primary);animation:revealUp .8s ease-out .5s forwards;opacity:0}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin:var(--spacing-2xl) 0}.fit-card{padding:var(--spacing-xl);border-radius:8px;border:1px solid var(--border-color);animation:revealUp .8s ease-out forwards;opacity:0}.fit-card:nth-child(1){animation-delay:.2s}.fit-card:nth-child(2){animation-delay:.4s}.fit-yes{border-left:4px solid var(--accent-green);background:#00ff0008}.fit-no{border-left:4px solid #666;background:#66666608}.fit-card h3{margin-bottom:var(--spacing-md)}.fit-card ul{list-style:none}.fit-card li{padding:var(--spacing-sm) 0;color:var(--text-secondary)}.fit-yes li:before{content:"✓ ";color:var(--accent-green);font-weight:700;margin-right:var(--spacing-sm)}.fit-no li:before{content:"× ";color:#999;font-weight:700;margin-right:var(--spacing-sm)}.section-how{background:var(--bg-secondary)}.section-how h2{animation:revealUp .8s ease-out forwards;opacity:0}.how-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-2xl) 0}.how-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:8px;border:1px solid var(--border-color);background:#00ff0005;animation:revealUp .8s ease-out forwards;opacity:0}.how-item:nth-child(1){animation-delay:.1s}.how-item:nth-child(2){animation-delay:.2s}.how-item:nth-child(3){animation-delay:.3s}.how-icon{color:var(--accent-green);font-weight:700;font-size:1.5rem;flex-shrink:0}.how-content{text-align:left;color:var(--text-secondary);line-height:1.6}.how-close{text-align:center;font-size:1.2rem;margin-top:var(--spacing-xl);color:var(--text-primary);animation:revealUp .8s ease-out .4s forwards;opacity:0}.section-next{background:var(--bg-secondary)}.section-next h2{animation:revealUp .8s ease-out forwards;opacity:0}.next-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}.step{padding:var(--spacing-lg);border-radius:8px;border:1px solid var(--border-color);text-align:center;animation:revealUp .8s ease-out forwards;opacity:0}.step:nth-child(1){animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--accent-green);color:var(--bg-base);border-radius:50%;font-weight:700;font-size:1.5rem;margin:0 auto var(--spacing-md)}.step-content{color:var(--text-secondary)}.next-note{text-align:center;color:var(--text-secondary);margin-top:var(--spacing-xl);font-style:italic;animation:revealUp .8s ease-out .4s forwards;opacity:0}.section-cta{margin-top:var(--spacing-xl);text-align:center;animation:revealUp .8s ease-out .6s forwards;opacity:0}.footer{background:var(--bg-secondary);padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid var(--border-color)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{font-size:1.5rem;font-weight:700;font-family:Montserrat,sans-serif;color:var(--accent-green);text-transform:uppercase;margin-bottom:var(--spacing-md)}.footer-copyright{color:var(--text-secondary);font-size:.85rem;margin:0}.footer-text{color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){h1{font-size:2.5rem}h2,.headline{font-size:2rem}.subheadline{font-size:1.1rem}.fit-grid,.problem-list{grid-template-columns:1fr}.nav-links{gap:var(--spacing-md)}.hero-ctas{gap:var(--spacing-sm)}.btn-primary{padding:14px 32px;font-size:1.05rem}}
