/* TFH homepage draft v2 (20 Oct 2026, 50/50 shop + frequency/biofeedback). Loads AFTER /site-assets/site.css; only used by /home-draft.html.
   Brand: purple #54348C leads, gold #BEAD6F / #9C8A4A accents (#7A6C38 for small gold text), mist #F6F5FC, ink #2A224D.
   Headings Cormorant Garamond / Cormorant SC, body Alegreya Sans. Replaces the old #2f1650 -> #4a2270 gradient with brand purple. */
:root{--hp-p:#54348C;--hp-pd:#432a70;--hp-g:#BEAD6F;--hp-gb:#9C8A4A;--hp-gt:#7A6C38;--hp-mist:#F6F5FC;--hp-ink:#2A224D;--hp-ln:#E6E2F1;--gt:#7A6C38}
body{font-family:"Alegreya Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--hp-ink);font-size:18px}
.hp h1,.hp h2,.hp h3{font-family:"Cormorant Garamond",Georgia,serif;color:var(--hp-p);font-weight:700;line-height:1.08}
.hp h2{font-size:clamp(30px,3.4vw,38px);margin:.15em 0 .3em}
.hp h3{font-size:24px;margin:.1em 0 .3em}
.hp .eyebrow,.hp .hp-tag,.hp-kick-l{font-family:"Cormorant SC","Cormorant Garamond",Georgia,serif;font-weight:700;font-size:17px;letter-spacing:.06em;text-transform:none;color:var(--hp-gt);margin:0}
.hp .lead{font-size:clamp(18px,1.7vw,21px);color:var(--hp-ink);max-width:62ch}
.hp a{color:var(--hp-p)}
.hp-sec{padding:44px 0}
.wrap{max-width:1200px}
.hp-alt{background:var(--hp-mist)}
.hp-head{max-width:70ch;margin-bottom:22px}
.hp-center{justify-content:center;text-align:center}
.hp-small{font-size:15.5px;color:#4d4766;max-width:75ch;margin-top:18px}
.hp-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
/* Buttons: both hero actions are primary (solid). Min 48px tall tap targets. */
.hp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;border-radius:999px;font:700 17.5px/1.15 "Alegreya Sans",system-ui,sans-serif;text-decoration:none;border:2px solid transparent;transition:background .15s,transform .15s;text-align:center}
.hp-btn:focus-visible{outline:3px solid var(--hp-gb);outline-offset:3px}
.hp-btn-p{background:var(--hp-p);color:#fff!important;border-color:var(--hp-p)}
.hp-btn-p:hover{background:var(--hp-pd);border-color:var(--hp-pd)}
.hp-btn-g{background:var(--hp-g);color:var(--hp-ink)!important;border-color:var(--hp-g)}
.hp-btn-g:hover{background:#cfc08a}
.hp-btn-gold{background:var(--hp-g);color:var(--hp-ink)!important;border-color:var(--hp-g)}
.hp-btn-gold:hover{background:#d4c79a}
.hp-btn-o{background:#fff;color:var(--hp-p)!important;border-color:var(--hp-p)}
.hp-btn-o:hover{background:var(--hp-mist)}
.hp-btn-w{background:#fff;color:var(--hp-p)!important;border-color:#fff}
.hp-btn-w:hover{background:var(--hp-mist)}
.hp-btn-sm{min-height:46px;padding:10px 20px;font-size:16.5px;margin-top:auto;align-self:flex-start}

/* Hero v2 (Vernon 12:22): calm 50/50 split. LEFT shop, RIGHT frequency & biofeedback. Equal halves, small images
   under a soft purple overlay, white page, max ~1200px content with full-bleed backgrounds. */
.hp-hero{background:#fff}
.hp-hero-head{text-align:center;padding:30px 0 18px}
.hp-hero h1{font-size:clamp(30px,3.6vw,42px);margin:.15em 0 0;letter-spacing:-.005em}
.hp-duo{display:grid;grid-template-columns:1fr;gap:16px}
.hp-half{display:flex;flex-direction:column-reverse;background:var(--hp-mist);border:1px solid var(--hp-ln);border-radius:20px;overflow:hidden}
.hp-half-txt{padding:22px 22px 24px;display:flex;flex-direction:column;justify-content:flex-start;flex:1}
.hp .hp-half h2{font-size:clamp(28px,2.5vw,34px);margin:.2em 0 .35em}
.hp-half-txt>p:not(.hp-tag){margin:0;font-size:17.5px;line-height:1.5;max-width:40ch;color:var(--hp-ink)}
.hp-half-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:2px}
.hp-half-btns .hp-btn{min-height:48px;padding:10px 20px;font-size:16.5px}
.hp-half-img{margin:0;position:relative;height:140px;overflow:hidden;background:var(--hp-p)}
.hp-half-img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-half-img:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(84,52,140,.18) 0%,rgba(84,52,140,.42) 100%);pointer-events:none}
.hp-half:first-child .hp-half-img img{filter:saturate(.6) brightness(1.18)}
.hp-btn-sm{min-height:44px;padding:9px 18px;font-size:16px;margin-top:auto;align-self:flex-start}
.hp-strip{list-style:none;margin:0 auto;padding:22px 20px 26px;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.hp-strip li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.35;color:#4d4766}
.hp-strip svg{flex:none;width:22px;height:22px;color:var(--hp-gb)}
.hp-strip strong{display:block;font-size:16px;color:var(--hp-ink)}
.hp-hero{border-bottom:1px solid var(--hp-ln)}
.hp-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;max-width:none}
.hp-head-row>div{max-width:780px}
.hp-head-row .lead{margin-bottom:0}
.hp-more{font-weight:700;text-decoration:none;white-space:nowrap;padding:6px 0}
.hp-more:hover{text-decoration:underline}
.hp-xmas-line strong{color:var(--hp-ink)}

/* Product cards */
.hp-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:18px}
.hp-card{background:#fff;border:1px solid var(--hp-ln);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(42,34,77,.05);transition:transform .15s,box-shadow .15s}
.hp-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(42,34,77,.10)}
.hp-card-img{height:150px;background:var(--hp-mist);overflow:hidden}
.hp-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.hp-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f3effb,#e9e3f6)}
.hp-art svg{height:82%;width:auto}
.hp-art-gift{background:var(--hp-p)}
.hp-art-gift img{width:62%;height:auto;object-fit:contain}
.hp-card-b{padding:16px 20px 20px;display:flex;flex-direction:column;flex:1}
.hp-card h3{font-size:23px}
.hp-card-b p{margin:0 0 8px;font-size:16.5px}
.hp .hp-price{font:700 28px/1 "Cormorant Garamond",Georgia,serif;color:var(--hp-ink);margin:6px 0 14px!important}
.hp .hp-price.hp-tbc,.hp .hp-tbc{color:#4d4766;font-family:"Alegreya Sans",sans-serif;font-size:19px;font-weight:700}
.hp-from{font:600 16px "Alegreya Sans",sans-serif;color:#4d4766;margin-right:4px}
.hp-per{font:600 16px "Alegreya Sans",sans-serif;color:#4d4766}
.hp-note{font-size:14.5px!important;color:#4d4766;margin-bottom:14px!important}

/* Try then buy */
.hp-ttb{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
.hp-ttb-fig{margin:0}
.hp-ttb-fig img{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:18px}
.hp-steps{counter-reset:s;list-style:none;padding:0;margin:18px 0 0}
.hp-steps li{counter-increment:s;position:relative;padding:0 0 14px 52px;font-size:17.5px}
.hp-steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:50%;background:var(--hp-p);color:#fff;font:700 19px/36px "Cormorant Garamond",serif;text-align:center}

/* Session prices */
.hp-prices{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:16px}
.hp-prices li{background:#fff;border:1px solid var(--hp-ln);border-top:4px solid var(--hp-g);border-radius:16px;padding:18px 20px;position:relative}
.hp-prices h3 a{text-decoration:none;color:var(--hp-p)}
.hp-prices h3 a:after{content:"";position:absolute;inset:0}
.hp-prices h3 a:focus-visible{outline:none}
.hp-prices li:focus-within{outline:3px solid var(--hp-gb);outline-offset:2px}
.hp-prices p{margin:0 0 8px;font-size:16.5px}

/* Table */
.hp-tablewrap{overflow-x:auto;border-radius:16px;border:1px solid var(--hp-ln);background:#fff}
.hp-tablewrap:focus-visible{outline:3px solid var(--hp-gb)}
.hp-table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px}
.hp-table th,.hp-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hp-ln)}
.hp-table thead th{background:var(--hp-p);color:#fff;font:700 19px "Cormorant Garamond",serif}
.hp-table tbody th{font-weight:700;color:var(--hp-p);width:26%}
.hp-table tbody tr:last-child th,.hp-table tbody tr:last-child td{border-bottom:0}

/* Gift band: brand purple (replaces the old #2f1650 -> #4a2270 gradient) */
.hp-gift{padding:44px 0}
.hp-gift-in{background:var(--hp-p);color:#fff;border-radius:24px;padding:30px 22px;display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
.hp-gift-in h2{color:#fff;margin-top:.1em}
.hp-gift-in p{font-size:18px;max-width:58ch}
.hp-kick-l{color:#DCCF9F!important} /* light gold for text on purple: 5.6:1+ (AA); #BEAD6F is 4.18:1, decorative only */
.hp-gift-card{position:relative;aspect-ratio:1.6/1;max-width:340px;width:100%;border-radius:18px;background:linear-gradient(145deg,#6a47a8,#54348C 55%,#432a70);box-shadow:0 18px 40px rgba(0,0,0,.25),inset 0 0 0 1px rgba(190,173,111,.55);display:flex;align-items:center;justify-content:center}
.hp-gift-card img{width:62%;height:auto}
.hp-gift-card span{position:absolute;right:16px;bottom:12px;font:700 16px "Cormorant SC",serif;color:var(--hp-g);letter-spacing:.08em}

/* FAQ */
.hp-faq{display:grid;grid-template-columns:1fr;gap:20px}
.hp .faq summary{font-size:18px;color:var(--hp-ink);min-height:44px}
.hp .faq summary:after{color:var(--hp-p)}
.hp .faq details p{font-size:17px}

/* Final band */
.hp-final{background:linear-gradient(180deg,var(--hp-mist),#fff);border:1px solid var(--hp-ln);border-radius:24px;padding:34px 22px;text-align:center}
.hp-final h2{margin-top:0}
.hp-final .hp-split{max-width:560px;margin-left:auto;margin-right:auto}
.hp-final .hp-btn-w{background:var(--hp-p);color:#fff!important;border-color:var(--hp-p)}
.hp-final .hp-btn-w:hover{background:var(--hp-pd)}
.hp-sig{margin:26px 0 0;display:flex;flex-direction:column;gap:4px;font-size:16px;color:#4d4766}
.hp-sig span:first-child{font:700 italic 22px "Cormorant Garamond",serif;color:var(--hp-p)}

/* Header tweaks for the retail draft */
.hd .brand img{width:220px;height:auto;aspect-ratio:auto;object-fit:contain}
@media (max-width:900px){.hd .brand img{width:180px}}
@media (max-width:380px){.hd .brand img{width:160px}}
.hdcta .btn{background:var(--hp-p);border-color:var(--hp-p);font-family:"Alegreya Sans",sans-serif;font-weight:700}
.hdcta .btn:hover{background:var(--hp-pd);border-color:var(--hp-pd)}
.mbar a:first-child{background:var(--hp-p)!important}

@media (min-width:600px){
  .hp-split{grid-template-columns:1fr 1fr}
  .hp-cards{grid-template-columns:1fr 1fr}
  .hp-half-img{height:180px}
}
@media (min-width:900px){
  .hp-sec{padding:64px 0}
  .hp-hero-head{padding:40px 0 26px}
  .hp-duo{grid-template-columns:1fr 1fr;gap:24px}
  .hp-half{flex-direction:row;min-height:360px}
  .hp-half-txt{padding:36px 28px 34px 34px}
  .hp-half-btns{margin-top:auto;padding-top:24px}
  .hp-half-img{flex:0 0 34%;height:auto}
  .hp-strip{grid-template-columns:repeat(4,1fr);padding:26px 20px 30px}
  .hp-cards{grid-template-columns:repeat(3,1fr);gap:24px}
  .hp-ttb{grid-template-columns:.7fr 1.3fr;gap:48px}
  .hp-prices{grid-template-columns:repeat(3,1fr)}
  .hp-gift-in{grid-template-columns:.8fr 1.2fr;padding:44px 48px;gap:40px}
  .hp-faq{grid-template-columns:.8fr 1.2fr;gap:48px}
  .hp-final{padding:48px 40px}
}
@media (max-width:599px){
  .hp .hp-btns .hp-btn,.hp-card .hp-btn{width:100%;align-self:stretch}
}
@media (max-width:599px){
  .hp-tablewrap{border:0;background:none;overflow:visible}
  .hp-table{min-width:0}
  .hp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hp-table,.hp-table tbody,.hp-table tr,.hp-table th,.hp-table td{display:block;width:auto}
  .hp-table tr{background:#fff;border:1px solid var(--hp-ln);border-radius:14px;margin-bottom:12px;overflow:hidden}
  .hp-table tbody th{background:var(--hp-p);color:#fff;width:auto;padding:10px 14px}
  .hp-table td{border-bottom:1px solid var(--hp-ln);padding:10px 14px}
  .hp-table td:last-child{border-bottom:0}
  .hp-table td:before{content:attr(data-label);display:block;font-weight:700;font-size:14px;color:var(--hp-gt);margin-bottom:2px}
}
@media (prefers-reduced-motion:reduce){.hp-card,.hp-btn{transition:none}.hp-card:hover{transform:none}}