:root{--paper:#f7f0e3;--ink:#3b2a1e;--clay:#b5562f;--moss:#5d6b45;--sand:#eadcc3;--line:#d8c5a5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Georgia,"Iowan Old Style","Palatino Linotype",serif}
h1,h2,h3{font-family:"Rockwell","Courier New",Georgia,serif;line-height:1.15;margin:0 0 .5em}
a{color:var(--clay)}
.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem 5vw;border-bottom:2px dashed var(--line);position:sticky;top:0;background:var(--paper);z-index:2}
.brand{font-family:"Rockwell",Georgia,serif;font-size:1.3rem;font-weight:bold;color:var(--ink);text-decoration:none}
.nav nav a{margin-left:1.2rem;text-decoration:none;color:var(--ink)}
.btn{display:inline-block;background:var(--clay);color:#fff!important;padding:.8rem 1.5rem;border-radius:6px 14px 6px 14px;text-decoration:none;font-weight:bold;box-shadow:3px 3px 0 var(--ink)}
.btn.small{padding:.4rem .9rem;box-shadow:2px 2px 0 var(--ink)}
.btn.light{background:var(--paper);color:var(--ink)!important}
.hero{padding:6rem 5vw 5rem;max-width:900px;margin:auto;text-align:center}
.hero h1{font-size:clamp(2.6rem,7vw,4.8rem);color:var(--clay)}
.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;color:var(--moss)}
.lead{font-size:1.2rem}.sub{font-style:italic;color:var(--moss);margin-bottom:2rem}
.wrap{padding:4rem 5vw;max-width:1100px;margin:auto}
.alt{background:var(--sand);max-width:none;border-top:2px dashed var(--line);border-bottom:2px dashed var(--line)}
.alt>*{max-width:1100px;margin-left:auto;margin-right:auto}
.intro{max-width:750px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem;margin:2rem 0}
.card{background:#fffaf1;border:2px solid var(--line);border-radius:4px 18px 4px 18px;padding:1.4rem}
.card h3{color:var(--moss)}
.note{border-left:5px solid var(--clay);background:#fffaf1;padding:1rem 1.3rem}
.ph{display:inline-block;color:#8a6d4b;font-size:.85rem;font-style:italic}
.steps{list-style:none;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.4rem}
.steps li{counter-increment:s;position:relative;padding-top:3rem}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--moss);color:#fff;display:grid;place-items:center;font-weight:bold}
.small-print{font-size:.9rem;color:var(--moss)}
.contact{background:var(--ink);color:var(--paper);text-align:center;padding:4rem 5vw}
footer{text-align:center;padding:1.5rem;font-size:.85rem;color:#8a6d4b}
@media(max-width:600px){body{font-size:17px}.nav nav a{margin-left:.7rem}.hero{padding:3.5rem 6vw}}
.contact .btn{margin:.4rem .5rem}
footer a{color:inherit}
/* draft additions */
.ph{background:#fff3c4;border:1px dashed #c9a227;padding:0 .3em;border-radius:3px;font-style:normal;color:#6b4e00}
.draft-banner{background:#c9a227;color:#000;text-align:center;padding:.4rem;font:bold .9rem sans-serif}
.trust{font-size:.9rem;color:var(--moss);margin-top:1.5rem}
.problem{max-width:820px}
.worth{list-style:none;padding:0;display:grid;gap:1rem}
.worth li{background:#fffaf1;border-left:5px solid var(--moss);padding:1rem 1.3rem}
.price{background:#fffaf1;border:2px solid var(--clay);border-radius:4px 18px 4px 18px;padding:1.6rem;max-width:820px}
.compare{font-size:.95rem;border-top:2px dashed var(--line);margin-top:1rem;padding-top:1rem}
.example{background:#fffaf1;border:2px dashed var(--line);padding:1.3rem;margin-top:1.5rem}
.tag{display:inline-block;background:var(--moss);color:#fff;font-size:.75rem;padding:.1rem .5rem;border-radius:3px;letter-spacing:.05em}
.faq details{background:#fffaf1;border:2px solid var(--line);border-radius:4px;padding:.8rem 1.1rem;margin:.6rem 0}
.faq summary{font-weight:bold;cursor:pointer}
.about-grid{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:start}
.photo{aspect-ratio:4/5;border:2px dashed var(--line);display:grid;place-items:center;text-align:center;background:#fffaf1;padding:1rem}
@media(max-width:700px){.about-grid{grid-template-columns:1fr}}
.form{background:var(--paper);color:var(--ink);max-width:520px;margin:1.5rem auto;padding:1.4rem;border-radius:6px;text-align:left}
.form label{display:block;margin:.6rem 0 .2rem;font-weight:bold}
.form input,.form textarea{width:100%;padding:.5rem;border:2px solid var(--line);border-radius:4px;font:inherit}
.contact .ph{color:#6b4e00}
.legal{max-width:760px}