.topbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}

.site-menu{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.site-menu .nav-link:last-child{
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:var(--muted) !important;
}

.site-menu .nav-link:last-child:hover{
  color:var(--text) !important;
}

.nav-link.is-active{
  color:var(--text) !important;
}

.nav-link.is-active::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}

.distance-nav{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border-radius:999px;
  background:rgba(255,255,255,.36);
  border:1px solid var(--line);
  box-shadow:0 8px 18px rgba(90,110,92,.05), inset 0 1px 0 rgba(255,255,255,.38);
  backdrop-filter:blur(10px) saturate(120%);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
}

.distance-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--muted);
  border:1px solid transparent;
  transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);
}

.distance-link:hover{
  color:var(--text);
  transform:translateY(-1px);
}

.distance-link.is-current{
  background:var(--accent-soft);
  color:var(--text);
  border-color:var(--line-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}

.topbar-cta{
  min-height:42px;
  padding:0 18px;
  white-space:nowrap;
  flex-shrink:0;
}

@media (max-width:900px){
  .topbar-actions{
    width:100%;
    justify-content:space-between;
    gap:10px;
  }

  .site-menu{
    gap:14px;
  }

  .topbar-cta{
    min-height:40px;
    padding:0 16px;
  }
}

@media (max-width:760px){
  .topbar-actions{
    align-items:flex-start;
  }

  .distance-nav{
    width:100%;
    justify-content:flex-start;
  }

  .topbar-cta{
    align-self:flex-start;
  }
}

@media (max-width:768px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }

  *,
  *::before,
  *::after{
    box-sizing:border-box;
  }

  .topbar{
    top:8px !important;
    padding-top:10px !important;
  }

  .topbar-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
    padding:18px !important;
    border-radius:26px !important;
    width:100% !important;
  }

  .brand{
    gap:12px !important;
  }

  .brand-mark{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }

  .topbar-actions{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:14px !important;
  }

  .site-menu{
    width:100% !important;
    gap:12px 14px !important;
    justify-content:flex-start !important;
  }

  .site-menu .nav-link{
    font-size:.86rem !important;
  }

  .distance-nav{
    width:auto !important;
    max-width:100% !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    padding:4px !important;
  }

  .distance-link{
    min-height:32px !important;
    padding:0 11px !important;
    font-size:.74rem !important;
  }

  .topbar-cta{
    min-height:40px !important;
    padding:0 16px !important;
    align-self:flex-start !important;
  }

  main,
  .hero,
  .section{
    position:relative;
    z-index:0;
  }

  .hero{
    min-height:auto !important;
    padding:0 0 24px !important;
    overflow:visible !important;
  }

  .hero::before{
    opacity:.56 !important;
    filter:blur(44px) !important;
  }

  .container{
    width:min(100%, calc(100% - 40px)) !important;
  }

  #top .hero-grid,
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
    padding-top:40px !important;
    padding-bottom:12px !important;
  }

  #top .hero-copy,
  .hero-copy{
    order:1 !important;
    padding-left:0 !important;
    max-width:none !important;
  }

  #top .hero-visual,
  .hero-visual{
    order:2 !important;
    min-height:auto !important;
  }

  #top .hero-copy .pill,
  .hero-copy .pill{
    max-width:100% !important;
    align-self:flex-start !important;
  }

  #top .hero-copy h1,
  .hero-copy h1{
    max-width:100% !important;
    font-size:clamp(3rem, 14vw, 4rem) !important;
    line-height:.98 !important;
    margin:16px 0 14px !important;
  }

  #top .hero-copy p,
  .hero-copy p{
    max-width:none !important;
    font-size:1rem !important;
    line-height:1.72 !important;
  }

  .cta-row,
  .hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
    margin-top:24px !important;
  }

  .cta-row .btn,
  .cta-row .btn-ghost,
  .hero-actions .btn,
  .hero-actions .btn-ghost{
    width:100% !important;
    justify-content:center !important;
    min-height:50px !important;
    padding-inline:18px !important;
  }

  #top .hero-card,
  .hero-card{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:12px !important;
    border-radius:24px !important;
    overflow:visible !important;
  }

  .hero-card::after{
    inset:auto 10% -10% 10% !important;
  }

  .runner-frame{
    height:clamp(360px, 90vw, 470px) !important;
    border-radius:20px !important;
  }

  .hero-badges{
    display:grid !important;
    gap:10px !important;
  }

  #top .hero-stat,
  #top .hero-chip,
  .hero-stat,
  .hero-chip{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    transform:none !important;
    animation:none !important;
    padding:12px 13px !important;
    border-radius:18px !important;
  }

  .hero-chip{
    box-shadow:0 10px 20px rgba(90,110,92,.06) !important;
  }

  .hero-chip .dot{
    width:9px !important;
    height:9px !important;
  }

  .section{
    padding:64px 0 !important;
  }

  #prova,
  #pertencimento,
  #performance-validacao,
  #app,
  #relogio,
  #como-funciona,
  #planos,
  #treinador{
    scroll-margin-top:138px;
  }

  #prova .section-head,
  #performance-validacao .performance-copy,
  #como-funciona .section-head,
  #planos .section-head{
    margin-bottom:24px !important;
  }

  #prova .video-grid{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    gap:16px !important;
    padding:0 0 8px !important;
    margin-top:24px !important;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }

  #prova .video-grid::-webkit-scrollbar{
    display:none;
  }

  #prova .video-grid .video-card{
    flex:0 0 auto !important;
    width:min(100%, calc(100vw - 40px)) !important;
    min-width:min(100%, calc(100vw - 40px)) !important;
    max-width:min(100%, calc(100vw - 40px)) !important;
    scroll-snap-align:start;
  }

  #performance-validacao .performance-wrap{
    width:100% !important;
    padding:0 !important;
  }

  #performance-validacao .performance-copy{
    text-align:left !important;
  }

  #performance-validacao .performance-copy p{
    max-width:none !important;
  }

  #performance-validacao .hero-actions{
    justify-content:flex-start !important;
  }

  #app .app-layout,
  #relogio .watch-layout,
  #treinador .coach-layout,
  #pertencimento .belonging,
  #como-funciona .steps-grid,
  #planos .pricing-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  #app .app-copy,
  #relogio .watch-copy,
  #treinador .coach-copy{
    order:2;
  }

  #app .device-stage,
  #relogio .watch-stage{
    min-height:auto !important;
    padding:4px 0 0 !important;
    overflow:visible !important;
  }

  #app .app-future,
  #app .phone{
    width:min(100%, 280px) !important;
    margin-inline:auto !important;
    transform:none !important;
  }

  #relogio .watch{
    width:min(100%, 270px) !important;
    margin-inline:auto !important;
    transform:none !important;
  }

  #relogio .watch-stage{
    margin-bottom:4px !important;
  }

  #relogio .watch-copy h2{
    max-width:none !important;
  }

  #relogio .compatibility{
    width:100% !important;
  }

  #como-funciona .steps-wrap::before{
    display:none !important;
  }

  #como-funciona .steps-grid{
    margin-top:28px !important;
  }

  #como-funciona .step-item{
    padding:24px !important;
  }

  #como-funciona .step-number{
    font-size:2.8rem !important;
    margin-bottom:14px !important;
  }

  #como-funciona .step-item h3{
    margin-bottom:10px !important;
    line-height:1.08 !important;
  }

  #como-funciona .step-item p{
    line-height:1.68 !important;
  }

  #planos .section-head h2{
    font-size:clamp(2rem, 9vw, 2.7rem) !important;
    line-height:1 !important;
  }

  #planos .pricing-card{
    padding:24px !important;
  }

  #planos .hero-actions{
    margin-top:20px !important;
  }

  #planos .hero-actions .btn,
  #planos .hero-actions .btn-ghost{
    width:100% !important;
  }
}

@media (max-width:480px){
  .topbar{
    top:6px !important;
    padding-top:8px !important;
  }

  .topbar-inner{
    display:flex !important;
    flex-direction:column !important;
    padding:16px !important;
    gap:12px !important;
    border-radius:22px !important;
    width:100% !important;
  }

  .brand-mark{
    width:36px !important;
    height:36px !important;
  }

  .site-menu{
    gap:10px 12px !important;
  }

  .distance-link{
    min-height:30px !important;
    padding:0 10px !important;
    font-size:.72rem !important;
  }

  .topbar-cta{
    min-height:38px !important;
    padding:0 14px !important;
  }

  .container{
    width:min(100%, calc(100% - 32px)) !important;
  }

  #top .hero-grid,
  .hero-grid{
    gap:18px !important;
    padding-top:34px !important;
  }

  #top .hero-copy h1,
  .hero-copy h1{
    font-size:clamp(2.9rem, 14.5vw, 3.8rem) !important;
    line-height:.99 !important;
  }

  #top .hero-copy p,
  .hero-copy p{
    font-size:.97rem !important;
  }

  .runner-frame{
    height:clamp(320px, 88vw, 410px) !important;
  }

  #top .hero-stat,
  #top .hero-chip,
  .hero-stat,
  .hero-chip{
    padding:11px 12px !important;
    border-radius:16px !important;
  }

  #app .app-future,
  #app .phone{
    width:min(100%, 256px) !important;
  }

  #relogio .watch{
    width:min(100%, 242px) !important;
  }

  #como-funciona .step-item,
  #planos .pricing-card,
  #treinador .coach-copy,
  #pertencimento .belonging-copy,
  #pertencimento .belonging-media{
    padding:20px !important;
  }

  .section{
    padding:56px 0 !important;
  }
}

