/* Beginner's Desk — shared sales-page system */
:root{
  --bone:#F5EFE1; --bone2:#EBE2CE; --paper:#FFFDF8;
  --ink:#141210; --ink-soft:#221F1A; --ink2:#413C33; --ink3:#756E5D;
  --line:#DBD0B8; --line2:#C6B99B;
  --crak:#B02922; --crak-d:#7C1A15; --crak-l:#E14B41;
  --bam:#1C5C41; --gold:#D9A227; --gold-d:#A87A16;
  --r:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bone);color:var(--ink);
  font-family:"Karla",-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:18.5px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
/* paper grain — depth without chrome */
body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}
body>*{position:relative;z-index:2}
img{max-width:100%;display:block}
p{margin:0 0 18px}
a{color:var(--crak)}
h1,h2,h3,h4{font-family:"Fraunces",Georgia,serif;line-height:1.04;margin:0;text-wrap:balance;font-weight:700}
h1{font-size:clamp(38px,6.6vw,74px);letter-spacing:-.025em}
h2{font-size:clamp(30px,4.6vw,52px);letter-spacing:-.02em}
h3{font-size:clamp(21px,2.4vw,27px);letter-spacing:-.01em}
h4{font-size:19px}

.wrap{width:min(1120px,100% - 34px);margin-inline:auto}
.narrow{width:min(760px,100% - 34px);margin-inline:auto}

