/**
 * Final two-surface — Full Site Light/Dark Card Mapping
 * Every mapped card consumes one dashboard-controlled surface contract.
 * Component files own layout/content only; intentional deep featured cards remain explicit exceptions.
 */

/* --------------------------------------------------------------------------
 * LIGHT CARD CONTRACT
 * -------------------------------------------------------------------------- */
:where(
    .mr-ui-card,
    .mr-content-card,
    .post-card,
    .mr-blog-card,
    .mr-project-card,
    .mr-service-showcase-card,
    .mr-theme-mini-card,
    .mr-plugin-card:not(.mrbt-archive-showcase-card),
    .mr-pro-tool-card,
    .mrbt-service-card-premium,
    .mrbt-blog-featured,
    .mrbt-blog-card,
    .mrbt-project-case,
    .mrbt-project-case__result,
    .mrbt-about-card,
    .mrbt-about-profile__card,
    .mrbt-about-brands-card,
    .mrbt-contact-form-card,
    .mrbt-faq-item,
    .mrbt-faq-empty,
    .mrbt-testimonials-card,
    .mr-review-ledger__voice,
    
    .mrbt-terms-card,
    
    .mrbt-terms-cta,
    
    .mrbt-privacy-card,
    
    .mrbt-privacy-cta,
    
    .mrbt-refund-card,
    
    .mrbt-refund-cta,
    .mrbt-service-detail-highlight-card,
    .mrbt-pricing-card,
    .mrbt-service-detail-faq__item,
    .mrbt-v140-description-card,
    .mrbt-v140-feature-info-card,
    .mrbt-v140-receive-card,
    .mrbt-v140-reviews-card,
    .mrbt-ex-single-related-card,
    .mrbt-terms-intro,
    .mrbt-privacy-intro,
    .mrbt-refund-intro,
    .mrbt-terms-note,
    .mrbt-privacy-note,
    .mrbt-refund-note
) {
    border-width: var(--mr-card-light-border-width,1px) !important;
    border-style: solid !important;
    border-color: var(--mr-card-light-border,var(--mr-color-border)) !important;
    border-radius: var(--mr-card-light-radius) !important;
    background-color: var(--mr-card-light-bg,#fff) !important;
    background-image: linear-gradient(90deg,var(--mr-color-primary,#1e8a8a),color-mix(in srgb,var(--mr-color-primary,#1e8a8a) 72%,#8fe7e1)) !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
    background-size: 52px 2px !important;
    box-shadow: var(--mr-card-light-shadow) !important;
    box-sizing: border-box;
}

/* Direct-content light cards use the same global padding. */
:where(
    .mr-ui-card,
    .mr-content-card,
    .mr-project-card,
    .mrbt-project-case__result,
    .mrbt-about-card,
    .mrbt-about-profile__card,
    .mrbt-about-brands-card,
    .mrbt-contact-form-card,
    .mrbt-faq-empty,
    .mrbt-testimonials-card,
    .mr-review-ledger__voice,
    
    .mrbt-terms-card,
    
    .mrbt-terms-cta,
    
    .mrbt-privacy-card,
    
    .mrbt-privacy-cta,
    
    .mrbt-refund-card,
    
    .mrbt-refund-cta,
    .mrbt-service-detail-highlight-card,
    .mrbt-terms-intro,
    .mrbt-privacy-intro,
    .mrbt-refund-intro,
    .mrbt-terms-note,
    .mrbt-privacy-note,
    .mrbt-refund-note
) {
    padding: var(--mr-card-light-padding,var(--mr-card-padding)) !important;
}

/* Media/split cards keep edge-to-edge media; only the content region gets card padding. */
:where(
    .post-card__body,
    .mr-blog-card__body,
    .mrbt-blog-card__body,
    .mrbt-project-case__body,
    .mr-service-showcase-card__content,
    .mr-theme-mini-card__body,
    .mr-plugin-card__body,
    .mr-pro-tool-card__body,
    .mrbt-service-card-premium__content,
    .mrbt-ex-single-related-card__body
) {
    padding: var(--mr-card-light-padding,var(--mr-card-padding)) !important;
}

/* Accordion shells need proportional inner padding rather than shell padding. */
:where(.mrbt-faq-item summary,.mrbt-service-detail-faq__item summary) {
    padding-block: max(12px,calc(var(--mr-card-light-padding,24px) * .55)) !important;
    padding-inline: max(14px,calc(var(--mr-card-light-padding,24px) * .7)) !important;
}

/* The old alternating testimonial cards are now one consistent light-card family. */
.mr-review-ledger__voice:nth-child(n) {
    background-color: var(--mr-card-light-bg,#fff) !important;
    border-color: var(--mr-card-light-border,var(--mr-color-border)) !important;
    box-shadow: var(--mr-card-light-shadow) !important;
}
.mr-review-ledger__voice:nth-child(n) .mr-review-ledger__text {
    color: var(--mr-color-body) !important;
}
.mr-review-ledger__voice:nth-child(n) footer strong {
    color: var(--mr-color-heading) !important;
}
.mr-review-ledger__voice:nth-child(n) footer span {
    color: var(--mr-color-muted) !important;
}
.mr-review-ledger__voice:nth-child(n) footer {
    border-top-color: var(--mr-card-light-border,var(--mr-color-border)) !important;
}
.mr-review-ledger__voice:nth-child(n) .mr-review-ledger__stars {
    border-color: color-mix(in srgb,var(--mr-color-primary) 14%,var(--mr-card-light-border,var(--mr-color-border))) !important;
    background: color-mix(in srgb,var(--mr-color-primary) 7%,var(--mr-card-light-bg,#fff)) !important;
    color: var(--mr-color-primary) !important;
    box-shadow: none !important;
}
.mr-review-ledger__voice:nth-child(n) .mr-review-ledger__verified,
.mr-review-ledger__voice:nth-child(n) .mr-review-ledger__toggle {
    color: var(--mr-color-primary) !important;
}
.mr-review-ledger__voice:nth-child(n) .mr-review-ledger__quote {
    color: color-mix(in srgb,var(--mr-color-primary) 22%,transparent) !important;
}

/* Unified light hover contract. */
:where(
    .mr-ui-card,
    .mr-content-card,
    .post-card,
    .mr-blog-card,
    .mr-project-card,
    .mr-service-showcase-card,
    .mr-theme-mini-card,
    .mr-plugin-card:not(.mrbt-archive-showcase-card),
    .mr-pro-tool-card,
    .mrbt-service-card-premium,
    .mrbt-blog-featured,
    .mrbt-blog-card,
    .mrbt-project-case,
    .mrbt-project-case__result,
    .mrbt-about-card,
    .mrbt-about-profile__card,
    .mrbt-about-brands-card,
    .mrbt-testimonials-card,
    .mr-review-ledger__voice,
    .mrbt-terms-card,
    .mrbt-privacy-card,
    .mrbt-refund-card,
    .mrbt-service-detail-highlight-card,
    .mrbt-pricing-card,
    .mrbt-faq-item,
    .mrbt-service-detail-faq__item,
    .mrbt-ex-single-related-card
) {
    transition: transform .28s cubic-bezier(.2,.65,.3,1),background-color .28s ease,background-size .42s cubic-bezier(.2,.65,.3,1),border-color .28s ease,box-shadow .28s ease !important;
}
:where(
    .mr-ui-card,
    .mr-content-card,
    .post-card,
    .mr-blog-card,
    .mr-project-card,
    .mr-service-showcase-card,
    .mr-theme-mini-card,
    .mr-plugin-card:not(.mrbt-archive-showcase-card),
    .mr-pro-tool-card,
    .mrbt-service-card-premium,
    .mrbt-blog-featured,
    .mrbt-blog-card,
    .mrbt-project-case,
    .mrbt-project-case__result,
    .mrbt-about-card,
    .mrbt-about-profile__card,
    .mrbt-about-brands-card,
    .mrbt-testimonials-card,
    .mr-review-ledger__voice,
    .mrbt-terms-card,
    .mrbt-privacy-card,
    .mrbt-refund-card,
    .mrbt-service-detail-highlight-card,
    .mrbt-pricing-card,
    .mrbt-service-detail-faq__item,
    .mrbt-ex-single-related-card
):hover {
    transform: translateY(calc(var(--mr-card-light-hover-move,3px) * -1)) !important;
    background-color: var(--mr-card-light-hover-bg,var(--mr-card-light-bg,#fff)) !important;
    border-color: var(--mr-card-light-hover-border,var(--mr-color-primary)) !important;
    box-shadow: var(--mr-card-light-shadow) !important;
}

/* FAQ/details open state is visual state, not an extra design system. */
:where(.mrbt-faq-item[open],.mrbt-service-detail-faq__item[open]) {
    border-color: var(--mr-card-light-hover-border,var(--mr-color-primary)) !important;
    background-color: var(--mr-card-light-hover-bg,var(--mr-card-light-bg,#fff)) !important;
    box-shadow: var(--mr-card-light-shadow) !important;
}

/* Global Light Card accent: a thin top-left rule expands across the top edge on hover. */
:where(
    .mr-ui-card,.mr-content-card,.post-card,.mr-blog-card,.mr-project-card,
    .mr-service-showcase-card,.mr-theme-mini-card,.mr-plugin-card:not(.mrbt-archive-showcase-card),.mr-pro-tool-card,.mrbt-service-card-premium,.mrbt-blog-featured,.mrbt-blog-card,
    .mrbt-project-case,.mrbt-project-case__result,.mrbt-about-card,.mrbt-about-profile__card,
    .mrbt-about-brands-card,.mrbt-contact-form-card,.mrbt-faq-item,.mrbt-faq-empty,
    .mrbt-testimonials-card,.mr-review-ledger__voice,.mrbt-terms-card,
    .mrbt-terms-cta,.mrbt-privacy-card,
    .mrbt-privacy-cta,.mrbt-refund-card,.mrbt-refund-cta,
    .mrbt-service-detail-highlight-card,.mrbt-pricing-card,
    .mrbt-service-detail-faq__item,.mrbt-v140-description-card,.mrbt-v140-feature-info-card,
    .mrbt-v140-receive-card,.mrbt-v140-reviews-card,.mrbt-ex-single-related-card
):hover {
    background-size: 100% 2px !important;
}

/* Homepage product cards share the exact Light Card shell; component CSS owns only media/content layout. */
.mr-themes-showcase .mr-theme-mini-card,
.mr-plugins-showcase .mr-plugin-card,
.mr-pro-tools-showcase .mr-pro-tool-card {
    overflow: hidden;
}

/* --------------------------------------------------------------------------
 * DARK CARD CONTRACT — SINGLE SOURCE OF TRUTH
 * Process-card glass styling is now the canonical Dark Card language.
 * Components own layout/content only; this block owns the visual surface.
 * -------------------------------------------------------------------------- */
:where(
    .mrbt-faq-hero__panel,
    .mrbt-blog-hero__panel,
    .mrbt-faq-support,
    .mrbt-terms-panel,
    .mrbt-privacy-panel,
    .mrbt-about-map-card,
    .mrbt-service-detail-deliverable,
    .mrbt-service-detail-process__step,
    .mrbt-service-detail-cta__card,
    .mrbt-service-process__step,
    .mrbt-mrc-workflow__grid article,
    .mrbt-mrc-confidence__grid article,
    .mrbt-wa-card,
    .mr-review-ledger__voice:first-child,
    .mrbt-testimonials-grid .mrbt-testimonials-card.is-featured,
    .mrbt-services-grid .mrbt-service-card-premium.is-featured
) {
    border-width: var(--mr-card-dark-border-width,1px) !important;
    border-style: solid !important;
    border-color: var(--mr-card-dark-border,#3c6d70) !important;
    border-radius: var(--mr-card-dark-radius,12px) !important;
    background-color: color-mix(
        in srgb,
        var(--mr-card-dark-bg,#16484c) var(--mr-card-dark-surface-opacity,100%),
        transparent
    ) !important;
    background-image:
        linear-gradient(
            90deg,
            var(--mr-card-dark-accent,#75ddd7),
            color-mix(in srgb,var(--mr-card-dark-accent,#75ddd7) 62%,#ffffff)
        ),
        radial-gradient(
            circle at 100% 100%,
            transparent 0 64px,
            color-mix(in srgb,var(--mr-card-dark-accent,#75ddd7) 18%,transparent) 65px 66px,
            transparent 67px 101px,
            color-mix(in srgb,var(--mr-card-dark-accent,#75ddd7) 10%,transparent) 102px 103px,
            transparent 104px
        ) !important;
    background-repeat: no-repeat,no-repeat !important;
    background-position:
        var(--mr-card-dark-accent-inset,20px) top,
        right -18px bottom -20px !important;
    background-size:
        var(--mr-card-dark-accent-width,52px) var(--mr-card-dark-accent-height,4px),
        230px 230px !important;
    box-shadow: var(--mr-card-dark-shadow,none) !important;
    color: var(--mr-card-dark-text,#d8eeee) !important;
    backdrop-filter: blur(var(--mr-card-dark-blur,10px)) !important;
    -webkit-backdrop-filter: blur(var(--mr-card-dark-blur,10px)) !important;
    box-sizing: border-box;
}

:where(
    .mrbt-faq-hero__panel,
    .mrbt-blog-hero__panel,
    .mrbt-faq-support,
    .mrbt-terms-panel,
    .mrbt-privacy-panel,
    .mrbt-about-map-card,
    .mrbt-service-detail-deliverable,
    .mrbt-service-detail-process__step,
    .mrbt-service-detail-cta__card,
    .mrbt-service-process__step,
    .mrbt-mrc-workflow__grid article,
    .mrbt-mrc-confidence__grid article,
    .mrbt-wa-card,
    .mr-review-ledger__voice:first-child,
    .mrbt-testimonials-grid .mrbt-testimonials-card.is-featured,
    .mrbt-services-grid .mrbt-service-card-premium.is-featured
) {
    padding: var(--mr-card-dark-padding,24px) !important;
}

:where(
    .mrbt-faq-hero__panel,
    .mrbt-blog-hero__panel,
    .mrbt-faq-support,
    .mrbt-terms-panel,
    .mrbt-privacy-panel,
    .mrbt-about-map-card,
    .mrbt-service-detail-deliverable,
    .mrbt-service-detail-process__step,
    .mrbt-service-detail-cta__card,
    .mrbt-service-process__step,
    .mrbt-mrc-workflow__grid article,
    .mrbt-mrc-confidence__grid article,
    .mrbt-wa-card,
    .mr-review-ledger__voice:first-child,
    .mrbt-testimonials-grid .mrbt-testimonials-card.is-featured,
    .mrbt-services-grid .mrbt-service-card-premium.is-featured
) :where(h2,h3,h4,strong) {
    color: var(--mr-card-dark-heading,#fff) !important;
}

:where(
    .mrbt-faq-hero__panel,
    .mrbt-blog-hero__panel,
    .mrbt-faq-support,
    .mrbt-terms-panel,
    .mrbt-privacy-panel,
    .mrbt-about-map-card,
    .mrbt-service-detail-deliverable,
    .mrbt-service-detail-process__step,
    .mrbt-service-detail-cta__card,
    .mrbt-service-process__step,
    .mrbt-mrc-workflow__grid article,
    .mrbt-mrc-confidence__grid article,
    .mrbt-wa-card,
    .mr-review-ledger__voice:first-child,
    .mrbt-testimonials-grid .mrbt-testimonials-card.is-featured,
    .mrbt-services-grid .mrbt-service-card-premium.is-featured
) :where(p,li) {
    color: var(--mr-card-dark-text,#d8eeee) !important;
}

/* Interactive Dark Cards share one hover language. */
:where(
    .mrbt-faq-support,
    .mrbt-about-map-card,
    .mrbt-service-detail-deliverable,
    .mrbt-service-detail-process__step,
    .mrbt-service-process__step,
    .mrbt-mrc-workflow__grid article,
    .mrbt-mrc-confidence__grid article,
    .mrbt-wa-card,
    .mr-review-ledger__voice:first-child,
    .mrbt-testimonials-grid .mrbt-testimonials-card.is-featured,
    .mrbt-services-grid .mrbt-service-card-premium.is-featured
) {
    transition:
        transform .28s cubic-bezier(.2,.65,.3,1),
        background-color .28s ease,
        background-size .42s cubic-bezier(.2,.65,.3,1),
        border-color .28s ease,
        box-shadow .28s ease !important;
}

:where(
    .mrbt-faq-support,
    .mrbt-about-map-card,
    .mrbt-service-detail-deliverable,
    .mrbt-service-detail-process__step,
    .mrbt-service-process__step,
    .mrbt-mrc-workflow__grid article,
    .mrbt-mrc-confidence__grid article,
    .mrbt-wa-card,
    .mr-review-ledger__voice:first-child,
    .mrbt-testimonials-grid .mrbt-testimonials-card.is-featured,
    .mrbt-services-grid .mrbt-service-card-premium.is-featured
):hover {
    transform: translateY(calc(var(--mr-card-dark-hover-move,3px) * -1)) !important;
    background-color: color-mix(
        in srgb,
        var(--mr-card-dark-hover-bg,var(--mr-card-dark-bg,#16484c)) var(--mr-card-dark-surface-opacity,100%),
        transparent
    ) !important;
    background-size:
        var(--mr-card-dark-accent-max-width,calc(100% - 40px)) var(--mr-card-dark-accent-height,4px),
        150px 150px !important;
    border-color: var(--mr-card-dark-hover-border,#62c9c5) !important;
    box-shadow: var(--mr-card-dark-shadow,none) !important;
}

/* Presentation shells keep the same surface but do not physically move. */
.mrbt-service-detail-cta__card:hover,
.mrbt-terms-panel:hover,
.mrbt-privacy-panel:hover,
.mrbt-faq-hero__panel:hover,
.mrbt-blog-hero__panel:hover {
    transform: none !important;
}

/* Component-specific decorative surface layers are disabled once mapped to
   the global Dark Card contract. Their content/layout remains untouched. */
.mrbt-service-process__step::before,
.mrbt-services-grid .mrbt-service-card-premium.is-featured::before,
.mrbt-mrc-workflow__grid article::before,
.mrbt-mrc-workflow__grid article::after {
    display: none !important;
}

/* Shared connector icon between adjacent Dark Process Cards. */
:where(.mrbt-service-process__step,.mrbt-service-detail-process__step):not(:last-child)::after{
    content:"→";
    position:absolute;
    top:50%;
    z-index:20;
    display:grid;
    width:26px;
    height:26px;
    place-items:center;
    border:1px solid rgba(117,221,215,.45);
    border-radius:50%;
    background:color-mix(in srgb,var(--mr-color-secondary) 88%,#061d24);
    color:#8de7e1;
    font:800 13px/1 var(--mr-font-heading);
    box-shadow:0 8px 18px rgba(0,0,0,.24),0 0 0 5px rgba(117,221,215,.06);
    transform:translateY(-50%);
}

/* Existing explicit Final CTA exception remains borderless and position-driven. */
.mr-final-cta-card {
    border: 0 !important;
}

/* --------------------------------------------------------------------------
 * INTENTIONAL EXCLUSIONS
 * --------------------------------------------------------------------------
 * Product cards: .mrbt-product-card, .mr-pro-tool-card, .mr-theme-mini-card,
 * .mr-theme-featured-card, .mr-plugin-card, .mrbt-archive-showcase-card.
 * Pricing/package cards: .mrbt-mrc-price*, .mrbt-service-detail-price-card.
 * Transactional UI: cart/checkout/payment shells.
 * Header/search controls and hero media frames.
 */

@media(max-width:767px){
    :where(
        .mr-ui-card,
        .mr-content-card,
        .mr-project-card,
        .mrbt-about-card,
        .mrbt-about-profile__card,
        .mrbt-about-brands-card,
        .mrbt-contact-form-card,
        .mrbt-testimonials-card,
        .mr-review-ledger__voice,
        
        .mrbt-terms-card,
        
        .mrbt-terms-cta,
        
        .mrbt-privacy-card,
        
        .mrbt-privacy-cta,
        
        .mrbt-refund-card,
        
        .mrbt-refund-cta,
        .mrbt-service-detail-highlight-card,
            .mrbt-service-detail-about__content
    ) {padding:var(--mr-card-light-padding,var(--mr-card-padding)) !important}

    :where(
        .mrbt-faq-hero__panel,
        .mrbt-blog-hero__panel,
        .mrbt-faq-support,
        .mrbt-terms-panel,
        .mrbt-privacy-panel,
        .mrbt-about-map-card,
        .mrbt-service-detail-deliverable,
        .mrbt-service-detail-process__step,
        .mrbt-service-detail-cta__card,
        .mrbt-mrc-workflow__grid article,
        .mrbt-mrc-confidence__grid article,
        .mrbt-wa-card
    ) {padding:var(--mr-card-dark-padding,24px) !important}
}

@media(prefers-reduced-motion:reduce){
    :where(.mr-ui-card,.mr-content-card,.post-card,.mr-blog-card,.mr-project-card,.mr-service-showcase-card,.mrbt-service-card-premium,.mrbt-blog-featured,.mrbt-blog-card,.mrbt-project-case,.mrbt-project-case__result,.mrbt-about-card,.mrbt-about-profile__card,.mrbt-about-brands-card,.mrbt-contact-form-card,.mrbt-faq-item,.mrbt-faq-empty,.mrbt-testimonials-card,.mr-review-ledger__voice,.mrbt-terms-card,.mrbt-terms-cta,.mrbt-privacy-card,.mrbt-privacy-cta,.mrbt-refund-card,.mrbt-refund-cta,.mrbt-service-detail-highlight-card,.mrbt-service-detail-faq__item,.mrbt-v140-description-card,.mrbt-v140-feature-info-card,.mrbt-v140-receive-card,.mrbt-v140-reviews-card,.mrbt-ex-single-related-card,.mrbt-faq-hero__panel,.mrbt-blog-hero__panel,.mrbt-faq-support,.mrbt-terms-panel,.mrbt-privacy-panel,.mrbt-about-map-card,.mrbt-service-detail-deliverable,.mrbt-service-detail-process__step,.mrbt-service-detail-cta__card,.mrbt-mrc-workflow__grid article,.mrbt-mrc-confidence__grid article,.mrbt-wa-card){transition-duration:0s!important}

    :where(
        .mr-ui-card,.mr-content-card,.post-card,.mr-blog-card,.mr-project-card,
        .mr-service-showcase-card,.mrbt-service-card-premium,.mrbt-blog-featured,
        .mrbt-blog-card,.mrbt-project-case,.mrbt-project-case__result,.mrbt-about-card,
        .mrbt-about-profile__card,.mrbt-about-brands-card,.mrbt-testimonials-card,
        .mr-review-ledger__voice,.mrbt-terms-card,.mrbt-privacy-card,.mrbt-refund-card,
        .mrbt-service-detail-highlight-card,
        .mrbt-service-detail-faq__item,.mrbt-ex-single-related-card,
        .mrbt-faq-support,.mrbt-about-map-card,.mrbt-service-detail-deliverable,
        .mrbt-service-detail-process__step,.mrbt-mrc-workflow__grid article,
        .mrbt-mrc-confidence__grid article,.mrbt-wa-card
    ):hover {transform:none !important}
}

.mr-services-showcase .mr-service-showcase-card--1,
.mr-services-showcase .mr-service-showcase-card--1:hover {
    background-color: color-mix(in srgb,var(--mr-color-primary) 72%,var(--mr-color-secondary)) !important;
    background-image: linear-gradient(145deg,color-mix(in srgb,var(--mr-color-primary) 72%,var(--mr-color-secondary)) 0%,color-mix(in srgb,var(--mr-color-secondary) 68%,var(--mr-color-primary)) 100%) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    border-color: transparent !important;
    color: #fff !important;
}

.mr-services-showcase .mr-service-showcase-card {
    padding: var(--mr-card-light-padding,var(--mr-card-padding)) !important;
}

/* The shell owns the horizontal padding; avoid applying the same padding twice to nested content. */
.mr-services-showcase .mr-service-showcase-card__content {
    padding: 0 !important;
}

/* Featured media remains edge-to-edge while its offset tracks the dashboard padding exactly. */
.mr-services-showcase .mr-service-showcase-card--1 .mr-service-showcase-card__media--featured {
    margin-top: calc(-1 * var(--mr-card-light-padding,var(--mr-card-padding))) !important;
    margin-right: calc(-1 * var(--mr-card-light-padding,var(--mr-card-padding))) !important;
    margin-left: calc(-1 * var(--mr-card-light-padding,var(--mr-card-padding))) !important;
}
.mr-services-showcase .mr-service-showcase-card--1 .mr-service-showcase-card__content {
    margin-top: 0 !important;
    padding-top: var(--mr-card-light-padding,var(--mr-card-padding)) !important;
}

/* The tall Website Development card footer also follows the same global inset. */
.mr-services-showcase .mr-service-showcase-card--website-development .mr-service-showcase-card__cta {
    margin-right: calc(-1 * var(--mr-card-light-padding,var(--mr-card-padding))) !important;
    margin-bottom: calc(-1 * var(--mr-card-light-padding,var(--mr-card-padding))) !important;
    margin-left: calc(-1 * var(--mr-card-light-padding,var(--mr-card-padding))) !important;
    padding-right: var(--mr-card-light-padding,var(--mr-card-padding)) !important;
    padding-left: var(--mr-card-light-padding,var(--mr-card-padding)) !important;
}

:where(
    .mr-themes-showcase .mr-theme-mini-card,
    .mr-plugins-showcase .mr-plugin-card,
    .mr-pro-tools-showcase .mr-pro-tool-card
) {
    position: relative;
    background-image: none !important;
}
:where(
    .mr-themes-showcase .mr-theme-mini-card,
    .mr-plugins-showcase .mr-plugin-card,
    .mr-pro-tools-showcase .mr-pro-tool-card
)::after {
    content: "";
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 52px;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg,var(--mr-color-primary,#1e8a8a),color-mix(in srgb,var(--mr-color-primary,#1e8a8a) 72%,#8fe7e1));
    transition: width .42s cubic-bezier(.2,.65,.3,1);
}
:where(
    .mr-themes-showcase .mr-theme-mini-card,
    .mr-plugins-showcase .mr-plugin-card,
    .mr-pro-tools-showcase .mr-pro-tool-card
):hover::after {
    width: 100%;
}
@media(prefers-reduced-motion:reduce){
    :where(.mr-themes-showcase .mr-theme-mini-card,.mr-plugins-showcase .mr-plugin-card,.mr-pro-tools-showcase .mr-pro-tool-card)::after{transition:none}
}


.mr-plugins-showcase .mr-plugin-card--coming {
    padding: var(--mr-card-light-padding,var(--mr-card-padding)) !important;
    background-color: color-mix(
        in srgb,
        var(--mr-color-primary,#1e8a8a) 5%,
        var(--mr-card-light-bg,#fff)
    ) !important;
}
.mr-plugins-showcase .mr-plugin-card--coming .mr-plugin-card__body {
    padding: 0 !important;
}
.mr-plugins-showcase .mr-plugin-card--coming:hover {
    background-color: color-mix(
        in srgb,
        var(--mr-color-primary,#1e8a8a) 8%,
        var(--mr-card-light-hover-bg,var(--mr-card-light-bg,#fff))
    ) !important;
}



.mr-review-ledger__voice:first-child .mr-review-ledger__text {
    color: var(--mr-card-dark-text,rgba(255,255,255,.82)) !important;
}

.mr-review-ledger__voice:first-child footer strong {
    color: var(--mr-card-dark-heading,#fff) !important;
}

.mr-review-ledger__voice:first-child footer span {
    color: color-mix(in srgb,var(--mr-card-dark-text,rgba(255,255,255,.82)) 82%,transparent) !important;
}

.mr-review-ledger__voice:first-child footer {
    border-top-color: color-mix(in srgb,var(--mr-card-dark-border,rgba(255,255,255,.16)) 86%,transparent) !important;
}

.mr-review-ledger__voice:first-child .mr-review-ledger__stars {
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.10) !important;
    color: color-mix(in srgb,var(--mr-color-primary,#1e8a8a) 42%,#d8fffd) !important;
}

.mr-review-ledger__voice:first-child .mr-review-ledger__verified,
.mr-review-ledger__voice:first-child .mr-review-ledger__toggle {
    color: color-mix(in srgb,var(--mr-color-primary,#1e8a8a) 42%,#d8fffd) !important;
}

.mr-review-ledger__voice:first-child:hover {
    background-color: var(--mr-card-dark-hover-bg,var(--mr-card-dark-bg,#082f33)) !important;
    border-color: var(--mr-card-dark-hover-border,var(--mr-card-dark-border,rgba(255,255,255,.16))) !important;
}



.mr-review-ledger__voice:first-child .mr-review-ledger__quote {
    color: rgba(255,255,255,.34) !important;
}


.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured .mrbt-testimonials-card__title,
.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured footer strong {
    color: var(--mr-card-dark-heading,#fff) !important;
}
.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured .mrbt-testimonials-card__text {
    color: var(--mr-card-dark-text,rgba(255,255,255,.84)) !important;
}
.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured footer span {
    color: color-mix(in srgb,var(--mr-card-dark-text,rgba(255,255,255,.84)) 78%,transparent) !important;
}
.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured footer {
    border-top-color: var(--mr-card-dark-border,rgba(255,255,255,.16)) !important;
}



.mrbt-services-grid .mrbt-service-card-premium.is-featured h3,
.mrbt-services-grid .mrbt-service-card-premium.is-featured h3 a,
.mrbt-services-grid .mrbt-service-card-premium.is-featured .mrbt-service-card-premium__meta strong {
    color: var(--mr-card-dark-heading,#fff) !important;
}

.mrbt-services-grid .mrbt-service-card-premium.is-featured > p,
.mrbt-services-grid .mrbt-service-card-premium.is-featured li {
    color: var(--mr-card-dark-text,rgba(255,255,255,.84)) !important;
}

.mrbt-services-grid .mrbt-service-card-premium.is-featured .mrbt-service-card-premium__meta small {
    color: color-mix(in srgb,var(--mr-card-dark-text,rgba(255,255,255,.84)) 76%,transparent) !important;
}

.mrbt-services-grid .mrbt-service-card-premium.is-featured:hover {
    background-color: var(--mr-card-dark-hover-bg,var(--mr-card-dark-bg,#0b3437)) !important;
    border-color: var(--mr-card-dark-hover-border,var(--mr-card-dark-border,rgba(255,255,255,.16))) !important;
}


/* v0.28.4 — Dark Card regression fix for homepage/testimonials/services.
   The first featured card must have the canonical deep surface at rest,
   not only on hover. */
.mr-review-ledger__voice:first-child,
.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured,
.mrbt-services-grid .mrbt-service-card-premium.is-featured {
    background-color: color-mix(
        in srgb,
        var(--mr-card-dark-bg,#16484c) var(--mr-card-dark-surface-opacity,100%),
        transparent
    ) !important;
    color: var(--mr-card-dark-text,#d8eeee) !important;
}

.mr-review-ledger__voice:first-child :where(h2,h3,h4,strong),
.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured :where(h2,h3,h4,strong),
.mrbt-services-grid .mrbt-service-card-premium.is-featured :where(h2,h3,h4,strong) {
    color: var(--mr-card-dark-heading,#fff) !important;
}

.mr-review-ledger__voice:first-child :where(p,li,span),
.mrbt-testimonials-grid .mrbt-testimonials-card.is-featured :where(p,li,span),
.mrbt-services-grid .mrbt-service-card-premium.is-featured :where(p,li,span) {
    color: var(--mr-card-dark-text,#d8eeee);
}





/* v0.29.12 — Global wide Light Card accent motion.
 * Wide cards no longer stretch the top rule via background-size. They share one
 * transform-based accent animation so perceived speed stays consistent across
 * Refund, Terms, Privacy and other full-width policy/content cards.
 */
:where(
    .mrbt-terms-intro,
    .mrbt-privacy-intro,
    .mrbt-refund-intro,
    .mrbt-terms-note,
    .mrbt-privacy-note,
    .mrbt-refund-note
){
    position:relative!important;
    overflow:hidden!important;
}

:where(
    .mrbt-terms-intro,
    .mrbt-privacy-intro,
    .mrbt-refund-intro,
    .mrbt-terms-note,
    .mrbt-privacy-note,
    .mrbt-refund-note
)::before{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:100%;
    height:2px;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        var(--mr-color-primary,#1e8a8a),
        color-mix(in srgb,var(--mr-color-primary,#1e8a8a) 72%,#8fe7e1)
    );
    transform:scaleX(.045);
    transform-origin:left center;
    transition:transform .72s cubic-bezier(.22,.61,.36,1);
}

:where(
    .mrbt-terms-intro,
    .mrbt-privacy-intro,
    .mrbt-refund-intro,
    .mrbt-terms-note,
    .mrbt-privacy-note,
    .mrbt-refund-note
):hover::before{
    transform:scaleX(1);
}

@media(prefers-reduced-motion:reduce){
    :where(
    .mrbt-terms-intro,
    .mrbt-privacy-intro,
    .mrbt-refund-intro,
    .mrbt-terms-note,
    .mrbt-privacy-note,
    .mrbt-refund-note
    )::before{
        transition:none!important;
    }
}