.itkod-site section:has(> .site-shell:empty){display:none}.hero-showcase{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:20px;margin-top:calc(var(--section-gap)/2)}.hero-slider{position:relative;min-height:350px;border-radius:28px;overflow:hidden;background:#002447;box-shadow:0 22px 48px rgba(19,43,84,.2)}.hero-slider>div{position:absolute;inset:0;display:grid;align-items:end;padding:32px;opacity:0;pointer-events:none;transform:translateX(18px);transition:.55s;background:linear-gradient(115deg,rgba(13,27,54,.93),rgba(21,73,133,.76));color:#fff}.hero-slider>div.is-active{opacity:1;pointer-events:auto;transform:none}.hero-slide h2{font-size:clamp(27px,3.4vw,43px);line-height:1.08;margin:16px 0 12px}.hero-slide p{margin:0 0 22px;color:rgba(255,255,255,.84);font-size:17px}.hero-slide .button{background:#fff;color:#002447}.hero-slider__controls,.hero-slider__dots{position:absolute;z-index:2;display:flex;gap:8px}.hero-slider__controls{right:22px;bottom:23px}.hero-slider__dots{left:32px;bottom:28px}.hero-slider__arrow,.hero-slider__dot{border:0;cursor:pointer}.hero-slider__arrow{width:38px;height:38px;border-radius:50%;background:rgba(14,30,56,.45);color:#fff;font-size:21px}.hero-slider__dot{width:9px;height:9px;border-radius:99px;background:#ffffff80}.hero-slider__dot.is-active{width:24px;background:#fff}.hero-aside{display:grid;gap:12px}.hero-aside>div{display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:20px;border:1px solid #DCE3EA;border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(0,36,71,.07)}.hero-card h3{margin:0 0 5px;font-size:18px}.hero-card p{margin:0;color:rgba(0,36,71,.74);font-size:13px}.hero-card .button{align-self:flex-start;margin-top:13px;padding:7px 12px;border:1px solid #DCE3EA;color:#002447;font-size:12px}@media(max-width:900px){.hero-showcase{grid-template-columns:1fr}.hero-aside{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.hero-showcase{gap:16px;margin-top:26px}.hero-slider{min-height:360px;border-radius:22px}.hero-slider>div{padding:24px}.hero-aside{grid-template-columns:1fr}.hero-slide .button,.hero-card .button{width:100%}}

/* Исправленная сетка основного модуля услуг. */
.services .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px;}
.services .service-card{min-width:0;}
.contacts-section .contact-map-frame{display:block;width:100%;height:100%;min-height:270px;}
.contacts-section .contact-map-frame iframe{display:block;width:100%;height:100%;min-height:270px;border:0;filter:saturate(.82) contrast(.96);}
@media(max-width:1000px){.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.services .service-grid{grid-template-columns:1fr;gap:14px;margin-top:26px;}.services .service-card{min-height:0;padding:20px;}.contacts-section .contact-map-frame,.contacts-section .contact-map-frame iframe{min-height:320px;}}

/* Управляемая лента проверенных брендов. */
.trust-section{overflow:hidden;}
.brand-strip{display:flex;align-items:center;gap:28px;padding:16px 0;}
.brand-strip-label{flex:0 0 auto;margin:0;color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap;}
.brand-marquee{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
.brand-marquee-track{display:flex;align-items:center;gap:var(--brand-gap,42px);width:max-content;animation:itkod-brand-marquee var(--brand-duration,28s) linear infinite;animation-direction:var(--brand-direction,normal);will-change:transform;}
.brand-marquee.is-paused .brand-marquee-track{animation-play-state:paused;}
.brand-marquee .brand-logo{display:inline-flex;align-items:center;min-height:var(--brand-logo-height,28px);color:#002447;font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1;text-decoration:none;white-space:nowrap;filter:saturate(.8);transition:color .2s ease,filter .2s ease;}
.brand-marquee .brand-logo:hover,.brand-marquee .brand-logo:focus-visible{color:var(--itkod-accent);filter:none;outline:none;}
@keyframes itkod-brand-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - (var(--brand-gap,42px) / 2)))}}
@media(max-width:700px){.brand-strip{display:block;padding:14px 0;}.brand-strip-label{display:block;margin:0 0 12px;font-size:13px;}.brand-marquee .brand-logo{font-size:14px;}}
@media(prefers-reduced-motion:reduce){.brand-marquee{mask-image:none;overflow:visible;}.brand-marquee-track{width:auto;flex-wrap:wrap;animation:none!important;transform:none!important;}.brand-marquee__clone{display:none!important;}}

/* Мобильная защита от переполнения: только для конкретных широких дорожек и карточек. */
@media(max-width:600px){.brand-marquee{overflow:clip;}.automation-grid>div,.automation-grid>div>*{min-width:0;max-width:100%;box-sizing:border-box;}.itkod-site{overflow-x:clip;}}
@media(max-width:600px){html,body{overflow-x:clip;}}

