:root{--ink:#1d2a2a;--green:#1f4d45;--green2:#2e6b60;--brass:#b98b3e;--cream:#f7f3ea;--card:#fffdf8;--line:#e2d9c6;--red:#a8432f;--ok:#2f7a4a}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--cream)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;color:var(--green)}
a{color:var(--green2)}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(160deg,var(--green) 0%,#173b35 100%);color:#fff;padding:56px 0 48px;border-bottom:6px solid var(--brass)}
.hero h1{color:#fff;font-size:clamp(30px,5vw,46px);margin:.2em 0 .4em}
.hero h1 em{color:#e9c98a;font-style:normal}
.hero a{color:#e9c98a}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;opacity:.85;margin:0}
.lede{font-size:19px;max-width:760px}
.tools{font-size:14px;opacity:.85;margin-top:22px}
.btn{display:inline-block;background:var(--brass);color:#fff!important;text-decoration:none;padding:12px 22px;border-radius:4px;font-weight:600;margin:6px 8px 6px 0}
.btn.ghost{background:transparent;border:2px solid #e9c98a;color:#e9c98a!important}
section{padding:40px 0;border-bottom:1px solid var(--line)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.compare{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px 20px;box-shadow:0 2px 0 var(--line)}
.card h3{margin-top:0;font-size:18px}
.card.before{border-top:4px solid #b7ab95}
.card.after{border-top:4px solid var(--brass)}
.card .headline{font-family:Georgia,serif;font-size:20px;color:var(--green);margin:.2em 0 .5em}
.flag{display:inline-block;font-size:12px;font-weight:700;padding:1px 7px;border-radius:3px;margin-right:4px;vertical-align:1px}
.flag.bad{background:#f3ddd6;color:var(--red)}
.flag.miss{background:#f5ead2;color:#7a5a17}
.flag.good{background:#dcefe2;color:var(--ok)}
.facts{width:100%;border-collapse:collapse;font-size:15px;margin-top:8px}
.facts td{border-top:1px solid var(--line);padding:5px 4px}
.facts td:first-child{color:#5b6b68;width:42%}
.arrow{text-align:center;font-weight:600;color:var(--green2);margin:14px 0}
.offers{width:100%;border-collapse:collapse;background:var(--card);font-size:15px}
.offers th,.offers td{border:1px solid var(--line);padding:7px 9px;text-align:left}
.offers th{background:#efe7d6;font-family:Georgia,serif}
.offers td.n{text-align:right;font-variant-numeric:tabular-nums}
.offers tr.best td{background:#f3f8f2}
.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.skills{grid-template-columns:1fr}}
.skill{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px 18px}
.skill h3{margin:.1em 0 .4em;font-size:18px;font-family:ui-monospace,Menlo,monospace;color:var(--green2)}
.steps li{margin-bottom:10px}
.note{background:#fff7e3;border-left:4px solid var(--brass);padding:10px 14px}
pre{background:#163a34;color:#f2e7cf;padding:12px 16px;border-radius:4px;overflow:auto}
code{font-family:ui-monospace,Menlo,monospace;font-size:.92em}
.pro{background:var(--card);border:2px solid var(--brass);border-radius:8px;padding:28px 26px;margin:40px 0}
.price{font-family:Georgia,serif;font-size:28px;color:var(--green);margin:.4em 0}
.small{font-size:14px;color:#5b6b68}
details{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:10px 14px;margin:8px 0}
summary{cursor:pointer;font-weight:600}
footer{padding:28px 20px 50px;font-size:14px;color:#5b6b68}