*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 Arial,Helvetica,sans-serif;background:#fff;color:#0a1b37}a{color:#135be8}a:focus-visible,button:focus-visible{outline:3px solid #faab2a;outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 14px #10244812}.navwrap{max-width:1450px;margin:auto;min-height:84px;padding:10px 3.5%;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{font-size:2rem;letter-spacing:-1.5px;font-weight:900;color:#071a36;text-decoration:none;white-space:nowrap;line-height:1}.brand span{color:#075cf0}.brand small{display:block;font-size:.65rem;font-weight:500;letter-spacing:0;margin-top:5px;color:#47576a}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}nav a{font-size:.9rem;font-weight:700;color:#152641;text-decoration:none}nav a:hover,nav a[aria-current]{color:#005dea;text-decoration:underline;text-underline-offset:9px}.modes{display:flex;gap:3px;white-space:nowrap}.modes button{border:1px solid #ceddf4;background:#fff;color:#152641;padding:8px 10px;border-radius:20px;cursor:pointer;font-size:.82rem}.modes button[aria-pressed=true]{background:#eaf2ff;border-color:#1260e9}.hero{display:grid;grid-template-columns:48% 52%;background:#eff7ff;min-height:575px}.hero-copy{align-self:center;padding:52px 7% 58px 8%;max-width:760px}.eyebrow,.kicker{color:#075ef0;text-transform:uppercase;letter-spacing:1.65px;font-size:.76rem;font-weight:900}.eyebrow{display:inline-block;border:1px solid #85b1ff;border-radius:50px;padding:8px 13px;background:#fff}.hero h1{font-size:clamp(2.5rem,4.1vw,4.8rem);letter-spacing:-2px;line-height:1.07;margin:22px 0}.hero h1 em{font-style:normal;color:#0864e9}.hero p{font-size:1.1rem;color:#253d58;max-width:620px}.hero .research-status{font-size:.77rem;color:#50647c;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.btn{display:inline-block;padding:14px 20px;border-radius:32px;font-weight:750;text-decoration:none;line-height:1.2}.primary{background:#075cf0;color:white}.secondary{background:white;color:#075cf0;border:2px solid #075cf0}.hero-photo{position:relative;overflow:hidden;min-height:510px}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% 32%;filter:saturate(.96)}.alert-list{position:absolute;right:3%;top:17%;display:grid;gap:13px}.alert-list span{display:block;background:#ffffffee;border-radius:16px;padding:11px 15px;color:#0c2549;box-shadow:0 8px 30px #05224c28;font-size:.93rem;font-weight:750}.imgcaption{position:absolute;right:12px;bottom:12px;border-radius:5px;padding:6px 9px;background:#061d3acb;color:white;font-size:.68rem}.featureband{background:#eaf4ff;padding:25px 4%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{display:flex;align-items:flex-start;gap:12px;max-width:330px}.feature .icon{display:grid;place-items:center;flex-shrink:0;width:55px;height:55px;border-radius:50%;background:#065eef;color:white;font-size:1.8rem}.feature strong{font-size:1rem}.feature p{font-size:.88rem;color:#40526b;margin:3px 0}.section{max-width:1450px;margin:0 auto;padding:65px 4%}.section-header{max-width:840px;margin-bottom:35px}.section-header h2,.examples h2,.research h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.17;letter-spacing:-.8px;margin:7px 0 10px}.section-header p{color:#4c5b6b}.stepgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{min-width:0}.step-graphic{height:165px;border-radius:17px;background:linear-gradient(135deg,#e2efff,#0f4e9c);display:grid;place-items:center}.step:nth-child(2) .step-graphic{background:linear-gradient(135deg,#051c3c,#137cec)}.step:nth-child(3) .step-graphic{background:linear-gradient(135deg,#d0e8ff,#3d7cb9)}.step:nth-child(4) .step-graphic{background:linear-gradient(135deg,#c9e4ff,#a1b8e4)}.big{font-size:3.2rem;font-weight:900;color:white}.stepnum{background:#075cf0;color:white;border-radius:50%;width:32px;height:32px;display:inline-grid;place-items:center;font-weight:bold;margin-top:12px}.step h3{margin:4px 0}.step p{margin:4px 0;color:#43546b}.examples{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.example-copy>p{color:#40526b}.checks{padding-left:24px;color:#273951}.checks li{margin-bottom:15px}.inline-link{font-weight:750}.example-visual{background:#eaf3ff;border-radius:25px;overflow:hidden}.example-visual img{width:100%;display:block}.example-visual p{font-size:.76rem;margin:8px 15px 14px;color:#4b5e75}.research{padding:65px max(5%,calc((100vw - 1300px)/2));background:#eaf4ff;display:grid;grid-template-columns:1.3fr 1fr;gap:45px}.research p{color:#334d6b}.research-principles{border-radius:20px;background:#fff;padding:30px;box-shadow:0 15px 40px #11325b17}.research-principles p{border-bottom:1px solid #dde7f5;padding-bottom:8px}.safety{padding:50px 6%;text-align:center;max-width:1050px;margin:auto}.safety h2{font-size:2rem}.safety p{color:#42536b}.safety a{font-weight:bold}.mission{text-align:center;background:#071b3d;color:#fff;padding:70px 5%}.mission h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.25}.mission h2 span{color:#9fc8ff}.mission p{color:#dee9fc}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:22px 5%;background:#fff;color:#3f526a;font-size:.85rem}footer a{color:#1a55ad}body.dark{background:#061024;color:#f7fbff}body.dark .site-header,body.dark footer,body.dark .modes button{background:#0c1d39;color:#fff}body.dark .brand,body.dark nav a{color:white}body.dark .hero,body.dark .featureband,body.dark .research{background:#0b2141}body.dark .hero p,body.dark .feature p,body.dark .section-header p,body.dark .step p,body.dark .checks,body.dark .example-copy>p,body.dark .safety p,body.dark footer{color:#d6e4f7}body.dark .research-principles{background:#152d50}body.dark .research-principles p,body.dark .research p{color:#d6e4f7}body.dark .eyebrow{color:#075cf0}body.contrast{background:#fff;color:#000}
body.contrast .site-header,body.contrast footer,body.contrast .hero,body.contrast .featureband,body.contrast .research,body.contrast .research-principles,body.contrast .example-visual,body.contrast .modes button{background:#fff;color:#000}
body.contrast nav a,body.contrast .brand,body.contrast .brand span,body.contrast a,body.contrast .hero h1 em,body.contrast .eyebrow,body.contrast .kicker{color:#000}
body.contrast .hero p,body.contrast .feature p,body.contrast .section-header p,body.contrast .step p,body.contrast .checks,body.contrast .example-copy>p,body.contrast .research p,body.contrast .safety p{color:#000}
body.contrast .primary,body.contrast .feature .icon,body.contrast .stepnum{background:#000;color:#fff}
body.contrast .secondary{background:#fff;color:#000;border-color:#000}
body.contrast .step-graphic{background:#111}
body.contrast .mission{background:#000;color:#fff}
body.contrast .mission p,body.contrast .mission h2 span{color:#fff}
body.contrast .modes button[aria-pressed=true]{outline:3px solid #000;outline-offset:1px}
body.contrast .research-principles{border:2px solid #000}@media(max-width:1150px){.navwrap{flex-wrap:wrap}nav{order:3;width:100%;padding-bottom:6px}.featureband{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}.hero-photo{min-height:440px}.featureband,.stepgrid,.examples,.research{grid-template-columns:1fr}.featureband{padding:25px 6%}.section{padding:48px 6%}.research{padding:48px 6%}.alert-list{top:15px;right:12px}.alert-list span{font-size:.77rem;padding:8px}nav{gap:12px}.navwrap{padding:14px 5%}.modes button{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Accessible mobile layout: avoid clipped navigation and horizontal overflow */
img{max-width:100%}body{overflow-wrap:break-word}.navwrap nav a{display:inline-block;padding:5px 2px}.navwrap{min-width:0}@media(max-width:740px){.navwrap{justify-content:center}.brand{margin-right:auto}.modes{flex-wrap:wrap;justify-content:center}.hero-photo{min-height:360px}.hero h1{letter-spacing:-1px}.alert-list{max-width:65%}.feature{max-width:none}}
@media(max-width:400px){.brand{font-size:1.65rem}.brand small{font-size:.61rem}.navwrap nav{gap:8px 13px}.navwrap nav a{font-size:.84rem}.hero-copy{padding:30px 5%}.hero-photo{min-height:315px}.alert-list span{font-size:.7rem}.imgcaption{font-size:.59rem}}

/* Hero photo fix: keep alert labels completely outside the person's photograph. */
.hero-photo{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#eaf4ff}
.hero-photo>img{position:static;inset:auto;display:block;width:100%;height:clamp(340px,40vw,600px);object-fit:cover;object-position:48% 32%;flex:none}
.hero-photo .alert-list{position:static;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:15px 14px 6px;width:100%;max-width:none;background:#eaf4ff}
.hero-photo .alert-list span{max-width:100%;border:1px solid #cbdffb;box-shadow:0 2px 8px #05224c12;font-size:.88rem}
.hero-photo .imgcaption{position:static;inset:auto;display:block;text-align:center;background:#eaf4ff;color:#35516f;padding:3px 12px 13px;border-radius:0;font-size:.72rem}
body.dark .hero-photo,body.dark .hero-photo .alert-list,body.dark .hero-photo .imgcaption{background:#0b2141;color:#d6e4f7}
body.contrast .hero-photo,body.contrast .hero-photo .alert-list,body.contrast .hero-photo .imgcaption{background:#fff;color:#000}
@media(max-width:740px){.hero-photo>img{height:clamp(300px,90vw,490px)}.hero-photo .alert-list{max-width:none;padding:12px 10px 4px}.hero-photo .alert-list span{font-size:.78rem}}