/* A shared, image-led comparison for the homepage and assessment hub. */
.assessment-start__header { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:end; gap:48px; margin-bottom:40px; }
.assessment-start__header h2 { margin:0; color:var(--color-deep-navy-ink); font-size:clamp(30px,3.4vw,42px); line-height:1.16; letter-spacing:-.02em; }
.assessment-start__header > p { margin:0; max-width:48ch; font-size:18px; line-height:1.6; color:var(--color-ink-soft); }
.assessment-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.assessment-choice { display:flex; flex-direction:column; min-width:0; background:var(--color-paper); border:1px solid var(--color-border-strong); border-radius:4px; overflow:hidden; }
.assessment-choice__image { position:relative; height:210px; overflow:hidden; background:var(--color-deep-navy-ink); }
.assessment-choice__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 500ms cubic-bezier(.16,1,.3,1); }
.assessment-choice__image-label { position:absolute; bottom:0; left:0; right:0; padding:12px 28px; background:var(--color-deep-navy-ink); color:var(--color-on-dark); font-size:13px; font-weight:600; }
.assessment-choice__body { display:flex; flex-direction:column; flex:1; padding:28px; }
.assessment-choice .assessment-choice__category { margin:0 0 10px; color:var(--color-brand-pressed); font-size:13px; font-weight:600; }
.assessment-choice h3 { min-height:2.45em; margin:0 0 16px; color:var(--color-deep-navy-ink); font-size:clamp(24px,2.3vw,29px); line-height:1.2; letter-spacing:-.015em; text-wrap:balance; }
.assessment-choice .assessment-choice__intro { margin:0 0 24px; color:var(--color-ink-soft); font-size:16px; line-height:1.6; }
.assessment-choice h4 { margin:0 0 10px; color:var(--color-deep-navy-ink); font-size:14px; font-weight:600; line-height:1.4; }
.assessment-choice__deliverables { margin-bottom:22px; }
.assessment-choice__deliverables ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.assessment-choice__deliverables li { position:relative; padding:0 0 0 24px; margin:0; color:var(--color-ink-soft); font-size:15px; line-height:1.5; }
.assessment-choice__deliverables li::before { content:'✓'; position:absolute; left:0; top:0; color:var(--color-brand-pressed); font-weight:600; }
.assessment-choice__why { padding:18px 20px; margin-top:auto; background:var(--color-surface-alt); border-radius:2px; }
.assessment-choice__why p { margin:0; color:var(--color-ink-soft); font-size:15px; line-height:1.55; }
.assessment-choice__action { padding-top:22px; }
.assessment-choice__terms { margin:0 0 16px; color:var(--color-deep-navy-ink); font-size:14px; line-height:1.55; }
.assessment-choice__terms strong,.assessment-choice__terms span { display:block; }
.assessment-choice__terms span { color:var(--color-ink-soft); }
.assessment-choice__action .btn { display:flex; justify-content:space-between; width:100%; min-height:48px; gap:12px; font-size:15px; white-space:normal; text-align:left; }
.assessment-choice__action .btn > span { transition:transform 180ms; }
.assessment-choice__action .btn:hover > span { transform:translateX(3px); }
.assessment-start__more { margin:24px 0 0; font-size:14px; color:var(--color-ink-soft); }
.assessment-start__more a { color:var(--color-brand-pressed); }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .assessment-choice:focus-within .assessment-choice__image img,.assessment-choice:hover .assessment-choice__image img { transform:scale(1.025); } }
@media(min-width:1200px) { .assessment-choice h3 { min-height:0; } }
@media(max-width:960px) { .assessment-start__header { gap:24px; } .assessment-choices { gap:20px; } .assessment-choice__body { padding:24px; } .assessment-choice__image-label { padding-inline:24px; } }
@media(max-width:760px) { .assessment-start__header { grid-template-columns:1fr; gap:16px; margin-bottom:28px; } .assessment-start__header > p { font-size:16px; } .assessment-choices { grid-template-columns:1fr; gap:24px; } .assessment-choice h3 { min-height:0; max-width:24ch; } .assessment-choice__image { height:190px; } }
@media(max-width:380px) { .assessment-choice__body { padding:20px; } .assessment-choice__image-label { padding-inline:20px; } }
@media(prefers-reduced-motion:reduce) { .assessment-choice__image img,.assessment-choice__action .btn > span { transition:none; transform:none!important; } }
[data-motion-off] .assessment-choice__image img,[data-motion-off] .assessment-choice__action .btn > span { transform:none!important; }