/* Scoped to reviewed product, solution and contact pages. No scripts. */
.inner-layout main .inner-grid>*{min-width:0}
.inner-layout main .inner-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:36px!important}
.inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero){padding:48px 0}
.inner-layout .pos-hero{background:#183f78}
.inner-layout .inv-hero{background:#07634c}
.inner-layout .chain-hero{background:#523780}
.inner-layout .mall-hero{background:#075f50}
.inner-layout .sm-hero{background:#91382b}
.inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) h1{color:#fff;font-size:clamp(30px,3.3vw,46px)!important;line-height:1.35!important;text-wrap:balance}
.inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) .breadcrumb{justify-content:flex-start;text-align:left}
.inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) .inner-split{margin-top:24px!important}
.inner-layout .hero-stats{margin-top:28px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.inner-layout .hero-stat{min-width:0;padding:16px 10px;backdrop-filter:none;border-radius:10px}
.inner-layout .hero-stat-value{font-size:30px;line-height:1.3}
.inner-layout .hero-stat-label{line-height:1.6;margin-top:4px}
.inner-layout .feature-block{padding:24px!important;border-radius:12px;box-shadow:0 2px 10px #1736500a}
.inner-layout .feature-block:hover{transform:none}
.inner-layout main .section{padding:46px 0}
.inner-layout .section-title{font-size:clamp(25px,2.8vw,36px);line-height:1.45}
.inner-layout .page-hero{padding:46px 0}
.inner-layout .page-hero h1{font-size:clamp(28px,3.1vw,42px);line-height:1.4;text-wrap:balance}
.inner-layout .misall-proof,.inner-layout #industry-software-proof{margin:24px auto}
.inner-layout .misall-proof img,.inner-layout #industry-software-proof img{height:auto;max-width:100%}
.inner-layout .contact-grid{gap:40px!important}
.inner-layout .contact-form{padding:24px!important}
.inner-layout .contact-form img{display:block;margin:0 auto}
.inner-layout .contact-form a[data-misall-contact]{display:flex;align-items:center;justify-content:center;min-height:48px;line-height:1.5}
.inner-layout #contact-company-info{background:#f7fafc}
.inner-layout #contact-company-info .container{display:flex;flex-direction:column}
.inner-layout #contact-company-info .container>p:first-child{order:3;margin:20px 0 0}
.inner-layout #official-contact{scroll-margin-top:100px}
@media(max-width:1100px){
 .inner-layout main :is(.inner-cols-4,.inner-cols-5,.inner-cols-6){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
 .inner-layout main .inner-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
 .inner-layout main .inner-flow{grid-template-columns:1fr!important;gap:16px!important}
 .inner-layout .inner-flow>div:has(>svg:only-child){transform:rotate(90deg);justify-self:center}
 .inner-layout .workflow-step::after{display:none}
}
@media(max-width:800px){
 .inner-layout main .inner-split{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 .inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero){padding:28px 0}
 .inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) h1{font-size:30px!important;margin-bottom:16px!important}
 .inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) h1+p{font-size:16px!important;line-height:1.85!important;margin-bottom:20px!important}
 .inner-layout .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
 .inner-layout .hero-stat-value{font-size:26px}
 .inner-layout .hero-stat-label{font-size:13px}
 .inner-layout .page-hero{padding:28px 0}
 .inner-layout .page-hero p{font-size:16px;line-height:1.8}
 .inner-layout main .section{padding:32px 0}
 .inner-layout main .section-header{margin-bottom:24px}
 .inner-layout main .cta-section{padding:36px 16px}
 .inner-layout main .cta-section h2{font-size:27px;line-height:1.45}
 .inner-layout main .btn{min-height:44px;padding:12px 20px!important;font-size:16px!important}
 .inner-layout .comparison-table{table-layout:fixed}
 .inner-layout .comparison-table th,.inner-layout .comparison-table td{padding:12px 10px;overflow-wrap:anywhere;font-size:15px}
 .inner-layout .comparison-table th:first-child,.inner-layout .comparison-table td:first-child{width:28%}
 .inner-layout .contact-grid{gap:24px!important}
 .inner-layout .contact-form{order:-1;padding:20px!important}
 .inner-layout .contact-form h2{font-size:24px;margin-bottom:16px!important}
 .inner-layout .contact-form img{width:190px!important;height:190px!important}
 .inner-layout #official-contact{scroll-margin-top:76px;padding-top:24px}
}
@media(max-width:600px){
 .inner-layout main div[style*="display:flex;justify-content:center;gap:24px"]{flex-wrap:wrap;gap:12px!important}
 .inner-layout main div[style*="display:flex;justify-content:center;gap:24px"]>div{padding:16px 20px!important}
 .inner-layout main :is(.inner-cols-2,.inner-cols-3,.inner-cols-4,.inner-cols-5,.inner-cols-6){grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .inner-layout main .inner-grid>div{overflow-wrap:anywhere}
 .inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) .inner-split>div:first-child>div:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
 .inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) .inner-split>div:first-child>div:last-child .btn{padding:12px 8px!important;white-space:normal;text-align:center}
 .inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) .inner-split>div:first-child>div:first-child{margin-bottom:16px!important;font-size:13px!important}
 .inner-layout :is(.inv-hero,.sm-hero) .inner-split>div:nth-child(2){padding:16px!important}
 .inner-layout :is(.pos-hero,.inv-hero,.chain-hero,.mall-hero,.sm-hero) :is(.inner-cols-2,.inner-cols-3){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .inner-layout .inv-hero .inner-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .inner-layout .inv-hero .inner-cols-3>div{padding:10px 4px!important}
 .inner-layout .inv-hero .inner-cols-3>div>div:first-child{font-size:22px!important}
 .inner-layout .store-card{padding:14px}
 .inner-layout .feature-block,.inner-layout .testimonial-card,.inner-layout .benefit-card{padding:20px!important;border-radius:10px}
 .inner-layout .feature-block h3{font-size:19px}
 .inner-layout .feature-block p{font-size:15px;line-height:1.8}
 .inner-layout .workflow-step{padding:22px 18px}
 .inner-layout .process-card{padding:36px 20px 22px;margin-top:10px}
 .inner-layout .faq-item{padding:18px;margin-bottom:12px}
 .inner-layout .faq-item h3{font-size:17px;line-height:1.6}
 .inner-layout .lang-pill{padding:9px 14px}
 .inner-layout .misall-proof,.inner-layout #industry-software-proof{margin:18px auto;padding:18px 16px}
 .inner-layout .misall-business{padding:18px 16px}
 .inner-layout .misall-business h2,.inner-layout .misall-proof h2,.inner-layout #industry-software-proof h2{font-size:24px;line-height:1.45}
 .inner-layout .misall-business-card{padding:18px 0}
 .inner-layout .experience-section p{font-size:16px;line-height:1.85}
}