/* Approved homepage hero. Scoped to the existing homepage container. */
.cx-premium-home .cx-home-hero-compare {
  position: relative;
  min-width: 0;
  width: 100%;
  margin: 0;
  align-self: center;
}
.cx-premium-home .cx-home-hero-compare__stage {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border: 1px solid rgba(13, 32, 58, .12);
  border-radius: 20px;
  background: #eff1ee;
  box-shadow: 0 22px 55px -25px rgba(7, 20, 38, .22);
  cursor: ew-resize;
  touch-action: pan-y;
  user-select: none;
}
.cx-premium-home .cx-home-hero-compare__stage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}
.cx-premium-home .cx-home-hero-compare__after {
  clip-path: polygon(58% 0, 100% 0, 100% 100%, 42% 100%);
}
.cx-premium-home .cx-home-hero-compare__divider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cx-premium-home .cx-home-hero-compare__divider-shadow {stroke: #142a4b66; stroke-width: 5;}
.cx-premium-home .cx-home-hero-compare__divider-line {stroke: white; stroke-width: 2;}
.cx-premium-home .cx-home-hero-compare__handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #dce4ef;
  border-radius: 50%;
  background: white;
  color: #0b1729;
  box-shadow: 0 3px 16px #0b203a26;
  pointer-events: none;
}
.cx-premium-home .cx-home-hero-compare__handle svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cx-premium-home .cx-home-hero-compare:has(input:focus-visible) .cx-home-hero-compare__stage {
  outline: 3px solid #326bff;
  outline-offset: 4px;
}
.cx-premium-home .cx-home-hero-compare__motion {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #dce4ef;
  border-radius: 50%;
  background: #fffffff2;
  color: #0b1729;
  cursor: pointer;
  box-shadow: 0 2px 10px #0b203a12;
}
.cx-premium-home .cx-home-hero-compare__motion svg {width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.cx-premium-home .cx-home-hero-compare__motion [data-play-icon] {fill: currentColor; stroke: none;}
.cx-premium-home .cx-home-hero-compare__motion[data-mode="pause"] [data-play-icon],
.cx-premium-home .cx-home-hero-compare__motion[data-mode="play"] [data-pause-icon],
.cx-premium-home .cx-home-hero-compare__motion[hidden] {display: none;}
.cx-premium-home .cx-home-hero-compare__motion:focus-visible {outline: 3px solid #326bff; outline-offset: 3px;}
.cx-premium-home .cx-home-hero-secondary {display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; min-height: 52px; padding: 3px 0;}
.cx-premium-home .cx-home-hero-secondary__label {display: inline-flex; align-items: center; gap: 9px; line-height: 1.25; transform: none;}
.cx-premium-home .cx-home-hero-secondary small {font-size: 12px; line-height: 1.35; color: #61728b; font-weight: 400;}
.cx-premium-home .cx-home-hero-secondary:hover > span {transform: none;}
.cx-premium-home .cx-home-hero-secondary:hover .cx-home-hero-secondary__label > span {transform: translate(2px, -2px);}
@media (prefers-reduced-motion: reduce) {
  .cx-premium-home .cx-home-hero-compare__motion {display: none;}
}
.cx-premium-home .cx-home-hero-compare__caption {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 14px 3px 0;
  font-size: 13px;
  font-weight: 600;
  color: #0b1729;
}
.cx-premium-home .cx-home-hero-compare__hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #61728b;
  font-size: 12px;
  font-weight: 400;
}
.cx-premium-home .cx-home-hero-compare__hint svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
.cx-premium-home .cx-home-hero-compare__caption strong:last-child {text-align: right; color: #008f72;}
.cx-premium-home .cx-home-hero-compare__caption strong {white-space: nowrap;}
.cx-premium-home .cx-home-v2__hero :is(h1, p) {hyphens: none;}
.cx-premium-home .cx-home-hero-compare__sr-only {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (min-width: 1440px) {
  .cx-premium-home .cx-home-hero-compare {width: calc(100% + 55px);}
}
@media (max-width: 980px) {
  .cx-premium-home .cx-home-hero-compare {width: 100%; max-width: 740px; margin: 12px auto 0;}
}
@media (max-width: 760px) {
  .cx-premium-home .cx-home-hero-secondary {width: 100%; align-items: center; text-align: center; margin-top: 2px; min-height: 52px;}
  .cx-premium-home .cx-home-hero-compare {order: 3; margin: 16px 0 22px;}
  .cx-premium-home .cx-home-hero-compare__stage {border-radius: 15px;}
  .cx-premium-home .cx-home-hero-compare__handle {width: 42px; height: 42px;}
  .cx-premium-home .cx-home-hero-compare__caption {font-size: 12px; gap: 8px; padding-top: 11px;}
  .cx-premium-home .cx-home-hero-compare__hint {font-size: 11px; gap: 4px;}
}
@media (max-width: 360px) {
  .cx-premium-home .cx-home-v2__hero h1 {font-size: 2.5rem; max-width: none;}
  .cx-premium-home .cx-home-hero-compare__hint svg {display: none;}
  .cx-premium-home .cx-home-hero-compare__caption {gap: 5px; font-size: 11px;}
}

/* Local English hero proposal only. Shared photographic shell, native SVG screen text. */
body .cx-premium-home .cx-home-v2__hero.cx-hero-edge {
  position:relative;isolation:isolate;overflow:hidden;width:100%;
  min-height:clamp(650px,43vw,760px);padding:0!important;
  background:#f5f2eb!important;border-radius:0;
}
body .cx-hero-edge::before {
  content:"";position:absolute;inset:0!important;width:auto!important;height:auto!important;
  border:0!important;border-radius:0!important;transform:none!important;filter:none!important;box-shadow:none!important;
  z-index:-2;pointer-events:none;
  background:url("delivery/terrace-desktop-v1.webp") center bottom/cover no-repeat;
}
body .cx-hero-edge::after {
  content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
  z-index:-1!important;border:0!important;border-radius:0!important;transform:none!important;pointer-events:none;
  background:linear-gradient(108deg,#fafbf8 0%,#fafbf8 32%,#fafbf8f5 40%,#fafbf8b8 49%,#fafbf83d 60%,transparent 73%)!important;
}
body .cx-hero-edge .cx-home-v2__hero-grid {
  position:static!important;display:flex!important;align-items:center;
  width:min(1240px,calc(100% - 96px));max-width:none;margin:0 auto;
  min-height:inherit;gap:0;padding:0!important;
}
body .cx-hero-edge .cx-premium-hero__copy {
  display:block!important;position:static;flex:none;width:min(37vw,500px);max-width:500px;
  padding:48px 0;margin:0;
}
body .cx-hero-edge .cx-premium-hero__copy > :not(figure){position:relative;z-index:3}
body .cx-hero-edge h1 {font-size:clamp(3.3rem,4.7vw,4.5rem);max-width:480px;line-height:1.02;letter-spacing:-.065em}
body .cx-hero-edge .cx-premium-hero__lead {max-width:480px}
body .cx-hero-edge .cx-home-hero-compare {
  position:absolute;top:50%;right:24px;transform:translateY(-42%);
  width:min(54vw,820px);max-width:none;margin:0;z-index:1;
}
body .cx-hero-edge .cx-home-hero-compare__stage {
  aspect-ratio:3/2;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;
}
.cx-hero-edge .cx-hero-edge__device {
  position:absolute;inset:0;transform:none;
  filter:drop-shadow(0 16px 13px #3b30212b);
}
.cx-hero-edge .cx-hero-edge__screens {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.cx-hero-edge .cx-hero-edge__screens text {font-family:Arial,Helvetica,sans-serif;letter-spacing:0;text-rendering:geometricPrecision}
body .cx-hero-edge .cx-home-hero-compare__stage img {clip-path:url("#cx-hero-edge-device-mask");object-fit:contain}
.cx-hero-edge .cx-home-hero-compare__after {position:absolute;inset:0}
body .cx-hero-edge .cx-home-hero-compare__caption {
  position:absolute;left:7%;right:6%;bottom:1%;padding:10px 0 0;z-index:3;
  text-shadow:0 1px 8px #fff,0 1px 3px #fff;
}
body .cx-hero-edge .cx-home-hero-compare__caption strong:last-child {color:#008c72;white-space:nowrap}
.cx-hero-edge__mask-defs {position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
@media(max-width:1100px) {
  body .cx-premium-home .cx-home-v2__hero.cx-hero-edge{min-height:0}
  body .cx-hero-edge::before,body .cx-hero-edge::after{display:none}
  body .cx-premium-home .cx-home-v2__hero.cx-hero-edge{background:#fafbf8!important}
  body .cx-hero-edge .cx-home-v2__hero-grid{display:block!important;width:100%;padding:0!important}
  body .cx-hero-edge .cx-premium-hero__copy{width:calc(100% - 48px);max-width:620px;margin:0 auto;padding:56px 0 32px}
  body .cx-hero-edge h1{max-width:580px;font-size:clamp(2.6rem,7.5vw,4rem)}
  body .cx-hero-edge .cx-premium-hero__lead{max-width:560px}
  body .cx-hero-edge .cx-home-hero-compare{isolation:isolate;position:relative;top:auto;right:auto;left:50%;transform:translateX(-50%);width:min(calc(100% + 48px),740px);margin:24px 0 28px;max-width:none}
  body .cx-hero-edge .cx-home-hero-compare::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fafbf8 0%,#fafbf830 24%,transparent 55%),url("delivery/terrace-mobile-v1.webp") center bottom/cover no-repeat}
  body .cx-hero-edge .cx-home-hero-compare__caption{position:relative;left:auto;right:auto;bottom:auto;padding:8px 24px;background:#fafbf8}
}
@media(max-width:600px) {
  body .cx-hero-edge .cx-premium-hero__copy{padding:36px 0 32px;width:calc(100% - 40px)}
  body .cx-hero-edge h1{font-size:clamp(2.25rem,9.8vw,3rem)!important;letter-spacing:-.06em}
  body .cx-hero-edge .cx-premium-hero__lead{font-size:16px;line-height:1.6}
  body .cx-hero-edge .cx-premium-hero__actions{gap:14px;margin-top:24px}
  body .cx-hero-edge .cx-home-hero-secondary{width:auto;align-items:flex-start;text-align:left;margin:0}
  body .cx-hero-edge .cx-home-hero-secondary small{max-width:none;font-size:11px}
  body .cx-hero-edge .cx-home-hero-compare{isolation:isolate;width:calc(100% + 40px);margin:24px 0 28px}
  body .cx-hero-edge .cx-home-hero-compare__caption{left:auto;right:auto;padding:8px 20px;font-size:11px;gap:6px}
  body .cx-hero-edge .cx-home-hero-compare__hint{font-size:10px;gap:3px}
  body .cx-hero-edge .cx-home-hero-compare__handle{width:40px;height:40px}
}
@media(max-width:360px) {
  body .cx-hero-edge .cx-premium-hero__copy{width:calc(100% - 32px)}
  body .cx-hero-edge h1{font-size:2.15rem!important}
  body .cx-hero-edge .cx-home-hero-compare{width:calc(100% + 32px)}
  body .cx-hero-edge .cx-home-hero-compare__hint svg{display:none}
}

/* Isolated, English local proposal. No theme or other-language overrides. */
body .cx-usp-strip {
  color:#151515;background:#fff;border-block:1px solid #e7e9eb;
  margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body .cx-usp-strip .cx-usp-strip__items {
  list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  width:min(1440px,calc(100% - 64px));min-height:112px;
  padding:0;margin:0 auto;gap:0;
}
body .cx-usp-strip .cx-usp-strip__item {
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-width:0;padding:20px 8px;margin:0;line-height:1.35;
}
body .cx-usp-strip .cx-usp-strip__label {
  display:block;color:#151515;font-size:13.5px;font-weight:600;
  letter-spacing:-.02em;white-space:nowrap;
}
body .cx-usp-strip .cx-usp-strip__icon {
  display:block;flex:none;width:44px;height:44px;object-fit:contain;
}
body .cx-usp-strip .cx-usp-strip__platforms {
  display:flex;align-items:center;justify-content:center;gap:7px;flex:none;
}
body .cx-usp-strip .cx-usp-strip__platforms img {display:block;flex:none;object-fit:contain}
body .cx-usp-strip .cx-usp-strip__wordpress {width:25px;height:25px}
body .cx-usp-strip .cx-usp-strip__woo {width:36px;height:26px}
body .cx-usp-strip .cx-usp-strip__shopify {width:23px;height:27px}
body .cx-usp-strip .cx-usp-strip__html {width:28px;height:26px}
body .cx-usp-strip .cx-usp-strip__2d {color:#ca4b31}
body .cx-usp-strip .cx-usp-strip__3d {color:#3065f6}
body .cx-usp-strip .cx-usp-strip__fast {color:#c4520d}
@media(max-width:1240px) and (min-width:721px) {
  body .cx-usp-strip .cx-usp-strip__items {width:calc(100% - 40px)}
  body .cx-usp-strip .cx-usp-strip__item {flex-direction:column;gap:10px;padding:20px 6px;text-align:center}
  body .cx-usp-strip .cx-usp-strip__platforms {min-height:44px}
  body .cx-usp-strip .cx-usp-strip__label {font-size:13px;white-space:normal}
}
@media(max-width:720px) {
  body .cx-usp-strip .cx-usp-strip__items {width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0}
  body .cx-usp-strip .cx-usp-strip__item {flex-direction:column;gap:8px;padding:12px 8px;text-align:center;min-height:92px}
  body .cx-usp-strip .cx-usp-strip__icon {width:36px;height:36px}
  body .cx-usp-strip .cx-usp-strip__label {font-size:12.5px;white-space:normal}
  body .cx-usp-strip .cx-usp-strip__website {grid-column:1/-1;flex-direction:row;min-height:68px;gap:12px;border-block:1px solid #f0f1f2}
}

/* Preview only. Reuses ConfigUX Sans, theme palette and existing choice behavior. */
body .cx-home-problem {
  --cx-problem-warning:#e89f4c;
  --cx-problem-muted:#b5c0cd;
  --cx-problem-caption-space:26px;
  padding:clamp(64px,6vw,96px) 0;
  color:#fff;background:var(--cx-premium-ink,#091321);
  font-family:inherit;
}
.cx-home-problem .cx-home-problem__head {margin:0 0 40px}
.cx-home-problem .cx-kicker {color:var(--cx-premium-mint,#58d5b5)}
.cx-home-problem .cx-home-problem__head h2 {
  max-width:none;margin:18px 0 16px;color:#fff;
  font-family:inherit;font-size:clamp(40px,4.5vw,68px);
  font-weight:720;line-height:1.04;letter-spacing:-.065em;
}
.cx-home-problem .cx-home-problem__head h2 em {color:var(--cx-premium-blue,#376ff8);font-style:normal}
.cx-home-problem .cx-home-problem__head p {margin:0;color:var(--cx-problem-muted);font-size:18px;line-height:1.6}
.cx-home-problem .cx-home-problem__examples {display:grid;gap:16px}
.cx-home-problem .cx-home-problem__row {
  display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,2.4fr);
  align-items:start;gap:28px;min-width:0;
}
.cx-home-problem .cx-home-problem__copy {min-width:0;padding:32px 0 12px}
.cx-home-problem .cx-home-problem__copy h3 {
  margin:0 0 26px;color:#fff;font-family:inherit;
  font-size:clamp(23px,2vw,29px);font-weight:720;line-height:1.12;letter-spacing:-.05em;
}
.cx-home-problem .cx-home-problem__principles {display:grid;gap:24px}
.cx-home-problem .cx-home-problem__principles h4 {
  margin:0 0 10px;color:var(--cx-premium-mint,#58d5b5);font-family:inherit;
  font-size:11px;font-weight:800;line-height:1.3;text-transform:uppercase;letter-spacing:.12em;
}
.cx-home-problem .cx-home-problem__dont h4 {color:var(--cx-problem-warning)}
.cx-home-problem .cx-home-problem__principles ul {display:grid;gap:9px;margin:0;padding:0;list-style:none}
.cx-home-problem .cx-home-problem__principles li {
  display:flex;align-items:flex-start;gap:9px;margin:0;padding:0;
  color:var(--cx-problem-muted);font-size:14px;line-height:1.5;
}
.cx-home-problem .cx-home-problem__principles li::before {content:none}
.cx-home-problem .cx-home-problem__principles li svg {
  flex:none;width:20px;height:20px;margin-top:1px;fill:none;
  stroke:var(--cx-premium-mint,#58d5b5);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;
}
.cx-home-problem .cx-home-problem__dont li svg {stroke:var(--cx-problem-warning)}
.cx-home-problem .cx-home-problem__visuals {
  display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);
  align-items:stretch;gap:12px;min-width:0;padding:18px;
  border:1px solid rgba(88,213,181,.16);border-radius:14px;background:rgba(255,255,255,.012);
}
.cx-home-problem .cx-home-problem__example-name {
  grid-column:1/-1;display:block;margin:0;color:#95a7b7;
  font-size:10px;font-weight:750;line-height:1.4;text-transform:uppercase;letter-spacing:.16em;
}
.cx-home-problem .cx-home-problem__visuals figure {display:flex;flex-direction:column;gap:12px;min-width:0;margin:0}
.cx-home-problem .cx-home-problem__visuals figcaption {
  min-height:14px;color:var(--cx-problem-warning);font-size:10px;font-weight:800;
  line-height:1.4;text-transform:uppercase;letter-spacing:.075em;
}
.cx-home-problem .cx-home-problem__after figcaption {color:var(--cx-premium-mint,#58d5b5)}
.cx-home-problem .cx-home-problem__panel {flex:1;min-width:0;border-radius:8px;background:#fff}
.cx-home-problem .cx-home-problem__car-image {display:grid;place-items:center;overflow:hidden;aspect-ratio:3/2;background:#071018}
.cx-home-problem .cx-home-problem__car-image img {display:block;width:100%;height:100%;object-fit:contain}
.cx-home-problem .cx-home-problem__arrow {
  display:grid;align-self:center;place-items:center;width:44px;height:44px;
  margin-top:var(--cx-problem-caption-space);border-radius:50%;
  color:var(--cx-premium-ink,#091321);background:var(--cx-premium-mint,#58d5b5);
}
.cx-home-problem .cx-home-problem__arrow svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cx-home-problem .cx-home-problem__wall {
  position:relative;display:grid;align-items:center;overflow:hidden;padding:22px;
}
.cx-home-problem .cx-home-problem__wall::after {
  content:"";position:absolute;inset:14px;pointer-events:none;
  background:linear-gradient(to bottom right,transparent 49.65%,#edb4ac 49.8%,#edb4ac 50.2%,transparent 50.35%),linear-gradient(to top right,transparent 49.65%,#edb4ac 49.8%,#edb4ac 50.2%,transparent 50.35%);
  opacity:.8;
}
.cx-home-problem .cx-home-problem__wall p {margin:0;color:#34465a;font-size:12.5px;line-height:1.65}
.cx-home-problem .cx-home-problem__sauna {display:grid;overflow:visible}
.cx-home-problem .cx-home-clarity__choice-visual {width:100%;height:auto;min-height:0;padding:12px;border-radius:inherit;background:#f6f8f7}
.cx-home-problem .cx-home-clarity__choice-group {padding:10px;border-radius:10px}
.cx-home-problem .cx-home-clarity__choice-group + .cx-home-clarity__choice-group {margin-top:12px}
.cx-home-problem .cx-home-clarity__choice-group > strong {margin-bottom:8px;font-size:13px;line-height:1.4}
.cx-home-problem .cx-home-clarity__choice-group > div {gap:6px}
.cx-home-problem .cx-home-clarity__choice-group button {padding:4px 4px 6px;gap:5px;border-radius:8px;font-family:inherit}
.cx-home-problem .cx-home-clarity__choice-group button > img {aspect-ratio:4/3;border-radius:5px}
.cx-home-problem .cx-home-clarity__choice-group button > span:not(.cx-home-clarity__tooltip) {font-size:10px;line-height:1.35}
.cx-home-problem .cx-home-clarity__choice-group button > i {top:7px;right:6px;width:16px;height:16px;font-size:10px}
.cx-home-problem .cx-home-clarity__choice-group button .cx-home-clarity__tooltip {
  top:auto;right:auto;bottom:calc(100% + 6px);left:50%;max-width:150px;
  padding:7px 9px;font-size:10px;line-height:1.35;transform:translate(-50%,6px);
}
.cx-home-problem .cx-home-clarity__tooltip::after {right:auto;left:50%;transform:translateX(-50%)}
.cx-home-problem .cx-home-clarity__choice-group button:is(.is-selected,:hover,:focus-visible) .cx-home-clarity__tooltip {transform:translate(-50%,0)}
.cx-home-problem .cx-home-clarity__choice-group button:first-child .cx-home-clarity__tooltip {left:0;right:auto;transform:translateY(6px)}
.cx-home-problem .cx-home-clarity__choice-group button:first-child:is(.is-selected,:hover,:focus-visible) .cx-home-clarity__tooltip {transform:translateY(0)}
.cx-home-problem .cx-home-clarity__choice-group button:first-child .cx-home-clarity__tooltip::after {left:16px}
.cx-home-problem .cx-home-clarity__choice-group button:last-child .cx-home-clarity__tooltip {left:auto;right:0;transform:translateY(6px)}
.cx-home-problem .cx-home-clarity__choice-group button:last-child:is(.is-selected,:hover,:focus-visible) .cx-home-clarity__tooltip {transform:translateY(0)}
.cx-home-problem .cx-home-clarity__choice-group button:last-child .cx-home-clarity__tooltip::after {left:auto;right:16px;transform:none}
.cx-home-problem .cx-home-problem__note {margin:24px 0 0;color:#95a7b7;font-size:11px;line-height:1.5;text-align:right}
@media(max-width:1100px) {
  .cx-home-problem .cx-home-problem__row {grid-template-columns:1fr;gap:18px}
  .cx-home-problem .cx-home-problem__examples {gap:36px}
  .cx-home-problem .cx-home-problem__copy {display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start;padding:0}
  .cx-home-problem .cx-home-problem__copy h3 {margin:0;font-size:26px}
  .cx-home-problem .cx-home-problem__principles {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .cx-home-problem .cx-home-clarity__choice-group button > span:not(.cx-home-clarity__tooltip) {font-size:11px}
}
@media(max-width:720px) {
  body .cx-home-problem {padding:52px 0}
  .cx-home-problem .cx-home-problem__head {margin-bottom:30px}
  .cx-home-problem .cx-home-problem__head h2 {max-width:12ch;font-size:clamp(36px,9.8vw,52px)}
  .cx-home-problem .cx-home-problem__head p {font-size:16px}
  .cx-home-problem .cx-home-problem__copy {grid-template-columns:1fr;gap:18px}
  .cx-home-problem .cx-home-problem__copy h3 {font-size:25px}
  .cx-home-problem .cx-home-problem__principles li {font-size:13px}
  .cx-home-problem .cx-home-problem__visuals {grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}
  .cx-home-problem .cx-home-problem__visuals figure {gap:10px}
  .cx-home-problem .cx-home-problem__arrow {justify-self:center;margin:0;width:40px;height:40px}
  .cx-home-problem .cx-home-problem__arrow svg {transform:rotate(90deg)}
  .cx-home-problem .cx-home-problem__wall {min-height:240px;padding:20px}
  .cx-home-problem .cx-home-problem__wall p {font-size:13px}
  .cx-home-problem .cx-home-clarity__choice-group button {padding-inline:2px}
  .cx-home-problem .cx-home-clarity__choice-group button > span:not(.cx-home-clarity__tooltip) {font-size:clamp(10px,2.6vw,11px)}
  .cx-home-problem .cx-home-problem__note {text-align:left}
}
@media(min-width:721px) and (max-width:767px) {
  .cx-home-problem .cx-home-clarity__choice-group button {padding-inline:2px}
  .cx-home-problem .cx-home-clarity__choice-group button > span:not(.cx-home-clarity__tooltip) {font-size:10px}
}
@media(max-width:360px) {
  .cx-home-problem .cx-home-clarity__choice-group > div {grid-template-columns:minmax(0,1fr)}
  .cx-home-problem .cx-home-clarity__choice-group button {grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:6px;text-align:left}
  .cx-home-problem .cx-home-clarity__choice-group button > img {width:64px}
  .cx-home-problem .cx-home-clarity__choice-group button > span:not(.cx-home-clarity__tooltip) {padding-right:16px;font-size:11px;overflow:visible;text-overflow:clip}
}
@media(prefers-reduced-motion:reduce) {
  .cx-home-problem .cx-home-clarity__choice-group button,
  .cx-home-problem .cx-home-clarity__tooltip {transition:none}
}

/* Direction 1: isolated native HTML continuation, using the existing ConfigUX font. */
.cxj{--j-ink:var(--cx-premium-ink,#091321);--j-blue:var(--cx-premium-blue,#376ff8);--j-mint:var(--cx-premium-mint,#58d5b5);--j-muted:#5e7086;position:relative;isolation:isolate;color:var(--j-ink);background:#fff;font-family:inherit}
.cxj *{box-sizing:border-box}.cxj [hidden],.cxj-dialog [hidden]{display:none!important}.cxj img{max-width:100%;display:block}.cxj h2,.cxj h3,.cxj p,.cxj figure{margin:0;font-family:inherit}.cxj h2{font-size:clamp(36px,4.25vw,64px);font-weight:720;letter-spacing:-.065em;line-height:1.04;text-wrap:balance}.cxj h2 em{font-style:normal;color:var(--j-blue)}.cxj h3{font-size:23px;letter-spacing:-.04em;line-height:1.15;font-weight:720}.cxj p{font-size:17px;line-height:1.6;color:var(--j-muted);hyphens:none}.cxj a{color:var(--j-blue);text-decoration:none}.cxj .cx-kicker{font-size:10px;letter-spacing:.14em;line-height:1.5;color:#00846b;gap:9px}.cxj .cx-kicker>span{flex:none}.cxj :is(a,button,summary):focus-visible,.cxj-dialog :is(a,button,video,iframe):focus-visible{outline:3px solid #376ff8;outline-offset:5px}.cxj button{font:inherit;cursor:pointer}.cxj-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 23px;color:#fff!important;background:var(--j-blue);border:1px solid transparent;border-radius:30px;font-size:14px!important;font-weight:700!important;line-height:1.4;text-decoration:none;box-shadow:0 8px 25px #376ff825}.cxj-button:hover{background:#255deb}.cxj-button-light{color:var(--j-ink)!important;background:#fff;border-color:#b5c0ce;box-shadow:0 5px 12px #09132108}.cxj-button-light:hover{background:#f7f9fc}.cxj-button-outline{background:transparent;border-color:#c4cdd6;box-shadow:none}.cxj-button-outline:hover{background:#ffffff12}.cxj-link{display:inline-flex;align-items:center;gap:13px;padding:0 0 3px;border:0;border-bottom:1px solid currentColor;background:none;color:var(--j-blue);font-size:14px!important;font-weight:650!important;width:fit-content;line-height:1.5}
/* Compact problem: original before/after assets and 3 x 3 points are retained. */
.cxj.cxj-problem{padding:54px 0 48px;background:radial-gradient(ellipse at 0 0,#12312f55,transparent 65%),#091321;color:#fff}.cxj.cxj-problem>.cx-container{display:grid;grid-template-columns:.76fr 1.8fr;align-items:center;gap:46px}.cxj.cxj-problem .cx-home-problem__head{margin:0;display:block}.cxj.cxj-problem .cx-kicker{color:var(--j-mint)}.cxj.cxj-problem h2{font-size:clamp(36px,3.6vw,54px);margin-top:24px;line-height:1.04}.cxj.cxj-problem h2 em{display:block}.cxj.cxj-problem .cx-home-problem__head>p{font-size:15px;line-height:1.55;color:#bcc7d3;margin:20px 0 0;max-width:295px}.cxj-problem-switch{display:flex;gap:3px;width:fit-content;margin-top:28px;padding:4px;border-radius:30px;background:#ffffff10}.cxj-problem-switch button{min-width:92px;min-height:38px;border:0;border-radius:30px;background:none;color:#c1cbd5;font-size:13px;font-weight:650}.cxj-problem-switch button[aria-selected=true]{background:#fff;color:#091321;box-shadow:0 2px 6px #0002}.cxj-problem-examples{min-width:0}.cxj-problem-panel>.cx-home-problem__visuals{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:12px;align-items:center;margin:0;padding:19px;border:1px solid #ffffff14;border-radius:13px;background:#07131d66}.cxj.cxj-problem .cx-home-problem__example-name{display:none}.cxj.cxj-problem .cx-home-problem__panel{border-radius:4px;border:0;box-shadow:none;overflow:hidden;aspect-ratio:1.32;min-height:0}.cxj.cxj-problem .cx-home-problem__panel img{width:100%;height:100%;object-fit:contain;background:#fff}.cxj.cxj-problem .cx-home-problem__visuals figcaption{font-size:8px;line-height:1.5;letter-spacing:.12em;margin-bottom:11px;min-height:24px}.cxj.cxj-problem .cx-home-problem__arrow{width:35px;height:35px;margin-top:29px;align-self:center;box-shadow:0 0 0 5px #58d5b50b}.cxj.cxj-problem .cx-home-problem__wall{padding:15px}.cxj.cxj-problem .cx-home-problem__wall p{font-size:10px;line-height:1.6;color:#324356;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden}.cxj.cxj-problem .cx-home-problem__sauna{padding:10px;font-size:8px}.cxj.cxj-problem .cx-home-choice-group{padding:7px}.cxj.cxj-problem .cx-home-choice-group+div{margin-top:8px}.cxj.cxj-problem .cx-home-choice-group h4{font-size:9px}.cxj-principles{margin-top:12px}.cxj-principles>summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:8px 2px;color:#aebdca;font-size:11px;cursor:pointer}.cxj-principles>summary::-webkit-details-marker{display:none}.cxj-principles>summary>span{font-size:16px;line-height:1}.cxj-principles[open]>summary>span{transform:rotate(45deg)}.cxj-principles .cx-home-problem__copy{padding:16px 0 4px}.cxj-principles .cx-home-problem__copy h3{font-size:20px;margin:0 0 20px;color:#fff}.cxj-principles .cx-home-problem__principles{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cxj-principles .cx-home-problem__principles h4{font-size:10px;letter-spacing:.14em;margin-bottom:13px}.cxj-principles .cx-home-problem__principles li{font-size:12px;gap:9px;line-height:1.5}.cxj-principles .cx-home-problem__principles svg{width:17px;height:17px;flex:none}
/* Warm video scene, with a real demo on demand. */
.cxj-experience{min-height:600px;background:#f6f1e9;overflow:hidden}.cxj-experience-scene{position:absolute;inset:0}.cxj-experience-photo,.cxj-start-photo,.cxj-finish-photo{position:absolute;inset:0}.cxj-experience-photo img,.cxj-start-photo img,.cxj-finish-photo img{width:100%;height:100%;object-fit:cover}.cxj-experience-photo img{object-position:center 62%}.cxj-experience-fade{position:absolute;inset:0;background:linear-gradient(90deg,#faf8f4 0,#faf8f4f5 17%,#faf8f4b0 30%,transparent 51%);pointer-events:none}.cxj-experience-content{position:relative;min-height:600px;display:flex;align-items:center;padding-block:55px}.cxj-experience-copy{max-width:405px;position:relative;z-index:2}.cxj-experience-copy h2{font-size:clamp(36px,3.85vw,59px);margin-top:24px}.cxj-experience-copy>p{max-width:315px;margin-top:22px;font-size:16px}.cxj-experience-copy>.cxj-button{margin-top:30px}.cxj-experience-copy>.cxj-link{display:flex;margin-top:25px}.cxj-play{position:absolute;top:51%;left:58%;display:grid;place-items:center;width:66px;height:66px;border:1px solid #ffffffdd;border-radius:50%;background:#fff;color:#091321;box-shadow:0 8px 30px #09132122}.cxj-play>span{margin-left:4px;font-size:22px}.cxj-live-options{display:block;position:absolute;right:0;top:42px;width:244px;padding:18px 15px 12px;border-radius:12px;background:#ffffffed;box-shadow:0 10px 35px #09132110;color:#091321!important;z-index:1;transition:box-shadow .18s}.cxj-live-options:hover{box-shadow:0 12px 40px #09132128}.cxj-options{font-size:10px;color:#142031}.cxj-option-group+div{margin-top:15px}.cxj-option-group>strong{display:block;font-size:11px;letter-spacing:-.015em;margin-bottom:8px;line-height:1.3}.cxj-options small{font-size:8px;line-height:1.4;display:block;text-align:center;color:#263444}.cxj-sizes,.cxj-fabrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cxj-sizes>span,.cxj-fabrics>span{border:1px solid #e4e6e8;border-radius:5px;background:#fcfcfa;padding:3px 3px 5px}.cxj-sizes>span.is-selected,.cxj-fabrics>span.is-selected{border-color:#718393;background:#f4f6f6}.cxj-sofa{position:relative;display:block;aspect-ratio:1.5;width:100%}.cxj-sofa img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cxj-corduroy,.cxj-boucle{display:block;height:39px;width:100%;border-radius:3px;margin-bottom:5px}.cxj-corduroy{background:repeating-linear-gradient(90deg,#b9ab93 0,#b9ab93 2px,#dfd3be 3px,#d0c1a8 6px)}.cxj-boucle{background:radial-gradient(circle at 30% 30%,#e7dfcc 0 28%,transparent 32%) 0 0/6px 5px,radial-gradient(circle at 75% 75%,#bdb09b 0 25%,#d3c6af 29%) 0 0/5px 6px}.cxj-swatches{display:flex;justify-content:space-between;gap:4px}.cxj-swatches>span,.cxj-metals>span{display:grid;justify-items:center;flex:1;gap:4px}.cxj-swatches i{display:block;width:24px;height:24px;border:2px solid #fff;outline:1px solid #d7dce1;border-radius:50%;background:var(--swatch)}.cxj-metals{display:flex;width:55%;gap:10px}.cxj-metals i{display:block;width:25px;height:25px;border-radius:50%;background:linear-gradient(150deg,#74818a,#fafafa 45%,#83909b 70%,#e3e8ed);border:1px solid #c4cdd4}.cxj-metals i.is-black{background:linear-gradient(150deg,#1b2024,#595f64,#20242a)}.cxj-options-link{display:flex;justify-content:space-between;font-size:10px;color:var(--j-blue);font-weight:650;margin-top:14px;padding-top:10px;border-top:1px solid #e2e6e8}
/* One product, four concrete stages. All diagram text remains HTML. */
.cxj-how{padding:67px 0 52px;background:linear-gradient(135deg,#fff,#fbfcff)}.cxj-how header h2{margin-top:24px;font-size:clamp(35px,3.6vw,54px)}.cxj-how header>p{margin-top:14px;font-size:17px}.cxj-journey{display:grid;grid-template-columns:1fr 2.2fr .9fr 1.3fr;gap:25px;margin-top:40px}.cxj-stage{min-width:0;position:relative}.cxj-stage-visual{height:270px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:32px;position:relative;isolation:isolate}.cxj-stage-start .cxj-stage-visual:after,.cxj-stage-preview .cxj-stage-visual:after{content:'→';position:absolute;right:-24px;top:47%;font-size:25px;z-index:3;color:#33475c}.cxj-asset-board{background:#fff;border:1px solid #e1e6eb;box-shadow:0 7px 24px #0913210b;padding:12px 9px;border-radius:8px;width:100%}.cxj-asset-board>strong{font-size:9px;display:block;margin-bottom:4px;line-height:1.5}.cxj-layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:5px}.cxj-layer-grid>span{border-radius:3px;background:#f5f6f6;overflow:hidden}.cxj-layer-grid img{height:40px;width:100%;object-fit:contain}.cxj-layer-grid small{display:block;padding:3px 0;font-size:7px;text-align:center;color:#405269}.cxj-layer-grid i{height:30px;margin:0}.cxj-laptop{width:100%;position:relative}.cxj-studio{border:6px solid #19222a;border-bottom-width:9px;border-radius:10px 10px 4px 4px;background:#f6f8fa;height:240px;overflow:hidden;box-shadow:0 8px 20px #09132115}.cxj-studio-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe2e7;padding:9px 5px;gap:8px;font-size:6px;white-space:nowrap}.cxj-studio-bar strong{font-size:7px}.cxj-studio-bar b{color:#376ff8;margin-left:8px}.cxj-studio-bar i{font-style:normal;background:#376ff8;padding:4px 6px;border-radius:3px;color:#fff}.cxj-studio-grid{display:grid;grid-template-columns:34px 1fr 104px;height:calc(100% - 31px)}.cxj-studio-tools{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;border-right:1px solid #e2e7ec;color:#58708d}.cxj-studio-tools b,.cxj-studio-tools small{font-size:5px;line-height:1.2}.cxj-studio-tools span{font-size:12px;line-height:1.2}.cxj-studio-canvas{position:relative;display:flex;align-items:center;background:linear-gradient(#f4f6f8,#fff)}.cxj-studio-label{position:absolute;top:13px;left:10px;font-size:7px;font-weight:650;color:#5e7086}.cxj-studio-grid>.cxj-options{padding:8px 5px;background:#fff;border-left:1px solid #e2e7ec}.cxj-studio .cxj-option-group+div{margin-top:9px}.cxj-studio .cxj-option-group>strong{font-size:7px;margin-bottom:4px}.cxj-studio .cxj-options small{font-size:5px}.cxj-studio .cxj-sizes,.cxj-studio .cxj-fabrics{gap:3px}.cxj-studio .cxj-corduroy,.cxj-studio .cxj-boucle{height:21px;margin-bottom:2px}.cxj-studio .cxj-swatches i{width:13px;height:13px;border-width:1px}.cxj-laptop-base{height:9px;width:108%;margin-left:-4%;border-radius:1px 1px 50% 50%;background:linear-gradient(#b4bcc2,#e2e6e9 35%,#89949d);position:relative;box-shadow:0 7px 10px #09132114}.cxj-laptop-base:before{content:'';position:absolute;top:0;left:40%;width:20%;height:3px;background:#9ba6ae;border-radius:0 0 5px 5px}.cxj-phone{width:118px;height:250px;border:4px solid #15212b;border-radius:20px;background:#fff;padding:12px 6px 5px;position:relative;overflow:hidden;box-shadow:0 8px 20px #09132112}.cxj-phone-notch{position:absolute;top:0;left:33%;width:34%;height:9px;border-radius:0 0 7px 7px;background:#15212b}.cxj-phone-screen>strong{font-size:8px}.cxj-phone .cxj-options{margin-top:5px}.cxj-phone .cxj-option-group+div{margin-top:9px}.cxj-phone .cxj-option-group>strong{font-size:7px;margin-bottom:3px}.cxj-phone .cxj-options small{font-size:5px}.cxj-phone .cxj-sizes,.cxj-phone .cxj-fabrics{gap:3px}.cxj-phone .cxj-corduroy,.cxj-phone .cxj-boucle{height:16px;margin-bottom:2px}.cxj-phone .cxj-swatches i{width:12px;height:12px;border-width:1px}.cxj-website{width:100%;padding:9px;border:1px solid #dfe5eb;background:#fff;box-shadow:0 8px 24px #0913210d;border-radius:7px}.cxj-website-nav{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:5px;border-bottom:1px solid #edf0f3;padding-bottom:9px;margin-bottom:9px}.cxj-website-nav b{font-size:7px}.cxj-website>strong{font-size:10px}.cxj-website>.cxj-sofa{margin-block:5px}.cxj-website .cxj-option-group+div{margin-top:7px}.cxj-website .cxj-option-group>strong{font-size:7px;margin-bottom:4px}.cxj-website .cxj-options small{font-size:5px}.cxj-website .cxj-options>.cxj-option-group:first-child{display:none}.cxj-website .cxj-corduroy,.cxj-website .cxj-boucle{height:20px;margin-bottom:2px}.cxj-website .cxj-swatches i{width:15px;height:15px;border-width:1px}.cxj-quote{display:block;border-radius:4px;background:#091321;color:#fff;text-align:center;font-size:7px;padding:6px 2px;margin-top:9px;white-space:nowrap}.cxj-step-copy{border-top:1px solid #cbd8e9;padding-top:19px;position:relative}.cxj-step-copy:before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:var(--j-blue)}.cxj-step-copy>span{font-size:13px;font-weight:650;color:#546f97}.cxj-step-copy h3{font-size:21px;margin-top:6px}.cxj-step-copy p{font-size:13px;line-height:1.6;margin-top:8px;max-width:220px}.cxj-step-copy a{font-size:11px;font-weight:650;display:inline-block;line-height:1.5;margin-top:14px}.cxj-step-copy a:hover{text-decoration:underline}.cxj-illustration-note{text-align:center;font-size:10px!important;margin-top:24px!important;color:#8391a2!important}.cxj-asset-help{display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;margin:25px auto 0;padding:17px 22px;border:1px solid #e0e6ed;border-radius:10px;background:#f6f8fc;color:#091321!important}.cxj-asset-help strong{display:block;font-size:14px}.cxj-asset-help small{display:block;color:#63748a;font-size:12px;line-height:1.5;margin-top:5px}.cxj-asset-help>span:last-child{margin-left:30px}.cxj-help-icon{font-size:25px}
/* Start paths, FAQ and photographic closing. */
.cxj-start{min-height:430px;background:#faf7f2;overflow:hidden}.cxj-start-photo{left:28%}.cxj-start-photo img{object-position:70% 55%}.cxj-start-fade{position:absolute;inset:0;background:linear-gradient(90deg,#faf8f4 0,#faf8f4fa 28%,#faf8f4cc 39%,#faf8f455 55%,transparent 72%);pointer-events:none}.cxj-start-content{position:relative;padding-block:48px}.cxj-start-copy{max-width:640px}.cxj-start h2{font-size:clamp(36px,3.7vw,56px);margin-top:22px}.cxj-start h2 em{color:var(--j-ink)}.cxj-paths{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;margin-top:35px;max-width:590px}.cxj-paths article{display:flex;flex-direction:column;align-items:start;min-width:0}.cxj-paths article+article{border-left:1px solid #cdd3da;padding-left:26px}.cxj-paths h3{font-size:21px}.cxj-paths p{font-size:14px;line-height:1.6;margin-top:10px;max-width:235px}.cxj-paths .cxj-button{margin-top:20px;min-height:43px;font-size:12px!important;padding:11px 18px}.cxj-faq{padding:48px 0;background:#fff}.cxj-faq-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px}.cxj-faq h2{font-size:clamp(33px,3.2vw,46px);margin-top:20px}.cxj-questions{display:grid;gap:10px;align-content:start}.cxj-questions details{border:1px solid #e1e7ee;border-radius:8px;background:#f7f9fc}.cxj-questions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;padding:15px 18px;font-size:14px;font-weight:550;line-height:1.5;min-height:50px}.cxj-questions summary::-webkit-details-marker{display:none}.cxj-questions summary>span{font-size:21px;font-weight:350;line-height:1;color:#60738a}.cxj-questions details[open] summary>span{transform:rotate(45deg)}.cxj-questions details>div{padding:0 18px 18px}.cxj-questions p{font-size:14px;line-height:1.7}.cxj-questions a{display:inline-block;margin-top:12px;font-size:13px;font-weight:650}.cxj-finish{min-height:380px;overflow:hidden;background:#091321;color:#fff}.cxj-finish-photo img{object-position:center 55%}.cxj-finish-fade{position:absolute;inset:0;background:linear-gradient(90deg,#091321f0 0,#091321db 25%,#09132166 48%,transparent 72%);pointer-events:none}.cxj-finish-content{position:relative;padding-block:48px}.cxj-finish .cx-kicker{color:var(--j-mint)}.cxj-finish h2{margin-top:23px;font-size:clamp(38px,4vw,59px);color:#fff;max-width:560px}.cxj-finish p{font-size:15px;max-width:330px;color:#d0dae2;margin-top:20px}.cxj-actions{display:flex;gap:17px;flex-wrap:wrap;margin-top:24px}body.cx-home-warm-preview .cx-sticky-cta{display:none!important}body.cx-home-warm-preview main+footer.wp-block-template-part{margin-block-start:0}body.cx-home-warm-preview .cx-footer{padding-top:40px}
/* Media is mounted only after a deliberate click. Native dialogs handle Escape. */
.cxj-dialog{position:fixed;inset:0;margin:auto;padding:0;border:1px solid #dbe4ed;border-radius:13px;width:min(1100px,94vw);max-height:92dvh;overflow:auto;background:#fff;color:#091321;box-shadow:0 20px 100px #0005;font-family:inherit}.cxj-dialog::backdrop{background:#07121dde;backdrop-filter:blur(5px)}.cxj-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid #e2e7ed}.cxj-dialog-head h2{font-family:inherit;font-size:17px;font-weight:650;line-height:1.4;margin:0;letter-spacing:-.025em}.cxj-dialog-head button{font-family:inherit;font-size:30px;font-weight:400;line-height:1;min-width:40px;min-height:40px;background:none;border:0;cursor:pointer}.cxj-dialog video{width:100%;display:block;max-height:75dvh;background:#07121d}.cxj-dialog>p{font-size:13px;padding:12px 20px;line-height:1.5;margin:0}.cxj-demo-frame{height:min(700px,73dvh)}.cxj-demo-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.cxj-demo-fallback a{color:#275be0}body.cxj-modal-open{overflow:hidden}
@media(min-width:1600px){.cxj-experience{min-height:650px}.cxj-experience-content{min-height:650px}.cxj-live-options{top:55px}.cxj-stage-visual{height:310px}.cxj-studio{height:265px}.cxj-phone{height:270px;width:129px}}
@media(max-width:1100px){.cxj.cxj-problem>.cx-container{gap:27px;grid-template-columns:.8fr 1.6fr}.cxj.cxj-problem .cx-home-problem__panel{aspect-ratio:1.05}.cxj-problem-panel>.cx-home-problem__visuals{padding:13px;gap:8px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}.cxj.cxj-problem .cx-home-problem__arrow{width:28px;height:28px}.cxj-experience-copy{max-width:330px}.cxj-live-options{width:220px}.cxj-play{left:54%}.cxj-journey{gap:18px;grid-template-columns:1fr 2fr .9fr 1.2fr}.cxj-stage-visual{height:235px}.cxj-studio{height:210px;border-width:5px}.cxj-studio-grid{grid-template-columns:25px 1fr 80px}.cxj-studio-bar{font-size:5px;gap:4px}.cxj-studio-bar strong{font-size:6px}.cxj-studio-tools b,.cxj-studio-tools small{font-size:4px}.cxj-phone{height:221px;width:103px}.cxj-phone .cxj-option-group+div{margin-top:5px}.cxj-stage-start .cxj-stage-visual:after,.cxj-stage-preview .cxj-stage-visual:after{right:-19px;font-size:22px}.cxj-start-copy{max-width:570px}.cxj-paths{max-width:540px}.cxj-paths .cxj-button{padding-inline:14px}}
@media(max-width:800px){.cxj.cxj-problem>.cx-container{grid-template-columns:1fr;gap:27px}.cxj.cxj-problem{padding-block:42px 35px}.cxj.cxj-problem h2{font-size:46px;margin-top:19px;max-width:600px}.cxj.cxj-problem h2 em{display:inline}.cxj.cxj-problem .cx-home-problem__head>p{max-width:none;font-size:16px;margin-top:17px}.cxj-problem-switch{margin-top:22px}.cxj.cxj-problem .cx-home-problem__panel{aspect-ratio:1.32}.cxj.cxj-problem .cx-home-problem__visuals figcaption{font-size:9px}.cxj.cxj-problem .cx-home-problem__arrow{width:32px;height:32px}.cxj-problem-panel>.cx-home-problem__visuals{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);padding:17px;gap:12px}.cxj-experience-content{min-height:570px}.cxj-experience{min-height:570px}.cxj-experience-copy{max-width:300px}.cxj-experience-copy h2{font-size:42px}.cxj-live-options{width:202px;top:50px;padding:13px 10px}.cxj-experience-fade{background:linear-gradient(90deg,#faf8f4 0,#faf8f4e8 24%,#faf8f455 55%,transparent 80%)}.cxj-play{left:52%;top:62%;width:53px;height:53px}.cxj-start-photo{left:16%}.cxj-start-fade{background:linear-gradient(90deg,#faf8f4 0,#faf8f4f0 35%,#faf8f4b0 59%,transparent 95%)}.cxj-faq-grid{gap:30px;grid-template-columns:.9fr 1.6fr}.cxj-how{padding-top:50px}.cxj-journey{grid-template-columns:1fr 1fr;gap:32px;margin-top:27px}.cxj-stage-visual{height:265px}.cxj-studio{height:242px}.cxj-studio-grid{grid-template-columns:29px 1fr 90px}.cxj-asset-board{max-width:210px}.cxj-phone{height:257px;width:120px}.cxj-phone .cxj-option-group+div{margin-top:8px}.cxj-website{max-width:230px}.cxj-stage-start .cxj-stage-visual:after,.cxj-stage-preview .cxj-stage-visual:after{right:-26px}.cxj-step-copy p{font-size:14px;max-width:230px}.cxj-step-copy a{font-size:12px}.cxj-how header h2{font-size:40px;max-width:650px}.cxj-start h2{font-size:44px}.cxj-finish h2{font-size:46px}}
@media(max-width:600px){.cxj h2{font-size:39px}.cxj .cx-kicker{font-size:9px}.cxj.cxj-problem h2{font-size:42px}.cxj.cxj-problem h2 em{display:block}.cxj.cxj-problem .cx-home-problem__visuals figcaption{font-size:7px;letter-spacing:.08em;min-height:26px;margin-bottom:7px}.cxj-problem-panel>.cx-home-problem__visuals{gap:7px;padding:12px;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr)}.cxj.cxj-problem .cx-home-problem__arrow{width:23px;height:23px;margin-top:25px;box-shadow:none}.cxj.cxj-problem .cx-home-problem__arrow svg{width:15px}.cxj.cxj-problem .cx-home-problem__panel{aspect-ratio:1.05}.cxj-principles .cx-home-problem__principles{gap:15px}.cxj-principles .cx-home-problem__principles li{font-size:11px;gap:6px}.cxj-principles .cx-home-problem__principles svg{width:15px;height:15px}.cxj-experience{display:flex;flex-direction:column;min-height:0}.cxj-experience-content{display:contents;min-height:0}.cxj-experience-copy{order:0;padding:37px 0 26px;width:calc(100% - 40px);margin-inline:auto;max-width:none}.cxj-experience-copy h2{margin-top:19px}.cxj-experience-copy>p{font-size:16px;margin-top:17px;max-width:350px}.cxj-experience-copy>.cxj-button{margin-top:23px}.cxj-experience-copy>.cxj-link{margin-top:20px}.cxj-experience-scene{position:relative;order:1;height:325px;width:100%;inset:auto;flex:none}.cxj-experience-photo{position:absolute;inset:0;height:100%;display:block;width:100%}.cxj-experience-photo img{object-position:64% 64%}.cxj-experience-fade{display:none}.cxj-play{top:calc(50% - 26px);bottom:auto;left:calc(50% - 26px);z-index:3;background:#fff}.cxj-live-options{order:2;position:relative;inset:auto;width:calc(100% - 40px);margin:-25px auto 26px;padding:17px 14px 11px;border-radius:10px}.cxj-live-options>.cxj-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cxj-live-options .cxj-option-group+div{margin:0}.cxj-live-options .cxj-sizes .cxj-sofa{height:48px;aspect-ratio:auto}.cxj-live-options .cxj-option-group>strong{font-size:10px}.cxj-live-options .cxj-options small{font-size:7px}.cxj-live-options .cxj-options-link{font-size:11px}.cxj-live-options .cxj-metals{width:80%;gap:14px}.cxj-how{padding-block:42px 37px}.cxj-how header h2{font-size:36px;margin-top:20px}.cxj-how header>p{font-size:16px}.cxj-journey{grid-template-columns:1fr;gap:30px}.cxj-stage{display:grid;grid-template-columns:1fr 1.12fr;gap:24px;align-items:center}.cxj-stage-visual{height:205px;margin:0;align-items:center;order:1}.cxj-step-copy{order:0;padding-top:16px;height:100%}.cxj-step-copy h3{font-size:21px}.cxj-step-copy p{font-size:13px;line-height:1.6}.cxj-step-copy a{font-size:11px}.cxj-stage-start .cxj-stage-visual:after,.cxj-stage-preview .cxj-stage-visual:after{display:none}.cxj-stage-build{grid-template-columns:1fr}.cxj-stage-build .cxj-stage-visual{order:1;height:235px}.cxj-stage-build .cxj-step-copy{order:0}.cxj-studio{height:220px;max-width:420px}.cxj-laptop{max-width:420px}.cxj-studio-grid{grid-template-columns:35px 1fr 106px}.cxj-studio-bar{padding:8px;font-size:6px}.cxj-studio-bar strong{font-size:7px}.cxj-studio-tools b,.cxj-studio-tools small{font-size:5px}.cxj-studio .cxj-options small{font-size:5px}.cxj-studio .cxj-option-group+div{margin-top:7px}.cxj-phone{width:100px;height:211px}.cxj-phone .cxj-option-group+div{margin-top:4px}.cxj-stage-connect .cxj-stage-visual{height:255px}.cxj-website{max-width:180px}.cxj-website-nav{font-size:4px}.cxj-website .cxj-options small{font-size:4px}.cxj-website .cxj-corduroy,.cxj-website .cxj-boucle{height:17px}.cxj-website .cxj-swatches i{width:14px;height:14px}.cxj-website .cxj-option-group+div{margin-top:5px}.cxj-layer-grid{gap:5px}.cxj-asset-board{padding:10px 6px}.cxj-asset-board>strong{font-size:8px}.cxj-asset-help{padding:15px;gap:12px;width:100%;margin-top:20px}.cxj-asset-help strong{font-size:12px}.cxj-asset-help small{font-size:11px}.cxj-help-icon{font-size:22px}.cxj-asset-help>span:last-child{margin-left:0}.cxj-start{display:flex;flex-direction:column;min-height:0}.cxj-start-photo{position:relative;order:1;inset:auto;width:100%;height:300px}.cxj-start-photo img{object-position:72% 65%}.cxj-start-fade{display:none}.cxj-start-content{order:0;padding-block:38px 32px}.cxj-start h2{font-size:39px;margin-top:20px}.cxj-paths{margin-top:29px;gap:18px;grid-template-columns:1fr 1fr}.cxj-paths article+article{padding-left:18px}.cxj-paths h3{font-size:18px}.cxj-paths p{font-size:12px}.cxj-paths .cxj-button{font-size:11px!important;padding:10px 12px;gap:7px;min-height:42px;width:100%;margin-top:18px}.cxj-faq{padding-block:38px}.cxj-faq-grid{grid-template-columns:1fr;gap:24px}.cxj-faq h2{font-size:36px;margin-top:17px}.cxj-faq h2 br{display:none}.cxj-questions summary{font-size:13px;padding:14px;min-height:49px}.cxj-questions details>div{padding:0 14px 17px}.cxj-questions p{font-size:13px}.cxj-finish{min-height:420px}.cxj-finish h2{font-size:41px;max-width:345px}.cxj-finish-content{padding-block:42px}.cxj-finish-photo img{object-position:61% center}.cxj-finish-fade{background:linear-gradient(90deg,#091321eb,#09132188 68%,#09132130)}.cxj-finish p{font-size:14px;max-width:255px}.cxj-actions{gap:12px}.cxj-actions .cxj-button{font-size:12px!important;padding:12px 18px;min-height:46px}.cxj-dialog-head{padding:9px 13px}.cxj-dialog-head h2{font-size:14px}.cxj-demo-frame{height:73dvh}.cxj-dialog{width:96vw}}
@media(max-width:360px){.cxj.cxj-problem h2{font-size:38px}.cxj-experience-copy{width:calc(100% - 32px)}.cxj-experience-copy h2{font-size:36px}.cxj-live-options{width:calc(100% - 32px)}.cxj-how header h2{font-size:33px}.cxj-stage{gap:18px}.cxj-paths{gap:13px}.cxj-paths article+article{padding-left:13px}.cxj-paths h3{font-size:16px}.cxj-paths .cxj-button{padding-inline:8px;font-size:10px!important}.cxj-finish h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.cxj *{transition:none!important;scroll-behavior:auto!important}}

/* The compact comparison stays horizontal and keeps both sauna option groups visible. */
.cxj.cxj-problem .cx-home-problem__arrow svg{transform:none}
.cxj.cxj-problem .cx-home-clarity__choice-visual{padding:0;display:grid;gap:7px;background:transparent}
.cxj.cxj-problem .cx-home-clarity__choice-group{padding:6px;border:1px solid #dbe1e6;border-radius:6px;background:#fff;margin:0}
.cxj.cxj-problem .cx-home-clarity__choice-group>strong{font-size:9px;margin-bottom:5px;line-height:1.4}
.cxj.cxj-problem .cx-home-clarity__choice-group>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.cxj.cxj-problem .cx-home-clarity__choice-group button{display:block;min-width:0;min-height:0;padding:3px;border-radius:5px}
.cxj.cxj-problem .cx-home-clarity__choice-group button>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin:0}
.cxj.cxj-problem .cx-home-clarity__choice-group button>span:not(.cx-home-clarity__tooltip){font-size:7px;line-height:1.4;padding:3px 0 0;white-space:nowrap}
.cxj.cxj-problem .cx-home-clarity__choice-group button>i{width:10px;height:10px;font-size:7px;top:3px;right:3px}
@media(max-width:600px){.cxj.cxj-problem .cx-home-problem__sauna{padding:5px}.cxj.cxj-problem .cx-home-clarity__choice-visual{gap:4px}.cxj.cxj-problem .cx-home-clarity__choice-group{padding:4px}.cxj.cxj-problem .cx-home-clarity__choice-group>strong{font-size:6px;margin-bottom:3px}.cxj.cxj-problem .cx-home-clarity__choice-group>div{gap:2px}.cxj.cxj-problem .cx-home-clarity__choice-group button{padding:1px}.cxj.cxj-problem .cx-home-clarity__choice-group button>span:not(.cx-home-clarity__tooltip){font-size:4.5px;padding-top:1px}.cxj.cxj-problem .cx-home-clarity__choice-group button>i{display:none}}

.cxj-help-icon svg{display:block;width:26px;height:26px}.cxj.cxj-problem .cxj-principles .cx-home-problem__copy{display:block}
.cxj.cxj-problem .cx-home-clarity__tooltip{display:none!important}
@media(max-width:600px){.cxj.cxj-problem .cx-home-problem__wall p{font-size:7px;line-height:1.6;-webkit-line-clamp:8}}

/* Requested polish: shared format colours, matched screenshot frames and aligned CTAs. */
body.cx-home-warm-preview .cx-premium-hero__lead .cxj-format--2d{color:#ca4b31}
body.cx-home-warm-preview .cx-premium-hero__lead .cxj-format--3d{color:#3065f6}
body.cx-home-warm-preview .cx-premium-hero__lead .cxj-format--ar{color:#151515}
#cxj-panel-car .cx-home-problem__car-image{position:relative;aspect-ratio:3/2;flex:none;overflow:hidden;background:#07131d}
#cxj-panel-car .cx-home-problem__car-image img{position:absolute;max-width:none;object-fit:fill}
#cxj-panel-car .cx-home-problem__before img{left:-1.5298%;top:-1.2165%;width:103.0596%;height:103.8929%}
#cxj-panel-car .cx-home-problem__after img{left:-5.2677%;top:-6.8421%;width:110.5354%;height:112.3684%}
.cxj-paths article p{flex:1}
.cxj-paths .cxj-button{margin-top:20px}
.cxj-help-cta{flex:none;white-space:nowrap;font-size:12px;font-weight:650;color:var(--j-blue)}
@media(max-width:600px){.cxj-paths .cxj-button{margin-top:18px}.cxj-asset-help{flex-wrap:wrap}.cxj-help-cta{margin-left:38px!important}}

/* Approved proposal 03. All styles stay inside this native homepage section. */
.cxj-sofa-flow { padding: 62px 0 48px; background: #fbfaf7; }
.cxj-sofa-flow .cxsf-section-heading h2 { margin-top: 24px; font-size: clamp(36px, 4vw, 58px); }
.cxj-sofa-flow .cxsf-section-heading h2 em { display: block; }
.cxj-sofa-flow .cxsf-section-heading h2 br { display: none; }
.cxj-sofa-flow .cxsf-section-heading > p { margin-top: 19px; max-width: 790px; font-size: 18px; }
.cxsf-input-output { display: grid; grid-template-columns: .85fr 44px 1.55fr; gap: 20px; margin-top: 35px; align-items: stretch; }
.cxsf-product-brief, .cxsf-customer-view { min-width: 0; padding: 22px 24px; border: 1px solid #dce3ec; border-radius: 15px; }
.cxsf-product-brief { background: #f0eee8; border-color: #e1e3dd; }
.cxsf-customer-view { display: flex; flex-direction: column; overflow: hidden; background: #fff; }
.cxsf-kicker { color: #00846b; font-size: 10px; font-weight: 750; letter-spacing: .15em; line-height: 1.5; text-transform: uppercase; }
.cxj-sofa-flow :is(.cxsf-product-brief, .cxsf-customer-view) > h3 { margin-top: 13px; font-size: 29px; line-height: 1.12; letter-spacing: -.045em; }
.cxsf-product-colour-inputs { margin: 0 0 15px !important; }
.cxsf-colour-fan { position: relative; height: 210px; isolation: isolate; margin-top: 10px; }
.cxsf-colour-card { position: absolute; width: 54%; height: 120px; background: #fff; border: 1px solid #d7dee5; border-radius: 9px; box-shadow: 0 7px 15px #09132114; transform-origin: center; }
.cxsf-colour-card .cxj-sofa { height: 120px; aspect-ratio: auto; }
.cxsf-colour-card-midnight-blue { left: 0; top: 16px; transform: rotate(-15deg); z-index: 0; }
.cxsf-colour-card-olive { left: 15%; top: 38px; transform: rotate(-6deg); z-index: 1; }
.cxsf-colour-card-warm-grey { left: 30%; top: 60px; transform: rotate(5deg); z-index: 2; }
.cxsf-colour-card-sand { left: 45%; top: 82px; transform: rotate(14deg); z-index: 3; }
.cxsf-product-colour-inputs figcaption { margin-top: 4px; color: #52667f; font-size: 13px; line-height: 1.5; text-align: center; }
.cxsf-brief-row { display: flex; gap: 12px; padding-block: 12px; border-top: 1px solid #d9dedb; }
.cxsf-brief-row > span { flex: none; white-space: nowrap; margin-top: 4px; color: #00846b; font-size: 11px; font-weight: 650; }
.cxj-sofa-flow .cxsf-brief-row h4 { margin: 0; font: inherit; font-size: 16px; font-weight: 720; letter-spacing: -.025em; line-height: 1.3; }
.cxj-sofa-flow .cxsf-brief-row p { margin-top: 4px; color: #52667f; font-size: 14px; line-height: 1.5; }
.cxsf-between-arrow { display: grid; place-items: center; align-self: center; width: 40px; height: 40px; border-radius: 50%; background: var(--j-mint); font-size: 25px; }
.cxsf-customer-config { display: grid; flex: 1; grid-template-columns: 1.4fr .85fr; gap: 15px; align-items: center; min-height: 320px; }
.cxsf-customer-config > .cxj-sofa { margin-left: -15px; width: calc(100% + 25px); }
.cxsf-customer-choices { padding: 16px 12px; border: 1px solid #e2e7ec; border-radius: 10px; background: #f8fafb; }
.cxsf-customer-choices > strong { font-size: 15px; line-height: 1.4; }
.cxsf-choices { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 18px; }
.cxsf-choice { min-width: 0; }
.cxsf-choice > strong { display: block; margin-bottom: 8px; font-size: 12px; line-height: 1.4; }
.cxsf-samples { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.cxsf-samples > span { padding: 3px; border: 1px solid #e0e6e9; border-radius: 4px; color: #263949; font-size: 10px; line-height: 1.4; text-align: center; }
.cxsf-samples > .cxsf-selected { border-color: var(--j-blue); background: #f4f7ff; }
.cxsf-samples i { height: 31px; margin-bottom: 4px; }
.cxsf-colours { display: flex; justify-content: space-between; gap: 4px; }
.cxsf-colours i { display: block; flex: none; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; outline: 1px solid #c8d1da; background: var(--c); }
.cxj-sofa-flow .cxsf-interactive-colours button { display: flex; flex: 1; flex-direction: column; align-items: center; gap: 7px; min-width: 0; min-height: 52px; padding: 5px 1px; border: 0; border-radius: 4px; background: transparent; color: #263949; font-size: 10px; line-height: 1.3; text-align: center; }
.cxsf-interactive-colours button[aria-pressed=true] i { outline: 2px solid var(--j-blue); }
.cxsf-interactive-colours button:hover { background: #e8eef8; }
.cxsf-interactive-colours button span { max-width: 50px; }
.cxsf-quote { display: block; margin-top: 10px; padding: 9px 10px; border-radius: 5px; background: var(--j-ink); color: #fff; font-size: 11px; line-height: 1.5; text-align: center; }
.cxsf-simple-flow { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 24px; }
.cxsf-simple-flow > span { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; line-height: 1.5; }
.cxsf-simple-flow b { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border: 1px solid #ccdae8; border-radius: 50%; color: var(--j-blue); font-size: 11px; }
.cxsf-simple-flow > i { color: #7c8fa2; font-size: 22px; font-style: normal; }
.cxsf-section-footer { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 36px; padding-top: 27px; border-top: 1px solid #dce3ec; }
.cxj-sofa-flow .cxsf-section-footer > p { max-width: 410px; font-size: 15px; }
.cxsf-actions { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; }
.cxsf-text-link { display: inline-flex; align-items: center; gap: 12px; padding-bottom: 3px; border-bottom: 1px solid currentColor; font-size: 14px; font-weight: 650; line-height: 1.5; }
@media (max-width: 1100px) {
  .cxj-sofa-flow { padding-block: 48px 42px; }
  .cxsf-input-output { grid-template-columns: 1fr 35px 1.3fr; gap: 13px; }
  .cxsf-product-brief, .cxsf-customer-view { padding: 20px; }
  .cxsf-between-arrow { width: 32px; height: 32px; font-size: 20px; }
  .cxsf-colour-fan { height: 185px; }
  .cxsf-colour-card, .cxsf-colour-card .cxj-sofa { height: 105px; }
  .cxsf-colour-card-midnight-blue { top: 12px; }
  .cxsf-colour-card-olive { top: 31px; }
  .cxsf-colour-card-warm-grey { top: 50px; }
  .cxsf-colour-card-sand { top: 69px; }
  .cxsf-customer-config { grid-template-columns: 1fr; gap: 0; min-height: 0; }
  .cxsf-customer-config > .cxj-sofa { width: 100%; height: 180px; aspect-ratio: auto; margin: 0; }
  .cxsf-choices { grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 12px; }
  .cxsf-simple-flow { gap: 10px; }
  .cxsf-simple-flow > span { font-size: 13px; }
  .cxsf-section-footer { gap: 25px; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .cxsf-choices { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .cxj-sofa-flow { padding-block: 38px; }
  .cxj-sofa-flow .cxsf-section-heading h2 { margin-top: 20px; font-size: 40px; }
  .cxj-sofa-flow .cxsf-section-heading h2 br { display: none; }
  .cxj-sofa-flow .cxsf-section-heading > p { margin-top: 17px; font-size: 17px; }
  .cxsf-input-output { grid-template-columns: 1fr; gap: 15px; margin-top: 28px; }
  .cxsf-product-brief, .cxsf-customer-view { padding: 23px; }
  .cxsf-colour-fan { height: 205px; max-width: 370px; margin-inline: auto; }
  .cxsf-colour-card, .cxsf-colour-card .cxj-sofa { height: 118px; }
  .cxsf-colour-card-midnight-blue { top: 14px; }
  .cxsf-colour-card-olive { top: 35px; }
  .cxsf-colour-card-warm-grey { top: 56px; }
  .cxsf-colour-card-sand { top: 77px; }
  .cxj-sofa-flow .cxsf-brief-row h4 { font-size: 18px; }
  .cxj-sofa-flow .cxsf-brief-row p { font-size: 16px; }
  .cxsf-between-arrow { transform: rotate(90deg); justify-self: center; }
  .cxsf-customer-config > .cxj-sofa { height: 190px; }
  .cxsf-customer-choices { padding: 16px; }
  .cxsf-customer-choices > strong { font-size: 17px; }
  .cxsf-choices { gap: 20px; }
  .cxsf-choice > strong { font-size: 13px; }
  .cxsf-simple-flow { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 25px; }
  .cxsf-simple-flow > span { font-size: 16px; }
  .cxsf-simple-flow > i { display: none; }
  .cxsf-section-footer { flex-direction: column; align-items: flex-start; gap: 22px; margin-top: 30px; }
  .cxsf-actions { gap: 18px; }
  .cxsf-section-footer .cxj-button { padding-inline: 19px; font-size: 13px !important; }
  .cxsf-text-link { font-size: 13px; }
}
@media (max-width: 420px) {
  .cxsf-choices { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 360px) {
  .cxj-sofa-flow .cxsf-section-heading h2 { font-size: 36px; }
  .cxsf-product-brief, .cxsf-customer-view { padding: 18px; }
  .cxsf-colour-fan { height: 175px; }
  .cxsf-colour-card, .cxsf-colour-card .cxj-sofa { height: 100px; }
  .cxsf-colour-card-midnight-blue { top: 10px; }
  .cxsf-colour-card-olive { top: 28px; }
  .cxsf-colour-card-warm-grey { top: 46px; }
  .cxsf-colour-card-sand { top: 64px; }
}

body.cx-home-warm-preview .cx-footer__statement{display:none}body.cx-home-warm-preview .cx-footer{margin-top:0}body.cx-home-warm-preview .cx-home-complete{margin:0}body.cx-home-warm-preview .cx-home-v2{padding:0}body.cx-home-warm-preview .cx-home-complete .cx-kicker{overflow-wrap:anywhere}
/* Longer locale labels wrap within their illustrated choice controls. */
.cx-home-complete .cxj-options small,.cx-home-complete .cxsf-interactive-colours button span{overflow-wrap:anywhere}
.cx-home-complete .cxj-sofa-flow .cxsf-section-heading h2{max-width:1100px}
.cx-home-complete .cxsf-interactive-colours button span{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.cx-home-complete .cxj-options small{white-space:normal}
/* Equal touch targets keep the two paths aligned with longer translated labels. */
@media(max-width:600px){.cx-home-complete .cxj-paths .cxj-button{min-height:56px}}

/* Localized homepages: cap the shared theme's fluid title inside the 500px copy column. */
body.cx-home-localized .cx-home-complete.cx-home-v2 .cx-premium-hero__copy h1 {
  max-width:500px;
  font-size:clamp(50px,4.45vw,64px);
  line-height:1.04;
  letter-spacing:-.065em;
  text-wrap:initial;
}
.cx-home-localized .cx-home-hero__line{display:block}
@media(min-width:601px) and (max-width:1100px){
  body.cx-home-localized .cx-home-complete.cx-home-v2 .cx-premium-hero__copy h1 {
    max-width:580px;
    font-size:clamp(50px,7vw,64px);
  }
}
@media(max-width:600px){
  body.cx-home-localized .cx-home-complete.cx-home-v2 .cx-premium-hero__copy h1 {
    font-size:clamp(36px,10.4vw,56px)!important;
  }
}

@media(min-width:1101px){
  body.cx-home-localized .cx-hero-edge .cx-home-hero-secondary{flex:1 1 170px;min-width:170px}
}
/* English: keep Make complex on the first line as the desktop viewport grows. */
@media(min-width:1101px){
  html[lang^="en"] body.cx-home-warm-preview .cx-home-complete.cx-home-v2 .cx-premium-hero__copy h1{
    max-width:500px;
    font-size:clamp(52px,5.25vw,75.6px);
    text-wrap:initial;
  }
}

/* Choice outlines move with the same product state on laptop and phone. */
[data-home-comparison] [data-screen-state="after"] rect {transition:stroke .2s ease,fill .2s ease,x .2s ease}
@media(prefers-reduced-motion:reduce){
  [data-home-comparison] [data-screen-state="after"] rect {transition:none}
}

/* The options beside the sofa illustrate the demo; the adjacent button is the action. */
.cxj-experience .cxj-live-options {cursor:default;pointer-events:none}
.cxj-experience .cxj-live-options:hover {transform:none}