@media (max-width:980px){
  .menu-toggle{display:block;z-index:4}.nav{position:absolute;top:82px;left:0;width:100%;padding:20px 21px 24px;flex-direction:column;align-items:stretch;gap:0;background:#090909;border-bottom:1px solid rgba(255,255,255,.07);transform:translateY(-140%);opacity:0;pointer-events:none;transition:.25s}.nav.open{transform:none;opacity:1;pointer-events:auto}.nav a{padding:12px 4px}.nav-cta{text-align:center;margin-top:8px}.brand-logo{max-width:210px}
  .hero{padding-top:125px}.hero-grid,.detail-grid{grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center}.hero-copy>p,.trust-row{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-card{max-width:640px;width:100%;margin:auto}.cards-3,.portfolio-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;gap:35px 0}.steps:before{display:none}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-copy{text-align:center;margin:auto}.detail-copy{text-align:center}.detail-list{max-width:620px;margin-left:auto;margin-right:auto;text-align:left}.detail-media{max-width:680px;width:100%;margin:auto}
}
@media (max-width:700px){
  .container{width:min(100% - 28px,1180px)}.section{padding:75px 0}.section-page{padding-top:50px}.page-intro{padding:125px 0 36px}.hero{min-height:auto;padding:120px 0 70px}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{gap:16px;justify-content:space-between}.trust-row b{font-size:12px}.trust-row span{font-size:9px}.hero-card{min-height:430px;padding:22px}.hero-logo-wrap{top:33%;width:min(88%,320px);height:180px}.hero-card-copy{padding-top:180px}.cards-3,.portfolio-grid,.product-grid,.site-showcase,.faq-grid,.steps{grid-template-columns:1fr}.split-head{flex-direction:column;align-items:flex-start}.split-head>p{text-align:left}.faq-intro{position:static}.cta-box{grid-template-columns:1fr;padding:30px}.cta-actions{flex-direction:column}.footer-links{flex-wrap:wrap}.brand-logo{max-width:180px}.footer-logo{max-width:180px}.website-media{height:230px}.portfolio-art{height:210px}.detail-hero{padding:125px 0 70px}.detail-media{min-height:300px;padding:18px}.detail-media-item,.detail-media iframe{min-height:260px}.cta-box h2{font-size:32px}
}