/* Home — audience switcher hero */
.hero { padding-block: 24px 88px; }
.hero-panel { background: #FFFFFF; border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(24px, 4vw, 64px); }
.switch-row { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; }
.switch-label { font-size: clamp(32px, 3vw, 44px); line-height: 1; font-weight: 600; letter-spacing: -0.03em; }
.segmented { display: flex; flex-wrap: wrap; gap: 4px; background: var(--light); border: 1px solid var(--line); border-radius: 10px; padding: 4px; }
.segmented button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 7px; background: transparent; color: var(--body); font: inherit; font-size: 15px; font-weight: 500; cursor: pointer; }
.segmented button:hover { color: var(--burgundy); background: #FFFFFF; }
.segmented button[aria-pressed="true"] { background: var(--burgundy); color: #FFFFFF; font-weight: 600; }
.hero h1 { margin-top: 40px; max-width: 12.5em; }
.hero-sub-row { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: flex-end; justify-content: space-between; }
.hero-sub { flex: 1 1 460px; min-width: 0; max-width: 32em; font-size: clamp(19px, 1vw, 23px); color: var(--body); }
.picked-head { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; }
.picked-head h2 { font-size: 15px; font-weight: 600; }
.picked-head p { font-size: 14px; color: var(--muted); }
.picked-grid { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 16px; align-items: stretch; }
.picked-grid > * { flex: 1 1 320px; min-width: 0; }
.start-box { padding: 24px 24px 12px; }
.picked-grid .feature-case { max-width: 640px; }