@font-face{font-family:"DM Sans";src:url(fonts/dmsans.woff2) format("woff2");font-weight:100 1000;font-display:swap}
@font-face{font-family:Lora;src:url(fonts/lora.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--bg:#f8f6f1;--ink:#0a0a0a;--muted:#5f5f5a;--accent:#5c7a5c;--accent-dark:#4a644a;--line:#d4ccbf;--card:#fffdf8;--measure:680px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "DM Sans",-apple-system,system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-dark)}
.wrap{max-width:var(--measure);margin:0 auto;padding:0 20px}
.wide{max-width:1000px;margin:0 auto;padding:0 20px}
header.top{padding:28px 0}
header.top a{font-family:Lora,Georgia,serif;font-weight:600;font-size:20px;color:var(--ink);text-decoration:none}
section{padding:72px 0;border-top:1px solid var(--line)}
section.hero{border-top:0;padding-top:48px}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 14px}
h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:600;line-height:1.2;margin:0 0 18px}
h1{font-size:clamp(34px,6vw,50px)}
h2{font-size:clamp(26px,4vw,34px)}
h3{font-size:18px}
p{margin:0 0 16px}
.lead{font-size:19px;color:#2b2b28}
.small{font-size:13px;color:var(--muted)}
.tags{font-size:14px;color:var(--muted);margin:22px 0}
.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;padding:15px 28px;border-radius:4px;transition:background .15s}
.cta:hover{background:var(--accent-dark)}
.cta-block{margin:28px 0 8px}
.cta-block .small{margin-top:8px}
.hero-img{margin:36px auto 0;max-width:1000px;padding:0 20px}
.price{border:1px solid var(--line);background:var(--card);padding:20px 24px;margin:24px 0;font-family:Lora,Georgia,serif;font-size:18px}
.price code{font-family:"DM Sans",sans-serif;background:#ece7dc;padding:2px 8px;border-radius:3px;font-weight:600}
.pain{list-style:none;padding:0;margin:28px 0 0}
.pain li{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px 0;border-top:1px solid var(--line)}
.pain li:last-child{border-bottom:1px solid var(--line)}
.pain q{font-style:italic;color:var(--muted);quotes:"\201C" "\201D"}
ol.steps{list-style:none;padding:0;margin:28px 0;counter-reset:s}
ol.steps li{counter-increment:s;position:relative;padding-left:52px;margin-bottom:22px}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;font-family:Lora,Georgia,serif;font-size:26px;color:var(--accent);font-weight:600}
.video{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#111;margin-top:24px}
.video button{all:unset;cursor:pointer;position:absolute;inset:0;display:block}
.video button img{width:100%;height:100%;object-fit:cover;opacity:.85}
.video .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.3)}
.video .play::after{content:"";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:28px}
.qgrid div{border-top:1px solid var(--line);padding:16px 0}
.qgrid b{display:block;font-family:Lora,Georgia,serif;font-weight:600;margin-bottom:4px}
.qgrid span{color:var(--muted);font-size:15px}
ul.dash,ul.check{list-style:none;padding:0;margin:20px 0}
ul.dash li,ul.check li{position:relative;padding-left:28px;margin-bottom:12px}
ul.dash li::before{content:"\2014";position:absolute;left:0;color:var(--accent)}
ul.check li::before{content:"\2713";position:absolute;left:0;color:var(--accent);font-weight:700}
.two{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}
details{border-top:1px solid var(--line);padding:16px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-family:Lora,Georgia,serif;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);font-family:"DM Sans",sans-serif;font-size:22px;line-height:1}
details[open] summary::after{content:"\2212"}
details p{margin:12px 0 0;color:#2b2b28}
footer{border-top:1px solid var(--line);padding:40px 0 56px;font-size:13px;color:var(--muted)}
footer a{color:var(--muted)}
footer .links{margin-top:14px}
footer .links a{margin-right:16px}
.legal h2{font-size:22px;margin-top:36px}
.legal table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0 20px}
.legal th,.legal td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.todo{background:#fbe7b5;padding:0 4px}
@media (max-width:640px){
  section{padding:56px 0}
  .pain li,.qgrid,.two{grid-template-columns:1fr;gap:8px}
  .qgrid{gap:0}
  .cta{display:block;text-align:center}
}