/* ==========================================================================
   03 - HERO
   ========================================================================== */

.hero{padding-top:80px; padding-bottom:80px;}
.hero .container{display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center;}
.hero-copy h1{margin-bottom:20px;}
.hero-copy p{font-size:18px; color:var(--text-muted); max-width:520px; margin-bottom:32px;}
.hero-actions{display:flex; gap:16px;}
.hero-visual{position:relative;}
.hero-visual .glow{
  position:absolute; inset:-40px; background:radial-gradient(circle at 30% 30%, rgba(124,252,0,.12), transparent 60%);
  pointer-events:none;
}
.growth-path{stroke-dasharray:600; stroke-dashoffset:600; animation:draw 2.2s ease forwards .3s;}
@keyframes draw{ to{stroke-dashoffset:0;} }

@media(max-width:900px){
  .hero .container{grid-template-columns:1fr; text-align:center;}
  .hero-copy p{margin-left:auto; margin-right:auto;}
  .hero-actions{flex-direction:column;}
}