@charset "UTF-8";

@import url("./hero-skeleton-unified.css?v=20260911-all-tremo-frame-v2");

:root{
  --lever-breakpoint-sp:767px;
  --lever-cta-width:360px;
  --lever-cta-height:58px;
  --lever-cta-width-sp:330px;
  --lever-cta-height-sp:54px;
  --lever-page-side-sp:18px;
}
.lever-sp-break{
  display:none;
}

@media screen and (max-width:767px){
  .lever-pc-break{
    display:none!important;
  }

  .lever-sp-break{
    display:inline!important;
  }

  .lever-sp-nowrap{
    white-space:nowrap!important;
  }

  .lever-sp-wrap{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}
@media screen and (max-width:767px){
  .growth-hero__pc-break,
  .growth-pain-card__pc-break,
  .growth-services-title-break{
    display:none!important;
  }
}
.lever-cta{
  width:min(100%,var(--lever-cta-width));
  min-height:var(--lever-cta-height);
  padding:12px 24px 12px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-radius:999px;
  text-decoration:none;
}

@media screen and (max-width:767px){
  .lever-cta{
    width:min(100%,var(--lever-cta-width-sp));
    min-height:var(--lever-cta-height-sp);
    padding:11px 20px 11px 24px;
  }
}

/* =========================================================
   2026-08-31 | SERVICE DETAIL HERO COMMON RULE
   ========================================================= */
.affiliate-hero h1,
.formx-hero h1,
.dr-growth-page .hero.hero--roadmap .hero__title,
.article-hero h1,
.strategy-hero h1,
.business-ai-hero h1{
  font-size:clamp(30px,5.6vw,40px)!important;
}

@media screen and (max-width:767px){
  .article-hero__content,
  .strategy-hero__content,
  .business-ai-hero__content{
    padding-top:18px!important;
  }
}

/* =========================================================
   2026-09-01 | SERVICE MOBILE TYPOGRAPHY COMMON RULE
   Scope: service lineup + all service detail pages
   - Section title: 24px
   - Content/card heading: 20px
   ========================================================= */
@media screen and (max-width:767px){
  .formx-page .formx-title,
  .affiliate-page .affiliate-section-title,
  .affiliate-page .affiliate-panel-title,
  .article-page .article-section-title,
  .business-ai-page .business-ai-section-heading h2,
  .strategy-page .strategy-section-heading h2,
  .dr-growth-page .growth.growth--problem-outcome .section-title,
  .dr-growth-page .dr-definition__title,
  .dr-growth-page .dr-current-visibility__title,
  .dr-growth-page .dr-score-guide__head .dr-title,
  .dr-growth-page .strategy-shift__section-title,
  .dr-growth-page .dr-site-improvements__title,
  .dr-growth-page .dr-search-coverage__title,
  .dr-growth-page .dr-role__title,
  .dr-growth-page .dr-four-steps__title,
  .dr-growth-page .dr-capabilities__title,
  .dr-growth-page .dr-diagnosis-cta__title,
  .other-page > section:not(.other-hero) h2{
    font-size:24px!important;
    line-height:1.55!important;
  }

  .formx-page section:not(.formx-hero):not(.formx-cta) h3,
  .affiliate-page section:not(.affiliate-hero):not(.affiliate-cta):not(.affiliate-hero-benefits) h3,
  .article-page section:not(.article-hero):not(.article-cta) h3,
  .business-ai-page section:not(.business-ai-hero):not(.business-ai-cta) h3,
  .strategy-page section:not(.strategy-hero):not(.strategy-final-cta) h3,
  .dr-growth-page section:not(.hero):not(.dr-diagnosis-cta) h3,
  .other-page .other-service-card h3{
    font-size:20px!important;
    line-height:1.55!important;
  }
}

/* =========================================================
   2026-09-01 | PAGE HERO / SECTION HEADING SIZE MATCH
   Goal: section-level H2 uses the same font-size as that page's HERO H1.
   Card headings / feature tile headings are intentionally excluded.
   ========================================================= */

/* Service detail pages + service lineup:
   Their HERO title is unified to clamp(30px, 5.6vw, 40px). */
.formx-page .formx-title,
.formx-page .formx-cta h2,
.affiliate-page .affiliate-section-title,
.affiliate-page .affiliate-panel-title,
.affiliate-page .affiliate-cta h2,
.article-page .article-section-title,
.article-page .article-cta h2,
.business-ai-page .business-ai-section-heading h2,
.business-ai-page .business-ai-cta h2,
.strategy-page .strategy-section-heading h2,
.strategy-page .strategy-final-cta h2,
.dr-growth-page .growth.growth--problem-outcome .section-title,
.dr-growth-page .dr-definition__title,
.dr-growth-page .dr-current-visibility__title,
.dr-growth-page .dr-score-guide__head .dr-title,
.dr-growth-page .strategy-shift__section-title,
.dr-growth-page .dr-site-improvements__title,
.dr-growth-page .dr-search-coverage__title,
.dr-growth-page .dr-role__title,
.dr-growth-page .dr-four-steps__title,
.dr-growth-page .dr-capabilities__title,
.dr-growth-page .dr-diagnosis-cta__title,
.other-page .other-services-heading h2,
.other-page .other-consult h2{
  font-size:clamp(30px,5.6vw,40px)!important;
}

/* TOP: section-level headings match the FINAL computed TOP HERO H1 size. */
.growth-page .growth-section-heading h2,
.growth-page .growth-philosophy__intro h2,
.growth-page .growth-company__intro > h2,
.growth-page .growth-final-cta h2{
  font-size:clamp(38px,3.1vw,66px)!important;
}

@media screen and (min-width:901px) and (max-width:1180px){
  .growth-page .growth-section-heading h2,
  .growth-page .growth-philosophy__intro h2,
  .growth-page .growth-company__intro > h2,
  .growth-page .growth-final-cta h2{
    font-size:clamp(38px,3.8vw,48px)!important;
  }
}

@media screen and (min-width:768px) and (max-width:900px){
  .growth-page .growth-section-heading h2,
  .growth-page .growth-philosophy__intro h2,
  .growth-page .growth-company__intro > h2,
  .growth-page .growth-final-cta h2{
    font-size:clamp(44px,5vw,66px)!important;
  }
}

@media screen and (max-width:767px){
  .growth-page .growth-section-heading h2,
  .growth-page .growth-philosophy__intro h2,
  .growth-page .growth-company__intro > h2,
  .growth-page .growth-final-cta h2{
    font-size:clamp(34px,10vw,48px)!important;
  }
}


/* 2026-09-01 exact heading unification */
.growth-page .growth-hero h1,
.growth-page .growth-section-heading h2,
.growth-page .growth-philosophy__intro h2,
.growth-page .growth-company__intro > h2,
.growth-page .growth-final-cta h2,
.other-page .other-hero h1,
.other-page .other-services-heading h2,
.other-page .other-consult h2,
.formx-page .formx-hero h1,
.formx-page .formx-title,
.formx-page .formx-cta__message h2,
.dr-growth-page .hero__title,
.dr-growth-page .growth__inner > .section-title,
.dr-growth-page .dr-definition__title,
.dr-growth-page .dr-current-visibility__title,
.dr-growth-page .dr-score-guide__head .dr-title,
.dr-growth-page .strategy-shift__section-title,
.dr-growth-page .dr-site-improvements__title,
.dr-growth-page .dr-search-coverage__title,
.dr-growth-page .dr-role__title,
.dr-growth-page .dr-four-steps__title,
.dr-growth-page .dr-capabilities__title,
.dr-growth-page .dr-diagnosis-cta__title,
.affiliate-page .affiliate-hero h1,
.affiliate-page .affiliate-section-title,
.affiliate-page .affiliate-panel-title,
.affiliate-page .affiliate-cta__box > h2,
.article-page .article-hero h1,
.article-page .article-section-title,
.article-page .article-cta h2,
.business-ai-page .business-ai-hero h1,
.business-ai-page .business-ai-section-heading > h2,
.business-ai-page .business-ai-cta h2,
.strategy-page .strategy-hero h1,
.strategy-page .strategy-section-heading > h2,
.strategy-page .strategy-final-cta h2 {
  font-size: clamp(30px, 5.6vw, 40px) !important;
}