.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-height) + var(--space-16)) var(--space-6) var(--space-16);background:var(--gradient-hero)}.hero,.hero-bg{overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform;transform:translateZ(0)}.hero-bg-shape.shape-1{width:600px;height:600px;background:rgba(39,171,131,.15);top:-10%;right:-5%;animation:float 8s ease-in-out infinite}.hero-bg-shape.shape-2{width:400px;height:400px;background:rgba(99,102,241,.12);bottom:-5%;left:-5%;animation:float-slow 10s ease-in-out infinite}.hero-bg-shape.shape-3{width:300px;height:300px;background:rgba(249,115,22,.1);top:40%;left:30%;animation:float 12s ease-in-out infinite reverse}.hero-content{position:relative;z-index:1;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(39,171,131,.08);border:1px solid rgba(39,171,131,.2);color:var(--primary-700);font-size:var(--font-sm);font-weight:600;padding:var(--space-2) var(--space-5);border-radius:var(--border-radius-full);margin-bottom:var(--space-8);animation:fadeInUp .6s ease forwards}.hero-badge .pulse{width:8px;height:8px;background:var(--primary-500);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}.hero h1{font-size:clamp(1.75rem,5vw,var(--font-7xl));font-weight:900;line-height:1.1;color:var(--gray-900);letter-spacing:-.03em;margin-bottom:var(--space-6);animation:fadeInUp .8s ease forwards;animation-delay:.1s;opacity:0}.hero h1 .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-xl);color:var(--gray-500);max-width:680px;margin:0 auto var(--space-10);line-height:1.7;animation:fadeInUp .8s ease forwards;animation-delay:.2s;opacity:0}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-12);animation:fadeInUp .8s ease forwards;animation-delay:.3s}.hero-actions,.hero-stats{display:flex;align-items:center;justify-content:center;opacity:0}.hero-stats{gap:var(--space-12);animation:fadeInUp .8s ease forwards;animation-delay:.5s}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-3xl);font-weight:800;color:var(--primary-600)}.hero-stat-label{font-size:var(--font-sm);color:var(--gray-400);margin-top:var(--space-1)}.hero-floating-cards{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-float-card{position:absolute;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:var(--border-radius-md);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-sm);font-weight:600;color:var(--gray-700)}.hero-float-card:first-child{top:25%;left:5%;animation:float 6s ease-in-out infinite}.hero-float-card:nth-child(2){top:35%;right:5%;animation:float-slow 7s ease-in-out infinite}.hero-float-card:nth-child(3){bottom:20%;left:8%;animation:float 8s ease-in-out infinite reverse}.hero-float-card:nth-child(4){bottom:30%;right:8%;animation:float-slow 9s ease-in-out infinite reverse}.hero-float-card .card-icon{font-size:var(--font-xl)}@media (max-width:768px){.hero{padding:calc(var(--nav-height) + var(--space-8)) var(--space-4) var(--space-8)}.hero h1{font-size:2rem}.hero-subtitle{font-size:var(--font-base);margin-bottom:var(--space-8)}.hero-actions{flex-direction:column;gap:var(--space-3)}.hero-actions .btn{width:100%}.hero-stats{flex-direction:column;gap:var(--space-6)}.hero-floating-cards{display:none}.hero-rotator-text{font-size:var(--font-sm);padding:var(--space-2) var(--space-4)}}.hero-rotator-container{min-height:48px;margin-bottom:var(--space-10);display:flex;justify-content:center;align-items:center}.hero-rotator-text{font-size:var(--font-lg);font-weight:600;color:var(--primary-600);padding:var(--space-2) var(--space-6);background:rgba(39,171,131,.05);border:1px dashed rgba(39,171,131,.3);border-radius:var(--border-radius-full);transition:opacity .5s ease,transform .5s ease;display:inline-block}.hero-rotator-text.fade-in{opacity:1;transform:translateY(0)}.hero-rotator-text.fade-out{opacity:0;transform:translateY(10px)}