@media(max-width:1050px){.header-cta{display:none}.main-nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center;margin:auto}.hero-actions{justify-content:center}.dental-stage{height:490px}.dental-model{transform:scale(.85) rotateX(-7deg) rotateY(-18deg)}.quote-grid,.cards.four{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:35px}.split.reverse .image-wrap{order:0}.image-wrap img{height:480px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.site-header{height:74px;padding:8px 18px;background:rgba(251,250,247,.94)}.brand img{width:138px}.menu-toggle{display:flex;margin-right:auto;background:none;border:0;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--navy)}.main-nav{position:fixed;top:74px;right:14px;left:14px;display:none;flex-direction:column;padding:24px;background:white;border-radius:18px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.hero{min-height:auto;padding:120px 18px 35px}.hero h1,.page-hero h1{font-size:43px}.dental-stage{height:390px;margin-top:20px}.dental-model{width:390px;height:320px;transform:scale(.67) rotateX(-7deg) rotateY(-18deg)}.trust-strip{grid-template-columns:1fr 1fr;font-size:14px}.trust-strip div{padding:8px}.trust-strip div+div{border:0}.section{padding:75px 20px}.quote-grid,.cards.four,.cards.three,.team-grid,.treatment-list,.contact-grid{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr 1fr}.mosaic img{height:260px}.mosaic img:first-child{grid-column:1/-1;height:350px}.team-grid img{height:340px}.team-detail article{grid-template-columns:1fr;gap:25px;margin-bottom:60px}.team-detail article:nth-child(even) img{order:0}.team-detail img{width:100%;height:440px}.lead-form{grid-template-columns:1fr;padding:24px}.lead-form .full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding:130px 20px 70px}.image-wrap img{height:380px}.timeline article{grid-template-columns:55px 1fr}.timeline b{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dental-model,.arch,.reveal{transition:none!important}.scroll-hint{display:none}}
@media(max-width:1050px){.hero-video-stage{min-height:auto;height:auto;margin-top:28px}.hero-video-frame{width:min(820px,100%);transform:none}.hero-video-stage .scroll-hint{display:none}}
@media(max-width:760px){.hero-video-stage{padding:0;margin-top:26px}.hero-video-frame{border-radius:22px}.hero-video-badge{right:12px;bottom:12px;font-size:12px;padding:7px 10px}.video-toggle{left:11px;bottom:10px;width:40px;height:40px}.hero-video{object-position:center}}
@media(prefers-reduced-motion:reduce){.hero-video-frame{transform:none}.hero-video-stage .scroll-hint{display:none}}


