.hero-section{text-align:center;min-height:90vh;padding:var(--space-8) var(--space-4);color:#fff;background-image:url(/images/bg-hero.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(#0a0f1e99 0%,#0a0f1ee6 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:800px;animation:1s ease-out fadeUp;position:relative}.hero-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.1}.hero-title span{color:var(--color-accent);text-shadow:0 0 20px #4799ff66}.hero-subtitle{font-size:var(--font-size-xl);color:#fffc;margin-bottom:var(--space-6);line-height:1.6}.landing-nav{padding:var(--space-4) var(--space-8);z-index:50;-webkit-backdrop-filter:blur(12px);background:#0a0f1e80;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-logo{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:#fff;text-decoration:none;display:flex}.landing-nav-logo-icon{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);width:32px;height:32px;font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.features-section{padding:var(--space-12) var(--space-4);background:var(--color-background);color:var(--color-text);text-align:center}.features-grid{gap:var(--space-6);max-width:1200px;margin:var(--space-8) auto 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{width:48px;height:48px;color:var(--color-accent);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-xl);background:#4799ff1a;justify-content:center;align-items:center;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}