/* ══════════════════════════════════════════
     Sistema tipográfico HIMANABI
     Basado en servicios.html
     ══════════════════════════════════════════

     FUENTE 1 — Cinzel (serif romana clásica)
     Uso: títulos, encabezados, identidad
     Pesos disponibles: 400 · 600 · 700 · 900
  */
  h1, h2, h3,
  .hb-hero-h1,
  .hb-contact-h2,
  .hb-strip-title,
  .hb-cta-h2,
  .hb-cta-eyebrow h2,
  .hb-section-eyebrow h4,
  .hb-bg-word {
    font-family: Arial, Calibri,  sans-serif !important;
    letter-spacing: .03em;
  }

  /* Sin cursiva — fuente normal en todos los <em> de títulos */
  h1 em, h2 em, h3 em,
  .hb-hero-h1 em,
  .hb-contact-h2 em,
  .hb-cta-h2 em {
    font-style: normal !important;
    font-family: Arial, Calibri,  sans-serif !important;
  }

  /*
     Uso: cuerpo, párrafos, labels, subtítulos
  */
  p, span, a, li,
  .hb-hero-desc,
  .hb-contact-subtitle,
  .hb-ch-label,
  .hb-ch-value,
  .hb-strip-value,
  .hb-cta-body,
  .hb-scroll-cue span {
    font-family: Arial, Calibri,  sans-serif !important;
  }

  /* Labels y valores de canales */
  .hb-ch-label {
    font-family: Arial, Calibri,  sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: normal;
  }
  .hb-ch-value {
    font-family: Arial, Calibri,  sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: normal;
  }

  /* Strip values */
  .hb-strip-value {
    font-family: Arial, Calibri,  sans-serif !important;
    font-weight: 300 !important;
  }

  /* Tagline especial: Arial/Calibri bold con acento dorado */
  .hb-contact-tagline h4,
  .hb-section-eyebrow h4 {
    font-family: Arial, Calibri, sans-serif !important;
    font-weight: 700 !important;
    font-size: .9rem !important;
    color: #e6b34e !important;
    letter-spacing: 0.5px !important;
  }

  /*
     Cita Decorativa
  */
  .hb-deco-quote--hero {
    padding: 0 !important;
    background: none !important;
    border: none !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
  }
  .hb-deco-quote--hero .hb-deco-quote-mark {
    font-family: Arial, Calibri,  sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(3rem, 6vw, 5rem);
    line-height: 1;
    color: rgba(230,179,78,.25);
    display: block;
    margin-bottom: .1em;
  }

  /* Texto de cita */
  .hb-deco-quote--hero .hb-deco-quote-text {
    font-family: Arial, Calibri,  sans-serif !important;
    font-size: clamp(1.15rem, 2.4vw, 1.85rem);
    font-weight: 600;
    line-height: 1.45;
    color: rgba(245,232,207,.8);
    margin: 0 0 1rem;
    font-style: normal;
  }

  /* Autor de cita */
  .hb-deco-quote--hero .hb-deco-quote-author {
    font-family: Arial, Calibri,  sans-serif !important;
    font-weight: 400 !important;
    font-size: .8rem;
    letter-spacing: .12em;
    color: #e6b34e;
    text-transform: uppercase;
    margin: 0;
  }

  /* "Disponibles Ahora" */
  .hb-deco-live-text h3 {
    font-family: Arial, Calibri,  sans-serif !important;
    font-weight: 600 !important;
  }

  /* Eyebrow CTA */
  .hb-cta-eyebrow h2 {
    font-family: Arial, Calibri,  sans-serif !important;
    font-weight: 700 !important;
  }

  /* ══════════════════════════════════════════
     NUEVO HERO (Basado en la imagen de referencia)
     ══════════════════════════════════════════ */
  .hb-hero-new {
    position: relative;
    background: #1d0f04; /* Fondo café muy oscuro */
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 70px 0 60px;
    min-height: 55vh;
  }
  
  /* Gradiente suave de fondo */
  .hb-hero-new::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 75% 50%, rgba(212,163,75,0.08) 0%, transparent 60%);
    pointer-events: none;
  }

  .hb-hero-new-inner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    gap: 40px;
  }

  .hb-hero-new-left {
    max-width: 480px;
  }

  .hb-hero-new-h1 {
    font-family: Arial, Calibri, sans-serif !important;
    font-size: clamp(2rem, 4.5vw, 3.4rem);
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 24px;
    letter-spacing: -0.5px;
  }
  .hb-hero-new-h1 .line1 {
    display: block;
    color: #ffffff;
  }
  .hb-hero-new-h1 .line2 {
    display: block;
    color: #e6b34e; /* Dorado brillante */
  }

  .hb-hero-new-decor {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
  }
  .hb-hero-new-decor .line {
    height: 1.5px;
    width: 110px;
    background-color: #e6b34e;
  }
  .hb-hero-new-decor .dot {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #e6b34e;
    margin-left: 8px;
  }

  .hb-hero-new-desc {
    font-family:  sans-serif !important;
    color: #d1bfae;
    font-size: 1.15rem;
    line-height: 1.6;
    max-width: 420px;
    font-weight: 400;
  }

  .hb-hero-new-right {
    position: relative;
    width: 420px;
    height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .hb-hero-circle-bg {
    position: absolute;
    border: 1px solid rgba(230,179,78,0.06);
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }
  .hb-hero-circle-bg-2 {
    position: absolute;
    border: 1px solid rgba(230,179,78,0.12);
    border-radius: 50%;
    width: 75%;
    height: 75%;
  }

  /* Aro de puntos conectados */
  .hb-hero-dashed-ring {
    position: absolute;
    width: 250px;
    height: 250px;
    border: 2px dashed rgba(230,179,78,0.6);
    border-radius: 50%;
    z-index: 1;
    animation: hb-spin-slow 40s linear infinite;
  }

  @keyframes hb-spin-slow {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .hb-hero-icon-center {
    position: absolute;
    z-index: 2;
    color: #e6b34e;
    font-size: 5rem;
    filter: drop-shadow(0 0 20px rgba(230,179,78,0.3));
    margin-top: -10px; /* Ajuste visual por la cola del icono */
  }

  .hb-hero-icon-node {
    position: absolute;
    z-index: 3;
    width: 76px;
    height: 76px;
    border: 2px solid #e6b34e;
    border-radius: 50%;
    background: #1d0f04; /* Mismo que el fondo para que no sea transparente */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e6b34e;
    font-size: 2.2rem;
    box-shadow: 0 0 20px rgba(230,179,78,0.25);
  }
  
  /* Posicionando en triángulo: Arriba, Abajo-Izquierda, Abajo-Derecha */
  .hb-node-top { top: 45px; left: 50%; transform: translateX(-50%); }
  .hb-node-bl { bottom: 65px; left: 45px; }
  .hb-node-br { bottom: 65px; right: 45px; }

  @media(max-width: 900px) {
    .hb-hero-new {
      padding: 60px 0;
    }
    .hb-hero-new-inner {
      flex-direction: column;
      text-align: center;
    }
    .hb-hero-new-decor {
      justify-content: center;
    }
    .hb-hero-new-right {
      transform: scale(0.85);
      margin-top: 20px;
    }
    .hb-hero-new-desc {
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media(max-width: 500px) {
    .hb-hero-new-right {
      transform: scale(0.65);
      margin-top: 0;
    }
  }

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

/* ═══════════════════════════════
   BASE
   Dark Theme harmonizado
═══════════════════════════════ */
.hb-page{
  font-family: Arial, Calibri,  sans-serif;
  background:#1a0f05;
  color:#f5e8cf;
  overflow-x:hidden;
}

/* ═══════════════════════════════
   HERO
═══════════════════════════════ */
.hb-hero{
  position:relative;
  min-height:80vh;
  display:flex;flex-direction:column;
  overflow:hidden;background:#3d2008;
}
.hb-grain{
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
  pointer-events:none;z-index:1;opacity:.5;
  animation:hb-grain-shift 8s steps(2) infinite;
}
@keyframes hb-grain-shift{
  0%,100%{transform:translate(0,0)} 25%{transform:translate(-2%,-1%)}
  50%{transform:translate(1%,2%)} 75%{transform:translate(-1%,1%)}
}
.hb-bloom{
  position:absolute;width:1100px;height:1100px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,146,42,.22) 0%,transparent 65%);
  top:50%;left:50%;transform:translate(-50%,-60%);
  pointer-events:none;z-index:0;
}
.hb-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;}
.hb-orb-1{top:-80px;left:-80px;width:380px;height:380px;border:50px solid rgba(245,232,207,.04);}
.hb-orb-2{bottom:-100px;right:-100px;width:480px;height:480px;border:60px solid rgba(245,232,207,.03);}
.hb-bg-word{
  position:absolute;bottom:-40px;right:-20px;
  font-family:'Cinzel Decorative',serif;
  font-size:clamp(8rem,18vw,17rem);font-weight:700;color:transparent;
  -webkit-text-stroke:1px rgba(245,232,207,.04);
  line-height:1;user-select:none;pointer-events:none;z-index:1;letter-spacing:-4px;
}
.hb-hero-inner{
  position:relative;z-index:2;flex:1;display:flex;align-items:center;
  max-width:1200px;width:100%;margin:0 auto;padding:80px 64px;
}
.hb-hero-text{max-width:640px;}
.hb-tag{
  font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:6px;text-transform:uppercase;
  color:#e8b84b;margin-bottom:32px;display:flex;align-items:center;gap:16px;
}
.hb-tag::before{content:'';display:block;width:40px;height:1px;background:#e8b84b;}
.hb-hero-h1{
  font-family:'Cinzel Decorative',serif;
  font-size:clamp(3rem,7vw,6rem);font-weight:700;line-height:1.05;
  letter-spacing:1px;margin-bottom:32px;overflow:hidden;
}
.hb-hero-h1 .hb-line{
  display:block;transform:translateY(100%);
  animation:hb-line-up .9s cubic-bezier(.22,.68,0,1.2) forwards;
}
.hb-hero-h1 .hb-line:nth-child(1){animation-delay:.2s;color:#f5e8cf}
.hb-hero-h1 .hb-line:nth-child(2){animation-delay:.4s;color:#e8b84b}
@keyframes hb-line-up{to{transform:translateY(0)}}
.hb-hero-desc{
  font-size:1rem;line-height:2;color:rgba(245,232,207,.65);font-weight:300;
  max-width:480px;animation:hb-fade-up .9s .7s both;
}
@keyframes hb-fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.hb-scroll-cue{
  position:absolute;bottom:40px;right:60px;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  animation:hb-fade-up .8s 1.3s both;
}
.hb-scroll-line{
  width:1px;height:70px;
  background:linear-gradient(to bottom,#e8b84b,transparent);
  animation:hb-scroll-anim 1.8s ease-in-out infinite;
}
@keyframes hb-scroll-anim{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.4}}
.hb-scroll-cue span{
  font-family:'Cinzel',serif;font-size:.52rem;letter-spacing:4px;text-transform:uppercase;
  color:rgba(245,232,207,.4);writing-mode:vertical-rl;
}

/* ═══════════════════════════════
   CONTACT MAIN
═══════════════════════════════ */
.hb-contact-section{background:#1a0f05;position:relative;overflow:hidden;}
.hb-contact-section::before{
  content:'HIMANABI';position:absolute;bottom:-60px;right:-40px;
  font-family:'Cinzel Decorative',serif;font-size:clamp(6rem,14vw,13rem);
  font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(230,179,78,.05);
  line-height:1;user-select:none;pointer-events:none;letter-spacing:-3px;
}
.hb-contact-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:640px;
}

/* Left */
.hb-contact-left{
  padding:80px 64px;border-right:1px solid rgba(230,179,78,.1);
  display:flex;flex-direction:column;justify-content:center;
}
.hb-section-eyebrow{
  font-family: Arial, Calibri,  sans-serif; font-size:.6rem;letter-spacing:6px;text-transform:uppercase;
  color:#e6b34e;display:flex;align-items:center;gap:14px;margin-bottom:20px;
}
.hb-section-eyebrow::after{content:'';flex:1;max-width:60px;height:1px;background:#e6b34e;}
.hb-contact-h2{
  font-family: Arial, Calibri,  sans-serif;
  font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;line-height:1.2;
  color:#ffffff;letter-spacing:1px;margin-bottom:16px;
}
.hb-contact-h2 em{font-style:normal;color:#e6b34e}
.hb-contact-subtitle{
  font-family: Arial, Calibri,  sans-serif;
  font-size:.9rem;line-height:1.9;color:rgba(245,232,207,.7);font-weight:300;
  margin-bottom:52px;max-width:380px;
}
.hb-channels{display:flex;flex-direction:column;gap:16px;}
.hb-channel{
  display:flex;align-items:center;gap:20px;padding:22px 28px;
  background:#251608;border:1px solid rgba(230,179,78,.1);
  text-decoration:none;position:relative;overflow:hidden;
  transition:background .35s,box-shadow .35s,transform .35s;
}
.hb-channel::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:3px;
  background:linear-gradient(to bottom,transparent,var(--ch-color,#e6b34e) 40%,var(--ch-color,#d4a34b) 70%,transparent);
}
.hb-channel::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.05));
  transform:translateX(-100%);transition:transform .5s;
}
.hb-channel:hover{background:#301d0a;box-shadow:0 8px 28px rgba(0,0,0,.2);transform:translateX(6px);}
.hb-channel:hover::after{transform:translateX(100%);}
.hb-ch-icon{
  width:46px;height:46px;min-width:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--ch-bg,rgba(230,179,78,.12));
  border:1px solid var(--ch-border,rgba(230,179,78,.3));
  font-size:1.15rem;color:var(--ch-color,#e6b34e);
  position:relative;z-index:1;transition:transform .3s;
}
.hb-channel:hover .hb-ch-icon{transform:scale(1.1) rotate(-5deg);}
.hb-ch-content{position:relative;z-index:1;flex:1;}
.hb-ch-label{
  font-family: Arial, Calibri,  sans-serif; font-size:.55rem;letter-spacing:4px;text-transform:uppercase;
  color:rgba(245,232,207,.5);margin-bottom:4px;
}
.hb-ch-value{font-family: Arial, Calibri,  sans-serif; font-size:.97rem;font-weight:700;color:#ffffff;letter-spacing:.3px;}
.hb-ch-arrow{
  margin-left:auto;position:relative;z-index:1;
  color:rgba(230,179,78,.4);transition:transform .3s,color .3s;font-size:.85rem;
}
.hb-channel:hover .hb-ch-arrow{transform:translateX(4px);color:#e6b34e;}
.hb-contact-tagline{
  margin-top:44px;padding-top:28px;border-top:1px solid rgba(230,179,78,.1);
  font-family: Arial, Calibri,  sans-serif; font-size:.68rem;letter-spacing:3px;text-transform:uppercase;
  color:rgba(245,232,207,.4);display:flex;align-items:center;gap:12px;
}
.hb-contact-tagline::before{content:'◆';font-size:.5rem;color:#e6b34e;}

/* Right decorative */
.hb-contact-right{
  background:#1d0f04;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:80px 56px;position:relative;overflow:hidden;
}
.hb-contact-right::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 30%,rgba(230,179,78,.08),transparent 65%);
  pointer-events:none;
}
.hb-deco-ring{position:absolute;border-radius:50%;pointer-events:none;}
.hb-deco-ring-1{width:400px;height:400px;border:1px solid rgba(230,179,78,.07);top:50%;left:50%;transform:translate(-50%,-50%);}
.hb-deco-ring-2{width:280px;height:280px;border:1px solid rgba(230,179,78,.1);top:50%;left:50%;transform:translate(-50%,-50%);}
.hb-deco-corner{position:absolute;}
.hb-deco-corner-tl{top:24px;left:24px;width:40px;height:40px;border-top:1px solid rgba(230,179,78,.25);border-left:1px solid rgba(230,179,78,.25);}
.hb-deco-corner-br{bottom:24px;right:24px;width:40px;height:40px;border-bottom:1px solid rgba(230,179,78,.25);border-right:1px solid rgba(230,179,78,.25);}
.hb-deco-stat{position:relative;z-index:1;text-align:center;margin-bottom:40px;}
.hb-deco-stat-num{
  font-family: Arial, Calibri,  sans-serif; font-size:clamp(5rem,10vw,8rem);font-weight:700;
  color:#e6b34e;line-height:1;display:inline-block;letter-spacing:-2px;
}
.hb-deco-stat-pct{
  font-family: Arial, Calibri,  sans-serif; font-size:clamp(2.5rem,5vw,4rem);font-weight:700;
  color:#d4a34b;vertical-align:top;margin-top:.4em;display:inline-block;
}
.hb-deco-stat-label{
  font-family: Arial, Calibri,  sans-serif; font-size:.62rem;letter-spacing:6px;text-transform:uppercase;
  color:rgba(245,232,207,.4);display:block;margin-top:8px;
}
.hb-deco-quote{position:relative;z-index:1;max-width:300px;text-align:center;}
.hb-deco-quote-mark{font-family:'Cinzel Decorative',serif;font-size:4rem;line-height:.6;color:rgba(230,179,78,.25);display:block;margin-bottom:12px;}
.hb-deco-quote-text{font-family: Arial, Calibri,  sans-serif; font-size:.88rem;line-height:1.9;color:rgba(245,232,207,.8);letter-spacing:.3px;font-style:normal;}
.hb-deco-quote-author{margin-top:20px;font-family: Arial, Calibri,  sans-serif; font-size:.58rem;letter-spacing:4px;text-transform:uppercase;color:#e6b34e;opacity:.7;}

/* social pills */
.hb-deco-socials{display:flex;gap:12px;margin-top:36px;position:relative;z-index:1;}
.hb-deco-pill{
  width:44px;height:44px;border-radius:50%;
  background:rgba(245,232,207,.06);border:1px solid rgba(245,232,207,.12);
  display:flex;align-items:center;justify-content:center;
  color:rgba(245,232,207,.5);font-size:.95rem;text-decoration:none;
  transition:background .3s,border-color .3s,color .3s,transform .3s;
}
.hb-deco-pill:hover{background:var(--sp-color);border-color:var(--sp-color);color:#fff;transform:translateY(-3px) scale(1.1);}

/* live indicator */
.hb-deco-live{display:flex;align-items:center;gap:10px;margin-top:20px;position:relative;z-index:1;}
.hb-deco-live-dot{
  width:8px;height:8px;border-radius:50%;background:#4ade80;
  animation:hb-pulse-ring 2s ease-out infinite;
}
@keyframes hb-pulse-ring{
  0%  {box-shadow:0 0 0 0 rgba(74,222,128,.5)}
  70% {box-shadow:0 0 0 8px rgba(74,222,128,0)}
  100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}
}
.hb-deco-live-text{font-family: Arial, Calibri,  sans-serif; font-size:.55rem;letter-spacing:4px;text-transform:uppercase;color:rgba(245,232,207,.4);}

/* ═══════════════════════════════
   INFO STRIP
═══════════════════════════════ */
.hb-strip{background:#1d0f04;padding:48px 64px;overflow:hidden;position:relative; border-top:1px solid rgba(230,179,78,.08);}
.hb-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(230,179,78,.08),transparent 60%);pointer-events:none;}
.hb-strip-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(230,179,78,.15);position:relative;z-index:1;}
.hb-strip-item{background:#1a0f05;padding:36px 40px;display:flex;align-items:flex-start;gap:18px;transition:background .3s;}
.hb-strip-item:hover{background:#251608}
.hb-strip-icon{font-size:1.1rem;color:#e6b34e;margin-top:2px;min-width:20px;}
.hb-strip-title{font-family: Arial, Calibri,  sans-serif; font-size:.62rem;letter-spacing:7px;text-transform:uppercase;color:rgba(245,232,207,.45);margin-bottom:8px;}
.hb-strip-value{font-family: Arial, Calibri,  sans-serif; font-size:.92rem;font-weight:700;color:#ffffff;line-height:1.6;}

/* ═══════════════════════════════
   CTA FINAL — dark
═══════════════════════════════ */
.hb-cta-section{background:#1a0f05;padding:100px 64px;position:relative;overflow:hidden;border-top:1px solid rgba(230,179,78,.08);}
.hb-cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(230,179,78,.05),transparent 60%);pointer-events:none;}
.hb-cta-inner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1;}
.hb-cta-eyebrow{
  font-family: Arial, Calibri,  sans-serif; font-size:.6rem;letter-spacing:7px;text-transform:uppercase;
  color:#e6b34e;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px;
}
.hb-cta-eyebrow::before,.hb-cta-eyebrow::after{content:'';flex:1;max-width:60px;height:1px;background:#e6b34e;}
.hb-cta-h2{font-family: Arial, Calibri,  sans-serif; font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;color:#ffffff;letter-spacing:1px;margin-bottom:20px;line-height:1.2;}
.hb-cta-h2 em{font-style:normal;color:#e6b34e}
.hb-cta-body{font-family: Arial, Calibri,  sans-serif; font-size:.95rem;line-height:2;color:rgba(245,232,207,.7);font-weight:300;margin-bottom:44px;max-width:520px;margin-left:auto;margin-right:auto;}
.hb-cta-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.hb-cta-btn{
  display:inline-flex;align-items:center;gap:12px;
  font-family: Arial, Calibri,  sans-serif; font-size:.68rem;letter-spacing:5px;text-transform:uppercase;
  color:#ffffff;background:linear-gradient(135deg,#e6b34e,#d4a34b);
  padding:16px 36px;text-decoration:none;transition:transform .3s,box-shadow .3s;font-weight:700;border-radius: 4px;
}
.hb-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(230,179,78,.28);}
.hb-cta-btn-outline{
  display:inline-flex;align-items:center;gap:12px;
  font-family: Arial, Calibri,  sans-serif; font-size:.68rem;letter-spacing:5px;text-transform:uppercase;
  color:#e6b34e;background:transparent;border:1px solid rgba(230,179,78,.5);
  padding:16px 36px;text-decoration:none;transition:background .3s,border-color .3s;font-weight:700;border-radius: 4px;
}
.hb-cta-btn-outline:hover{background:rgba(230,179,78,.1);border-color:#e6b34e;color:#ffffff;}

/* ═══════════════════════════════
   REVEAL
═══════════════════════════════ */
.hb-reveal{opacity:0;transform:translateY(36px);transition:opacity .85s ease,transform .85s cubic-bezier(.23,1,.32,1);}
.hb-reveal.hb-in{opacity:1;transform:translateY(0)}
.hb-r1{transition-delay:.08s}.hb-r2{transition-delay:.2s}
.hb-r3{transition-delay:.32s}.hb-r4{transition-delay:.44s}
.hb-r5{transition-delay:.56s}

/* ═══════════════════════════════
   RESPONSIVE
═══════════════════════════════ */
@media(max-width:900px){
  .hb-contact-inner{grid-template-columns:1fr}
  .hb-contact-right{display:none}
  .hb-contact-left{padding:60px 24px}
  .hb-strip-inner{grid-template-columns:1fr}
  .hb-strip{padding:40px 24px}
  .hb-cta-section{padding:72px 24px}
  .hb-hero-inner{padding:72px 24px}
  .hb-scroll-cue{display:none}
}
@media(max-width:500px){
  .hb-hero-h1{font-size:clamp(2.4rem,10vw,3.5rem)}
  .hb-cta-links{flex-direction:column;align-items:center}
}