/* /unified-mindfulness/ and its thanks page (October 2026). Standalone page for
   the nervous system mailing list, built from Rich's course-design mockup.
   Does not load site.css. The Vedic students' page is /mindfulness-course/. */
:root{--ink:#202e37;--muted:#4b5a64;--paper:#f5f4ef;--line:#d6dcd9;--sage:#dce6df;--gold:#e5d3af}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 'Nunito Sans',Arial,sans-serif}
h1,h2,h3,.brand,.price{font-family:Fraunces,Georgia,serif;font-weight:400;line-height:1.08}
h1{font-size:clamp(52px,6.6vw,94px);letter-spacing:-.045em;margin:30px 0}
h2{font-size:clamp(36px,4.1vw,58px);letter-spacing:-.035em;margin:16px 0 30px}
h3{font-size:30px;margin:20px 0}
p{margin:0 0 22px}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #9e762d;outline-offset:5px}
.wrap{max-width:1180px;margin:auto;padding:0 48px}
.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;line-height:1.6}
.brand{font-size:27px;text-decoration:none;letter-spacing:-.04em}
header{border-bottom:1px solid #ffffff25;background:var(--ink);color:var(--paper)}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px}
nav{display:flex;gap:28px;font-size:14px}
nav a{text-decoration:none}
.hero{background:var(--ink);color:var(--paper);padding:74px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}
.hero p{color:#d6dfe4;max-width:500px}
.hero em{color:var(--gold);font-weight:400}
.photo{width:100%;height:510px;object-fit:cover;object-position:center;border-radius:160px 160px 4px 4px}
.caption{font-size:12px;color:#d6dfe4;padding-top:14px;display:flex;justify-content:space-between}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:15px 24px;background:var(--ink);color:var(--paper);text-decoration:none;font:16px 'Nunito Sans',Arial,sans-serif;border:1px solid transparent;cursor:pointer}
.hero .btn,.closing .btn{background:var(--gold);color:var(--ink)}
.btn:hover{filter:brightness(.94)}
.micro{font-size:13px;margin-top:14px;color:#d6dfe4}
.quick{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:30px 0;gap:25px}
.quick span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.quick p{margin:0;font-size:17px}
.section{padding:94px 0;border-bottom:1px solid var(--line)}
.split{display:grid;grid-template-columns:1fr 1.35fr;gap:85px}
.prose{max-width:650px}
.signature{font:italic 35px Fraunces,Georgia,serif}
.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}
.skill{border-top:1px solid #9aa8a0;padding-top:24px}
.symbol{display:flex;justify-content:space-between;align-items:center}
.symbol span{font:italic 25px Georgia,serif;color:#607a6c}
.symbol svg{width:42px;height:42px;stroke:#607a6c;fill:none;stroke-width:1.3}
.skill p{font-size:17px;color:var(--muted)}
.tint{background:#e9ede7}
.research{font-size:15px;color:var(--muted);margin-top:50px;max-width:830px}
.details{background:var(--paper)}
.rows{margin:0}
.rows div{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:20px}
.rows dt{color:var(--muted);font-size:14px}
.rows dd{margin:0}
.price-panel{margin-top:40px;padding:30px;background:var(--sage);display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}
.price{font-size:64px;margin:8px 0}
.price-panel p{font-size:14px;margin:0}
.about{display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:center}
.about img{width:230px;height:290px;object-fit:cover;border-radius:120px 120px 3px 3px}
.about p{max-width:650px}
.closing{padding:80px 0;background:var(--ink);color:var(--paper);text-align:center}
.closing h2{max-width:730px;margin:20px auto 30px}
.closing p{font-size:14px;margin:24px 0 0;color:#d6dfe4}
footer{padding:24px 0;font-size:12px;color:var(--muted)}
.sticky{display:none}
@media(max-width:760px){.wrap{padding:0 24px}
header .wrap{padding-top:20px;padding-bottom:20px}
.brand{font-size:24px}
nav{gap:0}
nav a{display:none}
nav a:last-child{display:block}
.hero{padding:46px 0 40px}
.hero-grid{grid-template-columns:1fr;gap:38px}
h1{font-size:56px}
.hero .btn{width:100%}
.photo{height:360px;border-radius:120px 120px 3px 3px}
.quick{grid-template-columns:1fr 1fr;gap:24px;padding:28px 0}
.quick p{font-size:15px}
.section{padding:58px 0}
.split,.skills,.about{grid-template-columns:1fr;gap:28px}
.skills{margin-top:30px;gap:20px}
.skill h3{margin:12px 0}
.research{margin-top:30px}
.price-panel{grid-template-columns:1fr;padding:24px}
.price-panel .btn{width:100%}
.rows div{grid-template-columns:80px 1fr;gap:12px}
.about img{width:180px;height:220px}
.closing{padding:58px 0}
.sticky{display:flex;position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--line);padding:12px 20px;align-items:center;justify-content:space-between;font-size:15px}
.sticky .btn{padding:12px 18px;min-height:48px}
.caption{gap:12px}
footer{padding-bottom:24px}
}
.outline-note{font-size:13px;color:var(--muted);border-left:2px solid #9aa8a0;padding-left:16px}
.week-list{margin-top:38px}
.week{display:grid;grid-template-columns:125px 1fr;gap:38px;padding:32px 0;border-top:1px solid var(--line)}
.week-index span{display:block;font:42px Fraunces,Georgia,serif;color:#607a6c}
.week-index time{font-size:13px;color:var(--muted)}
.week h3{margin:2px 0 14px;font-size:29px}
.week p{font-size:16px;margin:0;color:var(--muted)}
.between{background:var(--sage);padding:26px 30px;margin-top:20px;max-width:780px}
.between p{margin:10px 0 0;font-size:16px}
@media(max-width:760px){.week{grid-template-columns:60px 1fr;gap:16px;padding:26px 0}
.week-index span{font-size:35px}
.week-index time{font-size:11px;line-height:1.3;display:block}
.week h3{font-size:26px}
.between{padding:24px}
}
.hero-price-note{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:25px;padding-top:18px;border-top:1px solid #ffffff30;font-size:14px;color:#e5d3af}
.hero-price-note span+span{color:#d6dfe4}
.price-panel{grid-template-columns:1fr}
.price-panel .btn{justify-self:start}
.price-panel .future-price{font-size:20px;line-height:1.5;margin:0 0 12px}
.price-panel .intake-note{font-size:14px;max-width:390px;color:var(--muted);padding-top:16px;border-top:1px solid #9aa8a060}
.closing-price-note{margin-top:20px;font-size:16px;color:var(--gold)}
.week p{max-width:720px}
.thanks{padding:110px 0;text-align:center}
.thanks h1{font-size:clamp(44px,5.4vw,76px)}
.thanks p{max-width:620px;margin:0 auto 22px;color:#d6dfe4}
.thanks a{color:var(--gold)}
footer a{text-underline-offset:3px}
.guarantee{padding-top:20px;border-top:1px solid #9aa8a060}
.guarantee h3{font:italic 26px Fraunces,Georgia,serif;margin:0 0 8px}
.price-panel .guarantee p{font-size:16px;max-width:430px}
.benefits-lead{max-width:650px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 40px;margin-top:40px}
.benefit{border-top:1px solid var(--line);padding-top:22px}
.benefit h3{font-size:26px;margin:0 0 12px}
.benefit p{font-size:17px;color:var(--muted)}
@media(max-width:900px){.benefits{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.benefits{grid-template-columns:1fr;margin-top:28px}.benefit h3{font-size:24px}}
dialog#reserve{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:0;padding:38px 34px 34px;background:var(--paper);color:var(--ink)}
dialog#reserve::backdrop{background:#202e37b3}
dialog#reserve h2{font-size:34px;margin:12px 0 14px}
dialog#reserve p{font-size:16px;margin:0 0 18px}
dialog#reserve label{display:block;font-size:14px;color:var(--muted);margin-bottom:16px}
dialog#reserve input[type=text],dialog#reserve input[type=email],dialog#reserve textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #9aa8a0;background:#fff;color:var(--ink);font:17px/1.4 "Nunito Sans",Arial,sans-serif;border-radius:0}
dialog#reserve textarea{resize:vertical}
dialog#reserve .hp{position:absolute;left:-9999px}
dialog#reserve .btn{width:100%;margin-top:6px}
dialog#reserve .btn:disabled{opacity:.6;cursor:default}
.reserve-x{position:absolute;top:10px;right:12px;width:44px;height:44px;border:0;background:none;color:var(--ink);font:30px/1 Arial,sans-serif;cursor:pointer}
.reserve-error{color:#9a3b2a}