/* Final responsive safety layer: phones, tablets, foldables and smart displays. */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
img{height:auto}
main,main>*,section,header,footer,nav,form,article,aside,div{min-width:0}
p,h1,h2,h3,h4,a,strong,span{overflow-wrap:anywhere}
input,select,textarea,button{max-width:100%}

@media (max-width:1050px){
  .header{width:100%;padding-inline:clamp(18px,4vw,34px)!important}
  .header .brand-logo{flex:0 1 165px;min-width:118px}
  .header .top-tech{flex:0 0 auto}
  .header nav{overscroll-behavior:contain;scrollbar-gutter:stable}
  .header nav>a,.header .drop>button{flex:0 0 auto}
  .header .mega a{grid-template-columns:38px minmax(0,1fr)}
  .hero{gap:24px;padding-block:58px!important}
  .hero-copy{max-width:720px}
  .system-map{overflow:visible}
  .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-grid,.contact-grid,.ai-block,.video-wrap{grid-template-columns:minmax(0,1fr)}
  .section-head{align-items:start}
  .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .booking-shell{grid-template-columns:minmax(0,1fr)}
  .blog-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-wrap{grid-template-columns:minmax(0,1fr)}
  .article-side{position:static}
  .footer-contact-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-links-area{grid-template-columns:1.35fr repeat(2,minmax(0,1fr))}
  .footer-brand-panel{grid-row:span 2}
}
.header .mega .mega-icon{width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.header .mega .mega-icon svg{width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;display:block!important;flex:none!important}
.header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1000!important;
  box-shadow:0 10px 30px rgba(7,42,24,.09);
}
html{scroll-padding-top:94px}
body{padding-top:82px}
.home-insights{padding:96px var(--site-gutter);background:#f7faf8}.home-insights-head{max-width:1240px;margin:0 auto 38px;display:flex;justify-content:space-between;align-items:end;gap:40px}.home-insights-head h2{font-size:clamp(38px,4.8vw,64px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 0;max-width:760px}.home-insights-head p{max-width:470px;color:#64746b;line-height:1.7}.home-insights-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-insight-card{background:#fff;border:1px solid #dce6df;border-radius:25px;overflow:hidden;box-shadow:0 14px 42px rgba(8,46,29,.07);transition:transform .3s,box-shadow .3s}.home-insight-card:hover{transform:translateY(-7px);box-shadow:0 24px 58px rgba(8,46,29,.14)}.home-insight-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#0c3d27}.home-insight-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s}.home-insight-card:hover img{transform:scale(1.055)}.home-insight-card>div{padding:25px}.home-insight-card h3{font-size:21px;line-height:1.3;margin:14px 0 10px}.home-insight-card p{color:#64746b;line-height:1.65;margin:0 0 22px}.insight-link{color:#896c17;font-weight:800}.home-insights-more{text-align:center;margin-top:34px}@media(max-width:900px){.home-insights-head{display:block}.home-insights-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.home-insights{padding-block:64px}.home-insights-grid{grid-template-columns:1fr}.home-insights-head h2{font-size:38px}}

@media (max-width:820px){
  :root{--site-gutter:clamp(18px,4.5vw,30px)}
  .announcement{padding-inline:16px;text-align:center;line-height:1.25}
  .top-tech{display:none}
  .header .brand-logo{width:150px!important;max-width:45vw}
  .hero h1,.page-hero h1,.contact-v2-hero h1{font-size:clamp(40px,9vw,64px)}
  .section h2,.mobile-copy h2,.faq-intro h2,.booking-copy h2,.pricing-head h2{font-size:clamp(34px,7vw,50px)}
  .reviews,.industry-grid,.contact-trust{grid-template-columns:minmax(0,1fr)}
  .contact-v2-hero .inner,.contact-v2-body{grid-template-columns:minmax(0,1fr)}
  .response-note{display:none}
  .sticky-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding-block:10px!important}
  .sticky-cta>div{display:none}
  .sticky-cta>.primary{width:100%}
  .sticky-cta form{display:none}
  .mobile-product{grid-template-columns:minmax(0,1fr);gap:36px}
  .phone-stage{width:min(620px,100%);margin-inline:auto}
  .faq-section{grid-template-columns:minmax(0,1fr)}
  .faq-intro{position:static}
  .footer-company-line,.footer-bottom-premium{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
}

@media (max-width:650px){
  :root{--site-gutter:18px}
  html{scroll-padding-top:78px}
  body{padding-top:66px}
  .announcement{height:32px;min-height:32px}
  .announcement a{font-size:11px;white-space:normal}
  .header{height:66px!important;min-height:66px;padding-inline:16px!important;gap:8px!important}
  .header .brand-logo{width:136px!important;height:44px!important;flex-basis:136px;max-width:52vw}
  .header .brand-logo img{max-height:39px}
  .head-actions{gap:6px}
  .menu{width:43px!important;height:43px!important;min-width:43px}
  .header nav{top:66px!important;height:calc(100dvh - 66px)!important;width:min(90vw,360px)!important;padding:12px 14px calc(20px + env(safe-area-inset-bottom))!important}
  .header nav>a,.drop>button{min-height:46px!important}
  .hero{padding:44px var(--site-gutter) 54px!important;gap:18px}
  .hero h1{font-size:clamp(40px,12.2vw,54px);letter-spacing:-.045em}
  .hero-copy>p,.page-hero p,.contact-v2-hero p{font-size:16px;line-height:1.65}
  .hero-actions{width:100%}
  .hero-actions>*{width:100%;text-align:center;justify-content:center}
  .proof-line{gap:9px 15px}
  .system-map{height:360px;transform:scale(.78);transform-origin:center;margin:-24px auto -44px}
  .section,.page-hero,.pricing-section,.booking-reimagined,.blog-hub,.article-wrap,.mobile-product,.faq-section{padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important}
  .section{padding-block:64px}
  .section-head{display:block;margin-bottom:28px}
  .module-grid,.pricing-grid,.blog-grid-full,.content-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}
  .card,.review,.industry,.price-card{padding:22px}
  .ai-block{padding:28px 20px;border-radius:24px;gap:28px}
  .ai-chat{padding:17px;border-radius:18px}
  .bubble{max-width:95%}
  .video{border-radius:18px}
  .connected-scene{padding-top:62px!important}
  .ecosystem{grid-template-columns:minmax(0,1fr);padding-top:270px;overflow:visible}
  .eco-card{width:100%}
  .integration-stage{grid-template-columns:minmax(0,1fr);padding-top:305px;overflow:visible}
  .integration-node{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}
  .integration-node img{width:46px;height:46px}
  .integration-stage-foot{letter-spacing:.16em;text-align:center}
  .mobile-product{padding-block:64px;overflow:hidden}
  .phone-stage{height:455px;width:100%}
  .phone{width:220px;height:440px;border-width:6px}
  .phone-front{left:calc(50% - 88px)}
  .phone-back{left:calc(50% - 210px)}
  .article-cover{margin:-18px var(--site-gutter) 0;border-radius:18px}
  .article-cover figcaption{position:static;border-radius:0;line-height:1.4}
  .article-wrap{padding-block:56px}
  .takeaway-panel{padding:22px}
  .blog-tools{align-items:stretch;flex-direction:column}
  .blog-filter{display:grid;grid-template-columns:1fr 1fr}
  .blog-filter button{padding:10px 8px}
  .blog-search input{width:100%}
  .blog-card{min-height:0}
  .blog-card-media{height:190px}
  .faq-section{padding-block:66px}
  .faq-intro h2{font-size:clamp(34px,10vw,44px)}
  .faq-list summary{grid-template-columns:minmax(0,1fr) 34px;gap:12px;font-size:16px}
  .faq-list details p{margin-right:0}
  .booking-panel,.contact-panel,.contact-form-v2{padding:22px;border-radius:22px}
  .booking-steps{display:grid;grid-template-columns:minmax(0,1fr)}
  .booking-step{min-width:0}
  .language-grid,.form-grid-v2{grid-template-columns:minmax(0,1fr)}
  .form-grid-v2 label.full,.form-grid-v2 .submit-row{grid-column:auto}
  .form-grid-v2 .submit-row{align-items:stretch;flex-direction:column}
  dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:20px;overflow:auto}
  .dialog-grid{grid-template-columns:minmax(0,1fr)}
  .dialog-grid>div{padding:28px 22px!important}
  .dialog-grid>form,#regForm{padding:22px!important;grid-template-columns:minmax(0,1fr)}
  .dialog-grid h2{font-size:30px}
  .dialog-grid form button,.dialog-grid form small{grid-column:auto}
  .footer-contact-band{grid-template-columns:minmax(0,1fr)}
  .footer-contact-band>a{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .footer-contact-band strong{word-break:break-word}
  .footer-contact-band button{width:100%;margin-block:8px}
  .footer-links-area{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px;padding-block:48px}
  .footer-brand-panel{grid-column:1/-1;grid-row:auto}
  .footer-bottom-premium nav{display:flex;flex-wrap:wrap;gap:12px 18px}
  .footer-inline-social{flex-wrap:wrap}
  .whatsapp-concierge{right:12px;bottom:74px;max-width:calc(100vw - 24px)}
  .wa-prompt{width:min(286px,calc(100vw - 24px))}
  #toast{right:12px;left:12px;bottom:80px;text-align:center}
}

