/* Smartcat responsive refinements, 2026-10-15 */
html{scroll-padding-top:112px;scroll-behavior:smooth}
body{min-width:280px}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
input,textarea,button{font:inherit}
input,textarea{min-width:0}
:focus-visible{outline:3px solid #e9323d;outline-offset:4px}
.container-base,.container-medium,.hero-content{min-width:0}
.padding-global{padding-left:clamp(18px,5vw,80px);padding-right:clamp(18px,5vw,80px)}
.hero-heading{font-size:clamp(36px,6.4vw,88px);line-height:1.06;max-width:1100px;text-wrap:balance;overflow-wrap:normal}
.subheading-text.hero{max-width:700px;font-size:clamp(16px,1.6vw,21px);line-height:1.5;text-wrap:balance}
.hero-section-wrap{height:auto;min-height:100svh;padding-top:128px;padding-bottom:80px}
.hero-layout{gap:clamp(28px,5vw,64px);width:100%}
.hero-content{width:100%}
.heading-style-h2{font-size:clamp(32px,4.6vw,64px);line-height:1.12;text-wrap:balance;overflow:visible}
.capabilities-card{min-width:0;gap:24px}
.capabilities-card-image{display:block;flex:none;width:100%;height:clamp(150px,16vw,220px);object-fit:contain;object-position:center;margin:auto}
.value-card-desc,.capabilities-card-content,.casestudy-card-desc,.process-item-desc,.faq-item-answer-text{line-height:1.6;overflow-wrap:break-word}
.value-card-title,.capabilities-card-title,.casestudy-card-title{line-height:1.2}
.casestudy-card-image-wrap{min-width:0}
.casestudy-card-image{width:100%;height:100%;object-fit:cover;object-position:center}
.casestudy-card-brand-logo{width:auto;max-width:180px;height:64px;object-fit:contain;object-position:left center}
.intergration-item-image{width:56px;height:48px;object-fit:contain;flex:none}
.navbar-brand-logo{width:100%;height:100%;object-fit:contain}
.cta-form-card{max-width:680px;width:100%;padding:clamp(24px,4vw,60px)}
.form_input{font-size:16px;line-height:1.5;min-height:52px}
textarea.form_input{min-height:140px;resize:vertical}
.submit-button{min-height:52px;white-space:normal}
.form_form [role=status]{margin:0;font-size:14px;line-height:1.6}
.w-form-fail{line-height:1.6}
.w-form-fail a{color:inherit;text-decoration:underline}
.footer-link-list{flex-wrap:wrap;row-gap:16px}
.footer-link{display:inline-flex;align-items:center;min-height:44px}
section[id],#CTA-Form{scroll-margin-top:100px}
@media(min-width:1600px){.hero-heading{max-width:1200px}.hero-content{max-width:1200px}.hero-bg-video video{object-position:center}}
@media(max-width:1199px){
 .capabilities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .capabilities-grid>*{grid-area:auto!important;min-width:0}
 .capabilities-card{padding:24px;border-radius:32px}
 .capabilities-card-image{height:190px}
 .value-bottom{gap:16px}
 .value-card{min-width:0;max-width:none;width:100%}
 .value-card-bottom{padding:18px 10px}
 .casestudy-card-right{padding:24px;gap:24px}
}
@media(max-width:767px){
 html{scroll-padding-top:96px}
 .navbar-wraper{padding:16px 12px 0}
 .navbar-container{max-width:100%;gap:5px}
 .navbar-brand-link{display:flex;width:40px;height:40px;min-width:40px}
 .navbar-brand-logo{width:40px;height:40px}
 .navbar-menu-button{min-height:44px}
 .hero-section-wrap{padding-top:120px;padding-bottom:60px;min-height:max(650px,100svh)}
 .hero-layout{align-items:center}
 .hero-heading{font-size:clamp(36px,7.8vw,56px);max-width:650px}
 .hero-content{gap:24px}
 .hero-bg-video{height:76%;min-height:460px}
 .value-bottom{display:grid;grid-template-columns:1fr;gap:20px;max-width:420px;margin-inline:auto;width:100%}
 .value-card{max-width:none;width:100%}
 .value-card-top{aspect-ratio:4/3}
 .value-card-bottom{padding:20px 12px}
 .value-card-title{font-size:23px}
 .value-card-desc{font-size:16px}
 .casestudy-card-image-wrap{aspect-ratio:4/3}
 .casestudy-card-right{padding:20px;gap:24px}
 .casestudy-card-title{font-size:clamp(26px,5vw,36px)}
 .casestudy-card-brand-logo{height:48px;max-width:160px}
 .casestudy-card-number-wrap.hide-on-mobile{display:flex}
 .casestudy-card-bottom{display:flex;flex-wrap:wrap;gap:16px}
 .faq-item-question-wrap{min-width:0;flex:1}
 .faq-item-question{white-space:normal;font-size:16px;line-height:1.45}
 .faq-item-top{white-space:normal;min-height:64px}
 .faq-item-icon{flex-shrink:0}
 .cta-form-card-heading{font-size:clamp(30px,6vw,42px);text-wrap:balance}
 .footer-bottom{gap:32px}
 .footer-link-list{justify-content:center;column-gap:20px;row-gap:8px}
}
@media(max-width:639px){
 .capabilities-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .capabilities-card{padding:24px;gap:20px;border-radius:28px}
 .capabilities-card-image{height:190px}
 .capabilities-card-content{font-size:16px;line-height:1.55}
 .capabilities-card-content-item{font-size:14px;line-height:1.5}
 .heading-layout{gap:20px}
 .hero-layout .button-group{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:14px}
 .hero-layout .button-group>a{justify-content:center;min-height:54px;width:100%}
 .intergration-item{width:180px;padding:16px;gap:12px}
 .intergration-item-image{width:48px;height:40px}
 .cta-form-card{border-radius:28px;gap:28px}
 .process-item-desc{font-size:15px}
}
@media(max-width:359px){
 .navbar-wraper{padding-inline:8px}
 .navbar-brand-link,.navbar-brand-logo{width:34px;height:34px;min-width:34px}
 .navbar-container{gap:3px}
 .navbar-container .button-contact{padding:10px 12px;font-size:12px;min-height:44px}
 .hero-heading{font-size:34px}
 .padding-global{padding-inline:16px}
 .capabilities-card{padding:20px}
 .faq-item-number{display:none}
}
@media(max-height:550px) and (orientation:landscape){.hero-section-wrap{min-height:600px}.navbar-wraper{padding-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg-video video,.footer-bg-video video{visibility:hidden}.preloader{display:none!important}*,*::before,*::after{scroll-behavior:auto!important}}
.preloader{display:none!important;pointer-events:none!important}
.value-card-desc,.capabilities-card-content,.casestudy-card-desc,.process-item-desc,.faq-item-answer-text{color:#4c5563}
@media(max-width:767px){.nav_menu-button{min-height:44px;display:flex;align-items:center}.hero-layout .button-wrap{width:100%;max-width:440px;gap:14px}.hero-layout .button-wrap>.button{width:100%;justify-content:center;min-height:54px}}
@media(max-width:359px){.navbar-actions{gap:12px;padding-left:12px}.navbar-actions>.button{font-size:12px;padding:10px 12px;min-height:44px}.nav_menu-button-layout{gap:8px}}
@media(max-width:767px){.navbar-actions>.button{height:44px;min-height:44px;padding:0}.navbar-actions>.button>.button-inner{height:44px;min-height:44px;padding:10px 14px}.navbar-actions>.button .button-text{font-size:13px;line-height:1.2}.navbar-actions{gap:16px}.nav_menu-button-layout{font-size:14px}}
@media(max-width:359px){.navbar-actions{gap:12px}.navbar-actions>.button>.button-inner{padding-inline:12px}.navbar-actions>.button .button-text{font-size:12px}}
/* Let the existing navigation own its scroll animation without doubling offsets. */
html{scroll-behavior:auto;scroll-padding-top:0}
section[id]{scroll-margin-top:0}
#CTA-Form{scroll-margin-top:96px}
.casestudy-card-image{object-fit:contain}
.casestudy-card-image-wrap{background:#eef0f3}
.capabilities-card-title{display:block;margin-bottom:8px}
/* Equal solution illustration frames, aligned along each row's baseline. */
#service-section .capabilities-card{padding:24px;align-items:stretch}
#service-section .capabilities-card-image{flex:0 0 200px;width:220px;max-width:100%;height:200px;min-height:200px;max-height:200px;object-fit:contain;object-position:center;margin: auto auto 0}
@media(max-width:359px){#service-section .capabilities-card{padding:20px}}
#service-section .capabilities-card-image{flex-basis:180px;width:180px;height:180px;min-height:180px;max-height:180px}

.logo-marquee-item.official-product-logo{width:160px;height:48px;object-fit:contain;flex:none;opacity:1}
@media(max-width:767px){.logo-marquee-item.official-product-logo{width:128px;height:40px}}
.logo-marquee-list{align-items:center}

/* Match visible artwork bounds, including logos supplied with transparent margins. */
.logo-marquee-item.brand-logo-frame{--art-scale:1;display:block;position:relative;flex:0 0 180px;width:180px;height:64px;overflow:hidden;opacity:1}
.brand-logo-art{position:absolute;display:block;max-width:none;width:calc(var(--art-width)*var(--art-scale));height:calc(var(--art-height)*var(--art-scale));left:calc(var(--art-left)*var(--art-scale));top:calc(var(--art-top)*var(--art-scale));object-fit:fill}
.logo-marquee-list{align-items:center;gap:48px;padding-right:48px}
@media(max-width:767px){.logo-marquee-item.brand-logo-frame{--art-scale:.8;flex-basis:144px;width:144px;height:51.2px}.logo-marquee-list{gap:24px;padding-right:24px}}

#about-section .tech-video-wrap{width:100%;max-width:900px;aspect-ratio:16/9;border-radius:36px;background:#0d1422;box-shadow:0 18px 70px #101b3526;border:1px solid #64718a55;isolation:isolate}
.about-tech-video{display:block;width:100%;height:100%;object-fit:contain;background:#0d1422}
.tech-video-toggle{position:absolute;z-index:3;bottom:16px;right:16px;border:1px solid #ffffff55;border-radius:24px;padding:10px 16px;min-height:44px;background:#0d1422d9;color:#f0f4ff;font-size:12px;line-height:1.2;cursor:pointer}
.tech-video-toggle:hover{background:#29364b}
@media(max-width:767px){#about-section .tech-video-wrap{border-radius:20px}.tech-video-toggle{right:8px;bottom:8px;min-height:36px;padding:8px 12px;font-size:11px}}