.buyback-page { max-width: 76rem; margin-inline: auto; padding-inline: clamp(.5rem, 3vw, 2rem); }
.buyback-hero { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block: clamp(3rem, 7vw, 7rem); }
.buyback-eyebrow { font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bs-primary); margin-bottom: 1rem; }
.buyback-hero h1 { font-size: clamp(3rem, 7vw, 6rem); font-weight: 800; letter-spacing: -.055em; line-height: 1.02; margin-bottom: 1.5rem; }
.buyback-hero h1 span { color: var(--bs-primary); }
.buyback-lead { max-width: 36rem; font-size: 1.15rem; line-height: 1.75; color: var(--bs-secondary-color); }
.buyback-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.buyback-actions .btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 1rem; }
.buyback-summary { border: 1px solid var(--bs-border-color); border-radius: 1.5rem; background: var(--bs-tertiary-bg); padding: 2rem; }
.buyback-card-stack { height: 15rem; position: relative; margin-bottom: 1.75rem; }
.buyback-card-stack span { position: absolute; width: 9.5rem; height: 13rem; left: calc(50% - 4.75rem); top: 1rem; border: 1px solid var(--bs-border-color); border-radius: .8rem; background: var(--bs-body-bg); transform: rotate(-18deg) translateX(-2.2rem); box-shadow: 0 .8rem 2rem #00000012; }
.buyback-card-stack span:nth-child(2) { transform: rotate(17deg) translateX(2.3rem); background: color-mix(in srgb, var(--bs-primary) 16%, var(--bs-body-bg)); }
.buyback-card-stack span:last-child { transform: rotate(-3deg); display: flex; flex-direction: column; justify-content: space-between; padding: 1.1rem; border: .4rem solid color-mix(in srgb, var(--bs-primary) 40%, var(--bs-body-bg)); background: var(--bs-body-bg); }
.buyback-card-stack b { font-size: 1.7rem; letter-spacing: -.06em; color: var(--bs-primary); }
.buyback-card-stack small { font-size: .8rem; line-height: 1.6; }
.buyback-section { padding-block: clamp(2.5rem, 5vw, 4.5rem); border-top: 1px solid var(--bs-border-color); scroll-margin-top: 2rem; }
.buyback-section > h2 { font-size: clamp(1.8rem, 3vw, 2.7rem); letter-spacing: -.035em; max-width: 43rem; margin-bottom: 2rem; }
.buyback-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.buyback-panel { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--bs-border-color); border-radius: 1rem; background: var(--bs-body-bg); min-width: 0; }
.buyback-panel p { color: var(--bs-secondary-color); line-height: 1.75; }
.buyback-number { display: block; color: var(--bs-primary); font-size: .8rem; font-weight: 700; margin-bottom: 2rem; }
.buyback-process { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; padding-left: 1.5rem; }
.buyback-process li { padding-left: .5rem; }
.buyback-process li::marker { color: var(--bs-primary); font-weight: 700; }
.buyback-process p { color: var(--bs-secondary-color); line-height: 1.75; }
.buyback-contact { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem, 5vw, 5rem); }
.buyback-contact h2 { font-size: clamp(2rem, 3vw, 2.8rem); letter-spacing: -.035em; }
.buyback-contact-note { margin-block: 2rem; padding-left: 1.25rem; border-left: 2px solid var(--bs-border-color); }
.buyback-contact-note p { color: var(--bs-secondary-color); line-height: 1.7; }
.buyback-form-panel { background: var(--bs-tertiary-bg); }
.buyback-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.buyback-faq { max-width: 52rem; margin-inline: auto; }
.buyback-faq details { border-top: 1px solid var(--bs-border-color); padding-block: 1.25rem; }
.buyback-faq summary { font-weight: 600; cursor: pointer; }
.buyback-faq details p { margin-block: 1rem 0; color: var(--bs-secondary-color); line-height: 1.75; }
.buyback-faq summary:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: .4rem; }
@media (max-width: 767.98px) {
  .buyback-hero, .buyback-contact, .buyback-grid, .buyback-process { grid-template-columns: 1fr; }
  .buyback-hero { gap: 2rem; }
  .buyback-summary { padding: 1.5rem; }
  .buyback-card-stack { height: 12rem; }
  .buyback-card-stack span { height: 10.5rem; width: 8rem; left: calc(50% - 4rem); }
  .buyback-actions, .buyback-actions .btn { width: 100%; }
  .buyback-number { margin-bottom: 1rem; }
  .app-public-bar { flex-wrap: wrap; gap: .75rem; }
}