/* Этап стабилизации: правила изолированы фактическими идентификаторами модулей. */
#support{background:#002447;color:#fff;}
#support .mod-custom{background:transparent;padding:0;color:inherit;}
#support .support-cta{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:36px;align-items:center;min-height:0;padding:34px 38px;border-radius:24px;background:rgba(255,255,255,.08);}
#support .support-cta h2{color:#fff;}
#support .support-cta p{color:rgba(255,255,255,.86);}
#support .support-cta__tasks{display:flex;flex-wrap:wrap;gap:10px;align-content:center;}
#support .support-cta__tasks span{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.13);color:#fff;font-size:13px;font-weight:720;line-height:1.25;}
#partners .partner-solutions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px;align-items:stretch;}
#partners .partner-solutions__grid>.mod-custom,#partners .partner-solutions__grid .custom.two-column{display:flex;min-width:0;}
#partners .partner-solutions__grid .custom.two-column{width:100%;grid-template-columns:none;}
#partners .partner-card{display:flex;flex:1;flex-direction:column;min-width:0;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(22,32,51,.06);}
#partners .partner-card h2{font-size:clamp(24px,2.4vw,32px);}
#partners .partner-card>p:last-child{margin-top:auto;margin-bottom:0;}
#mod-custom137{margin-top:72px;padding-top:72px;border-top:1px solid var(--line);}
#mod-custom137 .automation-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:36px;align-items:center;}
#mod-custom137 .automation-steps{display:flex;flex-wrap:wrap;gap:10px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--soft);}
#mod-custom137 .automation-steps span{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:13px;font-weight:720;line-height:1.25;}
#mod-custom137 .automation-steps span:not(:last-child)::after{content:"→";margin-left:10px;color:var(--itkod-accent);}
#mod-custom122 .solution-chain{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0;}
#mod-custom122 .solution-chain span{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:720;line-height:1.25;}
#mod-custom122 .solution-chain span:not(:last-child)::after{content:"→";margin-left:10px;color:#FEB249;}
section.section-accent:has(#mod-custom113){padding:calc(var(--section-gap)/2) 0;background:#fff;}
#mod-custom113 .registration-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:0;padding:30px 34px;border:1px solid #DCE3EA;border-radius:22px;background:#FFFFFF;color:var(--ink);}
#mod-custom113 .registration-cta h2{color:var(--ink);margin-bottom:10px;}
#mod-custom113 .registration-cta p{color:var(--muted);margin:0;max-width:760px;}
#consultation .contact-list{gap:12px;}
#consultation .contact-list .button{min-width:148px;}
#services,#support,#partners,#sber,#evotor,#advantages,#consultation,#contacts{scroll-margin-top:136px;}
@media(max-width:1023px){#partners .partner-solutions__grid{grid-template-columns:1fr;}#mod-custom137 .automation-grid{grid-template-columns:1fr;}#mod-custom137{margin-top:56px;padding-top:56px;}}
@media(max-width:600px){#support .support-cta{grid-template-columns:1fr;gap:24px;padding:26px 20px;}#support .support-cta__tasks{gap:8px;}#support .support-cta__tasks span,#mod-custom137 .automation-steps span,#mod-custom122 .solution-chain span{font-size:12px;}#mod-custom137{margin-top:44px;padding-top:44px;}#mod-custom137 .automation-steps{padding:18px;}#mod-custom113 .registration-cta{align-items:flex-start;flex-direction:column;padding:24px;}#consultation .contact-list .button{min-width:0;flex:1;}}


/* Стандартные списки Joomla: отдельные chips для поддержки и цепочек. */
#support .support-cta__tasks,#mod-custom137 .automation-steps,#mod-custom122 .solution-chain{margin:0;padding:0;list-style:none;}
#support .support-cta__tasks li{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.13);color:#fff;font-size:13px;font-weight:720;line-height:1.25;}
#mod-custom137 .automation-steps li{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:13px;font-weight:720;line-height:1.25;}
#mod-custom137 .automation-steps li:not(:last-child)::after{content:"→";margin-left:10px;color:var(--itkod-accent);}
#mod-custom122 .solution-chain li{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:720;line-height:1.25;}
#mod-custom122 .solution-chain li:not(:last-child)::after{content:"→";margin-left:10px;color:#FEB249;}
@media(max-width:600px){#support .support-cta__tasks li,#mod-custom137 .automation-steps li,#mod-custom122 .solution-chain li{font-size:12px;}}
/* IT-Kod unified visual redesign — scoped design layer */
:root{--color-primary-dark:#002447;--color-primary:#002447;--color-accent:#FEB249;--color-text:#002447;--color-muted:rgba(0,36,71,.74);--color-bg:#fff;--color-bg-soft:#F7F9FA;--color-border:#DCE3EA;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--space-section:clamp(48px,5vw,64px);--space-section-large:clamp(64px,6vw,80px);}
.itkod-site{font-family:Inter,Arial,"Segoe UI",sans-serif;color:var(--color-text);font-size:16px;line-height:1.6;}
.itkod-site h1,.itkod-site h2,.itkod-site h3{font-weight:700;letter-spacing:-.028em;color:var(--color-text);}
.itkod-site h1{font-size:clamp(32px,3.2vw,44px);line-height:1.12}.itkod-site h2{font-size:clamp(28px,2.7vw,38px);line-height:1.17;margin:0 0 12px}.itkod-site h3{font-size:clamp(17px,1.4vw,21px);line-height:1.25;margin:0 0 7px}.itkod-site p{margin:0 0 14px}.itkod-site .section-label,.itkod-site .eyebrow{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--color-accent)}
.itkod-site .section{padding:var(--space-section) 0}.itkod-site .section-dark{padding:var(--space-section) 0}.itkod-site .site-shell{max-width:1200px}.itkod-site .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font:600 14px/1.1 Inter,Arial,sans-serif;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.itkod-site .button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,40,77,.13)}.itkod-site .button-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.itkod-site .button-secondary{background:transparent;color:var(--color-text)}
/* brand ribbon */
.itkod-site .trust-section{padding:calc(var(--section-gap)/2) 0;border-block:1px solid var(--color-border);background:var(--color-bg-soft)}.itkod-site .brand-strip{min-height:0}.itkod-site .brand-strip-label{font-size:12px;font-weight:600;color:var(--color-muted);margin:0 16px 0 0}.itkod-site .brand-marquee{min-height:30px}.itkod-site .brand-logo{font-size:16px;font-weight:700;letter-spacing:.025em}
/* services: compact 4x2 cards with editable data-icon */
#services{background:#fff}#services .site-shell{display:grid;gap:22px}#services .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#services .service-card{position:relative;min-height:184px;padding:58px 18px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(145deg,#fff,#F7F9FA);box-shadow:0 4px 14px rgba(17,39,75,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}#services .service-card::before{content:"";position:absolute;top:18px;left:18px;width:26px;height:26px;background:var(--color-accent);opacity:.95;mask:var(--service-icon) center/contain no-repeat;-webkit-mask:var(--service-icon) center/contain no-repeat}#services .service-card:hover{transform:translateY(-3px);border-color:#DCE3EA;box-shadow:0 12px 25px rgba(17,39,75,.1)}#services .service-card h3{font-size:18px;margin-bottom:8px}#services .service-card p{font-size:14px;line-height:1.48;color:var(--color-muted);margin:0}
#services .service-card[data-icon="kkt"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M4 7h16v13H4zM7 3h10v4H7zM7 12h10M8 16h3'/%3E%3C/svg%3E")}#services .service-card[data-icon="piot"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M12 3 20 7v5c0 5-3.4 7.7-8 9-4.6-1.3-8-4-8-9V7zM9 12l2 2 4-4'/%3E%3C/svg%3E")}#services .service-card[data-icon="mark"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M4 4h5M4 4v5M20 4h-5m5 0v5M4 20h5m-5 0v-5m16 5h-5m5 0v-5M9 9h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z'/%3E%3C/svg%3E")}#services .service-card[data-icon="egais"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M10 3h4v4l2 3v8a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3v-8l2-3zM8 13h8'/%3E%3C/svg%3E")}#services .service-card[data-icon="mercury"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M4 5h16v14H4zM7 9h10M7 13h6m2 3 2-2 2 2'/%3E%3C/svg%3E")}#services .service-card[data-icon="edo"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M5 3h10l4 4v14H5zM15 3v5h4M8 13h8m-3-3 3 3-3 3'/%3E%3C/svg%3E")}#services .service-card[data-icon="sign"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M5 3h10l4 4v14H5zM15 3v5h4M8 15c2-4 4 2 8-3M8 18h7'/%3E%3C/svg%3E")}#services .service-card[data-icon="one-c"]{--service-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M4 5h16v12H4zM8 20h8M12 17v3M8 9h8m-5 3h5'/%3E%3C/svg%3E")}
/* support */
#support{position:relative;overflow:hidden;background:linear-gradient(120deg,#002447,#002447)}#support::after{content:"";position:absolute;right:5%;top:12%;width:290px;height:290px;opacity:.12;background:radial-gradient(circle at 35% 35%,transparent 0 35px,#fff 36px 38px,transparent 39px 75px,#fff 76px 78px,transparent 79px),linear-gradient(45deg,transparent 48%,#fff 49% 51%,transparent 52%);border-radius:50%;pointer-events:none}#support .support-cta{position:relative;z-index:1;gap:48px;padding:34px 0;min-height:0}#support .support-cta__content{max-width:650px}#support .support-cta h2{color:#fff;margin-bottom:10px}#support .support-cta p{font-size:15px;line-height:1.55}#support .support-cta__tasks{gap:9px;max-width:420px}#support .support-cta__tasks li{min-height:35px;padding:7px 12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);font-size:13px}
/* partners */
#partners{padding:calc(var(--section-gap)/2) 0;background:var(--color-bg-soft)}#partners .partner-solutions__grid{gap:16px}#partners .partner-card{position:relative;min-height:0;padding:27px 28px 24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;}
/* unified redesign */
:root{--navy:#002447;--blue:#002447;--orange:#FEB249;--ink:#002447;--muted:rgba(0,36,71,.74);--soft:#F7F9FA;--line:#DCE3EA;--r:18px;--sec:clamp(48px,5vw,64px)}
.itkod-site{font-family:Inter,Arial,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:var(--ink)}.itkod-site h1,.itkod-site h2,.itkod-site h3{font-weight:700;letter-spacing:-.028em}.itkod-site h1{font-size:clamp(32px,3.2vw,44px);line-height:1.12}.itkod-site h2{font-size:clamp(28px,2.7vw,38px);line-height:1.17;margin:0 0 12px}.itkod-site h3{font-size:clamp(17px,1.4vw,21px);line-height:1.25;margin:0 0 7px}.itkod-site .section{padding:var(--sec) 0}.itkod-site .section-dark{padding:var(--sec) 0}.itkod-site .site-shell{max-width:1200px}.itkod-site .section-label,.itkod-site .eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.itkod-site .button{min-height:46px;padding:11px 18px;border-radius:12px;font:600 14px/1.1 Inter,Arial,sans-serif;transition:.18s}.itkod-site .button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,36,71,.13)}.itkod-site .button-primary{background:var(--orange);border-color:var(--orange);color:#fff}.itkod-site .button-secondary{background:transparent;color:var(--ink)}
.itkod-site .trust-section{padding:calc(var(--section-gap)/2) 0;border-block:1px solid var(--line);background:var(--soft)}.itkod-site .brand-strip-label{font-size:12px;font-weight:600;color:var(--muted)}.itkod-site .brand-logo{font-size:16px;font-weight:700}
#services .site-shell{display:grid;gap:22px}#services .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#services .service-card{position:relative;min-height:184px;padding:57px 18px 18px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(145deg,#fff,#F7F9FA);box-shadow:0 4px 14px rgba(0,36,71,.04);transition:.18s;overflow:hidden}#services .service-card::before{content:"";position:absolute;top:18px;left:18px;width:26px;height:26px;border:2px solid var(--orange);border-radius:8px;box-sizing:border-box}#services .service-card::after{content:attr(data-icon);position:absolute;top:22px;left:22px;font-size:0;width:18px;height:18px;background:var(--orange);clip-path:polygon(0 35%,35% 35%,35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%)}#services .service-card:hover{transform:translateY(-3px);border-color:#DCE3EA;box-shadow:0 12px 25px rgba(0,36,71,.10)}#services .service-card h3{font-size:18px;margin-bottom:8px}#services .service-card p{font-size:14px;line-height:1.48;color:var(--muted);margin:0}

#support{position:relative;overflow:hidden;background:linear-gradient(120deg,#002447,#002447)}#support:after{content:"";position:absolute;right:5%;top:12%;width:270px;height:270px;opacity:.12;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 38px transparent,0 0 0 76px #fff}#support .support-cta{position:relative;z-index:1;gap:48px;padding:34px 0;min-height:0}#support .support-cta__content{max-width:650px}#support .support-cta h2{color:#fff}#support .support-cta p{font-size:15px;line-height:1.55}#support .support-cta__tasks{gap:9px;max-width:420px}#support .support-cta__tasks li{min-height:35px;padding:7px 12px;border:1px solid #ffffff2e;background:#ffffff12;font-size:13px}
#partners{padding:calc(var(--section-gap)/2) 0;background:var(--soft)}#partners .partner-solutions__grid{gap:16px}#partners .partner-card{position:relative;min-height:0;padding:27px 28px 24px;border:1px solid var(--line);border-radius:26px;box-shadow:none;overflow:hidden;background:#fff}#partners .partner-card:before{content:"";display:block;width:44px;height:6px;margin-bottom:16px;border-radius:99px;background:var(--accent)}#partners .partner-card:after{content:"";position:absolute;right:24px;top:22px;width:64px;height:64px;border:1px solid var(--accent);opacity:.25;border-radius:22px;transform:rotate(18deg)}#partners .partner-card--sber{--accent:#53D3D1}#partners .partner-card--evotor{--accent:#FEB249}#partners .partner-card h2{max-width:480px;font-size:25px;margin-bottom:9px}#partners .partner-card>p:not(.section-label){color:var(--muted);font-size:15px}#partners .partner-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;padding:0;margin:15px 0 19px;list-style:none}#partners .partner-card li{position:relative;padding-left:16px;font-size:14px;line-height:1.35}#partners .partner-card li:before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
#advantages{background:#fff;padding:clamp(64px,6vw,80px) 0}#advantages .feature-grid{gap:12px}#advantages .feature-card{position:relative;min-height:132px;padding:21px 18px 18px 58px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:none}#advantages .feature-icon{position:absolute;left:18px;top:20px;width:27px;height:27px;font-size:0;border-radius:9px;background:#F7F9FA}#advantages .feature-icon:after{content:"";display:block;width:100%;height:100%;background:var(--blue);clip-path:polygon(50% 0,62% 32%,100% 25%,72% 50%,100% 75%,62% 68%,50% 100%,38% 68%,0 75%,28% 50%,0 25%,38% 32%)}#advantages .feature-card h3{font-size:17px}#advantages .feature-card p{font-size:14px;line-height:1.45;color:var(--muted);margin:0}#advantages .how-section{margin:42px 0 0;padding-top:32px;border-top:1px solid var(--line)}#advantages .how-section h2{font-size:27px;margin-bottom:22px}#advantages .work-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}#advantages .work-steps:before{content:"";position:absolute;left:12.5%;right:12.5%;top:17px;height:1px;background:linear-gradient(90deg,var(--orange),#DCE3EA)}#advantages .work-step{position:relative;z-index:1;display:grid;gap:10px;justify-items:start;padding-right:18px;font-size:14px;line-height:1.35;font-weight:600}#advantages .work-step strong{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--orange);color:#fff;font-size:12px}

#mod-custom137{margin:0;padding:clamp(64px,6vw,80px) 0 32px;border:0;background:linear-gradient(135deg,#F7F9FA,#fff)}#mod-custom137 .automation-grid{align-items:center;gap:46px}#mod-custom137 h2{font-size:34px}#mod-custom137 p{max-width:500px;color:var(--muted);font-size:15px}#mod-custom137 .automation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:540px}#mod-custom137 .automation-steps li{position:relative;display:flex;align-items:center;min-height:70px;padding:12px 12px 12px 42px;border-radius:12px;border:1px solid #DCE3EA;background:#fff;color:var(--ink);font-size:14px}#mod-custom137 .automation-steps li:before{content:"";position:absolute;left:13px;width:17px;height:17px;border:2px solid var(--orange);border-radius:5px}#mod-custom137 .automation-steps li:not(:last-child):after{content:"→";position:absolute;right:-16px;z-index:2;color:var(--orange);font-size:18px;margin:0}.section-dark:has(#mod-custom122){padding:0;background:#002447}.section-dark:has(#mod-custom122) .site-shell{max-width:none}.section-dark:has(#mod-custom122) #mod-custom122{max-width:1200px;margin:auto;padding:25px 20px 28px}.section-dark:has(#mod-custom122) .solution-block{display:grid;grid-template-columns:1fr auto;gap:6px 35px;align-items:center}.section-dark:has(#mod-custom122) .solution-block h2{grid-column:1;color:#fff;font-size:23px;margin:0}.section-dark:has(#mod-custom122) .solution-block>p{grid-column:1;color:#ffffffbb;font-size:14px;margin:0}.section-dark:has(#mod-custom122) .solution-chain{grid-column:2;grid-row:1/4;display:flex;justify-content:flex-end;gap:7px;max-width:590px}.section-dark:has(#mod-custom122) .solution-chain li{min-height:32px;padding:6px 9px;border-radius:9px;font-size:12px}.section-dark:has(#mod-custom122) .solution-chain li:not(:last-child):after{display:none}
section.section-accent:has(#mod-custom113){padding:calc(var(--section-gap)/2) 0;background:#fff}#mod-custom113 .registration-cta{min-height:0;padding:22px 25px;border-radius:var(--r);gap:25px;background:#FFFFFF;border:1px solid #DCE3EA}#mod-custom113 .registration-cta h2{font-size:26px;margin-bottom:5px}#mod-custom113 .registration-cta p{font-size:14px;margin:0}#consultation{padding:0;background:#002447}#consultation .site-shell{max-width:none}#consultation #mod-custom116{max-width:1200px;margin:auto;padding:38px 20px;display:flex;align-items:center;justify-content:space-between;gap:32px}#consultation h2{font-size:30px;color:#fff;margin:2px 0 5px}#consultation p{color:#ffffffbb;font-size:14px;margin:0}#consultation .contact-list{display:flex;gap:10px;flex-shrink:0}#consultation .button-secondary{color:#fff;border-color:#ffffff55}#contacts{padding:calc(var(--section-gap)/2) 0}#contacts .contact-grid{margin:22px 0 20px}#contacts .contact-actions{gap:9px}.site-footer{padding-top:38px}.site-footer a,.site-footer p{font-size:14px}
@media(max-width:1023px){#services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mod-custom137 .automation-grid{grid-template-columns:1fr;gap:24px}#mod-custom137 .automation-steps{max-width:none}.section-dark:has(#mod-custom122) .solution-block{grid-template-columns:1fr}.section-dark:has(#mod-custom122) .solution-chain{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:none}}@media(max-width:767px){.itkod-site{font-size:15px}.itkod-site .section,.itkod-site .section-dark{padding:calc(var(--section-gap)/2) 0}.itkod-site h2{font-size:29px}.itkod-site .button{width:100%;min-height:46px}#services .service-grid{grid-template-columns:1fr;gap:10px}#services .service-card{min-height:0;padding:52px 17px 17px}#support .support-cta{gap:26px;padding:5px 0}#partners .partner-card ul{grid-template-columns:1fr}#advantages .feature-grid{grid-template-columns:1fr}#advantages .how-section{margin-top:32px;padding-top:25px}#advantages .work-steps{grid-template-columns:1fr;gap:16px;margin-left:2px}#advantages .work-steps:before{left:17px;right:auto;top:17px;bottom:17px;width:1px;height:auto;background:#DCE3EA}#advantages .work-step{grid-template-columns:35px 1fr;align-items:center;gap:12px;padding:0}#mod-custom137{padding:44px 0 22px}#mod-custom137 h2{font-size:29px}#mod-custom137 .automation-steps{grid-template-columns:1fr}#mod-custom137 .automation-steps li{min-height:52px}#mod-custom137 .automation-steps li:not(:last-child):after{content:"↓";right:auto;left:16px;bottom:-19px}.section-dark:has(#mod-custom122) #mod-custom122{padding:24px 20px}#mod-custom113 .registration-cta{padding:21px;align-items:flex-start}#consultation #mod-custom116{padding:34px 20px;align-items:flex-start;flex-direction:column;gap:21px}#consultation .contact-list{width:100%;flex-direction:column}.site-footer{padding-top:30px}}@media(prefers-reduced-motion:reduce){.itkod-site *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* REDESIGNTEST */


/* Финальная визуальная полировка: только типографика, контраст и плотность. */
.itkod-site,.itkod-site button,.itkod-site input,.itkod-site textarea{font-family:Inter,Arial,"Segoe UI",sans-serif;}
.itkod-site h1,.itkod-site h2,.itkod-site h3{font-weight:700;}
.itkod-site .section-label,.itkod-site .button,.itkod-site .button-secondary{font-weight:600;}
/* Hero: текст всегда остаётся читаемым поверх любого фона слайда. */
.hero-slider .hero-slide,.hero-slider .hero-slide h1,.hero-slider .hero-slide h2,.hero-slider .hero-slide h3,.hero-slider .hero-slide p,.hero-slider .hero-slide .section-label{font-family:Inter,Arial,"Segoe UI",sans-serif;color:#fff;}
.hero-slider .hero-slide h2{font-weight:700;text-shadow:0 1px 1px rgba(7,18,39,.2);}
.hero-slider .hero-slide p{color:rgba(255,255,255,.9);}
.hero-slider .hero-slide .section-label{color:rgba(255,255,255,.78);font-weight:600;}
.hero-slider .hero-slide .button{font-family:Inter,Arial,"Segoe UI",sans-serif;font-weight:600;color:#002447;background:#fff;}
.hero-slider__arrow,.hero-slider__dot{font-family:Inter,Arial,"Segoe UI",sans-serif;}
/* Поддержка: декоративная цель меньше, спокойнее и не касается края. */
#support::after{right:9%;top:22%;width:178px;height:178px;opacity:.07;box-shadow:0 0 0 25px transparent,0 0 0 50px #fff;}
#support .support-cta{gap:36px;padding:28px 0;}
#support .support-cta__tasks{gap:8px;max-width:390px;}
#support .support-cta__tasks li{min-height:33px;padding:6px 11px;font-weight:600;}
/* Равные, более компактные карточки партнёров без декоративного контура. */
#partners .partner-solutions__grid{align-items:stretch;gap:16px;}
#partners .partner-card{min-height:0;padding:24px 25px;}
#partners .partner-card::after{content:none!important;display:none!important;}
#partners .partner-card h2{font-family:Inter,Arial,"Segoe UI",sans-serif;font-size:clamp(23px,2.1vw,29px);line-height:1.18;font-weight:700;}
#partners .partner-card p,#partners .partner-card li{font-family:Inter,Arial,"Segoe UI",sans-serif;}
#partners .partner-card ul{margin:17px 0;gap:8px;}
#partners .partner-card .button{margin-top:14px;font-weight:600;}
/* Один чистый трек процесса без дублирующих линий. */
#advantages .work-steps{gap:0;}
#advantages .work-steps::after{content:none!important;display:none!important;}
#advantages .work-steps::before{left:17px;right:17px;top:16px;background:linear-gradient(90deg,#FEB249,#DCE3EA);}
#advantages .work-step{gap:8px;padding-right:12px;font-weight:600;}
#advantages .work-step strong{width:33px;height:33px;font-weight:700;}
/* Автоматизация: компактная схема с реальными линейными SVG-иконками. */
#mod-custom137{padding-top:56px;padding-bottom:24px;}
#mod-custom137 .automation-grid{gap:34px;}
#mod-custom137 .automation-steps{gap:9px;padding:16px;max-width:520px;}
#mod-custom137 .automation-steps li{min-height:60px;padding:11px 10px 11px 40px;font-weight:600;line-height:1.25;}
#mod-custom137 .automation-steps li::before{left:12px;width:18px;height:18px;border:0;border-radius:0;background:center/contain no-repeat;}
#mod-custom137 .automation-steps li:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M7 7h10M8 12h3m2 0h3M8 16h8'/%3E%3C/svg%3E");}
#mod-custom137 .automation-steps li:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h14v16H5zM8 8h8M8 12h5M8 16h8'/%3E%3C/svg%3E");}
#mod-custom137 .automation-steps li:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10v16H7zM9 8h6M9 12h6M9 16h6M4 7v10M20 7v10'/%3E%3C/svg%3E");}
#mod-custom137 .automation-steps li:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14v14H5zM9 3v4m6-4v4M8 11h8m-8 4h5'/%3E%3C/svg%3E");}
#mod-custom137 .automation-steps li:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16v10H4zM7 17v3m10-3v3M8 11h4'/%3E%3C/svg%3E");}
#mod-custom137 .automation-steps li:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6a3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a5 5 0 0 0-5 5v4l-2 3h14l-2-3V8a5 5 0 0 0-5-5zM9 19h6'/%3E%3C/svg%3E");}
#mod-custom137 .automation-steps li:not(:last-child)::after{display:none;}
@media(min-width:1200px){#mod-custom137 .automation-steps{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;}#mod-custom137 .automation-steps li{min-height:76px;padding:38px 8px 9px;font-size:12px;}#mod-custom137 .automation-steps li::before{top:11px;left:10px;width:17px;height:17px;}#mod-custom137 .automation-steps li:not(:last-child)::after{display:block;content:"";right:-7px;top:50%;width:14px;height:1px;background:#FEB249;z-index:2;}#mod-custom137 .automation-steps li:not(:last-child)::after{clip-path:polygon(0 35%,70% 35%,70% 0,100% 50%,70% 100%,70% 65%,0 65%);}}
@media(max-width:1199px) and (min-width:768px){#mod-custom137 .automation-steps li:nth-child(1)::after,#mod-custom137 .automation-steps li:nth-child(2)::after,#mod-custom137 .automation-steps li:nth-child(4)::after,#mod-custom137 .automation-steps li:nth-child(5)::after{display:block;content:"";right:-7px;top:50%;width:14px;height:1px;background:#FEB249;clip-path:polygon(0 35%,70% 35%,70% 0,100% 50%,70% 100%,70% 65%,0 65%);z-index:2;}#mod-custom137 .automation-steps li:nth-child(3)::after{display:block;content:"";left:50%;bottom:-8px;width:1px;height:16px;background:#FEB249;z-index:2;}}
@media(max-width:767px){#support::after{width:128px;height:128px;right:-12px;top:12%;opacity:.055;}#support .support-cta{padding:4px 0;gap:22px;}#partners .partner-card{padding:21px 19px;}#partners .partner-card ul{margin:14px 0;}#advantages .work-step{font-size:14px;}#mod-custom137{padding-top:42px;}#mod-custom137 .automation-steps{padding:13px;gap:8px;}#mod-custom137 .automation-steps li{min-height:52px;}#mod-custom137 .automation-steps li:not(:last-child)::after{display:block;content:"";left:20px;right:auto;top:auto;bottom:-9px;width:1px;height:12px;background:#FEB249;clip-path:none;}}


/* Локальная доводка визуала: без изменения структуры и содержания. */
/* Лента брендов: маска была причиной частично видимых логотипов у края. */
@media(min-width:701px){
  .trust-section{overflow:hidden;}
  .brand-strip{gap:18px;padding:10px 0;}
  .brand-strip-label{position:relative;z-index:2;margin-right:0;padding-right:2px;background:var(--soft);}
  .brand-marquee{min-width:0;padding:0 8px;overflow:hidden;mask-image:none;-webkit-mask-image:none;}
  .brand-marquee-track{padding-left:4px;}
}
@media(max-width:700px){.brand-marquee{mask-image:none;-webkit-mask-image:none;}}
/* Услуги: суммарный интервал до сетки около 30 px, сетка остаётся 4 x 2. */
#services .site-shell{gap:18px;}
#services .service-grid,.services .service-grid{margin-top:10px;}
/* Поддержка: только более тихий фон и менее высокий внешний тёмный блок. */
#support{padding:44px 0;}
#support::after{width:124px;height:124px;right:14%;top:31%;opacity:.045;box-shadow:0 0 0 18px transparent,0 0 0 38px #fff;}
#support .support-cta{padding:25px 0;}
/* Преимущества: иконки выбираются по существующему data-icon Joomla, не по порядку карточек. */
#advantages{padding:calc(var(--section-gap)/2) 0;}
#advantages .feature-card{min-height:120px;}
#advantages .feature-icon{background:#F7F9FA;border:1px solid #DCE3EA;}
#advantages .feature-icon::after{background:center/22px 22px no-repeat;clip-path:none;}
#advantages .feature-card[data-icon="all"] .feature-icon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314284d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='1'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='1'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='1'/%3E%3Cpath d='M14 17h6M17 14v6' stroke='%23ff6a3d'/%3E%3C/svg%3E");}
#advantages .feature-card[data-icon="check"] .feature-icon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314284d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 6v5.5c0 4.1-2.8 7.7-7 9-4.2-1.3-7-4.9-7-9V6z'/%3E%3Cpath d='m8.8 11.7 2.1 2.1 4.4-4.5' stroke='%23ff6a3d'/%3E%3C/svg%3E");}
#advantages .feature-card[data-icon="setup"] .feature-icon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314284d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.7 6.2 3.1-3.1 2.1 2.1-3.1 3.1M13 7.9l3.1 3.1-7.7 7.7-3.1-3.1zM4 20l2.4-2.4' stroke='%23ff6a3d'/%3E%3Cpath d='M4 5h6M4 9h4'/%3E%3C/svg%3E");}
#advantages .feature-card[data-icon="support"] .feature-icon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314284d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1M4 13h3v5H5a1 1 0 0 1-1-1zM20 13h-3v5h2a1 1 0 0 0 1-1zM17 18c0 2-2 3-5 3h-1'/%3E%3Ccircle cx='12' cy='21' r='1' fill='%23ff6a3d' stroke='%23ff6a3d'/%3E%3C/svg%3E");}
#advantages .feature-card[data-icon="russia"] .feature-icon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314284d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M4 12h16M12 4c2.3 2.1 3.4 4.8 3.4 8S14.3 17.9 12 20M12 4c-2.3 2.1-3.4 4.8-3.4 8S9.7 17.9 12 20'/%3E%3Ccircle cx='16.7' cy='7.4' r='1.3' fill='%23ff6a3d' stroke='%23ff6a3d'/%3E%3C/svg%3E");}
#advantages .feature-card[data-icon="docs"] .feature-icon::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314284d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h8l4 4v13H6zM14 3.5v4h4M9 13l2 2 4-4' stroke='%23ff6a3d'/%3E%3Cpath d='M9 9h3'/%3E%3C/svg%3E");}
#advantages .how-section{margin-top:30px;padding-top:24px;}
#advantages .work-steps{margin-bottom:0;}
/* Автоматизация: безопасная схема 3 + 3, с равным воздухом панели. */
#mod-custom137{padding:48px clamp(32px,3.5vw,48px) 26px;}
#mod-custom137 .automation-grid{gap:32px;}
#mod-custom137 .automation-steps{grid-template-columns:repeat(3,minmax(145px,1fr));max-width:640px;padding:17px;gap:12px;}
#mod-custom137 .automation-steps li{min-height:66px;padding:11px 11px 11px 42px;font-size:14px;}
#mod-custom137 .automation-steps li::before{width:19px;height:19px;left:13px;}
#mod-custom137 .automation-steps li:not(:last-child)::after{display:none;}
#mod-custom137 .automation-steps li:nth-child(1)::after,#mod-custom137 .automation-steps li:nth-child(2)::after,#mod-custom137 .automation-steps li:nth-child(4)::after,#mod-custom137 .automation-steps li:nth-child(5)::after{display:block;content:"";right:-9px;top:50%;width:18px;height:2px;background:#FEB249;clip-path:polygon(0 28%,70% 28%,70% 0,100% 50%,70% 100%,70% 72%,0 72%);z-index:2;}
#mod-custom137 .automation-steps li:nth-child(3)::after{display:block;content:"";left:50%;right:auto;top:auto;bottom:-12px;width:2px;height:24px;background:#FEB249;clip-path:none;z-index:2;}
/* Footer: все информационные уровни светлые только в подвале. */
.site-footer,.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4{font-family:Inter,Arial,"Segoe UI",sans-serif;}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4{color:rgba(255,255,255,.92)!important;font-weight:700;}
.site-footer .brand,.site-footer .footer-brand,.site-footer strong{color:#fff;}
.site-footer p,.site-footer address{color:rgba(255,255,255,.72);}
.site-footer a{color:rgba(255,255,255,.84);}
.site-footer a:hover{color:#fff;}
.site-footer .footer-bottom,.site-footer .footer-bottom p{color:rgba(255,255,255,.62);}
@media(max-width:767px){
  #services .site-shell{gap:16px;}
  #services .service-grid,.services .service-grid{margin-top:8px;}
  #support{padding:34px 0;}
  #support::after{width:94px;height:94px;right:7%;top:32%;opacity:.04;}
  #advantages{padding:42px 0;}
  #advantages .feature-card{min-height:0;}
  #advantages .how-section{margin-top:26px;padding-top:20px;}
  #mod-custom137{padding:38px 20px 24px;}
  #mod-custom137 .automation-steps{grid-template-columns:1fr;max-width:none;padding:14px;gap:10px;}
  #mod-custom137 .automation-steps li{min-height:54px;}
  #mod-custom137 .automation-steps li:nth-child(n)::after{display:block;content:"";left:21px;right:auto;top:auto;bottom:-11px;width:2px;height:14px;background:#FEB249;clip-path:none;}
  #mod-custom137 .automation-steps li:last-child::after{display:none;}
}

/* Услуги: одинаковые ряды без лишней нижней пустоты. */
#services .service-card{min-height:172px;}

/* Лента брендов не создаёт прокрутку за границей собственного viewport. */
.trust-section,.brand-marquee{overflow:clip;}

/* На промежуточной ширине схема получает всю строку, без переполнения стрелок. */
@media(max-width:1100px) and (min-width:768px){#mod-custom137 .automation-grid{grid-template-columns:1fr;}#mod-custom137 .automation-steps{max-width:none;}}

/* На desktop у этапов схемы приоритет по ширине, чтобы подписи не теснились. */
@media(min-width:1101px){#mod-custom137 .automation-grid{grid-template-columns:minmax(0,.7fr) minmax(600px,1.3fr);}}


/* Логотипы партнёров и единый вертикальный ритм главной. */
.brand-marquee .brand-logo{display:flex;flex:0 0 142px;align-items:center;justify-content:center;width:142px;height:42px;padding:4px 8px;line-height:0;}
.brand-marquee .brand-logo img{display:block;max-width:100%;width:100%;height:30px;object-fit:contain;object-position:center;}
.brand-marquee .brand-logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px;}
/* Одна внутренняя сетка для контента технической поддержки. */
#support .support-cta{padding:30px 36px;}
#support .support-cta__content{padding:0;}
#support .support-cta .section-label,#support .support-cta h2,#support .support-cta p,#support .support-cta .button{margin-left:0;}
/* Согласованный ритм между основными смысловыми блоками. */
#services,#partners,#contacts{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
main > #advantages{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
main > #advantages > .site-shell > #mod-custom125 > #advantages{padding-top:0;padding-bottom:0;}
#mod-custom137{margin-top:44px;}
@media(max-width:767px){
  .brand-marquee .brand-logo{flex-basis:126px;width:126px;height:38px;padding:4px 6px;}
  .brand-marquee .brand-logo img{height:26px;}
  #support .support-cta{padding:24px 20px;}
  #services,#partners,#contacts{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
  main > #advantages{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
  #mod-custom137{margin-top:34px;}
}

/* Логотипы партнёров и единый вертикальный ритм главной. */
.brand-marquee .brand-logo{display:flex;flex:0 0 142px;align-items:center;justify-content:center;width:142px;height:42px;padding:4px 8px;line-height:0;}
.brand-marquee .brand-logo img{display:block;max-width:100%;width:100%;height:30px;object-fit:contain;object-position:center;}
.brand-marquee .brand-logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px;}
#support .support-cta{padding:30px 36px;}
#support .support-cta__content{padding:0;}
#support .support-cta .section-label,#support .support-cta h2,#support .support-cta p,#support .support-cta .button{margin-left:0;}
#services,#partners,#contacts{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
main > #advantages{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
main > #advantages > .site-shell > #mod-custom125 > #advantages{padding-top:0;padding-bottom:0;}
#mod-custom137{margin-top:44px;}
@media(max-width:767px){
 .brand-marquee .brand-logo{flex-basis:126px;width:126px;height:38px;padding:4px 6px;}
 .brand-marquee .brand-logo img{height:26px;}
 #support .support-cta{padding:24px 20px;}
 #services,#partners,#contacts{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
 main > #advantages{padding-top:calc(var(--section-gap)/2);padding-bottom:calc(var(--section-gap)/2);}
 #mod-custom137{margin-top:34px;}
}


/* IT-Код: технический дизайн. Контент и Joomla-модули не изменяются. */
:root{
 --color-primary-dark:#002447;--color-tech:#53d3d1;--color-warm:#F7F9FA;--color-action:#feb249;
 --color-white:#fff;--color-text:#002447;--color-muted:rgba(0,36,71,.74);--color-border:rgba(0,36,71,.14);
 --section-gap:52px;
 --navy:#002447;--blue:#002447;--orange:#feb249;--ink:#002447;--muted:rgba(0,36,71,.74);--soft:#F7F9FA;--line:rgba(0,36,71,.14);
 --color-primary:#002447;--color-accent:#53d3d1;--color-bg:#fff;--color-bg-soft:#F7F9FA;
 --radius-sm:4px;--radius-md:4px;--radius-lg:4px;--r:4px;
}
.itkod-site{color:var(--color-text);background:var(--color-white);}
.itkod-site h1,.itkod-site h2,.itkod-site h3{color:var(--color-primary-dark);font-weight:700;letter-spacing:-.025em;}
.itkod-site p{color:var(--color-muted);}
.itkod-site .section-label,.itkod-site .eyebrow{color:var(--color-primary-dark);font-weight:700;letter-spacing:.1em;}
.itkod-site .button{border-radius:5px;box-shadow:none;font-weight:700;transition:background .18s,border-color .18s,color .18s;}
.itkod-site .button-primary{background:var(--color-action);border-color:var(--color-action);color:var(--color-primary-dark);}
.itkod-site .button-primary:hover{background:#FEB249;border-color:#FEB249;color:var(--color-primary-dark);}
.itkod-site .button-secondary{border-color:var(--color-tech);background:transparent;color:var(--color-primary-dark);}
.itkod-site .section,.itkod-site .section-dark{padding:calc(var(--section-gap)/2) 0;}

/* Hero keeps its composition, but receives the new palette and strict geometry. */
#top,.site-header{border-color:var(--color-border);}
.hero-showcase{gap:16px;}
.hero-slider{border-radius:4px;background:var(--color-primary-dark);box-shadow:none;}
.hero-slider>div{background:linear-gradient(120deg,#002447 0%,#002447 100%);}
.hero-slider>div::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(90deg,transparent 49%,rgba(83,211,209,.55) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(83,211,209,.3) 50%,transparent 51%);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 18%,#000 100%);}
.hero-slide>*{position:relative;z-index:1;}
.hero-slider .hero-slide .section-label{color:var(--color-tech);}
.hero-slider .hero-slide .button{background:var(--color-action);color:var(--color-primary-dark);border-color:var(--color-action);border-radius:5px;}
.hero-slider__arrow{border-radius:4px;background:rgba(83,211,209,.14);border:1px solid rgba(83,211,209,.45);}
.hero-slider__dot{border-radius:2px;background:rgba(255,255,255,.42);}.hero-slider__dot.is-active{background:var(--color-tech);}
.hero-aside{gap:10px;}.hero-aside>div{border-radius:4px;box-shadow:none;border:1px solid var(--color-border);border-left:4px solid var(--color-tech);background:var(--color-white);}
.hero-aside>div:nth-child(2){border-left-color:var(--color-action);background:var(--color-warm);}.hero-aside>div:nth-child(3){border-left-color:var(--color-primary-dark);}
.hero-card h3{color:var(--color-primary-dark);}.hero-card p{color:var(--color-muted);}

/* Dynamic logo ticker: proportional real logos, one optical height. */
.brand-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-white);}
.brand-strip-label{color:var(--color-primary-dark)!important;}.brand-marquee{background:transparent;}
.brand-marquee .brand-logo{flex:0 0 auto;width:auto;height:38px;padding:0 2px;display:flex;align-items:center;justify-content:center;}
.brand-marquee .brand-logo img{width:auto;max-width:138px;height:28px;object-fit:contain;object-position:center;filter:none;}

/* Services: numbered technical cells instead of floating rounded cards. */
#services{background:var(--color-white);border-top:1px solid var(--color-border);}
#services .service-grid{gap:0;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);}
#services .service-card{counter-increment:service;min-height:194px;padding:54px 20px 20px;border-radius:0!important;border:0!important;border-right:1px solid var(--color-border)!important;border-bottom:1px solid var(--color-border)!important;background:var(--color-white)!important;box-shadow:none!important;overflow:hidden;}
#services .service-grid{counter-reset:service;}
#services .service-card::before{content:counter(service,decimal-leading-zero);top:16px;left:19px;width:auto;height:auto;background:none!important;mask:none!important;-webkit-mask:none!important;color:var(--color-action);font-size:12px;font-weight:800;letter-spacing:.12em;}
#services .service-card::after{display:none;content:none;}
#services .service-card h3{color:var(--color-primary-dark);font-size:18px;margin:0 0 13px;padding-top:0;border-top:0;}
#services .service-card p{color:var(--color-muted);}.services .service-card:hover{transform:none!important;background:var(--color-warm)!important;border-color:var(--color-border)!important;box-shadow:inset 3px 0 0 var(--color-tech)!important;}

/* Support: strict dark service panel with a line-art terminal/receipt diagram. */
#support{background:var(--color-primary-dark);border-top:0;}.section-muted:has(.support-cta){background:var(--color-primary-dark);}
#support .support-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:34px;padding:36px!important;border-radius:0!important;border-left:4px solid var(--color-tech);background:#002447!important;box-shadow:none!important;overflow:hidden;}
#support .support-cta::after{content:"";position:absolute;right:34px;bottom:23px;width:220px;height:148px;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 148' fill='none'%3E%3Cg stroke='%2353D3D1' stroke-width='2'%3E%3Crect x='69' y='36' width='79' height='70'/%3E%3Cpath d='M84 53h49M84 67h49M84 84h16M111 84h22M108 106v20M82 126h53M38 25h31v31H38zM48 35h11M150 54h29v43h-29zM157 65h15M157 76h15M53 56l25 13M148 75h10'/%3E%3Cpath d='M34 117h32m-16-16v32M184 113h20m-10-10v20'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;}
#support .support-cta__content,#support .support-cta__tasks{position:relative;z-index:1;}#support .support-cta h2{color:#fff;max-width:650px;}#support .support-cta p{color:rgba(255,255,255,.76);}.support-cta .section-label{color:var(--color-tech)!important;}.support-cta__note{color:#fff!important;font-weight:600;}.support-cta__tasks{align-content:start;gap:7px;}.support-cta__tasks li{border-radius:3px;border:1px solid rgba(83,211,209,.38);background:transparent;color:#fff;padding:8px 10px;}

/* Partner panels remain 50/50 but become strict technical surfaces. */
#partners{background:var(--color-white);border-top:1px solid var(--color-border);}.partner-solutions__grid{gap:12px;}.partner-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--color-border)!important;border-top:4px solid var(--color-tech)!important;background:var(--color-white)!important;}.partner-card--sber{border-top-color:#53D3D1!important;}.partner-card--evotor{border-top-color:#FEB249!important;}.partner-card .section-label{color:var(--color-primary-dark)!important;}.partner-card h2{color:var(--color-primary-dark)!important;}.partner-card li{border-radius:0!important;border-color:var(--color-border)!important;background:transparent!important;color:var(--color-text)!important;}.partner-card .button{border-radius:5px;}

/* Why IT-Kod: 3×2 technical grid, separators instead of individual cards. */
main > #advantages{background:var(--color-warm);border-top:1px solid var(--color-border);}
#advantages .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);}
#advantages .feature-card{min-height:180px;padding:22px 23px 20px;border:0!important;border-right:1px solid var(--color-border)!important;border-bottom:1px solid var(--color-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;position:relative;}
#advantages .feature-card::before{content:counter(feature,decimal-leading-zero);color:var(--color-action);font-size:12px;font-weight:800;letter-spacing:.1em;}.why-section{counter-reset:feature;}#advantages .feature-card{counter-increment:feature;}
#advantages .feature-icon{display:block;width:28px;height:28px;margin:12px 0;color:var(--color-tech);font-size:0;background:var(--color-tech);clip-path:polygon(45% 0,55% 0,55% 35%,100% 35%,100% 45%,65% 45%,65% 55%,100% 55%,100% 65%,55% 65%,55% 100%,45% 100%,45% 65%,0 65%,0 55%,35% 55%,35% 45%,0 45%,0 35%,45% 35%);}
#advantages .feature-card h3{color:var(--color-primary-dark);font-size:17px;margin:0 0 7px;}#advantages .feature-card p{color:var(--color-muted);font-size:14px;line-height:1.5;margin:0;}
#advantages .how-section{margin-top:34px;padding-top:26px;border-top:1px solid var(--color-border);}.work-steps{gap:0!important;position:relative;display:grid;grid-template-columns:repeat(4,1fr)!important;}.work-steps::before{content:"";position:absolute!important;left:11%!important;right:11%!important;top:18px!important;height:2px!important;width:auto!important;bottom:auto!important;background:var(--color-tech)!important;}.work-step{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 14px!important;position:relative;z-index:1;}.work-step__number{background:var(--color-primary-dark)!important;border-radius:3px!important;color:var(--color-action)!important;border:1px solid var(--color-primary-dark)!important;}.work-step h3{font-size:15px;color:var(--color-primary-dark);}

/* Automation: the six Joomla labels form a system diagram rather than cards. */
#mod-custom137{padding:38px 0 30px;}.automation-grid{gap:38px!important;align-items:center;}.automation-steps{position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 30px!important;padding:28px!important;max-width:none!important;background:linear-gradient(var(--color-border),var(--color-border)) center/78% 1px no-repeat,linear-gradient(90deg,var(--color-border),var(--color-border)) center/1px 70% no-repeat;}.automation-steps::before{content:"";position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);background:var(--color-primary-dark);clip-path:polygon(42% 0,58% 0,58% 28%,78% 28%,78% 42%,100% 42%,100% 58%,78% 58%,78% 72%,58% 72%,58% 100%,42% 100%,42% 72%,22% 72%,22% 58%,0 58%,0 42%,22% 42%,22% 28%,42% 28%);}.automation-steps li{z-index:1;min-height:68px!important;display:flex!important;align-items:center;justify-content:center;padding:12px!important;border-radius:0!important;border:1px solid var(--color-border)!important;background:var(--color-white)!important;box-shadow:none!important;color:var(--color-primary-dark)!important;font-weight:700;}.automation-steps li::after{display:none!important;}.automation-steps li:nth-child(2),.automation-steps li:nth-child(5){border-color:var(--color-tech)!important;}.automation-steps li:nth-child(3),.automation-steps li:nth-child(4){border-color:var(--color-action)!important;}

/* Registration and contact CTA use strict panels. */
#mod-custom113 .registration-cta{border-radius:0!important;border-left:4px solid var(--color-action);background:var(--color-warm)!important;box-shadow:none!important;}#mod-custom113 .registration-cta h2{color:var(--color-primary-dark);}
#consultation{background:var(--color-primary-dark)!important;}#consultation #mod-custom116{border-left:4px solid var(--color-tech);border-radius:0!important;background:transparent!important;box-shadow:none!important;}#consultation h2,#consultation p{color:#fff!important;}#consultation .eyebrow{color:var(--color-tech)!important;}#consultation .button{border-radius:5px!important;}#consultation .button-primary{background:var(--color-action)!important;color:var(--color-primary-dark)!important;border-color:var(--color-action)!important;}#consultation .button-secondary{background:transparent!important;color:#fff!important;border-color:var(--color-tech)!important;}

/* Contacts and footer retain their content, with technical lines and subtle corners. */
#contacts{background:var(--color-white);border-top:1px solid var(--color-border);}.contacts-section .contact-map,.contacts-section .contact-photo{border-radius:3px!important;overflow:hidden;border:1px solid var(--color-border);}.contacts-section .contact-map-frame iframe{filter:saturate(.75) contrast(.98);}.contacts-section .contact-actions .button{border-radius:5px!important;}.contacts-section .contact-actions .button-primary{background:var(--color-action)!important;color:var(--color-primary-dark)!important;}.contacts-section .contact-actions .button-secondary{border-color:var(--color-tech)!important;color:var(--color-primary-dark)!important;}
.site-footer{background:var(--color-primary-dark)!important;border-top:3px solid var(--color-tech);}.site-footer a:hover{color:var(--color-tech)!important;}.site-footer h3{color:#fff!important;}.site-footer .footer-bottom{border-color:rgba(83,211,209,.3)!important;}

@media(max-width:1023px){#services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#advantages .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.automation-steps{gap:16px!important;padding:20px!important;}}
@media(max-width:767px){.itkod-site .section,.itkod-site .section-dark{padding:calc(var(--section-gap)/2) 0;} .hero-slider{border-radius:3px;}.hero-aside>div{min-height:102px;}.brand-strip{padding:12px 0;}.brand-marquee .brand-logo img{height:24px;max-width:116px;}#services .service-grid{grid-template-columns:1fr;}.services .service-card{min-height:162px;padding:52px 18px 18px!important;}#support .support-cta{grid-template-columns:1fr;padding:26px 20px!important;gap:22px;}#support .support-cta::after{width:170px;height:114px;right:-20px;bottom:4px;opacity:.18;}.partner-solutions__grid{gap:10px;}.partner-card{padding:22px 20px!important;}#advantages .feature-grid{grid-template-columns:1fr;}.feature-card{min-height:0!important;padding:18px!important;}.work-steps{grid-template-columns:1fr!important;gap:18px!important;}.work-steps::before{left:18px!important;right:auto!important;top:19px!important;bottom:19px!important;width:2px!important;height:auto!important;}.work-step{display:grid!important;grid-template-columns:38px 1fr;gap:12px;padding:0!important;}.work-step h3{margin:0!important;}.automation-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;background:linear-gradient(var(--color-border),var(--color-border)) center/1px 64% no-repeat!important;}.automation-steps::before{width:38px;height:38px;}.automation-steps li{min-height:58px!important;padding:8px!important;font-size:13px;}#mod-custom137{padding:30px 0 22px;}.contacts-section .contact-map,.contacts-section .contact-photo{border-radius:3px!important;}}


/* IT-Код: строгая геометрия и единая компактная система кнопок. */
:where(.itkod-site,.site-footer),:where(.itkod-site,.site-footer) *{border-radius:0!important;}
:where(.itkod-site,.site-footer) .card,:where(.itkod-site,.site-footer) .panel,:where(.itkod-site,.site-footer) .box,:where(.itkod-site,.site-footer) .chip{border-radius:0!important;box-shadow:none!important;}
.itkod-site .button,.itkod-site .btn-primary,.itkod-site .btn-secondary,.itkod-site .btn-dark{
 display:inline-flex;align-items:center;justify-content:center;min-height:42px!important;height:42px;padding:0 18px!important;border-radius:0!important;font-size:14px!important;font-weight:600!important;line-height:1.1;box-shadow:none!important;transform:none!important;
}
.itkod-site .button-primary,.itkod-site .btn-primary{background:var(--color-action)!important;color:var(--color-primary-dark)!important;border:1px solid var(--color-action)!important;}
.itkod-site .button-primary:hover,.itkod-site .btn-primary:hover{background:#FEB249!important;border-color:#FEB249!important;transform:none!important;}
.itkod-site .button-secondary,.itkod-site .btn-secondary{background:transparent!important;color:var(--color-primary-dark)!important;border:1px solid rgba(0,36,71,.25)!important;}
.itkod-site .btn-dark{background:var(--color-primary-dark)!important;color:#fff!important;border:1px solid var(--color-primary-dark)!important;}
.itkod-site .button:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--color-tech);outline-offset:3px;}

/* Explicit strict geometry for all highlighted public blocks. */
.hero-slider,.hero-showcase,.hero-aside>div,.hero-slider__arrow,.hero-slider__dot,.hero-slide .button,.hero-card .button,
.brand-strip,.brand-marquee,.brand-marquee-track,.brand-marquee .brand-logo,
#services .service-card,#support .support-cta,#support .support-cta__content,#support .support-cta__tasks li,
.partner-card,#advantages .feature-card,#advantages .how-section,.work-step,#mod-custom137,.automation-grid,.automation-steps,.automation-steps li,
#mod-custom113 .registration-cta,#consultation #mod-custom116,#consultation .contact-list .button,
.contacts-section .contact-map,.contacts-section .contact-photo,.contacts-section .contact-map-frame,.contacts-section .contact-map-link,
.contacts-section .contact-actions .button,.site-footer .button{border-radius:0!important;box-shadow:none!important;}

/* Remove legacy shadows; borders and technical lines remain the visual structure. */
.hero-slider,.hero-aside>div,#services .service-card,.partner-card,#support .support-cta,#mod-custom113 .registration-cta,.contacts-section .contact-map,.contacts-section .contact-photo{box-shadow:none!important;}

/* Support tags and technical nodes stay rectangular at every size. */
#support .support-cta__tasks li{padding:8px 10px!important;border:1px solid rgba(83,211,209,.35)!important;background:transparent!important;}
.automation-steps li{border-radius:0!important;box-shadow:none!important;}

/* Map, office photo and overlay address remain clean rectangular media. */
.contacts-section .contact-map,.contacts-section .contact-photo,.contacts-section .contact-map-frame,.contacts-section .contact-map-frame iframe{border-radius:0!important;}
.contacts-section .contact-map-link{border-radius:0!important;}

/* The standard buttons in dark blocks use the same 42px system. */
.hero-slider .hero-slide .button,#support .support-cta .button,#consultation .button,#mod-custom137 .button{min-height:42px!important;height:42px!important;padding-inline:18px!important;border-radius:0!important;}
.hero-slider__controls .hero-slider__arrow{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;}
.hero-slider__dots .hero-slider__dot{width:8px!important;height:8px!important;min-height:8px!important;padding:0!important;}
.hero-slider__dots .hero-slider__dot.is-active{width:20px!important;}

/* Footer keeps links simple text, without any pill or box presentation. */
.site-footer a{border-radius:0!important;box-shadow:none!important;}

@media(max-width:767px){
 .itkod-site .button,.itkod-site .btn-primary,.itkod-site .btn-secondary,.itkod-site .btn-dark{min-height:42px!important;height:42px!important;padding-inline:16px!important;font-size:14px!important;}
 .itkod-site .button:not(.hero-slider__arrow):not(.hero-slider__dot){border-radius:0!important;}
 #support .support-cta__tasks li{padding:8px 9px!important;border-radius:0!important;}
 .contacts-section .contact-actions .button{height:42px!important;min-height:42px!important;}
}


/* IT-Код: единая рабочая сетка и заметный контактный кластер шапки. */
/* One outer container only: remove nested white/gradient surfaces and use one inner working padding. */
main > #advantages > .site-shell{max-width:1200px;width:calc(100% - 40px);margin-inline:auto;}
main > #advantages > .site-shell > #mod-custom125,
main > #advantages > .site-shell > #mod-custom125 > #advantages{width:100%;max-width:none;margin:0;padding:0;background:transparent!important;}
main > #advantages .why-section{width:100%;max-width:none;margin:0;padding:32px;box-sizing:border-box;background:transparent;}
main > #advantages .how-section{width:100%;max-width:none;margin:0;padding:26px 32px 32px;box-sizing:border-box;}
main > #advantages .why-section > h2,main > #advantages .why-section > .section-label,main > #advantages .feature-grid,
main > #advantages .how-section > h2,main > #advantages .how-section > .section-label,main > #advantages .work-steps{max-width:none;margin-left:0;margin-right:0;}
#mod-custom137{width:100%;max-width:none;margin:0;padding:40px 36px!important;box-sizing:border-box;background:var(--color-white)!important;}
#mod-custom137 .automation-grid{width:100%;max-width:none;margin:0;padding:0;}
#mod-custom137 .automation-steps{min-width:0;max-width:none;margin:0;}

/* Header contact cluster. Source links and telephone stay in the Joomla module. */
#mod-custom119 .top-contact-content{border-bottom:1px solid var(--color-border);background:var(--color-white);}
#mod-custom119 .top-contact-inner{max-width:1200px;min-height:44px;height:44px;margin-inline:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box;}
#mod-custom119 .top-contact-location{display:flex;align-items:center;gap:10px;min-width:0;color:var(--color-muted);font-size:14px;white-space:nowrap;}
#mod-custom119 .top-contact-location a{color:var(--color-primary-dark);text-decoration:none;overflow:hidden;text-overflow:ellipsis;}
#mod-custom119 .top-contact-russia{color:var(--color-muted);}
#mod-custom119 .top-contact-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;}
#mod-custom119 .top-contact-actions a[href*="chat.whatsapp.com"],
#mod-custom119 .top-contact-actions a[href*="max.ru"]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;font-size:0!important;line-height:0;text-decoration:none;border-radius:0!important;overflow:hidden;}
#mod-custom119 .top-contact-actions a[href*="chat.whatsapp.com"]{order:2;background:#25d366;}
#mod-custom119 .top-contact-actions a[href*="max.ru"]{order:1;background:#471aff;}
#mod-custom119 .top-contact-actions a[href*="chat.whatsapp.com"]::before{content:"";width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M19.05 4.94A9.9 9.9 0 0 0 12.04 2C6.57 2 2.13 6.43 2.13 11.9c0 1.75.46 3.46 1.33 4.96L2 22l5.3-1.39a9.9 9.9 0 0 0 4.73 1.2h.01c5.47 0 9.91-4.44 9.91-9.91a9.86 9.86 0 0 0-2.9-6.96ZM12.04 20.14a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.14.82.84-3.05-.2-.31a8.21 8.21 0 1 1 6.98 3.87Zm4.5-6.16c-.25-.13-1.5-.74-1.73-.82-.23-.08-.4-.13-.56.13-.17.25-.65.81-.8.98-.14.16-.3.18-.55.06a6.72 6.72 0 0 1-1.98-1.22 7.43 7.43 0 0 1-1.37-1.7c-.14-.25-.01-.39.11-.51.11-.11.25-.3.37-.45.13-.15.17-.25.25-.42.08-.16.04-.31-.02-.44-.06-.12-.56-1.34-.77-1.84-.2-.47-.41-.4-.56-.4h-.48c-.16 0-.42.06-.64.3-.22.25-.84.81-.84 1.97 0 1.16.86 2.28.98 2.44.12.15 1.68 2.56 4.06 3.59.57.24 1.01.39 1.36.5.57.18 1.09.15 1.5.09.46-.07 1.5-.61 1.71-1.2.21-.58.21-1.08.15-1.19-.06-.11-.22-.17-.47-.3Z'/%3E%3C/svg%3E") center/contain no-repeat;}
#mod-custom119 .top-contact-actions a[href*="max.ru"]::before{content:"";width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 5h5l4 5 4-5h5l-6 7 6 7h-5l-4-5-4 5H3l6-7z'/%3E%3C/svg%3E") center/contain no-repeat;}
#mod-custom119 .top-contact-actions .top-contact-phone{order:3;margin-left:4px;color:var(--color-primary-dark)!important;font-size:19px!important;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;}
#mod-custom119 .top-contact-actions a:hover{filter:brightness(.94);}.top-contact-phone:hover{filter:none!important;color:#002447!important;}

@media(max-width:1023px){
 main > #advantages > .site-shell{width:calc(100% - 36px);}main > #advantages .why-section{padding:24px;}main > #advantages .how-section{padding:24px;}
 #mod-custom137{padding:30px 28px!important;}#mod-custom119 .top-contact-inner{padding-inline:18px;gap:10px;}#mod-custom119 .top-contact-russia{display:none;}
}
@media(max-width:767px){
 main > #advantages > .site-shell{width:calc(100% - 32px);}main > #advantages .why-section{padding:20px;}main > #advantages .how-section{padding:20px;}
 #mod-custom137{padding:20px!important;}
 #mod-custom119 .top-contact-inner{min-height:44px;height:auto;padding:7px 16px;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
 #mod-custom119 .top-contact-actions{order:1;gap:6px;}#mod-custom119 .top-contact-location{order:2;width:100%;font-size:12px;line-height:1.25;white-space:normal;}
 #mod-custom119 .top-contact-location a{overflow:visible;text-overflow:clip;}.top-contact-russia{display:none!important;}
 #mod-custom119 .top-contact-actions .top-contact-phone{font-size:18px!important;}
}


/* Официальный квадратный знак MAX, предоставленный владельцем сайта. */
#mod-custom119 .top-contact-actions a[href*="max.ru"]{background:transparent!important;}
#mod-custom119 .top-contact-actions a[href*="max.ru"]::before{width:28px!important;height:28px!important;background:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='rsMaxGradient' x1='0' y1='28' x2='28' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2341C5FD'/%3E%3Cstop offset='.45' stop-color='%233F4AE9'/%3E%3Cstop offset='1' stop-color='%239A55E0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M17.7632 0H17.7128H15.0444H10.2368C1.806 0 0 1.8088 0 10.2368V17.7632C0 26.194 1.8088 28 10.2368 28H15.0444H17.7128H17.7632C26.194 28 28 26.1912 28 17.7632V10.2368C28 1.806 26.1912 0 17.7632 0Z' fill='url(%23rsMaxGradient)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3388 8.62932C11.555 8.48334 9.3826 10.415 8.90355 13.4384C8.50684 15.9421 9.2102 18.993 9.81182 19.1465C10.067 19.2117 10.681 18.742 11.1278 18.3207C11.2118 18.2415 11.3388 18.2282 11.4373 18.2884C12.1337 18.7143 12.9222 19.0343 13.7915 19.0799C16.6494 19.2297 19.182 16.993 19.3317 14.1348C19.4814 11.2767 17.1967 8.77919 14.3388 8.62932ZM9.67711 23.1442C9.56932 23.0678 9.42082 23.0885 9.33049 23.1849C8.12314 24.4726 5.03322 25.3759 4.89168 23.6183C4.89168 22.2413 4.58238 21.0809 4.24185 19.8033C3.82478 18.2385 3.36084 16.4979 3.36084 13.9681C3.36084 7.93556 8.30828 3.3988 14.1743 3.3988C20.0403 3.3988 24.6395 8.15707 24.6395 14.0267C24.6395 19.8963 19.8939 24.5374 14.2298 24.5374C12.2203 24.5374 11.2452 24.2543 9.67711 23.1442Z' fill='white'/%3E%3C/svg%3E") center/contain no-repeat!important;}


/* Верхняя строка: адрес слева, мессенджеры и телефон единым кластером справа. */
#mod-custom119 .top-contact-inner{width:100%;max-width:1200px;margin-inline:auto;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;}
#mod-custom119 .top-contact-location{order:1;flex:1 1 auto;justify-content:flex-start!important;text-align:left!important;}
#mod-custom119 .top-contact-actions{order:2;margin-left:auto;justify-content:flex-end!important;}
#mod-custom119 .top-contact-russia{display:none!important;}
@media(max-width:767px){#mod-custom119 .top-contact-inner{flex-wrap:wrap!important;}#mod-custom119 .top-contact-location{flex-basis:100%;order:2;}#mod-custom119 .top-contact-actions{order:1;margin-left:auto;}}


/* Верхняя контактная строка: единый фон без белой внутренней подложки. */
#mod-custom119,#mod-custom119 .top-contact-content,#mod-custom119 .top-contact-inner{background:#F7F9FA!important;}


/* Тёплая поверхность преимуществ ограничена рабочим контейнером, а не всей шириной страницы. */
main > #advantages{background:var(--color-white)!important;}
main > #advantages > .site-shell > #mod-custom125 > #advantages{background:var(--color-warm)!important;}


/* Преимущества: номер, иконка и заголовок занимают отдельные строки. */
#advantages .feature-card::before{position:static!important;display:block!important;height:14px;margin:0!important;line-height:14px!important;}
#advantages .feature-card .feature-icon{position:static!important;display:block!important;float:none!important;clear:both!important;width:28px!important;height:28px!important;margin:12px 0!important;line-height:0!important;}
#advantages .feature-card h3{position:static!important;clear:both!important;margin:0 0 7px!important;padding:0!important;line-height:1.25!important;}
#advantages .feature-card p{clear:both!important;}
/* Лента брендов: единый фон, без подписи, вся ширина под логотипы. */
#mod-custom124,.brand-strip,.brand-marquee{background:#F7F9FA!important;}
.brand-strip-label{display:none!important;}
.brand-strip{display:block!important;padding:14px 0!important;}
.brand-marquee{width:100%!important;max-width:none!important;}
.brand-marquee-track{width:100%!important;min-width:100%!important;justify-content:space-between!important;gap:clamp(36px,4vw,72px)!important;}
.brand-marquee .brand-logo{flex:0 0 auto!important;}
/* Лента логотипов: тёплый фон секции и мягкое затухание у краёв. */
.trust-section,.trust-section .site-shell,#mod-custom124,.brand-strip,.brand-marquee{background:#F7F9FA!important;}
.partner-card--sber{border-top-color:#53d3d1!important;}
/* Преимущества: белый рабочий блок на светло-бирюзовой внешней поверхности. */
main > #advantages{background:#F7F9FA!important;}
main > #advantages > .site-shell > #mod-custom125 > #advantages{background:#fff!important;}
/* Карточка Сбера: все локальные зелёные линии приведены к общему бирюзовому акценту. */
#partners .partner-card--sber::before{background:#53d3d1!important;}
#partners .partner-card--sber::after{border-color:#53d3d1!important;}
#partners .partner-card--sber{--accent:#53d3d1!important;}
/* Лента брендов без внутренних разделительных полос. */
.brand-strip,.brand-marquee,.brand-marquee-track{border-top:0!important;border-bottom:0!important;}
/* Текст hero управляется из Joomla: шаблон не ограничивает ширину абзаца. */
#mod-custom110 p{max-width:none!important;}
/* Явное выравнивание в редакторе Joomla всегда важнее ограничений шаблона. */
.itkod-site .mod-custom :is(p,h1,h2,h3,h4,h5,h6)[style*="text-align"]{max-width:none!important;}
.brand-marquee{position:relative;overflow:hidden;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);}
.brand-marquee .brand-logo img{mix-blend-mode:multiply;}

/* Mobile is a distinct single-column composition, not a scaled desktop. */
@media (max-width:767px){
  html,body,.itkod-site{min-width:0!important;overflow-x:clip!important;}
  .itkod-site{font-size:16px!important;line-height:1.55;}
  .itkod-site .site-shell{width:calc(100% - 32px)!important;max-width:none!important;}
  .home-page h1{font-size:clamp(28px,8vw,32px)!important;line-height:1.12!important;}
  .home-page h2{font-size:clamp(24px,7vw,28px)!important;line-height:1.16!important;}
  .home-page h3{font-size:19px!important;line-height:1.25!important;}
  .home-page p{font-size:15px!important;line-height:1.55!important;}
  .itkod-site .section,.itkod-site .section-dark{padding:calc(var(--section-gap)/2) 0!important;}

  /* Header: logo plus a real touch-size burger. */
  .site-header{position:sticky;top:0;z-index:50;}
  .header-inner{min-height:64px!important;}
  .site-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;margin-left:auto;padding:8px!important;}
  .site-menu-toggle>span:not(.visually-hidden){width:24px;height:2px;margin:3px 0;}
  .site-navigation{display:none!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;z-index:60;padding:8px 16px 16px!important;background:#fff!important;border-bottom:1px solid var(--color-border)!important;box-shadow:0 12px 20px rgba(0,36,71,.12)!important;}
  .site-navigation.is-open{display:block!important;}
  .site-navigation .mod-menu{display:block!important;margin:0!important;padding:0!important;}
  .site-navigation li{margin:0!important;border-bottom:1px solid var(--color-border);}
  .site-navigation li:last-child{border-bottom:0;}
  .site-navigation a{display:flex!important;align-items:center;min-height:48px;padding:0 4px;font-size:16px!important;font-weight:650!important;}
  body.menu-open{overflow:hidden!important;}

  /* Contact bar stays useful without squeezing the address into the row. */
  #mod-custom119 .top-contact-inner{min-height:48px!important;padding:8px 16px!important;justify-content:flex-end!important;}
  #mod-custom119 .top-contact-location{display:none!important;}
  #mod-custom119 .top-contact-actions{gap:8px!important;}
  #mod-custom119 .top-contact-actions a[href*="chat.whatsapp.com"],
  #mod-custom119 .top-contact-actions a[href*="max.ru"]{width:32px!important;height:32px!important;flex-basis:32px!important;}
  #mod-custom119 .top-contact-actions a[href*="max.ru"]::before{width:32px!important;height:32px!important;}
  #mod-custom119 .top-contact-actions .top-contact-phone{font-size:18px!important;min-height:44px;display:inline-flex;align-items:center;}

  /* Hero: content, slider, then three full-width cards. */
  .hero-section{padding:calc(var(--section-gap)/2) 0!important;}
  .hero-section .custom{max-width:none!important;}
  .hero-section h1{margin-bottom:12px!important;}
  .hero-section > .site-shell > .custom > p{margin:0!important;}
  .hero-showcase{display:flex!important;flex-direction:column!important;gap:14px!important;margin-top:22px!important;}
  .hero-slider{width:100%!important;min-height:356px!important;order:1;}
  .hero-slider>div{padding:24px 20px 66px!important;align-items:end!important;}
  .hero-slide h2{font-size:clamp(26px,7.2vw,30px)!important;margin:12px 0 10px!important;}
  .hero-slide p{font-size:16px!important;margin:0 0 18px!important;}
  .hero-slider .hero-slide .button{width:100%!important;min-height:44px!important;height:44px!important;}
  .hero-slider__controls{right:14px!important;bottom:14px!important;gap:7px!important;}
  .hero-slider__dots{left:20px!important;bottom:27px!important;}
  .hero-slider__arrow{width:44px!important;height:44px!important;min-height:44px!important;}
  .hero-slider__dot{width:10px!important;height:10px!important;min-height:10px!important;}
  .hero-slider__dot.is-active{width:22px!important;}
  .hero-aside{display:flex!important;flex-direction:column!important;gap:10px!important;order:2;}
  .hero-aside>div{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;padding:19px 18px!important;}
  .hero-aside>#mod-custom135{order:1;}
  .hero-aside>#mod-custom136{order:2;}
  .hero-aside>#mod-custom134{order:3;}
  .hero-card,.hero-card h3,.hero-card p,
  .home-page .hero-aside>div,.home-page .hero-aside>div h3,.home-page .hero-aside>div p{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;}
  .hero-card h3{font-size:19px!important;margin:0 0 6px!important;}
  .hero-card p{font-size:15px!important;line-height:1.45!important;}

  /* Brands, services and support all keep readable single-column proportions. */
  .trust-section .site-shell{width:100%!important;}
  .brand-strip-label{display:block!important;padding:0 16px;margin:0 0 10px!important;font-size:14px!important;}
  .brand-strip{padding:13px 0!important;}
  .brand-marquee .brand-logo{flex-basis:132px!important;width:132px!important;height:42px!important;}
  .brand-marquee .brand-logo img{max-width:120px!important;height:28px!important;}
  #services .service-grid{grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--color-border);}
  #services .service-card{min-height:0!important;padding:54px 18px 20px!important;border-left:1px solid var(--color-border)!important;border-right:1px solid var(--color-border)!important;}
  #services .service-card h3{font-size:19px!important;}
  #services .service-card p{font-size:15px!important;}
  #support .support-cta{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:26px 20px!important;gap:24px!important;}
  #support .support-cta__content{max-width:none!important;}
  #support .support-cta__tasks{max-width:none!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  #support .support-cta__tasks li{min-height:38px!important;padding:8px 10px!important;font-size:13px!important;}
  #support .support-cta::after{width:120px!important;height:90px!important;right:-20px!important;bottom:4px!important;opacity:.1!important;}

  /* Partner cards and benefit grid deliberately collapse to one column. */
  #partners .partner-solutions__grid,.partner-solutions__grid{grid-template-columns:1fr!important;gap:12px!important;}
  #partners .partner-card{padding:22px 20px!important;}
  #partners .partner-card ul{grid-template-columns:1fr!important;gap:10px!important;}
  #advantages .feature-grid{grid-template-columns:1fr!important;}
  #advantages .feature-card{padding:19px!important;min-height:0!important;}
  #advantages .how-section{margin-top:28px!important;padding-top:24px!important;}
  #advantages .work-steps{grid-template-columns:1fr!important;gap:16px!important;}
  #advantages .work-steps::before{left:17px!important;right:auto!important;top:18px!important;bottom:18px!important;width:2px!important;height:auto!important;}
  #advantages .work-step{display:grid!important;grid-template-columns:38px 1fr!important;align-items:center!important;gap:12px!important;padding:0!important;}
  #advantages .work-step strong{width:36px!important;height:36px!important;}
  #advantages .work-step h3{margin:0!important;font-size:16px!important;}

  /* Automation becomes a vertical connected flow. */
  #mod-custom137{padding:30px 20px!important;}
  #mod-custom137 .automation-grid{grid-template-columns:1fr!important;gap:24px!important;}
  #mod-custom137 .automation-steps{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:0!important;background:none!important;}
  #mod-custom137 .automation-steps li{min-height:54px!important;padding:10px 12px 10px 43px!important;font-size:14px!important;}
  #mod-custom137 .automation-steps li:not(:last-child)::after{display:block!important;content:""!important;left:20px!important;right:auto!important;top:auto!important;bottom:-10px!important;width:1px!important;height:11px!important;background:var(--color-tech)!important;clip-path:none!important;}
  #mod-custom137 .automation-steps li::before{left:12px!important;top:18px!important;}

  /* Remaining calls to action and contacts stack instead of becoming tiny rows. */
  #mod-custom113 .registration-cta{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:22px 20px!important;}
  #consultation #mod-custom116{padding:32px 20px!important;gap:20px!important;}
  #consultation .contact-list{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;}
  #contacts .contact-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  .contacts-section .contact-map{width:100%!important;min-width:0!important;height:300px!important;}
  .contacts-section .contact-map-frame,.contacts-section .contact-map-frame iframe{min-height:300px!important;height:300px!important;}
  .contacts-section .contact-photo{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;}
  .contacts-section .contact-photo img{display:block;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
  .contacts-section .contact-data{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
  .contacts-section .contact-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .contacts-section .contact-actions .button{width:100%!important;min-width:0!important;}
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important;padding:32px 0 24px!important;}
  .site-footer a,.site-footer p{font-size:15px!important;}
}

/* Desktop: both slider arrows use the same 10px inset from the slide edge. */
@media (min-width:768px){
  .hero-slider > .hero-slider__controls{
    position:absolute!important;
    inset:auto!important;
    left:10px!important;
    right:10px!important;
    top:50%!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(-50%)!important;
    justify-content:space-between!important;
  }
  .hero-slider > .hero-slider__controls .hero-slider__arrow{
    position:static!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    transform:none!important;
  }
}

@media (max-width:390px){
  .itkod-site .site-shell{width:calc(100% - 28px)!important;}
  .top-contact-phone{font-size:17px!important;}
  .contacts-section .contact-actions{grid-template-columns:1fr!important;}
  .hero-slider{min-height:370px!important;}
}

/* Final mobile polish: compact actions without changing the mobile composition. */
@media (max-width:767px){
  .itkod-site .button,
  .hero-slider .hero-slide .button,
  #support .support-cta .button,
  #partners .partner-card .button,
  #mod-custom137 .button,
  #mod-custom113 .button,
  #consultation .contact-list .button,
  .contacts-section .contact-actions .button{
    width:fit-content!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    padding-inline:18px!important;
    font-size:14px!important;
    font-weight:600!important;
  }
  .hero-slider>div{padding-bottom:78px!important;}
  .hero-slider__dots{bottom:38px!important;}
  .hero-slider__controls{right:12px!important;bottom:14px!important;}
  .hero-slider__arrow{width:44px!important;height:44px!important;min-height:44px!important;font-size:18px!important;}
  .site-menu-toggle{flex-direction:column!important;gap:4px!important;}
  .site-menu-toggle>span:not(.visually-hidden){display:block!important;flex:0 0 2px!important;width:24px!important;height:2px!important;margin:0!important;background:var(--color-primary-dark)!important;}
  #partners .partner-solutions__grid,.partner-solutions__grid{gap:18px!important;}
  #support .support-cta .button,#partners .partner-card .button,#mod-custom137 .button,#mod-custom113 .button{align-self:flex-start!important;}
  #consultation .contact-list{justify-items:start!important;}
  #consultation .contact-list .button{justify-self:start!important;}
  .contacts-section .contact-actions .button{justify-self:start!important;}
  #mod-custom137 .automation-steps li{min-height:60px!important;padding:12px 14px 12px 43px!important;}
  #mod-custom137 .automation-steps li::after{display:none!important;}
  #mod-custom137 .automation-steps li:not(:last-child)::after{display:block!important;content:""!important;position:absolute!important;left:20px!important;right:auto!important;top:auto!important;bottom:-10px!important;width:1px!important;height:11px!important;border:0!important;background:var(--color-tech)!important;clip-path:none!important;}
}

@media (min-width:371px) and (max-width:390px){
  .contacts-section .contact-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media (max-width:370px){
  .contacts-section .contact-actions{grid-template-columns:1fr!important;}
}

/* Mobile corrections from live-device review. */
@media (max-width:767px){
  .hero-slider__dots{display:none!important;}
  .hero-slider>div{padding-bottom:70px!important;}
  .hero-slider__controls{left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;justify-content:space-between!important;}
  .brand-marquee-track{--brand-duration:16s!important;}
  #partners .partner-solutions__grid,.partner-solutions__grid{gap:24px!important;}
  #partners .partner-card{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:24px!important;}
  #partners .partner-card .button{position:static!important;display:inline-flex!important;align-self:flex-start!important;margin:18px 0 0!important;transform:none!important;}
}

/* Hero controls occupy their own zone, never the text zone. */
@media (min-width:768px){
  .hero-slider>div{padding-left:84px!important;padding-right:84px!important;}
  .hero-slider__controls{left:24px!important;right:24px!important;top:50%!important;bottom:auto!important;width:auto!important;justify-content:space-between!important;transform:translateY(-50%);}
  .hero-slider__dots{left:50%!important;bottom:22px!important;transform:translateX(-50%);}
}
@media (max-width:767px){
  .hero-slider{min-height:390px!important;}
  .hero-slider>div{padding:24px 20px 126px!important;}
  .hero-slider__controls{left:14px!important;right:14px!important;top:auto!important;bottom:52px!important;transform:none!important;width:auto!important;justify-content:space-between!important;}
  .hero-slider__dots{display:flex!important;left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%);}
  #partners .partner-solutions__grid,.partner-solutions__grid{gap:20px!important;}
}

/* Mobile slider height follows the active slide; the lower reserve is navigation only. */
@media (max-width:767px){
  .hero-slider{min-height:0!important;height:auto!important;}
  .hero-slider>div{position:relative!important;inset:auto!important;display:none!important;align-items:initial!important;padding:20px 20px 108px!important;opacity:1!important;transform:none!important;transition:none!important;}
  .hero-slider>div.is-active{display:block!important;}
  .hero-slide h2{margin-top:10px!important;margin-bottom:9px!important;}
  .hero-slide p{margin-bottom:16px!important;}
  .hero-slider .hero-slide .button{width:fit-content!important;min-height:42px!important;height:42px!important;}
  .hero-slider__controls{left:14px!important;right:14px!important;bottom:48px!important;top:auto!important;display:flex!important;justify-content:space-between!important;}
  .hero-slider__dots{display:flex!important;left:50%!important;right:auto!important;bottom:17px!important;transform:translateX(-50%);}
  .hero-slider__dots .hero-slider__dot{display:block!important;}
}

/* The controls are not slides. Reset inherited slide styles before laying them out. */
@media (max-width:767px){
  .hero-slider{overflow:visible!important;}
  .hero-slider > .custom{position:relative!important;inset:auto!important;display:none!important;min-height:0!important;height:auto!important;padding:20px!important;opacity:1!important;pointer-events:auto!important;transform:none!important;transition:none!important;}
  .hero-slider > .custom.is-active{display:block!important;}
  .hero-slider > .hero-slider__dots{display:none!important;position:static!important;inset:auto!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important;background:none!important;opacity:1!important;transform:none!important;}
  .hero-slider > .hero-slider__controls{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;width:auto!important;height:auto!important;min-height:0!important;margin:18px 20px 20px!important;padding:0!important;background:transparent!important;opacity:1!important;pointer-events:auto!important;transform:none!important;}
  .hero-slider > .hero-slider__controls::after{content:none!important;display:none!important;}
}

/* Final mobile hero navigation: arrows are ordinary content after the CTA. */
@media (max-width:767px){
  .hero-slider{min-height:0!important;height:auto!important;}
  .hero-slider>div{min-height:0!important;height:auto!important;padding:20px!important;}
  .hero-slider__dots{display:none!important;position:static!important;margin:0!important;padding:0!important;height:0!important;overflow:hidden!important;}
  .hero-slider__controls{position:static!important;inset:auto!important;display:flex!important;width:auto!important;height:auto!important;margin:18px 20px 20px!important;padding:0!important;transform:none!important;justify-content:space-between!important;align-items:center!important;}
  .hero-slider__arrow{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:18px!important;border-radius:0!important;}
}

/* Mobile: controls are moved by JS inside the active slide, directly after the CTA. */
@media (max-width:767px){
  .hero-slider > .custom > .hero-slider__controls{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:18px 0 0!important;
    padding:0!important;
    background:transparent!important;
    color:inherit!important;
    transform:none!important;
    justify-content:space-between!important;
    align-items:center!important;
  }
  .hero-slider > .custom > .hero-slider__controls::after{content:none!important;display:none!important;}
  .hero-slider > .custom > .hero-slider__controls .hero-slider__arrow{
    position:static!important;
    inset:auto!important;
    display:inline-flex!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:0!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  .hero-slider > .hero-slider__dots{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
}

/* Mobile: arrows flank the CTA instead of creating a second action row. */
@media (max-width:767px){
  .hero-slider .custom .hero-slider__actions{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    column-gap:6px!important;
    width:100%!important;
    margin-top:18px!important;
  }
  .hero-slider .custom .hero-slider__actions > .button{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    margin:0!important;
  }
  .hero-slider .custom .hero-slider__actions > .hero-slider__controls{
    display:contents!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
  }
  .hero-slider .custom .hero-slider__actions > .hero-slider__controls .hero-slider__arrow{
    position:static!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    border-radius:0!important;
    transform:none!important;
    font-size:26px!important;
    line-height:1!important;
    font-weight:500!important;
    color:#fff!important;
    text-indent:0!important;
  }
  .hero-slider .custom .hero-slider__actions > .hero-slider__controls .hero-slider__arrow:first-child{grid-column:1!important;grid-row:1!important;}
  .hero-slider .custom .hero-slider__actions > .hero-slider__controls .hero-slider__arrow:last-child{grid-column:3!important;grid-row:1!important;}
}

/* Final desktop alignment for slider arrows. */
@media (min-width:768px){
  .hero-slider > .hero-slider__controls{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    justify-content:space-between!important;
  }
}

/* Desktop regression fixes after the brand layer. Keep these rules component-scoped. */
#contacts .contact-data>div{
  display:grid;
  gap:6px;
  align-content:start;
}
#contacts .contact-photo__caption strong{
  display:block;
  margin-bottom:4px;
}
@media (min-width:768px){
  #mod-custom110{
    max-width:none;
    text-align:center;
  }
  #mod-custom110>h1,
  #mod-custom110>p,
  #mod-custom110>.hero-geo{
    text-align:center;
  }

  .hero-slider>.mod-custom{
    align-items:center;
  }
  .hero-slider>.mod-custom .hero-slide{
    width:100%;
    text-align:center;
  }

  #partners .partner-solutions__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
  }
  #partners .partner-solutions__grid>.mod-custom,
  #partners .partner-solutions__grid .custom.two-column{
    align-items:stretch;
  }
  #partners .partner-card{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    box-sizing:border-box;
    height:100%;
    padding:24px 25px;
    border:1px solid var(--color-border)!important;
  }
  #partners .partner-card>p:last-child{
    margin-top:auto;
    margin-bottom:0;
  }

  #contacts .contact-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:0;
  }
  #contacts .contact-map,
  #contacts .contact-photo{
    box-sizing:border-box;
    min-width:0;
    height:340px;
    border:1px solid var(--color-border);
  }
  #contacts .contact-map-frame,
  #contacts .contact-map-frame iframe,
  #contacts .contact-photo img{
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
  }
  #contacts .contact-photo{
    overflow:hidden;
    background:#F7F9FA;
  }
  #contacts .contact-photo img{
    object-fit:contain;
    object-position:center;
  }
  #contacts .contact-data{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));
    gap:24px;
    align-items:start;
  }
  #contacts .contact-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
  }
}

/* The Joomla brand module contains a legacy inline !important background. Keep it visually neutral without editing the module. */
.brand-strip{
  position:relative;
  isolation:isolate;
}
.brand-strip::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:#fff;
  pointer-events:none;
}
.brand-strip>.brand-marquee{
  position:relative;
  z-index:1;
}

/* Final header, partner ribbon, service icons and contact-media tuning. */
.top-contact-bar{
  width:100%;
  background:#F7F9FA!important;
  border-bottom:1px solid var(--color-border);
}
.top-contact-bar>.site-shell{
  width:100%;
  max-width:none;
  margin:0;
}
#mod-custom119 .top-contact-content{
  width:100%;
  background:#F7F9FA!important;
  border-bottom:0;
}
@media (min-width:1024px){
  #mod-custom119 .top-contact-russia{
    display:inline-flex!important;
    align-items:center;
    margin-left:18px;
  }
}

.site-navigation a{
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:.025em;
  text-transform:uppercase;
}

.hero-aside>#mod-custom135{
  border-left-color:#FEB249!important;
  background:#fff!important;
}
.hero-aside>#mod-custom136{
  border-left-color:#53D3D1!important;
  background:#fff!important;
}
.hero-aside>#mod-custom134{
  border-left-color:#002447!important;
  background:#fff!important;
}

