/**
 * Project: Immobilienpflege Weiss
 * Crafted by Joel x Web
 * Webdesign & Development
 * Signature build: JXW System
 */

:root {
  --jxw-bg: #f4f7fb;
  --jxw-surface: #ffffff;
  --jxw-surface-soft: #edf3fb;
  --jxw-text: #14263f;
  --jxw-text-soft: #5c6c82;
  --jxw-blue: #2f6fda;
  --jxw-blue-deep: #173d78;
  --jxw-blue-dark: #102a52;
  --jxw-orange: #dd7a26;
  --jxw-orange-soft: rgba(221, 122, 38, 0.1);
  --jxw-green: #3ea164;
  --jxw-border: rgba(23, 61, 120, 0.12);
  --jxw-border-strong: rgba(23, 61, 120, 0.22);
  --jxw-shadow: 0 20px 60px rgba(17, 39, 72, 0.08);
  --jxw-shell: 1180px;
  --jxw-transition: 260ms ease;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: var(--jxw-text);
  background:
    radial-gradient(circle at top left, rgba(47, 111, 218, 0.05), transparent 30%),
    radial-gradient(circle at top right, rgba(221, 122, 38, 0.06), transparent 26%),
    var(--jxw-bg);
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.jxw-shell { width: min(calc(100% - 32px), var(--jxw-shell)); margin: 0 auto; }

.jxw-topbar {
  background: var(--jxw-blue-dark);
  color: rgba(255,255,255,0.82);
  font-size: 13px;
}
.jxw-topbar-shell {
  min-height: 38px;
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: space-between;
}
.jxw-topbar-shell > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.jxw-topbar-shell svg { width: 15px; height: 15px; }

.jxw-header {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(20,38,63,0.07);
}
.jxw-header-shell {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.jxw-brand img { height: 54px; width: auto; }
.jxw-nav { display: flex; align-items: center; gap: 24px; }
.jxw-nav-link, .jxw-nav-dropdown > button {
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--jxw-text);
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.jxw-nav-link.is-active, .jxw-nav-dropdown > button.is-active { color: var(--jxw-blue); }
.jxw-nav-dropdown { position: relative; }
.jxw-nav-dropdown > button::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-top: -3px;
}
.jxw-nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 18px);
  left: -18px;
  min-width: 280px;
  padding: 14px 0;
  background: #fff;
  border: 1px solid var(--jxw-border);
  box-shadow: var(--jxw-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity var(--jxw-transition), visibility var(--jxw-transition), transform var(--jxw-transition);
}
.jxw-nav-dropdown:hover .jxw-nav-dropdown-menu,
.jxw-nav-dropdown:focus-within .jxw-nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.jxw-nav-dropdown-menu a {
  display: block;
  padding: 12px 18px;
  font-weight: 600;
}
.jxw-nav-dropdown-menu a:hover { background: var(--jxw-surface-soft); color: var(--jxw-blue); }

.jxw-header-actions { display: flex; align-items: center; gap: 18px; }
.jxw-phone-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}
.jxw-mobile-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid var(--jxw-border);
  background: #fff;
  padding: 0;
}
.jxw-mobile-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--jxw-text);
  margin: 4px auto;
}
.jxw-mobile-menu {
  display: none;
  padding: 0 16px 18px;
  border-top: 1px solid var(--jxw-border);
  background: #fff;
}
.jxw-mobile-menu.is-open { display: grid; gap: 12px; }
.jxw-mobile-link { font-weight: 600; }
.jxw-mobile-link.is-active { color: var(--jxw-blue); }

.jxw-hero-slider {
  position: relative;
  overflow: hidden;
  min-height: min(72vh, 680px);
  max-height: 680px;
  background: #d9e2f0;
}
.jxw-hero-track {
  display: flex;
  width: 300%;
  height: 100%;
  transition: transform 560ms ease;
}
.jxw-hero-slide {
  position: relative;
  flex: 0 0 100%;
  min-height: min(72vh, 680px);
}
.jxw-hero-media, .jxw-page-hero-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.jxw-hero-overlay, .jxw-page-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10,18,34,0.72) 0%, rgba(10,18,34,0.54) 34%, rgba(10,18,34,0.15) 72%, rgba(10,18,34,0.08) 100%);
}
.jxw-hero-shell, .jxw-page-hero-shell {
  position: relative;
  z-index: 1;
  min-height: inherit;
  display: flex;
  align-items: center;
  padding: 44px 96px 50px;
}
.jxw-hero-copy, .jxw-page-hero-copy { color: #fff; max-width: 620px; }
.jxw-eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--jxw-orange);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 13px;
}
.jxw-page--garden .jxw-eyebrow { color: var(--jxw-green); }

h1, h2, h3 { line-height: 1.08; margin: 0 0 16px; letter-spacing: -0.030em; }
h1 { font-size: clamp(40px, 5vw, 70px); }
h2 { font-size: clamp(32px, 4vw, 52px); }
h3 { font-size: 24px; }
p { margin: 0 0 16px; }
.jxw-hero-copy p, .jxw-page-hero-copy p { font-size: 20px; color: rgba(255,255,255,0.86); max-width: 640px; }
.jxw-check-list {
  list-style: none;
  padding: 0;
  margin: 28px 0 0;
  display: grid;
  gap: 14px;
}
.jxw-check-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 600;
}
.jxw-check-list li::before {
  content: "";
  width: 18px;
  height: 12px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  margin-top: -2px;
}
.jxw-hero-copy .jxw-check-list li::before,
.jxw-page-hero-copy .jxw-check-list li::before { color: #fff; }

.jxw-button {
  min-height: 52px;
  padding: 0 22px;
  border: 1px solid transparent;
  background: transparent;
  font-weight: 700;
  transition: transform var(--jxw-transition), background var(--jxw-transition), color var(--jxw-transition);
}
.jxw-button:hover { transform: translateY(-2px); }
.jxw-button--primary { background: var(--jxw-blue); color: #fff; }
.jxw-button--primary:hover { background: var(--jxw-blue-deep); }
.jxw-button--ghost {
  background: rgba(255,255,255,0.08);
  color: #fff;
  border-color: rgba(255,255,255,0.2);
}
.jxw-hero-actions, .jxw-button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }

.jxw-hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  color: #fff;
  opacity: 0.92;
}
.jxw-hero-arrow--prev { left: 18px; }
.jxw-hero-arrow--next { right: 18px; }
.jxw-hero-arrow svg { width: 24px; height: 24px; }

.jxw-page-hero { position: relative; min-height: 500px; }
.jxw-page-hero-shell { min-height: 500px; }

.jxw-section { padding: 84px 0; }
.jxw-section--tight { padding: 28px 0 22px; }
.jxw-section--surface { background: linear-gradient(180deg, rgba(47,111,218,0.10), rgba(235,244,255,0.92)); }

.jxw-overview-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  text-align: center;
}
.jxw-overview-row article { padding: 18px 10px; }
.jxw-overview-row h3 { font-size: 20px; margin-bottom: 8px; }
.jxw-overview-row p { margin: 0; color: var(--jxw-text-soft); }

.jxw-section-head { max-width: 780px; margin-bottom: 34px; }
.jxw-section-head p, .jxw-footer-copy, .jxw-info-panel p, .jxw-service-card p, .jxw-benefit-card p, .jxw-video-copy p, .jxw-review-card p, .jxw-process-card p {
  color: var(--jxw-text-soft);
  font-size: 17px;
}

.jxw-service-intro, .jxw-map-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 42px;
  align-items: center;
}
.jxw-service-image-wrap img {
  width: 100%;
  min-height: 420px;
  object-fit: cover;
  box-shadow: var(--jxw-shadow);
}
.jxw-info-panel {
  padding: 22px 24px;
  background: var(--jxw-surface);
  border: 1px solid var(--jxw-border);
  box-shadow: var(--jxw-shadow);
  margin: 24px 0;
}

.jxw-service-grid, .jxw-benefit-grid, .jxw-process-grid, .jxw-review-grid, .jxw-video-grid, .jxw-compare-grid {
  display: grid;
  gap: 20px;
}
.jxw-service-grid { grid-template-columns: repeat(4, 1fr); }
.jxw-benefit-grid, .jxw-process-grid, .jxw-review-grid { grid-template-columns: repeat(3, 1fr); }
.jxw-video-grid, .jxw-compare-grid { grid-template-columns: repeat(2, 1fr); }

