:root{--bg:#f6f4ef;--paper:#fbfaf7;--surface:#fff;--surface-2:#efeae0;--ink:#15120e;--muted:#6c655d;--soft:#6f665d;--border:#e4ddd1;--hair:#ece6da;--accent:#d4570a;--accent-2:#a83f06;--accentdeep:#b5480a;--accent-soft:#fdeede;--accent-line:#f1c39c;--green:#256b4d;--green-soft:#e6f4ec;--night:#161310;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--max:1140px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden;background:radial-gradient(110% 70% at 90% -10%,rgba(212,87,10,.06),transparent 55%),var(--bg)}
a{color:inherit}
.wrap{width:min(var(--max),100% - 40px);margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.1}
.btn-amber{background:var(--accentdeep);color:#fff}.btn-amber:hover{background:var(--accent-2)}
.btn-line{background:#fff;border:1px solid var(--border);color:var(--ink)}.btn-line:hover{border-color:var(--accent-line)}
.phero{padding:48px 0 8px}
.crumb{font-family:var(--mono);font-size:12px;color:var(--soft);margin-bottom:16px}.crumb a{color:var(--accent-2)}
.kick{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}
.phero h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,50px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 14px;max-width:20ch}
.phero p.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:66ch;margin:0}
.progress{position:sticky;top:66px;z-index:20;background:rgba(246,244,239,.92);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px;padding:14px 18px;margin:18px 0;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.pbar{height:10px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.pbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--accent));transition:width .3s}
.pmeta{font-family:var(--mono);font-size:12px;color:var(--ink);white-space:nowrap}.pmeta b{font-size:15px}
.pacts{display:flex;gap:8px;flex-wrap:wrap}
.cat{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 22px;margin:14px 0;box-shadow:0 14px 40px -26px rgba(28,25,23,.4)}
.cat h2{font-family:Georgia,serif;font-size:23px;letter-spacing:-.02em;margin:0 0 4px;display:flex;align-items:center;gap:10px}
.cat h2 .n{font-family:var(--mono);font-size:11px;font-weight:700;color:#fff;background:var(--ink);border-radius:7px;padding:4px 8px}
.cat>p{margin:0 0 14px;color:var(--muted);font-size:14.5px}
.items{display:grid;gap:8px}
.ck{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:11px 12px;border:1px solid var(--hair);border-radius:11px;background:var(--paper);cursor:pointer}
.ck:hover{border-color:var(--accent-line)}
.ck input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accentdeep);cursor:pointer}
.ck .tx{font-size:14.5px}.ck .tx b{font-weight:700}.ck .tx small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.ck .tx a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.ck.done .tx{opacity:.55;text-decoration:line-through}
.disc{display:flex;gap:10px;align-items:flex-start;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;padding:12px 14px;font-size:13px;color:var(--muted);margin:18px 0}.disc b{color:var(--ink)}.disc a{color:var(--accent-2)}
.section{padding:40px 0}.section.paper{background:var(--paper);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.shead{max-width:720px;margin-bottom:18px}
.shead h2{font-family:Georgia,serif;font-size:clamp(24px,3.2vw,32px);letter-spacing:-.03em;margin:6px 0 10px}
.shead h2::before{content:"";display:block;width:34px;height:3px;background:var(--accent);border-radius:2px;margin-bottom:14px}
.shead p{color:var(--muted);font-size:17px;margin:0}
.prose{max-width:72ch}.prose p{margin:0 0 16px}.prose a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.cta-band{background:linear-gradient(120deg,#1b1611,var(--night));color:#fff;border-radius:18px;padding:26px;display:grid;grid-template-columns:1.4fr auto;gap:20px;align-items:center}
.cta-band h2{font-family:Georgia,serif;font-size:24px;letter-spacing:-.02em;margin:0 0 6px}
.cta-band p{margin:0;color:rgba(255,255,255,.72);font-size:14.5px}
.faq{display:grid;gap:10px;max-width:80ch}
.faq details{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:4px 16px}
.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+ ";font-family:var(--mono);color:var(--accent)}.faq details[open] summary::before{content:"– "}
.faq p{margin:0 0 14px;color:var(--muted);font-size:15px}.faq a{color:var(--accent-2)}
@media(max-width:700px){.progress{grid-template-columns:1fr;position:static}.cta-band{grid-template-columns:1fr}}
@media print{.site-header,.progress .pacts,.disc,.cta-band,.footer,.section.paper .shead+*,.faq,.kick,.crumb{}.progress{position:static;border:0}.ck input{-webkit-appearance:auto}body{background:#fff}.cat{box-shadow:none;break-inside:avoid}}
@media(max-width:620px){.wrap{width:min(100% - 30px,var(--max))}}