/* Final responsive layer: approved desktop rules remain unchanged. */
@media(max-width:1199px){
 .header-inner{min-width:0}.header nav.open{max-height:calc(100svh - 84px);overflow-y:auto}
 .footer-contact,.footer-navigation,.footer-statement{min-width:0}
 .qfc-footer .footer-contact small{overflow-wrap:anywhere}
}
@media(min-width:768px) and (max-width:900px){
 .home-about-reference .about-indicators{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .home-about-reference .about-indicator{height:390px}
 .qabout .qa-experience{grid-template-columns:1fr;gap:24px}
 .qabout .qa-sector-photo{height:25cqw}
 .qabout .qa-experience>div>p{font-size:16px;max-width:65ch}
}
@media(max-width:767px){
 .hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#fff}
 .hero .hero-copy{position:relative;order:1;inset:auto;width:100%;padding:32px 7% 24px}
 .hero h1{white-space:normal;font-size:clamp(36px,8vw,52px);line-height:1.02}
 .hero>.home-conversation-cta{position:relative;order:2;inset:auto;width:86%;max-width:none;margin:0 auto 24px}
 .home-conversation-cta__bar{grid-template-columns:48px minmax(0,1fr);border-radius:26px;gap:12px;padding:16px}
 .home-conversation-cta__divider{display:none}
 .home-conversation-cta__copy strong{font-size:16px}.home-conversation-cta__copy small{font-size:13px}
 .home-conversation-cta__button{grid-column:1/-1;min-height:44px;justify-self:stretch}
 .hero .hero-media{position:relative;order:3;inset:auto;width:100%;height:auto;--mobile-video-height:clamp(250px,65vw,390px)}
 .hero .hero-visual{position:relative;inset:auto;width:100%;height:var(--mobile-video-height);margin:0}
 .hero video,.hero .hero-video-fallback{inset:0;width:100%;height:100%;object-fit:cover;object-position:42% center}
 .hero .hero-decoration{inset:0 0 auto;width:100%;height:var(--mobile-video-height);object-fit:cover;transform:none}
 .hero .hero-promise{position:relative;inset:auto;width:92%;height:auto;margin:-36px 0 0 8%;padding:24px 7%;display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 14px;text-align:left;border-radius:65px 0 0 0}
 .hero .hero-promise>svg{grid-row:1/3;width:42px;height:42px;margin:0}
 .hero .hero-promise h2{font-size:22px;margin:0}.hero .hero-promise p{font-size:15px;margin:0}
 .hero .hero-promise br{display:none}
 .qabout .qa-intro{width:100%;background:transparent}
 .qabout .qa-intro strong{white-space:normal}
 .qabout .qa-hero-photo{width:100%;position:relative;inset:auto;order:2}
 .home-about-reference .about-indicators{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-about-reference .about-heading h2{font-size:clamp(27px,5vw,36px)}
 .product-slide{width:88%}.product-stage{height:clamp(210px,56vw,360px)}
 .product-arrow{width:44px;height:44px}.product-dot{width:36px;height:44px}
 .product-slide[data-offset="0"] .product-whatsapp{min-height:44px;top:76.1%;bottom:auto}
 .home-footer-intro{position:relative;top:auto;left:auto;width:88%;height:auto;margin:0 auto;padding:18px 0 22px}
 .home-footer-intro::after{top:4px;height:78px;left:4%}
 .home-footer-intro h2{font-size:clamp(18px,3.8vw,24px)}
 .home-footer-intro::before{margin-bottom:10px}
 .qfc-footer .footer-navigation{gap:0}.qfc-footer .footer-navigation h2{margin-bottom:14px}
 .qfc-footer .footer-navigation a{display:flex;align-items:center;min-height:44px}
 .qfc-footer .footer-social a{width:44px;height:44px}
 .faq-search input{font-size:16px}
 .qservices .qs-tabs button{font-size:12px;line-height:1.3}
 .qservices .qs-card button{min-width:44px;min-height:44px}
}
@media(min-width:701px) and (max-width:1050px){
 .qfc-footer .footer-inner{gap:36px 28px}
 .footer-bottom{flex-wrap:wrap;gap:16px}
}
@media(max-width:767px){
 .hero .hero-visual{clip-path:ellipse(87% 91% at 79% 10%)}
}
/* Keep both approved hero compositions horizontal below desktop. */
@media(max-width:1000px){
 .hero{display:block;container-type:inline-size;height:62vw;min-height:0;aspect-ratio:auto;padding:0;background:#fff}
 .hero .hero-media{position:absolute;inset:0;width:100%;height:100%;margin:0}
 .hero .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0;clip-path:url(#hero-video-clip)}
 .hero video,.hero .hero-video-fallback{position:absolute;left:31%;top:0;width:69%;height:100%;object-fit:cover;object-position:42% center}
 .hero .hero-decoration{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 64%;transform:scale(1.06)}
 .hero .hero-copy{position:absolute;top:18%;left:5%;width:43%;padding:0;margin:0}
 .hero .eyebrow{font-size:1.4cqw;letter-spacing:.55cqw;margin:0 0 2cqw;line-height:1.2}
 .hero .eyebrow::after{width:4.6cqw;height:1px;margin-top:1.7cqw}
 .hero h1{font-size:5.2cqw;line-height:.95;margin:0 0 2cqw;white-space:nowrap}
 .hero h1 span{margin-top:.8cqw}
 .hero-description{font-size:1.8cqw;line-height:1.35;margin:0 0 2.6cqw;max-width:100%}
 .hero .button-outline{font-size:1.55cqw;min-height:4.5cqw;padding:1cqw 2cqw;gap:1.5cqw}
 .hero .button-outline span{font-size:2cqw}
 .hero .hero-promise{position:absolute;left:auto;right:-1%;top:auto;bottom:10%;width:19cqw;height:19cqw;margin:0;padding:2cqw 1.4cqw;border-radius:50%;display:flex;flex-direction:column;gap:0;text-align:center}
 .hero .hero-promise>svg{width:4cqw;height:4cqw;margin:0 auto .7cqw}
 .hero .hero-promise h2{font-size:2cqw;line-height:1.07;margin:0 0 .8cqw}
 .hero .hero-promise p{font-size:1.5cqw;line-height:1.2;margin:0}
 .hero .hero-promise br{display:block}
 .hero>.home-conversation-cta{position:absolute;inset:auto auto 4.5% 5%;width:65%;max-width:none;margin:0;padding:0}
 .home-conversation-cta__bar{grid-template-columns:4.8cqw 1px minmax(0,1fr) auto;gap:1.2cqw;min-height:6.4cqw;padding:.8cqw 1cqw;border-radius:999px}
 .home-conversation-cta__icon{width:4.8cqw;height:4.8cqw}.home-conversation-cta__icon svg{width:3.3cqw;height:3.3cqw}
 .home-conversation-cta__divider{display:block;height:4cqw}
 .home-conversation-cta__copy{gap:.4cqw}.home-conversation-cta__copy strong{font-size:1.3cqw;letter-spacing:0}.home-conversation-cta__copy small{font-size:1.1cqw}
 .home-conversation-cta__button{grid-column:auto;min-width:10.8cqw;min-height:4cqw;width:auto;padding:1cqw 1.4cqw;margin:0;font-size:1.2cqw;gap:1.2cqw}
 .home-conversation-cta__button span{font-size:1.8cqw}
 .qabout .qa-hero.qa-hero-approved{display:block;aspect-ratio:1840/854;min-height:0;padding:0;background-size:100% auto;background-position:center top}
 .qabout .qa-hero-approved .qa-intro{position:relative;width:53%;padding:6% 0 3% 8%;background:transparent}
 .qabout .qa-hero-approved .qa-eyebrow{font-size:1.3cqw!important;letter-spacing:.3cqw}
 .qabout .qa-hero-approved .qa-line{width:3.4cqw;height:1px;margin:1cqw 0 1.7cqw}
 .qabout .qa-hero-approved h2{font-size:3.8cqw;line-height:1.03;letter-spacing:-.08cqw;margin:0 0 1.3cqw}
 .qabout .qa-hero-approved h2 strong{white-space:nowrap}
 .qabout .qa-hero-approved .qa-intro>p:last-of-type{font-size:1.65cqw;line-height:1.25;max-width:95%}
 .qabout .qa-hero-approved .qa-button{font-size:1.5cqw;min-height:0;padding:1.05cqw 1.9cqw;margin-top:1.35cqw;gap:1.4cqw}
 .qabout .qa-hero-approved .qa-button span{font-size:1.6cqw}
}
@media(max-width:480px){
 .hero-description{font-size:clamp(8px,2.3cqw,11px)}
 .hero .button-outline{font-size:clamp(7px,1.8cqw,9px);min-height:22px}
 .hero .hero-promise h2{font-size:clamp(8px,2.3cqw,11px)}
 .hero .hero-promise p{font-size:clamp(7px,1.9cqw,9px)}
 .home-conversation-cta__copy strong{font-size:clamp(6px,1.7cqw,8px)}
 .home-conversation-cta__copy small{font-size:clamp(5.5px,1.5cqw,7px)}
 .home-conversation-cta__button{font-size:clamp(6px,1.6cqw,8px);min-height:22px}
 .qabout .qa-hero-approved .qa-intro>p:last-of-type{font-size:clamp(7px,2cqw,9px)}
 .qabout .qa-hero-approved .qa-button{font-size:clamp(7px,1.8cqw,9px);min-height:20px}
}