@media (max-width: 700px) {
  html,body{width:100%;overflow-x:hidden}
  body{font-size:15px}
  .wrap{width:calc(100% - 36px)}

  header,header.scrolled{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  header.scrolled{background:#03060a}
  .brand{position:relative;z-index:1002;display:flex;align-items:center;width:224px;height:64px;min-width:0;overflow:visible}
  .brand img{width:214px;height:48px;object-fit:contain;object-position:left center;transform:none}
  #menu{position:relative;z-index:1002;display:grid;flex:0 0 34px;padding:8px 4px;gap:7px}
  #menu i{width:26px}
  #menu[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}
  #menu[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}
  #menu i{transition:transform .25s ease}
  .top-cta{display:none}
  nav{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1001;padding:92px 28px 40px;background:#03060a;gap:0;overflow-y:auto}
  nav.open{display:flex!important}
  nav a{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:25px;color:#fff}

  .hero,.hero-carousel{height:100svh;min-height:680px;max-height:900px}
  .hero-slide>img{transform:none;object-position:62% center}
  .hero-slide:nth-child(2)>img{object-position:58% center}
  .hero-slide:nth-child(3)>img,.hero-slide:nth-child(4)>img,.hero-slide:nth-child(5)>img{object-position:66% center}
  .hero-slide .shade{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.56) 58%,rgba(0,0,0,.2) 100%)}
  .hero-slide .hero-copy,.hero-slide.active .hero-copy{top:auto;left:20px;right:20px;bottom:132px;width:auto;transform:none}
  .hero-copy .label{font-size:10px;line-height:1.5;letter-spacing:.16em}
  .hero h1{margin:18px 0 22px;font-size:clamp(40px,12.5vw,50px);line-height:1.06;letter-spacing:-.025em}
  .hero h1 b{line-height:1.06;letter-spacing:-.025em}
  .hero-copy>p:not(.label){margin:0;font-size:15px;line-height:1.75;color:#d0d5da}
  .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:24px}
  .actions .btn{justify-content:center;padding:13px 10px;white-space:nowrap}
  .hero-arrow{display:none}
  .hero-pagination{left:20px;right:20px;bottom:52px;gap:6px}
  .hero-pagination button,.hero-pagination button.active{width:auto;flex:1;padding-top:10px;font-size:10px}
  .scroll{display:none}

  .intro{display:block;min-height:0;padding:82px 0 88px}
  .intro>p{margin:0 0 28px}
  .intro>div{margin:0}
  .intro em{font-size:14px}
  .intro h2{margin:16px 0 24px;font-size:42px;line-height:1.08}
  .intro div>p{font-size:16px;line-height:1.85}

  .products{padding:78px 0 70px}
  .heading{display:block;margin-bottom:38px}
  .heading .num{margin-bottom:16px}
  .heading h2{font-size:42px;line-height:1.08}
  .heading>p{margin:22px 0 0;font-size:15px;line-height:1.75}
  .featured{width:calc(100% - 24px);height:640px;min-height:0;margin-bottom:42px}
  .featured>img{height:100%;object-position:61% center}
  .featured .card-shade{background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.45) 65%,rgba(0,0,0,.08) 100%)}
  .featured>div:last-child{left:24px;right:24px;bottom:32px}
  .featured h3{font-size:38px;line-height:1.12;letter-spacing:-.025em}
  .featured h4{font-size:17px}
  .grid{grid-template-columns:1fr;gap:34px}
  .grid article{padding:0 0 25px;border-bottom:1px solid #d1d6da}
  .grid img{height:auto;aspect-ratio:4/3;object-fit:cover}
  .grid small{margin-top:18px;font-size:11px}
  .grid h3{font-size:24px;line-height:1.3}

  .safety{height:740px;min-height:0}
  .safety>img{object-position:65% center}
  .safety .shade{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.15))}
  .safety-copy{top:auto;left:20px;right:20px;bottom:54px;transform:none}
  .safety h2{font-size:43px}
  .safety-copy>p:not(.label){font-size:15px;line-height:1.75}

  .applications,.partners{padding:86px 0}
  .app-grid{grid-template-columns:1fr;border:1px solid var(--line)}
  .app-grid article{min-height:0;padding:26px 24px 30px;border:0;border-bottom:1px solid var(--line)}
  .app-grid article:last-child{border-bottom:0}
  .app-grid h3{margin:30px 0 12px;font-size:25px}
  .app-grid p{margin-bottom:0}

  .technology{padding:86px 0}
  .technology h2{font-size:42px;margin-top:18px}
  .tech-list{margin-top:48px}
  .tech-list article{grid-template-columns:42px 1fr;gap:10px;padding:28px 0}
  .tech-list h3{font-size:24px;line-height:1.25}
  .tech-list p{font-size:14px;line-height:1.65}

  .ecosystem{padding:86px 0}
  .ecosystem h2{font-size:42px}
  .flow{display:grid;grid-template-columns:1fr;gap:0;margin:42px 0}
  .flow span{padding:18px 0;text-align:center;border-bottom:1px solid var(--line)}
  .flow i{width:auto;transform:none;text-align:center;padding:7px 0}
  .right-copy{font-size:15px}

  .partner-grid{grid-template-columns:1fr 1fr}
  .partner-card{min-height:150px;padding:20px 10px;gap:10px}
  .partner-card img{width:78px;height:78px}
  .partner-card span{font-size:13px}
  .partner-more strong{height:78px;font-size:38px}
  .partners small{font-size:11px;line-height:1.65}

  .about{display:block;padding:86px 0}
  .about h2{margin:28px 0;font-size:41px;line-height:1.08}
  .about>p:last-child{font-size:15px}

  .contact{height:720px;min-height:0}
  .contact>img{object-position:62% center}
  .contact .shade{background:linear-gradient(0deg,rgba(0,0,0,.96),rgba(0,0,0,.18))}
  .contact>div:last-child{top:auto;left:20px;right:20px;bottom:56px;transform:none}
  .contact h2{font-size:43px}
  .contact>div>p:not(.label){font-size:15px;line-height:1.75}
  .contact .btn{width:100%;justify-content:center}

  footer{padding:64px 0 26px;grid-template-columns:1fr;gap:32px}
  .footer-brand{grid-column:auto}
  .footer-brand{overflow:visible}
  footer img{width:214px;height:64px;object-fit:contain;object-position:left center;transform:none}
  footer>small{position:static;grid-column:auto;margin-top:12px;line-height:1.7}
}

@media (max-width: 370px) {
  .brand{width:202px}
  .brand img{width:196px}
  .hero h1{font-size:39px;line-height:1.08}
  .actions{grid-template-columns:1fr}
  .hero-slide .hero-copy,.hero-slide.active .hero-copy{bottom:112px}
  .hero-pagination{bottom:38px}
  .partner-grid{grid-template-columns:1fr}
}