/* Website Design Galaxy v166: professional studio visual system */

html[data-theme] {
  --studio-page: #0a0e13;
  --studio-page-alt: #111821;
  --studio-surface: #f4f5f6;
  --studio-surface-alt: #e9edf0;
  --studio-ink: #171c22;
  --studio-copy: #4b5661;
  --studio-on-dark: #f2f4f5;
  --studio-on-dark-muted: #bcc5cd;
  --studio-accent: #2f767b;
  --studio-accent-hover: #235b60;
  --studio-accent-soft: #70b9bb;
  --studio-metal: #b99b5d;
  --studio-border: #cfd5da;
  --studio-border-dark: rgba(232, 237, 240, .2);
  --studio-header: rgba(10, 14, 19, .96);
  --studio-header-alt: #141c25;
  --studio-header-text: #f4f6f7;
  --studio-header-muted: #c2c9cf;
  --studio-control: #17212b;
  --studio-control-hover: #23333e;
  --studio-active: #e8ebed;
  --studio-active-text: #10161c;
  --studio-dark-panel: rgba(15, 21, 29, .94);
  --studio-focus: #6bc2c4;
  --studio-shadow: 0 16px 38px rgba(3, 7, 11, .22);
  --studio-shadow-soft: 0 8px 22px rgba(3, 7, 11, .12);
  --studio-radius: 5px;
  --studio-radius-small: 3px;
  --studio-transition: 180ms ease;

  /* Existing components consume these variables. */
  --plum: #171c22;
  --purple: #334651;
  --violet: #42989b;
  --lav: #e9edf0;
  --lav2: #f4f5f6;
  --ink: #171c22;
  --muted: #4b5661;
  --line: #cfd5da;
  --aqua: #42989b;
  --theme-deep: #0a0e13;
  --theme-mid: #17212b;
  --theme-accent: #42989b;
  --theme-aqua: #70b9bb;
  --theme-soft: #e9edf0;
  --theme-soft-2: #f4f5f6;
  --theme-panel: rgba(244, 245, 246, .97);
  --theme-card-tint: rgba(244, 245, 246, .98);
  --theme-link: #2f767b;
  --theme-contrast: #f2f4f5;
  --theme-hero-a: rgba(7, 10, 14, .8);
  --theme-hero-b: rgba(13, 19, 26, .94);
  --theme-glow-a: rgba(66, 152, 155, .13);
  --theme-glow-b: rgba(185, 155, 93, .1);
  --theme-card-title: #d4bd86;
  --theme-card-kicker: #d4bd86;
  --theme-border-strong: rgba(112, 185, 187, .42);
  --theme-button: #2f767b;
  --theme-link-bg: #d8c089;
  --theme-button-shadow: 0 10px 24px rgba(3, 7, 11, .2);
  --theme-card-shadow: 0 18px 42px rgba(3, 7, 11, .24);
  --readable-panel-bg: #f4f5f6;
  --readable-text: #171c22;
  --readable-muted: #4b5661;
  --readable-accent: #2f767b;
}

html[data-theme="light"] {
  --studio-page: #f3f5f6;
  --studio-page-alt: #e8ecef;
  --studio-surface: #ffffff;
  --studio-surface-alt: #edf0f2;
  --studio-ink: #121920;
  --studio-copy: #46515c;
  --studio-on-dark: #f4f7f8;
  --studio-on-dark-muted: #c5cdd3;
  --studio-accent: #1b5b60;
  --studio-accent-hover: #103f43;
  --studio-accent-soft: #398c91;
  --studio-metal: #8c713e;
  --studio-border: #c8cfd4;
  --studio-header: rgba(250, 251, 252, .97);
  --studio-header-alt: #e9edf0;
  --studio-header-text: #121920;
  --studio-header-muted: #4d5862;
  --studio-control: #e7ebee;
  --studio-control-hover: #d7dee2;
  --studio-active: #17212a;
  --studio-active-text: #f6f8f9;
  --studio-dark-panel: #17212a;
  --studio-focus: #267e84;
  --plum: #121920;
  --purple: #2d5961;
  --violet: #236f75;
  --lav: #e8ecef;
  --lav2: #f6f7f8;
  --ink: #121920;
  --muted: #46515c;
  --line: #c8cfd4;
  --aqua: #236f75;
  --theme-deep: #f3f5f6;
  --theme-mid: #e1e6e9;
  --theme-accent: #236f75;
  --theme-aqua: #398c91;
  --theme-soft: #edf0f2;
  --theme-soft-2: #ffffff;
  --theme-panel: rgba(255, 255, 255, .98);
  --theme-card-tint: rgba(255, 255, 255, .99);
  --theme-link: #1c6268;
  --theme-contrast: #121920;
  --theme-hero-a: rgba(248, 250, 251, .9);
  --theme-hero-b: rgba(229, 235, 238, .94);
  --theme-glow-a: rgba(35, 111, 117, .09);
  --theme-glow-b: rgba(140, 113, 62, .07);
  --theme-card-title: #173e43;
  --theme-card-kicker: #69552f;
  --theme-border-strong: rgba(35, 111, 117, .38);
  --theme-button: #236f75;
  --theme-link-bg: #d8c089;
  --readable-panel-bg: #ffffff;
  --readable-text: #121920;
  --readable-muted: #46515c;
  --readable-accent: #1c6268;
}

