@media (max-width:1320px){
  :root{--shell:min(1220px,calc(100% - 56px))}
  .desktop-nav{gap:22px}
  .hero-layout{grid-template-columns:minmax(390px,.85fr) minmax(560px,1.15fr)}
  .hero-stage{height:590px}
  .hero h1{font-size:clamp(50px,4.55vw,68px)}
  .model-card{flex-basis:calc((100% - 28px)/3)}
}
@media (max-width:1100px){
  :root{--shell:min(100% - 42px,980px)}
  .desktop-nav,.header-cta{display:none}
  .menu-toggle{display:flex}
  .hero{height:auto;min-height:920px;max-height:none;padding:130px 0 52px}
  .hero-layout{grid-template-columns:1fr;gap:24px;padding-top:0}
  .hero-copy{max-width:720px;padding:0}
  .hero h1{font-size:clamp(54px,7.8vw,82px)}
  .hero-lead{max-width:620px}
  .hero-stage{height:560px;width:min(850px,100%);margin:0 auto;transform:none}
  .digital-word{right:-9%;top:57%;font-size:28vw;opacity:.54}
  .stage-kicker{right:2%}
  .model-card{flex-basis:calc((100% - 14px)/2)}
  .compact-grid,.projects-layout,.about-layout{grid-template-columns:1fr;gap:42px}
  .about-layout{gap:22px}
}
@media (max-width:780px){
  :root{--shell:calc(100% - 32px)}
  .site-header{padding:9px 0}
  .brand img{width:122px}
  .hero{padding:108px 0 42px;min-height:860px}
  .hero:before{background:linear-gradient(180deg,rgba(2,4,8,.93) 0%,rgba(2,4,8,.74) 34%,rgba(2,4,8,.22) 58%,rgba(2,4,8,.44) 100%)}
  .hero-layout{gap:12px}
  .hero-copy{max-width:none}
  .eyebrow{font-size:10px;letter-spacing:.16em}
  .hero h1{font-size:clamp(44px,12vw,68px);line-height:.96}
  .hero-lead{font-size:15px;line-height:1.55;margin-top:18px}
  .hero-actions{gap:10px;margin-top:21px}
  .hero-actions .btn{min-width:0;flex:1;padding-inline:14px}
  .hero-benefits{margin-top:24px;grid-template-columns:repeat(2,1fr)}
  .benefit:nth-child(2){border-right:0}
  .benefit:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-stage{height:460px;margin-top:2px}
  .laptop-wrap{width:86%;left:-3%;top:18%}
  .phone-wrap{width:26%;right:0;top:29%}
  .float-card-top{width:142px;padding:11px;top:12%;right:1%}
  .float-card-bottom{right:2%;bottom:17%;padding:10px 12px}
  .stage-kicker{display:none}
  .digital-word{top:68%;right:-12%;font-size:34vw;opacity:.43}
  .tech-city{height:37%}
  .section-head{align-items:flex-start}
  .section-head-side>span{display:none}
  .models-section{padding:52px 0 62px}
  .section-head h2,.services-compact h2,.projects-strip h2,.about-band h2,.final-cta h2{font-size:clamp(31px,8.5vw,44px)}
  .model-card{flex-basis:84%;min-height:225px}
  .services-compact,.projects-strip{padding:70px 0}
  .service-stack article{padding:20px 0}
  .projects-panel{min-height:270px}
  .about-band{padding:62px 0}
  .final-cta{min-height:380px}
  .cta-actions{flex-direction:column;align-items:stretch;max-width:390px;margin-inline:auto;margin-top:24px}
  .footer-grid{grid-template-columns:1fr;gap:14px}
  .footer-grid nav{flex-wrap:wrap}
  .footer-grid small{grid-column:auto}
}
@media (max-width:520px){
  :root{--shell:calc(100% - 24px)}
  .menu-toggle{width:42px;height:42px}
  .hero{padding-top:95px;min-height:820px}
  .hero h1{font-size:clamp(42px,13vw,60px)}
  .hero-lead{font-size:14px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .hero-actions .btn{font-size:12px;min-height:47px}
  .benefit{padding:12px 9px;grid-template-columns:25px 1fr}
  .benefit-icon{font-size:18px}.benefit b{font-size:12px}.benefit small{font-size:10px}
  .hero-stage{height:390px;margin-top:10px}
  .laptop-wrap{width:90%;left:-8%;top:16%}
  .laptop-base{height:30px}
  .phone-wrap{width:28%;right:-1%;top:26%}
  .phone{border-radius:22px;padding:5px}.phone-screen{border-radius:18px;padding:10px 8px}.phone-notch{top:7px;height:8px}
  .phone-eyebrow{margin-top:16px}.phone-card{left:7px;right:7px;padding:8px 5px}
  .float-card-top{display:none}
  .float-card-bottom{right:1%;bottom:13%;padding:8px 10px}
  .float-card-bottom .data-icon{font-size:18px}.float-card-bottom b,.float-card-bottom small{font-size:7px}
  .digital-word{top:72%;font-size:39vw}
  .section-head{gap:12px}
  .carousel-controls button{width:40px;height:40px}
  .model-card{flex-basis:91%;min-width:270px;grid-template-columns:37% 63%;padding:12px}
  .model-info h3{font-size:19px}.model-info p{font-size:10px}.model-icon{width:38px;height:38px}
  .projects-panel strong{font-size:27px}
  .projects-panel strong em{font-size:15px}
  .mobile-menu nav a{font-size:27px}
}
@media (max-width:380px){
  .hero{padding-top:90px}
  .hero h1{font-size:42px}
  .hero-stage{height:360px}
  .hero-benefits{margin-top:20px}
  .model-card{flex-basis:94%;min-width:258px}
  .section-head h2{font-size:31px}
  .carousel-controls{gap:6px}
}
@media (pointer:coarse){
  .cursor-glow{display:none}
  .tilt-item{transform:none!important}
}