/* demo-home: mobile — mobile simplification and final polish */

@media(max-width:767.98px){
  .section{padding:64px 0}
  .hero-section{padding:120px 0 60px}
  .hero-section h1{font-size:clamp(30px,8vw,46px);letter-spacing:-1px}
  .package-section__inner{padding:54px 26px}
}

/* ===================== MOBILE LAYOUT (below md) ===================== */
@media(max-width:767.98px){
  .trust-section {margin-top: 100px;}
  .section{padding:54px 0}
  /* header */
  .site-header{padding:14px 0}
  .site-header.scrolled{padding:9px 0}
  /* hero */
  .hero-section{padding:104px 0 40px;text-align:center}
  .hero-section__grid{--bs-gutter-y:30px}
  .rating-row{justify-content:center;gap:18px;row-gap:14px}
  .hero-section h1{font-size:clamp(32px,9vw,42px);line-height:1.06}
  .hero-section .cta-row{justify-content:center}
  .hero-section .cta-row .btn{width:100%}
  /* hero CTA full width + centered micro */
  .hero-section__grid .hero-section__cta{width:100%}
  /* hero channel cards — clean stacked rows */
  .channel-list{text-align:left;gap:12px}
  .channel-card{padding:16px;gap:14px;border-radius:16px}
  .channel-card::before{top:12px;bottom:12px}
  .channel-card__icon{width:46px;height:46px;border-radius:12px}
  .channel-card__viz{display:none}
  .channel-card__main{gap:4px}
  .channel-card__title{font-size:18px}
  .channel-card__desc{font-size:13px;line-height:1.45}
  /* let full-width CTAs wrap instead of forcing grid blowout */
  .lead-block__form .btn,.cta-block .btn,.cta-block__card .btn,.mobile-menu__foot .btn,.package-widget__leadgate .btn,.gap-section .btn{white-space:normal;line-height:1.25}
  .gap-section .btn--cta{width:100%;max-width:420px}
  /* section heads */
  .section-head h2,.gap-section__inner h2,.package-section h2,.cta-block h2,.lead-block h2{font-size:clamp(26px,7vw,34px)}
  .section-head p,.gap-section__copy{font-size:15.5px}
  /* video */
  .video-block{min-height:230px;border-radius:20px}
  .video-block__play{width:74px;height:74px}
  .video-block__play .video-block__play-icon{border-left:22px solid var(--blue);border-top:14px solid transparent;border-bottom:14px solid transparent}
  .video-block .video-block__label{left:16px;top:14px;font-size:11px}
  .video-block .video-block__duration{right:16px;bottom:14px}
  /* proof */
  .slider-nav__btn{width:44px;height:44px}
  /* tapper */
  .package-section__inner{padding:40px 20px}
  .package-widget{display:flex;flex-direction:column;gap:22px}
  /* flatten the bars+leadgate wrapper so we can reorder on mobile */
  .package-widget > div:not(.package-widget__stage){display:contents}
  .package-widget__stage{order:0}
  .package-widget__leadgate{order:1;margin-top:0}
  .package-widget__bars{order:2}
  .package-widget__tap-btn{width:170px;height:170px}
  .metric-bar{grid-template-columns:104px 1fr 40px;gap:10px}
  .metric-bar .metric-bar__name{font-size:13px}
  .package-widget__leadgate .leadgate-form{flex-direction:column}
  .package-widget__leadgate .leadgate-form .btn{width:100%}
  /* gap roads — labels mapped under their own road */
  .gap-section__stage{margin:18px auto 22px;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:14px;max-width:420px}
  .gap-section__roads{max-width:100%;grid-column:1/-1;grid-row:1}
  .gap-section__label{position:static;margin:0;max-width:none}
  .gap-section__label.gap-section__label--old{grid-column:1;grid-row:2;border-top:3px solid #c2c8d6;border-radius:4px 4px 16px 16px}
  .gap-section__label.gap-section__label--modern{grid-column:2;grid-row:2;border-top:3px solid #3f6bf6;border-radius:4px 4px 16px 16px;grid-template-columns:1fr;gap:10px}
  .gap-section__growth{width:82px;height:56px}
  .gap-section__label .t{font-size:14px}
  .gap-section__label p{font-size:12px}
  /* founder */
  .founder-block__photo{width:100%;max-width:360px;margin:0 auto}
  .founder-block__stats{right:10px;bottom:10px;padding:10px 12px;min-width:0}
  .founder-block__stats .stat-row__value{font-size:16px;min-width:48px}
  .founder-block__stats .stat-row__label{font-size:11px}
  .founder-block__name{margin-top:18px}
  /* lead */
  .lead-block{padding:28px 22px;gap:24px;border-radius:24px}
  .lead-block__features{gap:12px}
  /* process */
  .section--tinted{border-radius:0}
  .process-steps{--bs-gutter-y:14px;text-align:left}
  .process-step{display:grid;grid-template-columns:56px 1fr;column-gap:16px;row-gap:4px;align-items:start;text-align:left}
  .process-step .process-step__num{grid-row:1/3;grid-column:1}
  .process-step h4{grid-column:2;align-self:center}
  .process-step p{grid-column:2}
  .process-step__num{width:52px;height:52px;border-radius:var(--r-md);font-size:20px;margin:0}
  /* white-label */
  .cta-block{padding:30px 22px;border-radius:24px;gap:26px}
  .cta-block__features{gap:12px}
  .cta-block__card{padding:24px 20px}
  /* footer */
  .site-footer{padding:48px 0 26px;
    margin-top: 60px;}
  .site-footer .site-footer__top{flex-direction:column;gap:26px}
  .site-footer__cols{min-width:0;--bs-gutter-x:16px;--bs-gutter-y:20px}
  .site-footer__mid{flex-direction:column;align-items:flex-start;gap:16px}
  .site-footer__bar{flex-direction:column;align-items:flex-start;gap:12px}
  .site-footer__bar .site-footer__links{gap:16px}
}
@media(max-width:575.98px){
  .rating-row{gap:14px}
  .rating-badge .rating-badge__stars{width:66px}
  .package-widget__leadgate {margin: 0 12px;}
}

/* ============ mobile: simple text version, no animations ============ */
@media(max-width:767.98px){
  /* content always visible - reveal handled by JS guard too, this is the CSS safety net */
  .reveal{opacity:1;transform:none;transition:none}
  /* no hover-lift transitions */
  .btn{transition:none}
  .btn:hover,.btn:active{transform:none}
  /* sliders: native swipe only */
  .slider-nav{display:none}
  /* typewriter caret: hide blinking */
  .typ-caret{display:none}
  /* smooth-scroll off for anchor jumps */
  html{scroll-behavior:auto}
}