.jxw-service-card, .jxw-benefit-card, .jxw-process-card, .jxw-review-card, .jxw-video-card, .jxw-compare-card, .jxw-contact-dialog, .jxw-nav-dropdown-menu, .jxw-map-frame, .jxw-info-panel, .jxw-service-image-wrap img, .jxw-socials a {
  background: rgba(255,255,255,0.92);
  border: 1px solid var(--jxw-border);
  box-shadow: var(--jxw-shadow);
}
.jxw-service-card, .jxw-benefit-card, .jxw-process-card, .jxw-review-card, .jxw-video-card, .jxw-compare-card { padding: 28px; }
.jxw-service-card a { display: inline-flex; margin-top: 8px; color: var(--jxw-blue); font-weight: 800; }
.jxw-icon-box, .jxw-review-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  background: var(--jxw-surface-soft);
  color: var(--jxw-blue);
  margin-bottom: 18px;
}
.jxw-process-card span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--jxw-blue);
  font-weight: 800;
  font-size: 15px;
}
.jxw-review-source {
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  color: var(--jxw-blue);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.jxw-review-stars {
  display: flex;
  gap: 3px;
  color: var(--jxw-orange);
  margin: 12px 0 10px;
}
.jxw-review-stars svg { width: 16px; height: 16px; fill: currentColor; stroke: currentColor; }

.jxw-video-thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
}
.jxw-video-thumb img {
  width: 100%;
  min-height: 280px;
  object-fit: cover;
}
.jxw-video-play {
  position: absolute;
  left: 22px;
  bottom: 22px;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(47,111,218,0.74);
  border: 1px solid rgba(255,255,255,0.26);
}
.jxw-video-play svg { width: 24px; height: 24px; fill: currentColor; stroke: none; }

.jxw-compare-head { margin-bottom: 14px; }
.jxw-compare-head p { color: var(--jxw-text-soft); margin: 0; }
.jxw-compare {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #d7dde8;
}
.jxw-compare img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jxw-compare-after-wrap {
  position: absolute;
  inset: 0 auto 0 0;
  overflow: hidden;
}
.jxw-compare input[type="range"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 5;
}
.jxw-compare-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: rgba(255,255,255,0.92);
  z-index: 4;
  pointer-events: none;
}
.jxw-compare-handle span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
}
.jxw-compare-handle span::before,
.jxw-compare-handle span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 1.6px solid rgba(255,255,255,0.92);
}
.jxw-compare-handle span::before {
  left: 0;
  border-left: 1.6px solid rgba(255,255,255,0.92);
  transform: translateY(-50%) rotate(-45deg);
}
.jxw-compare-handle span::after {
  right: 0;
  border-right: 1.6px solid rgba(255,255,255,0.92);
  transform: translateY(-50%) rotate(45deg);
}
.jxw-compare-labels {
  position: absolute;
  inset: auto 14px 14px 14px;
  display: flex;
  justify-content: space-between;
  z-index: 3;
}
.jxw-compare-labels span {
  background: rgba(9,18,35,0.55);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
}

.jxw-region-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.jxw-region-grid span {
  display: inline-flex;
  padding: 10px 14px;
  background: var(--jxw-orange-soft);
  color: var(--jxw-blue-dark);
  font-weight: 700;
}
.jxw-map-frame {
  min-height: 420px;
  overflow: hidden;
}
.jxw-map-frame iframe {
  width: 100%;
  min-height: 420px;
  border: 0;
}

.jxw-cta-band-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 34px;
  background: linear-gradient(90deg, rgba(47,111,218,0.08), rgba(221,122,38,0.08));
  border: 1px solid var(--jxw-border);
  box-shadow: var(--jxw-shadow);
}

.jxw-footer {
  margin-top: 48px;
  padding: 58px 0 30px;
  background: var(--jxw-blue-dark);
  color: rgba(255,255,255,0.84);
}
.jxw-footer-shell {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr 1fr;
  gap: 34px;
}
.jxw-footer-logo img { height: 86px; width: auto; }
.jxw-footer h3 { color: #fff; margin-bottom: 16px; }
.jxw-footer-links, .jxw-footer-contact {
  display: grid;
  gap: 12px;
}
.jxw-footer-links a, .jxw-footer-contact a, .jxw-footer-contact span { color: rgba(255,255,255,0.86); }
.jxw-footer-contact a, .jxw-footer-contact span {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
}
.jxw-footer-contact svg { width: 18px; height: 18px; margin-top: 2px; flex: 0 0 auto; }
.jxw-socials {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.jxw-socials a {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.08);
}
.jxw-socials a:hover { background: rgba(255,255,255,0.16); }

.jxw-contact-modal { position: fixed; inset: 0; display: none; z-index: 90; }
.jxw-contact-modal.is-open { display: block; }
.jxw-contact-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8,16,31,0.68);
  backdrop-filter: blur(6px);
}
.jxw-contact-dialog {
  position: relative;
  z-index: 1;
  width: min(1040px, calc(100% - 28px));
  max-height: calc(100vh - 40px);
  overflow: auto;
  margin: 20px auto;
  padding: 0;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
  border: 1px solid rgba(18, 55, 108, 0.10);
  box-shadow: 0 28px 80px rgba(9, 18, 35, 0.22);
}
.jxw-contact-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(18, 55, 108, 0.12);
  background: rgba(255,255,255,0.96);
  font-size: 26px;
  color: var(--jxw-blue-dark);
}
.jxw-contact-head { margin: 0; padding: 34px 34px 22px; background: linear-gradient(135deg, rgba(22, 91, 194, 0.08), rgba(241, 127, 32, 0.08)); border-bottom: 1px solid rgba(18, 55, 108, 0.08); }
.jxw-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  padding: 20px;
  background: rgba(255,255,255,0.84);
  border: 1px solid rgba(18, 55, 108, 0.08);
}
.jxw-form-group { display: grid; gap: 8px; margin-bottom: 0; font-weight: 700; }
.jxw-form-group span { font-size: 14px; }
.jxw-input {
  width: 100%;
  min-height: 56px;
  border: 1px solid rgba(18, 55, 108, 0.14);
  background: #fff;
  padding: 0 16px;
  color: var(--jxw-text);
}
.jxw-input:focus {
  outline: none;
  border-color: rgba(47,111,218,0.42);
  box-shadow: 0 0 0 3px rgba(47,111,218,0.08);
}
.jxw-input--textarea {
  min-height: 150px;
  padding: 16px;
  resize: vertical;
}
.jxw-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 4px 0 6px;
  color: var(--jxw-text-soft);
  padding: 0 4px;
}
.jxw-form-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 6px;
}
.jxw-service-fields { display: none; }
.jxw-upload-wrap {
  display: grid;
  gap: 12px;
  padding: 22px;
  background: rgba(255,255,255,0.84);
  border: 1px solid rgba(18, 55, 108, 0.08);
}
.jxw-service-fields.is-visible { display: grid; }
.jxw-legal-shell { max-width: 860px; }
.jxw-legal-shell h1 { font-size: 46px; color: var(--jxw-text); }
.jxw-legal-shell h2 { font-size: 28px; margin-top: 32px; }
.jxw-legal-shell p, .jxw-legal-shell li { color: var(--jxw-text-soft); font-size: 17px; }

