#sgref-hero{
  --sgr-navy:#16294a; --sgr-navy-2:#1c3153; --sgr-navy-deep:#0c1830;
  --sgr-teal:#17a2ac; --sgr-teal-light:#2dc6cb; --sgr-teal-deep:#0f7c84;
  --sgr-mint:#00bfad;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  box-sizing:border-box;
  position:relative; overflow:hidden; color:#eef2f9;
  background:linear-gradient(172deg, var(--sgr-navy) 0%, var(--sgr-navy-2) 52%, var(--sgr-navy-deep) 100%);
  padding:88px 0;
}
#sgref-hero *,#sgref-hero *::before,#sgref-hero *::after{box-sizing:inherit;}
#sgref-hero h1{font-family:'Anek Latin','Inter',sans-serif; line-height:1.05; letter-spacing:-.005em; margin:0; color:#fff;}
#sgref-hero p{margin:0;}
#sgref-hero a{text-decoration:none; color:inherit;}
#sgref-hero button{font-family:inherit; cursor:pointer;}

#sgref-hero .sgr-noise{
  position:absolute; inset:0; opacity:.4; pointer-events:none; mix-blend-mode:overlay;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:3px 3px;
}
#sgref-hero .sgr-wrap{max-width:1180px; margin:0 auto; padding:0 28px; position:relative; z-index:1;}

#sgref-hero .sgr-hero-main{display:grid; grid-template-columns:1fr; gap:0; padding:0 0 20px;}
#sgref-hero .sgr-kick{
  display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--sgr-teal-light); margin-bottom:20px;
}
#sgref-hero .sgr-kick::before{content:""; width:22px; height:1.5px; background:var(--sgr-teal-light);}

#sgref-hero .sgr-hero-headline{display:flex; align-items:flex-end; flex-wrap:wrap; gap:22px 28px;}
#sgref-hero .sgr-hero-title{font-size:clamp(36px,5.6vw,60px); font-weight:700; color:#fff; max-width:15ch; line-height:1.05;}

#sgref-hero .sgr-hero-lead{font-size:15.5px; color:#b7c4da; max-width:58ch; margin-top:22px; line-height:1.65;}

#sgref-hero .sgr-hero-actions{display:flex; align-items:center; gap:22px; margin-top:32px; flex-wrap:wrap;}
#sgref-hero .sgr-hero-btn{
  display:inline-flex; align-items:center; gap:9px;
  background:linear-gradient(135deg, var(--sgr-teal) 0%, var(--sgr-mint) 100%); color:#fff;
  font-weight:700; font-size:14px; padding:13px 22px; border-radius:12px; border:none;
  box-shadow:0 10px 30px rgba(23,162,172,.35);
  transition:transform .18s ease, box-shadow .18s ease;
}
#sgref-hero .sgr-hero-btn:hover{transform:translateY(-2px); box-shadow:0 16px 38px rgba(23,162,172,.45);}
#sgref-hero .sgr-hero-scroll{font-size:13px; color:#9fb0c9; transition:color .15s ease;}
#sgref-hero .sgr-hero-scroll:hover{color:#fff;}

#sgref-hero .sgr-reveal{opacity:0; transform:translateY(18px); transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1);}
#sgref-hero .sgr-reveal.in{opacity:1; transform:none;}
@media (prefers-reduced-motion: reduce){ #sgref-hero .sgr-reveal{opacity:1; transform:none; transition:none;} }

@media (max-width:640px){
  #sgref-hero .sgr-wrap{padding:0 22px;}
  #sgref-hero{padding-top:40px;}
}