.hero{background:#0a0a14;padding:clamp(64px,8vw,110px) 0 clamp(56px,7vw,96px);overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;top:-200px;left:-150px;width:700px;height:700px;background:radial-gradient(circle,rgba(91,91,255,.38) 0%,transparent 60%);border-radius:50%;filter:blur(60px);pointer-events:none;animation:float1 14s ease-in-out infinite}
.hero::after{content:'';position:absolute;top:100px;right:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.32) 0%,transparent 60%);border-radius:50%;filter:blur(60px);pointer-events:none;animation:float2 18s ease-in-out infinite}
.hero-cyan{position:absolute;bottom:-150px;left:40%;width:500px;height:500px;background:radial-gradient(circle,rgba(34,211,238,.25) 0%,transparent 60%);border-radius:50%;filter:blur(60px);pointer-events:none;animation:float3 12s ease-in-out infinite;z-index:0}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,50px) scale(1.15)}}
@keyframes float3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-40px) scale(1.08)}}
@keyframes aipulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%)}
.hero-inner{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ai-cyan);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;background:rgba(91,91,255,.12);border:1px solid rgba(91,91,255,.25);border-radius:980px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ai-cyan);box-shadow:0 0 10px var(--ai-cyan);animation:aipulse 1.6s infinite}
h1{font-size:54px;font-weight:700;letter-spacing:-.045em;color:#fff;line-height:1.05;margin-bottom:18px}
h1 em{font-style:normal;background:linear-gradient(135deg,#c4b5fd 0%,var(--ai-violet) 40%,var(--ai-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}
.hero-p{font-size:18px;font-weight:300;color:rgba(255,255,255,.65);line-height:1.65;margin:0 auto 14px;max-width:620px;letter-spacing:.005em}
.hero-meta{font-size:13px;color:rgba(255,255,255,.4);font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-top:8px}
@media(max-width:840px){
   h1{font-size:34px}h2{font-size:28px}
  .wrap{padding:0 20px}
  .sec{padding:56px 0}
}