:root { color-scheme:light; --ink:#1f2523; --muted:#5f6b65; --paper:#fffdf8; --canvas:#f4f1ea; --green:#2f5d50; --green-dark:#23473e; --soft:#e5eee8; --line:#d9ded9; --amber:#d9a441; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:linear-gradient(180deg,#f4f1ea,#fffdf8); color:var(--ink); line-height:1.65; }
a { color:var(--green-dark); text-underline-offset:3px; }
.site-header { max-width:1120px; margin:auto; padding:20px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; text-decoration:none; color:var(--ink); }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; border-radius:9px; background:var(--green); color:white; }
.site-nav { display:flex; flex-wrap:wrap; gap:16px; font-size:.94rem; }
.site-nav a { text-decoration:none; font-weight:650; }
main { max-width:900px; margin:0 auto 55px; padding:0 24px; }
.hero { padding:60px 0 42px; }
.eyebrow { margin:0 0 10px; color:var(--green); font-size:.78rem; letter-spacing:.12em; font-weight:800; }
h1 { margin:0 0 18px; max-width:760px; font-size:clamp(2.3rem,6vw,4.25rem); letter-spacing:-.05em; line-height:1.06; }
h2 { margin:44px 0 12px; line-height:1.18; letter-spacing:-.025em; }
h3 { margin:22px 0 6px; line-height:1.25; }
.lead { max-width:720px; font-size:1.18rem; color:#3d4842; }
.note { padding:19px 21px; margin:28px 0; border:1px solid #d8c287; border-radius:10px; background:#fff8e9; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin:28px 0; }
.card { display:block; min-height:170px; padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--paper); box-shadow:0 7px 16px #2c493012; text-decoration:none; color:var(--ink); }
.card:hover { border-color:#8eaa9a; transform:translateY(-2px); }
.card h2 { margin:0 0 8px; font-size:1.27rem; }
.card p { margin:0; color:var(--muted); }
.facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; padding:0; list-style:none; }
.facts li { padding:17px; border-left:4px solid var(--green); background:var(--soft); }
.steps { padding-left:23px; }
.steps li { margin:12px 0; padding-left:7px; }
.faq { border-top:1px solid var(--line); }
.faq details { padding:16px 0; border-bottom:1px solid var(--line); }
.faq summary { cursor:pointer; font-weight:750; }
.faq p { margin:10px 0 0; }
.meta { color:var(--muted); font-size:.9rem; }
.back { display:inline-block; margin-top:36px; font-weight:700; }
.site-footer { padding:28px 24px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; text-align:center; }
@media(max-width:580px) { .site-header { align-items:flex-start; flex-direction:column; } .hero { padding-top:34px; } h1 { font-size:2.6rem; } }