/* The offer-page standard (offer lock, 2026-10-26). One offer per page, in this order:
   emotion (the mirror, the recognition video, "do you see your person"), logic (the honest value
   stack struck to the price, the proof wall, the guarantee, speed, the FAQ), fear (why now), the close.
   Loaded after hld.css and clarity.css on every offer page. Uses the brand variables from hld.css. */

/* Trade chips: "do you see your person in it?" */
.trades{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:24px}
.trades span{font-family:var(--Jak);font-size:14px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px}
.sec-blue .trades span,.sec-ink .trades span{background:rgba(255,255,255,.08);color:#F3ECDC;border-color:rgba(255,255,255,.22)}

/* The honest value stack: only what is delivered, real retail on the physical items. */
.vstack{margin-top:26px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.vstack .vi{display:flex;gap:14px;align-items:flex-start;padding:17px 18px;border-bottom:1px solid var(--line)}
.vstack .vi:last-child{border-bottom:0}
.vstack .vn{flex:0 0 auto;width:32px;height:32px;border-radius:8px;background:var(--cream);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--Instr);font-size:20px;color:var(--copperd)}
.vstack .vt{flex:1 1 auto;min-width:0}
.vstack h3{font-family:var(--Jak);font-size:16.5px;font-weight:800;line-height:1.3}
.vstack p{font-size:14.5px;color:var(--slate);margin-top:3px;line-height:1.5}
.vstack .vp{flex:0 0 auto;font-family:var(--Mono);font-size:13px;color:var(--slate);white-space:nowrap;padding-top:3px}
.vtotal{margin-top:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.vtotal .r{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px}
.vtotal .k{font-family:var(--Jak);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.vtotal .was{font-family:var(--Instr);font-size:28px;color:var(--slate);text-decoration:line-through;white-space:nowrap}
.vtotal .now{background:var(--cream);border-top:1px solid var(--line)}
.vtotal .now .k{color:var(--ink)}
.vtotal .now .v{font-family:var(--Instr);font-size:42px;line-height:1;color:var(--ink);white-space:nowrap}
.vnote{text-align:center;font-size:13.5px;color:var(--slate);margin-top:12px;line-height:1.5}

/* The rating block at the top of the proof wall. */
.rating{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px}
.rating .big{font-family:var(--Instr);font-size:56px;line-height:1}
.rating .stars{font-size:20px}
.rating .sub{font-size:14px;color:var(--slate)}

/* Speed: printables tonight, books this week. */
.speed{max-width:560px;margin:22px auto 0}
.speed .row{display:flex;gap:14px;align-items:center;font-size:17px;margin-top:12px;text-align:left}
.speed .row .k{flex:0 0 96px;font-family:var(--Jak);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--copperd);border:1px solid var(--line);border-radius:7px;padding:6px 9px;background:#fff;text-align:center}
.sec-blue .speed .row .k,.sec-ink .speed .row .k{background:transparent;color:#E7C9A0;border-color:rgba(255,255,255,.25)}

/* Why now: honest loss, never a fake timer. */
.whynow h2{max-width:640px;margin-left:auto;margin-right:auto}
.whynow .lead{max-width:600px;margin-left:auto;margin-right:auto}

/* The owner toggle ("Add the Countdown to Christmas"): one product, two prices. */
.otoggle{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:13px 14px;border:1.5px dashed var(--copper);border-radius:12px;background:#FBEEE4;font-size:14.5px;line-height:1.45;cursor:pointer;text-align:left}
.otoggle input{margin-top:3px;width:19px;height:19px;flex:0 0 19px;accent-color:var(--copper)}

@media(max-width:560px){.vstack .vi{padding:15px 14px;gap:12px}.vstack .vp{font-size:12px}.vtotal .now .v{font-size:38px}.speed .row{font-size:16px}}