:root{
      --hd-gold:#C9A15D;
      --hd-gold2:#E4C785;
      --hd-charcoal:#1C1C1C;
      --hd-soft:#faf8f3;
      --hd-line:#e9e6df;
      --hd-ring:rgba(201,161,93,.35);
      --hd-scratch:#fef3d7;
    }

    .hd-page *{box-sizing:border-box;}
    .hd-page html,
    .hd-page body{margin:0;padding:0;}
    body.hd-page{
      margin:0;
      padding:0;
      background:#fff;
      color:var(--hd-charcoal);
      font-family:Poppins,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    }
    .hd-wrap{max-width:1200px;margin:0 auto;padding:0 20px;}

    .hd-nav{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:10px 0;
      gap:16px;
      flex-wrap:wrap;
    }
    .hd-brand-block{
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    .hd-brand-name{
      font-size:22px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:0.14em;
    }

    .hd-subbrand{
      font-size:11px;
      letter-spacing:0.20em;
      text-transform:uppercase;
      color:#777;
    }

    .hd-nav-links{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
    }
    .hd-nav-link{
      padding:8px 14px;
      border-radius:999px;
      border:1px solid #ddd;
      font-size:12px;
      background:#fff;
      text-decoration:none;
      color:#333;
    }
    .hd-nav-link--main{
      border-color:var(--hd-gold);
      background:#fffaf0;
      font-weight:600;
    }

    /* ===== HERO ===== */
    .hd-hero{
      background:linear-gradient(180deg,#ffffff 0%,var(--hd-soft) 85%);
      border-bottom:1px solid var(--hd-line);
    }
    .hd-hero-inner{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:24px;
      align-items:center;
      padding:26px 0 24px;
    }
    .hd-tagline{
      font-size:12px;
      color:#6f6f6f;
      border:1px solid var(--hd-line);
      padding:6px 10px;
      border-radius:999px;
      background:#fff;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .hd-tagline strong{color:#444;}
    .hd-eyebrow-pill{
      background:#fffaf0;
      border-radius:999px;
      padding:4px 10px;
      border:1px dashed var(--hd-gold);
      font-size:11px;
      display:inline-flex;
      align-items:center;
      gap:6px;
      margin-left:8px;
    }

    .hd-hero h1{
      font-size:30px;
      line-height:1.22;
      margin:12px 0 6px;
    }
    .hd-hero h1 span{
      background:linear-gradient(90deg,#d3b578,#f1ddaa);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .hd-hero-sub{
      color:#555;
      margin:6px 0 14px;
      max-width:520px;
      font-size:14px;
    }
    .hd-hero-note{
      font-size:12px;
      color:#777;
      margin-bottom:12px;
    }
    .hd-hero-cta-row{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:4px;
    }

    .hd-btn{
      appearance:none;
      border:1px solid var(--hd-gold);
      background:var(--hd-gold);
      color:#111;
      padding:11px 16px;
      border-radius:12px;
      font-weight:600;
      cursor:pointer;
      transition:.25s;
      display:inline-flex;
      align-items:center;
      gap:8px;
      box-shadow:0 6px 18px rgba(201,161,93,.18);
      font-size:14px;
      text-decoration:none;
    }
    .hd-btn:hover{
      transform:translateY(-1px);
      background:var(--hd-gold2);
    }
    .hd-btn--ghost{
      background:#fff;
      color:#111;
      border:1.5px solid var(--hd-gold);
      box-shadow:none;
    }

    /* Hero slideshow box */
    .hd-hero-box{
      width:100%;
      max-width:520px;
      height:260px;
      border-radius:16px;
      overflow:hidden;
      position:relative;
      border:1px solid #e4e0d7;
      box-shadow:0 12px 26px rgba(0,0,0,.08);
    }
    .hd-hero-box img{
      width:100%;
      height:100%;
      object-fit:cover;
      position:absolute;
      opacity:0;
      animation:hdFadeSlide 25s infinite;
    }
    .hd-hero-box img:nth-child(1){animation-delay:0s;}
    .hd-hero-box img:nth-child(2){animation-delay:5s;}
    .hd-hero-box img:nth-child(3){animation-delay:10s;}
    .hd-hero-box img:nth-child(4){animation-delay:15s;}
    .hd-hero-box img:nth-child(5){animation-delay:20s;}
    @keyframes hdFadeSlide{
      0%,20%{opacity:1;}
      25%,100%{opacity:0;}
    }

    /* ===== SECTION / CARD / GRID ===== */
    .hd-section{padding:26px 0;}
    .hd-section-title{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:14px;
      flex-wrap:wrap;
    }
    .hd-section-title h2{
      font-size:22px;
      margin:0;
    }
    .hd-hint{
      color:#777;
      font-size:13px;
    }
    .hd-card{
      background:#fff;
      border:1px solid var(--hd-line);
      border-radius:16px;
      padding:18px;
      box-shadow:0 10px 24px rgba(0,0,0,.04);
    }

    .hd-grid{
      display:grid;
      grid-template-columns:repeat(12,1fr);
      gap:14px;
    }
    .hd-col-4{grid-column:span 4;}
    .hd-col-6{grid-column:span 6;}
    .hd-col-12{grid-column:span 12;}

    /* ===== HAPPY DEAL CARDS ===== */
    .hd-deals-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:16px;
    }
    .hd-deal-card{
      border-radius:18px;
      border:1px solid var(--hd-line);
      background:#fff;
      padding:16px 15px 14px;
      box-shadow:0 12px 24px rgba(0,0,0,.05);
      position:relative;
      overflow:hidden;
    }
    .hd-deal-tag{
      position:absolute;
      top:10px;
      left:-4px;
      background:#111;
      color:#fff;
      font-size:11px;
      padding:4px 12px;
      border-radius:0 999px 999px 0;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .hd-deal-tag--popular{background:#b78632;}
    .hd-deal-tag--new{background:#0c7d3b;}
    .hd-deal-tag--combo{background:#18407c;}

    .hd-deal-title{
      font-size:16px;
      font-weight:600;
      margin:18px 0 4px;
    }
    .hd-deal-sub{
      font-size:12px;
      color:#777;
      margin-bottom:8px;
    }
    .hd-deal-meta{
      font-size:12px;
      color:#666;
      margin-bottom:8px;
    }
    .hd-deal-meta span{
      display:inline-block;
      margin-right:8px;
    }

    .hd-deal-list{
      list-style:none;
      padding:0;
      margin:0 0 10px;
      font-size:12px;
      color:#555;
    }
    .hd-deal-list li{
      margin-bottom:4px;
      display:flex;
      gap:6px;
    }
    .hd-deal-list li::before{
      content:"•";
      color:var(--hd-gold);
      margin-top:1px;
    }

    /* Scratch-style price reveal */
    .hd-scratch{
      margin-top:6px;
      border-radius:14px;
      border:1px dashed #f0bc54;
      background:var(--hd-scratch);
      padding:8px 10px;
      font-size:12px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .hd-scratch-label{
      text-transform:uppercase;
      letter-spacing:.12em;
      font-size:10px;
      color:#805c1a;
    }
    .hd-scratch-price{
      font-size:15px;
      font-weight:700;
      color:#3b2a10;
    }
    .hd-scratch-note{
      font-size:11px;
      color:#7a6b4a;
    }
    .hd-scratch-btn{
      margin-top:4px;
      align-self:flex-start;
      padding:4px 10px;
      border-radius:999px;
      border:1px solid rgba(0,0,0,.06);
      background:#fff;
      font-size:11px;
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:4px;
    }

    .hd-deal-footer{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-top:10px;
      gap:8px;
      flex-wrap:wrap;
    }
    .hd-deal-city{
      font-size:11px;
      color:#777;
    }

    /* ===== HOW IT WORKS ===== */
    .hd-steps{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:14px;
    }
    .hd-step{
      border-radius:16px;
      border:1px solid var(--hd-line);
      background:#fff;
      padding:14px 14px 12px;
    }
    .hd-step-num{
      width:26px;
      height:26px;
      border-radius:999px;
      background:#fffaf0;
      border:1px solid var(--hd-gold);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:12px;
      font-weight:600;
      margin-bottom:6px;
    }
    .hd-step-title{
      font-size:14px;
      font-weight:600;
      margin-bottom:4px;
    }
    .hd-step-text{
      font-size:12px;
      color:#555;
    }

    /* ===== TOOLS SECTION (link to calculators) ===== */
    .hd-tools-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
      gap:14px;
    }
    .hd-tool-card{
      border-radius:16px;
      border:1px solid var(--hd-line);
      padding:12px 14px;
      background:#fff;
      display:flex;
      flex-direction:column;
      gap:4px;
      text-decoration:none;
      color:#333;
    }
    .hd-tool-pill{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.16em;
      color:#777;
    }
    .hd-tool-title{
      font-size:15px;
      font-weight:600;
    }
    .hd-tool-note{
      font-size:12px;
      color:#666;
    }

    /* ===== FAQ ===== */
    .hd-faq-item{
      border-bottom:1px solid var(--hd-line);
    }
    .hd-faq-q{
      display:flex;
      justify-content:space-between;
      gap:10px;
      padding:12px 0;
      cursor:pointer;
      font-weight:600;
      font-size:14px;
    }
    .hd-faq-q span{
      font-weight:700;
      font-size:16px;
    }
    .hd-faq-a{
      display:none;
      color:#555;
      padding:0 0 12px;
      font-size:13px;
    }
    .hd-faq-item.hd-open .hd-faq-a{display:block;}
    .hd-faq-item.hd-open .hd-faq-q span{transform:rotate(45deg);}

    /* ===== CTA CONTACT ===== */
    .hd-contact-card{
      display:grid;
      grid-template-columns:1.6fr .4fr;
      gap:16px;
      align-items:center;
    }
    .hd-contact-note{
      font-size:13px;
      color:#555;
      margin-top:6px;
    }

    /* ===== FOOTER ===== */
    .hd-foot{
      padding:22px 20px 26px;
      background:var(--hd-soft);
      color:#5c5c5c;
      border-top:1px solid var(--hd-line);
      margin-top:20px;
      font-size:13px;
    }
    .hd-foot-inner{
      max-width:1200px;
      margin:0 auto;
    }
    .hd-foot-top{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:center;
      flex-wrap:wrap;
      margin-bottom:8px;
    }
    .hd-foot-links{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .hd-foot-links a{
      text-decoration:none;
      color:#555;
    }
    .hd-foot-links a:hover{text-decoration:underline;}

    /* Floating actions */
    .hd-floating{
      position:fixed;
      right:16px;
      bottom:18px;
      z-index:60;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .hd-fab{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 13px;
      border-radius:999px;
      background:#25D366;
      color:#fff;
      font-weight:600;
      border:none;
      cursor:pointer;
      box-shadow:0 10px 24px rgba(0,0,0,.18);
      font-size:13px;
      text-decoration:none;
    }
    .hd-fab.hd-call{
      background:var(--hd-gold);
      color:#111;
    }
    .hd-mini{
      font-weight:500;
      font-size:12px;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width:960px){
      .hd-hero-inner{
        grid-template-columns:1fr;
        gap:18px;
      }
      .hd-hero h1{
        font-size:26px;
      }
      .hd-hero-box{
        height:220px;
        max-width:100%;
        margin:0 auto;
      }
      .hd-contact-card{
        grid-template-columns:1fr;
      }
      .hd-nav-links{
        display:none; /* clean header on mobile */
      }
      .hd-brand-name{
        font-size:18px;
      }
      .hd-subbrand{
        font-size:10px;
      }
      .hd-col-4,
      .hd-col-6,
      .hd-col-12{
        grid-column:span 12;
      }
    }

    @media (max-width:640px){
      .hd-wrap{padding:0 16px;}
      .hd-floating{
        right:10px;
        bottom:10px;
      }
      .hd-fab{
        padding:9px 11px;
      }
    }
    /* =========================================================
   DELECON — UNIVERSAL GOLDEN EXTENSIONS (MINIMAL & SAFE)
   ========================================================= */

/* ===== UNIVERSAL RED YOUTUBE BUTTON ===== */
.hd-yt-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 16px;
  background:#ff0000;
  color:#fff;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  font-size:14px;
  box-shadow:0 6px 20px rgba(255,0,0,.25);
  transition:.25s;
}
.hd-yt-btn:hover{
  transform:translateY(-2px);
  background:#e00000;
}

/* ===== UNIVERSAL LIVE PODCAST BUTTON ===== */
.hd-live-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 16px;
  background:#111;
  color:#fff;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
  font-size:14px;
}
.hd-live-btn::before{
  content:"●";
  color:#ff3b30;
  font-size:14px;
}

/* ===== UNIVERSAL Q&A BUTTON ===== */
.hd-qa-btn{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  background:#fffaf0;
  border:1.5px solid var(--hd-gold);
  color:#111;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  font-size:14px;
}

/* ===== UNIVERSAL WORKSHOP BUTTON ===== */
.hd-workshop-btn{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  background:var(--hd-gold);
  color:#111;
  font-weight:600;
  border-radius:12px;
  text-decoration:none;
  font-size:14px;
}

/* ===== GOLDEN BADGE ===== */
.hd-badge{
  background:var(--hd-gold);
  color:#111;
  padding:4px 10px;
  border-radius:6px;
  font-size:11px;
  font-weight:600;
  display:inline-block;
}

/* ===== SOFT INFO BANNER ===== */
.hd-info{
  background:#fffaf0;
  border-left:4px solid var(--hd-gold);
  padding:12px 14px;
  border-radius:10px;
  font-size:13px;
  color:#555;
  margin:16px 0;
}

/* ===== HIDDEN SEO TEXT BLOCK (GOOGLE-FRIENDLY) ===== */
.hd-seo{
  font-size:12px;
  color:#777;
  line-height:1.55;
  max-height:1px;
  overflow:hidden;
  opacity:.001;
  pointer-events:none;
}

/* ===== UNIVERSAL SPACING ===== */
.hd-space-s{margin-top:12px;}
.hd-space-m{margin-top:22px;}
.hd-space-l{margin-top:34px;}

/* ===== UNIVERSAL GRID HELPER ===== */
.hd-2col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
@media(max-width:760px){ .hd-2col{grid-template-columns:1fr;} }
/* === DELECON — YOUTUBE BUTTON (WHITE + GOLD) === */
.hd-btn--yt {
  background:#ffffff;
  border:1.5px solid var(--hd-gold);
  color:#111;
  border-radius:12px;
  padding:10px 16px;
  font-weight:600;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}

.hd-btn--yt i {
  font-size:16px;
  color:#111; /* black icon */
}

.hd-btn--yt:hover {
  background:#fffaf0;
  transform:translateY(-2px);
}/* DELECON — Fix spacing for contact button rows */
.hd-contact-flex {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}@media(max-width:760px){
  .hd-nav-links{
    display:flex;
    overflow-x:auto;
    white-space:nowrap;
    gap:10px;
    padding:6px 0;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .hd-nav-links::-webkit-scrollbar{
    display:none;
  }
}

.closure-social a i,
.hd-footer-icons a i{
  font-size:26px;
  color:#000;
  margin:0 8px;
  display:inline-block;
}

@media(max-width:760px){
  .closure-social,
  .hd-footer-icons{
    text-align:center;
    margin-top:10px;
  }
}
.reg-symbol{
  font-size: 0.7em;
  margin-left: 2px;
  vertical-align: baseline;
}