@media (max-width:1366px){
  .home-page,.hero,.services-layout,.work-row,.why-grid,.process-layout,.numbers-grid,.faq-layout,.cta-panel{min-width:0}
  .hero .wrap,.home-page .wrap,main>.hero .wrap{width:100%;max-width:none;padding-inline:32px}
  .hero{min-height:auto;padding-top:138px;padding-bottom:84px;overflow:hidden}
  .hero-text{max-width:650px;position:relative;z-index:4}
  .hero-3d-wrap{inset-inline-end:-10%;width:62%;opacity:.18}
  .links{gap:22px}
}
@media (max-width:1024px){
  section{padding-block:92px}
  .hero{padding-top:130px;padding-bottom:76px}
  .hero-3d-wrap{top:118px;inset-inline-end:-18%;width:72%;height:68%;opacity:.12}
  .services-layout,.why-grid,.faq-layout,.cta-panel{grid-template-columns:1fr}
  .work-row,.work-grid{grid-template-columns:1fr}
  .process-layout{grid-template-columns:1fr;gap:30px}
  .process-nav-wrap{position:static}
  .process-nav{position:static;top:auto;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-inline-start:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .process-nav::-webkit-scrollbar{display:none}
  .process-nav li{flex:0 0 auto;min-height:0;padding:13px 17px;white-space:nowrap}
  .process-nav li::before{inset-inline-start:0;top:auto;bottom:-1px;width:100%;height:2px}
  .process-stage{min-height:auto;padding-block:48px}
  .numbers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1025px){
  .process-layout{align-items:start}
  .process-nav-wrap{position:sticky!important;top:118px!important;align-self:start!important;height:max-content!important}
  .process-nav{position:static!important}
}
@media (max-width:820px){
  .hero .wrap,main>.hero .wrap{padding-inline:24px}
  .hero{padding-top:118px;padding-bottom:66px}
  .hero-3d-wrap{top:128px;inset-inline-end:-28%;width:82%;opacity:.08}
  .hero-text,.hero-sub{max-width:100%}
  .section-head{flex-direction:column;align-items:flex-start;gap:18px}
  .hero-cta{flex-wrap:wrap}
}
@media (max-width:600px){
  section{padding-block:72px}
  .hero .wrap,main>.hero .wrap{padding-inline:18px}
  .hero{padding-top:108px;padding-bottom:58px}
  .headline{font-size:clamp(42px,13vw,64px);line-height:.98;letter-spacing:-.045em}
  .hero-sub{font-size:16px}
  .hero-cta{display:grid;grid-template-columns:1fr;width:100%}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-tags{gap:12px 18px;margin-top:32px;flex-wrap:wrap}
  .service-panel{width:100%;aspect-ratio:4/3;min-height:0}
  .numbers-grid{grid-template-columns:1fr}
  .num-cell{border-inline-end:0!important;border-bottom:1px solid var(--line)}
  .num-cell:last-child{border-bottom:0}
  .testimonial-card,.cta-panel{padding:28px 20px}
}
@media (max-width:390px){
  .hero .wrap,main>.hero .wrap{padding-inline:14px}
  .headline{font-size:clamp(38px,12vw,52px)}
  .process-nav li{padding-inline:13px}
}

@media (max-width:600px){
  .home-page .hero-text,.home-page .hero-sub,.home-page .section-head,.home-page .section-head>*,.home-page .services-copy,.home-page .why-copy,.home-page .faq-copy,.home-page .cta-panel,.home-page .process-stage,.home-page .testimonial-card,.home-page .num-cell{text-align:center!important}
  .home-page .section-head{align-items:center!important}
  .home-page .hero-text,.home-page .hero-sub,.home-page .services-copy,.home-page .why-copy,.home-page .faq-copy{margin-inline:auto}
  .home-page .hero-cta,.home-page .hero-tags{justify-content:center}
  .home-page .hero-tags{align-items:center}
  .home-page .process-layout{width:100%;min-width:0}
  .home-page .process-nav-wrap{width:100%;min-width:0;overflow:hidden}
  .home-page .process-nav{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .home-page .process-stage,.home-page .process-stage>*{max-width:100%;min-width:0}
  .home-page img,.home-page video,.home-page svg{max-width:100%}
}

/* FAQ responsive stabilization */
@media (max-width:1024px){
  .home-page #faq{overflow:hidden}
  .home-page #faq .faq-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:52px!important;align-items:start!important}
  .home-page #faq .faq-content{position:static!important;top:auto!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .home-page #faq .faq-list{width:100%!important;max-width:100%!important;min-width:0!important;position:relative!important;z-index:4!important}
  .home-page #faq .faq-visual{position:relative!important;width:min(100%,560px)!important;height:auto!important;aspect-ratio:620/430!important;margin:34px auto 0!important;inset:auto!important;transform:none!important;overflow:hidden!important}
  .home-page #faq .faq-visual-caption{left:50%!important;right:auto!important;bottom:8px!important;transform:translateX(-50%)!important}
}

@media (max-width:600px){
  .home-page #faq{padding-block:72px!important}
  .home-page #faq .wrap{padding-inline:20px!important}
  .home-page #faq .faq-layout{gap:42px!important}
  .home-page #faq .faq-content{text-align:center!important}
  .home-page #faq .kicker{display:inline-flex!important;justify-content:center!important;text-align:center!important;margin-inline:auto!important}
  .home-page #faq .faq-title{max-width:100%!important;margin:0 auto 22px!important;text-align:center!important;font-size:clamp(38px,11.5vw,54px)!important;line-height:1.04!important}
  .home-page #faq .faq-description{max-width:560px!important;margin:0 auto!important;text-align:center!important;font-size:16px!important;line-height:1.7!important}
  .home-page #faq .faq-button{display:inline-flex!important;margin:28px auto 0!important;min-width:min(100%,270px)!important;justify-content:center!important}
  .home-page #faq .faq-visual{display:none!important}
  .home-page #faq .faq-list{margin-top:0!important}
  .home-page #faq .faq-item{width:100%!important}
  .home-page #faq .faq-question{position:relative!important;display:flex!important;width:100%!important;min-height:92px!important;padding:24px 44px 24px 12px!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important;font-size:18px!important;line-height:1.4!important}
  .home-page #faq .faq-question>span:first-child{display:block!important;width:100%!important;text-align:center!important}
  .home-page #faq .faq-icon{position:absolute!important;right:8px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important}
  html[dir="rtl"] .home-page #faq .faq-question{padding:24px 12px 24px 44px!important}
  html[dir="rtl"] .home-page #faq .faq-icon{right:auto!important;left:8px!important}
  .home-page #faq .faq-answer p{max-width:100%!important;padding:0 14px 26px!important;margin:0 auto!important;text-align:center!important;font-size:15px!important;line-height:1.7!important}
}

@media (min-width:601px) and (max-width:1366px){
  .home-page{overflow-x:clip;overflow-y:visible}
  .home-page .wrap{width:100%;max-width:none;padding-inline:clamp(24px,4vw,48px)}
  .home-page section{height:auto;max-height:none}
  .home-page .services-layout,.home-page .work-row,.home-page .work-grid,.home-page .why-grid,.home-page .faq-layout,.home-page .cta-panel{width:100%;max-width:100%;min-width:0}
}
@media (min-width:601px) and (max-width:1024px){
  .home-page .faq-layout{grid-template-columns:1fr!important}
  .home-page .faq-content{position:static!important;top:auto!important}
  .home-page .faq-list{position:relative!important;width:100%!important}
  .home-page .faq-visual{position:relative!important;inset:auto!important;transform:none!important;margin-inline:auto!important;max-width:560px!important}
}