:root {
--ink:#081124; --muted:#3a4b65;
--surface:#f4f7fc; --paper:#fff;
--line:#d9e2ee; --accent:#6ee7c4;
--accent-ink:#063a2e; --night:#081124;
--night-soft:#102846; --max:1180px;
--radius:1.1rem; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
color:var(--ink); background:var(--surface);
}
* {
box-sizing:border-box;
}
 html {
scroll-behavior:smooth;
}
 body {
margin:0; line-height:1.55;
}
 a {
color:inherit;
}
 a:focus-visible {
outline:3px solid #1769c2; outline-offset:4px;
}
.skip-link {
position:fixed; top:-5rem;
left:1rem; z-index:4;
padding:.7rem 1rem; background:var(--paper);
border-radius:.5rem;
}
.skip-link:focus {
top:1rem;
}
.site-header, main, footer {
width:min(calc(100% - 2.5rem),var(--max)); margin-inline:auto;
}
.site-header {
min-height:5.5rem; display:flex;
align-items:center; justify-content:space-between;
gap:1rem;
}
.brand {
font-size:1.25rem; font-weight:850;
letter-spacing:-.06em; text-decoration:none;
}
.brand span {
color:#087958;
}
 nav {
display:flex; gap:1.4rem;
}
 nav a {
color:var(--muted); text-decoration:none;
font-size:.94rem;
}
 nav a:hover,.text-link:hover,footer a:hover {
color:#087958;
}
.button {
min-height:2.9rem; display:inline-flex;
align-items:center; justify-content:center;
padding:.68rem 1rem; border-radius:.68rem;
font-weight:780; text-decoration:none;
transition:transform 160ms ease;
}
.button:hover {
transform:translateY(-2px);
}
.button-primary {
color:var(--accent-ink); background:var(--accent);
box-shadow:0 10px 24px rgb(110 231 196 / 25%);
}
.button-quiet {
border:1px solid var(--line); font-size:.9rem;
}
.hero {
min-height:37rem; padding:clamp(4.5rem,10vw,8.4rem) 0 5.3rem;
display:grid; grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);
align-items:center; gap:clamp(2rem,7vw,7rem);
}
.eyebrow,.card-label {
margin:0 0 .7rem; color:#087958;
font-size:.74rem; font-weight:850;
letter-spacing:.12em; text-transform:uppercase;
}
 h1,h2,h3,p {
margin-top:0;
}
 h1,h2,h3 {
line-height:1.06; letter-spacing:-.05em;
}
 h1 {
max-width:13ch; margin-bottom:1.3rem;
font-size:clamp(3rem,7vw,5.8rem);
}
 h2 {
max-width:18ch; margin-bottom:1rem;
font-size:clamp(2.15rem,4vw,3.65rem);
}
 h3 {
font-size:1.28rem;
}
.lead,.section-heading>p,.cta>p {
max-width:62ch; color:var(--muted);
font-size:clamp(1.05rem,1.5vw,1.2rem);
}
.actions {
display:flex; align-items:center;
flex-wrap:wrap; gap:1.15rem;
margin-top:2rem;
}
.text-link {
font-weight:760; text-underline-offset:.24em;
text-decoration-thickness:.12em;
}
.hero-card {
padding:clamp(1.5rem,4vw,2.4rem); border-radius:var(--radius);
background:var(--night); color:#ecf5ff;
box-shadow:0 18px 44px rgb(6 22 40 / 10%);
}
.hero-card ol {
padding:0; margin:1.7rem 0 0;
list-style:none; counter-reset:item;
}
.hero-card li {
display:grid; grid-template-columns:auto 1fr;
gap:.25rem .8rem; padding:1rem 0;
border-top:1px solid rgb(236 245 255 / 16%);
}
.hero-card li::before {
content:counter(item,decimal-leading-zero); counter-increment:item;
color:var(--accent); font-size:.75rem;
font-weight:800;
}
.hero-card span {
grid-column:2; color:#adc2dc;
font-size:.9rem;
}
.card-label {
color:var(--accent);
}
.section {
padding:clamp(4rem,9vw,7.5rem) 0; border-top:1px solid var(--line);
}
.section-heading {
margin-bottom:2.5rem;
}
.offer-grid {
display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
gap:1rem;
}
.offer-card {
min-height:16rem; padding:1.55rem;
border:1px solid var(--line); border-radius:var(--radius);
background:var(--paper);
}
.offer-card>span,.steps>article>span {
color:#087958; font-size:.78rem;
font-weight:800;
}
.offer-card p {
color:var(--muted);
}
.offer-card small {
color:#5b6f86;
}
.method-section {
display:grid; grid-template-columns:.8fr 1.2fr;
gap:clamp(2rem,9vw,9rem);
}
.steps {
display:grid; gap:.5rem;
}
.steps article {
display:grid; grid-template-columns:3.4rem 1fr;
gap:1rem; padding:1.2rem 0;
border-bottom:1px solid var(--line);
}
.steps h3 {
margin-bottom:.45rem;
}
.steps p {
margin-bottom:0; color:var(--muted);
}
.governance {
color:#edf6ff; background:var(--night);
box-shadow:0 0 0 100vmax var(--night); clip-path:inset(0 -100vmax);
}
.governance h2 {
max-width:16ch;
}
.governance-grid {
display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
gap:1rem;
}
.governance-grid p {
min-height:10rem; display:flex;
flex-direction:column; gap:.6rem;
padding:1.3rem; margin:0;
border:1px solid rgb(236 245 255 / 16%); border-radius:var(--radius);
background:var(--night-soft);
}
.governance-grid strong {
color:var(--accent); font-size:1.1rem;
}
.governance-grid span {
color:#adc2dc;
}
.cta {
margin:0 0 5rem; padding:clamp(2rem,6vw,4.5rem);
border-radius:calc(var(--radius) * 1.35); background:#dff9ed;
}
.cta h2 {
max-width:20ch;
}
 footer {
display:grid; grid-template-columns:auto 1fr auto;
gap:1.25rem; align-items:center;
padding:1.8rem 0 2.5rem; color:var(--muted);
font-size:.9rem;
}
 footer p {
margin:0;
}
@media (max-width:820px) {
.site-header {
min-height:4.8rem;
}
.site-header .button-quiet {
display:none;
}
 nav {
gap:.85rem;
}
.hero,.method-section {
grid-template-columns:1fr;
}
.hero {
min-height:auto; padding-top:4.5rem;
}
.offer-grid {
grid-template-columns:1fr;
}
.governance-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
}
 footer {
grid-template-columns:1fr;
}
 }
@media (max-width:430px) {
.site-header,main,footer {
width:min(calc(100% - 1.5rem),var(--max));
}
 nav a {
font-size:.82rem;
}
 h1 {
font-size:clamp(2.7rem,15vw,3.6rem);
}
.governance-grid {
grid-template-columns:1fr;
}
 }
@media (prefers-reduced-motion:reduce) {
html {
scroll-behavior:auto;
}
 *,*::before,*::after {
transition-duration:.01ms!important; animation-duration:.01ms!important;
}
 }