:root{--ink:#1d2420;--muted:#5d655f;--cream:#faf5ec;--paper:#fffdf8;--forest:#1f3a2e;--forest2:#2c5241;--gold:#e8b43c;--brick:#b5482f;--line:#e7ddcb;--r:18px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Inter",system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;font-size:17px;
background-image:radial-gradient(rgba(120,90,40,.05) 1px,transparent 1px);background-size:4px 4px}
h1,h2,h3,.serif{font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:0}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Fraunces",serif;font-weight:700;font-size:19px;letter-spacing:-.01em}
.mark img{width:34px;height:34px}.mark small{display:block;font:500 11px/1 "Inter";letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.navlinks a{font-size:15px;font-weight:500;text-decoration:none;margin-left:22px;color:var(--muted)}.navlinks a:hover{color:var(--ink)}
.eyebrow{display:inline-block;font:600 12px/1 "Inter";letter-spacing:.16em;text-transform:uppercase;color:var(--brick);margin-bottom:16px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--forest);color:#fff;text-decoration:none;font-weight:600;padding:15px 24px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(31,58,46,.6);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(31,58,46,.7)}
.btn.gold{background:var(--gold);color:var(--forest)}.btn.ghost{background:transparent;color:var(--forest);box-shadow:inset 0 0 0 1.5px var(--forest)}
section{padding:72px 0}
.hero{padding:40px 0 80px}
.hero h1{font-size:clamp(40px,7vw,78px);max-width:14ch}
.hero h1 em{font-style:italic;color:var(--brick)}
.lede{font-size:clamp(18px,2vw,21px);color:var(--muted);max-width:56ch;margin:22px 0 32px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 0 #fff inset,0 24px 50px -30px rgba(60,40,10,.35)}
.steps{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:36px}
.step{padding:30px}.step b{font:600 44px/1 "Fraunces",serif;color:var(--gold)}.step h3{font-size:24px;margin:14px 0 8px}.step p{margin:0;color:var(--muted)}
h2{font-size:clamp(32px,4.4vw,48px)}
.promise{background:var(--forest);color:#f4efe4;border-radius:28px;padding:clamp(34px,6vw,70px);position:relative;overflow:hidden}
.promise:after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(232,180,60,.12)}
.promise h2{color:#fff;max-width:18ch}.promise p{max-width:60ch;color:#cfd8cf;font-size:18px}
.promise ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.promise li{padding-left:30px;position:relative}.promise li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:700}
.ads{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:34px}
.ads figure{margin:0;transform:rotate(var(--t,0deg));transition:transform .2s}.ads figure:hover{transform:rotate(0) translateY(-4px)}
.ads img{border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08),0 22px 40px -20px rgba(60,40,10,.55)}
.note{font-size:14px;color:var(--muted);margin-top:16px}
.terr{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;text-decoration:none;margin-top:14px;transition:transform .15s}
.terr:hover{transform:translateY(-2px)}.terr h3{font-size:26px}.terr span{color:var(--muted);font-size:15px}
.pill{font:600 12px/1 "Inter";letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:#e6efe6;color:var(--forest2);white-space:nowrap}
.pill.soon{background:#f1ebdf;color:var(--muted)}
footer{padding:50px 0 60px;color:var(--muted);font-size:15px;border-top:1px solid var(--line);margin-top:40px}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
@media(max-width:640px){.navlinks a:not(.keep){display:none}section{padding:52px 0}body{font-size:16px}}
.samplesec .sidesimg{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;padding:30px;border-radius:28px;background:linear-gradient(160deg,#e9dfcc,#ddd0b8);box-shadow:inset 0 2px 30px rgba(80,60,20,.18)}
.samplesec figure{margin:0}.samplesec figcaption{font:600 12px/1 "Inter";letter-spacing:.18em;text-transform:uppercase;color:#6e5d3c;margin-bottom:12px}
.samplesec figure a{display:block;border-radius:6px;overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,.08),0 6px 12px -4px rgba(60,40,10,.25),0 30px 50px -24px rgba(60,40,10,.55);transition:transform .2s}
.samplesec figure:nth-child(1) a{transform:rotate(-.5deg)}.samplesec figure:nth-child(2) a{transform:rotate(.4deg)}.samplesec figure a:hover{transform:none}
.samplelabel{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 "Inter";letter-spacing:.12em;text-transform:uppercase;background:var(--paper);border:1px solid var(--line);color:var(--brick);padding:8px 12px;border-radius:999px}
.samplesec .note{text-align:center}
.samplesec.small .sidesimg{max-width:900px;margin-left:auto;margin-right:auto;gap:20px;padding:20px}
@media(max-width:700px){.samplesec .sidesimg{grid-template-columns:1fr;padding:14px;gap:22px;margin-left:-8px;margin-right:-8px}}
.samplesec img{width:100%;height:auto}
.samplesec .center{text-align:center}.samplesec .center .lede{margin-left:auto;margin-right:auto}
