.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-image{object-fit:cover;opacity:.4;width:100%;height:100%}.hero-overlay{background:var(--gradient-hero);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;max-width:900px;padding:var(--spacing-3xl)0;position:relative}.hero-title{font-size:var(--font-size-6xl);margin-bottom:var(--spacing-xl);letter-spacing:-.03em;font-weight:900;line-height:1.1}.hero-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);max-width:700px;line-height:1.8}.hero-actions{gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);flex-wrap:wrap;display:flex}.hero-actions .btn{align-items:center;gap:var(--spacing-sm);display:inline-flex}.hero-actions .btn svg{transition:transform var(--transition-fast)}.hero-actions .btn:hover svg{transform:translate(4px)}.hero-stats{gap:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);max-width:600px;display:grid}.stat{text-align:left}.stat-value{font-size:var(--font-size-3xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs);-webkit-background-clip:text;background-clip:text;font-weight:800}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.floating-elements{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.float-element{filter:blur(40px);background:radial-gradient(circle,#0078f233,#0000);border-radius:50%;position:absolute}.float-1{width:300px;height:300px;animation:6s ease-in-out infinite float;top:20%;right:10%}.float-2{background:radial-gradient(circle,#7b2cbf33,#0000);width:200px;height:200px;animation:8s ease-in-out 1s infinite float;top:60%;right:30%}.float-3{background:radial-gradient(circle,#00d9ff26,#0000);width:150px;height:150px;animation:7s ease-in-out 2s infinite float;bottom:20%;right:20%}@media (max-width:1024px){.hero-title{font-size:var(--font-size-5xl)}.hero-stats{gap:var(--spacing-lg)}.stat-value{font-size:var(--font-size-2xl)}}@media (max-width:768px){.hero{min-height:auto;padding-top:100px}.hero-content{padding:var(--spacing-2xl)0}.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-base)}.hero-actions{gap:var(--spacing-md);flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{gap:var(--spacing-md);grid-template-columns:1fr}}
.features{background:var(--color-bg-secondary);position:relative}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-3xl)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);font-weight:800;line-height:1.2}.section-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7}.features-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.feature-card{transition:all var(--transition-slow);cursor:pointer;border-radius:12px;animation:.8s ease-out fadeIn;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-card);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:0;position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-image-container{width:100%;height:280px;position:relative;overflow:hidden}.feature-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.feature-card:hover .feature-image{transform:scale(1.05)}.feature-overlay{padding:var(--spacing-lg);background:linear-gradient(#0000 0%,#0a0e1acc 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.feature-tag{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-xs)var(--spacing-md);background:var(--gradient-primary);color:var(--color-text-primary);border-radius:20px;font-weight:700}.feature-content{padding:var(--spacing-xl);z-index:1;position:relative}.feature-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:700}.feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.feature-link{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-accent-blue);transition:all var(--transition-fast);font-weight:600;display:inline-flex}.feature-link:hover{color:var(--color-accent-cyan);gap:var(--spacing-sm)}.feature-link svg{transition:transform var(--transition-fast)}.feature-link:hover svg{transform:translate(4px)}@media (max-width:768px){.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.section-title{font-size:var(--font-size-3xl)}.section-description{font-size:var(--font-size-base)}.feature-image-container{height:220px}.feature-content{padding:var(--spacing-lg)}}