@media (max-width:768px){
  .hero-copy .pill{
    padding:9px 14px !important;
    gap:8px !important;
    font-size:.78rem !important;
    line-height:1.2 !important;
  }

  .hero-copy h1{
    font-size:clamp(44px, 11vw, 64px) !important;
    line-height:1 !important;
    max-width:8.8ch !important;
  }

  .hero-copy p{
    font-size:18px !important;
    line-height:1.68 !important;
  }

  .section-head h2,
  .belonging-copy h2,
  .performance-copy h2,
  .app-copy h2,
  .watch-copy h2,
  .pricing-section .section-head h2,
  .cta-panel .section-head h2,
  .coach-copy h2{
    font-size:clamp(34px, 8.5vw, 52px) !important;
    line-height:1.02 !important;
    letter-spacing:-.07em !important;
  }

  .section-head p,
  .belonging-copy p,
  .performance-copy p,
  .app-copy p,
  .watch-copy p,
  .pricing-desc,
  .coach-copy p,
  .video-copy p,
  .video-hero-copy p{
    font-size:18px !important;
    line-height:1.7 !important;
  }

  .btn,
  .btn-ghost,
  .hero-actions .btn,
  .hero-actions .btn-ghost,
  .cta-row .btn,
  .cta-row .btn-ghost{
    min-height:56px !important;
    padding:0 22px !important;
  }

  .hero-stat,
  .hero-chip{
    transform:scale(.92) !important;
    transform-origin:center !important;
    max-width:min(192px, calc(100% - 36px)) !important;
  }

  .hero-stat{
    left:12px !important;
    bottom:12px !important;
  }

  .hero-chip{
    right:12px !important;
    bottom:72px !important;
  }

  .video-card,
  .video-hero,
  .belonging-copy,
  .belonging-media,
  .screen-card,
  .metric,
  .schedule-item,
  .compatibility,
  .watch-body,
  .watch-guidance,
  .watch-metric,
  .pricing-card,
  .price-block,
  .cta-panel{
    border-radius:28px !important;
  }

  #app .app-future,
  #app .phone{
    width:min(78vw, 320px) !important;
  }

  #relogio .watch{
    width:min(74vw, 300px) !important;
  }

  #prova .video-card{
    padding:0 !important;
  }

  #prova .video-thumb{
    height:clamp(192px, 56vw, 240px) !important;
    margin:7px 7px 0 !important;
  }

  #prova .video-copy{
    padding:14px 15px 16px !important;
  }

  #prova .badge{
    padding:6px 9px !important;
    font-size:.62rem !important;
  }

  #planos .pricing-card{
    padding:22px !important;
  }

  #planos .price-main{
    font-size:1.9rem !important;
  }

  #planos .pricing-list li{
    font-size:.98rem !important;
  }

  #como-funciona .step-item{
    padding:22px !important;
  }

  #como-funciona .step-number{
    font-size:3rem !important;
    margin-bottom:12px !important;
  }

  #como-funciona .step-item h3{
    font-size:1.18rem !important;
  }

  #treinador .coach-media{
    min-height:320px !important;
  }
}

@media (max-width:480px){
  .container{
    width:min(100%, calc(100% - 40px)) !important;
  }

  .hero-grid{
    gap:18px !important;
    padding-top:34px !important;
  }

  .hero-copy h1{
    font-size:clamp(44px, 12vw, 58px) !important;
  }

  .section{
    padding:64px 0 !important;
  }

  .section-head h2,
  .belonging-copy h2,
  .performance-copy h2,
  .app-copy h2,
  .watch-copy h2,
  .pricing-section .section-head h2,
  .cta-panel .section-head h2,
  .coach-copy h2{
    font-size:clamp(34px, 8.8vw, 48px) !important;
  }

  .video-grid{
    gap:14px !important;
  }

  .hero-stat,
  .hero-chip{
    transform:scale(.88) !important;
    max-width:min(184px, calc(100% - 32px)) !important;
  }

  #app .app-future,
  #app .phone{
    width:min(78vw, 320px) !important;
  }

  #relogio .watch{
    width:min(74vw, 300px) !important;
  }

  #prova .video-grid .video-card{
    width:min(100%, calc(100vw - 40px)) !important;
    min-width:min(100%, calc(100vw - 40px)) !important;
    max-width:min(100%, calc(100vw - 40px)) !important;
  }

  #treinador .coach-media{
    min-height:300px !important;
  }

  .btn,
  .btn-ghost{
    min-height:56px !important;
  }
}