@media (max-width: 1100px) {
  .jxw-service-grid { grid-template-columns: repeat(2, 1fr); }
  .jxw-benefit-grid, .jxw-process-grid, .jxw-review-grid { grid-template-columns: 1fr; }
  .jxw-overview-row { grid-template-columns: repeat(2, 1fr); }
  .jxw-footer-shell { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  .jxw-topbar { display: none; }
  .jxw-nav, .jxw-phone-link { display: none; }
  .jxw-mobile-toggle { display: block; }
  .jxw-header-shell { min-height: 74px; }
  .jxw-brand img { height: 48px; }
  .jxw-hero-slider, .jxw-hero-slide { min-height: 620px; }
  .jxw-hero-shell { min-height: 620px; }
  .jxw-page-hero, .jxw-page-hero-shell { min-height: 460px; }
  .jxw-service-intro, .jxw-map-grid, .jxw-video-grid, .jxw-compare-grid, .jxw-form-grid, .jxw-footer-shell, .jxw-cta-band-shell {
    grid-template-columns: 1fr;
    display: grid;
  }
  .jxw-service-grid, .jxw-overview-row { grid-template-columns: 1fr; }
  .jxw-section { padding: 72px 0; }
  h1 { font-size: clamp(34px, 10vw, 52px); }
  h2 { font-size: clamp(28px, 7vw, 40px); }
}


/* =========================
   JXW Header Refresh
========================= */
:root {
  --jxw-blue: #2f6fda;
  --jxw-blue-dark: #18355f;
  --jxw-blue-deep: #122d52;
  --jxw-orange: #eb8a31;
  --jxw-orange-soft: rgba(235,138,49,0.12);
  --jxw-green: #4fa24d;
}

.jxw-site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(250, 252, 255, 0.96);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(24,53,95,0.08);
}
.jxw-topbar, .jxw-header { display: contents; }
.jxw-header-meta {
  border-bottom: 1px solid rgba(24,53,95,0.08);
  background: rgba(255,255,255,0.72);
}
.jxw-header-meta-shell {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 10px 0;
}
.jxw-header-meta-list {
  display: grid;
  gap: 4px;
}
.jxw-header-meta-list > span {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--jxw-text-soft);
}
.jxw-header-meta-list svg,
.jxw-phone-link svg,
.jxw-footer-contact svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: currentColor;
}
.jxw-header-main { background: transparent; }
.jxw-header-shell {
  min-height: 78px;
  display: grid;
  grid-template-columns: 230px 1fr auto;
  align-items: center;
  gap: 18px;
}
.jxw-brand { display: inline-flex; align-items: center; }
.jxw-brand img {
  width: 176px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,0.08));
}
.jxw-nav { justify-self: center; }
.jxw-header-actions { gap: 14px; }
.jxw-phone-link {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(24,53,95,0.1);
  background: rgba(255,255,255,0.8);
}
.jxw-button--compact { min-height: 44px; padding: 0 18px; font-size: 14px; }
.jxw-nav-link, .jxw-phone-link { border-radius: 999px; }
.jxw-mobile-toggle { border-radius: 999px; }

.jxw-hero-slider {
  min-height: min(64vh, 620px);
  max-height: 620px;
}
.jxw-hero-slide { min-height: min(64vh, 620px); }
.jxw-hero-shell { padding: 26px 0 34px; }
.jxw-hero-copy { max-width: 760px; }
.jxw-hero-copy h1 { font-size: clamp(36px, 4.6vw, 62px); }
.jxw-hero-copy p { font-size: 18px; }

.jxw-service-intro,
.jxw-highlight-band {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 42px;
  align-items: center;
}
.jxw-highlight-band {
  padding: 36px;
  background: linear-gradient(135deg, rgba(24,53,95,0.92), rgba(47,111,218,0.85));
  color: #fff;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: var(--jxw-shadow);
}
.jxw-page--garden .jxw-highlight-band {
  background: linear-gradient(135deg, rgba(24,53,95,0.92), rgba(79,162,77,0.85));
}
.jxw-highlight-copy p { color: rgba(255,255,255,0.82); }
.jxw-highlight-media {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.1);
}
.jxw-highlight-media img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
}
.jxw-highlight-media .jxw-video-play {
  left: 28px;
  bottom: 28px;
  background: rgba(235,138,49,0.82);
}

.jxw-service-card, .jxw-benefit-card, .jxw-process-card, .jxw-review-card, .jxw-video-card, .jxw-compare-card, .jxw-contact-dialog, .jxw-nav-dropdown-menu, .jxw-map-frame, .jxw-info-panel, .jxw-service-image-wrap img, .jxw-socials a, .jxw-highlight-band, .jxw-highlight-media {
  border-radius: 0;
}

.jxw-footer-logo img {
  width: 180px;
  height: auto;
  object-fit: contain;
}
.jxw-footer-contact a, .jxw-footer-contact span {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.jxw-footer-contact { gap: 16px; }
.jxw-socials a { width: 42px; height: 42px; display: grid; place-items: center; }
.jxw-socials svg { width: 18px; height: 18px; fill: currentColor; }

/* =========================
   JXW Contact Form Refresh
========================= */
.jxw-contact-dialog {
  width: min(980px, calc(100vw - 28px));
  max-height: min(92vh, 980px);
  padding: 34px;
  overflow: auto;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,255,0.98));
}
.jxw-contact-head { margin-bottom: 22px; }
.jxw-lead-form { display: grid; gap: 18px; padding: 26px 34px 34px; }
.jxw-form-grid { gap: 16px; }
.jxw-form-group > span,
.jxw-upload-label {
  font-size: 14px;
  font-weight: 700;
  color: var(--jxw-blue-dark);
}
.jxw-upload-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(22, 91, 194, 0.12);
  background: rgba(22, 91, 194, 0.05);
  margin: 0 auto 2px;
}
.jxw-upload-icon svg {
  width: 26px;
  height: 26px;
  stroke: var(--jxw-blue);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.jxw-upload-label {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 700;
  color: var(--jxw-blue-dark);
}
.jxw-input {
  min-height: 54px;
  border: 1px solid rgba(24,53,95,0.12);
  background: #fff;
  padding: 0 16px;
  border-radius: 12px;
  transition: border-color var(--jxw-transition), box-shadow var(--jxw-transition), background var(--jxw-transition);
}
.jxw-input:focus {
  outline: none;
  border-color: rgba(47,111,218,0.45);
  box-shadow: 0 0 0 4px rgba(47,111,218,0.08);
}
.jxw-input--textarea {
  min-height: 150px;
  padding: 16px;
  resize: vertical;
}
.jxw-upload-dropzone {
  position: relative;
  display: grid;
  gap: 6px;
  place-items: center;
  min-height: 146px;
  padding: 20px;
  border: 1px dashed rgba(47,111,218,0.28);
  background: linear-gradient(180deg, rgba(47,111,218,0.05), rgba(235,138,49,0.05));
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
  transition: border-color var(--jxw-transition), background var(--jxw-transition), transform var(--jxw-transition);
}
.jxw-upload-dropzone.is-dragover {
  border-color: rgba(47,111,218,0.6);
  background: linear-gradient(180deg, rgba(47,111,218,0.08), rgba(235,138,49,0.08));
  transform: translateY(-1px);
}
.jxw-upload-title { font-size: 18px; font-weight: 700; color: var(--jxw-blue-dark); }
.jxw-upload-subtitle { font-size: 14px; color: var(--jxw-text-soft); }
.jxw-upload-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.jxw-upload-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.jxw-upload-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(24,53,95,0.08);
  font-weight: 600;
  color: var(--jxw-blue-dark);
}
.jxw-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 6px;
}
.jxw-form-actions p { margin: 0; color: var(--jxw-text-soft); }

@media (max-width: 980px) {
  .jxw-header-meta-shell,
  .jxw-header-shell,
  .jxw-service-intro,
  .jxw-highlight-band,
  .jxw-footer-shell,
  .jxw-map-grid { grid-template-columns: 1fr; }
  .jxw-header-meta-shell { align-items: flex-start; }
  .jxw-nav { display: none; }
  .jxw-mobile-toggle { display: inline-block; }
  .jxw-header-actions { justify-self: end; }
}
@media (max-width: 720px) {
  .jxw-brand img { width: 152px; }
  .jxw-header-meta-list { gap: 8px; }
  .jxw-header-meta-list > span { font-size: 12px; }
  .jxw-phone-link span { display: none; }
  .jxw-contact-dialog { padding: 24px 18px; }
  .jxw-hero-copy h1 { font-size: clamp(32px, 10vw, 46px); }
  .jxw-highlight-band { padding: 22px; }
}


.jxw-contact-head h2 { margin-bottom: 10px; }
.jxw-contact-head p { max-width: 720px; color: var(--jxw-text-soft); }
.jxw-form-actions p { margin: 0; color: var(--jxw-text-soft); }
.jxw-service-fields.is-visible { display: grid; }
.jxw-service-fields.is-visible,
.jxw-form-grid:last-of-type {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3);
}

