@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Source+Serif+4:opsz,wght@8..60,650;8..60,700&display=swap');:root{--ink:#071817;--green:#0c3c38;--mint:#67d6c4;--coral:#ef705d;--paper:#f2f6f3;--line:#cbd9d4;--muted:#5c6d68;--serif:'Source Serif 4',serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit}header{height:68px;padding:0 4vw;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brand i{font-style:normal;background:var(--coral);padding:4px 7px}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:.82rem;font-weight:700}.menu{display:none;background:none;border:0;color:#fff;font-size:1.4rem}.translate{padding:8px 4vw;background:var(--green);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:.74rem}.translate div{display:flex;gap:9px;align-items:center}.translate select{padding:7px}.translate a{color:var(--mint);font-weight:700}.hero{height:min(740px,80vh);min-height:620px;position:relative;background:var(--ink);overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,19,.96),rgba(4,20,19,.65) 45%,rgba(4,20,19,.05) 76%)}.hero-copy{position:absolute;left:6vw;top:14%;width:min(650px,48vw);color:#fff}.tag{text-transform:uppercase;color:var(--mint);font-size:.72rem;font-weight:700}.tag.dark{color:#147a70}.hero h1,.head h2,.intro h2,.safety h2,.sources h2{font:700 clamp(2.4rem,4.7vw,5.7rem)/.96 var(--serif);margin:0 0 23px;letter-spacing:0}.hero-copy>p:not(.tag){color:#d2dfdd}.hero-copy>a{display:inline-block;margin-top:15px;background:var(--coral);padding:13px 18px;text-decoration:none;font-weight:700}.hero aside{position:absolute;right:4vw;bottom:0;width:min(470px,40vw);padding:22px;background:#eec65e;display:grid;gap:4px}.hero aside span{font-size:.78rem}.outcomes{display:grid;grid-template-columns:repeat(5,1fr);padding:0 4vw;background:#fff}.outcomes div{padding:20px;border-right:1px solid var(--line)}.outcomes b,.outcomes span{display:block}.outcomes b{font-family:var(--serif)}.outcomes span{font-size:.72rem;color:var(--muted)}.section{padding:85px 6vw}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.intro>div:last-child{color:var(--muted)}.head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:38px}.head h2{font-size:clamp(2.3rem,4vw,4.5rem)}.head>p{color:var(--muted)}.classes{padding:85px 6vw;background:var(--ink);color:#fff}.head.light>p{color:#b5c9c6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid article{padding:24px;background:#102b29;border-top:3px solid #52736e;min-height:280px}.grid article.accent{border-top-color:var(--mint)}.grid em{font-style:normal;color:var(--mint);font-size:.64rem;font-weight:700}.grid h3{font:650 1.55rem var(--serif)}.grid p,.grid dd{color:#bed0cd;font-size:.82rem}.grid dl{margin-top:18px;border-top:1px solid #37524f;padding-top:9px}.grid dt{font-size:.65rem;text-transform:uppercase}.grid dd{margin:2px 0}.glp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.glp-grid article{padding:25px;background:#fff;border:1px solid var(--line)}.glp-grid span{color:#147a70;font-size:.7rem;text-transform:uppercase;font-weight:700}.glp-grid h3{font:650 1.4rem var(--serif)}.glp-grid p{color:var(--muted);font-size:.82rem}.oral-answer{margin-top:18px;padding:22px;background:#dceae5;display:grid;grid-template-columns:220px 1fr;gap:25px;font-size:.82rem}.chooser{display:grid;grid-template-columns:.65fr 1.35fr;background:#fff;border:1px solid var(--line)}.buttons{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.buttons button{padding:12px;border:1px solid var(--line);background:#fff;font:700 .77rem var(--sans);cursor:pointer}.buttons button.active{background:var(--green);color:#fff}#answer{padding:32px;background:var(--green);color:#fff;font:650 1.4rem/1.4 var(--serif)}.safety{padding:85px 6vw;background:var(--coral);color:#fff}.safety>div:first-child{max-width:760px}.safety h2{font-size:clamp(2.4rem,4vw,4.5rem)}.alerts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#f4a294}.alerts article{padding:23px;background:#cc5545}.alerts b{font-size:.68rem}.alerts h3{font:650 1.35rem var(--serif)}.alerts p{font-size:.8rem;color:#ffe2dd}.emergency{padding:18px;background:#fff;color:var(--ink);font-size:.8rem}.cost-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cost-grid article{padding:22px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cost-grid span{font-weight:700;color:#147a70}.cost-grid p{font-size:.77rem;color:var(--muted)}.cost-grid a{font-size:.75rem;font-weight:700;color:#147a70}.value{margin-top:18px;padding:20px 24px;background:#e9dcae;display:grid;grid-template-columns:180px 1fr;gap:20px}.value p{font-size:.8rem;margin:0}.sources{display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw;background:#e2ebe7}.sources h2{font-size:clamp(2.1rem,3.5vw,3.8rem)}.links{display:grid;grid-template-columns:repeat(2,1fr)}.links a{padding:15px 0;border-top:1px solid #b6c9c3;font-weight:700;color:#116b63;font-size:.8rem}footer{padding:28px 6vw;background:var(--ink);color:#a9bfbb;display:flex;justify-content:space-between;gap:30px;font-size:.72rem}footer p{margin:0}footer strong{color:#fff}@media(max-width:900px){nav{display:none}.menu{display:block}nav.open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--ink);padding:20px;flex-direction:column}.hero-copy{width:70vw}.hero aside{width:62vw}.grid{grid-template-columns:repeat(2,1fr)}.cost-grid{grid-template-columns:repeat(2,1fr)}.head,.intro,.sources{grid-template-columns:1fr}}@media(max-width:620px){.translate{align-items:flex-start;flex-direction:column}.hero{height:740px}.hero-copy{left:5vw;right:5vw;width:auto}.hero h1{font-size:3.05rem}.hero aside{left:0;right:auto;width:92%}.shade{background:linear-gradient(0deg,rgba(4,20,19,.98),rgba(4,20,19,.7) 72%,transparent)}.outcomes,.grid,.glp-grid,.cost-grid,.chooser,.alerts,.links{grid-template-columns:1fr}.section,.classes,.safety{padding:62px 5vw}.oral-answer,.value{grid-template-columns:1fr}.buttons{grid-template-columns:1fr}footer{flex-direction:column}}
