:root{--ink:#1C1A19;--bg:#FAF7F2;--brand:#7E4122;--brand-d:#4A3027;--accent:#7E4122;--soft:#F4ECE1;--line:#D8C2A6}
*{box-sizing:border-box}html{font-size:112.5%}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--bg);line-height:1.6}
h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;letter-spacing:.01em}nav,.btn,label{font-family:Verdana,Arial,sans-serif}
h1{font-size:2rem;line-height:1.25;color:var(--brand-d)}h2{font-size:1.4rem;color:var(--brand-d);margin-top:2rem}h3{font-size:1.1rem}
.wrap{max-width:52rem;margin:0 auto;padding:0 1rem}
a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--accent)}
:focus-visible{outline:4px solid #FFE2C6;outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
header.site{background:var(--brand-d);color:#fff;padding:.75rem 0}header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}
.brand{color:#fff;font-size:1.3rem;font-weight:bold;text-decoration:none}.brand span{color:#FFE2C6}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}nav a{color:#fff;display:block;padding:.5rem .7rem;font-size:.9rem;text-decoration:none;border-radius:6px}nav a:hover{background:#ffffff22;color:#fff;text-decoration:underline}
.hero{padding:1.5rem 0}.lead{font-size:1.15rem}
.btn{display:inline-block;background:var(--accent);color:#fff;font-size:1.05rem;font-weight:bold;padding:.85rem 1.4rem;min-height:48px;border:0;border-radius:10px;text-decoration:none;cursor:pointer;margin:.3rem .3rem .3rem 0}
.btn:hover{background:#7E4122;color:#fff}.btn-alt{background:var(--brand)}.btn-alt:hover{background:var(--brand-d)}
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.card{background:#fff;border:2px solid var(--line);border-radius:12px;padding:1rem 1.2rem}.card h3{margin-top:0}
.price{font-size:1.3rem;font-weight:bold;color:var(--brand-d);margin:.2rem 0}.soon{display:inline-block;background:var(--soft);padding:.2rem .6rem;border-radius:6px;font-weight:bold}
.signup-wrap,.cta-box{background:var(--soft);border-radius:14px;padding:1rem 1.5rem 1.5rem;margin:2rem 0}
.signup label{display:block;font-weight:bold;margin-top:1rem}.signup input,.signup textarea{width:100%;font-size:1.05rem;padding:.7rem;border:2px solid #7A6A5F;border-radius:8px;background:#fff}
.todo{background:#F5EADB;border:2px dashed #6E3A20;padding:.5rem .8rem;font-size:.9rem}
.small{font-size:.9rem}.checks{padding-left:1.2rem}.checks li{margin:.4rem 0}
.steps li{margin:1rem 0}
pre.prompt{white-space:pre-wrap;background:#fff;border:2px solid var(--brand);border-left:10px solid var(--brand);border-radius:8px;padding:1rem;font-family:Verdana,Arial,sans-serif;font-size:.95rem}
.callout{background:#F3EADF;border-left:8px solid var(--brand);padding:.8rem 1rem;margin:1.5rem 0;border-radius:6px}
footer.site{background:#1C1A19;color:#fff;margin-top:3rem;padding:1.5rem 0}footer.site a{color:#FFE2C6}
.crumbs{margin-top:1rem}
@media print{header.site,footer.site,nav,.cta-box{display:none}}
.pullquote{margin:1.5em 0;padding:1em 1.25em;border-left:6px solid #BA8E23;background:#F3EADF;font-size:1.35em;font-style:italic;font-weight:600;line-height:1.4}
h3{margin-top:1.4em}

.btn-alt{background:transparent;color:var(--brand-d);box-shadow:inset 0 0 0 3px var(--brand-d)}.btn-alt:hover{background:var(--brand-d);color:#fff}

.btn:hover{background:#4A3027;color:#fff}

/* Dark Yellow gold accents (decorative only; never text on ivory) */
header.site{border-bottom:4px solid #BA8E23}footer.site{border-top:4px solid #BA8E23}

hr{border:0;border-top:2px solid #BA8E23;margin:2rem 0}
.pullquote::before{content:"\2605";color:#BA8E23;font-style:normal;margin-right:.4em}
.badge{display:inline-block;background:#BA8E23;color:#1C1A19;font-weight:bold;font-family:Verdana,Arial,sans-serif;padding:.2rem .6rem;border-radius:6px}

.btn-lg{font-size:1.25rem;padding:1.05rem 1.8rem;box-shadow:0 3px 0 #4A3027}
.founder{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin:2rem 0}
.founder img{width:240px;height:320px;border-radius:14px;object-fit:cover;object-position:left top;border:4px solid #BA8E23;flex:none}
.founder>div{flex:1;min-width:16rem}.founder-about h2{margin:0}
.cta-final{text-align:center;padding:1.5rem 0}

.founder-float{float:right;width:240px;height:320px;object-fit:cover;object-position:left top;border-radius:14px;border:4px solid #BA8E23;margin:.3rem 0 1rem 1.5rem}.pullquote{clear:both}@media(max-width:640px){.founder-float{float:none;display:block;margin:0 auto 1rem}}
.founder-float ~ p{display:flow-root}.founder-float{width:300px;height:400px}.clearp{clear:both;padding-top:1.6em;font-weight:700}@media(max-width:640px){.founder-float{width:240px;height:320px}}

.hero-band{width:100vw;margin-left:calc(50% - 50vw);margin-bottom:1rem;padding:3.2rem 1rem 3rem;color:#FFF8EE;text-align:center;
background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(186,142,35,.22),rgba(186,142,35,0) 70%),linear-gradient(180deg,#9A5530 0%,#5A3A2C 45%,#4A2E22 55%,#7E4122 100%)}
.hero-in{max-width:46rem;margin:0 auto}
.hero-band h1{color:#FFF8EE;font-size:2.6rem;line-height:1.15;margin:.3rem 0 1rem}
.hero-band .lead{color:#FFF8EE;font-size:1.2rem;margin:0 auto 1rem}
.hero-band .eyebrow{font-family:Verdana,Arial,sans-serif;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:#FFE2C6;margin:0}
.hero-band .hint{font-style:italic;color:#FFE2C6;font-size:1.15rem;margin:0 0 1.4rem}
.hero-band .btn-hero{background:#BA8E23;color:#1C1A19;box-shadow:0 3px 0 #4A3027}.hero-band .btn-hero:hover{background:#FFE2C6;color:#1C1A19}
.hero-band .btn-ghost{background:transparent;color:#FFF8EE;box-shadow:inset 0 0 0 2px #FFE2C6}.hero-band .btn-ghost:hover{background:#FFF8EE;color:#4A2E22}
.hero-band .hero-note{color:#F4ECE1;margin-top:.8rem}
@media(max-width:640px){.hero-band{padding:2.2rem 1rem}.hero-band h1{font-size:2rem}}
.hero-band .lead,.hero-band .hint{text-wrap:balance}
.hero-band .eyebrow{text-wrap:balance}@media(max-width:640px){.hero-band .btn-hero{font-size:1.1rem;padding:1rem 1.2rem}}

.hero-list{list-style:none;padding:0;margin:.4rem auto 1rem;display:inline-block;text-align:left;font-size:1.2rem;line-height:1.7}
.hero-list li{position:relative;padding-left:1.6rem}
.hero-list li::before{content:"\2713";position:absolute;left:0;color:#BA8E23;font-weight:bold}
.hero-lead-top{margin-bottom:0!important}
.hero-list{margin-top:.3rem}
.hero-list li::before{content:"\2013";color:#BA8E23}
.hero-lead-top{font-weight:700;font-size:1.45rem!important}

.url-example{margin:.6rem 0}
.url-demo{display:inline-block;font-family:Verdana,sans-serif;font-size:1.15rem;background:#fff;border:1px solid #d8c4a8;border-radius:6px;padding:.3rem .6rem;margin:.3rem 0;word-break:break-all}
.url-demo .url-fake{color:#8a8178}
.url-demo .url-real{color:#4A2E22;font-weight:700;background:#FFE2C6;border-bottom:3px solid #BA8E23;padding:0 .1rem}

.cards .card-first{grid-column:1/-1;border:2px solid #BA8E23;background:#FFF8EE}
.first-badge{display:inline-block;margin:0 0 .4rem;padding:.15rem .6rem;border-radius:999px;background:#BA8E23;color:#2a1a10;font-family:Verdana,sans-serif;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* Hero redesign: two-column, icons, video montage (Oct 28, 2026) */
/* PREVIEW ONLY: hero redesign */
.hero-band{text-align:left}
.hero-in.hero-grid{max-width:62rem;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:"head photo" "body photo";column-gap:2.5rem;align-items:start}
.hero-head{grid-area:head}.hero-body{grid-area:body}
.hero-photo{grid-area:photo;margin:0;align-self:center}
.hero-photo img,.hero-photo video{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:4px solid #BA8E23;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.hero-band h1{font-size:2.8rem}
.hero-band .lead,.hero-band .hint,.hero-band .eyebrow{margin-left:0;margin-right:0;text-wrap:balance}
.hero-list{display:block;margin:.4rem 0 1.2rem;font-size:1.3rem;line-height:1.5}
.hero-list li{padding-left:0;display:flex;align-items:center;gap:.65rem;margin:.35rem 0}
.hero-list li::before{content:none!important}
.hero-list .hi{width:1.3em;height:1.3em;flex:none;color:#E0B54A}
.hero-band .btn-hero{font-size:1.3rem;font-weight:800;min-height:60px;padding:1.1rem 1.9rem;border-radius:12px;vertical-align:middle}
.hero-band .btn-ghost{vertical-align:middle}
@media(max-width:760px){
 .hero-in.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "photo" "body";row-gap:0}
 .hero-band .lead,.hero-band .hint{text-wrap:pretty}
 .hero-photo{margin:.2rem 0 1.3rem}
 .hero-photo img,.hero-photo video{aspect-ratio:1/1}
 .hero-band h1{font-size:2.1rem}
 .hero-band .btn-hero{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.25rem;padding:1rem 1.2rem;margin-right:0;box-sizing:border-box}
 .hero-band .btn-ghost{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin-right:0}
}

/* Video hero: poster image only shown when the visitor prefers reduced motion */
.hero-photo .hero-poster{display:none}
@media (prefers-reduced-motion: reduce){.hero-photo .hero-video{display:none}.hero-photo .hero-poster{display:block}}