/* centralized mobile overrides moved from lp-shared.js */
@media (max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  *,*::before,*::after{box-sizing:border-box}
  .topbar{top:6px !important;padding-top:4px !important}
  .topbar-inner{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important;padding:12px 14px !important;border-radius:24px !important;width:100% !important}
  .brand{gap:10px !important;align-items:center !important}
  .brand-mark{width:38px !important;height:38px !important;border-radius:12px !important;flex:0 0 auto !important}
  .topbar-actions{width:100% !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:"menu menu" "distance cta" !important;column-gap:8px !important;row-gap:8px !important;align-items:center !important}
  .site-menu{grid-area:menu !important;width:100% !important;gap:8px 10px !important;justify-content:flex-start !important}
  .site-menu .nav-link{font-size:.82rem !important;line-height:1.1 !important}
  .distance-nav{grid-area:distance !important;width:fit-content !important;max-width:100% !important;flex-wrap:wrap !important;justify-content:flex-start !important;padding:3px !important;gap:3px !important}
  .distance-link{min-height:28px !important;padding:0 9px !important;font-size:.7rem !important}
  .topbar-cta{grid-area:cta !important;min-height:36px !important;padding:0 14px !important;align-self:center !important;justify-self:end !important}
  .hero{min-height:auto !important;padding:0 0 24px !important;overflow:visible !important}
  .hero::before{opacity:.56 !important;filter:blur(44px) !important}
  .container{width:min(100%, calc(100% - 40px)) !important}
  #top .hero-grid,.hero-grid{grid-template-columns:1fr !important;gap:20px !important;padding-top:30px !important;padding-bottom:12px !important}
  #top .hero-copy,.hero-copy{order:1 !important;padding-left:0 !important;max-width:none !important}
  #top .hero-visual,.hero-visual{order:2 !important;min-height:auto !important}
  #top .hero-copy .pill,.hero-copy .pill{max-width:100% !important;align-self:flex-start !important;padding:8px 12px !important;gap:7px !important;font-size:.74rem !important;line-height:1.2 !important}
  #top .hero-copy h1,.hero-copy h1{max-width:8.8ch !important;font-size:clamp(44px, 11vw, 64px) !important;line-height:1 !important;margin:16px 0 14px !important}
  #top .hero-copy p,.hero-copy p{max-width:none !important;font-size:18px !important;line-height:1.68 !important}
  .cta-row,.hero-actions{flex-direction:column !important;align-items:stretch !important;gap:12px !important;margin-top:24px !important}
  .cta-row .btn,.cta-row .btn-ghost,.hero-actions .btn,.hero-actions .btn-ghost{width:100% !important;justify-content:center !important;min-height:56px !important;padding-inline:18px !important}
  #top .hero-card,.hero-card{display:flex !important;flex-direction:column !important;gap:10px !important;padding:10px !important;border-radius:22px !important;overflow:hidden !important}
  .hero-card::after{inset:auto 10% -10% 10% !important}
  .runner-frame{height:clamp(270px, 72vw, 360px) !important;border-radius:18px !important}
  .hero-badges{display:grid !important;gap:6px !important}
  #top .hero-stat,#top .hero-chip,.hero-stat,.hero-chip{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100% !important;max-width:100% !important;min-width:0 !important;transform:scale(.84) !important;transform-origin:center !important;animation:none !important;padding:10px 11px !important;border-radius:16px !important}
  #top .hero-stat{left:0 !important;bottom:0 !important}
  #top .hero-chip{right:0 !important;bottom:0 !important}
  .hero-chip{box-shadow:0 10px 20px rgba(90,110,92,.06) !important}
  .hero-chip .dot{width:9px !important;height:9px !important}
  .section{padding:64px 0 !important}
  #prova,#pertencimento,#performance-validacao,#app,#relogio,#como-funciona,#planos,#treinador{scroll-margin-top:138px}
  #prova .section-head,#performance-validacao .performance-copy,#como-funciona .section-head,#planos .section-head{margin-bottom:24px !important}
  #prova .video-grid{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;gap:16px !important;padding:0 0 8px !important;margin-top:24px !important;-ms-overflow-style:none;scrollbar-width:none}
  #prova .video-grid::-webkit-scrollbar{display:none}
  #prova .video-grid .video-card{flex:0 0 auto !important;width:min(100%, calc(100vw - 40px)) !important;min-width:min(100%, calc(100vw - 40px)) !important;max-width:min(100%, calc(100vw - 40px)) !important;scroll-snap-align:start}
  #performance-validacao .performance-wrap{width:100% !important;padding:0 !important}
  #performance-validacao .performance-copy{text-align:left !important}
  #performance-validacao .performance-copy p{max-width:none !important}
  #performance-validacao .hero-actions{justify-content:flex-start !important}
  #app .app-layout,#relogio .watch-layout,#treinador .coach-layout,#pertencimento .belonging,#como-funciona .steps-grid,#planos .pricing-grid{grid-template-columns:1fr !important;gap:22px !important}
  #app .app-copy,#relogio .watch-copy,#treinador .coach-copy{order:2}
  #app .device-stage,#relogio .watch-stage{min-height:auto !important;padding:4px 0 0 !important;overflow:visible !important}
  #app .app-future,#app .phone{width:min(74vw, 300px) !important;margin-inline:auto !important;transform:none !important}
  #relogio .watch{width:min(70vw, 280px) !important;margin-inline:auto !important;transform:none !important}
  #relogio .watch-stage{margin-bottom:4px !important}
  #relogio .watch-copy h2{max-width:none !important}
  #relogio .compatibility{width:100% !important}
  #como-funciona .steps-wrap::before{display:none !important}
  #como-funciona .steps-grid{margin-top:28px !important}
  #como-funciona .step-item{padding:24px !important}
  #como-funciona .step-number{font-size:2.8rem !important;margin-bottom:14px !important}
  #como-funciona .step-item h3{margin-bottom:10px !important;line-height:1.08 !important;font-size:1.18rem !important}
  #como-funciona .step-item p{line-height:1.68 !important}
  #planos .section-head h2{font-size:clamp(2rem, 9vw, 2.7rem) !important;line-height:1 !important}
  #planos .pricing-card{padding:24px !important}
  #planos .hero-actions{margin-top:20px !important}
  #planos .hero-actions .btn,#planos .hero-actions .btn-ghost{width:100% !important}
  #treinador .coach-media{min-height:320px !important}

  #top .hero-grid,
  #pertencimento .belonging,
  #treinador .coach-layout,
  #app .app-layout,
  #relogio .watch-layout{
    align-items:stretch !important;
    border-radius:28px !important;
    background:linear-gradient(180deg, rgba(246,244,240,.88) 0%, rgba(225,214,206,.72) 100%) !important;
    border:1px solid rgba(37,86,62,.08) !important;
    box-shadow:0 18px 42px rgba(37,86,62,.08), 0 1px 0 rgba(255,255,255,.45) inset !important;
    overflow:hidden !important;
    gap:0 !important;
  }

  #top .hero-grid > *,
  #pertencimento .belonging > *,
  #treinador .coach-layout > *,
  #app .app-layout > *,
  #relogio .watch-layout > *{
    min-width:0 !important;
  }

  #top .hero-grid{
    padding:0 !important;
  }

  #top .hero-copy{
    padding:22px 22px 16px !important;
  }

  #top .hero-visual{
    padding:0 22px 22px !important;
  }

  #top .hero-card{
    width:100% !important;
    border-radius:22px !important;
    overflow:hidden !important;
    box-shadow:0 14px 34px rgba(37,86,62,.10) !important;
  }

  #top .hero-badges{
    gap:8px !important;
    padding-top:2px !important;
  }

  #pertencimento .belonging-copy{
    padding:22px 22px 18px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  #pertencimento .belonging-media{
    max-width:none !important;
    justify-self:stretch !important;
    padding:0 22px 22px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  #pertencimento .belonging-media .video-hero-thumb{
    min-height:320px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  #pertencimento .belonging-media .video-hero-copy{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    padding:12px 14px !important;
  }

  #treinador .coach-layout{
    padding:0 !important;
  }

  #treinador .coach-media{
    min-height:auto !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  #treinador .coach-media img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }

  #treinador .coach-copy{
    padding:18px 22px 22px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  #app .app-layout{
    padding:0 !important;
  }

  #app .device-stage{
    min-height:auto !important;
    padding:18px 22px 0 !important;
    overflow:hidden !important;
  }

  #app .app-copy{
    padding:18px 22px 22px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  #app .app-future,
  #app .phone{
    width:min(74vw, 300px) !important;
  }

  #relogio .watch-layout{
    padding:0 !important;
  }

  #relogio .watch-stage{
    min-height:auto !important;
    padding:18px 22px 0 !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
  }

  #relogio .watch{
    width:min(72vw, 290px) !important;
    margin-inline:auto !important;
    transform:none !important;
  }

  #relogio .watch-copy{
    padding:18px 22px 22px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
}
@media (min-width:900px) and (max-width:1100px){
  #top .hero-grid,.hero-grid{
    grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr) !important;
    gap:44px !important;
    padding-top:72px !important;
    padding-bottom:20px !important;
    align-items:center !important;
  }

  #top .hero-copy{
    padding:0 !important;
  }

  #top .hero-copy h1{
    max-width:9ch !important;
    font-size:clamp(3rem, 5.8vw, 5.3rem) !important;
  }

  #top .hero-copy p{
    font-size:1.02rem !important;
    line-height:1.84 !important;
    max-width:48ch !important;
  }

  #top .hero-visual{
    padding:0 !important;
    min-height:auto !important;
    justify-self:end !important;
  }

  #top .hero-card{
    width:min(100%, 520px) !important;
    padding:16px !important;
    border-radius:30px !important;
  }

  #top .runner-frame{
    height:clamp(420px, 42vw, 540px) !important;
    border-radius:24px !important;
  }

  #top .hero-badges{
    gap:8px !important;
  }

  #top .hero-stat{
    left:16px !important;
    bottom:16px !important;
    min-width:0 !important;
    max-width:min(220px, calc(100% - 32px)) !important;
    transform:none !important;
  }

  #top .hero-chip{
    right:14px !important;
    bottom:56px !important;
    transform:none !important;
    max-width:min(200px, calc(100% - 28px)) !important;
  }
}
@media (max-width:480px){
  .container{width:min(100%, calc(100% - 32px)) !important}
  .topbar{top:4px !important;padding-top:0 !important}
  .topbar-inner{gap:6px !important;padding:8px 10px !important;border-radius:20px !important}
  .brand{gap:7px !important}
  .brand-mark{width:32px !important;height:32px !important;border-radius:10px !important}
  .topbar-actions{row-gap:5px !important;column-gap:5px !important}
  .site-menu{gap:6px 8px !important}
  .site-menu .nav-link{font-size:.73rem !important;line-height:1.1 !important}
  .distance-nav{padding:2px !important;gap:2px !important}
  .distance-link{min-height:24px !important;padding:0 7px !important;font-size:.64rem !important}
  .topbar-cta{min-height:32px !important;padding:0 11px !important;font-size:.8rem !important}
  .hero-grid{gap:12px !important;padding-top:22px !important}
  .hero-copy h1{font-size:clamp(42px, 11vw, 56px) !important;line-height:.97 !important}
  .section{padding:64px 0 !important}
  .section-head h2,.belonging-copy h2,.performance-copy h2,.app-copy h2,.watch-copy h2,.pricing-section .section-head h2,.cta-panel .section-head h2,.coach-copy h2{font-size:clamp(34px, 8.8vw, 48px) !important}
  .video-grid{gap:14px !important}
  .hero-stat,.hero-chip{transform:scale(.76) !important;max-width:min(160px, calc(100% - 24px)) !important}
  #top .hero-copy{padding:16px 18px 10px !important}
  #top .hero-visual{width:min(100%, 300px) !important;justify-self:center !important;padding:0 14px 18px !important}
  #top .hero-card{position:relative !important;border-radius:20px !important;padding:8px 8px 58px !important;overflow:hidden !important;height:auto !important}
  #top .hero-badges{position:absolute !important;left:8px !important;right:8px !important;bottom:10px !important;z-index:3 !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:end !important;gap:6px !important;padding:0 !important;width:auto !important;max-width:calc(100% - 16px) !important;pointer-events:none !important}
  #top .hero-stat,#top .hero-chip{position:relative !important;transform:none !important;justify-self:stretch !important;max-width:none !important;width:100% !important}
  #top .hero-stat{padding:10px 11px !important;min-width:0 !important}
  #top .hero-chip{padding:8px 10px !important;min-width:0 !important}
  #top .hero-chip > div{gap:6px !important}
  #top .hero-chip strong{font-size:.7rem !important}
  #top .hero-stat .font-space-grotesk{font-size:1.2rem !important;line-height:1 !important}
  #pertencimento .belonging-copy{padding:18px 18px 14px !important}
  #pertencimento .belonging-media{padding:0 18px 18px !important}
  #pertencimento .belonging-media .video-hero-thumb{min-height:300px !important}
  #pertencimento .belonging-media .video-hero-copy{left:10px !important;right:10px !important;bottom:10px !important;padding:10px 12px !important}
  #treinador .coach-copy{padding:16px 18px 18px !important}
  #treinador .coach-media{min-height:260px !important}
  #app .app-copy{padding:16px 18px 18px !important}
  #app .device-stage{padding:16px 18px 0 !important}
  #app .app-future,#app .phone{width:min(72vw, 286px) !important}
  #relogio .watch-copy{padding:16px 18px 18px !important}
  #relogio .watch-stage{padding:16px 18px 0 !important}
  #relogio .watch{width:min(68vw, 268px) !important}
  #prova .video-grid .video-card{width:min(100%, calc(100vw - 40px)) !important;min-width:min(100%, calc(100vw - 40px)) !important;max-width:min(100%, calc(100vw - 40px)) !important}
  #treinador .coach-media{min-height:260px !important}
}
@media (min-width:640px) and (max-width:768px){
  .topbar{top:6px !important;padding-top:0 !important}
  .topbar-inner{
    gap:8px !important;
    padding:10px 12px !important;
    border-radius:22px !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .brand{gap:8px !important}
  .brand-mark{width:34px !important;height:34px !important;border-radius:11px !important}
  .topbar-actions{
    row-gap:6px !important;
    column-gap:6px !important;
  }
  .site-menu{gap:8px 8px !important}
  .site-menu .nav-link{font-size:.74rem !important;line-height:1.1 !important}
  .distance-nav{padding:2px !important;gap:2px !important}
  .distance-link{min-height:24px !important;padding:0 8px !important;font-size:.64rem !important}
  .topbar-cta{min-height:32px !important;padding:0 11px !important;font-size:.8rem !important}

  #top .hero-grid,.hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(280px,.9fr) !important;
    gap:22px !important;
    align-items:center !important;
  }

  #top .hero-copy{
    padding:0 !important;
  }

  #top .hero-copy h1{
    max-width:10ch !important;
    font-size:clamp(3rem, 7.8vw, 4.6rem) !important;
    line-height:.96 !important;
  }

  #top .hero-copy p{
    font-size:1rem !important;
    line-height:1.72 !important;
  }

  #top .hero-visual{
    width:min(100%, 328px) !important;
    justify-self:center !important;
    padding:0 0 16px !important;
  }

  #top .hero-card{
    position:relative !important;
    padding:9px 9px 56px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  #top .runner-frame{
    height:clamp(294px, 36vw, 374px) !important;
    border-radius:18px !important;
  }

  #top .hero-stat{
    position:relative !important;
    max-width:none !important;
    width:100% !important;
  }

  #top .hero-chip{
    position:relative !important;
    max-width:none !important;
    width:100% !important;
  }

  #top .hero-badges{
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    z-index:3 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    gap:6px !important;
    padding:0 !important;
    width:auto !important;
    max-width:calc(100% - 20px) !important;
    pointer-events:none !important;
  }
}

