:root { color-scheme: light; --ink:#102017; --muted:#5c6b61; --paper:#eef3ed; --white:#f9fbf7; --line:rgba(16,32,23,.14); --green:#183226; --celadon:#b6e2a7; }
* { box-sizing:border-box; }
html { min-width:320px; scroll-behavior:smooth; background:var(--paper); }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 88% 5%,rgba(182,226,167,.5),transparent 27%),var(--paper); font-family:Inter,Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.topbar { display:flex; align-items:center; justify-content:space-between; width:min(1120px,calc(100% - 36px)); margin:18px auto 0; padding:10px 12px; border:1px solid var(--line); border-radius:18px; background:rgba(249,251,247,.72); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:11px; }
.brand img { border-radius:12px; }
.brand span { display:grid; gap:2px; }
.brand strong { font-size:14px; }
.brand small { color:#52705b; font-size:9px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.contact { padding:12px 16px; border-radius:12px; background:var(--green); color:#fff; font-size:12px; font-weight:750; }
main, footer { width:min(1120px,calc(100% - 36px)); margin-inline:auto; }
.intro-block { padding:clamp(72px,10vw,132px) 0 clamp(68px,9vw,116px); }
.eyebrow,.section-title>p { margin:0 0 18px; color:#52705b; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:940px; margin:0; font-size:clamp(46px,7vw,86px); line-height:.98; letter-spacing:-.06em; text-wrap:balance; }
.lead { max-width:790px; margin:30px 0 0; color:var(--muted); font-size:clamp(17px,2vw,22px); line-height:1.58; }
.facts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:52px; }
.facts span { display:grid; gap:9px; padding:20px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.45); font-size:17px; font-weight:760; }
.facts small { color:#67816f; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.content-section { padding:clamp(66px,8vw,105px) 0; border-top:1px solid var(--line); }
.section-title { display:grid; grid-template-columns:.55fr 1.45fr; gap:30px; align-items:start; margin-bottom:40px; }
.section-title h2 { max-width:760px; margin:0; font-size:clamp(36px,5vw,62px); line-height:1.02; letter-spacing:-.05em; }
.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.metric-grid article,.split-grid article { padding:24px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.55); }
.metric-grid strong { font-size:18px; }
.metric-grid p,.split-grid li { color:var(--muted); font-size:14px; line-height:1.55; }
.note { max-width:820px; margin:28px 0 0; padding-left:18px; border-left:3px solid #76a381; color:var(--muted); font-size:13px; line-height:1.6; }
.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.split-grid h3 { margin:0 0 18px; font-size:23px; letter-spacing:-.03em; }
.split-grid ul { display:grid; gap:10px; padding-left:20px; margin:0; }
.timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:0; margin:0; list-style:none; }
.timeline li { min-height:220px; padding:22px; border-radius:20px; background:var(--green); color:#fff; }
.timeline span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--celadon); color:var(--ink); font-size:12px; font-weight:800; }
.timeline strong { display:block; margin-top:44px; font-size:18px; }
.timeline p { margin:10px 0 0; color:rgba(255,255,255,.65); font-size:13px; line-height:1.55; }
.support { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-top:20px; padding:clamp(34px,5vw,60px); border-radius:28px; background:#0c1712; color:#fff; }
.support h2 { max-width:720px; margin:0; font-size:clamp(30px,4vw,48px); line-height:1.04; letter-spacing:-.045em; }
.support p:last-child { max-width:760px; margin:20px 0 0; color:rgba(255,255,255,.6); font-size:14px; line-height:1.6; }
.support a { flex:0 0 auto; padding:16px 18px; border-radius:13px; background:var(--celadon); color:var(--ink); font-size:13px; font-weight:800; }
footer { display:flex; justify-content:space-between; gap:20px; padding:42px 0; color:#5e7164; font-size:12px; }
footer p { margin:0; }
@media(max-width:760px){.contact{display:none}.intro-block{padding-top:72px}.facts,.metric-grid,.timeline{grid-template-columns:1fr 1fr}.section-title{grid-template-columns:1fr;gap:0}.split-grid{grid-template-columns:1fr}.support{display:grid}.support a{display:block;text-align:center}.timeline li{min-height:190px}}
@media(max-width:480px){main,footer{width:calc(100% - 28px)}.topbar{width:calc(100% - 20px)}h1{font-size:44px}.facts,.metric-grid,.timeline{grid-template-columns:1fr}.facts{gap:8px;margin-top:38px}.facts span{grid-template-columns:90px 1fr;align-items:center}.content-section{padding:62px 0}.support{padding:28px 22px}footer{display:grid}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}