html[data-theme="solar"] {
  --studio-page: #15120e;
  --studio-page-alt: #262018;
  --studio-surface: #f5f1e9;
  --studio-surface-alt: #e9e0d0;
  --studio-ink: #211c17;
  --studio-copy: #5d5348;
  --studio-accent: #8e5d2b;
  --studio-accent-hover: #6e461e;
  --studio-accent-soft: #d0a062;
  --studio-metal: #c49a55;
  --studio-border: #d5c9b7;
  --studio-header: rgba(22, 18, 13, .97);
  --studio-header-alt: #2b241a;
  --studio-control: #2c251d;
  --studio-control-hover: #44382a;
  --studio-active: #e7d8bd;
  --studio-active-text: #21180e;
  --studio-dark-panel: #241d16;
  --studio-focus: #d0a062;
  --plum: #211c17;
  --purple: #684c30;
  --violet: #b77b39;
  --lav: #e9e0d0;
  --lav2: #f5f1e9;
  --ink: #211c17;
  --muted: #5d5348;
  --line: #d5c9b7;
  --aqua: #4c8588;
  --theme-deep: #15120e;
  --theme-mid: #30271c;
  --theme-accent: #b77b39;
  --theme-aqua: #6a999a;
  --theme-soft: #e9e0d0;
  --theme-soft-2: #f5f1e9;
  --theme-panel: rgba(245, 241, 233, .98);
  --theme-card-tint: rgba(245, 241, 233, .98);
  --theme-link: #875a2f;
  --theme-contrast: #f6f1e8;
  --theme-card-title: #e3c894;
  --theme-card-kicker: #e3c894;
  --theme-border-strong: rgba(208, 160, 98, .42);
  --theme-button: #875a2f;
  --theme-link-bg: #d8bd86;
  --readable-panel-bg: #f5f1e9;
  --readable-text: #211c17;
  --readable-muted: #5d5348;
  --readable-accent: #875a2f;
}

html[data-theme="midnight"] {
  --studio-page: #07101b;
  --studio-page-alt: #111d2b;
  --studio-surface: #f0f3f6;
  --studio-surface-alt: #e1e7ed;
  --studio-ink: #141d27;
  --studio-copy: #4b5a68;
  --studio-accent: #3c6080;
  --studio-accent-hover: #2c4a64;
  --studio-accent-soft: #79a4c2;
  --studio-metal: #a9a17d;
  --studio-border: #c7d0d9;
  --studio-header: rgba(7, 16, 27, .97);
  --studio-header-alt: #142235;
  --studio-control: #152438;
  --studio-control-hover: #213651;
  --studio-active: #dce6ee;
  --studio-active-text: #111a24;
  --studio-dark-panel: #101b29;
  --studio-focus: #79a4c2;
  --plum: #141d27;
  --purple: #385a75;
  --violet: #527ca3;
  --lav: #e1e7ed;
  --lav2: #f0f3f6;
  --ink: #141d27;
  --muted: #4b5a68;
  --line: #c7d0d9;
  --aqua: #5f9dab;
  --theme-deep: #07101b;
  --theme-mid: #142235;
  --theme-accent: #527ca3;
  --theme-aqua: #79a4c2;
  --theme-soft: #e1e7ed;
  --theme-soft-2: #f0f3f6;
  --theme-panel: rgba(240, 243, 246, .98);
  --theme-card-tint: rgba(240, 243, 246, .98);
  --theme-link: #3c6080;
  --theme-contrast: #f2f5f7;
  --theme-card-title: #c8dae7;
  --theme-card-kicker: #c8dae7;
  --theme-border-strong: rgba(121, 164, 194, .42);
  --theme-button: #3c6080;
  --theme-link-bg: #c9d9e5;
  --readable-panel-bg: #f0f3f6;
  --readable-text: #141d27;
  --readable-muted: #4b5a68;
  --readable-accent: #3c6080;
}

html[data-theme="nebula"] {
  --studio-page: #120f16;
  --studio-page-alt: #211b27;
  --studio-surface: #f3f0f3;
  --studio-surface-alt: #e7e0e8;
  --studio-ink: #201a22;
  --studio-copy: #5b515d;
  --studio-accent: #604a67;
  --studio-accent-hover: #49374f;
  --studio-accent-soft: #a68aaa;
  --studio-metal: #ad9567;
  --studio-border: #d1c8d2;
  --studio-header: rgba(18, 15, 22, .97);
  --studio-header-alt: #29212f;
  --studio-control: #2a2230;
  --studio-control-hover: #403448;
  --studio-active: #e5dfe6;
  --studio-active-text: #201822;
  --studio-dark-panel: #211a27;
  --studio-focus: #a68aaa;
  --plum: #201a22;
  --purple: #624c68;
  --violet: #806487;
  --lav: #e7e0e8;
  --lav2: #f3f0f3;
  --ink: #201a22;
  --muted: #5b515d;
  --line: #d1c8d2;
  --aqua: #5d9398;
  --theme-deep: #120f16;
  --theme-mid: #29212f;
  --theme-accent: #806487;
  --theme-aqua: #6da0a4;
  --theme-soft: #e7e0e8;
  --theme-soft-2: #f3f0f3;
  --theme-panel: rgba(243, 240, 243, .98);
  --theme-card-tint: rgba(243, 240, 243, .98);
  --theme-link: #604a67;
  --theme-contrast: #f5f2f5;
  --theme-card-title: #d9c5dc;
  --theme-card-kicker: #d9c5dc;
  --theme-border-strong: rgba(166, 138, 170, .42);
  --theme-button: #604a67;
  --theme-link-bg: #d5c2d7;
  --readable-panel-bg: #f3f0f3;
  --readable-text: #201a22;
  --readable-muted: #5b515d;
  --readable-accent: #604a67;
}