/* Mobile QA refinements */
@media(max-width:760px){
  body{overflow-x:hidden}
  .hero{padding:106px 18px 34px}
  .hero-copy{max-width:100%;width:100%}
  .hero h1{font-size:clamp(32px,9.4vw,38px);line-height:1.09;letter-spacing:-.032em;max-width:350px;margin:.12em auto .34em}
  .hero .lead{font-size:17px;line-height:1.65;max-width:350px;margin-inline:auto}
  .hero-actions{flex-direction:column;align-items:stretch;max-width:320px;margin:24px auto 14px}
  .hero-actions .btn{width:100%;min-height:48px;padding-inline:18px}
  .hero small{display:block;max-width:342px;margin-inline:auto;font-size:13px;line-height:1.55}
  .hero-video-stage{margin-top:22px}
  .hero-video-frame{width:100%}
  .hero-video-badge{max-width:calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wa-float{left:16px;bottom:16px;width:54px;height:54px}
  .main-nav a{padding:8px 4px}
}
@media(max-width:400px){
  .hero h1{font-size:34px;max-width:330px}
  .hero .lead{font-size:16.5px}
  .eyebrow{font-size:14px}
}


/* Video depth treatment */
@media(max-width:1050px){
  .hero-video-stage:before{width:min(760px,88%);transform:translate(-12px,16px) rotate(-1.4deg)}
  .hero-video-stage:after{left:12%;right:12%;bottom:2%;height:15%;filter:blur(26px)}
  .hero-video-frame:hover{transform:translateY(-3px)}
}
@media(max-width:760px){
  .hero-video-stage{padding-bottom:18px}
  .hero-video-stage:before{width:calc(100% - 18px);border-radius:25px;transform:translate(-7px,10px) rotate(-.8deg);opacity:.78;box-shadow:0 18px 44px rgba(15,43,61,.12)}
  .hero-video-stage:after{left:9%;right:9%;bottom:1%;height:16%;filter:blur(21px);opacity:.8}
  .hero-video-frame{outline-offset:3px;box-shadow:0 7px 16px rgba(7,28,41,.11),0 20px 42px rgba(15,43,61,.20),0 40px 78px rgba(7,28,41,.18)}
  .hero-video-frame:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-video-frame{transition:none}
  .hero-video-frame:hover{transform:none}
}


/* Image depth treatment on smaller screens */
@media(max-width:760px){
  .image-wrap,
  .team-grid article,
  .team-detail img,
  .mosaic img{
    outline-offset:3px;
    box-shadow:
      0 7px 15px rgba(7,28,41,.08),
      0 18px 36px rgba(15,43,61,.14),
      0 34px 64px rgba(7,28,41,.10);
  }
  .image-wrap:after,
  .team-grid article:after{
    inset:auto 10% -10px 10%;
    height:24px;
    filter:blur(14px);
  }
  .image-wrap:hover,
  .team-grid article:hover,
  .team-detail img:hover,
  .mosaic img:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .image-wrap,
  .team-grid article,
  .team-detail img,
  .mosaic img{transition:none}
}


/* Mobile typography, brand and WhatsApp refinements — v5 */
@media(max-width:1050px){
  .site-header{min-height:82px;height:82px}
  .brand-mark{width:56px;height:56px;border-radius:17px}
  .brand-mark img{width:51px;height:48px}
  .brand-name{font-size:22px}
  .brand-tagline{font-size:11.5px;margin-top:6px}
}
@media(max-width:760px){
  .site-header{height:74px;min-height:74px;padding:7px 14px;gap:12px}
  .brand-lockup{gap:8px}
  .brand-mark{width:49px;height:49px;border-radius:15px}
  .brand-mark img{width:45px;height:42px}
  .brand-name{font-size:19px;letter-spacing:-.04em}
  .brand-tagline{font-size:10px;margin-top:5px}
  .main-nav{top:74px}
  .page-hero{padding:118px 18px 58px}
  .page-hero h1{font-size:clamp(31px,8.7vw,37px);line-height:1.14;letter-spacing:-.03em;margin-inline:auto;max-width:520px}
  .section-head h2,.content h2,.cta-section h2{font-size:clamp(28px,8vw,35px);line-height:1.17;letter-spacing:-.025em}
  .team-detail h2{font-size:31px;line-height:1.15}
  .treatment-list h2{font-size:27px;line-height:1.18}
  .timeline h2{font-size:26px;line-height:1.2}
  .faq-list summary{font-size:19px;line-height:1.35}
  .footer-brand .brand-mark{width:68px;height:68px;border-radius:21px}
  .footer-brand .brand-mark img{width:61px;height:57px}
  .footer-brand .brand-name{font-size:27px}
  .footer-brand .brand-tagline{font-size:12px}
  .wa-float{left:14px;bottom:14px;width:auto;height:52px;min-width:52px;padding:0 14px;gap:8px;font-size:14.5px}
  .wa-float .wa-icon{width:26px;height:26px}
  .hero-actions .btn-whatsapp{gap:8px}
  .hero-actions .btn-whatsapp .wa-icon{width:23px;height:23px}
}
@media(max-width:390px){
  .brand-name{font-size:17.5px}
  .brand-tagline{font-size:9.2px}
  .brand-mark{width:46px;height:46px}
  .brand-mark img{width:42px;height:40px}
  .hero h1{font-size:31px;max-width:320px}
  .page-hero h1{font-size:31px}
  .section-head h2,.content h2,.cta-section h2{font-size:29px}
  .wa-float{font-size:14px;padding-inline:12px}
}

/* Before & after and final mobile overflow pass */
@media(max-width:1180px){
  .site-header{height:82px;min-height:82px}
  .menu-toggle{display:flex;margin-right:auto;background:none;border:0;flex-direction:column;gap:5px;cursor:pointer}
  html[dir="ltr"] .menu-toggle{margin-right:0;margin-left:auto}
  .menu-toggle span{display:block;width:26px;height:2px;background:var(--navy)}
  .main-nav{
    position:fixed;
    top:82px;
    right:18px;
    left:18px;
    display:none;
    flex-direction:column;
    gap:4px;
    padding:20px 24px;
    background:#fff;
    border:1px solid rgba(11,49,66,.08);
    border-radius:18px;
    box-shadow:var(--shadow);
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:7px 4px}
}
@media(max-width:1100px){
  .before-after-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .result-video-grid{grid-template-columns:1fr 1fr}
  .result-video-card:last-child{grid-column:1/-1;max-width:620px;width:100%;justify-self:center}
  .home-results-grid{grid-template-columns:1fr 1fr}
  .home-result-card:first-child{grid-column:1/-1}
}
@media(max-width:760px){
  .site-header{width:100%;max-width:100vw;height:74px;min-height:74px;overflow:visible}
  .brand-lockup{min-width:0;max-width:calc(100vw - 142px)}
  .brand-copy{min-width:0}
  .brand-name,.brand-tagline{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .main-nav{top:74px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain}
  .main-nav a{overflow-wrap:anywhere}
  .before-after-hero{padding-bottom:58px}
  .result-video-grid,.before-after-grid,.home-results-grid{grid-template-columns:1fr}
  .result-video-card:last-child,.home-result-card:first-child{grid-column:auto;max-width:none}
  .result-video-card div{padding:15px 16px}
  .before-after-grid{gap:16px}
  .before-after-card{border-radius:20px}
  .before-after-card img{aspect-ratio:auto;height:auto}
  .home-result-card img,.home-result-card video{height:auto;aspect-ratio:3/4;object-fit:cover}
  .home-result-card:first-child video{aspect-ratio:16/10}
  .result-disclaimer{margin-top:26px;padding:15px;font-size:13px;line-height:1.55}
  .section-head p,.content p,.page-hero p,.cta-section p{font-size:17px}
  .cta-section .btn{width:min(100%,330px);white-space:normal;text-align:center}
  .footer-grid,.footer-bottom{min-width:0}
  .footer-grid a,.footer-grid p,.footer-bottom span{max-width:100%;overflow-wrap:anywhere}
  .contact-card>a:not(.btn){font-size:18px;overflow-wrap:anywhere}
  input,select,textarea,button{max-width:100%}
}
@media(max-width:430px){
  .site-header{gap:8px;padding-inline:10px}
  .brand-lockup{max-width:calc(100vw - 128px);gap:6px}
  .brand-mark{width:44px;height:44px;border-radius:14px}
  .brand-mark img{width:40px;height:38px}
  .brand-name{font-size:16.5px}
  .brand-tagline{font-size:8.8px}
  .language-toggle{min-width:44px}
  .menu-toggle{flex:0 0 auto;padding-inline:3px}
  .section{padding-inline:16px}
  .page-hero{padding-inline:16px}
}
@media(max-width:350px){
  .brand-tagline,.language-toggle-copy{display:none}
  .brand-lockup{max-width:calc(100vw - 112px)}
  .language-toggle{width:44px;justify-content:center;padding-inline:0}
  .hero h1,.page-hero h1{font-size:29px}
  .wa-float span{display:none}
  .wa-float{width:50px;min-width:50px;padding:0}
}