@media (max-width:768px){
  #top .hero-card{
    padding-bottom:60px !important;
  }

  #top .hero-badges{
    left:10px !important;
    right:10px !important;
    bottom:12px !important;
    gap:8px !important;
    grid-template-columns:minmax(0,1.34fr) minmax(90px,.66fr) !important;
  }

  #top .hero-stat{
    min-width:0 !important;
    padding:10px 12px !important;
  }

  #top .hero-chip{
    width:fit-content !important;
    justify-self:end !important;
    max-width:min(154px, 44vw) !important;
    padding:8px 10px !important;
  }

  #top .hero-stat .kicker{
    white-space:nowrap !important;
  }

  #top .hero-stat .font-space-grotesk{
    white-space:nowrap !important;
    font-size:clamp(1.18rem, 4.5vw, 1.55rem) !important;
    line-height:1 !important;
  }

  #top .hero-stat > div{
    gap:10px !important;
  }

  #top .hero-chip strong{
    white-space:nowrap !important;
    font-size:.72rem !important;
  }
}

@media (max-width:480px){
  #top .hero-card{
    padding-bottom:64px !important;
  }

  #top .hero-badges{
    left:8px !important;
    right:8px !important;
    bottom:14px !important;
    gap:8px !important;
    grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr) !important;
    max-width:calc(100% - 16px) !important;
  }

  #top .hero-stat{
    padding:9px 11px !important;
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }

  #top .hero-chip{
    max-width:none !important;
    width:100% !important;
    padding:7px 9px !important;
    overflow:hidden !important;
  }

  #top .hero-stat .font-space-grotesk{
    font-size:clamp(1.12rem, 4.4vw, 1.42rem) !important;
  }

  #top .hero-stat .kicker,
  #top .hero-chip .kicker{
    font-size:.52rem !important;
    letter-spacing:.23em !important;
  }

  #top .hero-stat .font-space-grotesk,
  #top .hero-stat .kicker,
  #top .hero-chip strong,
  #top .hero-chip .kicker{
    white-space:nowrap !important;
  }

  #top .hero-stat > div{
    min-width:0 !important;
    gap:8px !important;
  }

  #top .hero-chip > div{
    min-width:0 !important;
    gap:6px !important;
  }
}

@media (max-width:768px){
  #top .hero-badges{
    display:grid !important;
    grid-template-columns:minmax(0,1.6fr) minmax(0,.88fr) !important;
    column-gap:8px !important;
    align-items:end !important;
  }

  #top .hero-stat{
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }

  #top .hero-chip{
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
    justify-self:stretch !important;
  }

  #top .hero-stat .font-space-grotesk{
    white-space:nowrap !important;
  }

  #top .hero-chip strong{
    white-space:nowrap !important;
  }
}

/* final polish: hero footer badges on mobile/tablet */
@media (max-width:768px){
  #top .hero-card{
    padding-bottom:66px !important;
  }

  #top .hero-badges{
    left:12px !important;
    right:12px !important;
    bottom:15px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.52fr) minmax(0,.92fr) !important;
    column-gap:10px !important;
    row-gap:0 !important;
    align-items:end !important;
    width:auto !important;
    max-width:calc(100% - 24px) !important;
  }

  #top .hero-stat{
    width:100% !important;
    min-width:0 !important;
    padding:9px 11px !important;
    border-radius:15px !important;
    line-height:1.1 !important;
    overflow:hidden !important;
  }

  #top .hero-chip{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    padding:8px 10px !important;
    border-radius:14px !important;
    justify-self:stretch !important;
    overflow:hidden !important;
  }

  #top .hero-stat .kicker{
    font-size:.52rem !important;
    line-height:1 !important;
    margin-bottom:5px !important;
    letter-spacing:.22em !important;
    white-space:nowrap !important;
  }

  #top .hero-stat .font-space-grotesk{
    font-size:clamp(1.14rem, 3.55vw, 1.34rem) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  #top .hero-stat > div{
    min-width:0 !important;
    gap:8px !important;
  }

  #top .hero-chip .kicker{
    font-size:.50rem !important;
    line-height:1 !important;
    margin-bottom:3px !important;
    letter-spacing:.2em !important;
    white-space:nowrap !important;
  }

  #top .hero-chip strong{
    font-size:.70rem !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  #top .hero-chip > div{
    min-width:0 !important;
    gap:6px !important;
    align-items:center !important;
  }
}

@media (max-width:480px){
  #top .hero-card{
    padding-bottom:68px !important;
  }

  #top .hero-badges{
    left:10px !important;
    right:10px !important;
    bottom:16px !important;
    grid-template-columns:minmax(0,1.58fr) minmax(0,.9fr) !important;
    column-gap:10px !important;
    max-width:calc(100% - 20px) !important;
  }

  #top .hero-stat{
    padding:8px 10px !important;
  }

  #top .hero-chip{
    padding:7px 9px !important;
  }

  #top .hero-stat .font-space-grotesk{
    font-size:clamp(1.08rem, 4.1vw, 1.26rem) !important;
  }

  #top .hero-chip strong{
    font-size:.68rem !important;
  }
}

/* final mobile art-direction: premium hero footer overlays */
@media (max-width:768px){
  #top .hero-card{
    padding-bottom:62px !important;
  }

  #top .runner-frame{
    position:relative !important;
  }

  #top .runner-frame::before{
    background:
      linear-gradient(180deg, rgba(246,244,240,.02) 0%, rgba(246,244,240,.02) 48%, rgba(11,24,17,.32) 100%),
      radial-gradient(circle at 50% 24%, rgba(151,203,169,.10), transparent 36%) !important;
  }

  #top .hero-badges{
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    bottom:15px !important;
    z-index:3 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    column-gap:10px !important;
    row-gap:0 !important;
    width:auto !important;
    max-width:calc(100% - 24px) !important;
    pointer-events:none !important;
  }

  #top .hero-stat{
    width:100% !important;
    min-width:0 !important;
    padding:8px 12px !important;
    border-radius:14px !important;
    box-shadow:0 10px 22px rgba(22,45,31,.24) !important;
    backdrop-filter:blur(10px) saturate(132%) !important;
    -webkit-backdrop-filter:blur(10px) saturate(132%) !important;
  }

  #top .hero-stat .kicker{
    margin:0 0 3px !important;
    font-size:.5rem !important;
    letter-spacing:.2em !important;
    line-height:1 !important;
    opacity:.92 !important;
    white-space:nowrap !important;
  }

  #top .hero-stat .font-space-grotesk{
    font-size:clamp(1.1rem, 3.45vw, 1.28rem) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  #top .hero-stat > div{
    min-width:0 !important;
  }

  #top .hero-stat > div > div{
    min-width:0 !important;
  }

  #top .hero-stat > div > div > div:last-child{
    font-size:.66rem !important;
    line-height:1.05 !important;
    margin-top:2px !important;
    white-space:nowrap !important;
  }

  #top .hero-chip{
    justify-self:end !important;
    width:auto !important;
    max-width:min(150px, 42vw) !important;
    min-width:110px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    box-shadow:0 9px 18px rgba(22,45,31,.20) !important;
    backdrop-filter:blur(10px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(10px) saturate(130%) !important;
  }

  #top .hero-chip .kicker{
    display:none !important;
  }

  #top .hero-chip strong{
    font-size:.68rem !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  #top .hero-chip > div{
    gap:6px !important;
    align-items:center !important;
    min-width:0 !important;
  }

  #top .hero-chip .dot{
    width:8px !important;
    height:8px !important;
    flex:0 0 auto !important;
  }
}

@media (max-width:480px){
  #top .hero-card{
    padding-bottom:64px !important;
  }

  #top .hero-badges{
    left:10px !important;
    right:10px !important;
    bottom:16px !important;
    column-gap:9px !important;
    max-width:calc(100% - 20px) !important;
  }

  #top .hero-stat{
    padding:8px 10px !important;
    border-radius:13px !important;
  }

  #top .hero-chip{
    max-width:min(142px, 41vw) !important;
    min-width:102px !important;
    padding:6px 9px !important;
  }

  #top .hero-stat .font-space-grotesk{
    font-size:clamp(1.04rem, 4.0vw, 1.2rem) !important;
  }

  #top .hero-stat > div > div > div:last-child{
    font-size:.62rem !important;
  }

  #top .hero-chip strong{
    font-size:.65rem !important;
  }
}

