/* Owner's rule: the upsell pages never show how many steps or upsells there are. They start with the red bar. */
.op-progress,.op-steps{display:none !important}
/* Owner's rule: normal capitalization on the upsell pages. The engine styles these lines in capitals. */
.op .op-kicker,.op .op-eyebrow,.op .op-exit-kicker{text-transform:none !important;letter-spacing:normal !important}
/* The questions area on the upsell pages holds "A note from Richelle", so the engine's "Questions, answered" heading is hidden. */
.op .op-sec:has(> .op-faq) > h2{display:none !important}
/* Owner's rule: on Quiz to Welcome the sneak-peek video sits where it did on her original page,
   after the body copy and before the bundle list, with its line above it. The engine puts a video
   at the top, so the page order is rearranged here. Only pages that have a video are touched. */
.op .op-page:has(.op-video){display:flex;flex-direction:column}
.op .op-page:has(.op-video) > *{width:100%;margin-left:auto;margin-right:auto}
.op .op-page:has(.op-video) > .op-hero{display:contents}
.op .op-page:has(.op-video) > .op-hero > *{width:100%;max-width:700px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;text-align:center}
.op .op-page:has(.op-video) > .op-hero > .op-kicker{padding-top:32px}
.op .op-page:has(.op-video) > .op-hero > .op-caption{order:1;margin-top:34px;font-size:1.35em;font-weight:700;color:inherit}
.op .op-page:has(.op-video) > .op-hero > .op-video{order:2;margin-top:14px}
.op .op-page:has(.op-video) > .op-sec:not(.op-bridge),.op .op-page:has(.op-video) > .op-exit{order:3}
.op .op-onetime{text-transform:none !important;letter-spacing:normal !important}
/* The 15 minute offer timer on the upsell pages (public/offer-timer.js). */
.offer-timer{max-width:520px;margin:22px auto 6px;padding:16px 16px 14px;border:2px solid #7a1a1a;border-radius:10px;background:#fff7f5;text-align:center}
.offer-timer-line{margin:0 0 10px;font-weight:700;font-size:1.05em;line-height:1.35;color:#5c1212}
.offer-timer-clock{display:flex;justify-content:center;gap:12px}
.offer-timer-unit{display:flex;flex-direction:column;align-items:center;min-width:86px;padding:8px 10px;background:#7a1a1a;color:#fff;border-radius:8px}
.offer-timer-unit b{font-size:2em;line-height:1.1;font-variant-numeric:tabular-nums}
.offer-timer-unit i{font-style:normal;font-size:.72em;opacity:.9}
.op .op-page:has(.op-video) > .op-hero > .offer-timer{max-width:520px;padding:16px 16px 14px}
.offer-timer-was{opacity:.75;margin-right:.15em}
/* The Asset Architects mark beside the business name at the top of the engine pages. */
.wordmark::before{content:"";display:inline-block;width:30px;height:30px;margin-right:9px;vertical-align:middle;background:url(/img/asset-architects-logo.png) center/contain no-repeat}

/* Owner rule: no guarantee reminder after purchase. Hides it on the thank-you page only (the page with the access block). */
body:has(#access) p.warn{display:none}

/* The thank-you page (owner-approved layout, 2026-10-14). thank-you-question.js adds body.ty
   and the cards. Same cream and black as the upsell pages. */
body.ty{background:#FBF9F2;color:#17160F}
body.ty > header.site-head{display:none}
body.ty main{max-width:600px;margin:0 auto;padding:40px 20px 24px}
body.ty main > p.warn + p{display:none}
.ty #access h1{font-family:"Bricolage Grotesque","Arial Black","Helvetica Neue",Arial,sans-serif;font-size:34px;line-height:1.15;margin:0 0 10px;color:#111111}
.ty #access .lede{font-size:18px;color:#36342C;margin:0 0 26px}
.ty #access > p:not(.lede):not(.ty-paid){display:none}
.ty .ty-paid{font-size:14px;color:#66635A;margin:0 0 14px}
.ty .ty-paid::before{content:"\2713";display:inline-block;margin-right:8px;font-weight:700;color:#111111}
.ty .ty-card{border-radius:14px;margin:0 0 12px}
.ty .ty-card p{margin:0}
.ty .ty-main{background:#111111;color:#FFFFFF;padding:22px 22px 20px}
.ty .ty-main .ty-kicker{font-size:13px;color:#BDBDBD;margin-bottom:4px}
.ty .ty-main .ty-name{font-size:22px;font-weight:700;color:#FFFFFF;margin-bottom:4px}
.ty .ty-main .ty-what{font-size:15px;color:#D9D9D9;margin-bottom:16px}
.ty .ty-main a.btn{background:#FFFFFF;color:#111111;border:0}
.ty .ty-item:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:14px;background:#FFFFFF;border:1px solid #E9E6DA;padding:16px 20px}
.ty .ty-item .ty-name{font-size:17px;font-weight:700;color:#111111}
.ty .ty-item a.btn{background:transparent;color:#111111;border:1px solid #111111;width:auto;min-height:0;height:auto;margin:0;padding:9px 18px;font-size:15px;line-height:1.2;white-space:nowrap;flex:none}
.ty .ty-next{margin:34px 0 0}
.ty .ty-h2,.ty .tyq-title{font-size:18px;font-weight:700;color:#111111;margin:0 0 12px}
.ty .ty-step{display:flex;gap:12px;align-items:baseline;margin:0 0 10px;color:#36342C}
.ty .ty-ico{flex:none;width:7px;height:7px;border-radius:50%;background:#111111;transform:translateY(-2px)}
.tyq{margin:34px 0 8px;padding:24px 0 0;border-top:1px solid #E9E6DA}
.tyq .tyq-title{margin:0 0 4px}
.tyq .tyq-ask{margin:0 0 14px;color:#66635A}
.tyq .tyq-open{padding:11px 18px;border:1px solid #111111;border-radius:8px;background:transparent;color:#111111;font:inherit;font-weight:700;cursor:pointer}
.tyq .tyq-form{display:block;width:100%;height:460px;border:1px solid #E9E6DA;border-radius:8px;background:#fff}
@media (max-width:520px){.ty #access h1{font-size:28px}.ty .ty-item:not([hidden]){padding:14px 16px}}

/* Owner, 2026-10-14: one black palette on every page, no box around the offer timers,
   and no wordmark above the upsell pages. */
body:has(main.op) > header.site-head{display:none}
.op .op-warn{background:#111111;color:#FFFFFF}
.op .op-warn strong{color:#FFFFFF}
.offer-timer{border:0;background:transparent;padding:0}
.op .op-page:has(.op-video) > .op-hero > .offer-timer{padding:0}
.offer-timer-line{color:#111111}
.offer-timer-unit{background:#111111}