/* Acquisition presentation: actual product evidence and a clear purchase path. */
.acquisition-hero { background: #f5f4ec; padding: 76px 0 68px; }
.acquisition-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: 48px; align-items: center; max-width: 1248px; }
.acquisition-copy { min-width: 0; }
.eyebrow { font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: #53685e; margin-bottom: 22px; }
.acquisition-hero h1 { font-size: clamp(2.5rem, 4.2vw, 4.1rem); line-height: 1.1; letter-spacing: -.045em; margin-bottom: 24px; }
.acquisition-hero h1 > span { display: block; }
.acquisition-intro { font-size: 1.1rem; color: #40594f; margin-bottom: 28px; max-width: 540px; }
.acquisition-actions { display: flex; align-items: center; gap: 16px 22px; flex-wrap: wrap; }
.demo-link { font-size: .9rem; font-weight: 600; color: #173e35; padding-block: 10px; }
.purchase-note { font-size: .88rem; font-weight: 650; margin: 22px 0 6px; }
.compatibility { font-size: .8rem; color: #53685e; max-width: 460px; }
.compatibility + .compatibility { margin-top: 8px; }
.compatibility a { color: inherit; }
.acquisition-hero .hero-media { margin: 0; min-width: 0; }
.acquisition-hero .hero-media__frame { border-radius: 16px; border: 1px solid #173e351c; box-shadow: 0 16px 36px #173e351a; background: #173e35; }
.hero-media__frame:focus-visible { outline: 3px solid #216033; outline-offset: 5px; }
.hero-media figcaption { font-size: .76rem; line-height: 1.6; color: #53685e; margin: 16px 6px 0; text-align: center; }
.acquisition-steps, .acquisition-proof { padding-block: 80px; }
.acquisition-steps h2, .acquisition-proof h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); letter-spacing: -.035em; margin-bottom: 36px; }
.acquisition-steps ol { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.step-number { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #edf2eb; border: 1px solid #dce5dc; border-radius: 50%; color: #216033; font-size: .75rem; font-weight: 700; }
.acquisition-steps h3 { font-size: 1.15rem; margin: 18px 0 10px; }
.acquisition-steps p { color: #53685e; }
.acquisition-proof { background: #edf2eb; }
.proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.proof-grid article { min-width: 0; background: #fff; border: 1px solid #dce5dc; border-radius: 16px; overflow: hidden; }
.proof-grid img { display: block; width: 100%; height: auto; aspect-ratio: 1.6; object-fit: contain; background: #173e35; }
.proof-grid h3 { padding: 24px 24px 12px; font-size: 1.1rem; }
.proof-grid p { padding: 0 24px 26px; color: #53685e; font-size: .93rem; }
.purchase-fit { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 32px; padding: 28px; border: 1px solid #c5d3c6; border-radius: 14px; }
.purchase-fit div { max-width: 760px; }
.purchase-fit h3 { font-size: 1.05rem; margin-bottom: 8px; }
.purchase-fit p { color: #40594f; font-size: .9rem; }
.purchase-fit > a { flex-shrink: 0; }
.reading-guide { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding-top: 28px; border-top: 1px solid #c5d3c6; }
.reading-guide h3 { font-size: 1.1rem; margin-bottom: 8px; }
.reading-guide p { font-size: .93rem; color: #53685e; }
.reading-guide a { flex-shrink: 0; font-weight: 600; font-size: .9rem; }
.illustration-note { font-size: .85rem; color: #53685e; margin-top: 16px; }
#real-demo, #proof { scroll-margin-top: 96px; }
@media (max-width: 1080px) { .acquisition-layout { gap: 32px; } .acquisition-hero h1 { font-size: 3rem; } }
@media (max-width: 900px) {
    .acquisition-layout { grid-template-columns: 1fr; gap: 36px; }
    .acquisition-copy { max-width: 680px; }
    .acquisition-hero h1 { max-width: 650px; }
    .acquisition-hero .hero-media { max-width: 760px; }
    .purchase-fit { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 640px) {
    .acquisition-hero { padding: 44px 0; }
    .acquisition-hero h1 { font-size: clamp(2.25rem, 9vw, 3rem); }
    .acquisition-intro { font-size: 1.03rem; }
    .acquisition-steps, .acquisition-proof { padding-block: 52px; }
    .acquisition-steps ol, .proof-grid { grid-template-columns: 1fr; gap: 28px; }
    .purchase-fit { padding: 22px; }
    .reading-guide { align-items: flex-start; flex-direction: column; gap: 16px; }
}