/* ══ BANDS — the visual rhythm ══ */
.band{padding:clamp(52px,7vw,96px) 0;position:relative}
.band.sm{padding:clamp(34px,4vw,54px) 0}
.b-bone{background:var(--bone)}
.b-paper{background:var(--paper);border-block:1px solid var(--line)}
.b-tint{background:linear-gradient(180deg,#E9F0EA,#E2EBE3)}
.b-dark{background:var(--ink);color:#EFE8D8}
.b-dark h1,.b-dark h2,.b-dark h3{color:#FFFDF6}
.b-dark p{color:#C9C1B0}
.b-dark:before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;z-index:0;
  background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);
  background-size:46px 62px}

.b-dark>*{position:relative;z-index:1}

/* ══ TYPE UTILITIES ══ */
.eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--crak);background:rgba(176,41,34,.09);border:1px solid rgba(176,41,34,.22);
  padding:7px 14px;border-radius:99px;margin-bottom:20px}
.b-dark .eyebrow{color:var(--gold);background:rgba(217,162,39,.12);border-color:rgba(217,162,39,.3)}
.b-tint .eyebrow{color:var(--bam);background:rgba(28,92,65,.09);border-color:rgba(28,92,65,.22)}
.lede{font-size:clamp(19px,2.1vw,23px);color:var(--ink2);line-height:1.52}
.b-dark .lede{color:#CFC7B4}
.hl{background-image:linear-gradient(transparent 56%,rgba(217,162,39,.48) 56%,rgba(217,162,39,.48) 94%,transparent 94%);
  padding:0 2px}
.b-dark .hl{background-image:linear-gradient(transparent 56%,rgba(217,162,39,.32) 56%,rgba(217,162,39,.32) 94%,transparent 94%);color:#FFF6E0}
.red{color:var(--crak)}
.center{text-align:center}
.mw{max-width:760px;margin-inline:auto}

/* ══ BUTTONS ══ */
.btn{display:block;max-width:560px;text-decoration:none;text-align:center;border-radius:var(--r);
  background:linear-gradient(180deg,var(--crak-l),var(--crak));color:#fff;
  padding:20px 28px 17px;box-shadow:0 5px 0 var(--crak-d),0 16px 34px rgba(176,41,34,.30);
  transition:transform .12s ease,box-shadow .12s ease;position:relative}
.btn b{display:block;font-size:clamp(19px,2.1vw,23px);font-weight:800;line-height:1.22;letter-spacing:-.01em}
.btn s{display:block;font-size:14.5px;opacity:.9;font-weight:500;margin-top:6px;text-decoration:none}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--crak-d),0 22px 44px rgba(176,41,34,.34)}
.btn:active{transform:translateY(2px);box-shadow:0 3px 0 var(--crak-d)}
.btn.green{background:linear-gradient(180deg,#2C7A58,var(--bam));box-shadow:0 5px 0 #113A29,0 16px 34px rgba(28,92,65,.28)}
.btn.green:hover{box-shadow:0 8px 0 #113A29,0 22px 44px rgba(28,92,65,.32)}
.btn.c{margin-inline:auto}
.btn.big{padding:24px 30px 20px}
.btn.big b{font-size:clamp(21px,2.5vw,27px)}
.undercta{font-size:15px;color:var(--ink3);margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.undercta.c{justify-content:center}
.b-dark .undercta{color:#A49C8B}
.undercta i{font-style:normal;display:inline-flex;align-items:center;gap:6px}
.undercta svg{flex:none}

/* handwritten arrow note */
.note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;max-width:560px}
.note svg{flex:none;margin-top:-4px}
.handwr{font-family:"Caveat",cursive;font-size:23px;color:var(--crak);line-height:1.2}


/* ══ HERO ══ */
.hero{padding:clamp(34px,4vw,56px) 0 clamp(44px,5vw,72px)}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(26px,4vw,58px);align-items:center}
.hero h1{margin-bottom:18px;font-size:clamp(33px,5.4vw,58px)}
.prehead{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(21px,2.6vw,29px);
  line-height:1.2;color:var(--ink2);margin:0 0 16px;text-wrap:balance}
.hero .sub{font-size:clamp(18px,2vw,22px);color:var(--ink2);font-style:italic;
  border-left:4px solid var(--gold);padding-left:16px;margin-bottom:26px;line-height:1.46}
.heroart{position:relative}
.heroart img{filter:drop-shadow(0 30px 44px rgba(20,18,16,.26))}
.badge{position:absolute;right:-6px;top:-6px;width:106px;height:106px;z-index:3}

/* ══ TRUST STRIP ══ */
.strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;text-align:center}
.strip div{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--ink2)}
.strip svg{flex:none;color:var(--bam)}

/* ══ CHECKS ══ */
.checks{list-style:none;padding:0;margin:0 0 28px}
.checks li{position:relative;padding-left:36px;margin-bottom:13px;font-size:18px;font-weight:500}
.checks li:before{content:"";position:absolute;left:0;top:4px;width:23px;height:23px;border-radius:50%;
  background:var(--bam)}
.checks li:after{content:"";position:absolute;left:7px;top:10px;width:9px;height:5px;
  border-left:2.4px solid #fff;border-bottom:2.4px solid #fff;transform:rotate(-45deg)}

/* ══ BULLETS ══ */
.dots{list-style:none;padding:0;margin:0}
.dots li{position:relative;padding-left:28px;margin-bottom:15px}
.dots li:before{content:"";position:absolute;left:4px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--crak)}
.dots li b{font-weight:700}
.dots li i{font-style:normal;color:var(--ink2)}

/* ══ QUESTION LIST — hairlines, not cards ══ */
.qs{list-style:none;padding:0;margin:0 0 30px;border-top:1px solid var(--line2)}
.qs li{border-bottom:1px solid var(--line2);padding:20px 0 20px 44px;position:relative;
  font-size:clamp(18px,2vw,21px);line-height:1.5}
.qs li:before{content:"?";position:absolute;left:6px;top:17px;color:var(--crak);
  font-family:"Fraunces",serif;font-weight:900;font-size:28px;line-height:1}
.qs li:last-child{font-weight:600}

/* ══ THREE BEATS — conspiracy / lie / enemy ══ */
.beats{display:grid;gap:0;counter-reset:bt}
.beats>div{padding:26px 0 26px 66px;position:relative;border-bottom:1px solid rgba(255,255,255,.13)}
.beats>div:first-child{border-top:1px solid rgba(255,255,255,.13)}
.beats>div:before{counter-increment:bt;content:counter(bt);position:absolute;left:0;top:26px;
  font-family:"Fraunces",serif;font-weight:900;font-size:36px;color:var(--gold);opacity:.55;line-height:1}
.beats h4{font-size:clamp(19px,2.2vw,24px);color:#FFFDF6;margin-bottom:10px;font-family:"Fraunces",serif}
.beats p{margin:0;font-size:17.5px}
.beats p strong{color:#FFFDF6}
@media (max-width:620px){.beats>div{padding-left:0;padding-top:52px}.beats>div:before{top:16px}}

/* ══ PAIN AND COST ══ */
.cost{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0 26px;
  border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.cost div{padding:22px 16px;text-align:center}
.cost div+div{border-left:1px solid var(--line2)}
.cost b{display:block;font-family:"Fraunces",serif;font-weight:900;font-size:clamp(30px,4vw,44px);
  color:var(--crak);line-height:1}
.cost span{display:block;font-size:14px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink3);font-weight:700;margin-top:8px}
@media (max-width:620px){.cost{grid-template-columns:1fr 1fr}
  .cost div:nth-child(3){border-left:0}
  .cost div:nth-child(n+3){border-top:1px solid var(--line2)}}

/* ══ IF/ALL close ══ */
.ifall{background:#FDF8EC;border:2px solid var(--gold);border-radius:14px;
  padding:clamp(22px,3vw,32px);max-width:660px;margin:0 auto 30px;text-align:center}
.ifall p{font-family:"Fraunces",Georgia,serif;font-size:clamp(20px,2.6vw,27px);line-height:1.3;
  margin:0;text-wrap:balance}

/* ══ MECHANISM — old way vs new way ══ */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,38px);margin:34px 0}
.vs>div{padding:clamp(22px,3vw,30px);border-radius:14px}
.vs .old{background:rgba(176,41,34,.055);border:1px solid rgba(176,41,34,.20)}
.vs .new{background:rgba(28,92,65,.07);border:1px solid rgba(28,92,65,.24)}
.vs h4{font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-family:"Karla";font-weight:800}
.vs .old h4{color:var(--crak)}
.vs .new h4{color:var(--bam)}
.vs ul{list-style:none;padding:0;margin:0}
.vs li{position:relative;padding-left:30px;margin-bottom:13px;font-size:17px;line-height:1.5;color:var(--ink2)}
.vs .old li:before{content:"✕";position:absolute;left:0;top:0;color:var(--crak);font-weight:800}
.vs .new li:before{content:"✓";position:absolute;left:0;top:0;color:var(--bam);font-weight:800;font-size:19px}
.vs .new li b{color:var(--ink)}
.mechgrid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(24px,4vw,46px);align-items:center;margin-top:40px}
.mechgrid figure img{filter:drop-shadow(0 22px 34px rgba(20,18,16,.24))}
@media (max-width:760px){.mechgrid{grid-template-columns:1fr}.mechgrid figure{max-width:380px;margin-inline:auto}}
.mechname{margin:0 auto;max-width:640px}
.mechname .tag{display:inline-block;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;
  font-weight:800;color:var(--ink3);margin-bottom:12px}
.mechname h3{font-family:"Fraunces",serif;font-size:clamp(28px,4.4vw,46px);font-weight:900;
  color:var(--crak);letter-spacing:-.02em;margin-bottom:14px}

/* ══ FIGURES — no boxes. The image IS the object. ══ */
figure{margin:0}
figcaption{font-size:16px;color:var(--ink2);line-height:1.52;margin-top:16px;padding-left:15px;
  border-left:3px solid var(--gold);max-width:56ch}
.b-dark figcaption{color:#A49C8B}
.shot img{border-radius:4px;box-shadow:0 26px 52px rgba(20,18,16,.20),0 4px 12px rgba(20,18,16,.08)}
.shot.plain img{box-shadow:none}

/* full-bleed image band */
.bleed{width:100%;overflow:hidden;position:relative}
.bleed img{width:100%;height:clamp(280px,42vw,520px);object-fit:cover;object-position:center 34%}
.bleed figcaption{width:min(1120px,100% - 34px);margin:18px auto 0}
.bleed.tone:after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(20,18,16,.55),rgba(20,18,16,.06) 55%);pointer-events:none}
.bleed .over{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.bleed .over .wrap{max-width:560px;margin-inline-start:max(34px,calc((100vw - 1120px)/2))}
.bleed .over h2{color:#FFFDF6;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.bleed .over p{color:#EFE8D8;margin-top:14px;font-size:clamp(17px,1.9vw,20px);text-shadow:0 1px 14px rgba(0,0,0,.45)}

/* ══ DEMO ══ */
.demo{background:var(--paper);border:1px solid var(--line2);border-radius:16px;overflow:hidden;
  box-shadow:0 4px 0 var(--line),0 26px 54px rgba(20,18,16,.13)}
.demo .head{background:var(--ink);color:#EFE8D8;padding:15px 24px;font-size:12.5px;
  letter-spacing:.2em;text-transform:uppercase;font-weight:800}
.demo .body{padding:clamp(22px,3.4vw,38px)}
.hand{font-family:"IBM Plex Mono",monospace;font-size:clamp(21px,3.6vw,36px);letter-spacing:.07em;
  text-align:center;background:var(--bone);border:2px dashed var(--line2);border-radius:12px;
  padding:24px 12px;margin:0 0 26px;overflow-x:auto;white-space:nowrap;font-weight:500}
.hand .c{color:var(--crak)}.hand .b{color:var(--bam)}.hand .s{color:#2E5C86}.hand .g{color:var(--gold-d)}
.decode{list-style:none;padding:0;margin:0}
.decode li{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:baseline;
  padding:14px 0;border-top:1px solid var(--line)}
.decode li em{font-family:"IBM Plex Mono",monospace;font-style:normal;font-weight:500;font-size:20px;
  color:#fff;background:var(--crak);border-radius:6px;padding:5px 9px;text-align:center;letter-spacing:.04em}
.decode li span{font-size:17.5px;color:var(--ink2);line-height:1.55}
.decode li span b{color:var(--ink)}

/* ══ TOTAL TIME ══ */
.totaltime{max-width:560px;margin:0 auto 30px;padding-bottom:18px;border-bottom:2px solid var(--bam);
  display:flex;flex-direction:column;align-items:center;gap:4px}
.totaltime span{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);font-weight:800}
.totaltime b{font-family:"Fraunces",serif;font-weight:900;font-size:clamp(32px,5vw,50px);
  color:var(--bam);line-height:1;letter-spacing:-.02em}

/* ══ PILL TAGS ══ */
.pills{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0}
.pills span{border:1px solid var(--line2);border-radius:99px;padding:7px 15px;font-size:12.5px;
  font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}
.b-dark .pills span{border-color:rgba(255,255,255,.22);color:#CFC7B4}
.bcard .pills{margin:14px 0 0;justify-content:center}
.bcard .pills span{font-size:11px;padding:5px 11px}

/* ══ 7 DAYS ══ */
.days{display:grid;gap:13px;counter-reset:d}
.day{display:grid;grid-template-columns:78px 1fr;gap:clamp(14px,2.4vw,28px);background:var(--paper);
  border:1px solid var(--line);border-radius:14px;padding:clamp(20px,2.7vw,28px);
  box-shadow:0 2px 0 var(--line);transition:transform .15s ease,box-shadow .15s ease}
.day:hover{transform:translateX(3px);box-shadow:0 2px 0 var(--line),0 14px 30px rgba(20,18,16,.10)}
.day .n{font-family:"Fraunces",serif;font-size:50px;font-weight:900;color:var(--crak);line-height:.85}
.day .n small{display:block;font-family:"Karla";font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink3);font-weight:800;margin-top:9px}
.day h3{margin-bottom:8px}
.day .mins{display:inline-block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--bam);background:rgba(28,92,65,.10);font-weight:800;padding:4px 10px;border-radius:99px;margin-bottom:12px}
.day ul{margin:0;padding-left:19px;color:var(--ink2);font-size:17px}
.day ul li{margin-bottom:7px}
.day ul li::marker{color:var(--crak)}

/* ══ TABLE ══ */
.tscroll{overflow-x:auto}
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--paper);
  border:1px solid var(--line2);border-radius:14px;overflow:hidden;font-size:16.5px;min-width:560px}