html[data-theme="emerald"] {
  --studio-page: #08130f;
  --studio-page-alt: #14251e;
  --studio-surface: #f0f4f1;
  --studio-surface-alt: #e0e9e3;
  --studio-ink: #15221c;
  --studio-copy: #4a5b52;
  --studio-accent: #315f49;
  --studio-accent-hover: #254838;
  --studio-accent-soft: #69a184;
  --studio-metal: #aa9b65;
  --studio-border: #c5d1ca;
  --studio-header: rgba(8, 19, 15, .97);
  --studio-header-alt: #172a22;
  --studio-control: #182b23;
  --studio-control-hover: #254136;
  --studio-active: #dce8e1;
  --studio-active-text: #112019;
  --studio-dark-panel: #12231c;
  --studio-focus: #69a184;
  --plum: #15221c;
  --purple: #315f49;
  --violet: #438162;
  --lav: #e0e9e3;
  --lav2: #f0f4f1;
  --ink: #15221c;
  --muted: #4a5b52;
  --line: #c5d1ca;
  --aqua: #4f8d79;
  --theme-deep: #08130f;
  --theme-mid: #172a22;
  --theme-accent: #438162;
  --theme-aqua: #69a184;
  --theme-soft: #e0e9e3;
  --theme-soft-2: #f0f4f1;
  --theme-panel: rgba(240, 244, 241, .98);
  --theme-card-tint: rgba(240, 244, 241, .98);
  --theme-link: #315f49;
  --theme-contrast: #f1f5f2;
  --theme-card-title: #c8d9cf;
  --theme-card-kicker: #c8d9cf;
  --theme-border-strong: rgba(105, 161, 132, .42);
  --theme-button: #315f49;
  --theme-link-bg: #c7d8cc;
  --readable-panel-bg: #f0f4f1;
  --readable-text: #15221c;
  --readable-muted: #4a5b52;
  --readable-accent: #315f49;
}

html[data-theme="crimson"] {
  --studio-page: #170c0e;
  --studio-page-alt: #2a1a1d;
  --studio-surface: #f5f1f1;
  --studio-surface-alt: #e9dfdf;
  --studio-ink: #261a1c;
  --studio-copy: #625154;
  --studio-accent: #6f343b;
  --studio-accent-hover: #54272d;
  --studio-accent-soft: #b36b72;
  --studio-metal: #b19462;
  --studio-border: #d4c6c8;
  --studio-header: rgba(23, 12, 14, .97);
  --studio-header-alt: #321f22;
  --studio-control: #332024;
  --studio-control-hover: #4a2e33;
  --studio-active: #eadedf;
  --studio-active-text: #261619;
  --studio-dark-panel: #29191c;
  --studio-focus: #b36b72;
  --plum: #261a1c;
  --purple: #6f343b;
  --violet: #91474f;
  --lav: #e9dfdf;
  --lav2: #f5f1f1;
  --ink: #261a1c;
  --muted: #625154;
  --line: #d4c6c8;
  --aqua: #628e8c;
  --theme-deep: #170c0e;
  --theme-mid: #321f22;
  --theme-accent: #91474f;
  --theme-aqua: #779f9c;
  --theme-soft: #e9dfdf;
  --theme-soft-2: #f5f1f1;
  --theme-panel: rgba(245, 241, 241, .98);
  --theme-card-tint: rgba(245, 241, 241, .98);
  --theme-link: #6f343b;
  --theme-contrast: #f7f2f2;
  --theme-card-title: #e0c7ca;
  --theme-card-kicker: #e0c7ca;
  --theme-border-strong: rgba(179, 107, 114, .42);
  --theme-button: #6f343b;
  --theme-link-bg: #dcc2c4;
  --readable-panel-bg: #f5f1f1;
  --readable-text: #261a1c;
  --readable-muted: #625154;
  --readable-accent: #6f343b;
}

html {
  background: var(--studio-page);
}

