@media (max-width:1100px){
  :root{--header-h:72px}
  .nav-list,.header-actions{display:none}
  .header-inner{grid-template-columns:1fr auto}
  .menu-toggle{display:block}
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr;padding-top:35px}
  .hero-copy{max-width:820px}
  .hero-visual{height:560px;max-width:800px;width:100%;margin:auto}
  .industry-shell,.tech-layout,.reasons-grid{grid-template-columns:1fr}
  .industry-tabs{display:flex;overflow:auto;padding-bottom:8px}
  .industry-tab{white-space:nowrap}
  .process-track{grid-template-columns:repeat(3,1fr);gap:35px 0}
  .process-track::before{display:none}
  .cta-panel{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:2/4}
}
@media (max-width:820px){
  .section{padding:84px 0}
  .hero{padding-top:calc(var(--header-h) + 55px)}
  .hero-copy h1{font-size:clamp(42px,10vw,62px)}
  .hero-visual{height:470px;transform:scale(.92);transform-origin:center top;margin-bottom:-35px}
  .hero-metrics{grid-template-columns:1fr 1fr}
  .hero-metric{padding:20px;border-bottom:1px solid rgba(255,255,255,.08)}
  .ecosystem{grid-template-columns:1fr}
  .ecosystem::before{left:48px;right:auto;top:5%;bottom:5%;height:auto;width:1px;background:linear-gradient(transparent,var(--sw-blue-600),transparent)}
  .eco-item{display:grid;grid-template-columns:96px 1fr;text-align:left;gap:20px;align-items:center;margin:0 0 20px}
  .eco-icon{margin:0}
  .eco-item p{margin-bottom:0}
  .data-dot{display:none}
  .capability:nth-child(n){grid-column:span 12}
  .industry-panel{grid-template-columns:1fr}
  .industry-visual{min-height:300px}
  .architecture{grid-template-columns:repeat(2,1fr)}
  .process-track{grid-template-columns:1fr 1fr}
  .reason-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-grid>div:last-child{grid-column:auto}
}
@media (max-width:600px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .brand img{width:62px}
  .brand-copy small{display:none}
  .section{padding:72px 0}
  .section-heading{margin-bottom:38px}
  .section-heading h2{font-size:36px}
  .hero{padding-bottom:45px}
  .hero-copy h1{font-size:42px}
  .hero-copy p{font-size:15px}
  .hero-actions .btn{width:100%}
  .trust-line{display:grid;gap:10px}
  .hero-visual{height:380px;transform:scale(.78);width:125%;margin-left:-12.5%;margin-bottom:-70px}
  .crm-card{left:5%;width:78%}
  .marketing-card{left:0}
  .automation-card{right:0}
  .hero-metrics{margin-top:35px}
  .hero-metric strong{font-size:23px}
  .ecosystem .eco-item{grid-template-columns:75px 1fr}
  .eco-icon{width:72px;height:72px;border-radius:22px}
  .capability{padding:25px;min-height:400px}
  .cap-visual{width:160px;height:110px}
  .industry-panel{padding:22px}
  .problem-solution{grid-template-columns:1fr}
  .architecture{padding:0;gap:8px}
  .arch-node{min-height:92px}
  .process-track{grid-template-columns:1fr}
  .process-step{text-align:left;display:grid;grid-template-columns:54px 1fr;gap:18px}
  .process-step .step-num{grid-row:1/3;margin:0;box-shadow:0 0 0 6px white}
  .process-step h3{min-height:auto;margin-top:7px}
  .process-step p{grid-column:2}
  .cta-panel{padding:30px 20px}
  .lead-form{grid-template-columns:1fr;padding:18px}
  .field.full,.lead-form button,.form-message{grid-column:auto}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{display:grid}
  .footer-legal{flex-wrap:wrap}
}
.mobile-menu{position:fixed;inset:0;z-index:1200;background:rgba(1,8,23,.98);color:white;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu nav{display:grid;text-align:center;gap:18px}
.mobile-menu a{font-family:Manrope,sans-serif;font-size:27px;font-weight:800}
.menu-close{position:absolute;top:20px;right:20px;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.08);color:white;font-size:22px;cursor:pointer}