.bronco-subaru-comparison {
    --landing-accent: #d6532f;
    --landing-accent-soft: #f1d8c7;
    --landing-hero-ink: #143a2b;
    --bronco-pine: #143a2b;
    --bronco-pine-deep: #09281e;
    --bronco-clay: #d6532f;
    --bronco-sand: #f3eadb;
    --bronco-sky: #c8dae1;
    background: #fbf8f1;
}

.bronco-subaru-comparison .landing-hero {
    color: #fff;
    background:
        radial-gradient(circle at 75% 25%, rgba(200, 218, 225, .18), transparent 32%),
        linear-gradient(138deg, var(--bronco-pine-deep), var(--bronco-pine) 68%, #315545);
}

.bronco-subaru-comparison .landing-hero::before {
    opacity: .22;
    background-image:
        linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
    mask-image: linear-gradient(90deg, #000, transparent 80%);
}

.bronco-subaru-comparison .landing-breadcrumbs,
.bronco-subaru-comparison .landing-breadcrumbs a,
.bronco-subaru-comparison .landing-meta,
.bronco-subaru-comparison .landing-meta a {
    color: #c9d8d1;
}

.bronco-subaru-comparison .landing-hero .landing-eyebrow { color: #f2a27f; }
.bronco-subaru-comparison .landing-hero h1 { color: #fff; }
.bronco-subaru-comparison .landing-hero-copy > p { color: #d9e3de; }
.bronco-subaru-comparison .landing-hero-secondary-button {
    color: #fff;
    border-color: rgba(255, 255, 255, .55);
    background: rgba(255, 255, 255, .06);
}
.bronco-subaru-comparison .landing-hero-secondary-button:hover {
    color: var(--bronco-pine-deep);
    border-color: #fff;
    background: #fff;
}
.bronco-subaru-comparison .landing-hero-media::before { border-color: rgba(242, 162, 127, .78); }
.bronco-subaru-comparison .landing-hero-media img {
    aspect-ratio: 16 / 9;
    object-position: 57% center;
    border-radius: 20px 3px 20px 3px;
}
.bronco-subaru-comparison .landing-hero-media figcaption {
    max-width: 84%;
    border-radius: 12px 0 0 0;
    line-height: 1.45;
}

.bronco-subaru-comparison .landing-highlights { background: #fffdf8; }
.bronco-subaru-comparison .landing-highlight-grid article > span { color: var(--bronco-clay); }

.landing-offer-section {
    position: relative;
    overflow: hidden;
    padding: 72px 0;
    color: #fff;
    background: var(--landing-hero-ink);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    scroll-margin-top: 85px;
}
.landing-offer-section::before {
    content: '';
    position: absolute;
    width: 520px;
    height: 520px;
    right: -180px;
    top: -250px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    box-shadow: 0 0 0 72px rgba(255, 255, 255, .025), 0 0 0 145px rgba(255, 255, 255, .018);
}
.landing-offer-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(220px, .58fr) minmax(0, 1.42fr);
    align-items: center;
    gap: clamp(45px, 8vw, 120px);
}
.landing-offer-amount {
    min-height: 270px;
    padding: 42px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 38px 4px 38px 4px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .035));
    box-shadow: 0 25px 70px rgba(0, 0, 0, .2);
}
.landing-offer-amount span {
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.landing-offer-amount strong {
    font: 900 clamp(66px, 9vw, 116px)/.82 var(--display);
    letter-spacing: -.08em;
}
.landing-offer-copy .landing-eyebrow { color: #f2a27f; }
.landing-offer-copy h2 {
    max-width: 820px;
    margin: 12px 0 18px;
    color: #fff;
    font-size: clamp(38px, 4.4vw, 62px);
    line-height: 1;
    letter-spacing: -.05em;
}
.landing-offer-copy > p {
    max-width: 820px;
    margin: 0 0 20px;
    color: #d2dfd9;
    line-height: 1.7;
}
.landing-offer-copy ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
    margin: 26px 0 20px;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(255, 255, 255, .16);
}
.landing-offer-copy li {
    position: relative;
    padding: 15px 0 15px 24px;
    color: #eef4f1;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    font-size: 13px;
    line-height: 1.5;
}
.landing-offer-copy li::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 20px;
    width: 9px;
    height: 5px;
    border-left: 2px solid #f2a27f;
    border-bottom: 2px solid #f2a27f;
    transform: rotate(-45deg);
}
.landing-offer-copy .landing-offer-expiration {
    color: #f2a27f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}
.landing-offer-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.landing-offer-secondary {
    color: #fff;
    border-color: rgba(255, 255, 255, .5);
    background: transparent;
}
.landing-offer-secondary:hover { color: var(--landing-hero-ink); background: #fff; }

.bronco-subaru-comparison .landing-decision-section {
    background:
        linear-gradient(rgba(20, 58, 43, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 58, 43, .04) 1px, transparent 1px),
        var(--bronco-sand);
    background-size: 62px 62px;
}
.bronco-subaru-comparison .landing-comparison-scroll { border-color: rgba(20, 58, 43, .22); }
.bronco-subaru-comparison .landing-comparison-table thead th:nth-child(2) { background: #c84929; }
.bronco-subaru-comparison .landing-comparison-table tbody td:nth-child(2) { background: #fff8f2; }
.bronco-subaru-comparison .landing-comparison-table tbody tr:hover td,
.bronco-subaru-comparison .landing-comparison-table tbody tr:hover th { background: #f8efe3; }
.bronco-subaru-comparison .landing-choice-card { border-radius: 28px 5px 28px 5px; }
.bronco-subaru-comparison .landing-choice-card:nth-child(2) {
    color: #fff;
    border-color: var(--bronco-pine);
    background: var(--bronco-pine);
}
.bronco-subaru-comparison .landing-choice-card:nth-child(2) h3,
.bronco-subaru-comparison .landing-choice-card:nth-child(2) p { color: #fff; }
.bronco-subaru-comparison .landing-choice-card:nth-child(2) > span,
.bronco-subaru-comparison .landing-choice-card:nth-child(2) a { color: #f2a27f; }

.bronco-subaru-comparison .landing-article-section { background: #fbf8f1; }
.bronco-subaru-comparison .landing-article > section { scroll-margin-top: 95px; }
.bronco-subaru-comparison .landing-inline-media { border-radius: 26px 4px 26px 4px; }
.bronco-subaru-comparison .landing-inline-media-wide img { aspect-ratio: 16 / 7; }
.bronco-subaru-comparison .landing-inline-media-portrait {
    width: min(76%, 630px);
    margin-left: auto;
    margin-right: auto;
}
.bronco-subaru-comparison .landing-inline-media-portrait img { aspect-ratio: 4 / 5; }
.bronco-subaru-comparison .landing-takeaway { border-radius: 30px 4px 30px 4px; }
.bronco-subaru-comparison .landing-inventory-section { background: var(--bronco-sand); }
.bronco-subaru-comparison .landing-closing {
    background:
        radial-gradient(circle at 82% 25%, rgba(214, 83, 47, .26), transparent 24%),
        var(--bronco-pine-deep);
}

@media (max-width: 900px) {
    .landing-offer-shell { grid-template-columns: 1fr; gap: 34px; }
    .landing-offer-amount { min-height: 190px; }
    .landing-offer-copy ul { grid-template-columns: 1fr; }
    .bronco-subaru-comparison .landing-inline-media-portrait { width: 100%; }
}

@media (max-width: 600px) {
    .landing-offer-section { padding: 58px 0 64px; }
    .landing-offer-amount { min-height: 165px; padding: 30px; }
    .landing-offer-actions .button { width: 100%; }
    .bronco-subaru-comparison .landing-hero-media figcaption { max-width: 100%; }
}