@media (max-width:380px){
  :root{--site-gutter:15px}
  .header{padding-inline:13px!important}
  .header .brand-logo{width:122px!important;flex-basis:122px}
  .hero h1{font-size:39px}
  .system-map{transform:scale(.69);margin:-45px auto -72px}
  .phone-stage{height:425px}
  .phone{width:205px;height:410px}
  .phone-front{left:calc(50% - 78px)}
  .phone-back{left:calc(50% - 195px)}
  .footer-links-area{grid-template-columns:minmax(0,1fr)}
  .footer-brand-panel{grid-column:auto}
  .blog-filter{grid-template-columns:minmax(0,1fr)}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:950px){
  body{padding-top:60px}
  html{scroll-padding-top:70px}
  .header nav{top:60px!important;height:calc(100dvh - 60px)!important}
  .header{height:60px!important;min-height:60px}
  .announcement{display:none}
  dialog{max-height:calc(100dvh - 12px)}
  .whatsapp-concierge{bottom:14px}
}

@media (hover:none){
  .card:hover,.blog-card:hover,.industry:hover,.review:hover,.integration-node:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* Persistent conversion bar and left-side WhatsApp concierge. */
body{padding-bottom:88px}
.sticky-cta{
  position:fixed!important;
  inset:auto 0 0 0!important;
  width:100%!important;
  z-index:900!important;
}
.whatsapp-concierge,
.whatsapp-concierge:dir(rtl){
  left:22px!important;
  right:auto!important;
  bottom:104px!important;
  justify-items:start!important;
  z-index:910!important;
}

@media (max-width:650px){
  body{padding-bottom:68px}
  .sticky-cta{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  .whatsapp-concierge,
  .whatsapp-concierge:dir(rtl){
    left:14px!important;
    right:auto!important;
    bottom:84px!important;
  }
}

@media (orientation:landscape) and (max-height:520px) and (max-width:950px){
  .whatsapp-concierge,
  .whatsapp-concierge:dir(rtl){bottom:80px!important}
}