/* Approved direction: dark sections, original Bento and vivid sapphire CTAs. */
.service-preview-controls,.review,.design-review{display:none!important}
html[data-design="contrast"] [data-button-style="11"] .primary{
 background:#2458f5;border-color:#2458f5;color:#fff;
 box-shadow:0 4px 22px #2458f526;
}
html[data-design="contrast"] [data-button-style="11"] .primary:is(:hover,:focus-visible,:active){color:#204bd4;box-shadow:0 5px 25px #2458f53d}
html[data-design="contrast"] [data-button-style="11"] .primary span:before,
html[data-design="contrast"] [data-button-style="11"] .primary span:after{color:#2458f5}
html[data-design="contrast"] [data-button-style="11"] .secondary{background:transparent;border-color:#6e93f0;color:#244fcb}
html[data-design="contrast"] [data-button-style="11"] .secondary:is(:hover,:focus-visible){background:#2458f50a;border-color:#2458f5;color:#204bd4}
html[data-design="contrast"] #uslugi .secondary{border-color:#5f8dff;color:#b4cdff}
html[data-design="contrast"] #uslugi .secondary:is(:hover,:focus-visible){background:#2458f514;border-color:#8aafff;color:#e1ebff}
/* Keep the crystal funnel on its own clean surface instead of fading into black. */
html[data-design="contrast"] #uslugi[data-services-layout=bento] .bento-0>.sculpture-art{
 left:18px;right:18px;bottom:18px;height:42%;
 border-radius:16px;mask-image:none;-webkit-mask-image:none;
 background-color:#eef5fc;overflow:hidden;
}
@media(max-width:800px){
 html[data-design="contrast"] #uslugi[data-services-layout=bento] .bento-0>.sculpture-art{height:235px;left:16px;right:16px;bottom:16px;border-radius:14px}
}
/* FAQ disclosure: chevron points down, then turns up for the open answer. */
html[data-design="contrast"] .faq-list summary>span:before{
 left:8px;top:7px;width:7px;height:7px;background:transparent;
 border-right:1px solid currentColor;border-bottom:1px solid currentColor;
 transform:rotate(45deg);transition:transform .3s ease;
}
html[data-design="contrast"] .faq-list summary>span:after{display:none}
html[data-design="contrast"] .faq-list details[open] summary>span:before{transform:translateY(3px) rotate(225deg)}
@media(prefers-reduced-motion:reduce){html[data-design="contrast"] .faq-list summary>span:before{transition:none}}

/* A simple contact invitation below the complete FAQ. */
html[data-design="contrast"] .faq-section{row-gap:36px}
.faq-contact{grid-column:1 / -1;text-align:center;margin:0;color:#6b778a;font:350 15px/1.8 Inter,sans-serif}
.faq-contact a{color:#2458f5;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;white-space:nowrap;transition:color .2s}
.faq-contact a:hover{color:#183bb1}
.faq-contact a:focus-visible{outline:2px solid #7297db;outline-offset:5px;border-radius:2px}
@media(max-width:800px){.faq-contact{margin-top:30px;font-size:14px}}

/* One heading accent system, adapted to the section's background. */
:root{--heading-accent:#2458f5}
html[data-design="contrast"] :is(.services-section,.cases-section,.brand-interlude,.contact-section){--heading-accent:#98bbff}
html[data-design="contrast"] h2 .section-accent{color:var(--heading-accent);font-weight:inherit}
html[data-design="contrast"] .contact-copy h2 .section-accent{color:var(--heading-accent)}