/* Layout belongs only to this service page. Shared form and consent remain intact. */
/* Let the shared logo shrink only when its native 200px mobile size cannot fit
   beside the existing phone and menu controls. The shared logo mask is unchanged. */
body.integro-si-page .entry-content>header>.wp-block-group{min-width:0}
body.integro-si-page .entry-content>header a[aria-label="INTEGRO — главная"]{max-width:100%}
body.integro-si-page #integro-site-integration{width:var(--theme-container-width,calc(100% - 32px));max-width:var(--theme-normal-container-max-width,1290px)}
#integro-site-integration{--si-text:#d7e4dc;--si-heading:#f5f7f3;--si-accent:#91e8cf;color:var(--si-text);font-family:inherit;font-size:16px;line-height:1.6;margin:0 auto;min-width:0}
#integro-site-integration *,#integro-site-integration *::before,#integro-site-integration *::after{box-sizing:border-box}
#integro-site-integration [hidden]{display:none!important}
#integro-site-integration h1,#integro-site-integration h2,#integro-site-integration h3{color:var(--si-heading);font-family:inherit;font-weight:700}
#integro-site-integration h1{margin:0 0 20px;font-size:clamp(44px,3.5vw,48px);line-height:1.14;letter-spacing:-.025em}
#integro-site-integration h2{font-size:clamp(28px,2.5vw,36px);line-height:1.2;margin:0 0 18px;letter-spacing:-.02em}
#integro-site-integration h3{font-size:20px;line-height:1.3;margin:0 0 10px}
#integro-site-integration p{margin:0 0 16px}
#integro-site-integration a:not(.integro-ui-primary):not(.integro-ui-secondary){color:#a5f4d3}
#integro-site-integration :is(a,button,input,summary):not(.integro-ui-primary):not(.integro-ui-secondary):focus-visible{outline:3px solid #a5f4d3;outline-offset:4px}
#integro-site-integration .si-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;margin:16px 0 24px;color:#b7ccbf}
#integro-site-integration .si-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
#integro-site-integration .si-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:36px;align-items:center;padding:0 0 24px}
#integro-site-integration .si-hero-copy{min-width:0}
#integro-site-integration .si-kicker{font-size:14px;font-weight:600;line-height:1.5;color:#8de4ba;margin:0 0 12px}
#integro-site-integration .si-lead{font-size:18px;line-height:1.6;margin-bottom:20px}
#integro-site-integration .si-hero-benefits{display:grid;gap:8px;list-style:none;padding:0;margin:0 0 24px}
#integro-site-integration .si-hero-benefits li{position:relative;padding-left:24px;margin:0}
#integro-site-integration .si-hero-benefits li::before{content:"✓";position:absolute;left:0;color:var(--si-accent)}
#integro-site-integration .si-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
/* Common button classes own appearance; this page only places the actions. */
#integro-site-integration .si-button{min-height:50px;text-align:center;white-space:normal}
#integro-site-integration .si-actions .si-button{width:100%;min-height:56px}
#integro-site-integration .si-actions .gspb-buttonbox-textwrap{justify-content:center}
#integro-site-integration .si-hero-visual{margin:0;min-width:0;width:100%;max-width:600px;justify-self:center}
#integro-site-integration .si-hero-image{position:relative;border-radius:12px}
#integro-site-integration .si-hero-visual img{display:block;width:100%;height:auto;max-width:100%}
#integro-site-integration .si-hero-visual figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:#b5cbbc}
#integro-site-integration .si-section{margin:0;padding:24px 0;scroll-margin-top:24px}
#integro-site-integration .si-section-intro{max-width:920px}
#integro-site-integration .si-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
#integro-site-integration .si-panel{position:relative;border:1px solid #284d3e;border-radius:12px;padding:20px;background:#0a1810;min-width:0}
#integro-site-integration .si-cards p{margin:0}
#integro-site-integration .si-note{font-size:14px;line-height:1.5;color:#b5cbbc}
/* One shared perimeter per demo, without nested orbit layers. */
#integro-site-integration .si-demo{position:relative;border:1px solid #284d3e;border-radius:12px;padding:16px}
/* Native radio choices: one equal row, with no separate launch action. */
#integro-site-integration .si-scenarios{border:0;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;min-width:0}
#integro-site-integration .si-scenarios label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;min-height:50px;border:1px solid #50745f;padding:10px 12px;border-radius:8px;font-size:16px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;background:#0a1510}
#integro-site-integration .si-scenarios label:has(:checked){background:#123a2b;border-color:#91e8cf;color:#f5faf7;box-shadow:inset 0 0 0 1px #91e8cf}
#integro-site-integration .si-scenarios label:has(:focus-visible){outline:3px solid #a5f4d3;outline-offset:4px}
#integro-site-integration .si-scenarios input{accent-color:#8de4ba;width:16px;height:16px;flex:0 0 16px;margin:0;outline:none}
#integro-site-integration .si-scenario-short{display:none}
#integro-site-integration .si-demo-systems{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:start}
#integro-site-integration .si-system{min-width:0;padding:20px;background:#0c1a13;border:1px solid #365443;border-radius:10px}
#integro-site-integration .si-system-label{font-size:14px;line-height:1.5;color:#91e8cf;margin-bottom:10px}
#integro-site-integration .si-system p:last-child{margin-bottom:0}
#integro-site-integration .si-request{margin-bottom:8px}
#integro-site-integration .si-exchange{align-self:center;text-align:center;color:#91e8cf;font-size:28px;line-height:1}
#integro-site-integration .si-crm{border-color:#659d82}
#integro-site-integration .si-result p{margin:0}
#integro-site-integration [data-recover]{margin-top:16px}
#integro-site-integration [data-phase=waiting] .si-crm{border-color:#edc77f}
#integro-site-integration [data-phase=waiting] [data-status]{color:#edc77f}
#integro-site-integration .si-disclaimer{font-size:14px;line-height:1.5;border-left:2px solid #85d4b0;padding-left:14px;margin:16px 0 0}
#integro-site-integration .si-fallback{border-top:1px solid #284d3e;margin-top:16px;padding-top:16px}
#integro-site-integration .si-fallback p:last-child{margin-bottom:0}
#integro-site-integration .si-data-list{margin:0 0 16px}
#integro-site-integration .si-data-list>div{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid #284d3e}
#integro-site-integration .si-data-list>div:first-child{padding-top:0}
#integro-site-integration .si-data-list dt{color:#f5faf7;font-weight:600}
#integro-site-integration .si-data-list dd{margin:0}
#integro-site-integration .si-section>.si-note:last-child{margin-bottom:0}
#integro-site-integration .si-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
#integro-site-integration .si-process li{margin:0;min-width:0}
#integro-site-integration .si-process span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:12px;border:1px solid #50745f;border-radius:50%;color:#91e8cf}
#integro-site-integration .si-process h3{font-size:18px}
#integro-site-integration .si-process p{margin:0}
#integro-site-integration .si-acceptance{margin:20px 0 0;padding-top:16px;border-top:1px solid #284d3e}
#integro-site-integration .si-cost{max-width:940px}
#integro-site-integration .si-faq details{border-bottom:1px solid #365443;margin:0}
#integro-site-integration .si-faq summary{cursor:pointer;padding:16px 36px 16px 0;font-size:18px;line-height:1.5;font-weight:600;color:#f5faf7;position:relative;list-style:none}
#integro-site-integration .si-faq summary::-webkit-details-marker{display:none}
#integro-site-integration .si-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#91e8cf;font-size:24px;line-height:1}
#integro-site-integration .si-faq details[open] summary::after{content:"−"}
#integro-site-integration .si-faq details p{max-width:940px;margin:0 0 18px}
#integro-site-integration .si-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Keep the existing form layout at this page's content edges. */
#integro-site-integration #integro-enquiry{position:relative;width:100%;max-width:none;margin:24px 0!important}
#integro-site-integration #integro-enquiry .ie-home-heading{grid-column:1/-1}
#integro-site-integration #integro-enquiry .ie-home-heading h2{max-width:960px}
#integro-site-integration #integro-enquiry .ie-home-heading p{max-width:940px}
#integro-site-integration #integro-enquiry .integro-contact-methods{display:flex;flex-direction:column;gap:12px}
/* Existing page-specific placement of the shared consent panel. */
body.integro-si-page{display:flex;flex-direction:column}
body.integro-si-page #ig-cookie-banner{position:static;order:-1;left:auto;bottom:auto;width:var(--theme-container-width,90%);max-width:var(--theme-normal-container-max-width,1290px);margin:16px auto;padding:20px;max-height:none}
#integro-site-integration :is(.si-actions,.ff_submit_btn_wrapper){scroll-margin-bottom:100px}
@media(max-width:1099px){
 #integro-site-integration .si-hero{grid-template-columns:minmax(0,1fr);gap:28px}
 #integro-site-integration .si-hero-copy{max-width:850px}
 #integro-site-integration .si-process{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 #integro-site-integration h1{font-size:clamp(32px,7.2vw,44px)}
 #integro-site-integration h2{font-size:26px;margin-bottom:14px}
 #integro-site-integration .si-breadcrumbs{gap:5px 8px;margin:12px 0 20px}
 #integro-site-integration .si-lead{font-size:17px}
 #integro-site-integration .si-hero{padding-bottom:16px}
 #integro-site-integration .si-section{padding:16px 0;scroll-margin-top:16px}
 #integro-site-integration .si-cards{grid-template-columns:minmax(0,1fr);gap:12px}
 #integro-site-integration .si-panel{padding:18px}
 #integro-site-integration .si-demo{padding:12px}
 #integro-site-integration .si-scenarios{gap:8px;margin-bottom:12px}
 #integro-site-integration .si-scenarios label{padding:10px 8px}
 #integro-site-integration .si-scenario-full{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 #integro-site-integration .si-scenario-short{display:inline}
 #integro-site-integration .si-demo-systems{grid-template-columns:minmax(0,1fr);gap:12px}
 #integro-site-integration .si-exchange{display:none}
 #integro-site-integration .si-system{padding:12px}
 #integro-site-integration .si-system-label{margin-bottom:8px}
 #integro-site-integration .si-system h3{font-size:18px;margin-bottom:8px}
 #integro-site-integration [data-recover]{width:100%;margin-top:12px}
 #integro-site-integration .si-data-list>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0}
 #integro-site-integration .si-process{grid-template-columns:minmax(0,1fr);gap:18px}
 #integro-site-integration .si-process li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}
 #integro-site-integration .si-process span{margin:0}
 #integro-site-integration #integro-enquiry{padding:20px}
}
@media(max-width:639px){#integro-site-integration .si-actions{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#integro-site-integration *,#integro-site-integration *::before,#integro-site-integration *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}