/* mobile hero footer redesign: lightweight editorial overlays */
@media (max-width:768px){
  #top .hero-card{
    padding-bottom:74px !important;
  }

  #top .runner-frame::after{
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    width:100% !important;
    height:40% !important;
    transform:none !important;
    border-radius:0 0 18px 18px !important;
    background:linear-gradient(180deg, rgba(7,17,11,0) 0%, rgba(7,17,11,.40) 100%) !important;
    filter:none !important;
    animation:none !important;
    z-index:1 !important;
  }

  #top .hero-badges{
    left:14px !important;
    right:14px !important;
    bottom:18px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    column-gap:10px !important;
    align-items:end !important;
    max-width:calc(100% - 28px) !important;
  }

  /* main info becomes lightweight text block instead of heavy card */
  #top .hero-stat{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border-radius:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  #top .hero-stat::before,
  #top .hero-stat::after{
    display:none !important;
    content:none !important;
  }

  #top .hero-stat .kicker{
    margin:0 0 4px !important;
    font-size:.5rem !important;
    line-height:1 !important;
    letter-spacing:.2em !important;
    color:rgba(246,244,240,.80) !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  #top .hero-stat > div:nth-child(2){
    display:flex !important;
    align-items:flex-end !important;
    gap:14px !important;
  }

  #top .hero-stat > div:nth-child(2) > div{
    min-width:0 !important;
  }

  #top .hero-stat > div:nth-child(2) .font-space-grotesk{
    font-size:clamp(1.12rem, 3.5vw, 1.34rem) !important;
    line-height:1 !important;
    color:#f6f4f0 !important;
    white-space:nowrap !important;
    text-shadow:0 2px 10px rgba(7,17,11,.28) !important;
  }

  #top .hero-stat > div:nth-child(2) > div > div:last-child{
    display:none !important;
  }

  #top .hero-stat > div:nth-child(2)::after{
    content:"mais criterio + confianca";
    display:block;
    margin-top:3px;
    font-size:.63rem;
    line-height:1.06;
    letter-spacing:.01em;
    color:rgba(200,232,213,.92);
    text-shadow:0 1px 8px rgba(7,17,11,.24);
    white-space:nowrap;
  }

  /* secondary info turns into compact premium pill */
  #top .hero-chip{
    width:auto !important;
    min-width:0 !important;
    max-width:min(156px, 44vw) !important;
    padding:6px 10px !important;
    border-radius:999px !important;
    background:rgba(37,86,62,.78) !important;
    border:1px solid rgba(200,232,213,.24) !important;
    box-shadow:0 8px 20px rgba(7,17,11,.22) !important;
    backdrop-filter:blur(8px) saturate(120%) !important;
    -webkit-backdrop-filter:blur(8px) saturate(120%) !important;
    justify-self:end !important;
  }

  #top .hero-chip .kicker{
    display:none !important;
  }

  #top .hero-chip > div{
    gap:6px !important;
    align-items:center !important;
  }

  #top .hero-chip .dot{
    width:7px !important;
    height:7px !important;
    flex:0 0 auto !important;
    opacity:.95 !important;
  }

  #top .hero-chip strong{
    font-size:.66rem !important;
    line-height:1.05 !important;
    color:#f6f4f0 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:480px){
  #top .hero-card{
    padding-bottom:76px !important;
  }

  #top .hero-badges{
    left:12px !important;
    right:12px !important;
    bottom:19px !important;
    column-gap:9px !important;
    max-width:calc(100% - 24px) !important;
  }

  #top .hero-stat > div:nth-child(2){
    gap:12px !important;
  }

  #top .hero-stat > div:nth-child(2) .font-space-grotesk{
    font-size:clamp(1.04rem, 4vw, 1.22rem) !important;
  }

  #top .hero-stat > div:nth-child(2)::after{
    font-size:.58rem !important;
  }

  #top .hero-chip{
    max-width:min(146px, 43vw) !important;
    padding:6px 9px !important;
  }

  #top .hero-chip strong{
    font-size:.62rem !important;
  }
}

/* final premium mobile hero visual (single-source override) */
@media (max-width:768px){
  #top .hero-card{
    position:relative !important;
    overflow:hidden !important;
    padding:10px 10px 82px !important;
    border-radius:22px !important;
  }

  #top .runner-frame{
    border-radius:18px !important;
  }

  #top .runner-frame::before{
    background:
      linear-gradient(180deg, rgba(246,244,240,.00) 0%, rgba(246,244,240,.01) 52%, rgba(8,22,14,.24) 100%),
      radial-gradient(circle at 50% 24%, rgba(151,203,169,.08), transparent 38%) !important;
  }

  #top .runner-frame::after{
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    width:100% !important;
    height:42% !important;
    transform:none !important;
    border-radius:0 0 18px 18px !important;
    background:linear-gradient(180deg, rgba(7,17,11,0) 0%, rgba(7,17,11,.46) 100%) !important;
    filter:none !important;
    animation:none !important;
    z-index:1 !important;
  }

  #top .hero-badges{
    position:absolute !important;
    left:14px !important;
    right:14px !important;
    bottom:18px !important;
    z-index:4 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    column-gap:12px !important;
    row-gap:0 !important;
    width:auto !important;
    max-width:calc(100% - 28px) !important;
    pointer-events:none !important;
  }

  /* primary information: editorial type block, no heavy card */
  #top .hero-stat{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    padding:0 !important;
    margin:0 !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
  }

  #top .hero-stat::before,
  #top .hero-stat::after{
    display:none !important;
    content:none !important;
  }

  #top .hero-stat .kicker{
    margin:0 0 5px !important;
    font-size:.5rem !important;
    line-height:1 !important;
    letter-spacing:.21em !important;
    color:rgba(246,244,240,.84) !important;
    white-space:nowrap !important;
    text-transform:uppercase !important;
    text-shadow:0 1px 6px rgba(7,17,11,.34) !important;
  }

  #top .hero-stat > div:nth-child(2){
    display:flex !important;
    align-items:flex-end !important;
    gap:16px !important;
  }

  #top .hero-stat > div:nth-child(2) > div{
    min-width:0 !important;
  }

  #top .hero-stat > div:nth-child(2) .font-space-grotesk{
    font-size:clamp(1.2rem, 3.9vw, 1.44rem) !important;
    line-height:1 !important;
    color:#f6f4f0 !important;
    white-space:nowrap !important;
    text-shadow:0 2px 10px rgba(7,17,11,.32) !important;
  }

  #top .hero-stat > div:nth-child(2) > div > div:last-child{
    display:none !important;
  }

  #top .hero-stat > div:nth-child(2)::after{
    content:"mais criterio + confianca";
    display:block;
    font-size:.66rem;
    line-height:1.08;
    letter-spacing:.01em;
    color:rgba(200,232,213,.94);
    white-space:nowrap;
    text-shadow:0 1px 8px rgba(7,17,11,.30);
    align-self:flex-end;
    margin-bottom:1px;
  }

  /* secondary information: compact refined pill */
  #top .hero-chip{
    justify-self:end !important;
    width:auto !important;
    min-width:116px !important;
    max-width:min(170px, 46vw) !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(37,86,62,.84), rgba(28,69,49,.86)) !important;
    border:1px solid rgba(200,232,213,.26) !important;
    box-shadow:0 8px 20px rgba(7,17,11,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter:blur(8px) saturate(122%) !important;
    -webkit-backdrop-filter:blur(8px) saturate(122%) !important;
    overflow:hidden !important;
  }

  #top .hero-chip .kicker{
    display:block !important;
    margin:0 0 2px !important;
    font-size:.48rem !important;
    line-height:1 !important;
    letter-spacing:.18em !important;
    color:rgba(200,232,213,.88) !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  #top .hero-chip > div{
    gap:6px !important;
    align-items:center !important;
    min-width:0 !important;
  }

  #top .hero-chip .dot{
    width:7px !important;
    height:7px !important;
    flex:0 0 auto !important;
    opacity:.95 !important;
  }

  #top .hero-chip strong{
    font-size:.67rem !important;
    line-height:1.06 !important;
    color:#f6f4f0 !important;
    white-space:nowrap !important;
    text-shadow:none !important;
  }
}

@media (max-width:480px){
  #top .hero-card{
    padding:9px 9px 84px !important;
  }

  #top .hero-badges{
    left:12px !important;
    right:12px !important;
    bottom:18px !important;
    column-gap:10px !important;
    max-width:calc(100% - 24px) !important;
  }

  #top .hero-stat > div:nth-child(2){
    gap:12px !important;
  }

  #top .hero-stat > div:nth-child(2) .font-space-grotesk{
    font-size:clamp(1.1rem, 4.05vw, 1.28rem) !important;
  }

  #top .hero-stat > div:nth-child(2)::after{
    font-size:.60rem !important;
  }

  #top .hero-chip{
    min-width:108px !important;
    max-width:min(160px, 45vw) !important;
    padding:6px 10px !important;
  }

  #top .hero-chip .kicker{
    font-size:.46rem !important;
  }

  #top .hero-chip strong{
    font-size:.63rem !important;
  }
}

/* final polish: section 3 (pertencimento) mobile only */
@media (max-width:768px){
  #pertencimento .belonging{
    gap:0 !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(246,244,240,.94) 0%, rgba(225,215,201,.78) 100%) !important;
    border:1px solid rgba(37,86,62,.10) !important;
    box-shadow:0 18px 38px rgba(37,86,62,.10), inset 0 1px 0 rgba(255,255,255,.46) !important;
  }

  #pertencimento .belonging-copy{
    padding:20px 20px 14px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  #pertencimento .belonging-copy h2{
    color:#25563e !important;
    line-height:1.02 !important;
    letter-spacing:-.04em !important;
    margin:0 0 12px !important;
  }

  #pertencimento .belonging-copy p{
    color:rgba(37,86,62,.88) !important;
    line-height:1.62 !important;
    margin:0 0 18px !important;
  }

  #pertencimento .belonging-copy .kicker{
    color:rgba(37,86,62,.74) !important;
    margin-bottom:10px !important;
  }

  #pertencimento .belonging-copy .btn{
    min-height:50px !important;
    padding:0 16px !important;
    border-radius:14px !important;
    font-size:.92rem !important;
    line-height:1 !important;
    gap:8px !important;
    box-shadow:0 10px 22px rgba(37,86,62,.18), inset 0 1px 0 rgba(255,255,255,.24) !important;
  }

  #pertencimento .belonging-media{
    padding:0 20px 20px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  #pertencimento .belonging-media .video-hero-thumb{
    min-height:318px !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 12px 28px rgba(37,86,62,.14) !important;
  }

  #pertencimento .belonging-media .video-hero-thumb::after{
    background:
      linear-gradient(180deg, rgba(8,20,14,0) 0%, rgba(8,20,14,.08) 52%, rgba(8,20,14,.44) 100%),
      radial-gradient(circle at 50% 24%, rgba(151,203,169,.10), transparent 34%) !important;
  }

  #pertencimento .belonging-media .video-hero-copy{
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    padding:11px 13px !important;
    border-radius:16px !important;
    background:linear-gradient(180deg, rgba(12,25,18,.34) 0%, rgba(12,25,18,.56) 100%) !important;
    border:1px solid rgba(200,232,213,.16) !important;
    box-shadow:0 10px 22px rgba(7,17,11,.22) !important;
    backdrop-filter:blur(10px) saturate(126%) !important;
    -webkit-backdrop-filter:blur(10px) saturate(126%) !important;
  }

  #pertencimento .belonging-media .video-hero-copy h3{
    color:#f6f4f0 !important;
    margin:0 0 6px !important;
    line-height:1.1 !important;
    font-size:1.05rem !important;
  }

  #pertencimento .belonging-media .video-hero-copy p{
    color:rgba(200,232,213,.92) !important;
    line-height:1.5 !important;
    font-size:.90rem !important;
    margin:0 !important;
  }

  #pertencimento .belonging-media .video-hero-copy .meta{
    color:rgba(200,232,213,.82) !important;
    margin-top:8px !important;
    font-size:.74rem !important;
  }
}