.trust-section,
.trust-section>.site-shell,
#mod-custom124,
.brand-strip,
.brand-marquee{
  background:#fff!important;
}
.itkod-site .trust-section{
  padding:0!important;
}
.brand-strip{
  padding:12px 0!important;
}
.brand-marquee::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:#fff;
  pointer-events:none;
}
.brand-marquee-track{
  position:relative;
  z-index:1;
  padding-left:0!important;
  width:max-content!important;
  min-width:0!important;
  justify-content:flex-start!important;
  gap:48px!important;
  --brand-gap:48px;
  --brand-duration:22s!important;
}
.brand-marquee .brand-logo{
  width:auto!important;
  height:42px!important;
  min-height:0!important;
  padding:0!important;
}
.brand-marquee .brand-logo img{
  width:auto!important;
  height:38px!important;
  max-width:156px!important;
  object-fit:contain!important;
}

#services .service-card::before{
  content:""!important;
  top:10px!important;
  left:18px!important;
  width:30px!important;
  height:30px!important;
  color:transparent!important;
  background-color:transparent!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  mask:none!important;
  -webkit-mask:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#services .service-card::after{display:none!important;content:none!important;}
#services .service-card[data-icon="kkt"]::before{background-image:url("../images/icons/service-kkt.svg")!important;}
#services .service-card[data-icon="piot"]::before{background-image:url("../images/icons/service-piot.svg")!important;}
#services .service-card[data-icon="mark"]::before{background-image:url("../images/icons/service-marking.svg")!important;}
#services .service-card[data-icon="egais"]::before{background-image:url("../images/icons/service-egais.svg")!important;}
#services .service-card[data-icon="mercury"]::before{background-image:url("../images/icons/service-mercury.svg")!important;}
#services .service-card[data-icon="edo"]::before{background-image:url("../images/icons/service-edo.svg")!important;}
#services .service-card[data-icon="sign"]::before{background-image:url("../images/icons/service-signature.svg")!important;}
#services .service-card[data-icon="one-c"]::before{background-image:url("../images/icons/service-one-c.svg")!important;}