body {
  background-color: var(--studio-page);
  color: var(--studio-ink);
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
.price,
.sale-price {
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
  letter-spacing: 0 !important;
}

h1 {
  line-height: 1.09;
  font-weight: 750 !important;
}

h2 {
  line-height: 1.14;
  font-weight: 750 !important;
}

h3,
h4 {
  line-height: 1.27;
  font-weight: 750 !important;
}

.site-header {
  background: var(--studio-header) !important;
  border-bottom: 1px solid var(--studio-border-dark) !important;
  box-shadow: 0 10px 28px rgba(2, 5, 8, .22) !important;
  backdrop-filter: blur(16px) saturate(.85);
}

.nav-wrap {
  gap: 12px !important;
  padding-block: 10px !important;
}

.site-header .brand,
.site-header .brand span {
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.site-header .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.site-header .brand::before {
  content: "";
  width: 9px;
  height: 9px;
  border: 1px solid var(--studio-metal);
  background: var(--studio-accent);
  box-shadow: 0 0 0 3px rgba(66, 152, 155, .12);
}

.site-header .brand span::before {
  content: none !important;
  display: none !important;
}

.site-nav { gap: 0 !important; }

.site-header .site-nav a:not(.nav-cta) {
  min-height: 38px;
  padding: 10px 11px 8px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--studio-header-muted) !important;
  -webkit-text-fill-color: var(--studio-header-muted) !important;
  text-shadow: none !important;
  transition: color var(--studio-transition), background var(--studio-transition), border-color var(--studio-transition) !important;
}

.site-header .site-nav a:not(.nav-cta):is(:hover, :focus-visible) {
  background: rgba(255, 255, 255, .055) !important;
  border-bottom-color: var(--studio-accent-soft) !important;
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
}

.site-header .site-nav a:not(.nav-cta):is(.active, [aria-current="page"]) {
  background: rgba(255, 255, 255, .075) !important;
  border-bottom-color: var(--studio-metal) !important;
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
}

.site-header .site-nav .nav-cta,
.site-header .menu-btn,
.site-header .theme-picker-label,
.header-coupon-apply,
.header-coupon-form input {
  border-radius: var(--studio-radius-small) !important;
}

.site-header .site-nav .nav-cta {
  min-height: 38px;
  margin-left: 10px !important;
  padding: 9px 15px !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background: var(--studio-accent) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.site-header .site-nav .nav-cta:is(:hover, :focus-visible) {
  background: var(--studio-accent-hover) !important;
  border-color: rgba(255, 255, 255, .36) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.site-header .menu-btn {
  min-height: 38px;
  padding: 8px 13px !important;
  border: 1px solid var(--studio-border-dark) !important;
  background: var(--studio-control) !important;
  box-shadow: none !important;
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
}

.site-header .menu-btn:is(:hover, :focus-visible, .is-open) {
  background: var(--studio-control-hover) !important;
  border-color: var(--studio-accent-soft) !important;
}

.site-header .theme-picker {
  margin-left: 4px !important;
}

.site-header .theme-picker-label {
  min-height: 38px !important;
  padding: 5px 6px 5px 9px !important;
  border: 1px solid var(--studio-border-dark) !important;
  background: var(--studio-control) !important;
  box-shadow: none !important;
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
}

.site-header .theme-picker-label:is(:hover, :focus-within) {
  background: var(--studio-control-hover) !important;
  border-color: var(--studio-accent-soft) !important;
  transform: none !important;
}

.site-header .theme-picker-label > span:not(.theme-dot) {
  color: var(--studio-header-muted) !important;
  -webkit-text-fill-color: var(--studio-header-muted) !important;
  font-size: .69rem !important;
  font-weight: 800 !important;
}

.site-header .theme-picker-label .theme-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 0 !important;
  background: var(--studio-accent) !important;
  box-shadow: none !important;
}

.site-header .theme-picker select {
  min-width: 82px !important;
  height: 27px !important;
  padding: 2px 22px 2px 8px !important;
  border: 1px solid var(--studio-border-dark) !important;
  border-radius: 2px !important;
  background: var(--studio-header-alt) !important;
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
  box-shadow: none !important;
}

.site-header .theme-picker option {
  background: var(--studio-surface) !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
}

.header-discount-banner {
  background: var(--studio-header-alt) !important;
  border-bottom: 1px solid var(--studio-border-dark) !important;
  box-shadow: none !important;
  color: var(--studio-header-text) !important;
}

.header-discount-banner :is(p, b, label, span) {
  color: var(--studio-header-text) !important;
  -webkit-text-fill-color: var(--studio-header-text) !important;
  text-shadow: none !important;
}

.header-coupon-form input {
  border: 1px solid var(--studio-border-dark) !important;
  background: var(--studio-surface) !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  box-shadow: none !important;
}

.header-coupon-apply {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background: var(--studio-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

.header-coupon-apply:is(:hover, :focus-visible) {
  background: var(--studio-accent-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.header-coupon-apply.is-applied {
  background: var(--studio-active) !important;
  border-color: var(--studio-active) !important;
  color: var(--studio-active-text) !important;
  -webkit-text-fill-color: var(--studio-active-text) !important;
}

/* The full coupon form is already in the header. Keep the home reminder compact. */
.home-sale-section {
  position: fixed !important;
  top: 126px !important;
  right: 20px !important;
  bottom: auto !important;
  width: auto !important;
  max-width: 280px !important;
  padding: 0 !important;
  z-index: 80 !important;
  pointer-events: none;
}

.home-sale-banner {
  width: auto !important;
  min-width: 0 !important;
  padding: 10px 13px !important;
  border: 1px solid var(--studio-border-dark) !important;
  border-left: 3px solid var(--studio-metal) !important;
  border-radius: var(--studio-radius-small) !important;
  background: var(--studio-dark-panel) !important;
  box-shadow: 0 10px 24px rgba(2, 5, 8, .24) !important;
  pointer-events: auto;
}

.home-sale-banner .eyebrow,
.home-sale-banner .sitewide-coupon-form {
  display: none !important;
}

.home-sale-banner h2 {
  margin: 0 !important;
  color: var(--studio-on-dark) !important;
  -webkit-text-fill-color: var(--studio-on-dark) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

.home-sale-banner h2 b {
  color: #d8c18b !important;
  -webkit-text-fill-color: #d8c18b !important;
}

body.coupon-active .home-sale-section {
  display: none !important;
}

.showcase-hero-copy h1 {
  max-width: 900px !important;
  margin-inline: auto !important;
  font-size: clamp(3rem, 5.1vw, 4.4rem) !important;
}

.showcase-service-card > span,
.home-showcase-card :is(h2, h3, strong) {
  font-weight: 750 !important;
}

.btn,
.package-card-cta,
.card-action-row a,
.services-pricing-link a,
.footer-cta-link,
.text-link,
.service-switchboard nav a,
.service-route-card b {
  min-height: 40px;
  border-radius: var(--studio-radius-small) !important;
  box-shadow: none !important;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  transition: transform var(--studio-transition), background var(--studio-transition), border-color var(--studio-transition), color var(--studio-transition), box-shadow var(--studio-transition) !important;
}

.btn.primary,
.package-card-cta,
.footer-cta-link {
  border: 1px solid transparent !important;
  background: var(--studio-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.btn.primary:is(:hover, :focus-visible),
.package-card-cta:is(:hover, :focus-visible),
.footer-cta-link:is(:hover, :focus-visible) {
  background: var(--studio-accent-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 16px rgba(3, 7, 11, .16) !important;
}

html[data-theme] body main .package-card-link:is(:hover, :focus-visible) .package-card-cta,
html[data-theme] body main .core-policy-action .btn.light:is(:hover, :focus-visible) {
  border-color: var(--studio-accent) !important;
  background: var(--studio-accent-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 7px 16px rgba(3, 7, 11, .16) !important;
  filter: none !important;
}

.btn.secondary,
.btn.light,
.card-action-row a,
.services-pricing-link a,
.text-link,
.service-switchboard nav a,
.service-route-card b {
  border: 1px solid var(--studio-border) !important;
  background: var(--studio-surface) !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
}

.btn.secondary:is(:hover, :focus-visible),
.btn.light:is(:hover, :focus-visible),
.card-action-row a:is(:hover, :focus-visible),
.services-pricing-link a:is(:hover, :focus-visible),
.text-link:is(:hover, :focus-visible),
.service-switchboard nav a:is(:hover, :focus-visible),
.service-route-card b:is(:hover, :focus-visible) {
  border-color: var(--studio-accent) !important;
  background: var(--studio-ink) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
}

:is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--studio-focus) !important;
  outline-offset: 3px !important;
}

:is(
  .quick-card,
  .service-card,
  .addon,
  .support-card,
  .process-card,
  .feature-card,
  .package-card,
  .price-column,
  .scope-card,
  .pricing-summary,
  .price-detail,
  .package-note,
  .addon-price-card,
  .policy-box,
  .contact-panel,
  .simple-item,
  .builder-block,
  .builder-package-card,
  .builder-addon,
  .support-choice,
  .estimate-card,
  .wizard-secure,
  .progress-step,
  .setup-progress,
  .wizard-panel,
  .setup-panel,
  .smart-addon,
  .service-detail-panel,
  .service-offer-card:not(.visual-bg-card),
  .service-price-card,
  .service-option-card,
  .service-type-card,
  .standalone-service-card:not(.accent),
  .service-menu-card,
  .service-route-card,
  .growth-capability-card,
  .growth-price-card,
  .social-plan-card,
  .social-addon-card,
  .social-interest-card,
  .blog-plan-card,
  .brand-question,
  .billing-term-card,
  .care-plan-card,
  .review-card:not(.accent),
  .work-card,
  .principle-card,
  .trust-surface,
  .services-router-intro,
  .service-builder-panel,
  .service-builder-note,
  .service-estimate-card,
  .service-sample-card,
  .app-builder-callout,
  .service-builder-callout,
  .free-sample-popup-card,
  .package-clarity-notes article,
  .commerce-option-grid article
) {
  border: 1px solid var(--studio-border) !important;
  border-radius: var(--studio-radius) !important;
  background: var(--studio-surface) !important;
  color: var(--studio-ink) !important;
  box-shadow: var(--studio-shadow-soft) !important;
}

:is(
  .quick-card,
  .service-card,
  .addon,
  .support-card,
  .process-card,
  .feature-card,
  .package-card,
  .price-column,
  .service-option-card,
  .service-type-card,
  .standalone-service-card,
  .service-menu-card,
  .service-route-card,
  .growth-capability-card,
  .growth-price-card,
  .social-plan-card,
  .blog-plan-card,
  .work-card
):is(:hover, :focus-within) {
  border-color: var(--studio-accent) !important;
  box-shadow: 0 12px 28px rgba(3, 7, 11, .18) !important;
  transform: translateY(-2px) !important;
}

html[data-theme] body main .package-card-link > .tier-card {
  transition: transform var(--studio-transition), border-color var(--studio-transition), box-shadow var(--studio-transition) !important;
}

html[data-theme] body main .package-card-link:is(:hover, :focus-visible) > .tier-card {
  border-color: var(--studio-accent) !important;
  box-shadow: 0 14px 30px rgba(3, 7, 11, .2) !important;
  transform: translateY(-3px) !important;
}

:is(.hero-img-shell, .image-card, .visual-card, .service-image-panel, .premium-service-visual, .visual-bg-card) {
  border: 1px solid var(--studio-border-dark) !important;
  border-radius: var(--studio-radius) !important;
  box-shadow: var(--studio-shadow) !important;
}

:is(.hero-img-shell, .image-card, .visual-card, .service-image-panel, .premium-service-visual) img,
.visual-card img {
  border-radius: calc(var(--studio-radius) - 1px) !important;
}

.visual-bg-card,
.showcase-service-card,
.home-showcase-card {
  border-radius: var(--studio-radius) !important;
  box-shadow: 0 14px 30px rgba(2, 5, 8, .3) !important;
}

.showcase-service-card,
.home-showcase-card {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background-color: var(--studio-dark-panel) !important;
  background-blend-mode: multiply, normal !important;
  transition: transform var(--studio-transition), border-color var(--studio-transition), box-shadow var(--studio-transition) !important;
}

.showcase-service-card:is(:hover, :focus-visible),
.home-showcase-card:is(:hover, :focus-visible) {
  border-color: var(--studio-accent-soft) !important;
  box-shadow: 0 18px 34px rgba(2, 5, 8, .36) !important;
  transform: translateY(-2px) !important;
}

.showcase-service-card > span,
.home-showcase-card :is(h2, h3, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, .72) !important;
}

.showcase-service-card > small,
.home-showcase-card :is(p, small) {
  color: #d8dee2 !important;
  -webkit-text-fill-color: #d8dee2 !important;
  text-shadow: 0 3px 12px rgba(0, 0, 0, .76) !important;
}

.section-intro,
.split-intro,
.panel-intro,
.pricing-intro,
.growth-section-intro {
  border: 0 !important;
  border-left: 3px solid var(--studio-accent) !important;
  border-radius: 0 !important;
  background: var(--studio-surface) !important;
  box-shadow: none !important;
  color: var(--studio-ink) !important;
  padding: 18px 22px !important;
}

:is(.section-intro, .split-intro, .panel-intro, .pricing-intro, .growth-section-intro) :is(h1, h2, h3, h4, b, strong) {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  text-shadow: none !important;
}

:is(.section-intro, .split-intro, .panel-intro, .pricing-intro, .growth-section-intro) :is(p, li, small, span:not(.eyebrow)) {
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
  text-shadow: none !important;
}

.eyebrow,
.service-menu-kicker,
.social-plan-kicker,
.service-route-kicker,
.work-label {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 0 0 0 9px !important;
  border: 0 !important;
  border-left: 2px solid var(--studio-metal) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--studio-accent-hover) !important;
  -webkit-text-fill-color: var(--studio-accent-hover) !important;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-shadow: none !important;
}

:is(.home-hero-showcase, .page-hero, .service-detail-hero, .services-redo-hero, .process-hero, .service-menu-hero, .service-builder-hero-grid, .builder-hero) .eyebrow {
  color: #d8c18b !important;
  -webkit-text-fill-color: #d8c18b !important;
}

.ribbon,
.premium-ribbon,
.social-plan-featured em,
.blog-plan-featured em,
.support-choice em,
.builder-package-card em {
  border: 1px solid var(--studio-metal) !important;
  border-radius: 2px !important;
  background: var(--studio-surface) !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.price-column.featured,
.package-card.featured,
.support-card.featured,
.growth-price-card.featured,
.social-plan-card.featured,
.blog-plan-card.featured {
  border: 1px solid var(--studio-border) !important;
  border-top: 3px solid var(--studio-accent) !important;
  background: var(--studio-surface) !important;
}

:is(.tier-complete, .premium-complete-card, .builder-complete-card, .standalone-service-card.accent, .service-path-card.quote-card, .review-card.accent, .estimate-total, .receipt-grand-total, .complete-launch-banner) {
  border: 1px solid var(--studio-border-dark) !important;
  border-top: 3px solid var(--studio-metal) !important;
  border-radius: var(--studio-radius) !important;
  background: var(--studio-dark-panel) !important;
  color: var(--studio-on-dark) !important;
  box-shadow: var(--studio-shadow) !important;
}

:is(.tier-complete, .premium-complete-card, .builder-complete-card, .standalone-service-card.accent, .service-path-card.quote-card, .review-card.accent, .estimate-total, .receipt-grand-total, .complete-launch-banner) :is(h1, h2, h3, h4, b, strong, label, legend, .price) {
  color: var(--studio-on-dark) !important;
  -webkit-text-fill-color: var(--studio-on-dark) !important;
  text-shadow: none !important;
}

:is(.tier-complete, .premium-complete-card, .builder-complete-card, .standalone-service-card.accent, .service-path-card.quote-card, .review-card.accent, .estimate-total, .receipt-grand-total, .complete-launch-banner) :is(p, li, small, span) {
  color: var(--studio-on-dark-muted) !important;
  -webkit-text-fill-color: var(--studio-on-dark-muted) !important;
  text-shadow: none !important;
}

.sale-stack,
.service-sale-stack,
.service-menu-price {
  border: 1px solid var(--studio-border) !important;
  border-radius: var(--studio-radius-small) !important;
  background: var(--studio-surface-alt) !important;
  box-shadow: none !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  text-shadow: none !important;
}

.old-price,
del {
  color: #5d6670 !important;
  -webkit-text-fill-color: #5d6670 !important;
  text-decoration-color: #9a424b !important;
  text-decoration-thickness: 2px !important;
  text-shadow: none !important;
}

.sale-price,
.sale-stack :is(b, strong),
.service-sale-stack :is(b, strong),
.service-menu-price :is(b, strong) {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  text-shadow: none !important;
}

.sale-stack small,
.service-sale-stack small,
.service-menu-price small,
.promo-note,
.price-note {
  display: block;
  border-radius: 2px !important;
  background: var(--studio-ink) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}

input,
select,
textarea {
  border: 1px solid var(--studio-border) !important;
  border-radius: var(--studio-radius-small) !important;
  background: #ffffff !important;
  color: #171c22 !important;
  -webkit-text-fill-color: #171c22 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #6b747d !important;
  opacity: 1;
}

.free-sample-popup-card {
  border-left: 4px solid var(--studio-metal) !important;
  border-radius: var(--studio-radius) !important;
  background: var(--studio-surface) !important;
  color: var(--studio-ink) !important;
  box-shadow: 0 18px 46px rgba(2, 5, 8, .28) !important;
}

.free-sample-popup {
  width: min(330px, calc(100vw - 28px)) !important;
  right: 20px !important;
  bottom: 20px !important;
}

.free-sample-popup-card :is(h1, h2, h3, h4, b, strong) {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  text-shadow: none !important;
}

.free-sample-popup-card :is(p, small, span) {
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
  text-shadow: none !important;
}

.free-sample-popup-card b:not(.contrast-placeholder) {
  border: 1px solid transparent !important;
  border-radius: var(--studio-radius-small) !important;
  background: var(--studio-accent) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

.free-sample-popup-card:is(:hover, :focus-within) b:not(.contrast-placeholder) {
  background: var(--studio-accent-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme] body .header-discount-banner [data-header-coupon-copy]::before {
  display: none !important;
  content: none !important;
}

.final-box,
.home-conversion-box,
.services-menu-callout {
  border: 1px solid var(--studio-border-dark) !important;
  border-radius: var(--studio-radius) !important;
  background: var(--studio-dark-panel) !important;
  box-shadow: var(--studio-shadow) !important;
}

.footer {
  background: #080c11 !important;
  border-top: 1px solid var(--studio-border-dark) !important;
}

.footer-logo,
.ai-disclosure,
.trust-footer-bar {
  border-radius: var(--studio-radius-small) !important;
}

@media (max-width: 1320px) {
  .site-nav {
    top: calc(100% + 1px) !important;
    gap: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--studio-border-dark) !important;
    border-radius: 0 !important;
    background: var(--studio-header) !important;
    box-shadow: 0 18px 34px rgba(2, 5, 8, .3) !important;
  }

  .site-header .site-nav a:not(.nav-cta),
  .site-header .site-nav .nav-cta {
    width: 100%;
    margin: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
  }
}

@media (max-width: 760px) {
  body {
    padding-bottom: 0 !important;
  }

  body:has(.site-nav.open) .free-sample-popup {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(10px) !important;
  }

  .nav-wrap {
    min-height: 56px;
    gap: 8px !important;
    padding-block: 8px !important;
  }

  .site-header .brand {
    min-width: 0;
    font-size: .9rem !important;
    line-height: 1.15;
  }

  .site-header .brand::before {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
  }

  .site-header .menu-btn {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 7px 11px !important;
  }

  .mobile-utility-dock {
    position: static !important;
    inset: auto !important;
    z-index: 1 !important;
    width: min(352px, calc(100% - 24px)) !important;
    margin: 18px auto 22px !important;
    gap: 7px !important;
    padding: 7px !important;
    pointer-events: auto !important;
    border: 1px solid var(--studio-border) !important;
    border-radius: var(--studio-radius) !important;
    background: rgba(244, 245, 246, .97) !important;
    box-shadow: 0 10px 26px rgba(2, 5, 8, .2) !important;
  }

  .mobile-utility-dock .theme-picker-label {
    min-height: 38px !important;
    padding: 5px 7px !important;
    border: 1px solid var(--studio-border) !important;
    border-radius: var(--studio-radius-small) !important;
    background: var(--studio-surface-alt) !important;
    box-shadow: none !important;
    color: var(--studio-ink) !important;
    -webkit-text-fill-color: var(--studio-ink) !important;
  }

  .mobile-utility-dock .theme-picker-label > span:not(.theme-dot) {
    display: inline !important;
    color: var(--studio-copy) !important;
    -webkit-text-fill-color: var(--studio-copy) !important;
  }

  .mobile-utility-dock .theme-picker select {
    min-height: 30px !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    color: #171c22 !important;
    -webkit-text-fill-color: #171c22 !important;
  }

  .mobile-utility-dock .header-discount-banner {
    border: 1px solid var(--studio-border) !important;
    border-radius: var(--studio-radius-small) !important;
    background: var(--studio-surface-alt) !important;
    color: var(--studio-ink) !important;
  }

  .mobile-utility-dock .header-discount-banner :is(p, b, label, span) {
    color: var(--studio-ink) !important;
    -webkit-text-fill-color: var(--studio-ink) !important;
  }

  .home-sale-section {
    display: none !important;
  }

  .showcase-hero-copy h1 {
    font-size: clamp(2.35rem, 12vw, 3.1rem) !important;
    line-height: 1.1 !important;
  }

  .free-sample-popup {
    right: 12px !important;
    bottom: 12px !important;
    width: min(318px, calc(100vw - 24px)) !important;
  }

  .section-intro,
  .split-intro,
  .panel-intro,
  .pricing-intro,
  .growth-section-intro {
    padding: 15px 16px !important;
  }

  .btn,
  .package-card-cta,
  .card-action-row a,
  .services-pricing-link a,
  .footer-cta-link,
  .text-link {
    min-height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  html body.standalone-service-page .premium-service-visual.app-visual :is(.app-motion-orbit, .app-motion-scan),
  html[data-theme] body.standalone-service-page .premium-service-visual.app-visual :is(.app-motion-orbit, .app-motion-scan),
  html body.standalone-service-page .premium-service-visual.app-visual .app-motion-frame::before,
  html[data-theme] body.standalone-service-page .premium-service-visual.app-visual .app-motion-frame::before {
    animation: none !important;
    transition: none !important;
  }
}

/* Final visual-integrity corrections after the legacy theme layer. */
html[data-theme="light"] body :is(
  .home-hero-showcase .showcase-hero-copy,
  .services-redo-hero .services-redo-copy,
  .process-hero .process-hero-copy > div,
  .pricing-hero-grid > div:first-child,
  .service-detail-grid > div:first-child,
  .service-menu-hero .services-hero-copy > div,
  .service-builder-hero-grid > div:first-child,
  .contact-hero .page-grid > div:first-child
) > :is(h1, h2, h3, p, .lead, .eyebrow) {
  text-shadow: none !important;
}

html[data-theme="light"] body .home-hero-showcase .showcase-hero-copy {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] body .service-builder-hero-grid {
  border: 1px solid var(--studio-border) !important;
  border-left: 3px solid var(--studio-accent) !important;
  border-radius: var(--studio-radius-small) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: var(--studio-shadow-soft) !important;
}

html[data-theme="light"] body .service-builder-hero-grid > div:first-child > :is(h1, h2, h3) {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
}

html[data-theme="light"] body .service-builder-hero-grid > div:first-child > :is(p, .lead) {
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
}

html[data-theme] body main .tier-complete .premium-ribbon {
  border-color: #d6b85f !important;
  background: #f6e7af !important;
  color: #17212b !important;
  -webkit-text-fill-color: #17212b !important;
  text-shadow: none !important;
}

html[data-theme] body .wizard-secure :is(b, strong) {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  text-shadow: none !important;
}

html[data-theme] body .wizard-secure :is(small, p, span:not(.iconbox)) {
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
  text-shadow: none !important;
}

html[data-theme] body .wizard-secure .iconbox {
  background: var(--studio-surface-alt) !important;
  color: var(--studio-accent-hover) !important;
}

html[data-theme] body.revamp-page .revamp-hero .eyebrow {
  color: #d8c18b !important;
  -webkit-text-fill-color: #d8c18b !important;
  text-shadow: none !important;
}

/* The working coupon control is already in the header. */
html[data-theme] body .builder-intro-section .sitewide-promo {
  display: none !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] body .service-builder-hero-grid {
    padding: 18px !important;
  }
}

/* v167: focused website-diagnostic and audit funnel */
html[data-theme] body .revamp-audit-offer-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  align-items: stretch !important;
  gap: clamp(18px, 3vw, 34px) !important;
}

html[data-theme] body.revamp-page .revamp-audit-card,
html[data-theme] body.revamp-page .revamp-audit-distinction {
  min-height: 0 !important;
  border: 1px solid rgba(23, 33, 43, .16) !important;
  border-left: 3px solid var(--studio-brass) !important;
  border-radius: var(--studio-radius) !important;
  background: linear-gradient(180deg, #fffdf8, #f4eef8) !important;
  color: var(--studio-ink) !important;
  box-shadow: var(--studio-shadow) !important;
}

html[data-theme] body.revamp-page .revamp-audit-card {
  padding: clamp(24px, 4vw, 40px) !important;
}

html[data-theme] body.revamp-page .revamp-audit-card :is(h3, b, strong, li),
html[data-theme] body.revamp-page .revamp-audit-distinction :is(h3, b, strong) {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  text-shadow: none !important;
}

html[data-theme] body.revamp-page .revamp-audit-card :is(p, li),
html[data-theme] body.revamp-page .revamp-audit-distinction :is(p, small) {
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
  text-shadow: none !important;
}

html[data-theme] body .revamp-audit-price,
html[data-theme] body .revamp-builder-price {
  display: grid !important;
  gap: 5px !important;
  margin: 16px 0 20px !important;
  padding: 18px !important;
  border: 1px solid rgba(155, 119, 38, .32) !important;
  border-radius: var(--studio-radius-small) !important;
  background: linear-gradient(135deg, #fff8dc, #fffdf8) !important;
  box-shadow: 0 12px 28px rgba(33, 25, 45, .1) !important;
}

html[data-theme] body .revamp-audit-price > span,
html[data-theme] body .revamp-builder-price > span:first-child {
  color: #51465c !important;
  -webkit-text-fill-color: #51465c !important;
  font-size: .78rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

html[data-theme] body .revamp-audit-price > strong,
html[data-theme] body .revamp-builder-price .revamp-builder-special {
  color: #17111f !important;
  -webkit-text-fill-color: #17111f !important;
  font-family: var(--studio-display) !important;
  font-size: clamp(2.35rem, 5vw, 3.7rem) !important;
  line-height: 1 !important;
}

html[data-theme] body .revamp-audit-price > small,
html[data-theme] body .revamp-builder-price > small {
  justify-self: start !important;
  padding: 6px 9px !important;
  border-radius: 3px !important;
  background: #262035 !important;
  color: #fffdf8 !important;
  -webkit-text-fill-color: #fffdf8 !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html[data-theme] body .revamp-audit-distinction {
  display: grid !important;
  align-content: center !important;
  gap: 14px !important;
  padding: clamp(24px, 4vw, 38px) !important;
}

html[data-theme] body .revamp-audit-distinction > div {
  padding: 15px 0 15px 18px !important;
  border-left: 2px solid var(--studio-accent) !important;
}

html[data-theme] body .revamp-audit-distinction > div p {
  margin: 5px 0 0 !important;
}

html[data-theme] body .revamp-audit-distinction > small {
  display: block !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(23, 33, 43, .13) !important;
}

html[data-theme] body .revamp-audit-builder-card {
  grid-column: 1 / -1 !important;
  max-width: 760px !important;
}

html[data-theme] body .revamp-audit-builder-card.offer-applied {
  border-color: rgba(155, 119, 38, .68) !important;
  box-shadow: 0 16px 34px rgba(69, 52, 20, .16) !important;
}

html[data-theme] body .revamp-audit-builder-card.offer-applied .revamp-builder-price > small::after {
  content: " - applied";
}

html[data-theme] body .revamp-builder-boundary {
  max-width: 760px !important;
  margin-top: 18px !important;
  padding: 16px 18px !important;
  border-left: 3px solid var(--studio-accent) !important;
  background: rgba(255, 255, 255, .68) !important;
}

html[data-theme] body .revamp-builder-boundary b {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
}

html[data-theme] body .revamp-builder-boundary p {
  margin: 5px 0 0 !important;
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
}

html[data-theme] body .service-menu-action-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  margin-top: auto !important;
}

html[data-theme] body [data-coupon-message] a {
  color: #fff7d5 !important;
  -webkit-text-fill-color: #fff7d5 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html[data-theme="light"] body [data-coupon-message] a {
  color: #332143 !important;
  -webkit-text-fill-color: #332143 !important;
}

@media (max-width: 900px) {
  html[data-theme] body .revamp-audit-offer-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  html[data-theme] body.revamp-page .revamp-audit-card,
  html[data-theme] body.revamp-page .revamp-audit-distinction {
    padding: 21px !important;
  }

  html[data-theme] body .revamp-audit-price,
  html[data-theme] body .revamp-builder-price {
    padding: 15px !important;
  }
}