@media (max-width:480px){
  #pertencimento .belonging-copy{
    padding:18px 18px 12px !important;
  }

  #pertencimento .belonging-copy h2{
    margin-bottom:10px !important;
  }

  #pertencimento .belonging-copy p{
    margin-bottom:16px !important;
    font-size:1rem !important;
    line-height:1.6 !important;
  }

  #pertencimento .belonging-copy .btn{
    min-height:48px !important;
    padding:0 14px !important;
    font-size:.88rem !important;
  }

  #pertencimento .belonging-media{
    padding:0 18px 18px !important;
  }

  #pertencimento .belonging-media .video-hero-thumb{
    min-height:300px !important;
    border-radius:18px !important;
  }

  #pertencimento .belonging-media .video-hero-copy{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    padding:10px 12px !important;
    border-radius:15px !important;
  }

  #pertencimento .belonging-media .video-hero-copy h3{
    font-size:1rem !important;
  }

  #pertencimento .belonging-media .video-hero-copy p{
    font-size:.86rem !important;
  }
}

/* final polish: APP section mobile only */
@media (max-width:768px){
  #app .app-layout{
    gap:0 !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(246,244,240,.92) 0%, rgba(225,215,201,.78) 100%) !important;
    border:1px solid rgba(37,86,62,.10) !important;
    box-shadow:0 18px 36px rgba(37,86,62,.10), inset 0 1px 0 rgba(255,255,255,.44) !important;
  }

  #app .device-stage{
    min-height:auto !important;
    padding:18px 20px 14px !important;
    overflow:hidden !important;
    display:grid !important;
    place-items:center !important;
  }

  #app .app-copy{
    padding:18px 20px 22px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #app .app-future,
  #app .phone{
    width:min(64vw, 252px) !important;
    max-width:100% !important;
    margin-inline:auto !important;
    transform:none !important;
  }
}

@media (max-width:480px){
  #app .app-layout{
    border-radius:24px !important;
  }

  #app .device-stage{
    padding:16px 18px 14px !important;
  }

  #app .app-copy{
    padding:16px 18px 20px !important;
  }

  #app .app-future,
  #app .phone{
    width:min(62vw, 236px) !important;
  }
}

/* final polish: RELOGIO section mobile only */
@media (max-width:768px){
  #relogio .watch-layout{
    gap:0 !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(246,244,240,.92) 0%, rgba(225,215,201,.78) 100%) !important;
    border:1px solid rgba(37,86,62,.10) !important;
    box-shadow:0 18px 36px rgba(37,86,62,.10), inset 0 1px 0 rgba(255,255,255,.44) !important;
  }

  #relogio .watch-stage{
    min-height:auto !important;
    padding:8px 20px 4px !important;
    margin-bottom:2px !important;
    max-height:clamp(232px, 54vw, 292px) !important;
    overflow:hidden !important;
    display:grid !important;
    place-items:center !important;
  }

  #relogio .watch{
    width:min(56vw, 220px) !important;
    max-width:100% !important;
    margin-inline:auto !important;
    transform:translateY(-12px) !important;
  }

  #relogio .watch-copy{
    padding:12px 20px 18px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #relogio .watch-body{
    border-radius:32px !important;
    box-shadow:0 14px 30px rgba(37,86,62,.12), inset 0 1px 0 rgba(255,255,255,.36) !important;
  }

  #relogio .watch-guidance{
    padding:9px 11px !important;
    border-radius:14px !important;
  }

  #relogio .watch-metric{
    padding:9px !important;
    border-radius:12px !important;
  }

  #relogio .compatibility{
    width:100% !important;
    margin-top:6px !important;
    padding:11px 12px !important;
    border-radius:14px !important;
  }
}

@media (max-width:480px){
  #relogio .watch-layout{
    border-radius:24px !important;
  }

  #relogio .watch-stage{
    padding:6px 18px 2px !important;
    margin-bottom:2px !important;
    max-height:clamp(208px, 52vw, 252px) !important;
  }

  #relogio .watch{
    width:min(54vw, 204px) !important;
    transform:translateY(-10px) !important;
  }

  #relogio .watch-copy{
    padding:10px 18px 16px !important;
  }

  #relogio .watch-body{
    border-radius:28px !important;
  }

  #relogio .watch-guidance{
    padding:8px 10px !important;
  }

  #relogio .watch-metric{
    padding:8px !important;
  }

  #relogio .compatibility{
    padding:9px 10px !important;
    margin-top:4px !important;
  }
}

/* mobile-only polish: section 2 main proof card */
@media (max-width:767px){
  #prova .video-grid .video-card:first-child{
    border-radius:30px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:linear-gradient(180deg, rgba(37,86,62,.94) 0%, rgba(30,72,52,.92) 100%) !important;
    box-shadow:0 14px 30px rgba(18,42,30,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow:hidden !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb{
    margin:6px !important;
    border-radius:22px !important;
    min-height:228px !important;
    height:clamp(228px, 60vw, 278px) !important;
    background:linear-gradient(135deg, rgba(200,232,213,.22), rgba(225,215,201,.16)) !important;
    box-shadow:inset 0 1px 0 rgba(246,244,240,.14), 0 8px 18px rgba(18,42,30,.18) !important;
    overflow:hidden !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb .proof-track{
    display:flex !important;
    width:100% !important;
    height:100% !important;
    transform:translate3d(0,0,0);
    transition:transform .44s cubic-bezier(.22,.61,.36,1) !important;
    will-change:transform !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb .proof-slide{
    position:relative !important;
    flex:0 0 100% !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb .proof-media{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb.is-photo-slide .play-button{
    opacity:0 !important;
    pointer-events:none !important;
    transform:translate(-50%,-50%) scale(.92) !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb.is-video-slide .play-button{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb::after{
    background:
      linear-gradient(180deg, rgba(8,20,14,.00) 0%, rgba(8,20,14,.08) 52%, rgba(8,20,14,.24) 100%),
      radial-gradient(circle at 50% 26%, rgba(151,203,169,.10), transparent 34%) !important;
  }

  #prova .video-grid .video-card:first-child .play-button{
    width:46px !important;
    height:46px !important;
    border-radius:999px !important;
    box-shadow:0 8px 18px rgba(18,42,30,.20), 0 0 0 1px rgba(255,255,255,.20) !important;
  }

  #prova .video-grid .video-card:first-child .play-button iconify-icon{
    width:19px !important;
    height:19px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy{
    padding:12px 14px 13px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dots{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    margin:2px 0 10px !important;
    min-height:10px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dot{
    width:7px !important;
    height:7px !important;
    border-radius:999px !important;
    border:0 !important;
    background:rgba(200,232,213,.34) !important;
    padding:0 !important;
    cursor:pointer !important;
    transition:transform .24s ease, background-color .24s ease, width .24s ease, opacity .24s ease !important;
    opacity:.9 !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dot.is-active{
    width:18px !important;
    background:#97cba9 !important;
    opacity:1 !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .badge{
    padding:4px 8px !important;
    border-radius:999px !important;
    font-size:.62rem !important;
    letter-spacing:.11em !important;
    border:1px solid rgba(200,232,213,.20) !important;
    background:rgba(200,232,213,.10) !important;
    color:#c8e8d5 !important;
    box-shadow:none !important;
  }

  #prova .video-grid .video-card:first-child .video-copy h3{
    margin:8px 0 6px !important;
    font-size:1.04rem !important;
    line-height:1.14 !important;
    letter-spacing:-.02em !important;
    color:#f6f4f0 !important;
  }

  #prova .video-grid .video-card:first-child .video-copy p{
    margin:0 !important;
    font-size:.89rem !important;
    line-height:1.50 !important;
    color:rgba(200,232,213,.92) !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .meta{
    margin-top:10px !important;
    padding-top:8px !important;
    border-top:1px solid rgba(200,232,213,.16) !important;
    font-size:.74rem !important;
    line-height:1.2 !important;
    color:rgba(200,232,213,.78) !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .meta span:last-child{
    text-align:right !important;
    white-space:nowrap !important;
  }
}

@media (max-width:480px){
  #prova .video-grid .video-card:first-child{
    border-radius:28px !important;
  }

  #prova .video-grid .video-card:first-child .video-thumb{
    margin:5px !important;
    border-radius:20px !important;
    min-height:214px !important;
    height:clamp(214px, 58vw, 252px) !important;
  }

  #prova .video-grid .video-card:first-child .video-copy{
    padding:11px 12px 12px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dots{
    gap:6px !important;
    margin:1px 0 9px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dot{
    width:6px !important;
    height:6px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dot.is-active{
    width:16px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy h3{
    font-size:1rem !important;
  }

  #prova .video-grid .video-card:first-child .video-copy p{
    font-size:.85rem !important;
  }
}

/* mobile-only refinement: section 4 performance/validation */
@media (max-width:767px){
  #performance-validacao.section{
    padding:30px 0 !important;
  }

  #performance-validacao .performance-wrap{
    width:100% !important;
    padding:0 !important;
  }

  #performance-validacao .performance-wrap::before{
    inset:8% 10% auto 10% !important;
    height:160px !important;
    opacity:.45 !important;
    filter:blur(26px) !important;
  }

  #performance-validacao .performance-copy{
    text-align:left !important;
    max-width:34ch !important;
    margin:0 !important;
  }

  #performance-validacao .performance-copy .eyebrow{
    margin:0 0 17px !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:.2em !important;
    text-transform:uppercase !important;
    color:var(--muted-strong) !important;
    opacity:.78 !important;
  }

  #performance-validacao .performance-copy h2{
    margin:0 0 16px !important;
    max-width:14.5ch !important;
    text-wrap:balance !important;
    font-size:clamp(30px, 8.3vw, 32px) !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    letter-spacing:-.022em !important;
    color:var(--text) !important;
  }

  #performance-validacao .performance-copy p{
    margin:0 !important;
    max-width:31.5ch !important;
    text-wrap:pretty !important;
  }

  #performance-validacao .performance-copy p:first-of-type{
    margin-bottom:14px !important;
    font-size:clamp(17px, 4.6vw, 18px) !important;
    line-height:1.42 !important;
    font-weight:500 !important;
    color:var(--text) !important;
    opacity:.96 !important;
  }

  #performance-validacao .performance-copy p + p{
    margin-top:0 !important;
    margin-bottom:23px !important;
    font-size:clamp(16px, 4.3vw, 17px) !important;
    line-height:1.55 !important;
    font-weight:450 !important;
    color:var(--muted-strong) !important;
    opacity:.94 !important;
  }

  #performance-validacao .hero-actions{
    margin-top:0 !important;
    margin-bottom:0 !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }

  #performance-validacao .hero-actions .btn{
    width:100% !important;
    min-height:55px !important;
    height:55px !important;
    border-radius:30px !important;
    padding:0 18px !important;
    font-size:16.5px !important;
    font-weight:600 !important;
    letter-spacing:-.01em !important;
    box-shadow:0 10px 22px rgba(28,62,45,.16) !important;
  }
}

