:root { color-scheme: light; --ink:#1f2933; --muted:#667085; --line:#d6d9dd; --paper:#fbfaf7; --accent:#2f6f73; --accent2:#9a5a36; }
* { box-sizing: border-box; }
body { margin:0; font-family: Arial, sans-serif; color:var(--ink); background:var(--paper); line-height:1.65; }
header { border-bottom:1px solid var(--line); background:#ffffff; position:sticky; top:0; z-index:10; }
.nav { max-width:1080px; margin:0 auto; padding:14px 18px; display:flex; gap:18px; align-items:center; justify-content:space-between; }
.brand { font-weight:700; font-size:20px; color:var(--accent); text-decoration:none; }
nav { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
nav a { color:var(--ink); text-decoration:none; padding:6px 8px; border-radius:6px; }
nav a:hover { background:#eef3f2; color:var(--accent); }
main { max-width:1080px; margin:0 auto; padding:32px 18px 54px; }
.hero { display:grid; grid-template-columns:1.2fr .8fr; gap:30px; align-items:center; padding:24px 0 34px; }
h1 { font-size:42px; line-height:1.15; margin:0 0 16px; letter-spacing:0; }
h2 { font-size:28px; margin:32px 0 12px; }
p { margin:0 0 14px; }
.lead { font-size:19px; color:#344054; }
.panel { border:1px solid var(--line); background:#fff; border-radius:8px; padding:22px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px; }
.card { border:1px solid var(--line); background:#fff; border-radius:8px; padding:18px; min-height:150px; }
.card h3 { margin:0 0 10px; font-size:20px; color:var(--accent2); }
.figure { aspect-ratio:4/3; border-radius:8px; background:linear-gradient(135deg,#d7e4dc,#f2d8bd 48%,#8eb5b1); border:1px solid var(--line); }
ul { padding-left:22px; }
footer { border-top:1px solid var(--line); color:var(--muted); background:#fff; }
.footer-inner { max-width:1080px; margin:0 auto; padding:18px; }
@media (max-width:760px) { .nav { align-items:flex-start; flex-direction:column; } nav { justify-content:flex-start; } .hero { grid-template-columns:1fr; } h1 { font-size:32px; } .grid { grid-template-columns:1fr; } }