:root{--ink:#082b59;--navy:#0b3970;--blue:#2474b5;--sky:#30363d;--pale:#f1f4f7;--white:#f7f8fa;--muted:#526b86;--line:#c9d9e7;--aqua:#d9edf7;--coral:#f2a35c;--accent:#f29b5c;--accent-deep:#ba5c25;--accent-soft:#fff0e5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pale);color:var(--ink);font:15px/1.6 "DM Sans",sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
header{height:80px;background:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:10;border-bottom:1px solid #e4edf4}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:15px;letter-spacing:-.8px;line-height:.8}
.logo-icon{display:block;position:relative;width:45px;height:45px;overflow:hidden;border-radius:50%;background:#fff}
.brand img{display:block;position:absolute;width:120px;height:120px;max-width:none;object-fit:contain;left:-37px;top:-30px;mix-blend-mode:multiply}
.brand-text{font-size:19px;line-height:1;letter-spacing:-.8px;color:var(--ink)}
.brand-text b{color:var(--accent)}
.brand b{color:var(--accent)}
.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-size:14px}
nav{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}
nav>a:not(.share-link):hover{color:var(--accent)}
.share-link{border:1px solid #9fbcd0;border-radius:22px;padding:9px 12px;color:#245c81}.share-link:hover{border-color:var(--accent);color:var(--accent)}
.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:24px}
.hero{display:grid;grid-template-columns:1.13fr .87fr;background:var(--sky);min-height:590px}
.hero-copy{padding:91px 10% 60px 14%;align-self:center}
.eyebrow,.tag{font-size:10px;letter-spacing:1.25px;font-weight:700;color:var(--accent);margin-bottom:17px}
.hero h1,.intro h2,.section h2,.resources h2,.discover h2,.community h2,.newsletter h2{font:600 clamp(39px,4.6vw,66px)/1.05 Newsreader,serif;letter-spacing:-2.5px}
.hero h1{max-width:645px;margin-bottom:24px}
.hero h1{color:#fff}
.hero h1 i{color:var(--accent);font-style:italic}
.hero-copy>p:not(.eyebrow){color:#d8e0e7;max-width:550px;font-size:16px}
.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--accent);color:#312117;border:1px solid var(--accent);padding:13px 18px;border-radius:4px;font:700 12px "DM Sans",sans-serif;cursor:pointer}
.button:hover{background:#ffc093;border-color:#ffc093}
.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.hero .text-link{color:#fff}
.hero-note{display:flex;gap:10px;margin-top:48px;border-top:1px solid #66727d;padding-top:17px;max-width:380px}
.hero-note span{color:var(--accent)}
.hero-note p{font:12px/1.4 Newsreader,serif;margin:0;color:#d8e0e7}
.hero-image{position:relative;min-height:460px}
.hero-image img,.discover-image img,.community img{width:100%;height:100%;object-fit:cover}
.image-label{position:absolute;bottom:26px;left:-38px;padding:15px 18px;background:white;box-shadow:0 10px 25px #123b5720}
.image-label strong,.image-label span{display:block}
.image-label strong{font:600 17px Newsreader,serif}
.image-label span{font-size:10px;color:var(--muted)}
.intro{background:#edf1f4;text-align:center;padding:102px 20px}
.intro h2{font-size:clamp(36px,4.4vw,57px);max-width:730px;margin:0 auto 22px}
.intro>p:last-child{max-width:610px;margin:auto;color:var(--muted)}
.section{padding:100px 8%}
.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}
.section-heading h2{font-size:clamp(36px,4vw,54px);margin:0}
.section-heading>p{max-width:360px;color:var(--muted);font-size:13px}
.library{background:#30363d}
.library .section-heading h2{color:#fff}
.library .section-heading>p{color:#d4dde5}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.topic-grid a{min-height:215px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#faffff;transition:.2s}
.topic-grid a:hover{background:var(--accent-soft)}
.topic-grid span{font-size:11px;color:#5786a5}
.topic-grid h3{font:600 22px/1.1 Newsreader,serif;margin:26px 0 10px}
.topic-grid p{font-size:11px;line-height:1.45;color:var(--muted);margin-bottom:20px}
.topic-grid b{font-size:11px}
.education-note{display:flex;align-items:flex-start;gap:10px;max-width:780px;margin:30px auto 0;padding:16px 18px;background:#dcecf8;color:#3d607d;font-size:11px}
.education-note>span{width:18px;height:18px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:700}
.education-note p{margin:0}
.journal{background:#f1f3f5}
.article-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:22px}
.article-grid article{display:flex;flex-direction:column}
.article-grid article>img{height:215px;width:100%;object-fit:cover;margin-bottom:20px}
.article-grid h3{font:600 23px/1.15 Newsreader,serif;margin-bottom:10px}
.article-grid article>p:not(.tag){font-size:12px;color:var(--muted)}
.soon{font-size:10px;font-weight:700;color:#5c87a5;margin-top:auto}
.feature-article{background:var(--ink);color:white}
.feature-article div{padding:28px 27px 18px}
.feature-article .tag{color:#a9dcec}
.feature-article h3{font-size:29px}
.feature-article p{color:#c0d1df;font-size:12px}
.feature-article img{height:195px!important;margin:0!important}
.resources{background:#0e3c71;color:white;display:grid;grid-template-columns:.86fr 1.14fr;gap:80px}
.resources .eyebrow{color:#aedfeb}
.resources h2{font-size:clamp(37px,4vw,53px)}
.resource-copy>p:not(.eyebrow){color:#c2d8e9;max-width:430px}
.light{background:var(--accent);color:var(--ink);border-color:var(--accent);margin-top:17px}
.featured-resource{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center}
.featured-resource>.eyebrow{display:none}
.book{height:260px;background:var(--accent);color:#312117;padding:20px;display:flex;flex-direction:column;box-shadow:10px 10px 0 #235686}
.book span,.book i{font-size:8px;letter-spacing:1px;font-style:normal}
.book h3{font:600 28px/1 Newsreader,serif;margin:30px 0 0}
.book p{font-size:9px;margin-top:auto}
.featured-resource>div:last-child h3{font:600 27px/1.1 Newsreader,serif}
.featured-resource>div:last-child p{color:#c2d8e9;font-size:12px}
.featured-resource .dark{color:#a9dceb}
.discover{background:#30363d;color:#fff;display:grid;grid-template-columns:1fr 1fr;padding:0}
.discover-image{min-height:570px}
.discover-copy{padding:92px 14%}
.discover h2{font-size:clamp(37px,3.8vw,52px)}
.discover-copy>p:not(.eyebrow){color:#d4dde5;font-size:13px}
.process{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:30px 0}
.process span{font-size:10px;font-weight:700;background:white;color:var(--ink);border:1px solid var(--line);padding:6px 8px}
.process b{font-size:11px;color:#5790b0}
.challenge-tags{display:flex;gap:7px;flex-wrap:wrap}
.challenge-tags span{border-radius:20px;background:#d4ebf5;padding:6px 10px;font-size:10px}
.promise{background:#30363d;text-align:center;color:#fff}
.promise-grid{color:var(--ink)}
.promise h2{font-size:clamp(37px,4vw,53px)}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:45px;border-top:1px solid var(--line);border-left:1px solid var(--line);text-align:left}
.promise-grid div{min-height:185px;padding:23px;background:#f5f7f9;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.promise-grid b{font-size:10px;color:#5891b1}
.promise-grid h3{font:600 20px Newsreader,serif;margin:21px 0 7px}
.promise-grid p{font-size:11px;color:var(--muted);line-height:1.45}
.community{background:var(--aqua);display:grid;grid-template-columns:1fr 1fr;color:var(--ink)}
.community>div{padding:91px 15%}
.community h2{font-size:clamp(37px,4vw,54px)}
.community>div>p:not(.eyebrow){font-size:14px;color:#3f6473}
.community img{height:520px}
.white{font-size:12px}
.share{background:#30363d;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.share h2{font-size:clamp(36px,3.7vw,52px);margin-bottom:20px}
.share>div>p:not(.eyebrow){color:#d4dde5;font-size:13px}
.form-warning{padding:13px;background:#ffe0ca;color:var(--ink)!important;font-size:11px!important}
.disclaimer{font-size:11px!important;border-top:1px solid #66727d;padding-top:13px}
.share form{display:flex;flex-direction:column}
.share label{font-size:11px;font-weight:700;margin-bottom:6px}
.share label span{font-weight:400;color:#d4dde5}
.share input:not([type=checkbox]),.share textarea,.newsletter input{font:13px "DM Sans",sans-serif;border:1px solid #d8c5ba;background:#fffdfb;padding:12px;margin-bottom:15px;outline-color:#2684aa}
.share textarea{height:110px;resize:vertical}
.consent{display:flex;align-items:flex-start;gap:8px;font-weight:400!important;line-height:1.4;margin:2px 0 19px!important}
.consent input{margin-top:3px}
.share form small{font-size:10px;color:#d4dde5;margin-top:11px}
.newsletter{background:#d9edf7;text-align:center;padding:90px 20px}
.newsletter h2{font-size:clamp(37px,4vw,52px);margin-bottom:12px}
.newsletter>p:not(.eyebrow){color:var(--muted);font-size:13px}
.newsletter form{display:flex;width:min(460px,100%);margin:26px auto 0}
.newsletter input{flex:1;margin:0;background:white;border-color:#acc8d9}
.newsletter button{background:var(--ink);border:0;color:white;width:55px;font-size:20px}
footer{background:#062349;color:#cfdeed;padding:57px 8% 22px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
footer .brand{color:white}
.footer-name{font:600 25px Newsreader,serif;color:white;letter-spacing:-.7px}
footer>div>p{font:12px Newsreader,serif;max-width:220px;margin-top:18px}
footer strong{font-size:9px;letter-spacing:1.1px;color:#a5d9e9;display:block;margin-bottom:12px}
footer>div:not(:first-child)>a{display:block;font-size:11px;margin:7px 0}
footer small{grid-column:1/-1;border-top:1px solid #ffffff22;margin-top:15px;padding-top:15px;font-size:10px;color:#91aac0}
@media(max-width:850px){header{padding:0 6%}
.menu-toggle{display:block}
nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:22px 7%;box-shadow:0 12px 20px #0b35541f;flex-direction:column;align-items:flex-start;gap:17px}
nav.open{display:flex}
.hero,.resources,.discover,.community,.share{grid-template-columns:1fr}
.hero-copy{padding:74px 8% 50px}
.hero-image{min-height:390px}
.image-label{left:20px}
.section{padding:78px 7%}
.topic-grid{grid-template-columns:repeat(2,1fr)}
.article-grid{grid-template-columns:1fr}
.article-grid article{max-width:550px}
.resources{gap:30px}
.resource-copy,.discover-copy{padding:70px 9%}
.featured-resource{margin:0 9% 65px}
.discover-image{min-height:390px}
.community>div{padding:70px 9%}
.community img{height:390px}
.share{gap:35px}
.promise-grid{grid-template-columns:repeat(2,1fr)}
footer{grid-template-columns:1fr 1fr}
.section-heading{align-items:start;flex-direction:column;gap:15px}
}
@media(max-width:480px){.hero h1{font-size:41px}
.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}
.hero-note{margin-top:35px}
.topic-grid,.promise-grid{grid-template-columns:1fr}
.topic-grid a{min-height:180px}
.featured-resource{grid-template-columns:1fr;margin:0 9% 55px}
.book{max-width:190px}
.section-heading h2{font-size:40px}
.share{padding-top:70px}
footer{grid-template-columns:1fr}
}