/* final mobile conversion polish: hero 5km only */
body[data-distance-page="5km"] #top .hero-proof{
  display:none;
}

@media (max-width:767px){
  body[data-distance-page="5km"] .topbar{
    top:4px !important;
    padding-top:0 !important;
  }

  body[data-distance-page="5km"] .topbar-inner{
    gap:6px !important;
    padding:8px 10px !important;
    border-radius:20px !important;
  }

  body[data-distance-page="5km"] .brand-mark{
    width:32px !important;
    height:32px !important;
  }

  body[data-distance-page="5km"] .topbar-actions{
    row-gap:5px !important;
    column-gap:6px !important;
  }

  body[data-distance-page="5km"] .distance-link{
    min-height:24px !important;
    padding:0 7px !important;
    font-size:.64rem !important;
  }

  body[data-distance-page="5km"] .topbar-cta{
    min-height:32px !important;
    padding:0 11px !important;
    font-size:.8rem !important;
  }

  body[data-distance-page="5km"] #top .hero-grid{
    padding-top:20px !important;
    padding-bottom:8px !important;
    gap:12px !important;
  }

  body[data-distance-page="5km"] #top .hero-copy{
    padding:14px 20px 0 !important;
  }

  body[data-distance-page="5km"] #top .hero-copy h1{
    font-size:34px !important;
    line-height:1.03 !important;
    font-weight:800 !important;
    letter-spacing:-.04em !important;
    margin:14px 0 0 !important;
    max-width:11ch !important;
  }

  body[data-distance-page="5km"] #top .hero-copy p{
    margin:12px 0 0 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    color:rgba(37,86,62,.90) !important;
    max-width:36ch !important;
  }

  body[data-distance-page="5km"] #top .cta-row{
    margin-top:18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  body[data-distance-page="5km"] #top .cta-row .btn{
    width:100% !important;
    min-height:54px !important;
    border-radius:14px !important;
    margin:0 !important;
    box-shadow:0 12px 24px rgba(37,86,62,.18) !important;
  }

  body[data-distance-page="5km"] #top .hero-proof{
    display:block !important;
    margin:12px 0 0 !important;
    font-size:13.5px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:rgba(37,86,62,.76) !important;
    letter-spacing:.005em !important;
  }

  body[data-distance-page="5km"] #top .cta-row .btn-ghost{
    margin:10px 0 0 !important;
    min-height:auto !important;
    width:auto !important;
    align-self:flex-start !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(37,86,62,.86) !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    gap:6px !important;
  }

  body[data-distance-page="5km"] #top .hero-visual{
    width:min(100%, 318px) !important;
    padding:0 20px 0 !important;
    margin-top:16px !important;
  }

  body[data-distance-page="5km"] #top .hero-card{
    padding:9px !important;
    border-radius:20px !important;
  }

  body[data-distance-page="5km"] #top .runner-frame{
    height:clamp(286px, 72vw, 346px) !important;
    border-radius:17px !important;
  }
}

/* definitive mobile pass: HERO + PROVA + PERFORMANCE + RELÓGIO */
@media (max-width:767px){
  /* HERO */
  .topbar{
    top:4px !important;
    padding-top:2px !important;
  }

  .topbar-inner{
    gap:8px !important;
    padding:8px 12px !important;
    border-radius:20px !important;
  }

  .brand{
    gap:8px !important;
  }

  .brand > div > div:first-child{
    font-size:.64rem !important;
    letter-spacing:.15em !important;
  }

  .brand > div > strong{
    font-size:.84rem !important;
    line-height:1.15 !important;
  }

  .topbar-actions{
    row-gap:6px !important;
    column-gap:8px !important;
  }

  .site-menu .nav-link{
    font-size:.78rem !important;
  }

  .topbar-cta{
    min-height:34px !important;
    padding:0 13px !important;
    font-size:.82rem !important;
  }

  #top .hero-grid{
    padding-top:20px !important;
    padding-bottom:10px !important;
    gap:14px !important;
  }

  #top .hero-copy{
    padding:0 20px !important;
    max-width:none !important;
  }

  #top .hero-copy h1{
    font-size:34px !important;
    line-height:1.03 !important;
    margin:14px 0 0 !important;
    max-width:10.8ch !important;
    letter-spacing:-.035em !important;
  }

  #top .hero-copy > p{
    margin:12px 0 0 !important;
    max-width:36ch !important;
    font-size:16px !important;
    line-height:1.45 !important;
    color:rgba(37,86,62,.9) !important;
  }

  #top .cta-row{
    margin-top:18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  #top .cta-row .btn{
    width:100% !important;
    min-height:54px !important;
    border-radius:30px !important;
    margin:0 !important;
  }

  #top .hero-proof{
    display:block !important;
    margin:12px 0 0 !important;
    font-size:13.5px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:rgba(37,86,62,.78) !important;
  }

  #top .cta-row .btn-ghost{
    margin-top:10px !important;
    min-height:auto !important;
    width:auto !important;
    padding:0 !important;
    align-self:flex-start !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    color:rgba(37,86,62,.86) !important;
  }

  #top .hero-visual{
    width:min(100%, 324px) !important;
    margin-top:16px !important;
    padding:0 20px !important;
    justify-self:center !important;
  }

  #top .hero-card{
    border-radius:20px !important;
    padding:10px !important;
  }

  #top .runner-frame{
    height:clamp(284px, 70vw, 344px) !important;
    border-radius:17px !important;
  }

  /* PROVA */
  #prova .video-grid .video-card:first-child{
    border-radius:30px !important;
    box-shadow:0 14px 32px rgba(18,42,30,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dots{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    padding-bottom:2px !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dots::-webkit-scrollbar{
    display:none !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .proof-dot{
    flex:0 0 auto !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .meta{
    margin-top:10px !important;
    padding-top:8px !important;
    align-items:center !important;
  }

  #prova .video-grid .video-card:first-child .video-copy .meta span:first-child{
    opacity:.9 !important;
  }

  /* PERFORMANCE / VALIDAÇÃO */
  #performance-validacao.section{
    padding:30px 0 !important;
  }

  #performance-validacao .performance-wrap{
    width:100% !important;
    padding:0 !important;
  }

  #performance-validacao .performance-copy{
    text-align:left !important;
    max-width:34ch !important;
    margin:0 !important;
  }

  #performance-validacao .performance-copy .eyebrow{
    margin:0 0 17px !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:.2em !important;
    text-transform:uppercase !important;
    opacity:.78 !important;
  }

  #performance-validacao .performance-copy h2{
    margin:0 0 16px !important;
    max-width:14.5ch !important;
    text-wrap:balance !important;
    font-size:clamp(30px, 8.3vw, 32px) !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    letter-spacing:-.022em !important;
  }

  #performance-validacao .performance-copy p:first-of-type{
    margin-bottom:14px !important;
    font-size:clamp(17px, 4.6vw, 18px) !important;
    line-height:1.42 !important;
    font-weight:500 !important;
    color:var(--text) !important;
  }

  #performance-validacao .performance-copy p + p{
    margin-top:0 !important;
    margin-bottom:23px !important;
    font-size:clamp(16px, 4.3vw, 17px) !important;
    line-height:1.55 !important;
    font-weight:450 !important;
    color:var(--muted-strong) !important;
    opacity:.94 !important;
  }

  #performance-validacao .hero-actions{
    margin:0 !important;
    justify-content:flex-start !important;
  }

  #performance-validacao .hero-actions .btn{
    width:100% !important;
    min-height:55px !important;
    border-radius:30px !important;
    font-size:16.5px !important;
    font-weight:600 !important;
    box-shadow:0 10px 22px rgba(28,62,45,.16) !important;
  }

  /* RELÓGIO */
  #relogio.section{
    padding:20px 0 28px !important;
  }

  #relogio .watch-layout{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  #relogio .watch-stage{
    min-height:auto !important;
    padding:10px 20px 0 !important;
    margin-bottom:12px !important;
    overflow:visible !important;
  }

  #relogio .watch{
    width:min(78vw, 294px) !important;
    margin-inline:auto !important;
    transform:translateY(0) !important;
  }

  #relogio .watch-strap.top{
    height:56px !important;
  }

  #relogio .watch-strap.bottom{
    height:74px !important;
  }

  #relogio .watch-body{
    border-radius:40px !important;
  }

  #relogio .watch-screen{
    inset:18px !important;
    border-radius:28px !important;
    padding:14px !important;
  }

  #relogio .watch-copy{
    padding:0 20px !important;
  }

  #relogio .watch-copy h2{
    margin:0 0 14px !important;
    font-size:clamp(30px, 8.4vw, 32px) !important;
    line-height:1.05 !important;
    letter-spacing:-.02em !important;
  }

  #relogio .watch-copy p{
    font-size:16.5px !important;
    line-height:1.6 !important;
    color:var(--muted-strong) !important;
    margin:0 0 12px !important;
  }

  #relogio .watch-copy p + p{
    margin:0 0 18px !important;
    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:var(--text) !important;
  }

  #relogio .watch-copy .hero-actions{
    margin:28px 0 18px !important;
  }

  #relogio .watch-copy .hero-actions .btn{
    width:100% !important;
    min-height:55px !important;
    border-radius:30px !important;
  }

  #relogio .compatibility{
    margin-top:16px !important;
    padding:14px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54)) !important;
    border:1px solid rgba(125,140,120,.24) !important;
    box-shadow:0 10px 24px rgba(28,62,45,.10) !important;
  }

  #relogio .compatibility-copy{
    margin:0 0 10px !important;
    font-size:14.5px !important;
    line-height:1.45 !important;
    color:var(--muted-strong) !important;
  }

  #relogio .compatibility-row{
    gap:8px !important;
  }

  #relogio .compat-pill{
    min-height:30px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    font-size:.68rem !important;
    letter-spacing:.09em !important;
  }
}

