/* Styles for the information pages (services, about, policies). System fonts only: no extra downloads. */
:root { --forest:#0B4D36; --green:#1EB53A; --blue:#0072C6; --gold:#F4AE1A; --ink:#0D1F17; --paper:#F5F9F6; --card:#fff; --line:#DCE7E0; --muted:#4A5E54; }
@media (prefers-color-scheme: dark) {
  :root { --paper:#0B1510; --card:#13221A; --ink:#E8F1EC; --line:#22382C; --muted:#A3B8AC; --forest:#2E9E6E; }
}
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
a { color:var(--forest); }
.wrap { max-width:960px; margin:0 auto; padding:0 16px; }
.top { background:var(--card); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; }
.top .wrap { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:60px; }
.brand { display:flex; align-items:center; gap:8px; color:var(--ink); text-decoration:none; font-size:1.05rem; }
.brand b { font-weight:800; }
.mk { width:30px; height:30px; flex:none; }
.tn { display:flex; align-items:center; gap:14px; font-size:.92rem; }
.tn a { color:var(--ink); text-decoration:none; }
.tn .cta, .btn { background:var(--forest); color:#fff; padding:9px 16px; border-radius:999px; font-weight:700; text-decoration:none; white-space:nowrap; }
@media (prefers-color-scheme: dark) { .tn .cta, .btn { background:#1EB53A; color:#06120C; } }
@media (max-width:420px) { .tn a:not(.cta) { display:none; } }
main { padding-bottom:40px; }
.bc { font-size:.82rem; color:var(--muted); margin:18px 0 4px; display:flex; flex-wrap:wrap; gap:6px; }
.bc a { color:var(--muted); }
h1 { font-size:clamp(1.6rem,5vw,2.3rem); line-height:1.15; margin:10px 0 8px; letter-spacing:-.01em; }
h2 { font-size:1.2rem; margin:30px 0 10px; }
h2 a { color:inherit; text-decoration:none; }
.lead { font-size:1.08rem; color:var(--muted); margin:0 0 18px; }
.meta { color:var(--muted); font-size:.88rem; }
ul { padding-left:20px; }
li { margin:4px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.svc { display:flex; flex-direction:column; gap:4px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 16px; text-decoration:none; color:var(--ink); }
.svc:hover { border-color:var(--forest); }
.svc span { font-size:.9rem; color:var(--muted); }
.svc em { font-style:normal; font-weight:700; font-size:.85rem; color:var(--forest); margin-top:auto; }
.facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; margin:16px 0; }
.facts div { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:12px 14px; }
.facts small { display:block; color:var(--muted); font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; }
.cta-box { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; background:var(--forest); color:#fff; border-radius:18px; padding:18px 20px; margin:22px 0; }
.cta-box b { display:block; font-size:1.1rem; }
.cta-box span { opacity:.85; font-size:.9rem; }
.cta-box .btn { background:var(--gold); color:#0D1F17; }
@media (prefers-color-scheme: dark) { .cta-box { background:#13402D; } }
.ticks { list-style:none; padding:0; }
.ticks li { padding-left:26px; position:relative; }
.ticks li::before { content:""; position:absolute; left:4px; top:.45em; width:12px; height:7px; border:solid var(--green); border-width:0 0 2.5px 2.5px; transform:rotate(-45deg); }
.steps { list-style:none; counter-reset:s; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; }
.steps li { counter-increment:s; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 16px 14px 52px; position:relative; margin:0; }
.steps li::before { content:counter(s); position:absolute; left:14px; top:14px; width:26px; height:26px; border-radius:50%; background:var(--forest); color:#fff; font-weight:800; display:grid; place-items:center; font-size:.85rem; }
.steps b, .steps span { display:block; }
.steps span { font-size:.9rem; color:var(--muted); }
.faq details { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:12px 16px; margin:8px 0; }
.faq summary { font-weight:700; cursor:pointer; }
.faq p { margin:8px 0 0; color:var(--muted); }
.ft { background:#0D1F17; color:#C9D8CF; padding:28px 0 20px; font-size:.9rem; }
.ft .wrap { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; }
.fcol { display:flex; flex-direction:column; gap:4px; }
.fcol b { color:#fff; margin-bottom:4px; }
.ft a { color:#C9D8CF; text-decoration:none; }
.ft a:hover { color:#fff; text-decoration:underline; }
.copy { grid-column:1/-1; margin:8px 0 0; font-size:.8rem; opacity:.7; }
.lost { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin:22px 0 8px; }
.lost .btn { padding:12px 22px; }
.lost .lk { font-weight:700; text-decoration:none; }
.lost .lk:hover { text-decoration:underline; }
main > h1:first-child { margin-top:32px; }
