:root{color-scheme:light;--navy:#071826;--ink:#102b3c;--muted:#4c6573;--accent:#007f8b;--bright:#69e1e4;--line:#d5e3e8;--paper:#f2f7f9;--button:#72edf0;--button-ink:#062b35}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip{position:absolute;left:20px;top:-100px;background:#fff;color:var(--navy);padding:12px;z-index:5}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
header{background:#fff;border-bottom:1px solid var(--line)}
.header-row{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:10px}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;min-width:0}
.brand img{width:90px;height:90px;object-fit:contain;flex:none}
.brand strong{display:block;font-size:1.06rem;letter-spacing:.035em;line-height:1.35}
.brand span{display:block;font-size:.875rem;color:var(--muted);line-height:1.5;margin-top:4px}
.edition{color:var(--muted);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;border-left:1px solid var(--line);padding-left:24px;flex:none}
.hero{padding:58px 0 54px;background:var(--paper)}
.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:44px;align-items:center}
.hero-grid>*{min-width:0}
.eyebrow{font-size:.875rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}
h1,h2,h3,p{margin-top:0}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.65rem,4.7vw,4.15rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:23px;overflow-wrap:break-word}
h1 em{font-style:normal;color:var(--accent)}
.lead{font-size:1.09rem;line-height:1.7;color:var(--muted);max-width:590px;margin-bottom:0}
.hero-visual{margin:0;border:1px solid var(--line);border-radius:22px 22px 4px 22px;overflow:hidden;background:#fff;box-shadow:0 22px 50px #07182614}
.hero-visual img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.hero-visual figcaption{padding:17px 22px;font-size:.95rem;font-weight:750;line-height:1.4;color:var(--ink);border-top:3px solid var(--accent)}
.solution{padding:52px 0 48px}
.solution-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:start}
h2{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:750;line-height:1.17;letter-spacing:-.035em;margin-bottom:18px}
.solution-intro p:last-child{color:var(--muted);font-size:1.03rem;margin-bottom:0}
.solution-intro>.mechanism{padding-top:4px}
.benefits{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.benefits li{border-top:2px solid var(--line);padding-top:18px}
.benefits .number{display:block;color:var(--accent);font-size:.875rem;font-weight:750;margin-bottom:8px}
.benefits strong{display:block;font-size:1.1rem;line-height:1.35;margin-bottom:6px}
.benefits p{font-size:1rem;color:var(--muted);margin-bottom:0}
.support{margin:28px 0 0;font-size:.95rem;color:var(--muted)}
.closing{background:var(--navy);color:#fff;padding:48px 0 44px}
.closing-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}
.closing .eyebrow{color:var(--bright);margin-bottom:14px}
.closing h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.1rem,3.5vw,3rem)}
.closing p{color:#c9dde6;font-size:1.02rem;margin-bottom:0}
.action p{margin-bottom:20px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:58px;max-width:100%;padding:15px 28px;border-radius:999px;background:var(--button);color:var(--button-ink);font-size:1.1rem;font-weight:800;line-height:1.35;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 7px 24px #0003}
.button:focus-visible{outline-color:#fff}
.button svg{width:23px;height:23px;flex:none}
.destination{display:block;margin-top:12px;font-size:.875rem;color:#c9dde6}
footer{padding:25px 0;background:#f3f6f8;color:var(--muted)}
footer p{margin-bottom:0;font-size:.875rem;line-height:1.65;max-width:1060px}
/* LIFE retains its navy, turquoise and orange identity. */
body.life{--navy:#071d36;--ink:#10273e;--muted:#53687b;--accent:#007c8d;--bright:#66d8e4;--button:#ff792f;--button-ink:#172333}
.life .hero{background:linear-gradient(125deg,#071d36,#0b2d4d 64%,#075366);color:#fff}
.life .hero .eyebrow{color:#66d8e4}
.life h1{font-family:inherit;font-weight:750;font-size:clamp(2.55rem,4.35vw,3.8rem);line-height:1.08;letter-spacing:-.045em}
.life h1 em{color:#ff945b}
.life .lead{color:#d5e8ef}
.life .hero-visual{border:0;box-shadow:0 22px 50px #0003}
.life .hero-visual img{aspect-ratio:1600/830}
.life .hero-visual figcaption{border-top-color:#ff792f}
.life .benefits li{border-top-color:#ffb088}
.life .closing h2{font-family:inherit;font-weight:750}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero{padding-block:42px}.hero-copy{max-width:700px}.hero-visual{width:min(100%,650px)}.solution-intro{gap:30px}.closing-grid{gap:34px}.brand span{max-width:370px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.header-row{gap:12px;min-height:94px}.brand{gap:12px}.brand img{width:80px;height:80px}.brand strong{font-size:.94rem}.brand span{font-size:.875rem}.edition{display:none}.hero{padding:34px 0 36px}h1,.life h1{font-size:clamp(2.25rem,9.7vw,3.2rem)}.eyebrow{font-size:.875rem;letter-spacing:.045em}.lead{font-size:1rem}.hero-visual{border-radius:16px 16px 4px 16px}.hero-visual figcaption{font-size:.9rem;padding:14px 17px}.solution{padding:36px 0}.solution-intro,.closing-grid{grid-template-columns:1fr;gap:20px}.solution-intro>.mechanism{padding:0}.solution-intro h2{margin-bottom:0}.benefits{grid-template-columns:1fr;gap:16px;margin-top:26px}.benefits li{position:relative;padding:15px 0 0 39px}.benefits .number{position:absolute;left:0;top:17px}.benefits strong{font-size:1.05rem}.benefits p{font-size:1rem}.support{font-size:.95rem;margin-top:24px}.closing{padding:36px 0}.closing h2{font-size:2.1rem}.button{width:100%}.destination{text-align:center}footer{padding:22px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Approved introduction: readable spacing on both entry routes. */
.life .hero-copy .lead + .lead{margin-top:18px}
.life .intro-heading{font-size:1.5rem;margin:26px 0 14px;letter-spacing:-.02em}
.life .intro-prompt{margin-top:20px}
.life .intro-link{margin-top:24px}
.life .prevention{color:#fff}

/* Approved information and prevention introduction. */
.life .prevention-hero{background:linear-gradient(115deg,#fff 15%,#edf6fc 100%);color:#103b70;padding-block:56px}
.prevention-hero .hero-grid{grid-template-columns:1.12fr 1fr;gap:34px}
.life .prevention-hero .eyebrow{color:#17669a}
.life .prevention-hero h1{font-weight:750;letter-spacing:-.035em;margin-bottom:26px}
.prevention-word{display:block;color:#07589f;font-size:clamp(3rem,6.4vw,5.6rem);font-weight:850;line-height:1.1;letter-spacing:-.045em}
.prevention-subtitle{display:block;font-size:clamp(1.9rem,3.1vw,2.75rem);line-height:1.15;margin-top:10px}
.life .prevention-hero .lead{color:#485f80;font-size:1.2rem;line-height:1.55}
.life .prevention-hero .prevention-question{font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.4}
.prevention-question span{font-weight:650}
.life .prevention-hero .intro-link{background:#0867b5;color:#fff;border-radius:12px;margin-top:32px;font-weight:650}
.life .prevention-hero .intro-link:focus-visible{outline-color:#103b70}
.life .consultation-visual{border-radius:20px;box-shadow:none;background:#e8f2f8}
.life .consultation-visual img{aspect-ratio:3/2;object-fit:cover;object-position:center}
.consultation-support{padding:34px 0;background:linear-gradient(110deg,#eef6fd,#e3eff9);color:#103b70}
.consultation-support h2{font-size:clamp(1.6rem,2.6vw,2.3rem);margin-bottom:8px;letter-spacing:-.025em}
.consultation-support p{font-size:clamp(1.15rem,2.1vw,1.8rem);line-height:1.4;color:#485f80;margin-bottom:0}
@media(max-width:900px){.prevention-hero .hero-grid{grid-template-columns:1fr;gap:28px}.life .consultation-visual{width:100%;max-width:none}.life .consultation-visual img{aspect-ratio:3/2;object-position:center}.prevention-word{font-size:clamp(2.65rem,10vw,5.6rem)}}
@media(max-width:620px){.life .prevention-hero{padding-block:30px}.life .prevention-hero .lead{font-size:1.1rem}.life .prevention-hero .prevention-question{font-size:1.3rem}.prevention-subtitle{font-size:1.9rem}.consultation-support{padding-block:26px}}