:root{--accent:#0c6b52;
  --bg:#fbf8ef;--bg2:#f3eee1;--ink:#161616;--muted:#6b6a62;--emerald:#0c6b52;--emerald-deep:#074c3a;--copper:#b05a2a;--line:#ddd6c6;
  --font-body:"Inter","Helvetica Neue",system-ui,sans-serif;--font-display:"Source Serif 4",Georgia,"Times New Roman",serif;--font-mono:"SFMono-Regular",Consolas,monospace;
}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6}
a{color:var(--emerald)}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.book-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 93%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.book-inner{display:flex;align-items:center;gap:1.4rem;min-height:68px}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-family:var(--font-display);font-size:1.15rem;font-weight:600}
.brand img{border-radius:8px}
.book-inner nav{display:flex;gap:1.2rem;margin-left:auto;font-size:.82rem}
.book-inner nav a{text-decoration:none;color:var(--muted)}
.book-inner nav a:hover{color:var(--ink)}
.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);border-radius:10px}
.large{padding:.9rem 1.3rem}
.hero{padding:5rem 0;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:4rem;align-items:center}
.eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--emerald);font-weight:700;margin-bottom:.8rem}
h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;line-height:1.02}
h1{font-size:clamp(3.2rem,7.5vw,6rem);margin:.2rem 0 1.2rem}
h1 em{color:var(--emerald);font-style:italic}
h2{font-size:clamp(2.2rem,5vw,4rem);margin:.2rem 0 .9rem}
.lede{color:var(--muted);font-size:1.1rem;max-width:38ch}
.points{list-style:none;display:grid;gap:.45rem;margin:1.4rem 0 1.7rem;color:var(--muted);font-size:.9rem}
.points li{padding-left:1.2rem;position:relative}
.points li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--emerald)}
.fine{color:var(--muted);font-size:.7rem;margin-top:.8rem}
.document{position:relative;padding-bottom:2rem}
.paper{background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px -30px rgba(22,22,22,.25);padding:1.6rem;position:relative;transform:rotate(-.6deg)}
.paper-top{display:flex;align-items:flex-start;gap:.7rem;border-bottom:1px solid var(--line);padding-bottom:1rem}
.mark{width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-size:.7rem;font-weight:700}
.paper-top strong{display:block;font-size:.85rem}
.paper-top small{color:var(--muted);font-size:.62rem;line-height:1.4;display:block}
.doc-no{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;color:var(--muted)}
.bill{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.65rem;color:var(--muted)}
.bill strong{display:block;color:var(--ink);font-size:.8rem;margin:.2rem 0}
.bill span{display:block}
.bill small{display:block;letter-spacing:.1em;font-size:.55rem;margin-top:.3rem}
.table-head{display:grid;grid-template-columns:1fr 40px 90px;font-size:.55rem;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--ink);padding-bottom:.35rem}
.line{display:grid;grid-template-columns:1fr 40px 90px;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.75rem}
.line b{text-align:right;font-family:var(--font-mono);font-weight:500}
.totals{margin-left:auto;width:60%;padding-top:.8rem}
.totals p{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);padding:.15rem 0}
.totals b{font-family:var(--font-mono);font-weight:500;color:var(--ink)}
.totals .total{border-top:1px solid var(--ink);margin-top:.4rem;padding-top:.5rem;font-size:.86rem;color:var(--ink)}
.paid{display:block;width:max-content;margin:.7rem 0 0 auto;border:2px solid var(--emerald);color:var(--emerald);font-size:.6rem;letter-spacing:.1em;padding:.35rem .5rem;transform:rotate(-4deg)}
.paper-foot{border-top:1px solid var(--line);margin-top:1rem;padding-top:.7rem;font-size:.6rem;color:var(--muted)}
.shot{position:absolute;right:-12px;bottom:-10px;width:190px;margin:0;background:var(--bg2);border:1px solid var(--line);padding:.45rem;box-shadow:0 16px 40px -20px rgba(0,0,0,.4);transform:rotate(3deg)}
.shot img{border:1px solid var(--line)}
.shot figcaption{font-size:.58rem;color:var(--muted);padding-top:.35rem;line-height:1.4}
.register{padding:5rem 0;background:var(--bg2);border-bottom:1px solid var(--line)}
.register-head{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:end;margin-bottom:2rem}
.register-head p:last-child{color:var(--muted);max-width:40ch}
.ledger{border-top:1px solid var(--ink)}
.ledger-top,.row{display:grid;grid-template-columns:1.1fr 1.2fr .7fr .8fr;gap:1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.78rem}
.ledger-top{font-size:.55rem;letter-spacing:.1em;color:var(--muted);border-bottom-color:var(--ink)}
.row b{text-align:right;font-family:var(--font-mono);font-weight:500}
.pill{display:inline-block;justify-self:start;font-size:.6rem;padding:.2rem .45rem;border-radius:999px}
.pill.open{background:#f6e7db;color:var(--copper)}
.pill.paid{background:#e4efe9;color:var(--emerald)}
.figures{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.figures > div{background:#fff;border:1px solid var(--line);padding:1.1rem}
.figures span{font-size:.6rem;letter-spacing:.12em;color:var(--muted)}
.figures strong{display:block;font-family:var(--font-display);font-size:2.2rem;line-height:1.1;margin-top:.3rem}
.figures .wide{grid-column:1/-1}
.meter{width:100%;height:8px;background:var(--bg2);border-radius:999px;overflow:hidden;margin:.55rem 0 .35rem}
.meter i{display:block;height:100%;width:83%;background:var(--emerald)}
.figures small{display:block;color:var(--muted);font-size:.68rem}
.practice{padding:5rem 0;border-bottom:1px solid var(--line)}
.features{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;border-top:1px solid var(--ink);margin-top:1.2rem}
.feature{padding:1.2rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;column-gap:.7rem}
.feature .fnum{font-family:var(--font-mono);font-size:.6rem;color:var(--emerald);padding-top:.3rem}
.feature h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600}
.feature p{color:var(--muted);font-size:.82rem;margin-top:.3rem;grid-column:2}
.privacy{padding:5rem 0;background:var(--emerald);color:#f4f0e5}
.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.privacy .eyebrow{color:#b9e3d3}
.privacy h2{font-size:clamp(2.4rem,5.5vw,4rem)}
.privacy p{color:#d2e8df;max-width:42ch;margin-bottom:1rem}
.privacy a{color:#f4f0e5}
.get{padding:5rem 0}
.get-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}
.get p{color:var(--muted);max-width:38ch}
footer{border-top:1px solid var(--line);padding:2rem 0 1rem;background:var(--bg)}
.foot{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:1.2rem}
.foot strong{font-family:var(--font-display);font-size:1.2rem}
.foot p{color:var(--muted);font-size:.76rem;max-width:40ch}
.foot nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.7rem}
.foot a{text-decoration:none;color:var(--muted)}
.legal{font-size:.62rem;color:var(--muted);padding-top:.9rem}
@media(max-width:900px){.hero-grid,.register-head,.privacy-grid,.get-grid{grid-template-columns:1fr;gap:2.5rem}.book-inner nav{display:none}.primary{margin-left:auto}.shot{position:static;width:auto;margin-top:1rem;transform:none}.paper{transform:none}}
@media(max-width:600px){.features{grid-template-columns:1fr}.ledger-top{display:none}.row{grid-template-columns:1fr 1fr;gap:.35rem}.row b{text-align:left}.figures{grid-template-columns:1fr}.figures .wide{grid-column:auto}.meter{grid-column:1;grid-row:auto;width:100%}}