.cmp th,.cmp td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{background:var(--bone2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink2);font-weight:800}
.cmp thead th:last-child{background:var(--ink);color:#FFFDF6}
.cmp td:last-child{background:rgba(28,92,65,.07);font-weight:700;color:var(--bam)}
.cmp tbody tr:last-child td,.cmp tbody tr:last-child th{border-bottom:0}
.cmp th[scope=row]{font-weight:600}

/* ══ FIT ══ */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fit>div{border-radius:14px;padding:clamp(22px,3vw,32px)}
.fit .yes{background:var(--paper);border:2px solid var(--bam)}
.fit .no{background:#F3EBE0;border:2px solid var(--line2)}
.fit h3{margin-bottom:16px}
.fit ul{list-style:none;padding:0;margin:0}
.fit li{padding-left:32px;position:relative;margin-bottom:12px;font-size:17px;color:var(--ink2)}
.fit .yes li:before{content:"✓";position:absolute;left:0;color:var(--bam);font-weight:800;font-size:19px}
.fit .no li:before{content:"✕";position:absolute;left:0;color:var(--crak);font-weight:800;font-size:17px}

/* ══ BONUS CARDS ══ */
.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bcard{background:var(--paper);border-radius:16px;padding:0 0 28px;position:relative;overflow:hidden;
  box-shadow:0 22px 44px rgba(0,0,0,.28);display:flex;flex-direction:column}
.bcard .hdr{background:var(--bam);color:#fff;text-align:center;padding:12px 14px;font-size:12.5px;
  font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.bcard .inner{padding:0 24px}
.bcard .val{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:12px 0 2px}
.bcard .val s{font-family:"Fraunces",serif;font-size:22px;color:var(--ink3);text-decoration-thickness:2px}
.bcard .val b{font-family:"Karla";font-weight:800;font-size:19px;letter-spacing:.08em;color:var(--bam)}
.bcard .art{height:clamp(230px,24vw,310px);display:grid;place-items:center;margin:22px 0 26px}
.bcard .art img{max-height:clamp(230px,24vw,310px);width:auto;
  filter:drop-shadow(0 26px 40px rgba(20,18,16,.34)) drop-shadow(0 4px 10px rgba(20,18,16,.18))}
.bcard h3{color:var(--ink);margin-bottom:12px;font-size:22px}
.bcard .why{font-size:16px;color:var(--ink2);margin:0 0 12px;line-height:1.55}
.bcard .so{font-size:16px;color:var(--ink);margin:0;padding-left:13px;border-left:3px solid var(--bam);line-height:1.55}
.bcard .val{position:absolute;top:22px;right:22px;font-family:"Fraunces",serif;font-weight:900;
  font-size:19px;color:var(--crak)}

/* ══ OFFER ══ */
.offer{background:var(--paper);border:3px dashed var(--ink);border-radius:20px;
  padding:clamp(28px,4vw,52px);max-width:820px;margin-inline:auto;text-align:center;
  box-shadow:0 26px 60px rgba(20,18,16,.16)}
.stack{list-style:none;padding:0;margin:28px auto 26px;max-width:580px;text-align:left}
.stack li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;
  padding:15px 0;border-bottom:1px dotted var(--line2)}
.stack li .lbl{min-width:0}
.stack li .lbl b{display:flex;align-items:center;gap:11px;font-weight:700;font-size:17px;line-height:1.3}
.stack li .lbl b em{flex:none;width:28px;height:28px;border-radius:50%;background:var(--crak);color:#fff;
  font-style:normal;font-family:"Karla";font-weight:800;font-size:15px;display:grid;place-items:center}
.stack li .lbl i{display:block;font-style:normal;font-size:14.5px;color:var(--ink3);
  line-height:1.45;margin-top:3px;padding-left:39px}
.stack li.plain .lbl b{padding-left:39px}
.stack li:nth-child(n+3) .lbl b em{background:var(--gold);color:#241B06}
.stack li .amt{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:23px;line-height:1.35;
  color:var(--ink2);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.stack li .amt.inc{font-family:"Karla",sans-serif;font-weight:800;font-size:15px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--bam)}
.stack li.total{border-bottom:0;border-top:2.5px solid var(--ink);margin-top:8px;padding-top:17px}
.stack li.total .lbl b{font-family:"Karla";font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:800;padding-left:0}
.stack li.total .amt{font-size:31px;color:var(--ink3);text-decoration:line-through;
  text-decoration-color:rgba(176,41,34,.85);text-decoration-thickness:3px}

.pricebox{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 6px}
.price{font-family:"Fraunces",serif;font-weight:900;font-size:clamp(62px,11vw,102px);line-height:.9;
  color:var(--crak);margin:0}
.pricelab{text-align:left;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink3);font-weight:800;line-height:1.5}
.pricenote{font-size:16.5px;color:var(--ink2);margin:14px auto 26px;max-width:520px}

/* ══ GUARANTEE ══ */
.guar{background:var(--paper);border:2px solid var(--gold);border-radius:18px;
  padding:clamp(26px,3.6vw,44px);max-width:820px;margin-inline:auto;position:relative;
  box-shadow:0 20px 44px rgba(20,18,16,.10)}
.guar:before{content:"";position:absolute;inset:8px;border:1px solid var(--gold);border-radius:11px;
  opacity:.45;pointer-events:none}
.guar .row{display:flex;gap:28px;align-items:flex-start}
.guar .seal{width:118px;flex:none}
.guar h3{margin-bottom:12px}
.guar p{font-size:17px;color:var(--ink2);margin-bottom:13px}
.sig{font-family:"Caveat",cursive;font-size:32px;color:var(--ink);margin:10px 0 0}
.signame{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);margin:0}

/* ══ STEPS — numerals, not boxes ══ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,4vw,48px);counter-reset:s}
.steps div{position:relative;padding-top:8px}
.steps div+div{border-left:1px solid var(--line2);padding-left:clamp(22px,4vw,48px)}
.steps div:before{counter-increment:s;content:"0" counter(s);display:block;
  font-family:"Fraunces",serif;font-weight:900;font-size:46px;line-height:1;
  color:var(--crak);opacity:.28;margin-bottom:10px}
.steps h4{margin:0 0 9px;font-size:21px}
.steps p{font-size:16.5px;color:var(--ink2);margin:0}

/* ══ FAQ — dividers, not boxes ══ */
.faq{border-top:1px solid var(--line2)}
.faq details{border-bottom:1px solid var(--line2)}
.faq summary{cursor:pointer;padding:22px 52px 22px 0;font-weight:700;font-size:19px;
  position:relative;list-style:none;transition:color .12s ease}
.faq summary:hover{color:var(--crak)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:6px;top:16px;font-size:30px;color:var(--crak);font-weight:300}
.faq details[open] summary:after{content:"–"}
.faq details[open] summary{padding-bottom:8px}
.faq .a{padding:0 40px 24px 0;color:var(--ink2);font-size:17.5px}
.faq .a p:last-child{margin-bottom:0}

/* ══ TESTIMONIALS — screenshot style, ready to fill ══ */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px;align-items:start}

