@media(max-width:1280px){
  html{scroll-padding-top:86px}
  .site-header{height:78px}
  .header-brand{display:contents}
  .header-brand>.brand{grid-column:1;grid-row:1}
  .language-picker{grid-column:3;grid-row:1;justify-self:end}
  .language-toggle{display:inline-flex}
  .language-switch{display:none;position:absolute;top:calc(100% + 8px);right:0;flex-direction:column;align-items:stretch;min-width:84px;padding:5px;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(11,24,38,.16)}
  .language-picker.is-open .language-switch{display:flex}
  .language-switch button{border-radius:7px}
  .header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px}
  .header-phone{grid-column:2;grid-row:1;justify-self:center;margin:0;font-size:1.05rem;gap:6px}.header-phone svg{width:18px;height:18px}.menu-toggle{grid-column:4;grid-row:1;justify-self:end}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:43px;height:43px;flex-shrink:0;background:#edf2ed;border:0;border-radius:8px;padding:10px;cursor:pointer}
  .menu-toggle span{height:2px;width:100%;background:#183537;border-radius:2px;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:13px 16px 22px;box-shadow:0 18px 28px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}
  .site-nav.is-open{display:flex}.site-nav a{padding:12px;border-bottom:1px solid #e5eae5}
}
@media(max-width:1200px){
  .container{width:min(100% - 56px,1400px)}
  .hero-grid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(2.5rem,4.5vw,4.75rem)}
  .art-node-a{left:0}.art-node-b{left:36%}.art-node-c{right:0}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .feature-card{min-height:290px}
  .feature-card svg{margin-top:38px}
  .route-card{padding:32px 22px}
}
@media(max-width:900px){
  .container{width:min(100% - 40px,1400px)}.section{padding:85px 0}
  .site-nav{gap:15px;font-size:.79rem}
  .hero-grid{grid-template-columns:1fr;gap:0;padding-top:50px}
  .hero-copy{padding:20px 0 25px}.hero h1{max-width:850px}
  .hero-art{height:730px;max-width:630px;width:100%;margin:auto}
  .hero-route{height:460px}
  .art-node-a{top:210px}.art-node-b{top:125px}.art-node-c{top:140px}
  .art-coordinate-bottom{top:465px}
  .hero-phones{top:495px}
  .hero-bottom-line{padding-left:20px;padding-right:20px}
  .section-heading-split{grid-template-columns:1fr;gap:0}
  .section-heading-split p{max-width:650px}
  .route-card{grid-template-columns:repeat(4,1fr);gap:16px}
  .route-connector{display:none}
  .role-tab{font-size:1.1rem;display:flex;flex-direction:column;gap:2px}
  .role-tab small{margin:0}
  .sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .role-panel{grid-template-columns:1fr 1fr}.role-copy{padding:35px}
  .trust-grid,.app-grid{grid-template-columns:1fr;gap:30px}
  .contact-art{min-height:450px}
  .app-preview{min-height:660px}
  .app-copy{max-width:720px}
  .faq-grid{grid-template-columns:1fr;gap:25px}
  .closing-inner>div:first-child{position:relative;z-index:1}
}
@media(max-width:640px){
  html{scroll-padding-top:73px}.container{width:min(100% - 32px,1400px)}.section{padding:68px 0}
  .site-header{height:65px}.brand{font-size:1.1rem}
  .header-inner{gap:8px}.header-brand{gap:4px}.header-phone{font-size:.95rem}.header-phone svg{display:none}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:43px;height:43px;background:#edf2ed;border:0;border-radius:8px;padding:10px;cursor:pointer}
  .menu-toggle span{height:2px;width:100%;background:#183537;border-radius:2px;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:13px 16px 22px;box-shadow:0 18px 28px rgba(0,0,0,.12);font-size:.98rem;flex-direction:column;align-items:stretch;gap:0}
  .site-nav.is-open{display:flex}.site-nav a{padding:12px;border-bottom:1px solid #e5eae5}.site-nav .nav-cta{margin-top:12px;border-bottom:0;text-align:center}
  .hero-grid{padding-top:33px}.hero-copy{padding:12px 0 25px}.hero h1{font-size:clamp(2rem,8.5vw,3.2rem);margin:21px 0}.hero-lead{font-size:.96rem;line-height:1.65}
  .hero-actions{gap:20px}.hero-points{margin-top:32px;gap:8px 16px}.hero-points span{font-size:.72rem}
  .hero-art{height:600px;max-width:420px}.hero-route{height:340px;opacity:.8}
  .hero-range{top:3px;height:43px;padding:0 2px}
  .range-node{width:32px;height:32px;flex-basis:32px}
  .range-device{transform:scale(.72)}
  .range-link{margin:0 3px}
  .range-link span{bottom:7px;font-size:.55rem;padding:0 1px}
  .range-infinity{width:27px;flex-basis:27px;font-size:1.7rem}
  .art-node-a{left:-1%;top:130px}.art-node-b{left:37%;top:75px}.art-node-c{right:-2%;top:90px}
  .art-coordinate-bottom{top:337px}
  .hero-phones{top:360px;padding:0 2%;gap:10px}
  .hero-phone{width:min(47%,150px);height:226px;border-radius:22px;padding:5px}
  .hero-phone-display{font-size:9px}
  .hero-phone-chat small{font-size:6px}
  .device-hero{transform:scale(.58);transform-origin:center top}
  .art-node{width:116px;height:246px;gap:0}.art-node-caption{font-size:.56rem;margin-top:-90px}.art-node-caption b{font-size:.58rem}
  .art-coordinate{font-size:.5rem}.hero-bottom-line{font-size:.54rem}.hero-bottom-line span:nth-child(2){display:none}
  h2{font-size:clamp(1.8rem,7vw,2.6rem)}
  .section-heading{margin-bottom:30px}.section-heading p{font-size:.96rem}
  .route-card{grid-template-columns:repeat(2,1fr);padding:24px 16px;row-gap:29px}
  .route-icon{height:56px;width:56px;border-radius:16px}.route-step small{font-size:.7rem}
  .feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:24px}.feature-card svg{margin:35px 0 19px}
  .role-tabs{gap:5px}.role-tab{font-size:1rem;padding:11px 8px;min-height:78px}.role-tab>span{font-size:.55rem}.role-tab small{font-size:.62rem;line-height:1.2}
  .roadmap-tabs{gap:8px}.roadmap-tab{min-height:56px;padding:10px;font-size:.88rem}
  .roadmap-intro{padding:22px}.roadmap-intro h3{font-size:1.4rem}.roadmap-intro p{font-size:.82rem}
  .sensor-grid{grid-template-columns:1fr}.sensor-card{min-height:0;padding:20px}.sensor-card h4{margin:15px 0 7px}.sensor-card small{padding-top:12px}
  .role-panel{grid-template-columns:1fr}.role-device{min-height:390px}.role-copy{padding:30px 23px 37px}.role-copy h3{font-size:2rem}.role-copy p{font-size:.93rem}
  .device-large{transform:scale(.85)}.role-device-label{font-size:.57rem}
  .trust h2{font-size:clamp(1.8rem,7vw,2.6rem)}.trust-copy>p{font-size:.96rem}.trust-steps li{font-size:.73rem}.contact-art{min-height:390px}.contact-card{transform:rotate(-4deg) scale(.88)}.approval-card{right:0;bottom:5px;transform:rotate(3deg) scale(.9)}
  .network-grid{grid-template-columns:1fr;gap:12px}
  .app-preview{min-height:605px}.phone-shell{transform:rotate(-3deg) scale(.93)}.app-preview-caption{font-size:.55rem}.app-copy>p{font-size:.96rem}
  .faq summary{font-size:.94rem}.faq details p{font-size:.84rem}
  .closing-inner{min-height:480px;padding-top:75px;padding-bottom:60px}.closing h2{font-size:clamp(2rem,8vw,3rem)}.closing p{font-size:.95rem}
  .closing-actions{gap:12px}.button{font-size:.84rem;padding:14px 17px}
  .footer-inner{grid-template-columns:1fr;gap:18px;padding-top:36px;padding-bottom:37px}
}
@media(max-width:380px){.header-inner{width:calc(100% - 24px);gap:4px}.header-phone{font-size:.78rem;gap:0}.brand{font-size:.8rem}.art-node-a{left:-7%}.art-node-c{right:-7%}.art-node-b{left:34%}.hero-phone{width:47%}.hero-phone-bubble{font-size:8px}.hero-actions .button{width:100%}.role-tab{font-size:.88rem}.contact-card{transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
