/* EROLTECH V16 — restrained, professional italic green/red neon wordmark */
.hero-brand-title{margin:23px 0 24px;gap:0}
.hero-brand-lockup{padding:5px 12px 20px 3px;perspective:1200px}
.hero-brand-lockup::before{left:8%;top:0;width:80%;height:86%;background:radial-gradient(ellipse at center,rgba(34,237,155,.065),transparent 68%);filter:blur(26px)}
.hero-brand-word{
  font-family:Inter,'Arial',system-ui,sans-serif;
  font-style:italic;
  font-weight:850;
  font-size:clamp(57px,6.15vw,94px);
  letter-spacing:-.075em;
  line-height:1.08;
  transform:rotateY(-3deg) rotateX(1deg);
  filter:none;
  transition:transform .5s cubic-bezier(.2,.8,.2,1)
}
/* The restrained offset edge keeps the 3D character without bulky duplicate lettering. */
.hero-brand-word::before{display:none}
.hero-erol{
  color:#5bf5a0;
  text-shadow:1px 2px 0 #0b4b35,2px 3px 0 #073626,0 0 19px rgba(53,255,152,.15)
}
.hero-tech{
  color:#ff4058;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  -webkit-text-fill-color:currentColor;
  filter:none;
  animation:none;
  text-shadow:1px 2px 0 #721525,2px 3px 0 #42101b,0 0 19px rgba(255,45,85,.15)
}
.hero-brand-underline{
  left:6px;bottom:8px;width:71%;height:2px;
  transform:none;
  background:linear-gradient(90deg,rgba(91,245,160,.8),rgba(91,245,160,.48) 43%,rgba(255,64,88,.7) 85%,transparent);
  box-shadow:0 0 8px rgba(64,240,151,.14)
}
.hero-brand-underline i{display:none}
.hero-brand-title .accent{
  margin:7px 0 0 2px;
  font-size:clamp(25px,2.65vw,40px);
  font-style:normal;
  font-weight:790;
  letter-spacing:-.046em;
  line-height:1.22;
  color:#e8f1ee;
  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:rotateY(0deg) rotateX(0deg) translateY(-2px);filter:none}
}
@media(max-width:1180px){.hero-brand-word{font-size:clamp(55px,6.2vw,90px)}}
@media(max-width:900px){.hero-brand-word{font-size:clamp(55px,9.5vw,87px)}.hero-brand-title .accent{font-size:clamp(28px,4.5vw,41px)}}
@media(max-width:600px){
 .hero-brand-title{margin:19px 0 19px}
 .hero-brand-lockup{padding:3px 10px 17px 2px}
 .hero-brand-word{font-size:clamp(44px,10.8vw,66px);letter-spacing:-.08em;transform:rotateY(-2deg)}
 .hero-erol{text-shadow:1px 2px 0 #0b4b35,0 0 14px rgba(53,255,152,.12)}
 .hero-tech{text-shadow:1px 2px 0 #721525,0 0 14px rgba(255,45,85,.12)}
 .hero-brand-title .accent{font-size:clamp(23px,5.6vw,32px);margin-top:6px}
 .hero-brand-underline{bottom:7px;left:4px}
}
@media(max-width:360px){.hero-brand-word{font-size:clamp(39px,10.5vw,46px)}.hero-brand-title .accent{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hero-brand-word{transition:none}}