/* Local comparison only. Baseline is untouched; contrast inherits its original Bento layout. */
html:is([data-design="refined"],[data-design="contrast"]) { --dv-ink:#111827; --dv-muted:#657187; --dv-line:#dae3f0; }
html:is([data-design="refined"],[data-design="contrast"]) .services-section { padding-block:100px 106px; }
html:is([data-design="refined"],[data-design="contrast"]) .services-header { border-top:0; padding-top:0; margin-bottom:44px; gap:55px; }
html:is([data-design="refined"],[data-design="contrast"]) .services-heading { max-width:760px; }
html:is([data-design="refined"],[data-design="contrast"]) .services-header h2 { font-size:clamp(36px,3.9vw,56px); font-weight:300; line-height:1.15; letter-spacing:-.05em; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .services-grid { grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:auto 174px; gap:20px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service { grid-column:span 2; grid-row:1; display:flex; flex-direction:column; padding:28px; margin:0; min-height:650px; border-radius:24px; border:1px solid var(--dv-line); box-shadow:0 16px 45px -32px #1b44752a; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .service-number { font-size:14px; letter-spacing:.04em; margin-bottom:29px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] h3 { font-size:clamp(25px,2.25vw,34px); margin:0 0 19px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .service-description { order:2; margin:0; padding:0; font-size:14px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .service-description strong { font-size:14px; font-weight:400; line-height:1.65; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .service-description>span { font-size:14px; margin-top:10px; line-height:1.65; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .service-number { order:0; }
html[data-design="refined"] #uslugi[data-services-layout=bento] h3 { order:1; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .service-scope { order:3; margin:17px 0 24px; font-size:14px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service>.sculpture-art,
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service .offer-demo { order:4; position:relative; inset:auto; width:100%; height:210px; min-height:210px; margin:auto 0 24px; padding:14px; transform:none; opacity:1; border-radius:16px; mask-image:none; background-color:#eef5fd; overflow:hidden; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service>.sculpture-art { padding:0; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-cta { position:relative; inset:auto; order:5; margin:0; min-width:0; width:100%; font-size:14px; padding-inline:18px; height:50px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-cta.primary { padding-right:6px; justify-content:space-between; }
html[data-design="refined"] .bento-connections { grid-column:1/4; grid-row:2; min-height:174px; border-radius:24px; padding:25px 28px; }
html[data-design="refined"] .bento-connections .connection-orbit { left:76%; top:50%; width:115px; height:115px; }
html[data-design="refined"] .bento-connections>p { left:28px; bottom:26px; font-size:19px; }
html[data-design="refined"] .bento-small-label { max-width:155px; font-size:14px; }
html[data-design="refined"] .bento-art-tile { grid-column:4/7; grid-row:2; min-height:174px; border-radius:24px; }
html[data-design="refined"] .bento-art-tile .sculpture-art { left:40%; background-size:300% 100%; background-position:right center; }
html[data-design="refined"] .bento-art-tile>span { bottom:26px; left:28px; font-size:14px; }
html:is([data-design="refined"],[data-design="contrast"]) .process-header { margin-bottom:54px; }
html:is([data-design="refined"],[data-design="contrast"]) .process-step { grid-template-columns:17% 1fr; }
html:is([data-design="refined"],[data-design="contrast"]) .process-step-top { padding-left:10%; }
html:is([data-design="refined"],[data-design="contrast"]) .process-step>p { max-width:900px; }
html:is([data-design="refined"],[data-design="contrast"]) .about-caption { border-bottom:1px solid var(--dv-line); padding-bottom:24px; }
html:is([data-design="refined"],[data-design="contrast"]) .about-person h3 { font-size:28px; }
html:is([data-design="refined"],[data-design="contrast"]) .about-role { font-size:14px; margin-bottom:8px; }
html:is([data-design="refined"],[data-design="contrast"]) .faq-section { grid-template-columns:.9fr 1.1fr; gap:10%; padding-block:112px; }
html:is([data-design="refined"],[data-design="contrast"]) .faq-list details { padding-inline:20px; border-bottom-color:#dce4ef; transition:background .3s; }
html:is([data-design="refined"],[data-design="contrast"]) .faq-list details[open] { background:#f4f8ff; border-radius:12px; }
html:is([data-design="refined"],[data-design="contrast"]) .faq-list summary { font-size:17px; padding-block:25px; }
html:is([data-design="refined"],[data-design="contrast"]) .faq-list summary>span { border:1px solid #cfdaed; border-radius:50%; width:26px; height:26px; flex-basis:26px; }
html:is([data-design="refined"],[data-design="contrast"]) .faq-list summary>span:before,
html:is([data-design="refined"],[data-design="contrast"]) .faq-list summary>span:after { left:6px; top:11px; }
html:is([data-design="refined"],[data-design="contrast"]) .contact-section { padding-block:112px; gap:8%; align-items:center; }
html:is([data-design="refined"],[data-design="contrast"]) .contact-form { padding:36px; border-radius:28px; }
/* 01. Light studio: quiet paper surfaces and a coherent three-offer composition. */
html[data-design="refined"] .services-section { background:#f5f8fc; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service { background:#fff; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-0 { background:linear-gradient(150deg,#fff 25%,#f0f6ff); }
html[data-design="refined"] .bento-connections { background:#e9f1ff; border-color:#d8e4f7; }
html[data-design="refined"] .bento-art-tile { background:#edf5ff; border-color:#d8e4f7; }
html[data-design="refined"] .about-section { background:linear-gradient(160deg,#f6f9fe,#edf4ff); }
html[data-design="refined"] .about-portrait { border-radius:24px; }
html[data-design="refined"] .about-footer { border-top:0; padding-top:0; margin-top:36px; }
html[data-design="refined"] .founder-section { background:radial-gradient(ellipse at 85% 55%,#e9f3ff 0%,transparent 55%),#fff; }
html[data-design="refined"] .founder-quote { max-width:980px; }
html[data-design="refined"] .contact-glow { background:radial-gradient(ellipse at 92% 88%,#94bafa8c,transparent 54%),radial-gradient(ellipse at 4% 95%,#d7e9ff 0%,transparent 58%),linear-gradient(135deg,#fff,#edf4ff); }
html[data-design="refined"] .contact-form { background:linear-gradient(130deg,#ffffffc9,#ffffff69); box-shadow:0 28px 70px -35px #254e992f,inset 0 1px 0 #fff; }
/* 02. Contrast studio: black surfaces, ice-blue objects, white breathing space. */
html[data-design="contrast"] .services-section { background:#090b10; color:#f7f9ff; --dv-line:#292d38; }
html[data-design="contrast"] .services-header h2 { color:#f7f9ff; }
html[data-design="contrast"] #uslugi[data-services-layout=bento] .bento-service { background:linear-gradient(150deg,#191d27,#11141c); border-color:#2c3240; box-shadow:none; }
html[data-design="contrast"] #uslugi[data-services-layout=bento] h3 { color:#f5f7fc; }
html[data-design="contrast"] #uslugi[data-services-layout=bento] .service-number { color:#94b6ff; }
html[data-design="contrast"] #uslugi[data-services-layout=bento] .service-description { color:#a6afc0; }
html[data-design="contrast"] #uslugi[data-services-layout=bento] .service-description strong { color:#e0e7f4; }
html[data-design="contrast"] #uslugi[data-services-layout=bento] .service-scope { color:#a2b4d1; }
html[data-design="contrast"] .bento-connections { background:#121721; border-color:#2a3343; }
html[data-design="contrast"] .bento-connections>p { color:#e4ecfb; }
html[data-design="contrast"] .bento-small-label { color:#a0b3d0; }
html[data-design="contrast"] .bento-connections .connection-orbit { border-color:#35435b; }
html[data-design="contrast"] .bento-connections .connection-orbit:after { border-color:#27364b; }
html[data-design="contrast"] .bento-art-tile { border-color:#b7cdef; background:#e7f0fd; }
html[data-design="contrast"] #uslugi .secondary { color:#dae6ff; border-color:#6a7c9b; }
html[data-design="contrast"] #uslugi .secondary:is(:hover,:focus-visible) { background:#ffffff0b; color:#fff; border-color:#afc9ff; }
html[data-design="contrast"] .service-preview-controls { color:#aab5c9; }
html[data-design="contrast"] .service-layout-picker>div { background:#171c27; border-color:#333c50; }
html[data-design="contrast"] .service-layout-picker button { color:#b3c1db; }
html[data-design="contrast"] .service-layout-picker button[aria-pressed=true] { color:#fff; background:#283a62; }
html[data-design="contrast"] #uslugi[data-services-layout=rows] .service-item { background:transparent; border-color:#303847; }
html[data-design="contrast"] #uslugi .row-title { color:#f2f6ff; }
html[data-design="contrast"] #uslugi .row-summary,
html[data-design="contrast"] #uslugi .row-panel-content>p { color:#b7c1d4; }
html[data-design="contrast"] #uslugi .row-number { color:#88aef8; }
html[data-design="contrast"] #uslugi .row-panel-content .service-scope { color:#a3bdf0; }
html[data-design="contrast"] .brand-interlude { background:#090b10; color:#f6f9ff; }
html[data-design="contrast"] .interlude-art { background:radial-gradient(ellipse at 75% 85%,#173b76 0%,transparent 60%),linear-gradient(#090b10,#0c121f 70%,#132647); }
html[data-design="contrast"] .interlude-art:after { background:linear-gradient(transparent,#101d34); }
html[data-design="contrast"] .interlude-light { background:radial-gradient(ellipse at center,#7cacf080,#356fe84d 28%,transparent 70%); }
html[data-design="contrast"] .interlude-orbit { background:linear-gradient(#275993,#122c50 12%,#0e1728 40%); border-top-color:#def5ff; box-shadow:0 -2px 12px #c8ecff85,0 -10px 45px #4b92ee75; }
html[data-design="contrast"] .interlude-beam { opacity:1; background:linear-gradient(90deg,transparent,#bbd9ff0a 30%,#acd4ff25 49%,transparent 65%); }
html[data-design="contrast"] .interlude-pillars li { color:#eff6ff; }
html[data-design="contrast"] .interlude-pillars span,
html[data-design="contrast"] .interlude-bottom>p { color:#a5bad9; }
html[data-design="contrast"] .interlude-pillars li:before { background:linear-gradient(#9ebee776,#78a8e33b); }
html[data-design="contrast"] .interlude-pillars li:after { border-color:#2b4f7d; background:#c3e5ff; }
html[data-design="contrast"] .about-section { background:#f6f8fc; }
html[data-design="contrast"] .founder-section { background:radial-gradient(ellipse at 90% 90%,#182a4b,transparent 65%),#0b0d13; }
html[data-design="contrast"] .founder-quote-mark { color:#82aaff; }
html[data-design="contrast"] .founder-quote blockquote p { color:#e9eef7; }
html[data-design="contrast"] .founder-quote figcaption { color:#a2b1ca; }
html[data-design="contrast"] .founder-signature-line { background:#7fa8ff; }
html[data-design="contrast"] .contact-section { background:#0a0d14; color:#f2f6ff; }
html[data-design="contrast"] .contact-glow { background:radial-gradient(ellipse at 85% 85%,#203e70 0%,transparent 55%),radial-gradient(ellipse at 10% 100%,#122342,transparent 60%); }
html[data-design="contrast"] .contact-copy h2 span { color:#8db3ff; }
html[data-design="contrast"] .contact-copy>p:not(.closing-tag) { color:#b3bfd3; }
html[data-design="contrast"] .contact-signature { color:#dce8fb; }
html[data-design="contrast"] .contact-signature p>span { color:#a5b2c7; }
html[data-design="contrast"] .contact-signature-line { background:#83afff; }
html[data-design="contrast"] .contact-form { border-color:#ffffff2c; background:linear-gradient(135deg,#ffffff0f,#ffffff06); box-shadow:inset 0 1px 0 #ffffff14,0 24px 70px #0002; }
html[data-design="contrast"] .contact-form:before { background:linear-gradient(120deg,#ffffff05,transparent 60%); }
html[data-design="contrast"] .contact-form label { color:#c0cde3; }
html[data-design="contrast"] .contact-form :is(input,select,textarea) { color:#edf3ff; border-bottom-color:#758bad66; }
html[data-design="contrast"] .contact-form :is(input,textarea)::placeholder { color:#a2b1cb; }
html[data-design="contrast"] .contact-form select option { background:#172237; color:#edf3ff; }
html[data-design="contrast"] .contact-form-note,
html[data-design="contrast"] .contact-form-status { color:#aabbd6; }
html[data-design="contrast"] .contact-form :is(input,select,textarea):focus-visible { border-bottom-color:#a1c4ff; box-shadow:0 1px 0 #a1c4ff; }
html[data-design="contrast"] .site-footer { background:#090b10; }
html[data-design="contrast"] .footer-brand { color:#edf3fc; }
html[data-design="contrast"] .footer-main>p,
html[data-design="contrast"] .footer-main nav a { color:#b3bfd3; }
html[data-design="contrast"] .footer-bottom { border-color:#2a3242; color:#9eacc2; }
html[data-design="contrast"] .footer-bottom button { color:#b9cbea; }
@media (min-width:801px) and (max-width:1100px) {
 html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service { padding:20px; min-height:710px; }
 html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-cta { font-size:14px; padding-left:12px; gap:6px; }
 html:is([data-design="refined"],[data-design="contrast"]) .services-header { align-items:flex-start; gap:30px; }
}
@media (max-width:800px) {
 html:is([data-design="refined"],[data-design="contrast"]) .services-section,
 html:is([data-design="refined"],[data-design="contrast"]) .faq-section,
 html:is([data-design="refined"],[data-design="contrast"]) .contact-section { padding-block:72px; }
 html:is([data-design="refined"],[data-design="contrast"]) .services-header { gap:25px; margin-bottom:34px; }
 html:is([data-design="refined"],[data-design="contrast"]) .services-header h2 { font-size:34px; }
 html[data-design="refined"] #uslugi[data-services-layout=bento] .services-grid { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:18px; }
 html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service { grid-column:1; grid-row:auto; padding:25px; min-height:0; }
 html[data-design="refined"] #uslugi[data-services-layout=bento] h3 { font-size:30px; }
 html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service>.sculpture-art,
 html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service .offer-demo { margin:0 0 24px; height:210px; min-height:210px; }
 html[data-design="refined"] .bento-connections,
 html[data-design="refined"] .bento-art-tile { grid-column:1; grid-row:auto; min-height:180px; }
 html[data-design="refined"] .bento-connections .connection-orbit { left:76%; width:94px; height:94px; }
 html[data-design="refined"] .bento-connections>p { font-size:17px; max-width:47%; }
 html[data-design="refined"] .bento-small-label { max-width:44%; }
 html:is([data-design="refined"],[data-design="contrast"]) .process-header { margin-bottom:30px; }
 html:is([data-design="refined"],[data-design="contrast"]) .process-step { grid-template-columns:19% 1fr; }
 html:is([data-design="refined"],[data-design="contrast"]) .process-step-top { padding-left:0; }
 html:is([data-design="refined"],[data-design="contrast"]) .faq-section { display:block; }
 html:is([data-design="refined"],[data-design="contrast"]) .faq-list details { padding-inline:12px; }
 html:is([data-design="refined"],[data-design="contrast"]) .faq-list summary { font-size:16px; gap:14px; }
 html:is([data-design="refined"],[data-design="contrast"]) .contact-form { padding:25px 22px; border-radius:23px; }
}
@media (max-width:360px) {
 html:is([data-design="refined"],[data-design="contrast"]) .services-header h2 { font-size:31px; }
 html[data-design="refined"] #uslugi[data-services-layout=bento] .bento-service { padding:20px; }
 html:is([data-design="refined"],[data-design="contrast"]) .contact-form { padding-inline:17px; }
}
@media (prefers-reduced-motion:reduce) {
 html:is([data-design="refined"],[data-design="contrast"]) .faq-list details { transition:none; }
}
/* The wider visual wells can support legible diagram labels. */
html[data-design="refined"] #uslugi[data-services-layout=bento] .shop-question,
html[data-design="refined"] #uslugi[data-services-layout=bento] .shop-answer { font-size:14px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .company-node { font-size:14px; padding:8px; }
html[data-design="refined"] #uslugi[data-services-layout=bento] .company-result { font-size:14px; }

/* Diagram captions sit directly on the restored dark Bento cards. */
html[data-design="contrast"] #uslugi[data-services-layout=bento] :is(.shop-answer,.company-result) { color:#aebfdc; }

/* A quiet echo of the hero horizon behind the contact glass. */
html[data-design="contrast"] .contact-glow {
 pointer-events:none;mask-image:linear-gradient(#000 0%,#000 82%,transparent 100%);
 background:radial-gradient(ellipse at 75% 100%,#1749a66b,transparent 61%),linear-gradient(180deg,#0a0d14 12%,#0d172a 100%);
}
html[data-design="contrast"] .contact-glow:before {
 content:"";position:absolute;left:-12%;top:42%;width:136%;height:85%;
 border-radius:50%;filter:blur(32px);
 background:radial-gradient(ellipse at center,#81caff40 0%,#3279ed66 30%,#1747c345 48%,transparent 70%);
}
html[data-design="contrast"] .contact-glow:after {
 content:"";position:absolute;left:-20%;top:78%;width:145%;height:100%;border-radius:50%;
 border-top:1px solid #beeaffc9;
 background:radial-gradient(ellipse at 50% 0%,#5a9be84a,transparent 45%),linear-gradient(180deg,#183e725e,#0a0d14 60%);
 box-shadow:0 -2px 7px #c6edff80,0 -10px 30px #65b1ff75,0 -28px 75px #246bda70;
 filter:blur(1.5px);
}
@media(max-width:800px){
 html[data-design="contrast"] .contact-glow:before{left:-45%;top:48%;width:200%;height:55%;filter:blur(25px)}
 html[data-design="contrast"] .contact-glow:after{left:-70%;top:65%;width:240%;height:65%}
}