/* Survival After Separation: the two alternative home layouts (new/alt/trust/ and new/alt/clean/).
   Loaded only by those pages. Brand tokens come from sas.css (plum, orange, cream, lavender).
   tr-*  = trust homepage (info-product-trust-homepage skill)   cv-* = clean VSL page (clean-vsl-product-sales-page skill) */

/* ======================= TRUST HOMEPAGE ======================= */
body.alt-trust { background: #fff; color: #33283a; font-family: 'Noto Serif', Georgia, serif; }
.alt-trust h1, .alt-trust h2, .alt-trust h3 { font-family: var(--head); color: var(--plum); }
.tr-wrap { max-width: 1060px; margin: 0 auto; padding: 0 22px; }
.tr-ic { width: 26px; height: 26px; flex: none; }

/* brand bar + product nav */
.tr-brand { background: var(--plum); color: #fff; }
.tr-brand-in { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 16px; padding-bottom: 14px; }
.tr-logo { display: block; text-decoration: none; }
.tr-logo img { display: block; width: 280px; }
.tr-logo span { display: block; margin-top: 7px; font: 500 16px/1.2 var(--head); letter-spacing: .02em; color: #d9c7e3; }
.tr-util { display: flex; gap: 2px; font: 600 16px/1 var(--head); }
.tr-util a { color: #e9dcef; text-decoration: none; padding: 12px 12px; border-radius: 8px; }
.tr-util a + a { border-left: 1px solid rgba(255, 255, 255, .18); border-radius: 0; }
.tr-util a:hover { color: #fff; text-decoration: underline; }
.tr-nav { background: var(--plum-d); border-top: 1px solid rgba(255, 255, 255, .08); position: sticky; top: 0; z-index: 40; }
.tr-nav-in { display: flex; align-items: center; flex-wrap: wrap; }
.tr-nav a { color: #f1e6f6; text-decoration: none; font: 600 16px/1 var(--head); padding: 15px 16px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); }
.tr-nav a + a { border-left: 1px solid rgba(255, 255, 255, .12); }
.tr-nav a:hover { background: rgba(255, 255, 255, .07); color: #fff; }
.tr-nav .tr-nav-buy { margin-left: auto; color: #fff; background: var(--orange); border-left: 0; }
.tr-nav .tr-nav-buy:hover { background: var(--orange-h); }

/* hero */
.tr-hero { background: var(--lav); padding: 46px 0 50px; border-bottom: 1px solid #e2d6ea; }
.tr-hero h1 { margin: 0 auto 12px; max-width: 900px; text-align: center; font-size: clamp(30px, 3.6vw, 40px); font-weight: 800; line-height: 1.18; }
.tr-sub { margin: 0 auto 34px; max-width: 760px; text-align: center; font: 500 20px/1.5 var(--head); color: #5a4866; }
.tr-hero-cols { display: grid; grid-template-columns: 40fr 60fr; gap: 36px; align-items: start; }
.tr-ticket { margin: 0 0 10px; font: 700 19px/1.3 var(--head); color: var(--plum); }
.tr-verbs { list-style: none; margin: 0 0 22px; padding: 0; }
.tr-verbs li { display: flex; gap: 11px; align-items: flex-start; margin: 0 0 12px; line-height: 1.5; }
.tr-verbs .sas-ic { color: var(--orange); width: 22px; height: 22px; margin-top: 3px; }
.tr-verbs b { font-family: var(--head); font-weight: 800; color: var(--plum); letter-spacing: .02em; }
.tr-box { background: #fff; border: 1px solid #ddcfe6; border-radius: 14px; padding: 18px 18px 14px; text-align: center; box-shadow: 0 8px 24px rgba(46, 31, 58, .08); }
.tr-box > p:first-child { margin: 0 0 12px; font: 700 18px/1.35 var(--head); color: var(--plum); }

/* the two-line button (skill's .trial, in brand orange) */
.tr-btn { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-height: 64px; width: 100%; max-width: 330px; padding: 11px 20px; border-radius: 15px; text-decoration: none; color: #fff;
  background: linear-gradient(#f59152, #ef803b 50%, #e8722c 50%, #d9601c); border: 1px solid rgba(0, 0, 0, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 8px 18px rgba(217, 96, 28, .28); transition: transform .15s, box-shadow .15s; }
.tr-btn b { font: 800 21px/1.15 var(--head); letter-spacing: .01em; }
.tr-btn small { font: 600 16px/1.3 var(--head); text-transform: uppercase; letter-spacing: .08em; color: #fff4eb; }
.tr-btn:hover { color: #fff; transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 12px 24px rgba(217, 96, 28, .38); }
.tr-beside { margin: 10px 0 0; font: 16px/1.5 var(--body); color: #5a4866; }
.tr-beside b { font-family: var(--head); font-weight: 800; color: var(--plum); font-size: 18px; }
.tr-beside .sas-ic { width: 16px; height: 16px; color: var(--orange); vertical-align: -2px; margin-right: 5px; }

/* video */
.tr-video { border-radius: 14px; overflow: hidden; box-shadow: 0 18px 44px rgba(46, 31, 58, .25); border: 4px solid #fff; background: #120b18; }
.tr-player { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; cursor: pointer; background: #120b18; }
.tr-player img { display: block; width: 100%; height: 100%; object-fit: cover; }
iframe.tr-player { cursor: auto; }
.tr-player img { transition: filter .2s; }
.tr-player:hover img { filter: brightness(1.06); }
.tr-player:focus-visible { outline: 3px solid var(--orange); outline-offset: -3px; }
.tr-vcap { margin: 12px 4px 0; font-size: 16px; line-height: 1.5; color: #5a4866; text-align: center; }

/* trust seals */
.tr-seals { background: #f3eef4; border-bottom: 1px solid #e6dcea; }
.tr-seals-in { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding-top: 16px; padding-bottom: 16px; }
.tr-seal { display: flex; align-items: center; justify-content: center; gap: 10px; font: 500 16px/1.3 var(--head); color: #4b3b56; }
.tr-seal img { width: 50px; height: 50px; }
.tr-seal .tr-ic { width: 34px; height: 34px; color: var(--orange-d); }
.tr-seal b { color: var(--plum); }

/* sections */
.tr-sec { padding: 64px 0; }
.tr-sec h2 { margin: 0 auto 12px; max-width: 820px; text-align: center; font-size: clamp(26px, 3vw, 32px); font-weight: 700; line-height: 1.25; }
.tr-lead { margin: 0 auto 36px; max-width: 720px; text-align: center; color: #5a4866; }

/* Penny's words (the skill's review block) */
.tr-words-cols { display: grid; grid-template-columns: 62fr 38fr; gap: 34px; align-items: start; }
.tr-quote { display: flex; gap: 16px; margin: 0 0 18px; padding: 0 0 18px; border-bottom: 1px solid #eee5f1; }
.tr-quote:last-child { border-bottom: 0; margin-bottom: 0; }
.tr-q-mark { flex: none; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: var(--lav); color: var(--plum); border: 1px solid #e2d6ea; }
.tr-q-mark .tr-ic { width: 26px; height: 26px; }
.tr-quote figcaption { font: 500 16px/1.35 var(--head); color: #7a6b84; margin: 4px 0 6px; }
.tr-quote figcaption b { color: var(--orange-d); font-size: 18px; }
.tr-quote blockquote { margin: 0; font-size: 18px; line-height: 1.65; color: #33283a; }
.tr-glance { border: 1px solid #ddd0e4; border-radius: 12px; padding: 22px 22px 18px; background: #fff; box-shadow: 0 6px 20px rgba(46, 31, 58, .06); position: sticky; top: 70px; }
.tr-glance h3 { margin: 0 0 12px; font-size: 20px; }
.tr-glance dl { margin: 0; }
.tr-glance dl > div { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 9px 0; border-top: 1px solid #f0e8f3; font-size: 16px; line-height: 1.45; }
.tr-glance dt { font: 700 16px/1.45 var(--head); color: var(--plum); }
.tr-glance dd { margin: 0; color: #4b3b56; }
.tr-glance-pack { display: block; width: 170px; margin: 14px auto 0; }

/* buy bars (the skill's CTA bars) */
.tr-bar { display: grid; grid-template-columns: 1fr auto; gap: 14px 30px; align-items: center; margin: 0 0 8px; padding: 24px 30px; background: #f7f3f8; border: 1px solid #e7dcec; border-radius: 12px; }
.tr-bar-text { margin: 0; font: 600 20px/1.45 var(--head); color: #4b3b56; }
.tr-bar-text b { color: var(--plum); font-weight: 800; }
.tr-bar-buy { display: flex; align-items: center; gap: 18px; }
.tr-bar-buy .tr-btn { width: 300px; }
.tr-bar-buy .tr-beside { margin: 0; text-align: left; white-space: nowrap; }
.tr-bar-video { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 8px; justify-self: start; min-height: 44px; font: 600 16px/1.3 var(--head); color: var(--orange-d); }
.tr-bar-video .tr-ic { width: 24px; height: 24px; }

/* grid */
.tr-grid-sec { padding-top: 56px; }
.tr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 34px; }
.tr-card { text-align: center; }
.tr-card-ic { display: grid; place-items: center; width: 104px; height: 104px; margin: 0 auto 14px; border-radius: 50%; background: #f5f0f7; border: 1px solid #e6dcea; color: #7b6a86; }
.tr-card-ic .tr-ic { width: 52px; height: 52px; stroke-width: 1.35; }
.tr-card h3 { margin: 0 0 6px; font-size: 21px; color: var(--plum); }
.tr-card p { margin: 0; font-size: 18px; line-height: 1.6; color: #4b3b56; }

/* bonuses */
.tr-bonus { background: var(--cream); margin-top: 48px; }
.tr-bonus-row { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.tr-bonus-card { display: flex; gap: 20px; align-items: flex-start; background: #fff; border: 1px solid #eadfe8; border-radius: 14px; padding: 24px; }
.tr-bonus-card img { width: 120px; flex: none; }
.tr-bonus-card h3 { margin: 6px 0 8px; font-size: 20px; line-height: 1.3; }
.tr-bonus-card p { margin: 0; font-size: 18px; line-height: 1.6; }
.tr-tag { display: inline-block; font: 800 16px/1 var(--head); letter-spacing: .1em; text-transform: uppercase; color: var(--orange-d); }

/* author */
.tr-author-in { display: grid; grid-template-columns: 44fr 56fr; gap: 44px; align-items: center; }
.tr-author-pic img { display: block; width: 100%; border-radius: 14px; box-shadow: 0 14px 36px rgba(46, 31, 58, .16); }
.tr-author h2 { text-align: left; margin: 0 0 16px; }
.tr-author p { margin: 0 0 14px; }
.tr-sig { display: block; width: 170px; margin: 4px 0 0; }
.tr-who { font: 500 16px/1.4 var(--head); color: #6b5a76; }
.tr-who b { color: var(--plum); }

/* guarantee */
.tr-guar { background: var(--lav); }
.tr-guar-in { display: grid; grid-template-columns: 180px 1fr; gap: 34px; align-items: center; max-width: 900px; }
.tr-guar img { width: 180px; }
.tr-guar h2 { text-align: left; margin: 0 0 10px; }
.tr-guar p { margin: 0; }

/* FAQ */
.tr-faq-in { max-width: 820px; }
.tr-faq details { border-bottom: 1px solid #e9dfee; }
.tr-faq summary { cursor: pointer; list-style: none; position: relative; padding: 18px 44px 18px 0; font: 700 19px/1.4 var(--head); color: var(--plum); }
.tr-faq summary::-webkit-details-marker { display: none; }
.tr-faq summary::after { content: "+"; position: absolute; right: 6px; top: 13px; font: 700 28px/1 var(--head); color: var(--orange); }
.tr-faq details[open] summary::after { content: "\2013"; }
.tr-faq details p { margin: 0 0 18px; }

.tr-disc { max-width: 900px; margin: 34px auto 40px; padding: 0 22px; text-align: center; font-size: 16px; color: #7a6b84; }

/* link footer */
.tr-links { background: #f1ecf2; border-top: 1px solid #e3d9e8; padding: 40px 0 34px; }
.tr-links-in { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.tr-links h3 { margin: 0 0 10px; font-size: 16px; text-transform: uppercase; letter-spacing: .08em; color: #6b5a76; }
.tr-links a { display: block; padding: 7px 0 7px 16px; position: relative; font-size: 16px; line-height: 1.4; color: var(--plum); text-decoration: none; }
.tr-links a::before { content: "\25B8"; position: absolute; left: 0; color: var(--orange); }
.tr-links a:hover { text-decoration: underline; color: var(--orange-d); }

@media (max-width: 900px) {
  .tr-hero-cols, .tr-words-cols, .tr-author-in { grid-template-columns: 1fr; }
  .tr-hero-right { order: -1; }
  .tr-glance { position: static; }
  .tr-grid { grid-template-columns: 1fr 1fr; }
  .tr-bonus-row { grid-template-columns: 1fr; }
  .tr-bar { grid-template-columns: 1fr; text-align: center; }
  .tr-bar-buy { flex-direction: column; gap: 10px; }
  .tr-bar-buy .tr-beside { text-align: center; white-space: normal; }
  .tr-bar-video { justify-self: center; }
  .tr-links-in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .tr-brand-in { flex-direction: column; align-items: flex-start; gap: 6px; padding-top: 12px; padding-bottom: 6px; }
  .tr-logo img { width: 230px; }
  .tr-util a { padding: 12px 10px 12px 0; }
  .tr-util a + a { padding-left: 10px; }
  .tr-nav-in { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .tr-nav a { white-space: nowrap; padding: 14px 13px; }
  .tr-nav .tr-nav-buy { order: -1; margin-left: 0; }
  .tr-nav .tr-nav-buy + a { border-left: 0; }
  .tr-hero { padding: 30px 0 36px; }
  .tr-sub { font-size: 18px; margin-bottom: 24px; }
  .tr-seals-in { grid-template-columns: 1fr 1fr; gap: 14px 8px; }
  .tr-seal { justify-content: flex-start; }
  .tr-sec { padding: 46px 0; }
  .tr-grid { grid-template-columns: 1fr; gap: 30px; }
  .tr-bar { padding: 22px 18px; }
  .tr-bar-buy .tr-btn { width: 100%; }
  .tr-bonus-card { flex-direction: column; align-items: center; text-align: center; }
  .tr-guar-in { grid-template-columns: 1fr; text-align: center; }
  .tr-guar img { width: 150px; margin: 0 auto; }
  .tr-guar h2, .tr-author h2 { text-align: center; }
  .tr-quote { gap: 12px; }
  .tr-q-mark { width: 46px; height: 46px; }
  .tr-glance dl > div { grid-template-columns: 86px 1fr; }
}

/* ======================= CLEAN VSL PAGE ======================= */
body.alt-clean { background: #fff; color: #3d3242; }
.alt-clean h1, .alt-clean h2, .alt-clean h3 { font-family: var(--head); color: var(--plum); }
.cv-wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.cv-ic { width: 24px; height: 24px; flex: none; }
.cv-band { padding: 80px 0; }
.cv-tint { background: var(--cream); }
.cv-white { background: #fff; }
.cv-dark { background: var(--plum); color: #e3d5ea; }
.cv-dark h2, .cv-dark h3 { color: #fff; }
.cv-center { text-align: center; }
.alt-clean h2 { margin: 0 auto 16px; font-size: clamp(30px, 3.6vw, 42px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; }
.alt-clean h2 em, .alt-clean h1 em { font-style: normal; color: var(--orange-d); }
.cv-dark h2 em { color: #f6a56f; }
.cv-lead { margin: 0 auto 36px; max-width: 700px; font-size: 19px; line-height: 1.6; color: #5f5266; }
.cv-dark .cv-lead { color: #d5c4de; }
.cv-eyebrow { margin: 0 0 14px; font: 700 16px/1.2 var(--head); letter-spacing: .14em; text-transform: uppercase; color: #8a7a92; }
.cv-eyebrow.on-dark { color: #c9b4d6; }
.cv-pill { display: inline-block; margin: 0 0 20px; padding: 9px 16px; border-radius: 999px; background: var(--orange-soft); color: var(--orange-d); font: 700 16px/1.2 var(--head); letter-spacing: .12em; text-transform: uppercase; }
.cv-pill.dark { background: rgba(239, 128, 59, .16); color: #f6a56f; }

/* header */
.cv-head { background: var(--cream); border-bottom: 1px solid #efe4dc; }
.cv-head-in { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 76px; }
.cv-logo img { display: block; width: 250px; }
.cv-links { display: flex; gap: 6px; }
.cv-links a { color: #4d3d57; text-decoration: none; font: 600 16px/1 var(--head); padding: 14px 14px; border-radius: 999px; }
.cv-links a:hover { background: #f3e7dd; color: var(--plum); }

/* hero */
.cv-hero { padding: 64px 0 80px; }
.cv-hero-in { display: grid; grid-template-columns: 55fr 45fr; gap: 54px; align-items: center; }
.cv-hero h1 { margin: 0 0 18px; font-size: clamp(40px, 5vw, 60px); font-weight: 800; line-height: 1.05; letter-spacing: -.03em; }
.cv-sub { margin: 0 0 30px; font-size: 20px; line-height: 1.6; color: #5f5266; max-width: 560px; }
.cv-hero-pic { position: relative; padding-bottom: 30px; }
.cv-hero-img { display: block; width: 100%; aspect-ratio: 4 / 4.3; object-fit: cover; object-position: 60% center; border-radius: 24px; box-shadow: 0 30px 70px rgba(46, 31, 58, .22); }
.cv-hero-pack { position: absolute; left: -36px; bottom: 0; width: 150px; filter: drop-shadow(0 18px 26px rgba(46, 31, 58, .35)); }

/* buy row */
.cv-buy { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.cv-buy.center { justify-content: center; margin-top: 40px; }
.cv-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 17px 34px; border-radius: 999px; background: var(--orange); color: #fff; text-decoration: none; font: 700 18px/1.2 var(--head); box-shadow: 0 10px 24px rgba(239, 128, 59, .32); transition: background .15s, transform .15s; }
.cv-cta:hover { background: var(--orange-h); color: #fff; transform: translateY(-1px); }
.cv-cta:focus-visible, .cv-plan-btn:focus-visible { outline: 3px solid var(--plum); outline-offset: 3px; }
.cv-buy.big .cv-cta { font-size: 20px; padding: 20px 56px; }
.cv-buy-note { margin: 0; text-align: left; font-size: 17px; line-height: 1.45; color: #6b5d72; }
.cv-buy-note b { font: 800 22px/1 var(--head); color: var(--plum); margin-right: 4px; }
.cv-buy-note span { display: block; }
.cv-dark .cv-buy-note { color: #d5c4de; }
.cv-dark .cv-buy-note b { color: #fff; }

.cv-stats { list-style: none; margin: 36px 0 0; padding: 26px 0 0; border-top: 1px solid #ecdfd5; display: grid; grid-template-columns: repeat(3, auto); gap: 16px 30px; justify-content: start; }
.cv-stats li { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: start; align-content: start; }
.cv-stats .cv-ic { grid-row: span 2; width: 30px; height: 30px; color: var(--orange-d); }
.cv-stats b { font: 800 20px/1.1 var(--head); color: var(--plum); }
.cv-stats span { font-size: 17px; line-height: 1.3; color: #6b5d72; }

/* chips */
.cv-chips { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 900px; }
.cv-chips li { display: flex; flex-direction: column; align-items: center; gap: 12px; font: 600 18px/1.35 var(--head); color: var(--plum); }
.cv-ic-c { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--orange-soft); color: var(--orange-d); }

/* video */
.cv-video { max-width: 760px; margin: 0 auto; border-radius: 16px; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, .45); background: #120b18; }
.cv-player { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; border: 0; cursor: pointer; background: #120b18; }
.cv-player img { display: block; width: 100%; height: 100%; object-fit: cover; transition: filter .2s; }
.cv-player:hover img { filter: brightness(1.06); }
.cv-player:focus-visible { outline: 3px solid var(--orange); outline-offset: -3px; }
iframe.cv-player { cursor: auto; }
.cv-vcap { display: flex; gap: 16px; align-items: flex-start; max-width: 760px; margin: 30px auto 0; text-align: left; }
.cv-vcap .cv-av { width: 52px; height: 52px; background: var(--orange); font-size: 17px; }
.cv-vcap blockquote { margin: 0 0 8px; font-size: 19px; line-height: 1.6; font-style: italic; color: #f1e7f5; }
.cv-vcap figcaption { font-size: 17px; color: #c9b4d6; }
.cv-vcap figcaption b { color: #fff; font-family: var(--head); }
.cv-vbuy { display: flex; gap: 28px; align-items: center; max-width: 760px; margin: 32px auto 0; padding: 26px 30px; text-align: left; border-radius: 18px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
.cv-vbuy > img { width: 104px; flex: none; filter: drop-shadow(0 14px 20px rgba(0, 0, 0, .4)); }
.cv-vbuy-h { margin: 0 0 16px; font: 700 21px/1.35 var(--head); color: #fff; }

/* proof */
.cv-proof-h { max-width: 820px; margin: 0 auto 40px; font-size: clamp(22px, 2.4vw, 26px); font-weight: 700; line-height: 1.35; }
.cv-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; text-align: left; }
.cv-quote { margin: 0; display: flex; flex-direction: column; background: #fff; border: 1px solid #ece2e6; border-radius: 14px; padding: 24px; box-shadow: 0 1px 2px rgba(46, 31, 58, .04), 0 8px 24px rgba(46, 31, 58, .06); }
.cv-q { color: var(--orange); }
.cv-q .cv-ic { width: 30px; height: 30px; }
.cv-q-for { margin: 8px 0 8px; font: 700 18px/1.35 var(--head); letter-spacing: .02em; color: var(--orange-d); }
.cv-quote blockquote { margin: 0 0 20px; flex: 1; font-size: 18px; line-height: 1.65; color: #3d3242; }
.cv-quote figcaption { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid #f1e8ec; font-size: 17px; line-height: 1.3; color: #7a6b84; }
.cv-quote figcaption b { display: block; color: var(--plum); font-family: var(--head); }
.cv-av { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--plum); color: #fff; font: 700 16px/1 var(--head); flex: none; }
.cv-creds { list-style: none; margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 34px; font: 600 16px/1.4 var(--head); color: #8a7a92; text-transform: uppercase; letter-spacing: .08em; }
.cv-creds li::before { content: "\2665"; color: var(--orange); margin-right: 8px; }

/* feature grid */
.cv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: left; }
.cv-card { background: #fff; border: 1px solid #ece2e6; border-radius: 14px; padding: 24px; box-shadow: 0 1px 2px rgba(46, 31, 58, .04), 0 8px 24px rgba(46, 31, 58, .06); }
.cv-card .cv-ic-c { width: 46px; height: 46px; margin-bottom: 14px; }
.cv-card h3 { margin: 0 0 8px; font-size: 22px; }
.cv-card p { margin: 0; font-size: 18px; line-height: 1.6; color: #5f5266; }
.cv-pcard { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.cv-pcard img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.cv-pcard-in { padding: 22px 24px 26px; }

/* use tiles */
.cv-uses { display: grid; grid-template-columns: 38fr 62fr; gap: 36px; align-items: center; text-align: left; }
.cv-uses-pic { margin: 0; }
.cv-uses-pic img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 22px; box-shadow: 0 30px 70px rgba(0, 0, 0, .4); }
.cv-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cv-tiles li { display: flex; align-items: flex-start; gap: 14px; text-align: left; padding: 20px; border-radius: 14px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); font-size: 17px; line-height: 1.55; color: #d9cbe1; }
.cv-tiles li b { display: block; margin-bottom: 4px; font: 700 18px/1.35 var(--head); color: #fff; }
.cv-tiles .cv-ic { width: 30px; height: 30px; margin-top: 1px; color: #f6a56f; }

/* pricing */
.cv-plans { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; }
.cv-plan { position: relative; width: 100%; max-width: 420px; text-align: left; background: #fff; border: 1px solid #e9dde2; border-radius: 16px; padding: 30px 28px 24px; display: flex; flex-direction: column; box-shadow: 0 1px 2px rgba(46, 31, 58, .04), 0 8px 24px rgba(46, 31, 58, .06); }
.cv-plan.featured { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(239, 128, 59, .14), 0 16px 40px rgba(239, 128, 59, .16); }
.cv-flag { position: absolute; top: -15px; left: 28px; padding: 7px 12px; border-radius: 999px; background: var(--orange); color: #fff; font: 700 16px/1 var(--head); }
.cv-plan h3 { margin: 0 0 10px; font-size: 22px; }
.cv-price { margin: 0; font: 800 46px/1 var(--head); color: var(--plum); }
.cv-per { margin: 6px 0 18px; font-size: 17px; color: #7a6b84; }
.cv-plan ul { list-style: none; margin: 0 0 24px; padding: 0; flex: 1; }
.cv-plan li { display: flex; gap: 10px; align-items: flex-start; padding: 7px 0; font-size: 18px; line-height: 1.45; }
.cv-plan li .cv-ic { width: 22px; height: 22px; margin-top: 1px; color: var(--orange); }
.cv-plan-btn { display: flex; align-items: center; justify-content: center; min-height: 54px; border-radius: 10px; background: var(--orange); color: #fff; text-decoration: none; font: 700 18px/1.2 var(--head); padding: 14px; }
.cv-plan-btn:hover { background: var(--orange-h); color: #fff; }
.cv-plan:not(.featured) .cv-plan-btn { background: var(--plum); }
.cv-plan:not(.featured) .cv-plan-btn:hover { background: var(--plum-2); }
.cv-plan-note { margin: 10px 0 0; text-align: center; font-size: 17px; color: #7a6b84; }
.cv-guar { display: flex; gap: 18px; align-items: center; max-width: 784px; margin: 28px auto 0; text-align: left; background: var(--orange-soft); border-radius: 16px; padding: 22px 26px; }
.cv-guar-ic { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: #fff; color: var(--orange-d); flex: none; }
.cv-guar-ic .cv-ic { width: 30px; height: 30px; }
.cv-guar b { font: 800 20px/1.3 var(--head); color: var(--plum); }
.cv-guar p { margin: 4px 0 0; font-size: 18px; line-height: 1.55; }

/* faq */
.cv-faq { max-width: 820px; }
.cv-center-h { text-align: center; margin-bottom: 30px !important; }
.cv-faq details { border: 1px solid #ece2e6; border-radius: 12px; margin: 0 0 12px; background: #fff; }
.cv-faq summary { cursor: pointer; list-style: none; position: relative; padding: 18px 54px 18px 22px; font: 700 18px/1.4 var(--head); color: var(--plum); }
.cv-faq summary::-webkit-details-marker { display: none; }
.cv-faq summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: var(--orange-soft); color: var(--orange-d); display: grid; place-items: center; font: 700 20px/1 var(--head); }
.cv-faq details[open] summary::after { content: "\2013"; }
.cv-faq details p { margin: 0; padding: 0 22px 20px; font-size: 18px; }

/* final */
.cv-final { padding-bottom: 64px; }
.cv-final .cv-buy.center { margin-top: 10px; }
.cv-trust { margin: 22px 0 0; font-size: 17px; color: #c9b4d6; }
.cv-disc { margin: 34px auto 0; max-width: 760px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 17px; color: #c3b4cc; }

@media (max-width: 900px) {
  .cv-hero-in { grid-template-columns: 1fr; gap: 40px; }
  .cv-hero-pic { max-width: 520px; margin: 0 auto; width: 100%; }
  .cv-hero-pack { left: -6px; width: 120px; }
  .cv-quotes, .cv-grid { grid-template-columns: 1fr 1fr; }
  .cv-uses { grid-template-columns: 1fr; }
  .cv-uses-pic { max-width: 420px; margin: 0 auto; width: 100%; }
  .cv-chips { grid-template-columns: 1fr 1fr; gap: 26px 14px; }
}
@media (max-width: 640px) {
  .cv-band { padding: 52px 0; }
  .cv-wrap { padding: 0 18px; }
  .cv-head-in { min-height: 62px; }
  .cv-logo img { width: 190px; }
  .cv-links a:not([href="#pricing"]) { display: none; }
  .cv-links a[href="#pricing"] { background: #f3e7dd; }
  .cv-hero { padding: 40px 0 52px; }
  .cv-hero h1 { font-size: 40px; }
  .cv-sub { font-size: 18px; }
  .cv-buy { flex-direction: column; align-items: stretch; gap: 12px; }
  .cv-cta { width: 100%; }
  .cv-buy-note { text-align: center; }
  .cv-buy.big .cv-cta { padding: 18px 20px; font-size: 19px; }
  .cv-stats { grid-template-columns: 1fr; }
  .alt-clean h2 { font-size: 30px; }
  .alt-clean h2 br { display: none; }
  .cv-quotes, .cv-grid, .cv-tiles { grid-template-columns: 1fr; }
  .cv-vbuy { flex-direction: column; text-align: center; padding: 24px 20px; gap: 16px; }
  .cv-vcap blockquote { font-size: 18px; }
  .cv-tiles li { font-size: 17px; }
  .cv-guar { flex-direction: column; text-align: center; }
  .cv-creds { flex-direction: column; gap: 8px; }
}

/* video cover (2026-11-08) */
.cv-player img { filter: brightness(.62); }
.cv-player:hover img { filter: brightness(.7); }
.cv-play-ov { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 20px; color: #fff; text-align: center; }
.cv-play-btn { width: 92px; height: 92px; border-radius: 50%; background: var(--orange); box-shadow: 0 10px 30px rgba(0,0,0,.35); position: relative; transition: transform .2s; }
.cv-play-btn::after { content: ""; position: absolute; left: 36px; top: 28px; border-style: solid; border-width: 18px 0 18px 28px; border-color: transparent transparent transparent #fff; }
.cv-player:hover .cv-play-btn { transform: scale(1.06); }
.cv-play-t { font: 800 clamp(20px, 3vw, 32px)/1.2 var(--head); max-width: 640px; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
.cv-play-s { font-size: 17px; color: #f3e6ee; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.cv-advice .cv-q-for { margin-top: 10px; }
@media (max-width: 640px) {
  .cv-pill { letter-spacing: .04em; padding: 8px 12px; }
  .cv-eyebrow { letter-spacing: .06em; }
  .cv-play-btn { width: 68px; height: 68px; }
  .cv-play-btn::after { left: 27px; top: 21px; border-width: 13px 0 13px 21px; }
  .cv-play-t { font-size: 18px; }
  .cv-play-s { font-size: 16px; }
}