:root{ --ink:#10151F; --muted:#5B6472; --line:#E7EAF0; --paper:#FFFFFF; --tint:#F6F8FB; --accent:#0E8F72; --accent-dark:#0B6F59; --accent-tint:#E7F5F1; }
*{ box-sizing:border-box; margin:0; padding:0; }
body{ background:var(--paper); color:var(--ink); font-family:'Manrope', sans-serif; line-height:1.7; }
a{ color:var(--accent-dark); }
.wrap{ max-width:760px; margin:0 auto; padding:0 24px; }
nav{ border-bottom:1px solid var(--line); }
nav .wrap{ display:flex; justify-content:space-between; align-items:center; height:72px; max-width:1140px; }
.logo{ font-weight:800; font-size:1.1rem; display:flex; align-items:center; gap:8px; text-decoration:none; color:var(--ink); }
.logo .dot{ width:10px; height:10px; border-radius:3px; background:var(--accent); }
.navlinks{ display:flex; gap:22px; align-items:center; }
.navlinks a{ color:var(--accent-dark); text-decoration:none; font-weight:700; font-size:0.9rem; }
@media (max-width:600px){ .navlinks a.hide-sm{ display:none; } }
article{ padding:56px 0 64px; }
.crumb{ font-size:0.85rem; color:var(--muted); margin-bottom:10px; }
.crumb a{ color:var(--muted); text-decoration:none; }
.kicker{ color:var(--accent-dark); font-weight:700; font-size:0.82rem; text-transform:uppercase; }
h1{ font-size:clamp(1.8rem,4vw,2.6rem); font-weight:800; letter-spacing:-0.02em; line-height:1.15; margin:12px 0 14px; }
.lead{ color:var(--muted); font-size:1.12rem; margin-bottom:28px; }
h2{ font-size:1.3rem; margin:36px 0 12px; font-weight:800; letter-spacing:-0.01em; }
p{ color:#333; margin-bottom:16px; font-size:1.02rem; }
ul,ol{ margin:0 0 16px 20px; color:#333; }
li{ margin-bottom:8px; }
.faq dt{ font-weight:800; margin-top:18px; }
.faq dd{ color:var(--muted); margin:6px 0 0; }
.cta{ background:var(--accent); color:#fff; border-radius:20px; padding:32px; margin:44px 0 8px; }
.cta strong{ font-size:1.3rem; display:block; margin-bottom:6px; }
.cta p{ color:rgba(255,255,255,0.88); }
.btn{ display:inline-block; background:#fff; color:var(--accent-dark); padding:12px 24px; border-radius:999px; font-weight:700; text-decoration:none; font-size:0.92rem; }
.related a{ display:block; margin:8px 0; font-weight:600; text-decoration:none; }
footer{ border-top:1px solid var(--line); padding:32px 0; color:var(--muted); font-size:0.85rem; }