
@media(max-width:980px){.topbar{display:none}.menu-toggle{display:grid;gap:5px}.menu-toggle span:not(.sr-only){width:28px;height:2px;background:var(--navy)}.site-nav{position:fixed;left:20px;right:20px;top:88px;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:24px;display:grid;gap:18px;transform:scale(.98) translateY(-10px);opacity:0;pointer-events:none;transition:.2s}.site-nav.open{opacity:1;pointer-events:auto;transform:none}.hero__grid,.split,.contact-preview,.contact-layout,.calculator-layout{grid-template-columns:1fr}.hero__visual{min-height:440px}.cards--4,.pricing-grid{grid-template-columns:repeat(2,1fr)}.trust-grid,.steps{grid-template-columns:repeat(2,1fr)}.trust-grid div:nth-child(2){border-right:0}.footer-grid{grid-template-columns:repeat(2,1fr)}.final-cta__inner{display:grid}.result-card{position:static}.split--reverse> :first-child,.split--reverse> :last-child{order:initial}}
@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--container))}.section-pad{padding:72px 0}.nav-wrap{min-height:76px}.brand strong{font-size:1rem}.brand-mark{width:40px}.site-nav{top:78px}.hero{padding:60px 0 40px}.hero__grid{gap:34px}.hero__visual{min-height:360px}.window-frame{inset:50px 25px 30px 100px}.cleaner{right:55px;bottom:45px;transform:scale(.8)}.hero-card{left:10px;bottom:12px}.cards--4,.pricing-grid,.steps,.trust-grid,.footer-grid,.interval-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:14px}.pricing-grid .featured,.interval-grid .featured{transform:none}.form-row{grid-template-columns:1fr}.button-row{display:grid}.button-row .btn{width:100%}.final-cta__inner{text-align:center}.footer-bottom{display:grid;gap:8px}.mobile-actions{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;z-index:450;background:#fff;border-top:1px solid var(--line)}.mobile-actions a{padding:15px;text-align:center;font-weight:800}.mobile-actions a:last-child{background:var(--blue);color:#fff}.site-footer{padding-bottom:100px}.page-hero{padding:72px 0}.contact-form,.mini-form,.glass-panel{padding:24px}.result-card strong{font-size:2.5rem}}

/* Mobile stability fixes – V2 */
html,body{max-width:100%;overflow-x:hidden}
.site-header,.hero,.page-hero,.section-pad,.site-footer{overflow-x:clip}

@media(max-width:980px){
  .nav-wrap{position:relative}
  .site-nav{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
  .site-nav .btn{width:100%}
  .hero__content{max-width:720px}
  .intervals{flex-wrap:wrap}
  .contact-form .inline{display:flex;margin:8px 16px 8px 0}
}

@media(max-width:640px){
  body{padding-bottom:64px}
  h1{font-size:clamp(2.35rem,12vw,3.5rem)}
  h2{font-size:clamp(1.85rem,9vw,2.6rem)}
  h3{font-size:1.12rem}
  .lead{font-size:1.02rem}
  .section-head{margin-bottom:30px;text-align:left}
  .center{text-align:left}

  .brand{min-width:0;gap:8px}
  .brand strong{font-size:.9rem;letter-spacing:.09em}
  .brand small{font-size:.55rem;letter-spacing:.12em;margin-top:4px}
  .brand-mark{flex:0 0 38px;width:38px}
  .menu-toggle{flex:0 0 auto;padding:10px}
  .site-nav{left:14px;right:14px;top:70px;padding:20px;border:1px solid var(--line)}

  .hero{padding:44px 0 30px}
  .hero__grid{gap:26px}
  .hero__visual{min-height:300px;width:100%;max-width:520px;margin-inline:auto}
  .window-scene{border-radius:26px}
  .sun{width:78px;height:78px;right:28px;top:28px}
  .house-shape{width:230px;height:150px;left:5px;bottom:48px}
  .window-frame{inset:36px 18px 24px 74px;border-width:8px}
  .cleaner{right:20px;bottom:24px;transform:scale(.68);transform-origin:right bottom}
  .shine--one{top:32px;left:74px}.shine--two{right:30px;bottom:26px}
  .hero-card{left:12px;right:12px;bottom:10px;padding:12px 14px;border-radius:12px}
  .hero-card strong{font-size:.9rem}.hero-card span{font-size:.78rem}

  .trust-grid{padding:18px 0;gap:12px}
  .trust-grid div{padding:0 0 12px}
  .service-card,.price-card{padding:22px}
  .glass-panel{padding:24px;border-radius:22px}
  .portrait-placeholder{min-height:330px;padding:28px}
  .portrait-badge{width:110px;height:110px;font-size:3rem}

  .calculator-layout{gap:24px}
  .calc-step{padding:20px}
  .counter{grid-template-columns:48px minmax(0,1fr) 48px}
  .result-card{padding:26px}
  .result-card strong{font-size:2.25rem}

  .contact-layout,.contact-preview{gap:30px}
  .contact-form fieldset{padding:14px}
  .contact-form .inline{display:flex;width:100%;margin:8px 0;gap:8px}
  .contact-big{font-size:1.55rem;overflow-wrap:anywhere}
  input,textarea,select{min-width:0}

  .mobile-actions{min-height:64px;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-actions a{display:grid;place-items:center;min-height:64px;padding:10px}
  .site-footer{padding-bottom:35px}
}

@media(max-width:390px){
  .container{width:min(calc(100% - 22px),var(--container))}
  .hero__visual{min-height:270px}
  .window-frame{inset:34px 12px 24px 58px}
  .cleaner{right:4px;transform:scale(.6);transform-origin:right bottom}
  .hero-card{font-size:.85rem}
  .btn{padding-inline:16px;min-height:48px}
  .page-hero{padding:56px 0}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

@media(max-width:640px){h1{font-size:clamp(2.35rem,12vw,3.5rem);line-height:1.1;max-width:14ch}h2{font-size:clamp(1.85rem,9vw,2.7rem);line-height:1.18}h3{line-height:1.3}.lead{font-size:1.05rem;line-height:1.68}.mobile-actions a{line-height:1.3;white-space:normal}.hero-card{max-width:calc(100% - 20px)}}
@media(max-width:360px){.container{width:min(calc(100% - 24px),var(--container))}h1{font-size:clamp(2.15rem,11.5vw,2.65rem)}.contact-form,.mini-form,.glass-panel,.service-card,.price-card{padding:20px}}
