/* Final services composition: one tall card, two horizontal cards. */
html[data-design=contrast] #uslugi .services-header{gap:clamp(32px,5vw,72px);margin-bottom:40px;align-items:flex-end}
#uslugi .services-heading{max-width:800px}
html[data-design=contrast] #uslugi .services-header h2{font-size:clamp(34px,3.75vw,54px);line-height:1.12;text-wrap:balance}
#uslugi .services-intro{flex:0 0 255px;padding-bottom:3px}
#uslugi .services-intro>p{margin:0 0 23px;font:350 15px/1.65 Inter,sans-serif;color:#b1b8c6}
#uslugi[data-services-layout=bento] .services-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);grid-template-rows:repeat(2,minmax(330px,auto));gap:18px;align-items:stretch}
html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-service{padding:30px;border-radius:24px;background:linear-gradient(145deg,#191d27,#11141c);border:1px solid #ffffff17;position:relative;overflow:hidden;box-shadow:none;min-width:0;cursor:default;display:grid;gap:24px;align-items:center}
#uslugi[data-services-layout=bento] .bento-0{grid-column:1;grid-row:1/3;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
#uslugi[data-services-layout=bento] :is(.bento-1,.bento-2){grid-column:2;grid-template-columns:minmax(0,1.35fr) minmax(210px,1fr)}
#uslugi[data-services-layout=bento] .bento-1{grid-row:1}
#uslugi[data-services-layout=bento] .bento-2{grid-row:2}
#uslugi .service-card-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;height:100%}
#uslugi[data-services-layout=bento] h3{font-size:clamp(27px,2.2vw,32px);line-height:1.2;letter-spacing:-.045em;font-weight:400;margin:0 0 18px}
#uslugi[data-services-layout=bento] .service-description{min-height:0;margin:0;padding:0;font-size:16px;line-height:1.55}
#uslugi[data-services-layout=bento] .service-description strong{display:block;font-size:16px;line-height:1.55;font-weight:400;color:#f0f2f7}
#uslugi[data-services-layout=bento] .service-description>span{display:block;font-size:14px;line-height:1.6;font-weight:350;margin-top:12px;color:#b1b8c6}
#uslugi[data-services-layout=bento] .bento-cta{position:relative;inset:auto;margin-top:26px;min-width:0;max-width:100%;min-height:48px;font-weight:350;font-size:14px;text-decoration:none;flex-shrink:0;white-space:normal;text-align:center}
#uslugi[data-services-layout=bento] :is(.bento-1,.bento-2) .service-description{margin-bottom:26px}
#uslugi[data-services-layout=bento] :is(.bento-1,.bento-2) .bento-cta{margin-top:auto}
html[data-design=contrast] #uslugi .secondary{color:#f0f2f7;border:1px solid var(--brand-accent);background:transparent}
html[data-design=contrast] #uslugi .secondary:is(:hover,:focus-visible){color:#fff;border-color:var(--brand-accent);background:#2458f51f}
#uslugi .cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-0>.sculpture-art{position:relative;inset:auto;width:100%;height:auto;min-height:270px;align-self:stretch;border-radius:16px;background-size:300% 100%;mask-image:none;-webkit-mask-image:none;pointer-events:none}
#uslugi[data-services-layout=bento] :is(.bento-1,.bento-2) .offer-demo{position:relative;inset:auto;width:100%;height:auto;min-height:245px;display:flex;align-items:center;justify-content:center;padding:18px;margin:0;border:1px solid #dfe9f6;border-radius:16px;background:linear-gradient(145deg,#f6faff,#e7f0ff);box-shadow:none;transform:none;opacity:1;pointer-events:none}
#uslugi .diagram-topline{display:none}
#uslugi .shop-product{padding:10px;gap:10px;border-color:#d5e1f2;box-shadow:none}
#uslugi .shop-product b{font-size:14px;color:#25314b;font-weight:450}
#uslugi .shop-product small{font-size:14px;color:#526077;line-height:1.4}
#uslugi .product-visual{flex-basis:44px;height:58px;background:#edf3ff}
#uslugi .product-visual svg{stroke:var(--brand-accent);width:30px;height:30px}
#uslugi .product-lines,#uslugi .product-check,#uslugi .shop-result{display:none}
#uslugi .shop-question{font-size:14px;line-height:1.5;margin:14px 0 12px 12px;padding:10px;background:#dde8ff;color:#263853}
html[data-design=contrast] #uslugi[data-services-layout=bento] .shop-answer{font-size:14px;line-height:1.5;color:#34425b;min-height:44px}
#uslugi .shop-ai{color:var(--brand-accent)}
#uslugi .company-network{height:168px}
#uslugi .company-node{font-size:14px;padding:8px;gap:5px;color:#34425b;background:white;border-color:#d5e1f2}
#uslugi .company-node svg{color:var(--brand-accent);width:14px;height:14px}
#uslugi .company-crm{top:65px}#uslugi .company-doc{top:5px}#uslugi .company-tasks{bottom:3px}
#uslugi .company-hub{width:44px;height:44px;font-size:17px;background:var(--brand-accent);border-radius:14px}
#uslugi .company-routes{stroke:#adbdd5}#uslugi .company-signal{stroke:var(--brand-accent)}
html[data-design=contrast] #uslugi[data-services-layout=bento] .company-result{font-size:14px;line-height:1.5;color:#526077;margin-top:14px;text-align:center}
@media(min-width:801px) and (max-width:1150px){
 html[data-design=contrast] #uslugi .services-header{gap:32px}#uslugi .services-intro{flex-basis:220px}
 #uslugi[data-services-layout=bento] .services-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
 html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-service{grid-column:1;grid-row:auto;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto;padding:28px;gap:32px}
 #uslugi[data-services-layout=bento] :is(.bento-1,.bento-2) .offer-demo{min-height:250px}
 #uslugi .shop-diagram,#uslugi .company-diagram{max-width:290px}
 html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-0>.sculpture-art{min-height:280px;height:100%;align-self:stretch}
}
@media(max-width:800px){
 html[data-design=contrast] #uslugi .services-header{display:block;margin-bottom:28px}
 html[data-design=contrast] #uslugi .services-header h2{font-size:clamp(30px,6vw,42px);line-height:1.15;text-wrap:pretty}
 #uslugi .services-intro{max-width:480px;margin-top:24px}#uslugi .services-intro>p{font-size:15px;margin-bottom:20px}
 #uslugi[data-services-layout=bento] .services-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:16px}
 html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-service{grid-column:1;grid-row:auto;padding:24px;gap:26px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
 #uslugi[data-services-layout=bento] h3{font-size:29px;margin-bottom:16px}
 html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-0>.sculpture-art{height:250px;min-height:0}
 #uslugi[data-services-layout=bento] :is(.bento-1,.bento-2) .offer-demo{min-height:235px;padding:20px}
 #uslugi .shop-diagram,#uslugi .company-diagram{max-width:310px}
}
@media(max-width:360px){html[data-design=contrast] #uslugi[data-services-layout=bento] .bento-service{padding:20px}#uslugi[data-services-layout=bento] .bento-cta{font-size:14px}#uslugi[data-services-layout=bento] :is(.bento-1,.bento-2) .offer-demo{padding:12px}}