@media(max-width:1200px){.main-nav{gap:12px}.main-nav>a,.nav-drop summary{font-size:12px}.header-cta{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.site-header{padding:0 25px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px 25px;box-shadow:var(--shadow)}.main-nav.open{display:grid;gap:14px}.nav-drop div{position:static;box-shadow:none;width:auto}.hero{grid-template-columns:1fr;padding:70px 8vw}.hero-visual{max-width:530px;width:100%;margin:auto}.two-col,.ai-section,.quote-layout{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-grid>div:first-child{grid-row:span 2}.benefit-bar{margin:0}.industry-card{grid-template-columns:40% 60%}}@media(max-width:768px){.section{padding:65px 22px}.hero{min-height:auto;padding:65px 24px 42px}.hero-visual{height:330px}.laptop{height:235px}.dash{padding:15px}.chart-title{margin-top:15px}.phone{height:230px;width:125px}.benefit-bar{grid-template-columns:repeat(2,1fr)}.benefit-bar div:nth-child(2){border-right:0}.benefit-bar div{padding:15px}.service-grid,.pricing-grid{grid-template-columns:1fr}.large.service-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}.industry-mini,.three-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.consultation{padding:42px 22px;display:block}.consultation .btn{margin-top:10px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.industry-card{grid-template-columns:1fr}.industry-photo{min-height:200px}.quote-layout{padding:0 0}.page-hero{padding:70px 22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}@media(max-width:576px){h1{font-size:2.35rem}.site-header{height:68px;padding:0 16px}.main-nav{top:68px}.brand{font-size:13px}.hero-actions .btn{width:100%}.trust-inline{gap:9px}.hero-visual{height:270px}.laptop{height:190px;top:35px}.chart{height:80px}.dash-cards{display:none}.phone{right:0;height:205px;width:108px;padding:18px 9px}.price-badge{right:150px}.benefit-bar{grid-template-columns:1fr}.benefit-bar div{border-right:0;border-bottom:1px solid var(--line)}.check-grid,.form-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.cookie-banner{display:block;bottom:7px;left:7px;right:7px}.cookie-banner div{margin-top:8px}.footer-grid{gap:20px}.footer-bottom{font-size:10px}}


/* ==== MOBILE COMFORT UPGRADES ==== */
@media(max-width:992px){
  .poster-grid{grid-template-columns:repeat(2,1fr)}
  .nav-drop div{padding:4px 0 0 12px;border:0;border-left:2px solid var(--blue)}
  .main-nav>a,.nav-drop summary{padding:9px 0;font-size:15px}
  .header-cta{display:inline-flex;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:30;padding:13px 26px;border-radius:12px;box-shadow:0 10px 28px #c8102e66;width:max-content}
  body{padding-bottom:0}
}
@media(max-width:768px){
  input,select,textarea{font-size:16px;padding:12px}
  .btn{padding:13px 18px;min-height:46px}
  .menu-toggle{min-height:44px;min-width:44px}
  .brand-mark{width:38px;height:38px;font-size:20px}
  .brand small{font-size:9px}
  .section{padding:60px 20px}
  .section-head{margin:0 auto 34px}
  .poster-card{min-height:340px}
  .poster-card>div{padding:22px}
  .poster-card h3{font-size:19px}
  .footer-grid{padding:0 6px}
  .cookie-banner{max-width:94%;margin:0 auto}
  .scroll-top{right:14px;bottom:84px;width:44px;height:44px}
  .service-card,.pricing-card,.three-grid article{padding:22px}
  .image-panel{height:300px}
  .process-grid{gap:12px}
  .process-grid article{padding:16px 12px}
  .accordion summary{padding:15px 0}
  .legal-content article{padding:18px 0}
  .project-detail .project-hero-image{height:250px}
  .page-hero{padding:64px 20px 56px}
}
@media(max-width:576px){
  .poster-grid{grid-template-columns:1fr}
  .hero{padding:56px 20px 40px}
  .hero h1{font-size:2.1rem}
  .lead{font-size:1rem}
  .trust-inline{font-size:11px;gap:10px}
  .benefit-bar div{padding:14px}
  .main-nav{padding:18px 20px 90px}
  .form-card{padding:20px}
  .quote-layout{padding:0 4px}
  .two-col{gap:30px}
  .ai-section{gap:30px}
  .ai-visual{height:280px}
  .footer-grid{gap:22px}
  .footer-grid h3{font-size:14px}
  .footer-grid a{font-size:13px;margin:9px 0}
  .footer-bottom{font-size:11px;line-height:1.7}
  .toast{right:12px;left:12px;max-width:none}
}

/* Hide floating CTA while cookie banner is open (mobile) */
@media(max-width:992px){body.cookie-open .header-cta{display:none}}