/* authoritative mobile overrides (wins cascade for real rendering pages) */
@media (max-width:767px){
  /* HERO */
  body[data-distance-page] .topbar{
    top:4px !important;
    padding-top:2px !important;
  }
  body[data-distance-page] .topbar-inner{
    gap:8px !important;
    padding:8px 12px !important;
    border-radius:20px !important;
  }
  body[data-distance-page] .topbar-cta{
    min-height:34px !important;
    padding:0 13px !important;
    font-size:.82rem !important;
  }
  body[data-distance-page] #top .hero-grid{
    padding-top:20px !important;
    padding-bottom:10px !important;
    gap:14px !important;
  }
  body[data-distance-page] #top .hero-copy{
    padding:0 20px !important;
  }
  body[data-distance-page] #top .hero-copy h1{
    font-size:34px !important;
    line-height:1.03 !important;
    letter-spacing:-.035em !important;
    margin:14px 0 0 !important;
    max-width:10.8ch !important;
  }
  body[data-distance-page] #top .hero-copy > p{
    margin:12px 0 0 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    color:rgba(37,86,62,.9) !important;
    max-width:36ch !important;
  }
  body[data-distance-page] #top .cta-row{
    margin-top:18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }
  body[data-distance-page] #top .cta-row .btn{
    width:100% !important;
    min-height:54px !important;
    border-radius:30px !important;
    margin:0 !important;
  }
  body[data-distance-page] #top .hero-proof{
    display:block !important;
    margin:12px 0 0 !important;
    font-size:13.5px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:rgba(37,86,62,.78) !important;
  }
  body[data-distance-page] #top .cta-row .btn-ghost{
    margin-top:10px !important;
    min-height:auto !important;
    width:auto !important;
    align-self:flex-start !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:.92rem !important;
    font-weight:700 !important;
    color:rgba(37,86,62,.86) !important;
  }
  body[data-distance-page] #top .hero-visual{
    width:min(100%, 324px) !important;
    margin-top:16px !important;
    padding:0 20px !important;
    justify-self:center !important;
  }
  body[data-distance-page] #top .hero-card{
    border-radius:20px !important;
    padding:10px !important;
  }
  body[data-distance-page] #top .runner-frame{
    height:clamp(284px, 70vw, 344px) !important;
    border-radius:17px !important;
  }

  /* PROVA */
  body[data-distance-page] #prova .video-grid .video-card:first-child{
    border-radius:30px !important;
    box-shadow:0 14px 32px rgba(18,42,30,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }
  body[data-distance-page] #prova .video-grid .video-card:first-child .video-copy .proof-dots{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    padding-bottom:2px !important;
  }
  body[data-distance-page] #prova .video-grid .video-card:first-child .video-copy .proof-dots::-webkit-scrollbar{
    display:none !important;
  }
  body[data-distance-page] #prova .video-grid .video-card:first-child .video-copy .meta{
    margin-top:10px !important;
    padding-top:8px !important;
    align-items:center !important;
  }
  body[data-distance-page] #prova .video-grid .video-card:first-child .video-copy .meta span:first-child{
    opacity:.9 !important;
  }

  /* PERFORMANCE / VALIDAÇÃO */
  body[data-distance-page] #performance-validacao.section{
    padding:30px 0 !important;
  }
  body[data-distance-page] #performance-validacao .performance-wrap{
    width:100% !important;
    padding:0 !important;
  }
  body[data-distance-page] #performance-validacao .performance-copy{
    text-align:left !important;
    max-width:34ch !important;
    margin:0 !important;
  }
  body[data-distance-page] #performance-validacao .performance-copy .eyebrow{
    margin:0 0 17px !important;
    font-size:11.5px !important;
    font-weight:600 !important;
    letter-spacing:.2em !important;
    text-transform:uppercase !important;
    opacity:.78 !important;
  }
  body[data-distance-page] #performance-validacao .performance-copy h2{
    margin:0 0 16px !important;
    max-width:14.5ch !important;
    text-wrap:balance !important;
    font-size:clamp(30px, 8.3vw, 32px) !important;
    line-height:1.05 !important;
    font-weight:700 !important;
    letter-spacing:-.022em !important;
  }
  body[data-distance-page] #performance-validacao .performance-copy p:first-of-type{
    margin-bottom:14px !important;
    font-size:clamp(17px, 4.6vw, 18px) !important;
    line-height:1.42 !important;
    font-weight:500 !important;
    color:var(--text) !important;
  }
  body[data-distance-page] #performance-validacao .performance-copy p + p{
    margin-top:0 !important;
    margin-bottom:23px !important;
    font-size:clamp(16px, 4.3vw, 17px) !important;
    line-height:1.55 !important;
    font-weight:450 !important;
    color:var(--muted-strong) !important;
    opacity:.94 !important;
  }
  body[data-distance-page] #performance-validacao .hero-actions{
    margin:0 !important;
    justify-content:flex-start !important;
  }
  body[data-distance-page] #performance-validacao .hero-actions .btn{
    width:100% !important;
    min-height:55px !important;
    border-radius:30px !important;
    font-size:16.5px !important;
    font-weight:600 !important;
    box-shadow:0 10px 22px rgba(28,62,45,.16) !important;
  }

  /* RELÓGIO */
  body[data-distance-page] #relogio.section{
    padding:20px 0 28px !important;
  }
  body[data-distance-page] #relogio .watch-layout{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  body[data-distance-page] #relogio .watch-stage{
    min-height:auto !important;
    padding:10px 20px 0 !important;
    margin-bottom:12px !important;
    overflow:visible !important;
  }
  body[data-distance-page] #relogio .watch{
    width:min(78vw, 294px) !important;
    margin-inline:auto !important;
    transform:translateY(0) !important;
  }
  body[data-distance-page] #relogio .watch-strap.top{
    height:56px !important;
  }
  body[data-distance-page] #relogio .watch-strap.bottom{
    height:74px !important;
  }
  body[data-distance-page] #relogio .watch-screen{
    inset:18px !important;
    border-radius:28px !important;
    padding:14px !important;
  }
  body[data-distance-page] #relogio .watch-copy{
    padding:0 20px !important;
  }
  body[data-distance-page] #relogio .watch-copy h2{
    margin:0 0 14px !important;
    font-size:clamp(30px, 8.4vw, 32px) !important;
    line-height:1.05 !important;
    letter-spacing:-.02em !important;
  }
  body[data-distance-page] #relogio .watch-copy p{
    font-size:16.5px !important;
    line-height:1.6 !important;
    color:var(--muted-strong) !important;
    margin:0 0 12px !important;
  }
  body[data-distance-page] #relogio .watch-copy p + p{
    margin:0 0 18px !important;
    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    color:var(--text) !important;
  }
  body[data-distance-page] #relogio .watch-copy .hero-actions .btn{
    width:100% !important;
    min-height:55px !important;
    border-radius:30px !important;
  }
  body[data-distance-page] #relogio .compatibility{
    margin-top:16px !important;
    padding:14px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.54)) !important;
    border:1px solid rgba(125,140,120,.24) !important;
    box-shadow:0 10px 24px rgba(28,62,45,.10) !important;
  }
  body[data-distance-page] #relogio .compatibility-copy{
    margin:0 0 10px !important;
    font-size:14.5px !important;
    line-height:1.45 !important;
    color:var(--muted-strong) !important;
  }
  body[data-distance-page] #relogio .compatibility-row{
    gap:8px !important;
  }
  body[data-distance-page] #relogio .compat-pill{
    min-height:30px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    font-size:.68rem !important;
    letter-spacing:.09em !important;
  }

  /* PROVA (mobile): manter só mídia + dots no card principal */
  body[data-distance-page] #prova .video-grid .video-card:first-child .video-copy.proof-copy-clean{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 14px 12px !important;
    gap:0 !important;
  }
  body[data-distance-page] #prova .video-grid .video-card:first-child .video-copy.proof-copy-clean > :not(.proof-dots){
    display:none !important;
  }
  body[data-distance-page] #prova .video-grid .video-card:first-child .video-copy.proof-copy-clean .proof-dots{
    margin:0 !important;
  }
}

/* Botão flutuante WhatsApp — LPs data-distance-page */
body[data-distance-page] .floating-wa{
  position:fixed;
  bottom:max(18px, env(safe-area-inset-bottom, 0px));
  right:max(18px, env(safe-area-inset-right, 0px));
  z-index:50;
  width:56px;
  height:56px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#fff;
  box-shadow:0 10px 24px rgba(37,211,102,.45),0 2px 8px rgba(0,0,0,.12);
  transition:transform .2s ease, box-shadow .2s ease;
  touch-action:manipulation;
}
body[data-distance-page] .floating-wa:hover{
  transform:scale(1.06);
  box-shadow:0 12px 28px rgba(37,211,102,.5),0 4px 12px rgba(0,0,0,.14);
}
body[data-distance-page] .floating-wa:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}
body[data-distance-page] .floating-wa:active{
  transform:scale(.98);
}
body[data-distance-page] .floating-wa .floating-wa-icon{
  display:block;
  color:inherit;
}
@media (prefers-reduced-motion:reduce){
  body[data-distance-page] .floating-wa{
    transition:none;
  }
  body[data-distance-page] .floating-wa:hover{
    transform:none;
  }
}