@media (min-width:768px){
  #contacts .contact-grid{
    grid-template-columns:minmax(0,1.78fr) minmax(300px,1fr);
  }
}

@media (max-width:767px){
  .brand-strip{padding:10px 0!important;}
  .brand-marquee-track{gap:34px!important;--brand-gap:34px;--brand-duration:18s!important;}
  .brand-marquee .brand-logo{width:auto!important;flex-basis:auto!important;height:36px!important;}
  .brand-marquee .brand-logo img{width:auto!important;height:32px!important;max-width:132px!important;}
}

#mod-custom119 .top-contact-actions a[href*="chat.whatsapp.com"]{
  background:transparent!important;
}
#mod-custom119 .top-contact-actions a[href*="chat.whatsapp.com"]::before{
  width:28px!important;
  height:28px!important;
  background:url("../images/whatsapp-square.svg") center/contain no-repeat!important;
}
#mod-custom119 .top-contact-actions .top-contact-phone{
  margin-left:14px!important;
}

/* Final point fixes: desktop hero start, contact media ratio and icon actions. */
@media (min-width:901px){
  .hero-section{
    padding-top:24px!important;
  }
  #contacts .contact-grid{
    grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  }
}

#contacts .contact-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
#contacts .contact-actions .contact-action-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--border-neutral)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#002447!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:none!important;
  transform:none!important;
}
#contacts .contact-actions .contact-action-icon::before{
  content:"";
  display:block;
  width:24px;
  height:24px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
