:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #142844; background: #faf7f2; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
a:focus-visible { outline: 3px solid #186d78; outline-offset: 6px; }
.shell { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.choice-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 14px; border-bottom: 1px solid #e8e1d8; }
.choice-brand { display: flex; width: 228px; height: 66px; align-items: center; }
.choice-brand img { width: 100%; height: 100%; object-fit: contain; }
.header-contact { font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.header-contact span { color: #6d7278; font-weight: 400; margin-right: 12px; }
.choice-intro { text-align: center; padding: 46px 0 30px; }
.eyebrow { color: #856342; font-size: 11px; font-weight: 700; letter-spacing: 2px; margin: 0 0 15px; }
h1 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(36px, 4.2vw, 54px); line-height: 1.1; letter-spacing: -1.5px; margin: 0 0 17px; font-weight: 500; }
.choice-intro > p:last-child { color: #616872; font-size: 15px; line-height: 1.6; margin: 0; }
.audience-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.audience-card { display: flex; flex-direction: column; border: 1px solid #e2dbd1; border-radius: 22px; overflow: hidden; text-decoration: none; background: white; transition: transform .18s, box-shadow .18s; }
.audience-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px #14284412; }
.card-visual { height: 205px; overflow: hidden; }
.student-visual { background: #f4e4cc; background: radial-gradient(ellipse at center, #fff4df, #f1e0c5); }
.student-visual img { width: 100%; height: 100%; object-fit: contain; object-position: center 42%; }
.business-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.card-content { flex: 1; padding: 26px 30px 28px; display: flex; flex-direction: column; }
.card-eyebrow { color: #9a602b; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; margin: 0 0 12px; }
.business-card .card-eyebrow { color: #256c70; }
h2 { font-family: Georgia, 'Times New Roman', serif; font-size: 34px; line-height: 1.1; margin: 0 0 12px; font-weight: 500; }
.card-lead { font-size: 17px; font-weight: 700; line-height: 1.5; margin: 0 0 10px; }
.card-description { color: #616872; font-size: 14px; line-height: 1.7; margin: 0 0 24px; }
.card-cta { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid #eee6db; padding-top: 20px; font-size: 13px; font-weight: 700; }
.card-cta > span { width: 31px; height: 31px; display: grid; place-items: center; background: #f6ead8; border-radius: 50%; flex-shrink: 0; font-size: 20px; }
.business-card .card-cta > span { background: #e5f1ef; color: #256c70; }
.choice-help { text-align: center; color: #6d7278; font-size: 13px; line-height: 1.7; margin: 26px 0 34px; }
.choice-help a { text-underline-offset: 4px; color: #142844; }
.choice-footer { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #e8e1d8; padding-block: 19px; color: #73767b; font-size: 11px; line-height: 1.6; }
.choice-footer p { margin: 0; }
.skip-link { position: absolute; top: -100px; padding: 10px; background: white; z-index: 10; }
.skip-link:focus { top: 0; }
@media (max-width: 700px) {
 .shell { width: calc(100% - 36px); }
 .choice-brand { width: 175px; height: 58px; }
 .header-contact { font-size: 11px; }
 .header-contact span { display: none; }
 .choice-intro { padding: 34px 0 26px; }
 .eyebrow { font-size: 9px; letter-spacing: 1px; }
 .choice-intro > p:last-child { font-size: 14px; }
 .audience-options { grid-template-columns: 1fr; gap: 22px; }
 .audience-card { display: grid; grid-template-columns: 88px minmax(0, 1fr); }
 .card-visual { height: 100%; min-height: 195px; }
 .card-content { padding: 20px 16px; }
 .card-eyebrow { font-size: 8px; letter-spacing: .7px; line-height: 1.5; margin-bottom: 8px; }
 h2 { font-size: 29px; margin-bottom: 9px; }
 .card-lead { font-size: 14px; line-height: 1.5; margin-bottom: 16px; }
 .card-description { display: none; }
 .card-cta { font-size: 11px; line-height: 1.6; gap: 8px; padding-top: 12px; }
 .card-cta > span { width: 26px; height: 26px; font-size: 17px; }
 .choice-footer { flex-direction: column; gap: 7px; }
}
@media (prefers-reduced-motion: reduce) { .audience-card { transition: none; } }