.sell-trade-page { background: #fff; }
.trade-hero { overflow: hidden; color: #fff; background: #111b18; }
.trade-hero-grid { min-height: 610px; display: grid; grid-template-columns: minmax(430px, .86fr) minmax(0, 1.14fr); }
.trade-hero-copy { z-index: 2; padding: 62px clamp(32px, 5vw, 78px) 66px 0; }
.trade-hero-copy .eyebrow { color: #9cc7ae; }
.trade-hero-copy h1 { max-width: 650px; font-size: clamp(48px, 5vw, 76px); }
.trade-hero-copy > p { max-width: 560px; margin: 18px 0 27px; color: #ccd5d0; font-size: 16px; }
.trade-hero-photo { position: relative; min-width: 50vw; margin-right: calc((100vw - min(1440px, calc(100vw - 64px))) / -2); }
.trade-hero-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #111b18 0, rgba(17,27,24,.18) 24%, transparent 60%); }
.trade-hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.trade-hero-photo > div { position: absolute; z-index: 2; right: clamp(32px, 5vw, 80px); bottom: 42px; padding: 16px 19px; display: grid; border-left: 4px solid var(--used); background: rgba(17,25,28,.88); backdrop-filter: blur(8px); }
.trade-hero-photo strong { font: 800 18px var(--display); }
.trade-hero-photo span { margin-top: 2px; color: #d4d7d6; font-size: 11px; }
.trade-offer-card { max-width: 590px; padding: 24px; color: var(--ink); border-radius: 8px; background: #fff; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.trade-offer-card h2 { margin-bottom: 14px; font-size: 21px; letter-spacing: -.02em; }
.trade-id-tabs { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 13px; border: 1px solid #ccd1ce; border-radius: 4px; overflow: hidden; }
.trade-id-tabs button { min-height: 39px; border: 0; background: #f8f9f8; color: var(--muted); font-size: 11px; font-weight: 800; cursor: pointer; }
.trade-id-tabs button + button { border-left: 1px solid #ccd1ce; }
.trade-id-tabs button.active { color: var(--used); background: #eef6f1; box-shadow: inset 0 -3px var(--used); }
.trade-id-panel, .trade-contact-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.trade-id-panel[hidden], .trade-contact-fields[hidden] { display: none; }
.trade-offer-card label { color: #515855; font-size: 10px; font-weight: 750; }
.trade-offer-card input, .trade-offer-card select { width: 100%; min-height: 45px; margin-top: 5px; padding: 0 12px; border: 1px solid #d3d7d5; border-radius: 4px; background: #fff; color: var(--ink); font-size: 13px; }
.trade-contact-fields { margin-top: 13px; }
.trade-contact-fields label:first-child { grid-column: 1 / -1; }
.trade-contact-fields p { grid-column: 1 / -1; margin: -2px 0 0; color: var(--muted); font-size: 10px; }
.trade-offer-submit { width: 100%; margin-top: 13px; }
.trade-form-status { min-height: 17px; margin: 9px 0 -3px; color: var(--muted); font-size: 10px; text-align: center; }
.trade-benefits { position: relative; z-index: 4; margin-top: -24px; }
.trade-benefit-grid { min-height: 104px; padding: 18px 24px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 13px 32px rgba(23,25,28,.1); }
.trade-benefit-grid > div { padding: 8px 21px; display: flex; align-items: center; gap: 14px; border-right: 1px solid var(--line); }
.trade-benefit-grid > div:last-child { border: 0; }
.trade-benefit-grid > div > span { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 auto; color: var(--used); border: 2px solid var(--used); border-radius: 50%; font: 850 18px var(--display); }
.trade-benefit-grid p { margin: 0; color: var(--muted); font-size: 10px; }
.trade-benefit-grid strong { display: block; margin-bottom: 3px; color: var(--ink); font: 800 13px var(--display); }
.trade-choices { padding-top: 80px; padding-bottom: 55px; }
.trade-section-heading { margin-bottom: 28px; text-align: center; }
.trade-section-heading .eyebrow { margin-bottom: 9px; }
.trade-section-heading h2 { font-size: clamp(34px, 3.6vw, 50px); }
.trade-choice-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.trade-choice-card { min-height: 280px; padding: 26px 23px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #cbd5df; border-radius: 7px; background: linear-gradient(145deg, #fff, #f2f7fb); transition: transform .2s, box-shadow .2s, border-color .2s; }
.trade-choice-card:hover { transform: translateY(-5px); border-color: var(--ford); box-shadow: 0 14px 32px rgba(23,25,28,.08); }
.trade-choice-sell { border-color: #a9cdb7; background: linear-gradient(145deg, #fff, #edf6f0); }
.trade-choice-icon { width: 48px; height: 48px; display: grid; place-items: center; color: var(--ford); border: 2px solid currentColor; border-radius: 50%; font: 850 27px var(--display); }
.trade-choice-sell .trade-choice-icon { color: var(--used); }
.trade-choice-card strong { margin-top: 37px; font: 800 18px var(--display); }
.trade-choice-card p { margin: 6px 0 18px; color: var(--muted); font-size: 12px; }
.trade-choice-card b { margin-top: auto; color: var(--ford); font-size: 11px; }
.trade-choice-sell b { color: var(--used); }
.trade-steps { padding-top: 60px; background: var(--paper); }
.trade-step-grid { margin: 0; padding: 12px 0 50px; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; }
.trade-step-grid li { position: relative; padding: 0 40px; display: flex; gap: 17px; }
.trade-step-grid li:not(:last-child)::after { content: ''; position: absolute; top: 21px; right: -12px; width: 42px; border-top: 2px dotted #aeb3b0; }
.trade-step-grid li > span { width: 43px; height: 43px; display: grid; place-items: center; flex: 0 0 auto; color: #fff; border-radius: 50%; background: var(--used); font: 850 16px var(--display); }
.trade-step-grid strong { font: 800 15px var(--display); }
.trade-step-grid p { margin: 6px 0 0; color: var(--muted); font-size: 11px; }
.trade-trust-grid { padding: 23px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.trade-trust-grid > div { padding: 6px 22px; border-right: 1px solid var(--line); }
.trade-trust-grid > div:last-child { border: 0; }
.trade-trust-grid strong, .trade-trust-grid span { display: block; }
.trade-trust-grid strong { color: var(--used); font: 800 13px var(--display); }
.trade-trust-grid span { margin-top: 4px; color: var(--muted); font-size: 10px; }
.trade-inventory { padding-block: 78px; }
.trade-inventory .section-heading h2 { font-size: clamp(32px, 3.1vw, 46px); }
.trade-inventory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.trade-inventory-grid .vehicle-media { height: 260px; }
.trade-faq { color: #fff; background: #15201c; }
.trade-faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
.trade-faq .eyebrow { color: #9cc7ae; }
.trade-faq h2 { max-width: 450px; }
.trade-faq-grid > div:first-child > p { max-width: 430px; color: #bfc8c3; }
.trade-faq-list { border-top: 1px solid #46504c; }
.trade-faq-list details { border-bottom: 1px solid #46504c; }
.trade-faq-list summary { padding: 18px 4px; list-style: none; cursor: pointer; font: 750 14px var(--display); }
.trade-faq-list summary::after { content: '+'; float: right; color: #9cc7ae; font-size: 20px; }
.trade-faq-list details[open] summary::after { content: '−'; }
.trade-faq-list p { margin: -4px 4px 18px; color: #bfc8c3; font-size: 12px; }
.trade-final-cta { padding: 27px 0; border-bottom: 1px solid #d8d8d8; background: #fff; }
.trade-final-cta .container { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; }
.trade-final-cta span, .trade-final-cta strong { display: block; }
.trade-final-cta span { color: var(--used); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.trade-final-cta strong { margin-top: 2px; font: 800 23px var(--display); }

@media (max-width: 1050px) {
    .trade-hero-grid { grid-template-columns: 1fr 1fr; }
    .trade-benefit-grid, .trade-choice-grid, .trade-trust-grid { grid-template-columns: 1fr 1fr; }
    .trade-benefit-grid > div:nth-child(2), .trade-trust-grid > div:nth-child(2) { border-right: 0; }
    .trade-benefit-grid > div:nth-child(-n+2), .trade-trust-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 760px) {
    .trade-hero-grid { min-height: 0; grid-template-columns: 1fr; }
    .trade-hero-copy { padding: 48px 0 35px; }
    .trade-hero-copy h1 { font-size: 45px; }
    .trade-hero-photo { min-width: 0; height: 270px; margin: 0 -32px; }
    .trade-hero-photo::after { background: linear-gradient(180deg, #111b18 0, transparent 40%); }
    .trade-benefits { margin-top: 0; padding-top: 17px; background: #fff; }
    .trade-benefit-grid, .trade-choice-grid, .trade-step-grid, .trade-inventory-grid, .trade-faq-grid { grid-template-columns: 1fr; }
    .trade-benefit-grid > div { border-right: 0; border-bottom: 1px solid var(--line); }
    .trade-choice-card { min-height: 220px; }
    .trade-choice-card strong { margin-top: 24px; }
    .trade-step-grid { gap: 30px; }
    .trade-step-grid li { padding: 0; }
    .trade-step-grid li::after { display: none; }
    .trade-trust-grid { grid-template-columns: 1fr; }
    .trade-trust-grid > div { padding: 15px 8px; border-right: 0; border-bottom: 1px solid var(--line); }
    .trade-faq-grid { gap: 45px; }
    .trade-final-cta .container { grid-template-columns: 1fr 1fr; }
    .trade-final-cta .container > div { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
    .trade-id-panel, .trade-contact-fields, .trade-benefit-grid, .trade-choice-grid { grid-template-columns: 1fr; }
    .trade-contact-fields label:first-child { grid-column: auto; }
    .trade-offer-card { padding: 19px 16px; }
    .trade-final-cta .container { grid-template-columns: 1fr; }
    .trade-final-cta .container > div { grid-column: auto; }
}