/* Facebook group comment */
.fbc{background:#fff;border:1px solid #DDE1E7;border-radius:10px;padding:16px 18px;
  font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;box-shadow:0 2px 6px rgba(20,18,16,.07)}
.fbc .hd{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.fbc .av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:#E4E6EB}
.fbc .nm{font-weight:600;font-size:15px;color:#050505;line-height:1.2}
.fbc .mt{font-size:12.5px;color:#65676B;margin-top:2px}
.fbc .bd{background:#F0F2F5;border-radius:16px;padding:12px 14px;font-size:15px;line-height:1.42;color:#050505}
.fbc .ft{display:flex;gap:16px;font-size:13px;color:#65676B;font-weight:600;margin-top:9px;padding-left:4px}
.fbc .ft b{color:#1877F2;font-weight:600}

/* Instagram DM */
.igd{background:#fff;border:1px solid #DBDBDB;border-radius:10px;overflow:hidden;
  font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;box-shadow:0 2px 6px rgba(20,18,16,.07)}
.igd .hd{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #EFEFEF}
.igd .av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #E1306C}
.igd .nm{font-weight:600;font-size:14.5px;color:#262626}
.igd .bd{padding:16px 14px 18px;display:flex;flex-direction:column;gap:8px}
.igd .msg{align-self:flex-start;max-width:86%;background:#EFEFEF;border-radius:20px;
  padding:10px 14px;font-size:14.5px;line-height:1.45;color:#262626}
.igd .msg.me{align-self:flex-end;background:#3797F0;color:#fff}
.igd .ts{font-size:11.5px;color:#8E8E8E;text-align:center;margin-top:4px;letter-spacing:.02em}

/* ══ PS ══ */
.ps{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--crak);
  border-radius:12px;padding:clamp(24px,3vw,34px)}
.ps b.l{font-family:"Fraunces",serif;font-size:22px;font-weight:900}

/* ══ FOOTER ══ */
footer{background:var(--ink);color:#8E8778;padding:46px 0 40px;font-size:14.5px;line-height:1.7}
footer a{color:#D9CFB8}
footer .cols{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}

/* ══ MOBILE ══ */
@media (max-width:900px){
  .hero-grid,.fit,.steps,.bcards{grid-template-columns:1fr}
  .bcard .art img{max-height:150px}
  .badge{width:82px;height:82px}
}
@media (max-width:620px){
  .day{grid-template-columns:52px 1fr}
  .day .n{font-size:34px}
  .guar .row{flex-direction:column;align-items:center;text-align:center}
  .decode li{grid-template-columns:1fr;gap:6px}
  .decode li em{justify-self:start}
  .pricebox{flex-direction:column;gap:2px}
  .pricelab{text-align:center}
}

/* ── price anchor line ── */
.anchorline{font-size:16.5px;color:var(--ink3);margin:0 0 6px;text-align:center}
.anchorline b{color:var(--ink2);font-weight:700}

/* ── reader-voice objection block ── */
.guess{max-width:720px;margin:0 auto}
.guess .say{font-family:"Fraunces",Georgia,serif;font-size:clamp(20px,2.4vw,26px);line-height:1.34;
  color:var(--ink);background:var(--paper);border-left:5px solid var(--line2);
  padding:20px 24px;border-radius:0 10px 10px 0;margin:0 0 16px;text-wrap:balance}
.b-dark .guess .say{background:rgba(255,255,255,.055);border-left-color:rgba(255,255,255,.22);color:#FFFDF6}
.guess .mid{font-size:17px;color:var(--ink3);margin:0 0 16px;padding-left:6px}
.b-dark .guess .mid{color:#A49C8B}

/* ── mechanism property list ── */
.props{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,30px);margin-top:36px}
.props>div{padding-left:40px;position:relative}
.props>div:before{content:"";position:absolute;left:0;top:5px;width:24px;height:24px;border-radius:50%;
  background:rgba(28,92,65,.14);border:1.5px solid var(--bam)}
.props>div:after{content:"";position:absolute;left:8px;top:12px;width:9px;height:5px;
  border-left:2.4px solid var(--bam);border-bottom:2.4px solid var(--bam);transform:rotate(-45deg)}
.props h4{font-family:"Fraunces",Georgia,serif;font-size:clamp(18px,2vw,21px);margin-bottom:7px;line-height:1.2}
.props p{font-size:16.5px;color:var(--ink2);margin:0;line-height:1.55}
@media (max-width:760px){.props{grid-template-columns:1fr}}


/* ══ BUNDLE SHOT — inside the offer box, under the product name ══ */
.bundleshot{margin:26px calc(-1 * clamp(6px,1.6vw,22px)) 8px}
.bundleshot img{display:block;width:100%;height:auto}
.bundleshot figcaption{font-size:14.5px;line-height:1.5;color:var(--ink3);margin-top:10px;
  text-align:center;padding-left:0;border-left:0;max-width:56ch;margin-inline:auto}

/* ══ HAND-DRAWN ARROW ABOVE THE BUTTON ══ */
.ctaarrow{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:20px 0 2px;color:var(--crak)}
.ctaarrow .handwr{text-align:right;font-size:21px;padding-bottom:16px}
.ctaarrow svg{flex:none;width:52px;height:64px}
@media(max-width:620px){.ctaarrow .handwr{font-size:18px}.ctaarrow svg{width:42px;height:52px}}

/* ══ GUARANTEE + CARD STRIP UNDER THE BUTTON ══ */
.paystrip{margin:20px auto 0;padding-top:18px;border-top:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;gap:13px}
.paystrip .gb{display:flex;align-items:center;gap:11px;color:var(--gold-d)}
.paystrip .gb svg{flex:none;width:44px;height:44px}
.paystrip .gb b{font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink2);line-height:1.25;text-align:left}
.paystrip .gb b s{display:block;text-decoration:none;font-size:11.5px;letter-spacing:.17em;
  color:var(--gold-d);font-weight:800;margin-top:2px}
.paystrip .cards{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.paystrip .cards span{font-size:11.5px;font-weight:800;letter-spacing:.05em;color:var(--ink3);
  background:#fff;border:1px solid var(--line2);border-radius:5px;padding:6px 10px;line-height:1}
.paystrip .secure{margin:0;font-size:13px;color:var(--ink3);letter-spacing:.02em}


/* ══ BEFORE / AFTER — hard borders, drawn arrow, no white card ══ */
.ba{max-width:780px;margin:0 auto;position:relative}
.ba .lab{display:inline-block;font-family:"Caveat",cursive;font-size:27px;line-height:1;
  color:var(--ink);border-bottom:3px solid var(--ink);padding:0 4px 4px;margin-bottom:13px}
.ba .p{border:3px solid var(--ink);background:var(--paper);padding:22px 24px;
  box-shadow:9px 10px 0 rgba(20,18,16,.11)}
.ba .one{width:min(480px,100%)}
.ba .two{width:min(490px,100%);margin-left:auto}
.ba .arr{display:block;width:68px;height:82px;margin:16px auto 12px;color:var(--ink);transform:rotate(3deg)}
.ba .line{font-family:"IBM Plex Mono",monospace;font-size:clamp(18px,3.3vw,26px);letter-spacing:.06em;
  margin:0;font-weight:500;white-space:nowrap;overflow-x:auto}
.ba .note{font-family:"Caveat",cursive;font-size:25px;color:var(--crak);margin:12px 0 0;line-height:1}
.ba ul{list-style:none;padding:0;margin:0}
.ba li{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:baseline;
  padding:9px 0;border-bottom:1px dashed var(--line2)}
.ba li:last-child{border-bottom:0;padding-bottom:0}
.ba li em{font-family:"IBM Plex Mono",monospace;font-style:normal;font-weight:600;font-size:17px;
  color:var(--crak);letter-spacing:.04em}
.ba li span{font-size:16.5px;color:var(--ink2);line-height:1.45}
.ba .bacap{text-align:center;margin:26px 0 0;font-family:"Fraunces",Georgia,serif;
  font-size:clamp(19px,2.4vw,24px);font-weight:700;color:var(--ink)}
@media(max-width:640px){.ba .one,.ba .two{width:100%}.ba li{grid-template-columns:62px 1fr;gap:11px}}


/* ══ THE OLD-WAY TRAP — a loop you can see (brief §7) ══ */
.trap{margin:32px auto 6px;max-width:700px;display:grid;gap:10px}
.trap .step{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:center;
  background:var(--ink);color:#EFE8D8;border-radius:11px;padding:14px 18px}
.trap .step em{font-style:normal;font-family:"Fraunces",serif;font-weight:900;font-size:19px;
  color:var(--gold);text-align:center}
.trap .step b{font-size:16.5px;font-weight:700;color:#FFFDF6;line-height:1.35}
.trap .step i{display:block;font-style:normal;font-size:14.5px;color:#A49C8B;margin-top:2px;line-height:1.4}
.trap .down{justify-self:center;color:var(--crak);height:20px}
.trap .loop{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;
  font-family:"Caveat",cursive;font-size:24px;color:var(--crak)}
.trap .loop svg{flex:none}

/* ══ ALL NINE RULES — the mechanism as a real diagram (brief §8) ══ */
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.rules article{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);
  border-radius:14px;padding:20px 20px 22px;display:flex;flex-direction:column}
.rules .n{font-family:"Fraunces",serif;font-weight:900;font-size:15px;color:var(--gold);
  letter-spacing:.06em;margin-bottom:11px}
.rules .spec{font-family:"IBM Plex Mono",monospace;font-size:19px;letter-spacing:.06em;
  background:rgba(0,0,0,.34);border-radius:8px;padding:13px 12px;text-align:center;
  color:#F2EAD6;margin-bottom:14px;white-space:nowrap;overflow-x:auto}
.rules .spec .c{color:#E9736A}.rules .spec .b{color:#63BD92}.rules .spec .s{color:#7FB2E0}
.rules .spec .g{color:#E9B84B}.rules .spec .w{color:#FFFDF6}.rules .spec .m{color:#A49C8B;font-size:15px}
.rules h4{font-family:"Karla",sans-serif;font-weight:800;font-size:16.5px;line-height:1.35;
  color:#FFFDF6;margin-bottom:9px;letter-spacing:0}
.rules p{font-size:14.5px;line-height:1.5;color:#B6AE9C;margin:0}
.rules p b{color:#EFE8D8;font-weight:700}
.ruleschk{margin:30px auto 0;max-width:640px;text-align:center;font-size:16px;color:#A49C8B}
@media(max-width:940px){.rules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.rules{grid-template-columns:1fr}}

/* ══ DEMO PAYOFF (brief §9) ══ */
.payoff{margin:34px auto 0;max-width:640px;text-align:center;padding:26px 20px;
  border-top:3px solid var(--crak);border-bottom:3px solid var(--crak)}
.payoff .k{font-family:"Caveat",cursive;font-size:24px;color:var(--crak);margin:0 0 6px}
.payoff .big{font-family:"Fraunces",Georgia,serif;font-weight:900;font-size:clamp(27px,4.2vw,40px);
  line-height:1.05;letter-spacing:-.025em;color:var(--ink);margin:0}
.payoff .s{font-size:16.5px;color:var(--ink3);margin:12px 0 0}

/* ══ SECONDARY HEADINGS — reserve the big type (brief §23) ══ */
h2.sm{font-size:clamp(26px,3.5vw,38px)}

/* ══ COMPARISON → STACKED CARDS ON MOBILE (brief §27) ══ */
@media(max-width:700px){
  .tscroll{overflow-x:visible}
  .cmp{min-width:0}
  .cmp,.cmp tbody,.cmp tr,.cmp td,.cmp th{display:block;width:100%}
  .cmp thead{display:none}
  .cmp{background:none;border:0;box-shadow:none}
  .cmp tbody tr{background:var(--paper);border:1px solid var(--line);border-radius:12px;
    margin-bottom:14px;overflow:hidden}
  .cmp th[scope=row]{background:var(--bone2);font-weight:800;font-size:15.5px;padding:12px 16px;
    border-bottom:1px solid var(--line)}
  .cmp td{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
    padding:10px 16px;border-bottom:1px solid var(--line);font-size:15.5px;text-align:right}
  .cmp td:before{content:attr(data-l);font-weight:700;color:var(--ink3);font-size:14px;
    text-align:left;flex:none}
  .cmp tbody tr td:last-child{border-bottom:0}
}

/* dark-band readability for the product reveal (brief §12) */
.b-dark .dots li{color:#C9C1B0}
.b-dark .dots li b{color:#FFFDF6}
.b-dark .dots li i{color:#A49C8B}

/* the value badge was landing on the bonus header bar */
.bcard .val{position:absolute;top:56px;right:16px;z-index:3;display:flex;flex-direction:column;
  align-items:flex-end;gap:1px;background:var(--paper);border:1.5px solid var(--line2);
  border-radius:10px;padding:7px 11px;box-shadow:0 4px 12px rgba(20,18,16,.10)}
.bcard .val s{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:18px;color:var(--ink3);
  text-decoration-thickness:2px;line-height:1}
.bcard .val b{font-family:"Karla",sans-serif;font-weight:800;font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--bam);line-height:1}
.bcard .pills{justify-content:center}

/* initials avatar — so a real quote ships without needing a photo */
.av.ini{display:grid;place-items:center;font-family:"Karla",sans-serif;font-weight:800;
  letter-spacing:.02em;color:#fff;background:linear-gradient(150deg,#8FA3AE,#6B7C87)}
.fbc .av.ini{font-size:15px}
.igd .av.ini{font-size:13px}


/* ══ PAYMENT MARKS — real card art, not text chips ══ */
.paycards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px}
.pc{height:27px;min-width:44px;border-radius:4px;background:#fff;border:1px solid #D8D2C4;
  display:inline-flex;align-items:center;justify-content:center;padding:0 7px;
  font-family:"Karla",Arial,sans-serif;line-height:1;box-shadow:0 1px 2px rgba(20,18,16,.07)}
.pc.visa{color:#1A1F71;font-weight:800;font-size:14px;font-style:italic;letter-spacing:.03em}
.pc.mc{gap:0;padding:0 9px}
.pc.mc i{width:15px;height:15px;border-radius:50%;display:block}
.pc.mc i:first-child{background:#EB001B}
.pc.mc i:last-child{background:#F79E1B;margin-left:-6px;mix-blend-mode:multiply}
.pc.pp{font-weight:800;font-size:13px;font-style:italic;color:#003087}
.pc.pp b{color:#009CDE;font-weight:800}
.pc.amex{background:#006FCF;border-color:#006FCF;color:#fff;font-weight:800;font-size:10.5px;
  letter-spacing:.04em;text-align:center;line-height:1.05}
.pc.disc{font-weight:800;font-size:10px;letter-spacing:.02em;color:#1A1A1A;gap:4px}
.pc.disc s{text-decoration:none;width:13px;height:13px;border-radius:50%;
  background:radial-gradient(circle at 32% 32%,#FF9F3A,#E96C0B)}

/* ══ TRUST ROW — guarantee seal + cards, under every CTA ══ */
.trustrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;margin:18px 0 0}
.trustrow .seal2{display:flex;align-items:center;gap:10px}
.trustrow .seal2 svg{flex:none;width:42px;height:42px;color:var(--gold-d)}
.trustrow .seal2 b{font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink2);line-height:1.25;text-align:left}
.trustrow .seal2 b s{display:block;text-decoration:none;font-size:11px;letter-spacing:.16em;
  color:var(--gold-d);margin-top:2px}
.b-dark .trustrow .seal2 b{color:#EFE8D8}
.b-dark .trustrow .seal2 b s{color:var(--gold)}
.b-dark .trustrow .seal2 svg{color:var(--gold)}
@media(max-width:560px){.trustrow{gap:12px}.trustrow .seal2 b{font-size:12.5px}}

/* ══ RATING BAR — renders only when real numbers exist ══ */
.ratingbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 16px;flex-wrap:wrap}
.ratingbar .stars{display:flex;gap:2px;color:var(--gold)}
.ratingbar .stars svg{width:19px;height:19px}
.ratingbar .score{font-weight:800;font-size:15.5px;color:var(--ink2);letter-spacing:.01em}
.ratingbar .who{font-size:15.5px;color:var(--ink3);border-bottom:1.5px solid var(--line2)}
.b-dark .ratingbar .score{color:#FFFDF6}.b-dark .ratingbar .who{color:#A49C8B}
.hero .ratingbar{justify-content:flex-start}
@media(max-width:860px){.hero .ratingbar{justify-content:center}}

/* ══ PROOF SLOT — one-line objection quote beside a claim ══ */
.proofline{max-width:660px;margin:20px auto 0;text-align:center}
.proofline .stars{display:flex;justify-content:center;gap:2px;color:var(--gold);margin-bottom:8px}
.proofline .stars svg{width:17px;height:17px}
.proofline q{display:block;font-size:17.5px;line-height:1.5;color:var(--ink2);font-style:italic;quotes:none}
.proofline q u{text-decoration:underline;text-decoration-thickness:2px;
  text-underline-offset:3px;color:var(--ink);font-style:normal;font-weight:700}
.proofline cite{display:block;margin-top:8px;font-style:normal;font-size:14.5px;color:var(--ink3);
  letter-spacing:.02em}
.b-dark .proofline q{color:#CFC7B4}.b-dark .proofline q u{color:#FFFDF6}
.b-dark .proofline cite{color:#A49C8B}


/* Distributed, message-style reader notes. Visuals are product demonstrations. */
[data-proof][hidden]{display:none!important}
.proof-insert{padding:0 20px 36px;background:var(--bone)}
.proof-note{max-width:560px;margin:28px auto 0;text-align:left}
.proof-insert .proof-note{margin-top:0}
.proof-message{color:#262626;font-family:"Karla",sans-serif;font-style:normal;line-height:1.5}
.proof-person{display:flex;align-items:center;gap:10px;margin:0 0 10px 8px}
.proof-avatar{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:#e4e9df;color:#345340;font-size:16px;font-weight:700}
.proof-person b{display:block;font-size:15px;line-height:1.25;color:var(--ink2)}
.proof-person small{display:block;font-size:12px;line-height:1.4;color:var(--ink3)}
.proof-bubble{margin:0;padding:19px 23px;border-radius:8px 23px 23px 23px;background:#eeefed;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.proof-bubble p{margin:0;font-size:18px;line-height:1.55;color:#262626}
.proof-bubble strong{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#3a5949}
.proof-receipt{margin:0 0 18px;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:16px}
.proof-receipt figcaption,.proof-photo figcaption{max-width:none;border:0;padding:0;margin:0 0 16px;font:500 12px/1.4 "Karla",sans-serif;letter-spacing:.04em;color:#756e5d}
.proof-equation{display:flex;align-items:center;gap:17px;margin:0 0 14px;font-size:18px;line-height:1.3}
.proof-equation span:first-child{font:700 36px/1 "Fraunces",Georgia,serif;color:var(--bam);letter-spacing:4px}
.proof-equation span:last-child{max-width:180px;font-weight:700}
.proof-receipt .proof-explanation{margin:0;font-size:14px;line-height:1.5;color:#756e5d}
.proof-page{border-left:4px solid var(--bam)}
.proof-page .proof-page-title{font:700 25px/1.2 "Fraunces",Georgia,serif;margin:0 0 12px}
.proof-page>p:not([class]){font-size:18px;margin-bottom:14px}
.proof-photo{margin:0 0 16px}
.proof-photo img{width:100%;height:280px;object-fit:cover;object-position:50% 64%;border-radius:18px}
.proof-photo figcaption{margin:7px 4px 0;font-size:11px}
.b-dark .proof-person b{color:#fffdf6}.b-dark .proof-person small{color:#c9c1b0}
.b-dark .proof-bubble{background:#f0f0ed}
@media(max-width:560px){.proof-note{margin-top:23px}.proof-bubble{padding:16px 18px}.proof-bubble p{font-size:17px}.proof-receipt{padding:18px}.proof-photo img{height:240px}.proof-insert{padding-bottom:26px}}

/* Standalone testimonials: framed cards, distinct from the message bubbles. */
.proof-card{padding:26px 28px;background:var(--paper);border:1px solid #b8c8bb;border-radius:18px;box-shadow:6px 7px 0 #1c5c41;margin-bottom:12px}
.proof-card .proof-person{margin:0 0 18px;gap:12px}
.proof-card .proof-avatar{width:46px;height:46px;flex-basis:46px;font:700 24px/1 "Fraunces",Georgia,serif;background:#e1eadd;color:var(--bam);border:1px solid #b8c8bb}
.proof-card .proof-person b{font-size:20px;color:#141210}
.proof-card .proof-person small{font-size:14px;color:#756e5d}
.proof-card-stars{display:flex;gap:4px;margin:0 0 15px;color:var(--bam)}
.proof-card-stars svg{width:20px;height:20px}
.proof-card .proof-bubble{padding:0;background:transparent;box-shadow:none;border-radius:0}
.proof-card .proof-bubble p{font-size:20px;line-height:1.55;color:#262626}
.proof-card .proof-bubble strong{background:#f5df86;color:#141210;text-decoration:none;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.proof-card .proof-receipt{margin:22px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.b-dark .proof-card{box-shadow:6px 7px 0 #d9a227;border-color:#d5cba9}
@media(max-width:560px){.proof-card{padding:21px 20px;margin-right:6px;box-shadow:5px 6px 0 #1c5c41}.proof-card .proof-bubble p{font-size:18px}.proof-card .proof-person b{font-size:19px}.proof-card .proof-avatar{width:42px;height:42px;flex-basis:42px}.b-dark .proof-card{box-shadow:5px 6px 0 #d9a227}}

/* Three decision-stage proof pieces immediately before the offer. */
.proof-image-message{width:100%;max-width:560px;margin-inline:auto}
.proof-dm-image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;border-radius:12px;background:white}
.proof-image-caption{margin:8px 0 0;text-align:center;font-size:12px;color:var(--ink3);line-height:1.4}
.proof-offer{padding:42px 0 48px;background:#e7ede3;border-top:1px solid #c4d1bf;border-bottom:1px solid #c4d1bf}
.proof-offer-heading{max-width:720px;margin:0 auto 30px;text-align:center}
.proof-offer-heading .eyebrow{color:var(--bam)}
.proof-offer-heading h2{font-size:clamp(28px,3.2vw,39px)}
.proof-offer-heading p{margin:15px 0 0;font-size:18px;line-height:1.5;color:var(--ink2)}
.proof-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.proof-offer-item{min-width:0;padding:22px 18px;background:var(--paper);border:1px solid #c4d1bf;border-radius:16px;box-shadow:0 4px 0 #c4d1bf}
.proof-offer-item>h3{font:700 17px/1.35 "Karla",sans-serif;color:var(--bam);margin:0 0 18px}
.proof-offer-item .proof-note{margin:0;max-width:none}
.proof-offer-item .proof-bubble{padding:15px 16px}
.proof-offer-item .proof-bubble p{font-size:17px}
.proof-offer-item .proof-receipt{padding:16px}
.proof-offer-item .proof-photo img{height:205px}
@media(max-width:900px){.proof-offer-grid{grid-template-columns:1fr;max-width:560px;margin:auto;gap:22px}.proof-offer{padding:30px 0 36px}.proof-offer-heading{margin-bottom:24px}.proof-offer-item .proof-photo img{height:240px}}

/* ══ PREVIEW GHOSTS — same component, instruction instead of a quote ══ */
.gh{position:relative;outline:2px dashed var(--line2);outline-offset:6px;border-radius:6px}
.gh:before{content:attr(data-tag);position:absolute;top:-11px;left:10px;z-index:3;
  background:var(--crak);color:#FFF3E2;font-size:9.5px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;padding:3px 9px;border-radius:99px;white-space:nowrap}
.gh .need{display:block;font-family:"Karla",sans-serif;font-style:normal;font-size:15px;
  line-height:1.5;color:var(--ink3)}
.gh .need b{display:block;color:var(--crak);font-weight:800;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:5px}
.b-dark .gh{outline-color:rgba(255,255,255,.28)}
.b-dark .gh .need{color:#A49C8B}
.b-dark .gh .need b{color:var(--gold)}
.ratingbar.gh{padding:10px 14px}
.gh .stars{opacity:.38}

/* Carol's portraits sit small inside the text column, not full width */
.pshot{max-width:300px;margin-inline:auto}
.pshot img{border-radius:10px}
.pshot figcaption{font-size:14px;line-height:1.45;text-align:center;padding-left:0;border-left:0;
  margin-top:10px;color:var(--ink3);max-width:none}
@media(max-width:560px){.pshot{max-width:240px}}

/* ══ FLAG BAR — the strip above the fold ══ */
.flagbar{background:#303030;color:#EFE8D8;text-align:center;padding:10px 16px}
.flagbar .cat{font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.ratingbar[data-proof]{display:grid;grid-template-columns:max-content max-content;gap:2px 6px;justify-content:center;line-height:1.2;padding:0;outline:none;border-radius:0}
.ratingbar[data-proof]:before{display:none}
.ratingbar[data-proof] .stars{opacity:1}
.ratingbar[data-proof] .who{grid-column:1 / -1;border-bottom:0;text-align:center}
.flagbar .ratingbar{margin:0 0 6px;gap:2px 6px}
.flagbar .ratingbar .stars svg{width:21px;height:21px}
.flagbar .ratingbar .score{color:#FFFDF6;font-size:17px;font-style:italic;font-weight:700;letter-spacing:0}
.flagbar .ratingbar .who{display:block;flex-basis:100%;color:#FFFDF6;font-size:16px;font-style:italic;
  border-bottom:0;letter-spacing:0;margin-top:1px}
.flagbar .ratingbar.gh{outline-color:rgba(255,255,255,.3)}
.flagbar .ratingbar.gh .need{color:#A49C8B}
.flagbar .ratingbar.gh .need b{color:var(--gold)}
@media(max-width:560px){.flagbar .ratingbar .score{font-size:15px}.flagbar .ratingbar .who{font-size:14px}}


/* ══ "IF YOU'VE EVER THOUGHT" — the reader's own voice, handwritten ══ */
.feltlike{margin:30px 0 28px}
.feltlike .intro{font-size:17.5px;color:var(--ink2);margin:0 0 20px}
.feltlike ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:17px}
.feltlike li{font-family:"Caveat",cursive;font-size:clamp(22px,2.7vw,27px);line-height:1.22;
  color:var(--ink);position:relative;padding-left:27px;max-width:34ch}
.feltlike li:before{content:"\201C";position:absolute;left:0;top:-2px;
  font-family:"Fraunces",Georgia,serif;font-size:36px;line-height:1;color:var(--crak);opacity:.5}
.feltlike li:nth-child(even){margin-left:clamp(18px,5vw,64px)}
.feltlike li:nth-child(1){transform:rotate(-.5deg)}
.feltlike li:nth-child(3){transform:rotate(.4deg)}
.feltlike li:nth-child(5){transform:rotate(-.4deg)}
.feltlike .after{font-size:17.5px;color:var(--ink2);margin:24px 0 0}
.b-dark .feltlike li{color:#FFFDF6}
.b-dark .feltlike .intro,.b-dark .feltlike .after{color:#C9C1B0}

/* a sourced quote from outside — not a customer testimonial */
.outside{margin:30px auto;max-width:640px;padding:22px 0 0;border-top:2px solid var(--line2)}
.outside blockquote{margin:0;font-family:"Fraunces",Georgia,serif;font-weight:600;
  font-size:clamp(19px,2.4vw,24px);line-height:1.38;color:var(--ink);font-style:italic}
.outside cite{display:block;margin-top:13px;font-style:normal;font-size:14.5px;color:var(--ink3)}
.outside cite a{color:var(--ink3);text-underline-offset:3px}