.hero{position:relative;padding:var(--space-4xl) 0;overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(124,106,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,212,200,.08) 0%,transparent 50%);pointer-events:none}.hero-bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(124,106,246,.08) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%);pointer-events:none}.hero-content{position:relative;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--accent-gradient-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-xl);animation:fadeInDown .6s ease forwards}.hero-badge .dot{width:6px;height:6px;background:var(--accent-secondary);border-radius:50%;animation:pulse 2s infinite}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease .1s forwards;opacity:0}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease .2s forwards;opacity:0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-md);animation:fadeInUp .6s ease .3s forwards;opacity:0;flex-wrap:wrap}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-3xl);margin-top:var(--space-3xl);animation:fadeInUp .6s ease .4s forwards;opacity:0}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-3xl);font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:4px}.hero-visual{position:absolute;pointer-events:none;opacity:.06}.hero-visual-left{left:-60px;top:20%;transform:rotate(-12deg)}.hero-visual-right{right:-60px;bottom:20%;transform:rotate(8deg)}.tools-section{padding:var(--space-4xl) 0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.tool-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-base)}.tool-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.tool-card:hover:before{opacity:1}.tool-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);background:var(--accent-gradient-subtle);color:var(--accent-primary)}.tool-card-icon svg{width:24px;height:24px}.tool-card h3{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.tool-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.tool-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--accent-primary)}.tool-card-cta svg{width:16px;height:16px;transition:transform var(--transition-fast)}.tool-card:hover .tool-card-cta svg{transform:translate(4px)}.how-it-works{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-top:var(--space-2xl);position:relative}.steps-grid:before{content:"";position:absolute;top:40px;left:calc(16.66% + 20px);right:calc(16.66% + 20px);height:2px;background:var(--accent-gradient);opacity:.3}.step-card{text-align:center;position:relative}.step-number{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);color:#fff;font-size:var(--text-lg);font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);position:relative;z-index:1;box-shadow:0 0 20px #7c6af64d}.step-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.step-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.step-icon{width:80px;height:80px;margin:var(--space-md) auto 0;color:var(--text-tertiary);opacity:.5}.trust-section{padding:var(--space-3xl) 0}.trust-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.trust-badge{display:flex;align-items:center;gap:var(--space-sm);padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.trust-badge svg{width:18px;height:18px;color:var(--success)}.use-cases{padding:var(--space-4xl) 0}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.use-case-card{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.use-case-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.use-case-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.use-case-card h3{font-size:var(--text-base);margin-bottom:var(--space-xs)}.use-case-card p{font-size:var(--text-sm);color:var(--text-secondary)}.guides-preview{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.guide-card{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.guide-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.guide-card-tag{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:#7c6af61a;color:var(--accent-primary);margin-bottom:var(--space-md)}.guide-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.guide-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;flex:1}.guide-card-link{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-md);font-size:var(--text-sm);font-weight:600;color:var(--accent-primary)}.faq-section{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);max-width:900px;margin:0 auto}.faq-card{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.faq-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.faq-question{font-size:var(--text-lg);color:var(--text-primary);margin-top:0;margin-bottom:var(--space-sm)}.faq-answer{color:var(--text-secondary);font-size:var(--text-md);margin-bottom:0;line-height:1.6}.cta-section{padding:var(--space-4xl) 0;text-align:center}.cta-box{background:var(--accent-gradient-subtle);border:1px solid var(--border-accent);border-radius:var(--radius-xl);padding:var(--space-3xl);max-width:700px;margin:0 auto}.cta-box h2{margin-bottom:var(--space-md)}.cta-box p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}@media(max-width:768px){.hero{padding:var(--space-2xl) 0;min-height:auto}.hero-stats{gap:var(--space-xl)}.steps-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.steps-grid:before{display:none}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.hero-stats{flex-direction:column;gap:var(--space-md)}}