/*
 * v0.29.4 — Strict Hero scope.
 * Global Hero styling is limited to explicit hero wrappers only.
 * Normal content sections keep their own typography and surfaces.
 */

/*
 * Global Hero System.
 * Only Light Hero and Dark Hero own hero surface/background/ring styling.
 */
:where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
){
	position:relative!important;
	overflow:hidden!important;
	isolation:isolate;
}

/* v0.29.1 — Legacy hero-decoration cleanup.
 * Any page-specific ::before decoration is disabled. The canonical ::after
 * below is the only ring allowed on a hero surface.
 */
:where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
)::before{
	content:none!important;
	display:none!important;
	background:none!important;
	border:0!important;
	box-shadow:none!important;
}

:where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
)::after{
	content:""!important;
	position:absolute!important;
	z-index:0!important;
	right:var(--mr-hero-ring-right,-140px)!important;
	bottom:var(--mr-hero-ring-bottom,-210px)!important;
	width:var(--mr-hero-ring-size,430px)!important;
	height:var(--mr-hero-ring-size,430px)!important;
	border:1px solid color-mix(in srgb,var(--mr-hero-ring-color,#61ded9) 22%,transparent)!important;
	border-radius:50%!important;
	background:transparent!important;
	box-shadow:0 0 0 46px color-mix(in srgb,var(--mr-hero-ring-color,#61ded9) 5%,transparent),0 0 0 92px color-mix(in srgb,var(--mr-hero-ring-color,#61ded9) 3.5%,transparent)!important;
	pointer-events:none!important;
}
:where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
)>*{position:relative;z-index:1}

.mrbt-hero-style-light :where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
){
	background:var(--mr-hero-light-bg,#eef8f7)!important;
	color:var(--mr-hero-light-text,#334155)!important;
}
.mrbt-hero-style-light :where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
) :where(h1,h2,h3):not(.mrbt-contact-support__title){
	color:var(--mr-hero-light-heading,#07142b)!important;
}

.mrbt-hero-style-dark :where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
){
	background:
		radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--mr-hero-dark-glow,#27b5ab) 24%,transparent),transparent 28%),
		radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--mr-hero-dark-glow,#27b5ab) 16%,transparent),transparent 26%),
		linear-gradient(118deg,var(--mr-hero-dark-start,#0b2630) 0%,var(--mr-hero-dark-mid,#103d42) 54%,var(--mr-hero-dark-end,#0b3038) 100%)!important;
	color:var(--mr-hero-dark-text,#c8dadc)!important;
}
.mrbt-hero-style-dark :where(
	.mr-hero,
	.mrbt-about-hero,
	.mrbt-projects-hero,
	.mrbt-contact-hero,
	.mrbt-services-hero,
	.mrbt-testimonials-hero,
	.mrbt-faq-hero,
	.mrbt-blog-hero,
	.mrbt-privacy-hero,
	.mrbt-refund-hero,
	.mrbt-terms-hero,
	.mrbt-service-detail-hero,
	.mrbt-mrc-hero,
	.mrbt-catalog-hero,
	.mrbt-ex-single-hero,
	.mrbt-product-hero
) :where(h1,h2,h3):not(.mrbt-contact-support__title){
	color:var(--mr-hero-dark-heading,#fff)!important;
}

/* v0.29.2 — Hero foreground scope fix.
 * Do not force colors onto component UI inside a hero (video cards, badges,
 * buttons, media overlays, etc.). Only semantic hero copy is controlled here.
 */

/* v0.29.3 — Hero heading scope fix.
 * Nested <strong> elements belong to their components (video overlays, badges,
 * cards, etc.). Global Hero heading color targets actual hero titles only.
 */

/* v0.29.5 — Strict Hero typography scope.
 * Hero title/description/eyebrow colors apply only inside explicit hero wrappers.
 * Body-level Light/Dark classes must never recolor normal page sections.
 */
.mrbt-hero-style-light :where(.mrbt-about-hero,
.mrbt-projects-hero,
.mrbt-contact-hero,
.mrbt-services-hero,
.mrbt-testimonials-hero,
.mrbt-faq-hero,
.mrbt-blog-hero,
.mrbt-privacy-hero,
.mrbt-refund-hero,
.mrbt-terms-hero,
.mrbt-service-detail-hero,
.mrbt-mrc-hero,
.mrbt-catalog-hero,
.mrbt-ex-single-hero,
.mrbt-product-hero) :where(
    .mr-hero__title,
    .mr-page-hero__title,
    .mr-archive-hero__title,
    .mrbt-hero-title,
    .mr-section-heading__title
){
    color:var(--mr-hero-light-heading,#07142b)!important;
}

.mrbt-hero-style-dark :where(.mrbt-about-hero,
.mrbt-projects-hero,
.mrbt-contact-hero,
.mrbt-services-hero,
.mrbt-testimonials-hero,
.mrbt-faq-hero,
.mrbt-blog-hero,
.mrbt-privacy-hero,
.mrbt-refund-hero,
.mrbt-terms-hero,
.mrbt-service-detail-hero,
.mrbt-mrc-hero,
.mrbt-catalog-hero,
.mrbt-ex-single-hero,
.mrbt-product-hero) :where(
    .mr-hero__title,
    .mr-page-hero__title,
    .mr-archive-hero__title,
    .mrbt-hero-title,
    .mr-section-heading__title
){
    color:var(--mr-hero-dark-heading,#fff)!important;
}

.mrbt-hero-style-light :where(.mrbt-about-hero,
.mrbt-projects-hero,
.mrbt-contact-hero,
.mrbt-services-hero,
.mrbt-testimonials-hero,
.mrbt-faq-hero,
.mrbt-blog-hero,
.mrbt-privacy-hero,
.mrbt-refund-hero,
.mrbt-terms-hero,
.mrbt-service-detail-hero,
.mrbt-mrc-hero,
.mrbt-catalog-hero,
.mrbt-ex-single-hero,
.mrbt-product-hero) :where(
    .mr-hero__description,
    .mr-page-hero__description,
    .mr-archive-hero__description,
    .mrbt-hero-description,
    .mr-section-heading__description
){
    color:var(--mr-hero-light-text,#334155)!important;
}

.mrbt-hero-style-dark :where(.mrbt-about-hero,
.mrbt-projects-hero,
.mrbt-contact-hero,
.mrbt-services-hero,
.mrbt-testimonials-hero,
.mrbt-faq-hero,
.mrbt-blog-hero,
.mrbt-privacy-hero,
.mrbt-refund-hero,
.mrbt-terms-hero,
.mrbt-service-detail-hero,
.mrbt-mrc-hero,
.mrbt-catalog-hero,
.mrbt-ex-single-hero,
.mrbt-product-hero) :where(
    .mr-hero__description,
    .mr-page-hero__description,
    .mr-archive-hero__description,
    .mrbt-hero-description,
    .mr-section-heading__description
){
    color:var(--mr-hero-dark-text,#c8dadc)!important;
}

.mrbt-hero-style-light :where(.mrbt-about-hero,
.mrbt-projects-hero,
.mrbt-contact-hero,
.mrbt-services-hero,
.mrbt-testimonials-hero,
.mrbt-faq-hero,
.mrbt-blog-hero,
.mrbt-privacy-hero,
.mrbt-refund-hero,
.mrbt-terms-hero,
.mrbt-service-detail-hero,
.mrbt-mrc-hero,
.mrbt-catalog-hero,
.mrbt-ex-single-hero,
.mrbt-product-hero) :where(
    .mr-eyebrow,
    .mr-section-heading__eyebrow,
    .mr-hero__eyebrow
){
    color:var(--mr-hero-light-eyebrow,#1e8a8a)!important;
}

.mrbt-hero-style-dark :where(.mrbt-about-hero,
.mrbt-projects-hero,
.mrbt-contact-hero,
.mrbt-services-hero,
.mrbt-testimonials-hero,
.mrbt-faq-hero,
.mrbt-blog-hero,
.mrbt-privacy-hero,
.mrbt-refund-hero,
.mrbt-terms-hero,
.mrbt-service-detail-hero,
.mrbt-mrc-hero,
.mrbt-catalog-hero,
.mrbt-ex-single-hero,
.mrbt-product-hero) :where(
    .mr-eyebrow,
    .mr-section-heading__eyebrow,
    .mr-hero__eyebrow
){
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    padding:var(--mr-hero-dark-eyebrow-py,7px) var(--mr-hero-dark-eyebrow-px,12px)!important;
    border:var(--mr-hero-dark-eyebrow-border-width,1px) solid var(--mr-hero-dark-eyebrow-border,#3e7476)!important;
    border-radius:var(--mr-hero-dark-eyebrow-radius,999px)!important;
    background:var(--mr-hero-dark-eyebrow-bg,#123f43)!important;
    color:var(--mr-hero-dark-eyebrow,#8fe7e0)!important;
    box-shadow:0 6px 16px rgba(0,0,0,.08)!important;
}


/* v0.29.6 — Deep Hero eyebrow readability.
 * The eyebrow/subheading pill is now part of the canonical Dark Hero design.
 */
.mrbt-hero-style-dark :where(
    .mrbt-about-hero,
    .mrbt-projects-hero,
    .mrbt-contact-hero,
    .mrbt-services-hero,
    .mrbt-testimonials-hero,
    .mrbt-faq-hero,
    .mrbt-blog-hero,
    .mrbt-privacy-hero,
    .mrbt-refund-hero,
    .mrbt-terms-hero,
    .mrbt-service-detail-hero,
    .mrbt-mrc-hero,
    .mrbt-catalog-hero,
    .mrbt-ex-single-hero,
    .mrbt-product-hero
) :where(
    .mr-eyebrow,
    .mr-section-heading__eyebrow,
    .mr-hero__eyebrow
) :where(span,strong,small){
    color:inherit!important;
}


/* v0.29.7 — Homepage full Hero surface.
 * The Homepage hero now participates in the same explicit Global Hero System
 * as every other supported page hero. Its entire wrapper receives the selected
 * Light/Dark Hero background and shared ring while internal layout stays intact.
 */
body.home .mr-hero,
body.front-page .mr-hero,
body.home.mrbt-hero-style-light .mr-hero,
body.home.mrbt-hero-style-dark .mr-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate;
}


/* v0.29.8 — Dark Hero eyebrow contrast hardening.
 * Force readable accent text/icon inside the canonical Dark Hero pill even when
 * individual page/component CSS sets darker child colors.
 */
.mrbt-hero-style-dark :where(
    .mrbt-about-hero,
    .mrbt-projects-hero,
    .mrbt-contact-hero,
    .mrbt-services-hero,
    .mrbt-testimonials-hero,
    .mrbt-faq-hero,
    .mrbt-blog-hero,
    .mrbt-privacy-hero,
    .mrbt-refund-hero,
    .mrbt-terms-hero,
    .mrbt-service-detail-hero,
    .mrbt-mrc-hero,
    .mrbt-catalog-hero,
    .mrbt-ex-single-hero,
    .mrbt-product-hero,
    .mr-hero
) :where(
    .mr-eyebrow,
    .mr-section-heading__eyebrow,
    .mr-hero__eyebrow
){
    background:var(--mr-hero-dark-eyebrow-bg,#123f43)!important;
    border-color:var(--mr-hero-dark-eyebrow-border,#3e7476)!important;
    color:var(--mr-hero-dark-eyebrow,#8fe7e0)!important;
}

.mrbt-hero-style-dark :where(
    .mrbt-about-hero,
    .mrbt-projects-hero,
    .mrbt-contact-hero,
    .mrbt-services-hero,
    .mrbt-testimonials-hero,
    .mrbt-faq-hero,
    .mrbt-blog-hero,
    .mrbt-privacy-hero,
    .mrbt-refund-hero,
    .mrbt-terms-hero,
    .mrbt-service-detail-hero,
    .mrbt-mrc-hero,
    .mrbt-catalog-hero,
    .mrbt-ex-single-hero,
    .mrbt-product-hero,
    .mr-hero
) :where(
    .mr-eyebrow,
    .mr-section-heading__eyebrow,
    .mr-hero__eyebrow
) :where(*,span,strong,small,i,svg){
    color:var(--mr-hero-dark-eyebrow,#8fe7e0)!important;
    fill:currentColor!important;
    stroke:currentColor!important;
}