/* V17 | ErolTech corporate typography refinement.
   A single typographic language; white + signature teal, red reserved for actions. */
:root{--brand-ink:#eef4f3;--brand-teal:#20d6ad;--brand-teal-soft:#6ad8bc}
body,button,input,select,textarea{font-family:'Manrope',Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
.hero-brand-title{margin:22px 0 23px;gap:0;line-height:1.1}
.hero-brand-lockup{padding:5px 8px 21px 0;perspective:1100px}
.hero-brand-lockup::before{width:65%;height:70%;left:20%;top:10%;background:radial-gradient(ellipse,rgba(12,158,119,.065),transparent 70%);filter:blur(28px)}
.hero-brand-word{
  font-family:'Manrope',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-style:normal;
  font-weight:800;
  font-size:clamp(56px,6vw,90px);
  letter-spacing:-.075em;
  line-height:1.12;
  transform:translateZ(0) rotateY(-1deg);
  transform-origin:15% 50%;
  filter:none;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.hero-brand-word::before{display:none}
.hero-erol{
  color:#edf3f3;
  background:linear-gradient(180deg,#ffffff 0%,#dce8e7 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
}
.hero-tech{
  color:#24d6ab;
  background:linear-gradient(180deg,#53e1bf 0%,#10ae8b 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:none;animation:none;text-shadow:none;
}
.hero-brand-underline{
  left:2px;bottom:8px;width:92px;height:3px;transform:none;
  border-radius:2px;
  background:linear-gradient(90deg,#17caa2 0%,#17caa2 72%,#e94b61 72%,#e94b61 100%);
  box-shadow:none;
}
.hero-brand-underline i{display:none}
.hero-brand-title .accent{
  margin:10px 0 0 0;
  font-family:'Manrope',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-style:normal;font-weight:750;
  font-size:clamp(25px,2.6vw,39px);
  letter-spacing:-.055em;line-height:1.24;
  color:#e2e9e8;background:none;
  -webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;
}
@media(hover:hover) and (pointer:fine){
  .hero-brand-lockup:hover .hero-brand-word{transform:translateY(-2px) rotateY(0deg);filter:none}
}
@media(max-width:1180px){.hero-brand-word{font-size:clamp(54px,6.1vw,86px)}}
@media(max-width:900px){.hero-brand-word{font-size:clamp(54px,9.2vw,85px)}.hero-brand-title .accent{font-size:clamp(27px,4.4vw,40px)}}
@media(max-width:600px){
 .hero-brand-title{margin:20px 0 19px}
 .hero-brand-lockup{padding:3px 7px 18px 0}
 .hero-brand-word{font-size:clamp(43px,10.6vw,65px);letter-spacing:-.078em;transform:none}
 .hero-brand-title .accent{font-size:clamp(22px,5.6vw,31px);margin-top:8px}
 .hero-brand-underline{bottom:5px;width:78px;height:2px}
}
@media(max-width:360px){.hero-brand-word{font-size:clamp(38px,10.5vw,45px)}.hero-brand-title .accent{font-size:22px}}
@media(prefers-reduced-motion:reduce){.hero-brand-word{transition:none}}