/* =============================== HERO =============================== */
.hero h1{
    font-weight:800;font-size:clamp(2rem,4vw,3rem);
    background:linear-gradient(90deg,var(--feal-primary),var(--feal-secondary));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent
  }
  .hero .btn-feal{position:relative;overflow:hidden}
  .hero .btn-feal::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,0)80%);transform:translateX(-100%);transition:transform .6s ease}
  .hero .btn-feal:hover::before{transform:translateX(100%)}
  .hero-qr-card{backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(0,0,0,.4)}
  /* ===== Hero Scan Live — Typewriter ===== */
.scan-client-name{display:inline-block;font-variant-ligatures:none;letter-spacing:.2px;position:relative;white-space:nowrap}
.scan-client-name::after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;background:var(--feal-primary);box-shadow:0 0 8px rgba(24,178,165,.6);vertical-align:-2px;animation:caretBlink 1s steps(1) infinite}
@keyframes caretBlink{50%{opacity:0}}
.scan-points.bump{animation:bumpGlow .45s ease}
@keyframes bumpGlow{0%{transform:scale(1);box-shadow:0 0 0 rgba(207,161,36,0)}50%{transform:scale(1.15);box-shadow:0 0 18px rgba(207,161,36,.55)}100%{transform:scale(1);box-shadow:0 0 0 rgba(207,161,36,0)}}