/* Three essential homepage questions; Compare remains a shareable page. */
.selling-comparison {
  --ink: #19372e;
  --ivory: #f3efe7;
  --ink-fog: #526056;
  --ink-hair: #c9cec1;
  --accent: #cdef7a;
  --offer-dark: #0d0e0c;
  --offer-glow: radial-gradient(76% 60% at 75% 32%,rgba(38,190,176,.08),transparent 70%),radial-gradient(75% 55% at 14% 86%,rgba(205,239,122,.04),transparent 70%);
  --offer-column-width: 27%;
  --offer-column-padding: clamp(24px,2.2vw,56px);
  --section-label-ink: #263d32;
  background: var(--paper);
  color: var(--ink);
  padding-block: clamp(64px,6vw,112px);
  scroll-margin-top: 94px;
  overflow-anchor: none;
}
.discover-section > .selling-comparison {
  margin-inline: calc(-1 * var(--gutter));
  padding-inline: var(--gutter);
}
.selling-heading { margin-bottom: clamp(40px,4vw,68px); }
.selling-heading .section-label {
  margin-bottom: 28px;
  font-family: var(--sans);
  font-size: var(--section-label-size);
  font-weight: var(--section-label-weight);
  letter-spacing: var(--section-label-tracking);
  line-height: var(--section-label-leading);
  color: var(--section-label-ink);
  text-transform: uppercase;
}
.selling-heading :is(h1,h2) {
  font: 350 clamp(48px,5vw,88px)/1.08 var(--serif);
  letter-spacing: -.035em;
  text-wrap: balance;
  white-space: pre-wrap;
}
.selling-heading :is(h1,h2) span { white-space: nowrap; }
.selling-heading :is(h1,h2) em { font-weight: inherit; }
.selling-care-promise { display: inline-block; max-width: 100%; white-space: normal; }
.selling-intro {
  max-width: 62ch;
  margin-top: 24px;
  font-size: clamp(18px,1.5vw,24px);
  line-height: 1.55;
  color: var(--ink-fog);
  text-wrap: pretty;
}
.selling-comparison .cmp :is(th,td) { padding-block: 32px; }
.selling-comparison .cmp thead th small { font-size: clamp(13px,.9vw,15px); color: var(--ink-fog); }
.selling-comparison .cmp thead th strong { font-size: clamp(30px,2.6vw,46px); color: var(--ink); }
.selling-comparison .cmp thead th span:not(.sr) { font-size: clamp(13px,.95vw,16px); line-height: 1.55; opacity: 1; color: var(--ink-fog); }
.selling-comparison .cmp thead th:last-child :is(small,span:not(.sr)) { color: #c4d0c4; }
.selling-comparison .cmp tbody th { font-size: clamp(21px,1.6vw,27px); font-weight: 400; line-height: 1.3; color: var(--ink-fog); }
@media (min-width:861px) {
  .selling-comparison .cmp tbody th { vertical-align: middle; }
  /* Paint once behind the entire column, including rows revealed in place. */
  .selling-comparison .cmp {
    background-image: var(--offer-glow),linear-gradient(var(--offer-dark),var(--offer-dark));
    background-size: var(--offer-column-width) 100%;
    background-position: right top;
    background-repeat: no-repeat;
  }
  .selling-comparison .cmp :is(th,td):last-child { background: transparent; }
}
.selling-comparison .cmp td { font-size: clamp(1rem,calc(.875rem + .25vw),1.125rem); line-height: 1.6; }
.selling-comparison .cmp td b { font-size: clamp(24px,1.75vw,32px); line-height: 1.2; margin-bottom: 12px; }
.selling-comparison .cmp :is(td:last-child b,thead th:last-child strong) { color: var(--ivory); }
.selling-comparison .cmp td:last-child { color: #d4dacf; }
.selling-comparison .cmp td:last-child strong { color: var(--accent); }
.selling-comparison .cmp tbody tr:last-child > :is(th,td) { border-bottom: 1px solid var(--ink-hair); }
.selling-comparison .cmp tbody tr:last-child > td:last-child { border-bottom-color: rgba(243,239,231,.14); }
.selling-after { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 24px 48px; margin-top: 36px; }
#comparison .selling-after { justify-content: flex-end; }
.selling-more { display: inline-flex; gap: 20px; align-items: center; min-height: 44px; font-size: 18px; text-decoration: underline; text-underline-offset: 6px; }
.selling-note { max-width: 100%; font-size: 14px; line-height: 1.6; color: var(--ink-fog); }
.selling-note a,.comparison-sources a { text-decoration: underline; text-underline-offset: 3px; }
.selling-comparison :is(a,button,summary,th[tabindex]):focus-visible { outline: 2px solid var(--ink); outline-offset: 6px; }
.comparison-sources { margin-top: 32px; border-top: 1px solid var(--ink-hair); padding-top: 24px; color: var(--ink-fog); font-size: 16px; line-height: 1.65; }
.comparison-sources summary { color: var(--ink); cursor: pointer; padding-block: 10px; }
.comparison-sources p { max-width: 100ch; margin-top: 16px; }
.comparison-sources:target { scroll-margin-top: 110px; }
.compare-page .cinema-nav { position: sticky; top: 0; background: #0d0e0c; }
.compare-page .selling-comparison { padding-inline: var(--gutter); }
.compare-page .marketplace-perspective { margin: 0; }
.comparison-close { padding: clamp(64px,7vw,112px) var(--gutter); background: #0d0e0c; color: #f3efe7; }
.comparison-close h2 { max-width: 28ch; font: 400 clamp(38px,4vw,64px)/1.16 var(--serif); letter-spacing: -.035em; text-wrap: pretty; }
.comparison-close h2 span { display: block; margin-top: 16px; }
.comparison-close .allodia-action { margin-top: 36px; }
.sale-band.relocated-fees {
  --offer-dark: #1d2a23;
  --offer-column-width: 27%;
  --offer-column-padding: clamp(28px,2.2vw,56px);
  --offer-section-space: clamp(40px,4vw,64px);
  margin: 0;
  color: #1e2924;
}
@media (max-width:760px) {
  .compare-page .cinema-nav .allodia-nav-action { display: none; }
  .compare-page .cinema-nav .menu-toggle { margin-left: auto; }
}
@media (prefers-reduced-motion:no-preference) {
  .selling-comparison .offer-motion [data-offer-reveal]>th>span,
  .selling-comparison .offer-motion [data-offer-reveal] .offer-answer {
    transform: translateY(8px);
    transition: opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1);
  }
  .selling-comparison .offer-motion [data-offer-reveal] .offer-allodia .offer-answer { transition-delay: 100ms; }
  .selling-comparison .offer-motion [data-offer-reveal].is-visible>th>span,
  .selling-comparison .offer-motion [data-offer-reveal].is-visible .offer-answer { transform: none; }
}
@media (prefers-reduced-motion:reduce) {
  .selling-comparison .offer-motion [data-offer-reveal]>th>span,
  .selling-comparison .offer-motion [data-offer-reveal] .offer-answer { opacity: 1; transform: none; transition: none; }
}
@media (max-width:860px) {
  .selling-comparison { padding-block: 64px; }
  .selling-heading { margin-bottom: 36px; }
  .selling-heading :is(h1,h2) { font-size: clamp(44px,7vw,62px); }
  .selling-intro { font-size: 18px; }
  .selling-comparison .cmp tbody tr { padding: 28px 0 18px; }
  .selling-comparison .cmp tbody th { font-size: 26px; padding: 0 0 20px; }
  .selling-comparison .cmp td,.selling-comparison .cmp td:last-child { padding: 22px 24px; font-size: 18px; }
  .selling-comparison .cmp td { background: rgba(25,55,46,.04); }
  .selling-comparison .cmp td:last-child { background: var(--offer-dark); background-image: var(--offer-glow); }
  .selling-comparison .cmp td b { font-size: 26px; }
  .selling-comparison .cmp .offer-mobile-label { font-size: 13px; line-height: 1.5; letter-spacing: .09em; opacity: 1; color: var(--ink-fog); margin-bottom: 14px; }
  .selling-comparison .cmp .offer-allodia .offer-mobile-label { color: #c4d0c4; }
  .selling-comparison .cmp tbody tr:last-child > :is(th,td) { border-bottom: 0; }
  .selling-after { margin-top: 24px; }
  .selling-note,.comparison-sources { font-size: 18px; }
}