#contacts .contact-actions .contact-action-icon--phone::before{background-image:url("../images/contact-phone.svg");}
#contacts .contact-actions .contact-action-icon--email::before{background-image:url("../images/contact-email.svg");}
#contacts .contact-actions .contact-action-icon--whatsapp::before{width:28px;height:28px;background-image:url("../images/whatsapp-square.svg");}
#contacts .contact-actions .contact-action-icon--max::before{width:28px;height:28px;background-image:url("../images/max-square.svg");}

/* Home page: isolated redesign of the "Why IT-Kod" module only. */
body.home-page main > #advantages .home-why{
  box-sizing:border-box;
  width:100%;
  padding:32px;
  background:#fff;
  color:#002447;
}
body.home-page main > #advantages .home-why *,
body.home-page main > #advantages .home-why *::before,
body.home-page main > #advantages .home-why *::after{box-sizing:border-box;}
body.home-page main > #advantages .home-why__header{
  max-width:820px;
  margin-inline:auto;
  text-align:center;
}
body.home-page main > #advantages .home-why__eyebrow{
  margin:0 0 10px;
  color:#FEB249;
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.home-page main > #advantages .home-why__header h2{
  margin:0;
  color:#002447;
  font-size:34px;
  font-weight:700;
  line-height:1.18;
  text-align:center;
}
body.home-page main > #advantages .home-why__intro{
  max-width:800px;
  margin:16px auto 0;
  color:rgba(0,36,71,.74);
  font-size:16px;
  line-height:1.65;
}
body.home-page main > #advantages .home-why__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:42px;
}
body.home-page main > #advantages .home-why__item{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:18px;
  align-items:start;
  min-width:0;
  min-height:0;
  padding:26px 18px;
  background:transparent;
}
body.home-page main > #advantages .home-why__item:not(:nth-child(3n+1)){border-left:1px solid #DCE3EA;}
body.home-page main > #advantages .home-why__item:nth-child(n+4){border-top:1px solid #DCE3EA;}
body.home-page main > #advantages .home-why__icon{
  display:grid;
  grid-column:1;
  grid-row:1 / span 2;
  width:64px;
  height:64px;
  margin:0;
  place-items:center;
  background:#EEFafa;
  border-radius:0!important;
  color:#002447;
}
body.home-page main > #advantages .home-why__icon svg{
  width:32px;
  height:32px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.home-page main > #advantages .home-why__item h3{
  grid-column:2;
  grid-row:1;
  min-width:0;
  margin:0 0 8px;
  color:#002447;
  font-size:18px;
  font-weight:700;
  line-height:1.3;
}
body.home-page main > #advantages .home-why__item p{
  grid-column:2;
  grid-row:2;
  min-width:0;
  margin:0;
  color:rgba(0,36,71,.72);
  font-size:14px;
  line-height:1.55;
}
body.home-page main > #advantages .home-why__cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin-top:28px;
  padding:22px 24px;
  border-left:4px solid #53D3D1;
  background:#F1FBFB;
}
body.home-page main > #advantages .home-why__cta h3{
  margin:0;
  color:#002447;
  font-size:19px;
  font-weight:700;
  line-height:1.35;
}
body.home-page main > #advantages .home-why__cta p{
  margin:5px 0 0;
  color:rgba(0,36,71,.72);
  font-size:14px;
  line-height:1.5;
}
body.home-page main > #advantages .home-why__cta-button{
  min-height:44px;
  padding:10px 20px;
  border:1px solid #FEB249;
  border-radius:0;
  background:#FEB249;
  color:#002447;
  white-space:nowrap;
  box-shadow:none;
}
body.home-page main > #advantages .how-section .work-step{
  row-gap:28px;
}
body.home-page main > #advantages .how-section .work-step__content{
  display:block;
  width:100%;
}
body.home-page main > #advantages .home-why__cta-button:hover,
body.home-page main > #advantages .home-why__cta-button:focus-visible{
  border-color:#ECA13A;
  background:#ECA13A;
  color:#002447;
}

