:root{--dark:#13302B;--darker:#0E2420;--panel:#1D433C;--sand:#ECE6D8;--bg:#F6F3EC;--card:#FFFDF8;--line:#DDD5C3;--text:#1E2B28;--muted:#3D4A46;--accent:#A84B28;--peach:#E8A882;--light:#F6F3EC;--soft:#D9E5E0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Public Sans',Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
img{max-width:100%;display:block}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;margin:0}
h2{font-size:clamp(30px,4vw,42px);line-height:1.2;color:var(--dark);max-width:760px;margin:0 0 40px}
h3{margin:0}
p{margin:0}
a{color:var(--accent)}
.eyebrow{font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
.on-dark .eyebrow{color:var(--peach)}
.btn{display:inline-block;padding:16px 28px;border-radius:999px;font-size:17px;font-weight:600;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn--accent{background:var(--peach);color:var(--dark)}
.btn--accent:hover{background:#F0BD9D;color:var(--dark)}
.btn--light{background:var(--light);color:var(--dark);padding:12px 22px;font-size:16px}
.hero{position:relative;min-height:760px;color:var(--light);overflow:hidden;background:var(--dark)}
.hero__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.hero__shade{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(19,48,43,.94) 0%,rgba(19,48,43,.78) 50%,rgba(19,48,43,.35) 100%)}
.topbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px}
.logo{font-family:'Libre Baskerville',Georgia,serif;font-size:22px;color:var(--light)}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:16px}
.nav>a:not(.btn){color:var(--light);text-decoration:none}
.nav>a:not(.btn):hover{text-decoration:underline}
.langs{display:flex;gap:6px}
.langs button{padding:8px 12px;border-radius:999px;border:1px solid var(--light);background:transparent;color:var(--light);font:700 14px 'Public Sans',sans-serif;cursor:pointer}
.langs button[aria-pressed=true]{background:var(--light);color:var(--dark)}
.hero__content{position:relative;padding-top:140px;padding-bottom:120px;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.hero h1{font-size:clamp(38px,5.2vw,58px);line-height:1.12;max-width:800px;color:var(--light)}
.lead{font-size:clamp(18px,1.6vw,21px);max-width:660px;color:#E3ECE8;margin-bottom:12px}
.section{padding:110px 0}
.section--sand{background:var(--sand)}
.section--dark{background:var(--dark);color:var(--light)}
.section--dark h2{color:var(--light)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:14px}
.card--dark{background:var(--dark);border-color:var(--dark)}
.card__meta{font-size:15px;font-weight:700;color:var(--accent)}
.card--dark .card__meta{color:var(--peach)}
.card h3{font-size:25px;line-height:1.25;color:var(--dark);min-height:64px}
.card--dark h3{color:var(--light)}
.card__desc{font-size:17px;color:var(--muted);min-height:54px}
.card ul{margin:0;padding-left:20px;font-size:16px;line-height:1.8;color:var(--muted)}
.card--dark .card__desc,.card--dark ul{color:var(--soft)}
.cycle{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;color:var(--muted)}
.cycle b{color:var(--dark);margin-right:6px}
.cycle span.step{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:600;color:var(--dark)}
.cycle span.arrow{color:var(--accent)}
.explore{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start}
.explore__text>p{font-size:18px;color:var(--muted)}
.qlabel{margin-top:28px!important;font-size:15px!important;font-weight:700;color:var(--dark)!important}
.qlist{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.qlist li{padding:14px 18px;background:var(--card);border-radius:12px;font-size:17px;color:var(--dark)}
.xcard{background:var(--dark);color:var(--light);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:16px}
.xcard h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:28px;line-height:1.3}
.xcard p{font-size:17px;color:var(--soft)}
.xcard .note{font-size:14px;color:#BFD2CB;border-top:1px solid #3B6158;padding-top:14px}
.diffs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.diff{display:flex;flex-direction:column;gap:10px}
.diff .num{font-family:'Libre Baskerville',Georgia,serif;font-size:32px;color:var(--peach)}
.diff h3{font-size:20px;color:var(--light)}
.diff p{font-size:16px;color:var(--soft)}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.benefit{border-top:2px solid var(--dark);padding-top:20px}
.benefit--accent{border-top-color:var(--accent)}
.benefit h3{font-size:22px;color:var(--dark);margin-bottom:8px}
.benefit p{font-size:17px;color:var(--muted)}
.split{display:flex;flex-wrap:wrap;align-items:center;gap:64px}
.split--top{align-items:flex-start}
.split__img{flex:1 1 440px;min-width:0;max-width:560px;height:480px;object-fit:cover;border-radius:24px}
.split__text{flex:1 1 400px;min-width:0}
.split__text h2{margin-bottom:22px}
.split__text>p{font-size:18px;color:var(--muted);margin-bottom:18px}
.section--dark .split__text>p{color:var(--soft)}
.quote{font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:20px!important;color:var(--dark)!important}
.scale{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.scale div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.scale h3{font-size:16px;color:var(--accent);margin-bottom:4px}
.scale p{font-size:16px;color:var(--dark)}
.reg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.reg__text>p{font-size:18px;color:var(--muted)}
.reg__note{margin-top:16px!important;font-size:15px!important}
.chain{display:flex;flex-direction:column;gap:0}
.chain div{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card);border:1px solid var(--line);font-weight:600;color:var(--dark);font-size:18px}
.chain div+div{border-top:0}
.chain div:first-child{border-radius:14px 14px 0 0}
.chain div:last-child{border-radius:0 0 14px 14px;background:var(--dark);color:var(--light);border-color:var(--dark)}
.chain span{font-family:'Libre Baskerville',Georgia,serif;font-size:15px;color:var(--accent);width:24px}
.chain div:last-child span{color:var(--peach)}
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.person{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:8px}
.person h3{font-size:22px;color:var(--dark)}
.person .role{font-size:15px;font-weight:600;color:var(--accent);min-height:46px}
.person p.bio{font-size:16px;line-height:1.6;color:var(--muted);margin-top:8px}
.sdg{padding:36px 0;background:var(--sand)}
.sdg .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.sdg p{font-size:16px;font-weight:600;color:var(--dark);margin-right:8px}
.sdg span{display:inline-block;min-width:48px;text-align:center;padding:8px 12px;border-radius:10px;background:var(--dark);color:var(--light);font-weight:700;font-size:15px}
.mail{font-size:20px;font-weight:600;color:var(--peach)}
.form{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:18px;background:var(--panel);border-radius:20px;padding:36px}
.form label{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600;color:var(--light)}
.form input,.form textarea{padding:14px 16px;border-radius:10px;border:1px solid #5E8479;background:var(--light);color:var(--text);font:16px 'Public Sans',sans-serif}
.form textarea{resize:vertical}
.form .btn{align-self:flex-start}
.form__note{font-size:14px;color:#BFD2CB}
footer{background:var(--darker);color:#BFD2CB}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:28px;padding-bottom:28px;font-size:15px}
footer .logo{font-size:18px}
footer a{color:#BFD2CB}
p.eyebrow{color:var(--accent)!important;font-size:14px!important;font-weight:600;margin-bottom:16px!important}
.on-dark p.eyebrow{color:var(--peach)!important}
:focus-visible{outline:3px solid var(--peach);outline-offset:3px}
@media (max-width:980px){
 .cards,.benefits,.team,.explore,.reg{grid-template-columns:minmax(0,1fr)}
 .diffs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .card h3,.card__desc,.person .role{min-height:0}
}
@media (max-width:640px){
 .diffs,.scale{grid-template-columns:minmax(0,1fr)}
 .hero__content{padding-top:80px;padding-bottom:80px}
 .section{padding:80px 0}
 .split__img{height:320px;width:100%;max-width:none}
 .split__img,.split__text,.form{flex:1 1 100%}
 .form,.xcard{padding:24px}
}