:root{--navy:#081f36;--teal:#00cdd1;--yellow:#ffe632;--paper:#fffefa;--muted:#435668}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:"Trebuchet MS",Arial,sans-serif}.intro{min-height:58vh;background:var(--teal);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4vw;padding:56px max(6vw,28px) 42px;overflow:hidden}.copy{max-width:700px}.eyebrow,.label{font-size:11px;line-height:1.4;font-weight:800;letter-spacing:2px}.eyebrow{margin:0 0 25px}h1{font-size:clamp(58px,7.2vw,104px);line-height:.93;letter-spacing:-5px;margin:0 0 29px}h1 em{font-style:normal;box-shadow:inset 0 -22px var(--yellow)}.lead{font-size:clamp(18px,2vw,24px);line-height:1.5;max-width:610px;margin:0 0 18px}.note{font-size:13px;line-height:1.6;max-width:590px;margin:0;color:#173c47}.intro img{display:block;width:min(42vw,510px);height:auto;justify-self:center;filter:drop-shadow(12px 18px 0 rgba(8,31,54,.09))}.choices{display:grid;grid-template-columns:1fr 1fr}.card{position:relative;display:block;min-height:390px;padding:54px max(6vw,28px);text-decoration:none;color:inherit}.card.audio{background:var(--navy);color:white}.card.bonus{background:var(--yellow)}.number{position:absolute;right:max(6vw,28px);top:48px;font-family:Georgia,serif;font-size:52px;opacity:.35}.label{margin:0 0 28px}.audio .label{color:var(--teal)}.card h2{font-size:clamp(38px,4.2vw,61px);line-height:1.02;letter-spacing:-2.5px;margin:0 0 21px}.card>p:not(.label){max-width:500px;font-size:16px;line-height:1.65;margin:0 0 32px;color:inherit;opacity:.84}.action{display:inline-flex;gap:28px;align-items:center;border-bottom:2px solid currentColor;padding-bottom:6px;font-size:14px;font-weight:800}.action b{font-size:23px;line-height:1}.card:focus-visible{outline:5px solid white;outline-offset:-9px}.bonus:focus-visible{outline-color:var(--navy)}footer{min-height:85px;padding:25px max(6vw,28px);display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px}@media(max-width:700px){.intro{grid-template-columns:1fr;padding-top:38px;gap:12px}.intro img{width:min(82vw,390px)}h1{font-size:clamp(55px,17vw,78px);letter-spacing:-4px}.choices{grid-template-columns:1fr}.card{min-height:345px;padding-top:45px}.number{top:38px}.card h2{font-size:46px}footer{align-items:flex-start;gap:15px;flex-direction:column;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
