/* Global Emelyasam brand accent. Loaded last across the public site. */
.lead-form__field select,.keysy-cta__field select {
	width:100%;padding:12px 14px;border:1px solid var(--color-outline,#ddd);border-radius:8px;
	background:var(--color-surface-lowest,#fff);color:var(--color-on-background,#242321);font:inherit;
}
:root,
html.theme-dark {
	--brand-accent: #B00102;
	--brand-accent-hover: #d94445;
	--brand-accent-rgb: 176, 1, 2;
	--color-primary: var(--brand-accent);
	--color-primary-hover: var(--brand-accent-hover);
	--color-secondary: var(--brand-accent);
	--color-accent: var(--brand-accent);
	--color-accent-hover: var(--brand-accent-hover);
	--color-on-primary: #fff;
	--color-on-accent: #fff;
	--gradient-main: linear-gradient(var(--brand-accent), var(--brand-accent));
	--gradient-cta: linear-gradient(var(--brand-accent), var(--brand-accent));
	--gradient-cta-hover: linear-gradient(var(--brand-accent-hover), var(--brand-accent-hover));
	--gradient-text: linear-gradient(var(--brand-accent), var(--brand-accent));
	--action-bg: var(--brand-accent);
	--action-hover: var(--brand-accent-hover);
	--action-ink: #fff;
	--link-accent: var(--brand-accent);
	--footer-link-hover: var(--brand-accent);
}

body,
html.theme-dark body,
.agency-home,
.agency-home .ah-paper,
.home-dna,
.service-home,
.social-landing,
.video-service,
.vs-light,
.keysy-cta,
.instruments-cta,
.section--navy,
.make-service .mk-hero,
.make-service .lead-form-section {
	--action-bg: var(--brand-accent);
	--action-hover: var(--brand-accent-hover);
	--action-ink: #fff;
	--link-accent: var(--brand-accent);
}

html body[class] :is(.btn--primary,.lv2-btn-primary,.hero-btn-primary,.vs-button--hot,.keysy-cta__submit,.instruments-cta__submit,.lead-form__submit,.keysy-tabs__btn.is-active),
html body[class] .compact-header .btn--primary,
html body[class] .compact-contact {
	background: var(--brand-accent) !important;
	border-color: var(--brand-accent) !important;
	color: #fff !important;
	box-shadow: none !important;
}

html body[class] :is(.btn--primary,.lv2-btn-primary,.hero-btn-primary,.vs-button--hot,.keysy-cta__submit,.instruments-cta__submit,.lead-form__submit):hover,
html body[class] .compact-header .btn--primary:hover,
html body[class] .compact-contact:hover {
	background: var(--brand-accent-hover) !important;
	border-color: var(--brand-accent-hover) !important;
	color: #fff !important;
}

body :is(a,button,summary,input,textarea,select):focus-visible {
	outline-color: var(--brand-accent) !important;
}

body input[type="checkbox"],
body input[type="radio"] {
	accent-color: var(--brand-accent);
}

.compact-brand strong,
.site-footer a:hover,
.site-footer-shell a:hover,
.related-pages a:hover,
.related-pages a:focus-visible,
.agency-home em,
.ah-index,
.ah-deliver,
.ah-route :is(b,i),
.ah-results-proof > strong,
.ah-workflow-map article > span,
.ah-workflow-result span,
.hd-case-link,
.service-home__price-note span,
.service-home__value-grid span,
.service-home__video-grid small,
.service-home__price-card span,
.service-home__faq-list summary::after,
.social-hero-card__note span,
.social-value-grid span,
.seo-service h1 span,
.seo-service__eyebrow,
.seo-service__number,
.seo-service a:not(.btn),
.keysy-faq__eyebrow,
.keysy-cta__accent,
.vs-hero h1 span,
.vs-eyebrow,
.vs-section-head h2 span,
.vs-format-line b,
.vs-purpose-grid article > span,
.vs-system h2 span,
.vs-system__grid b,
.vs-price__factors li > span,
.vs-price__amount,
.make-service h1 em,
.mk-diagram > b,
.mk-steps li::before {
	color: var(--brand-accent) !important;
}

.compact-brand img {
	border-radius: 50%;
}

.ah-kicker span:first-child::before,
.ah-note,
.vs-dot,
.vs-timeline__progress b,
.social-platform--site div,
.social-platform--crm div,
.service-home__video-media span,
.keysy-faq__plus,
.faq-plus {
	background: var(--brand-accent) !important;
}

.ah-stamp,
.ah-full-cycle,
.ah-workflow-map article > b,
.video-service .vs-selected-format,
.service-home__all-cases,
.service-home__related a:hover,
.service-home__related a:focus-visible {
	border-color: var(--brand-accent) !important;
}

.service-home__related a:hover,
.service-home__related a:focus-visible {
	color: var(--brand-accent) !important;
}

.home-dna {
	--hd-accent: var(--brand-accent);
}

.hd-hero {
	background: radial-gradient(circle at 82% 10%, rgba(var(--brand-accent-rgb), .2), transparent 30%), var(--hd-ink) !important;
}

.hd-case-marquee-card:hover {
	border-color: rgba(var(--brand-accent-rgb), .4) !important;
	box-shadow: 0 28px 70px rgba(var(--brand-accent-rgb), .12) !important;
}

.compact-nav > .compact-nav__diy,
.compact-header .mobile-drawer__item--diy {
	border-color: rgba(var(--brand-accent-rgb), .28);
	background: rgba(var(--brand-accent-rgb), .09);
}

.compact-nav > .compact-nav__diy:hover,
.compact-nav > .compact-nav__diy:focus-visible {
	border-color: rgba(var(--brand-accent-rgb), .72);
	background: rgba(var(--brand-accent-rgb), .18);
}

.compact-nav__diy-icon,
.mobile-drawer__diy-icon {
	color: var(--brand-accent);
}

/* Legacy utility templates: keep layouts, replace their decorative action colour. */
body .lv2-root,
body .instruments-page-bottom {
	--lv2-primary: var(--brand-accent);
	--lv2-primary-2: var(--brand-accent-hover);
	--lv2-accent: var(--brand-accent);
	--cyber-grid-a: rgba(var(--brand-accent-rgb), .10);
	--cyber-grid-b: rgba(var(--brand-accent-rgb), .06);
	--cyber-nebula-a: rgba(var(--brand-accent-rgb), .05);
	--cyber-nebula-b: rgba(var(--brand-accent-rgb), .03);
}

body .lv2-root :is(.text-violet-400,.text-violet-500,.text-violet-600,.text-indigo-400,.text-indigo-500,.text-indigo-600,.text-blue-500,.text-blue-600,.text-purple-400,.text-purple-500,.text-purple-600) {
	color: var(--brand-accent) !important;
}

body .lv2-root :is(a,button)[class*="bg-gradient"],
body .lv2-root [class*="bg-gradient"][class*="from-blue-"]:not([class*="/10"]),
body .lv2-root [class~="bg-[#7c3aed]"] {
	background: var(--brand-accent) !important;
	color: #fff !important;
}

body .lv2-root :is(a,button)[class*="bg-gradient"]:hover {
	background: var(--brand-accent-hover) !important;
}

body .lv2-root [class*="from-violet-"],
body .lv2-root [class*="from-blue-"][class*="/10"],
body .lv2-root [class~="bg-violet-500/10"],
body .lv2-root [class~="bg-violet-500/20"] {
	background-color: rgba(var(--brand-accent-rgb), .1) !important;
}

/* Keep native platform/logo colours and the custom inner artwork of “Сделай сам”. */
.social-platform--youtube div { background: #f00 !important; }
.social-platform--telegram div { background: #229ed9 !important; }
.social-platform--vk div { background: #07f !important; }
.social-platform--zen div { background: #111 !important; }
.social-platform--rutube div { background: #0054b4 !important; }
.social-platform--yabiz div { background: #fc0 !important; color: #111 !important; }

/* Approved text-link style, 13.10.2026. Actions and navigation retain their palette. */
:root { --text-link: #245c82; --text-link-hover: #163e5a; }
:is(.section--navy,.page-hero--navy,.related-pages,.hd-hero,.hd-solution,.hd-workflow,.vs-hero,.vs-section:not(.vs-light),.gl-final,.mk-hero,.lead-form-section,.article-cta-box,.lv2-root) {
 --text-link: #8bbce0;
 --text-link-hover: #c3e1f5;
}
:is(.ah-paper,.vs-light,.single-post,.guide-landing,.gl-checkout-card,.gl-result-card) {
 --text-link: #245c82;
 --text-link-hover: #163e5a;
}
html body a[href]:not([aria-disabled="true"]) { cursor: pointer; }
html body :is(
 main :is(p,li,dd,figcaption,label) a[href],
 .single-post__content a[href],
 .article-content a[href],
 .entry-content a[href],
 .article-toc__link,
 .related-pages a[href],
 .service-home__related a[href],
 .guide-legal-links a[href],
 .ah-text-link,.gl-text-link,.hd-case-link,.services-hub__case-link,.service-home__all-cases,.vs-link
):not(:where(
 .btn,[class*="btn-"],[class*="btn_"],[class*="button"],[role="button"],
 .pagination a,.primary-nav a,.compact-nav a,.breadcrumbs a,.compact-header a,.site-footer a,.site-footer-shell a,
 a:has(img),a:has(svg),a:has(picture),[aria-disabled="true"]
)) {
 color: var(--text-link) !important;
 font-style: italic;
 text-decoration: underline;
 text-decoration-thickness: 1px;
 text-underline-offset: 3px;
}
html body :is(
 main :is(p,li,dd,figcaption,label) a[href],.single-post__content a[href],.article-content a[href],.entry-content a[href],
 .article-toc__link,.related-pages a[href],.service-home__related a[href],.guide-legal-links a[href],
 .ah-text-link,.gl-text-link,.hd-case-link,.services-hub__case-link,.service-home__all-cases,.vs-link
):not(:where(
 .btn,[class*="btn-"],[class*="btn_"],[class*="button"],[role="button"],.pagination a,.primary-nav a,.compact-nav a,.breadcrumbs a,
 .compact-header a,.site-footer a,.site-footer-shell a,a:has(img),a:has(svg),a:has(picture),[aria-disabled="true"]
)):is(:hover,:focus-visible) {
 color: var(--text-link-hover) !important;
}