@media (max-width: 760px) {
  .jxw-brand img { height: 64px; }
  .jxw-contact-head { padding: 26px 22px 18px; }
  .jxw-lead-form { padding: 20px 22px 24px; }
  .jxw-form-grid, .jxw-upload-wrap { padding: 16px; }
}

/* =========================
   Final refresh overrides
========================= */
:root{
  --jxw-blue:#255fd1;
  --jxw-blue-deep:#173d90;
  --jxw-orange:#ee7b22;
  --jxw-green:#3f8d3a;
  --jxw-radius-soft: 14px;
}
body{background:#f6f8fc;}
.jxw-site-header{position:sticky;top:0;z-index:50;box-shadow:0 10px 24px rgba(13,26,56,.08);}
.jxw-header-meta{background:#eef3fb;border-bottom:1px solid rgba(37,95,209,.12);}
.jxw-header-meta-shell{display:flex;justify-content:flex-start;align-items:flex-start;padding:8px 0;}
.jxw-header-meta-list{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;color:var(--jxw-text-soft);}
.jxw-header-main{background:#fff;}
.jxw-header-shell{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px;padding:12px 0;}
.jxw-brand{flex:0 0 auto}
.jxw-brand img{width:auto;height:66px;display:block;filter:drop-shadow(0 4px 10px rgba(23,61,144,.08));}
.jxw-header-right{display:flex;align-items:center;gap:16px;margin-left:auto;}
.jxw-nav{margin-left:auto;display:flex;align-items:center;gap:26px;}
.jxw-nav-link{font-size:17px}
.jxw-phone-link{padding-left:8px}
.jxw-button--compact{min-height:44px;padding:0 16px;font-size:14px;border-radius:12px;}
.jxw-mobile-toggle{display:none}
.jxw-hero-slider,.jxw-hero-slide{min-height:min(64vh,600px);max-height:600px}
.jxw-hero-copy{max-width:820px}
.jxw-hero-copy h1{font-size:clamp(38px,4.7vw,66px);max-width:980px}
.jxw-overview-row article,.jxw-benefit-card,.jxw-process-card,.jxw-service-card,.jxw-review-card,.jxw-info-panel,.jxw-contact-dialog,.jxw-compare-card,.jxw-home-service-card{border-radius:var(--jxw-radius-soft)!important}
.jxw-home-service-stack{display:grid;gap:28px}
.jxw-home-service-card{display:grid;grid-template-columns:minmax(260px,420px) 1fr;background:#fff;border:1px solid var(--jxw-border);overflow:hidden;box-shadow:var(--jxw-shadow);}
.jxw-home-service-card--garden{border-color:rgba(63,141,58,.18)}
.jxw-home-service-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px}
.jxw-home-service-copy{padding:34px 34px 32px}
.jxw-home-service-copy h3{font-size:34px;max-width:780px}
.jxw-inline-checks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px 12px}
.jxw-inline-checks li{padding:10px 14px;border-radius:999px;background:#edf3ff;border:1px solid rgba(37,95,209,.14);font-weight:600}
.jxw-home-service-card--garden .jxw-inline-checks li{background:#eef8ee;border-color:rgba(63,141,58,.18)}
.jxw-section--band{padding-top:26px}
.jxw-highlight-band{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;background:#3f676d;color:#fff;padding:34px 36px;border-radius:var(--jxw-radius-soft)}
.jxw-highlight-copy h2{color:#fff;font-size:clamp(34px,4vw,52px)}
.jxw-highlight-copy p{color:rgba(255,255,255,.86)}
.jxw-highlight-copy .jxw-check-list li::before{color:#fff}
.jxw-highlight-media{position:relative}
.jxw-highlight-media img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:12px;display:block}
.jxw-section-head p,.jxw-process-card p,.jxw-service-card p,.jxw-review-card p,.jxw-home-service-copy p{color:var(--jxw-text-soft)}
.jxw-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.jxw-service-card{background:#fff;border:1px solid var(--jxw-border);padding:28px}
.jxw-service-card a{color:var(--jxw-blue);font-weight:700}
.jxw-review-source{color:var(--jxw-orange)}
.jxw-benefit-grid{gap:20px}
.jxw-benefit-card,.jxw-process-card,.jxw-review-card,.jxw-compare-card{border-radius:14px}
.jxw-compare-card{overflow:hidden}
.jxw-compare{position:relative;overflow:hidden;border-radius:12px}
.jxw-compare-labels span{background:rgba(14,25,45,.78);font-size:12px}
.jxw-compare-handle{width:2px;background:rgba(255,255,255,.82)}
.jxw-compare-handle span{width:20px;height:20px;border-radius:0;background:transparent;border:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.jxw-compare-handle span::before,.jxw-compare-handle span::after{content:"";position:absolute;top:50%;width:7px;height:7px;border-top:1.8px solid #fff;border-right:1.8px solid #fff}
.jxw-compare-handle span::before{left:2px;transform:translateY(-50%) rotate(-135deg)}
.jxw-compare-handle span::after{right:2px;transform:translateY(-50%) rotate(45deg)}
.jxw-compare input[type="range"]{cursor:ew-resize}
.jxw-footer-logo img{height:76px;width:auto;display:block}
.jxw-footer{background:#234f8f;color:#eaf1ff}
.jxw-footer a,.jxw-footer p,.jxw-footer span,.jxw-footer h3{color:#eaf1ff}
.jxw-footer-copy{color:rgba(234,241,255,.84)}
.jxw-socials a{border-color:rgba(255,255,255,.18)}
.jxw-socials a:hover{background:rgba(255,255,255,.08)}
.jxw-cta-band{background:linear-gradient(135deg, rgba(37,95,209,.08), rgba(238,123,34,.09));}
.jxw-page--garden .jxw-cta-band{background:linear-gradient(135deg, rgba(63,141,58,.11), rgba(37,95,209,.08));}
.jxw-contact-dialog{border-radius:16px}
.jxw-upload-dropzone{border-radius:14px;background:#f7f9ff;border:1px dashed rgba(37,95,209,.28)}
.jxw-upload-dropzone.is-dragover{background:#edf4ff;border-color:var(--jxw-blue)}
.jxw-input, .jxw-contact-close{border-radius:12px}
.jxw-contact-head p{color:var(--jxw-text-soft)}
@media (max-width: 1100px){
  .jxw-header-shell{min-height:72px}
  .jxw-brand img{height:58px}
  .jxw-nav{gap:16px}
  .jxw-nav .jxw-button--compact{display:none}
  .jxw-service-grid{grid-template-columns:repeat(2,1fr)}
  .jxw-home-service-card,.jxw-highlight-band{grid-template-columns:1fr}
}
@media (max-width: 880px){
  .jxw-header-meta{display:none}
  .jxw-nav{display:none}
  .jxw-mobile-toggle{display:block}
  .jxw-mobile-menu.is-open{display:grid}
  .jxw-brand img{height:52px}
  .jxw-header-right{gap:10px}
  .jxw-phone-link{display:none}
  .jxw-service-grid{grid-template-columns:1fr}
}


/* =========================
   Final rework v2
========================= */
:root{
  --jxw-blue:#2f68d8;
  --jxw-blue-deep:#1d4ca9;
  --jxw-blue-band:#315f9a;
  --jxw-orange:#f08a2c;
  --jxw-green:#4a9c46;
  --jxw-radius-soft:18px;
}
html{scroll-behavior:smooth;}
body{background:#edf4ff;}
.jxw-site-header{position:relative;top:auto;z-index:20;box-shadow:none;background:transparent;}
.jxw-header-meta{position:sticky;top:0;z-index:80;background:#eef3fb;border-bottom:1px solid rgba(47,104,216,.12);box-shadow:0 10px 24px rgba(13,26,56,.08);}
.jxw-header-main{position:relative;background:#fff;}
.jxw-header-shell{min-height:86px;}
.jxw-brand img{height:74px;}
.jxw-nav{gap:22px;}
.jxw-phone-link,.jxw-button--compact,.jxw-button--soft{border-radius:16px;}
.jxw-button--compact{padding:0 18px;min-height:46px;}
.jxw-button--soft{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;background:#edf3ff;color:var(--jxw-blue-deep);border:1px solid rgba(47,104,216,.14);font-weight:700;}
.jxw-button--soft:hover{background:var(--jxw-blue);color:#fff;}
.jxw-button--garden{background:#eef8ee;border-color:rgba(74,156,70,.18);color:#2f6e2c;}
.jxw-button--garden:hover{background:var(--jxw-green);color:#fff;}
.jxw-highlight-band{background:linear-gradient(135deg, var(--jxw-blue-band) 0%, #507a99 100%);}
.jxw-highlight-copy .jxw-eyebrow{color:#ffb164;}
.jxw-highlight-media img{border-radius:16px;}
.jxw-home-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
.jxw-home-service-compact{background:#fff;border:1px solid var(--jxw-border);box-shadow:var(--jxw-shadow);overflow:hidden;border-radius:18px;display:flex;flex-direction:column;min-height:100%;}
.jxw-home-service-compact--garden{border-color:rgba(74,156,70,.18);}
.jxw-home-service-compact-media img{width:100%;height:240px;object-fit:cover;display:block;}
.jxw-home-service-compact-copy{padding:24px 24px 26px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
.jxw-home-service-compact-copy .jxw-eyebrow{margin-bottom:0;}
.jxw-home-service-compact-copy h3{font-size:30px;margin-bottom:0;}
.jxw-home-service-compact-copy p{margin:0;color:var(--jxw-text-soft);font-size:17px;}
.jxw-home-service-compact-copy .jxw-button{margin-top:4px;}
.jxw-home-service-card,.jxw-home-service-stack{display:none !important;}
.jxw-section--service-list{padding-top:76px;}
.jxw-service-grid,.jxw-benefit-grid,.jxw-process-grid,.jxw-review-grid{align-items:stretch;}
.jxw-benefit-card,.jxw-process-card,.jxw-review-card,.jxw-service-card,.jxw-compare-card,.jxw-info-panel,.jxw-contact-dialog,.jxw-overview-row article{border-radius:18px !important;}
.jxw-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease, transform .65s ease;}
.jxw-reveal.is-visible{opacity:1;transform:none;}
.jxw-float-cta{position:fixed;right:22px;bottom:22px;z-index:75;display:flex;align-items:center;gap:10px;padding:0 18px;min-height:54px;border-radius:999px;background:var(--jxw-blue);color:#fff;box-shadow:0 18px 34px rgba(26,64,143,.26);opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s ease, transform .3s ease, background .25s ease;}
.jxw-float-cta.is-visible{opacity:1;pointer-events:auto;transform:none;}
.jxw-float-cta:hover{background:var(--jxw-blue-deep);}
.jxw-float-cta svg{width:18px;height:18px;fill:currentColor;}
.jxw-cookie-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:95;max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--jxw-border);border-radius:18px;box-shadow:0 20px 45px rgba(13,26,56,.18);padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;}
.jxw-cookie-banner.is-hidden{display:none;}
.jxw-cookie-copy h3{font-size:20px;margin-bottom:8px;}
.jxw-cookie-copy p{margin:0;color:var(--jxw-text-soft);font-size:15px;}
.jxw-cookie-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
.jxw-intro-wash{animation:jxwFadeIn .65s ease both;}
@keyframes jxwFadeIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (max-width: 1100px){
  .jxw-home-service-grid{grid-template-columns:1fr;}
}
@media (max-width: 880px){
  .jxw-header-meta{position:sticky;}
  .jxw-header-main{position:relative;}
  .jxw-brand img{height:60px;}
  .jxw-home-service-compact-copy h3{font-size:26px;}
  .jxw-cookie-banner{left:14px;right:14px;bottom:14px;grid-template-columns:1fr;}
  .jxw-cookie-actions{justify-content:flex-start;}
  .jxw-float-cta{left:14px;right:14px;bottom:14px;justify-content:center;}
}


/* =========================
   Final polish v3
========================= */
:root{
  --jxw-blue:#2f6ad8;
  --jxw-blue-deep:#1f58c4;
  --jxw-blue-band:#426d81;
  --jxw-orange:#ee8a2d;
  --jxw-border:rgba(27,54,104,.10);
}
.jxw-header-meta{position:sticky;top:0;z-index:90;background:#edf3fb;border-bottom:1px solid rgba(47,106,216,.12);box-shadow:0 10px 24px rgba(13,26,56,.08);}
.jxw-header-main{position:relative;z-index:10;background:#f8fbff;box-shadow:none;}
.jxw-site-header{position:relative;box-shadow:none;background:transparent;}
.jxw-button,
.jxw-phone-link,
.jxw-button--compact,
.jxw-button--soft,
.jxw-button--garden,
.jxw-float-cta,
.jxw-cookie-banner,
.jxw-home-service-compact,
.jxw-benefit-card,
.jxw-process-card,
.jxw-review-card,
.jxw-service-card,
.jxw-compare-card,
.jxw-contact-dialog,
.jxw-overview-row article,
.jxw-nav-dropdown-menu,
.jxw-map-frame,
.jxw-info-panel,
.jxw-highlight-band,
.jxw-highlight-media,
.jxw-service-image-wrap img,
.jxw-socials a,
.jxw-compare,
.jxw-video-card{border-radius:06px !important;}
.jxw-button{min-height:52px;padding:0 24px;border-radius:14px;background:var(--jxw-blue);color:#fff;box-shadow:none;}
.jxw-button:hover{background:var(--jxw-blue-deep);transform:translateY(-1px);}
.jxw-button--primary{background:var(--jxw-blue);color:#fff;}
.jxw-button--soft{background:#edf3ff;color:var(--jxw-blue-deep);border:1px solid rgba(47,106,216,.14);}
.jxw-button--soft:hover{background:var(--jxw-blue);color:#fff;}
.jxw-button--garden,.jxw-button--garden-solid{background:#4f9a45;color:#fff;border:1px solid rgba(79,154,69,.18);}
.jxw-button--garden:hover,.jxw-button--garden-solid:hover{background:#3f8637;color:#fff;}
.jxw-button--compact,.jxw-phone-link{min-height:46px;padding:0 18px;border-radius:14px;}
.jxw-phone-link{border:1px solid rgba(27,54,104,.10);}
.jxw-hero-slider{background:#e6effd;}
.jxw-hero-slide{min-width:25%;}
.jxw-hero-track{width:400%;}
.jxw-hero-shell,.jxw-page-hero-shell{min-height:630px;align-items:center;}
.jxw-hero-copy{max-width:680px;background:linear-gradient(90deg, rgba(14,24,42,.58) 0%, rgba(14,24,42,.40) 58%, rgba(14,24,42,0) 100%);padding:34px;border-radius:16px;}
.jxw-hero-copy h1{max-width:720px;}
.jxw-hero-arrow{opacity:.96;}
.jxw-highlight-band{background:linear-gradient(135deg,#2d5f97 0%, #3f79b6 100%);}
.jxw-home-service-grid{gap:24px;}
.jxw-home-service-compact{border:1px solid var(--jxw-border);box-shadow:0 16px 34px rgba(13,26,56,.08);}
.jxw-home-service-compact-media img{height:250px;object-fit:cover;}
.jxw-home-service-compact-copy{gap:14px;}
.jxw-home-service-compact-copy h3{font-size:28px;line-height:1.12;}
.jxw-home-service-compact-copy .jxw-button{margin-top:2px;}
.jxw-section--service-list .jxw-button{background:#edf3ff;color:var(--jxw-blue-deep);border:1px solid rgba(47,106,216,.14);}
.jxw-section--service-list .jxw-button:hover{background:var(--jxw-blue);color:#fff;}
.jxw-section--service-list .jxw-home-service-compact--garden .jxw-button{background:#eef8ee;color:#2f6e2c;border:1px solid rgba(79,154,69,.18);}
.jxw-section--service-list .jxw-home-service-compact--garden .jxw-button:hover{background:#4f9a45;color:#fff;}
.jxw-compare{background:#dce4f0;}
.jxw-compare-before,.jxw-compare-after{transform:none !important;transition:none !important;}
.jxw-compare-after-wrap{position:absolute;top:0;left:0;bottom:0;overflow:hidden;will-change:width;}
.jxw-compare-after-wrap .jxw-compare-after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.jxw-compare-handle{width:2px;background:rgba(255,255,255,.88);}
.jxw-compare-handle span{width:18px;height:18px;background:transparent;border:none;border-radius:0;box-shadow:none;}
.jxw-compare-handle span::before,.jxw-compare-handle span::after{width:6px;height:6px;border-top:1.8px solid #fff;border-right:1.8px solid #fff;}
.jxw-cookie-banner{border-radius:16px;}
.jxw-float-cta{border-radius:14px;background:var(--jxw-blue);}
@media (max-width: 960px){
  .jxw-hero-track{width:400%;}
  .jxw-hero-slide{min-width:25%;}
  .jxw-hero-copy{padding:24px;}
}


/* =========================
   Single hero final polish
========================= */
.jxw-site-header { position: relative; }
.jxw-header-meta { position: sticky !important; top: 0; z-index: 120; }
.jxw-header-main { position: static !important; z-index: 20; }
.jxw-header-main.is-hidden { opacity: 0; transform: translateY(-18px); pointer-events: none; }

.jxw-hero-single {
  position: relative;
  min-height: min(68vh, 720px);
  display: flex;
  align-items: center;
  background: #dfe7f4;
  overflow: hidden;
}

.jxw-hero-single-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  transform: none !important;
  filter: saturate(1.02) contrast(1.02);
}

.jxw-hero-single .jxw-hero-overlay {
  background: linear-gradient(90deg, rgba(12,24,49,.76) 0%, rgba(12,24,49,.58) 36%, rgba(12,24,49,.30) 68%, rgba(12,24,49,.12) 100%);
}

.jxw-hero-single .jxw-hero-shell {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 76px;
  padding-bottom: 76px;
}

.jxw-hero-single .jxw-hero-copy {
  max-width: 760px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}

.jxw-hero-single .jxw-hero-copy h1 { max-width: 820px; }

.jxw-button,
.jxw-button--primary,
.jxw-button--soft,
.jxw-button--compact,
.jxw-phone-link,
.jxw-float-cta {
  border-radius: 16px !important;
}

@media (max-width: 900px) {
  .jxw-hero-single { min-height: 560px; }
  .jxw-hero-single .jxw-hero-shell { padding-top: 52px; padding-bottom: 52px; }
  .jxw-hero-single .jxw-hero-copy { max-width: 100%; }
}


/* =========================
   Final clean refinement
========================= */
:root{
  --jxw-surface-tint:#eef3fb;
  --jxw-panel-radius:14px;
}
html{scroll-padding-top:24px;}
body{overflow-x:hidden;}
.jxw-site-header{position:relative;box-shadow:none !important;}
.jxw-header-meta{
  position:fixed !important;
  top:18px;
  left:18px;
  z-index:140;
  width:min(420px,calc(100vw - 36px));
  background:rgba(238,243,251,.94) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(47,106,216,.12);
  box-shadow:0 16px 34px rgba(13,26,56,.12) !important;
  border-radius:14px;
}
.jxw-header-meta-shell{padding:10px 16px !important;}
.jxw-header-main{
  position:relative !important;
  z-index:20;
  background:#fff;
}
.jxw-header-main.is-hidden{opacity:1 !important;transform:none !important;pointer-events:auto !important;}
.jxw-header-shell{padding-top:18px; padding-bottom:18px;}
.jxw-hero-single{
  min-height:clamp(560px,72vh,760px);
  background:#dfe7f4;
}
.jxw-hero-single-media{
  background-position:center center !important;
  background-size:cover !important;
  filter:saturate(1.02) contrast(1.03) brightness(.98);
}
.jxw-hero-single .jxw-hero-overlay{
  background:linear-gradient(90deg, rgba(12,24,49,.74) 0%, rgba(12,24,49,.56) 38%, rgba(12,24,49,.22) 74%, rgba(12,24,49,.10) 100%) !important;
}
.jxw-hero-single .jxw-hero-shell{
  padding-top:96px;
  padding-bottom:96px;
}
.jxw-hero-copy{
  max-width:760px !important;
}
.jxw-button,
.jxw-button--primary,
.jxw-button--soft,
.jxw-button--compact,
.jxw-phone-link,
.jxw-float-cta{
  border-radius:14px !important;
}
.jxw-button--primary{
  background:var(--jxw-blue) !important;
}
.jxw-button--soft{
  background:#edf3ff !important;
  color:var(--jxw-blue-deep) !important;
  border:1px solid rgba(47,106,216,.14) !important;
}
.jxw-button--soft:hover{
  background:var(--jxw-blue) !important;
  color:#fff !important;
}
.jxw-home-service-compact,
.jxw-benefit-card,.jxw-process-card,.jxw-review-card,.jxw-service-card,.jxw-compare-card,.jxw-info-panel,.jxw-contact-dialog,.jxw-overview-row article,.jxw-highlight-band{
  border-radius:14px !important;
}
.jxw-compare{border-radius:12px !important;}
.jxw-compare img{
  transform:none !important;
  transition:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.jxw-compare-before{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
}
.jxw-compare-after-wrap{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  overflow:hidden;
}
.jxw-compare-after-wrap .jxw-compare-after{
  position:absolute;
  top:0;
  left:0;
  height:100% !important;
  max-width:none !important;
}
.jxw-compare-handle{
  width:2px !important;
  background:rgba(255,255,255,.9) !important;
}
.jxw-highlight-band{background:#4f7175 !important;}
.jxw-highlight-copy p,.jxw-highlight-copy li{color:rgba(255,255,255,.92) !important;}
.jxw-highlight-copy .jxw-eyebrow{color:#f29a3f !important;}
@media (max-width: 980px){
  .jxw-header-meta{
    top:12px;
    left:12px;
    width:calc(100vw - 24px);
  }
  .jxw-header-main{
    margin-top:0 !important;
  }
  .jxw-header-shell{padding-top:16px;padding-bottom:16px;}
  .jxw-hero-single{min-height:520px;}
  .jxw-hero-single .jxw-hero-shell{padding-top:84px;padding-bottom:72px;}
}
@media (max-width: 720px){
  .jxw-header-meta{
    position:fixed !important;
    width:calc(100vw - 20px);
    left:10px;
    top:10px;
  }
  .jxw-header-meta-list > span{font-size:12px;}
  .jxw-header-main{padding-top:0;}
  .jxw-hero-single{min-height:480px;}
  .jxw-hero-single .jxw-hero-shell{padding-top:96px;padding-bottom:48px;}
}


/* =========================
   Final visual polish
========================= */
.jxw-header-meta{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  border-radius:0 !important;
  box-shadow:0 8px 20px rgba(13,26,56,.08) !important;
  border-left:none !important;
  border-right:none !important;
  background:#edf3fb !important;
  z-index:160 !important;
}
.jxw-header-meta-shell{
  max-width:1280px;
  margin:0 auto;
  padding:10px 24px !important;
}
.jxw-header-meta-list{
  flex-direction:row !important;
  flex-wrap:wrap;
  gap:18px !important;
  align-items:center !important;
}
.jxw-header-meta-list > span{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
  white-space:normal;
}
.jxw-header-meta-list > span:last-child span{line-height:1.35;}
.jxw-site-header{overflow:visible !important;}
.jxw-header-main{
  position:relative !important;
  top:auto !important;
  z-index:20 !important;
}
.jxw-hero-single{
  min-height:clamp(620px, 78vh, 860px) !important;
  overflow:hidden;
  background:#d9e3f1 !important;
}
.jxw-hero-single-media{
  background-position:center center !important;
  background-size:cover !important;
  filter:none !important;
}
.jxw-hero-single .jxw-hero-overlay{
  background:linear-gradient(90deg, rgba(14,24,42,.72) 0%, rgba(14,24,42,.58) 32%, rgba(14,24,42,.22) 68%, rgba(14,24,42,.06) 100%) !important;
}
.jxw-hero-single .jxw-hero-shell{
  padding:90px 120px !important;
}
.jxw-highlight-band{
  background:linear-gradient(135deg,#4d6b7a 0%, #597888 100%) !important;
}
.jxw-highlight-media{background:rgba(255,255,255,.05) !important;}
.jxw-button,.jxw-button--primary,.jxw-button--soft,.jxw-button--compact,.jxw-phone-link,.jxw-float-cta{
  border-radius:14px !important;
}
.jxw-compare,.jxw-compare-before,.jxw-compare-after-wrap,.jxw-compare-after{
  transform:none !important;
  transition:none !important;
}
.jxw-compare-before,
.jxw-compare-after-wrap .jxw-compare-after{
  object-position:center center !important;
}
@media (max-width: 980px){
  .jxw-header-meta-shell{padding:10px 18px !important;}
  .jxw-header-meta-list{gap:10px !important;}
  .jxw-hero-single{min-height:560px !important;}
}
@media (max-width: 720px){
  .jxw-header-meta-list{flex-direction:column !important; align-items:flex-start !important; gap:8px !important;}
  .jxw-header-meta-list > span{align-items:flex-start;}
  .jxw-hero-single{min-height:520px !important;}
  .jxw-hero-single .jxw-hero-shell{padding-top:56px !important; padding-bottom:56px !important;}
}


/* =========================
   2026 Website update
========================= */
.jxw-hero-shell,
.jxw-page-hero-shell{
  justify-content:center !important;
  text-align:center;
  padding-left:32px !important;
  padding-right:32px !important;
}
.jxw-hero-copy,
.jxw-page-hero-copy{
  max-width:760px !important;
  margin:0 auto !important;
  text-align:center;
}
.jxw-hero-copy p,
.jxw-page-hero-copy p{
  max-width:720px !important;
  margin-left:auto;
  margin-right:auto;
}
.jxw-hero-copy .jxw-check-list,
.jxw-page-hero-copy .jxw-check-list{
  width:fit-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  justify-items:start;
}
.jxw-hero-actions,
.jxw-button-row{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
.jxw-section-head{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.jxw-section-head p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.jxw-home-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.jxw-about-section{
  display:grid;
  gap:28px;
}
.jxw-about-logo{
  display:flex;
  justify-content:center;
}
.jxw-about-logo img{
  width:min(100%, 340px);
  height:auto;
}
.jxw-about-grid,
.jxw-material-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.jxw-material-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.jxw-material-card{
  background:#fff;
  border:1px solid var(--jxw-border);
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--jxw-shadow);
}
.jxw-material-card-media{
  background:#f7f9fc;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:280px;
}
.jxw-material-card-media img{
  max-height:320px;
  width:auto;
  object-fit:contain;
}
.jxw-material-card-copy{
  padding:24px;
}
.jxw-google-reviews-box{
  background:#fff;
  border:1px solid var(--jxw-border);
  border-radius:18px;
  padding:28px;
  box-shadow:var(--jxw-shadow);
  text-align:center;
}
.jxw-info-panel--center{
  max-width:860px;
  margin:0 auto;
  text-align:center;
}
@media (max-width: 980px){
  .jxw-home-service-grid,
  .jxw-about-grid,
  .jxw-material-grid{
    grid-template-columns:1fr;
  }
}


/* 2026 refinement update */
.jxw-hero-shell,
.jxw-page-hero-shell{
  justify-content:flex-start !important;
  text-align:left !important;
  padding-left:56px !important;
  padding-right:56px !important;
}
.jxw-hero-copy,
.jxw-page-hero-copy{
  max-width:700px !important;
  margin:0 !important;
  text-align:left !important;
}
.jxw-hero-copy p,
.jxw-page-hero-copy p{
  max-width:620px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.jxw-hero-copy .jxw-check-list,
.jxw-page-hero-copy .jxw-check-list{
  width:auto;
  margin-left:0 !important;
  margin-right:0 !important;
}
.jxw-hero-actions{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:12px;
}

body{
  background:
    radial-gradient(circle at top left, rgba(47, 111, 218, 0.07), transparent 32%),
    radial-gradient(circle at 100% 10%, rgba(221, 122, 38, 0.08), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 18%, #f8faf7 52%, #ffffff 100%) !important;
}
.jxw-section--surface{
  background:linear-gradient(180deg, rgba(237,243,255,0.75) 0%, rgba(247,250,255,0.92) 100%);
}
.jxw-section--band{
  background:linear-gradient(180deg, rgba(237,243,255,0.45) 0%, rgba(255,255,255,0) 100%);
}
.jxw-section:nth-of-type(even):not(.jxw-section--surface):not(.jxw-cta-band){
  background:linear-gradient(180deg, rgba(248,250,247,0.65) 0%, rgba(255,255,255,0) 100%);
}

.jxw-home-service-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:24px;
}
.jxw-home-service-compact{
  grid-column:span 3;
}
.jxw-home-service-compact--wide{
  grid-column:2 / span 4;
}

.jxw-material-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.jxw-material-card-media{
  padding:28px;
  min-height:420px;
  background:linear-gradient(180deg,#f5f7fb 0%, #eef3fa 100%);
}
.jxw-material-card-media img{
  max-height:420px;
  width:100%;
  object-fit:contain;
}
.jxw-material-card-copy{
  padding:28px 28px 32px;
}
.jxw-compare-card{overflow:hidden;padding:0;}
.jxw-compare-card img{width:100%;height:320px;object-fit:cover;display:block;}
.jxw-compare-label{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;background:#fff;}
.jxw-compare-label strong{font-size:20px;}

@media (max-width: 980px){
  .jxw-hero-shell,
  .jxw-page-hero-shell{
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .jxw-home-service-grid{grid-template-columns:1fr;}
  .jxw-home-service-compact,
  .jxw-home-service-compact--wide{grid-column:auto;}
  .jxw-material-grid{grid-template-columns:1fr;}
  .jxw-material-card-media{min-height:320px;}
}


/* 2026 depth and Kunstharzfuge refinement */
.jxw-page-hero-shell,
.jxw-hero-shell{
  padding-left:72px !important;
  padding-right:72px !important;
}
.jxw-page-hero-copy,
.jxw-hero-copy{
  max-width:760px !important;
}
body{
  background:
    radial-gradient(circle at 0% 0%, rgba(69, 122, 91, 0.14), transparent 32%),
    radial-gradient(circle at 100% 8%, rgba(44, 86, 126, 0.14), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(178, 206, 166, 0.16), transparent 30%),
    linear-gradient(180deg, #f3f8f3 0%, #fbfcff 18%, #f4f8ff 44%, #f5fbf4 70%, #ffffff 100%) !important;
}
.jxw-section{
  position:relative;
}
.jxw-section--surface{
  background:linear-gradient(180deg, rgba(226, 239, 231, 0.82) 0%, rgba(243, 248, 255, 0.9) 100%) !important;
}
.jxw-section--band{
  background:linear-gradient(180deg, rgba(232, 241, 236, 0.68) 0%, rgba(255,255,255,0.18) 100%) !important;
}
.jxw-section:nth-of-type(even):not(.jxw-section--surface):not(.jxw-cta-band){
  background:linear-gradient(180deg, rgba(244, 249, 244, 0.82) 0%, rgba(246, 250, 255, 0.46) 100%) !important;
}
.jxw-info-panel,
.jxw-home-service-compact,
.jxw-process-card,
.jxw-benefit-card,
.jxw-about-grid .jxw-info-panel{
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(243,248,244,0.92) 100%);
  border:1px solid rgba(85,110,92,0.12);
  box-shadow:0 18px 40px rgba(20,40,28,0.07);
}
.jxw-home-service-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:24px;
}
.jxw-home-service-compact{
  grid-column:span 2;
}
.jxw-home-service-grid .jxw-home-service-compact:nth-child(4){
  grid-column:2 / span 2;
}
.jxw-home-service-grid .jxw-home-service-compact:nth-child(5){
  grid-column:4 / span 2;
}
.jxw-home-service-compact--wide{
  grid-column:span 2 !important;
}
.jxw-page-hero-copy .jxw-eyebrow,
.jxw-hero-copy .jxw-eyebrow{
  display:inline-flex;
}
.jxw-material-grid{
  grid-template-columns:1fr;
  gap:30px;
  max-width:1100px;
  margin:0 auto;
}
.jxw-material-card{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  align-items:stretch;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 22px 48px rgba(18,38,25,0.12);
}
.jxw-material-card:nth-child(even){
  grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);
}
.jxw-material-card:nth-child(even) .jxw-material-card-media{order:2;}
.jxw-material-card:nth-child(even) .jxw-material-card-copy{order:1;}
.jxw-material-card-media{
  min-height:560px !important;
  padding:36px !important;
  background:linear-gradient(180deg,#eef4fb 0%, #e4edf7 100%) !important;
}
.jxw-material-card-media img{
  width:100% !important;
  max-width:100%;
  max-height:1000px !important;
  object-fit:contain;
}
.jxw-material-card-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:40px !important;
}
.jxw-material-card-copy h3{font-size:clamp(1.6rem,2.6vw,2.2rem);}
.jxw-material-card-copy p{font-size:1.05rem;line-height:1.8;}
.jxw-compare-grid{gap:28px;}
#vergleiche .jxw-compare-card,
.jxw-compare-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(244,248,244,0.92) 100%);
  border:1px solid rgba(85,110,92,0.12);
  box-shadow:0 20px 44px rgba(19,38,25,0.08);
}
@media (max-width: 980px){
  .jxw-page-hero-shell,
  .jxw-hero-shell{
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .jxw-home-service-grid{grid-template-columns:1fr;}
  .jxw-home-service-compact,
  .jxw-home-service-grid .jxw-home-service-compact:nth-child(4),
  .jxw-home-service-grid .jxw-home-service-compact:nth-child(5),
  .jxw-home-service-compact--wide{grid-column:auto !important;}
  .jxw-material-card,
  .jxw-material-card:nth-child(even){grid-template-columns:1fr;}
  .jxw-material-card:nth-child(even) .jxw-material-card-media,
  .jxw-material-card:nth-child(even) .jxw-material-card-copy{order:initial;}
  .jxw-material-card-media{min-height:360px !important;}
}


/* 2026 final service-page alignment + visible site surface color */
.jxw-page-hero-shell{
  justify-content:flex-start !important;
  align-items:center !important;
  padding-left:72px !important;
  padding-right:72px !important;
}
.jxw-page-hero-copy{
  width:min(100%, 760px) !important;
  max-width:760px !important;
  margin:0 !important;
  text-align:left !important;
}
.jxw-page-hero-copy .jxw-eyebrow{
  display:inline-flex !important;
  margin:0 0 14px 0 !important;
}
.jxw-page-hero-copy h1{
  max-width:760px !important;
  margin:0 0 18px 0 !important;
}
.jxw-page-hero-copy p{
  max-width:620px !important;
  margin:0 0 24px 0 !important;
}
.jxw-page-hero-copy .jxw-check-list{
  width:auto !important;
  max-width:620px !important;
  margin:0 0 28px 0 !important;
  gap:14px !important;
  justify-items:start !important;
}
.jxw-page-hero .jxw-hero-actions,
.jxw-page-hero .jxw-button-row{
  margin-top:0 !important;
  justify-content:flex-start !important;
  gap:14px !important;
}

body{
  background:
    radial-gradient(circle at 0% 0%, rgba(86, 135, 105, 0.20), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(65, 108, 154, 0.18), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(198, 219, 188, 0.18), transparent 32%),
    linear-gradient(180deg, #edf5ef 0%, #f3f8ff 20%, #eef6ff 46%, #eff8f0 72%, #f4f8f4 100%) !important;
}
.jxw-section{
  position:relative;
  background:linear-gradient(180deg, rgba(241, 247, 242, 0.82) 0%, rgba(242, 247, 255, 0.58) 100%);
}
.jxw-section--surface{
  background:linear-gradient(180deg, rgba(226, 239, 231, 0.92) 0%, rgba(238, 245, 255, 0.96) 100%) !important;
}
.jxw-section--band{
  background:linear-gradient(180deg, rgba(231, 241, 236, 0.82) 0%, rgba(242, 247, 255, 0.46) 100%) !important;
}
.jxw-section:nth-of-type(even):not(.jxw-section--surface):not(.jxw-cta-band){
  background:linear-gradient(180deg, rgba(235, 243, 237, 0.88) 0%, rgba(238, 245, 255, 0.62) 100%) !important;
}

@media (max-width: 980px){
  .jxw-page-hero-shell{
    padding-left:28px !important;
    padding-right:28px !important;
  }
  .jxw-page-hero-copy{
    width:100% !important;
  }
}

/* final blue-orange background tuning */
body{
  background:
    radial-gradient(circle at 0% 0%, rgba(57, 126, 232, 0.16), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(255, 152, 67, 0.14), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(84, 148, 241, 0.10), transparent 32%),
    linear-gradient(180deg, #eef5ff 0%, #f4f8ff 22%, #f0f6ff 46%, #fff7f0 74%, #f6f9ff 100%) !important;
}
.jxw-header-main{background:#f8fbff;}
.jxw-section{
  position:relative;
  background:linear-gradient(180deg, rgba(239, 246, 255, 0.88) 0%, rgba(247, 243, 255, 0.54) 100%);
}
.jxw-section--surface{
  background:linear-gradient(180deg, rgba(217, 232, 255, 0.82) 0%, rgba(255, 243, 232, 0.72) 100%) !important;
}
.jxw-section--band{
  background:linear-gradient(180deg, rgba(228, 238, 255, 0.78) 0%, rgba(255, 241, 228, 0.36) 100%) !important;
}
.jxw-section:nth-of-type(even):not(.jxw-section--surface):not(.jxw-cta-band){
  background:linear-gradient(180deg, rgba(234, 242, 255, 0.90) 0%, rgba(255, 245, 236, 0.44) 100%) !important;
}
.jxw-highlight-band{
  background:linear-gradient(135deg, #2b68a8 0%, #4b84c4 56%, #6f8faa 100%) !important;
}
.jxw-hero-slider{background:#e7f1ff;}


/* =========================
   Smooth blue-orange page background
========================= */
body{
  background:
    radial-gradient(1200px 720px at 12% 8%, rgba(62, 125, 222, 0.18) 0%, rgba(62, 125, 222, 0.10) 26%, rgba(62, 125, 222, 0.00) 58%),
    radial-gradient(980px 620px at 86% 24%, rgba(238, 140, 48, 0.14) 0%, rgba(238, 140, 48, 0.08) 24%, rgba(238, 140, 48, 0.00) 54%),
    radial-gradient(1100px 760px at 50% 58%, rgba(111, 166, 243, 0.10) 0%, rgba(111, 166, 243, 0.05) 30%, rgba(111, 166, 243, 0.00) 60%),
    linear-gradient(180deg, #edf5ff 0%, #eef5ff 24%, #f1f6ff 44%, #f5f2ff 60%, #fff4ea 78%, #f6f9ff 100%) !important;
}

.jxw-section,
.jxw-section--surface,
.jxw-section--band,
.jxw-cta-band{
  position: relative;
  background: transparent !important;
}

.jxw-section::before,
.jxw-section--surface::before,
.jxw-section--band::before,
.jxw-cta-band::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.08) 100%);
}

.jxw-section > *,
.jxw-section--surface > *,
.jxw-section--band > *,
.jxw-cta-band > *{
  position: relative;
  z-index: 1;
}

.jxw-section:nth-of-type(even):not(.jxw-cta-band)::before{
  background: linear-gradient(180deg, rgba(66, 126, 220, 0.06) 0%, rgba(238, 140, 48, 0.04) 100%);
}

.jxw-section--surface::before{
  background: linear-gradient(180deg, rgba(67, 130, 225, 0.07) 0%, rgba(238, 140, 48, 0.05) 100%);
}

.jxw-section--band::before,
.jxw-cta-band::before{
  background: linear-gradient(180deg, rgba(63, 121, 214, 0.08) 0%, rgba(238, 140, 48, 0.06) 100%);
}

.jxw-highlight-band{
  background: linear-gradient(135deg, #2a6aad 0%, #3c7fc3 52%, #4c83bb 72%, #5a78a2 100%) !important;
}