/* ============================================================
   CANHEAL V10 · REAL LOGO + ORIGINAL HERO MESSAGE
   Adds original logo integration and a stronger opening message.
   ============================================================ */

:root{--canheal-teal:#2a9f92;--canheal-teal-deep:#1e8e83;--canheal-gold:#d7ab57;--canheal-gold-soft:#e6c680;}

.brand.brand-logo{
  gap:14px;
  align-items:center;
}
.brand-logo-img{
  display:block;
  width:168px;
  height:auto;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.035));
}
.brand-copy-extended{
  display:none;
}
.footer-brand-logo{
  align-items:center;
  gap:16px;
}
.footer-logo-img{
  width:144px;
  height:auto;
  display:block;
  filter:brightness(1.03) saturate(1.02);
}

.hero-message-strip{
  max-width:780px;
  margin:0 0 18px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:14px 16px;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(42,159,146,.11), rgba(42,159,146,.06));
  border:1px solid rgba(42,159,146,.16);
  box-shadow:0 18px 38px rgba(24,67,61,.06);
}
.hero-message-badge{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--canheal-teal), var(--canheal-teal-deep));
  color:#fff;
  font-weight:800;
  font-size:.92rem;
  box-shadow:0 10px 24px rgba(42,159,146,.18);
}
.hero-message-strip p{
  margin:0;
  font-size:1.03rem;
  line-height:1.82;
  color:#2e524b;
  font-weight:500;
}
.hero-support-quote{
  max-width:700px;
  margin:-10px 0 28px;
  color:#6a716c;
  font-size:.96rem;
  line-height:1.75;
  padding-right:16px;
  border-right:2px solid rgba(215,171,87,.55);
}
.hero-copy .kicker{
  margin-top:2px;
}
.hero-copy .kicker span{
  background:linear-gradient(90deg,var(--canheal-gold),rgba(215,171,87,.15));
}
.header-cta{
  border-color:rgba(215,171,87,.48);
}
.header-cta:hover{
  background:#17382f;
  border-color:#17382f;
}

@media (min-width: 921px){
  .site-header.scrolled .brand-logo-img{ width:152px; }
  .hero-copy{ padding-top:8px; }
  .hero-message-strip{ margin-bottom:22px; }
}

@media (max-width: 1180px){
  .brand-logo-img{ width:148px; }
  .footer-logo-img{ width:130px; }
}

@media (max-width: 920px){
  .brand-logo-img{ width:132px; }
  .hero-message-strip{
    flex-direction:column;
    gap:10px;
    padding:14px 14px;
    margin-bottom:16px;
  }
  .hero-message-badge{
    min-height:34px;
    padding-inline:14px;
    font-size:.86rem;
  }
  .hero-message-strip p{
    font-size:.96rem;
    line-height:1.75;
  }
  .hero-support-quote{
    margin:-4px 0 22px;
    font-size:.92rem;
  }
}

@media (max-width: 620px){
  .brand-logo-img{ width:118px; }
  .hero-message-strip{
    border-radius:18px;
    padding:13px 13px;
  }
  .hero-message-strip p{
    font-size:.92rem;
  }
  .hero-support-quote{
    font-size:.9rem;
    padding-right:12px;
  }
  .footer-logo-img{ width:118px; }
}


/* V10.1 white-background logo presentation */
.brand-logo-img{width:178px;border-radius:14px;box-shadow:0 10px 26px rgba(16,42,36,.08);}
.footer-logo-img{width:154px;border-radius:14px;box-shadow:0 10px 24px rgba(16,42,36,.08);}
@media (max-width:920px){.brand-logo-img{width:138px}.footer-logo-img{width:130px}}


/* V10.2 — make the method visual explicitly CanHeal-branded */
.v9-premium .core-center span{
  font-size:.49rem;
  letter-spacing:.16em;
  color:#8fb0a0;
}
.v9-premium .core-center b{
  font-size:1.3rem;
  letter-spacing:.11em;
  font-weight:600;
  color:#eef5f1;
  margin:6px 0 5px;
}
.v9-premium .core-center small{
  font-size:.47rem;
  letter-spacing:.15em;
  color:#789688;
}
@media (min-width:921px){
  .v9-premium .r1{width:126px;height:126px}
  .v9-premium .r2{width:184px;height:184px}
  .v9-premium .r3{width:238px;height:238px}
}
@media (max-width:620px){
  .v9-premium .core-center b{font-size:1.16rem}
  .v9-premium .core-center span{font-size:.44rem}
  .v9-premium .core-center small{font-size:.42rem}
  .v9-premium .r1{width:118px;height:118px}
}


/* V10.3 · KANEHIL PRESENTS BADGE POLISH */
.hero-message-badge{
  min-height:42px;
  padding:0 19px;
  font-size:1.02rem;
  font-weight:800;
  background:linear-gradient(180deg,#229689 0%,#167f75 100%);
  box-shadow:0 10px 24px rgba(22,127,117,.22),0 2px 0 rgba(255,255,255,.18) inset;
  letter-spacing:-.01em;
}
@media (max-width:920px){
  .hero-message-badge{min-height:38px;padding-inline:16px;font-size:.94rem;}
}
@media (max-width:620px){
  .hero-message-badge{min-height:36px;padding-inline:15px;font-size:.9rem;}
}