:root{--bg:#f7f8fb;--ink:#101828;--muted:#667085;--line:#e4e7ec;--card:#fff;--accent:#155eef;--deep:#0b1f44}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit}.hero{background:linear-gradient(145deg,#071a36,#123d77);color:#fff;padding:24px max(24px,calc((100vw - 1160px)/2)) 80px}
.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:68px}.brand{font-weight:800;letter-spacing:-.02em}.nav-link{text-decoration:none;color:#d6e4ff}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:#84adff}
h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:15px 0 24px}h1 span{color:#84adff}.lead{font-size:1.15rem;color:#d0d5dd;max-width:720px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:14px 20px;font-weight:800;text-decoration:none;cursor:pointer;font-size:1rem}
.primary{background:#fff;color:#123d77}.secondary{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);color:#fff}.note{font-size:.88rem;color:#98a2b3}
.passport-card{background:#fff;color:var(--ink);border-radius:22px;padding:28px;box-shadow:0 28px 70px rgba(0,0,0,.22)}.passport-top{display:flex;gap:12px;align-items:center;font-size:1.08rem}.passport-top span{font-size:2rem}.route{color:var(--muted);margin:10px 0 24px}.progress{height:8px;background:#eef2f6;border-radius:99px;overflow:hidden;margin-bottom:24px}.progress span{display:block;width:23%;height:100%;background:var(--accent)}
.passport-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.passport-row span{color:var(--muted)}
.section{padding:88px max(24px,calc((100vw - 1160px)/2))}.section.alt{background:#fff}.section-head{max-width:780px;margin-bottom:38px}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.04em;margin:10px 0 16px}.section-head p{color:var(--muted)}
.steps,.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article,.feature-grid article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.steps span{color:var(--accent);font-weight:900}.steps h3,.feature-grid h3{margin:14px 0 8px}.steps p,.feature-grid p{margin:0;color:var(--muted)}
.join{background:#eef4ff}.join-card{background:var(--deep);color:#fff;border-radius:28px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.join-card p{color:#d0d5dd}.join form{display:grid;gap:14px;background:#fff;color:var(--ink);padding:24px;border-radius:18px}
label{display:grid;gap:7px;font-weight:700;font-size:.92rem}input,select{width:100%;padding:13px 14px;border:1px solid #d0d5dd;border-radius:10px;font:inherit;background:#fff}.check{grid-template-columns:auto 1fr;align-items:start;font-weight:500;color:var(--muted)}.check input{width:auto;margin-top:5px}.full{width:100%;background:var(--accent);color:#fff}.form-note{font-size:.82rem!important;color:var(--muted)!important;margin:0}
.trust{text-align:center}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.trust-grid p{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin:0}.source-note{color:var(--muted)}
footer{max-width:1160px;margin:auto;padding:28px 24px 50px;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;color:var(--muted)}footer strong{color:var(--ink);margin-right:auto}
@media(max-width:850px){.hero-grid,.join-card{grid-template-columns:1fr}.passport-card{max-width:560px}.steps,.feature-grid,.trust-grid{grid-template-columns:1fr 1fr}.nav{margin-bottom:44px}}
@media(max-width:560px){.hero{padding-bottom:54px}.section{padding-top:62px;padding-bottom:62px}.steps,.feature-grid,.trust-grid{grid-template-columns:1fr}.join-card{padding:24px}.passport-card{padding:22px}h1{font-size:3rem}}

/* Shared KEP public surface: restrained typography, readable evidence, consistent controls. */
:root{--bg:#f5f7f6;--ink:#172b29;--muted:#536862;--line:#dce5e1;--accent:#17695c;--deep:#123e38}
html{scroll-padding-top:24px}
body{overflow-wrap:anywhere}
main,section,article,div,nav{min-width:0}
.hero{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line);padding:24px max(24px,calc((100vw - 1120px)/2)) 48px}
.nav{gap:16px;flex-wrap:wrap;margin-bottom:32px}
.nav>div{display:flex;flex-wrap:wrap;gap:8px 16px}
.brand{color:var(--ink)}
.nav-link{color:var(--accent);display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.035em;margin:16px 0 24px}
h1 span,.eyebrow{color:var(--accent)}
.lead,.note{color:var(--muted)}
.hero-grid{gap:40px}
.button{min-height:48px;border-radius:8px;font-weight:650}
.primary{background:var(--accent);color:#fff}
.secondary{background:#fff;color:var(--accent);border:1px solid var(--line)}
.passport-card{border:1px solid var(--line);border-radius:12px;box-shadow:none;padding:24px}
.passport-row{gap:16px}.passport-row span{text-align:right}
.section{padding:56px max(24px,calc((100vw - 1120px)/2))}
.section h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.25;letter-spacing:-.025em}
.steps article,.feature-grid article,.trust-grid p{border-radius:12px;box-shadow:none}
.join{background:var(--bg)}
.join-card{display:block;background:#fff;color:var(--ink);padding:32px;border-radius:12px;border:1px solid var(--line)}
.join-card p{color:var(--muted);max-width:75ch}
.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
footer a{min-height:44px;display:inline-flex;align-items:center}
.reading-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);background:#fff}
.reading-header a{min-height:44px;display:inline-flex;align-items:center;color:var(--accent)}
.reading-page .section{max-width:800px;margin:auto;padding:32px 24px 64px}
.reading-page h1{font-size:2rem;line-height:1.3}
.reading-page p{line-height:1.75;margin:20px 0}
@media(max-width:560px){.hero{padding:16px 20px 32px}.nav{margin-bottom:24px;gap:8px}.hero-grid{gap:24px}.section{padding:32px 20px}.join-card{padding:24px}.passport-card{padding:20px}h1{font-size:2rem}.reading-header{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Research previews retain their evidence HOLD within the shared reading layout. */
.preview-status{padding:16px;border:1px solid #d6b656;border-left:4px solid #a87c20;border-radius:8px;background:#fff6da;color:#574000;font-weight:700}

.reading-page .skip-link{position:absolute;top:8px;left:16px;transform:translateY(-200%);padding:12px 16px;background:#fff;color:var(--accent);z-index:1000}
.reading-page .skip-link:focus{transform:none}