@media (max-width:1023px){
  body.home-page main > #advantages .home-why{padding:28px 24px;}
  body.home-page main > #advantages .home-why__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.home-page main > #advantages .home-why__item{grid-template-columns:58px minmax(0,1fr);column-gap:16px;min-height:0;padding:22px 18px;}
  body.home-page main > #advantages .home-why__icon{width:58px;height:58px;}
  body.home-page main > #advantages .home-why__icon svg{width:29px;height:29px;}
  body.home-page main > #advantages .home-why__item:not(:nth-child(3n+1)){border-left:0;}
  body.home-page main > #advantages .home-why__item:nth-child(n+4){border-top:0;}
  body.home-page main > #advantages .home-why__item:nth-child(even){border-left:1px solid #DCE3EA;}
  body.home-page main > #advantages .home-why__item:nth-child(n+3){border-top:1px solid #DCE3EA;}
}

@media (max-width:767px){
  body.home-page main > #advantages .home-why{padding:22px 18px;}
  body.home-page main > #advantages .home-why__header h2{font-size:26px;}
  body.home-page main > #advantages .home-why__intro{margin-top:13px;font-size:15px;line-height:1.55;}
  body.home-page main > #advantages .home-why__grid{grid-template-columns:1fr;margin-top:30px;}
  body.home-page main > #advantages .home-why__item{grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:0;min-height:0;padding:15px 0;}
  body.home-page main > #advantages .home-why__item:nth-child(even){border-left:0;}
  body.home-page main > #advantages .home-why__item:nth-child(n+2){border-top:1px solid #DCE3EA;}
  body.home-page main > #advantages .home-why__icon{grid-column:1;grid-row:1 / span 2;width:50px;height:50px;margin:0;border-radius:0!important;}
  body.home-page main > #advantages .home-why__icon svg{width:27px;height:27px;}
  body.home-page main > #advantages .home-why__item h3{grid-column:2;grid-row:1;align-self:start;margin:0 0 6px;}
  body.home-page main > #advantages .home-why__item p{grid-column:2;grid-row:2;margin:0;}
  body.home-page main > #advantages .home-why__cta{grid-template-columns:1fr;gap:18px;margin-top:20px;padding:20px 18px;}
  body.home-page main > #advantages .home-why__cta-button{width:100%;white-space:normal;}
  body.home-page main > #advantages .how-section .work-step__content{display:block;width:100%;}
}