:root {
  --ink: #111023;
  --paper: #f7f7f9;
  --muted: #666379;
  --purple: #7a2cff;
  --purple-dark: #5720c7;
  --night: #0b0920;
  --night-2: #17142e;
  --white: #fff;
  --green: #2fc15f;
  --red: #e7274d;
  font-family: Poppins, Avenir Next, Avenir, Montserrat, Arial, sans-serif;
  color: var(--ink);
  background: var(--night);
  scroll-behavior: smooth;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--night); }
button, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.narrow-content { width: min(1000px, 100%); margin: 0 auto; }
.skip-link { position: fixed; top: 8px; left: 8px; transform: translateY(-200%); background: #fff; color: #111; padding: 8px 12px; border-radius: 4px; z-index: 30; font-weight: 700; }
.skip-link:focus { transform: none; }

.site-header { background: var(--night-2); border-bottom: 1px solid rgba(255,255,255,.08); color: #d7d5e6; }
.utility-bar { min-height: 37px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; font-size: 10px; }
.utility-link { text-decoration: none; color: #d7d5e6; display: inline-flex; align-items: center; gap: 4px; }
.utility-link:hover { color: #fff; }
.utility-link svg { width: 11px; fill: currentColor; }
.utility-help { justify-self: end; }
.brand { font-size: 15px; font-weight: 800; color: #fff; text-decoration: none; letter-spacing: -.06em; }
.brand span, h1 strong, h2 strong { color: #8c35ff; font-weight: inherit; }

.hero-section { color: #fff; background: radial-gradient(100% 44% at 50% 0%, #2c1971 0%, rgba(42,25,105,0) 70%), var(--night); }
.hero-content { padding: 27px 0 58px; }
.eyebrow, .hero-subtitle { text-align: center; margin: 0; }
.eyebrow { display: flex; align-items: center; justify-content: center; gap: 8px; color: #eeeaff; font-size: clamp(12px, 1.3vw, 15px); font-weight: 600; }
.eyebrow span { width: 8px; height: 8px; border-radius: 50%; background: var(--purple); box-shadow: 0 0 10px var(--purple); }
h1 { max-width: 920px; margin: 11px auto 0; font-size: clamp(27px, 3.4vw, 43px); text-align: center; line-height: 1.18; letter-spacing: -.05em; font-weight: 700; }
.hero-subtitle { margin-top: 15px; font-size: clamp(12px, 1.35vw, 15px); color: #e0ddef; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(280px, 1fr); gap: 34px; align-items: start; margin-top: 32px; }
.story-column { min-width: 0; }

.video-panel { width: 100%; border: 0; display: block; position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #263880, #18235b 70%, #0e1335); aspect-ratio: 16 / 10.2; }
.video-panel::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 60% 45%, rgba(110,95,255,.20), transparent 44%), linear-gradient(40deg, rgba(24,3,105,.38), transparent 55%); }
.sound-chip, .live-chip { position: absolute; z-index: 1; top: 14px; left: 14px; display: flex; align-items: center; gap: 5px; padding: 6px 8px; border-radius: 3px; background: rgba(12,8,35,.5); font-size: 8px; line-height: 1.1; font-weight: 700; text-align: left; }
.sound-chip i { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: #ef5f54; font-style: normal; font-size: 15px; }
.live-chip { color: #fff; }
.live-chip::first-letter { color: #f2384f; }
.video-play { position: absolute; z-index: 2; inset: 0; margin: auto; width: clamp(60px, 8.3vw, 87px); height: clamp(60px, 8.3vw, 87px); display: grid; place-items: center; border: 6px solid #fff; border-radius: 50%; }
.video-play i { width: 0; height: 0; margin-left: 7%; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 24px solid #fff; }
.video-controls { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; display: flex; align-items: center; gap: 9px; padding: 10px 12px; background: rgba(7,5,20,.72); font-size: 13px; }
.video-controls em { font-size: 8px; font-style: normal; padding: 2px 3px; background: rgba(255,255,255,.2); }
.video-controls span { height: 3px; flex: 1; border-radius: 10px; background: rgba(255,255,255,.3); }
.video-panel:hover .video-play { background: rgba(255,255,255,.1); transform: scale(1.06); transition: .2s; }
.intro-copy { margin-top: 13px; font-size: clamp(13px, 1.26vw, 15px); line-height: 1.58; color: #ededf5; }
.intro-copy .kicker { margin: 0 0 10px; color: #1e112d; text-align: center; font-size: 9px; font-weight: 700; letter-spacing: .02em; }
.intro-copy h2, .story-main h2, .system-section h2, .reviews-section h2, .included-section h2, .faq-section h2, .guarantee-panel h2 { margin: 0 0 23px; font-size: clamp(22px, 2.65vw, 31px); line-height: 1.26; letter-spacing: -.04em; text-align: center; }
.intro-copy p { margin: 0 0 19px; }

.checkout-card { position: sticky; top: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.86); border-radius: 9px; background: #0d0a24; }
.checkout-ribbon { padding: 8px 10px; background: linear-gradient(100deg, #7427ee, #9441ff); text-align: center; font-size: 10px; line-height: 1.22; font-weight: 600; }
.checkout-card__body { padding: 14px 16px 17px; }
.bundle { position: relative; margin: 0 auto; height: 150px; width: min(100%, 380px); display: flex; align-items: center; justify-content: center; isolation: isolate; }
.bundle-book { position: relative; z-index: 3; display: grid; place-items: center; width: 102px; aspect-ratio: .68; padding: 13px 5px; border: 2px solid #f4eaff; color: #fff; background: linear-gradient(145deg, #8d43ff, #391286); box-shadow: -8px 9px 0 #30136c, 9px 7px 16px #18043866; text-align: center; font-size: 14px; line-height: .9; font-weight: 800; transform: perspective(420px) rotateY(-8deg); }
.bundle-book b { font-size: 8px; letter-spacing: .04em; }
.bundle-book small { display: block; margin-top: 9px; padding-top: 6px; border-top: 1px solid rgba(255,255,255,.6); font-size: 5px; letter-spacing: .1em; }
.bundle-card { position: absolute; z-index: 1; display: grid; place-items: center; width: 92px; aspect-ratio: 1.46; color: #fff; background: linear-gradient(135deg, #b270ff, #5421b8); box-shadow: 0 7px 15px #21085555; font-size: 8px; line-height: 1.1; text-align: center; font-weight: 700; }
.bundle-card--left { left: 10%; transform: rotate(-12deg) translateY(12px); }
.bundle-card--right { right: 10%; transform: rotate(12deg) translateY(13px); }
.bundle--compact { height: 95px; width: 92%; }
.bundle--compact .bundle-book { width: 66px; padding: 9px 3px; font-size: 10px; }
.bundle--compact .bundle-book b { font-size: 5px; }
.bundle--compact .bundle-book small { font-size: 3px; margin-top: 4px; padding-top: 3px; }
.bundle--compact .bundle-card { width: 58px; font-size: 5px; }
.bundle--compact .bundle-card--left { left: 8%; }
.bundle--compact .bundle-card--right { right: 8%; }
.countdown, .instant-copy { margin: 3px 0 0; text-align: center; font-size: 10px; font-weight: 600; }
.checkout-card h2 { margin: 5px 0 0; color: #f12e33; text-align: center; font-size: 16px; }
.checkout-card h2 s { text-decoration-thickness: 1px; }
.save-copy { margin: 3px 0; text-align: center; color: #f0eef9; font-weight: 600; font-size: 12px; }
.checkout-description { max-width: 250px; margin: 10px auto 9px; color: #d0cce4; text-align: center; font-size: 9px; line-height: 1.35; }
.instant-copy { margin-bottom: 10px; color: #fff; }
.lead-form { display: grid; gap: 8px; }
.lead-form label span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.lead-form input { width: 100%; min-height: 38px; padding: 10px 11px; border: 1px solid #d5d3e0; border-radius: 5px; background: #fff; color: var(--ink); font-size: 11px; }
.lead-form input:focus { outline: 3px solid #bd9cff; border-color: var(--purple); }
.button { position: relative; width: 100%; min-height: 50px; border: 0; border-radius: 6px; color: #fff; background: linear-gradient(#8640f7, #6621d9); box-shadow: 0 6px 17px rgba(91,27,209,.35); font-weight: 700; font-size: 13px; letter-spacing: .02em; }
.button:hover { filter: brightness(1.1); transform: translateY(-1px); }
.button:active { transform: translateY(1px); }
.button small { display: block; font-size: 8px; font-weight: 400; letter-spacing: 0; }
.lead-form .button { margin-top: 4px; }
.lead-form .button i { position: absolute; right: 13px; top: calc(50% - 12px); display: grid; place-items: center; width: 24px; height: 24px; border-radius: 4px; background: rgba(255,255,255,.2); font-size: 20px; font-style: normal; }
.form-error { min-height: 0; margin: 0; color: #ffb9b9; text-align: center; font-size: 10px; }
.secure { margin: 9px 0 0; color: #d0cce4; font-size: 9px; text-align: center; }
.guarantee-mini { display: grid; grid-template-columns: 38px 1fr; gap: 8px; align-items: center; margin-top: 11px; padding: 8px; border: 1px solid #e6d3a8; border-radius: 5px; background: #f7edd4; color: #38311e; }
.guarantee-mini > b { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffe287, #dca51c); color: #6d4f05; font-size: 8px; }
.guarantee-mini p { margin: 0; font-size: 8px; line-height: 1.35; }
.reviews-summary { margin: 12px 0 2px; text-align: center; font-size: 10px; }
.reviews-summary a { color: #fff; }
.stars { margin: 0; color: #f7b800; letter-spacing: 1px; text-align: center; font-size: 15px; }
.sidebar-testimonials { display: grid; gap: 10px; margin-top: 11px; }
.testimonial-tile, .case-study { position: relative; min-height: 97px; overflow: hidden; border: 2px solid #7c2cf1; border-radius: 5px; color: #111; text-align: left; background: radial-gradient(ellipse at 73% 70%, #67539e 0 20%, transparent 20.5%), linear-gradient(120deg, #0d0926, #261060 70%, #160836); }
.testimonial-tile::before, .case-study::before { content: ""; position: absolute; width: 40%; aspect-ratio: 1; right: 17%; bottom: -24%; border-radius: 50% 50% 42% 42%; background: #675494; opacity: .9; }
.testimonial-tile span, .case-study span { position: relative; z-index: 1; display: inline-block; margin: 10px; padding: 3px 5px; background: #fff; font-size: 8px; font-weight: 700; line-height: 1.38; }
.testimonial-tile b, .case-study b { position: absolute; z-index: 1; bottom: 8px; left: 10px; display: block; padding: 3px 5px; background: #742bfa; color: #fff; font-size: 8px; }
.testimonial-tile b small, .case-study b small { display: block; margin: 3px -5px -3px; padding: 2px 5px; white-space: nowrap; background: #8c46ff; font-size: 5px; }
.testimonial-tile i, .case-study i { position: absolute; z-index: 2; right: 11px; top: calc(50% - 14px); display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,.6); color: #fff; font-size: 11px; font-style: normal; }
.testimonial-tile:hover, .case-study:hover { filter: brightness(1.15); }

.light-section { background: var(--paper); color: var(--ink); }
.story-section { padding: 46px 0 60px; }
.two-column-layout { display: grid; grid-template-columns: minmax(0,1.9fr) minmax(270px, 1fr); gap: 30px; align-items: start; }
.story-main h2 { margin-bottom: 19px; }
.body-copy { color: #2c2a3d; font-size: 14px; line-height: 1.62; }
.body-copy p { margin: 0 0 17px; }
.body-copy .emphasis { font-weight: 700; }
.comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin: 27px 0 39px; }
.comparison-column { text-align: center; }
.comparison-column > p { display: inline-block; margin: 0 0 8px; padding: 3px 12px; border: 1px solid #e3e2ea; border-radius: 3px; background: #fff; font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.comparison-column h3, .comparison-column h4 { margin: 0; padding: 10px; border-radius: 5px; color: #fff; font-size: 12px; }
.comparison-column h3 small { display: block; margin-top: 2px; font-size: 8px; font-weight: 400; }
.comparison-column ol { position: relative; display: grid; gap: 16px; margin: 20px 0 40px; padding: 0; list-style: none; }
.comparison-column ol::before { content: ""; position: absolute; top: 0; bottom: -18px; left: 50%; z-index: 0; width: 2px; transform: translateX(-50%); }
.comparison-column li { position: relative; z-index: 1; padding: 9px; border-radius: 4px; color: #fff; font-size: 10px; font-weight: 600; }
.comparison-column--old h3, .comparison-column--old h4, .comparison-column--old li { background: var(--red); }
.comparison-column--old ol::before { background: #a8112f; }
.comparison-column--new h3, .comparison-column--new h4, .comparison-column--new li { background: var(--green); }
.comparison-column--new ol::before { background: #7edba0; }
.case-title { margin-top: 34px !important; }
.case-studies { display: grid; gap: 16px; }
.case-study { min-height: 230px; border: 0; border-radius: 5px; }
.case-study span { margin: 20px; font-size: 13px; }
.case-study b { bottom: 20px; left: 20px; font-size: 12px; }
.case-study b small { font-size: 7px; }
.case-study i { right: 8%; width: 56px; height: 56px; font-size: 19px; }
.featured-label { margin: 31px 0 11px; color: #4a4860; text-align: center; font-size: 8px; font-weight: 700; letter-spacing: .06em; }
.logo-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; align-items: end; color: #9a97ad; text-align: center; font-family: Georgia, serif; }
.logo-row span { font-size: 18px; }
.logo-row small { display: block; font-size: 7px; letter-spacing: .16em; }

.included-card { position: sticky; top: 18px; padding: 16px 14px 18px; border: 1px solid #b9a6f2; border-radius: 8px; background: #fff; }
.included-card > p, .included-card > h3 { margin: 0 0 10px; text-align: center; font-size: 11px; font-weight: 700; letter-spacing: .03em; }
.included-card .bundle { height: 135px; }
.included-card .bundle-book { width: 86px; }
.bonus-list article { position: relative; display: grid; grid-template-columns: 52px 1fr; gap: 9px; padding: 11px 0 25px; border-top: 1px solid #ececf2; }
.bonus-list article p { margin: 0; color: #6a6880; font-size: 8px; line-height: 1.5; }
.bonus-list article p b { display: block; color: #111; font-size: 10px; }
.bonus-list article p small { display: block; margin-bottom: 5px; font-size: 8px; }
.bonus-cover { display: grid; place-items: center; width: 45px; height: 62px; background: linear-gradient(145deg, #af72ff, #5321b9); color: #fff; box-shadow: 3px 4px 0 #441b90; font-size: 13px; font-weight: 800; }
.bonus-cover--2 { background: linear-gradient(145deg, #f7ad52, #d55528); }
.bonus-cover--3 { background: linear-gradient(145deg, #2c93c9, #1b3d9e); }
.bonus-cover--4 { background: linear-gradient(145deg, #55cc84, #187349); }
.bonus-list em { position: absolute; right: 0; bottom: 9px; color: #4a4860; font-size: 7px; font-style: normal; font-weight: 700; }
.bonus-list em i, .bonus-grid i { margin-left: 4px; padding: 2px 7px; border-radius: 3px; color: #fff; background: var(--green); font-style: normal; }
.side-offer { padding-top: 12px; border-top: 1px solid #ececf2; text-align: center; }
.side-offer p { margin: 0; color: #4a4860; font-size: 8px; font-weight: 700; letter-spacing: .06em; }
.side-offer h3 { margin: 5px 0 2px; color: #ef2b2b; font-size: 15px; }
.side-offer > b { font-size: 11px; }
.side-offer .button { margin-top: 12px; }

.system-section { padding: 38px 0 48px; }
.limited-label { margin: 0 0 13px; color: #4a4860; text-align: center; font-size: 8px; font-weight: 700; letter-spacing: .05em; }
.limited-label span { display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 50%; background: #ef2b2b; }
.centered-copy { max-width: 650px; margin: -8px auto 0; color: #5a5872; text-align: center; font-size: 12px; line-height: 1.6; }
.feature-fan { display: grid; grid-template-columns: 1fr 1.5fr 1fr; align-items: center; gap: 14px; margin: 25px 0 8px; }
.feature-fan ul { display: grid; gap: 24px; margin: 0; padding: 0; list-style: none; color: #4a4860; font-size: 9px; line-height: 1.45; }
.feature-fan ul:first-child { text-align: right; }
.feature-fan li { display: flex; align-items: center; gap: 8px; }
.feature-fan ul:first-child li::after, .feature-fan ul:last-child li::before { content: ""; width: 25px; border-top: 1px dashed #b6b4c6; }
.feature-fan ul:first-child li::after { order: 2; }
.bundle--hero { height: 240px; }
.bundle--hero .bundle-book { width: 150px; font-size: 20px; }
.bundle--hero .bundle-book b { font-size: 11px; }
.bundle--hero .bundle-book small { font-size: 7px; }
.bundle--hero .bundle-card { width: 128px; font-size: 10px; }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 18px 0 23px; }
.stats p { margin: 0; color: #6a6880; text-align: center; font-size: 9px; line-height: 1.5; }
.stats b { display: block; margin-bottom: 2px; color: var(--ink); font-size: 14px; }
.call-to-action { max-width: 520px; margin: 0 auto; text-align: center; }
.call-to-action > a { display: inline-block; margin-top: 8px; color: #7c3aed; font-size: 9px; }
.call-to-action p { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 11px 0 0; color: #4a4860; font-size: 9px; }
.call-to-action p b, .guarantee-panel > b { display: grid; place-items: center; flex: none; width: 23px; height: 23px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffdf7f, #dca51c); color: #6d4f05; font-size: 6px; }
.call-to-action a { color: #7c3aed; }
.demo-heading { margin-top: 42px !important; }
.video-panel--demo { max-width: 760px; margin: 0 auto; }

.reviews-section { padding: 42px 0 48px; background: #fff; }
.review-heading { margin: 0 0 6px; color: #4a4860; text-align: center; font-size: 9px; font-weight: 600; }
.review-heading .stars { display: inline; font-size: 11px; }
.review-grid { columns: 3; column-gap: 15px; margin-top: 22px; }
.review-card { break-inside: avoid; margin-bottom: 15px; overflow: hidden; border: 1px solid #ececf2; border-radius: 6px; background: #fff; padding: 13px; }
.review-card header { display: flex; align-items: center; gap: 8px; }
.review-card header > i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #eceaf4; color: #9a97ad; font-style: normal; }
.review-card header p { margin: 0; font-size: 10px; }
.review-card header small { display: block; color: #6a6880; font-size: 8px; }
.review-card .stars { margin: 8px 0 6px; text-align: left; font-size: 11px; }
.review-card q { color: #3c3a52; font-size: 10px; line-height: 1.55; }
.review-card--video { padding: 0; background: #7c3aed; color: #fff; }
.review-card--video button { position: relative; display: block; width: 100%; min-height: 150px; border: 0; color: #fff; text-align: left; background: radial-gradient(ellipse at 65% 67%, #66529b 0 19%, transparent 20%), linear-gradient(130deg,#1b1a4e,#33307e); }
.review-card--video button i { position: absolute; inset: 0; display: grid; place-items: center; width: 36px; height: 36px; margin: auto; border-radius: 50%; background: rgba(255,255,255,.3); font-style: normal; }
.review-card--video button b, .review-card--video button span { position: absolute; left: 11px; }
.review-card--video button b { bottom: 28px; font-size: 8px; }
.review-card--video button span { bottom: 11px; font-size: 11px; font-weight: 700; }
.review-card--video .stars, .review-card--video q { display: block; margin: 10px 12px; color: #fff; }
.review-card--video .stars { color: #ffd166; }

.included-section { padding: 43px 0 47px; }
.bundle--products { height: 215px; margin: 8px auto 9px; }
.bundle--products .bundle-book { width: 138px; font-size: 18px; }
.bundle--products .bundle-card { width: 120px; }
.bonus-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.bonus-grid article { display: flex; flex-direction: column; align-items: center; padding: 14px 13px 12px; border: 1px solid #ececf2; border-radius: 6px; background: #fff; text-align: center; }
.bonus-grid .bonus-cover { width: 64px; height: 86px; margin-bottom: 10px; }
.bonus-grid h3 { margin: 0; font-size: 11px; }
.bonus-grid article > small { margin-top: 3px; color: #6a6880; font-size: 8px; }
.bonus-grid article p { flex: 1; margin: 9px 0; color: #6a6880; font-size: 8px; line-height: 1.5; }
.bonus-grid article > b { width: 100%; padding-top: 8px; border-top: 1px solid #f0eff5; color: #4a4860; font-size: 7px; }
.included-section .call-to-action { margin-top: 25px; }
.guarantee-panel { max-width: 640px; margin: 45px auto 0; color: #3c3a52; font-size: 10px; line-height: 1.65; }
.guarantee-panel > b { width: 52px; height: 52px; margin: 0 auto 13px; border: 3px solid #f0c34a; font-size: 11px; }
.guarantee-panel h2 { margin-bottom: 16px; }

.faq-section { padding: 43px 0 48px; background: #fff; }
.faq-grid { columns: 2; column-gap: 34px; margin-top: 21px; }
.faq-grid details { break-inside: avoid; margin-bottom: 20px; }
.faq-grid summary { display: flex; gap: 7px; align-items: flex-start; cursor: pointer; font-size: 11px; font-weight: 700; line-height: 1.35; list-style: none; }
.faq-grid summary::-webkit-details-marker { display: none; }
.faq-grid summary::before { content: "?"; display: grid; place-items: center; flex: none; width: 14px; height: 14px; border-radius: 50%; background: #141222; color: #fff; font-size: 9px; }
.faq-grid details p { margin: 6px 0 0 21px; color: #5a5872; font-size: 9px; line-height: 1.65; }
.faq-grid details[open] summary::before { background: var(--purple); }

.site-footer { padding: 34px 0 40px; color: #c9c6dd; background: radial-gradient(90% 120% at 50% 100%, #4c1fa8 0%, rgba(76,31,168,0) 62%), #14112e; }
.footer-content { max-width: 760px; text-align: center; }
.footer-content > p { max-width: 580px; margin: 10px auto 0; font-size: 9px; line-height: 1.6; }
.footer-content .bundle { height: 150px; width: 300px; }
.footer-content .bundle-book { width: 94px; }
.footer-content .bundle-card { width: 75px; font-size: 7px; }
.footer-content .button { max-width: 430px; margin-top: 2px; }
.footer-content a { color: #c4b5fd; }
.footer-content span { color: #6f6a92; }

.modal { width: min(520px, calc(100% - 32px)); padding: 26px; border: 0; border-radius: 12px; color: var(--ink); box-shadow: 0 24px 80px rgba(0,0,0,.55); }
.modal::backdrop { background: rgba(4, 3, 17, .82); backdrop-filter: blur(3px); }
.modal-close { position: absolute; top: 9px; right: 10px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #efedf5; color: #312b48; font-size: 24px; line-height: 1; }
.modal-video { position: relative; min-height: 220px; overflow: hidden; background: linear-gradient(135deg, #263880, #18235b); }
.modal-video .video-play { border-width: 4px; }
.modal-video p { position: absolute; bottom: 9px; left: 0; right: 0; margin: 0; color: #fff; text-align: center; font-size: 9px; letter-spacing: .15em; }
.modal h2 { margin: 18px 0 7px; font-size: 22px; }
.modal > p { color: #5a5872; font-size: 13px; line-height: 1.55; }
.modal code { padding: 2px 4px; border-radius: 3px; background: #efedf5; }
.modal--checkout { max-width: 440px; text-align: center; }
.modal--checkout .button { margin-top: 8px; }
.success-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto; border-radius: 50%; background: #e3faeb; color: #20a950; font-size: 32px; font-weight: 800; }

@media (max-width: 900px) {
  .hero-grid, .two-column-layout { grid-template-columns: 1fr; }
  .checkout-card, .included-card { position: static; max-width: 560px; margin: 0 auto; }
  .hero-grid { gap: 28px; }
  .story-column { display: contents; }
  .video-panel--hero { order: -1; }
  .intro-copy { order: 1; }
  .checkout-card { order: 0; }
  .two-column-layout { gap: 31px; }
  .included-card { order: -1; }
  .case-study { min-height: 280px; }
  .bonus-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .container { width: min(100% - 28px, 1180px); }
  .utility-bar { min-height: 60px; grid-template-columns: 1fr; justify-items: center; gap: 2px; padding: 6px 0; font-size: 9px; }
  .utility-help { justify-self: auto; }
  .hero-content { padding-top: 21px; }
  h1 { font-size: 27px; }
  .hero-grid { margin-top: 24px; }
  .comparison { gap: 10px; }
  .comparison-column h3, .comparison-column h4 { font-size: 10px; }
  .comparison-column li { font-size: 8px; }
  .logo-row { grid-template-columns: repeat(3, 1fr); row-gap: 16px; }
  .feature-fan { grid-template-columns: 1fr; }
  .feature-fan ul { gap: 8px; }
  .feature-fan ul:first-child { text-align: left; }
  .feature-fan ul:first-child li::after, .feature-fan ul:last-child li::before { display: none; }
  .bundle--hero { order: -1; height: 210px; }
  .stats { grid-template-columns: 1fr; gap: 14px; }
  .review-grid, .faq-grid { columns: 1; }
  .bonus-grid { grid-template-columns: 1fr; }
  .case-study { min-height: 180px; }
  .case-study span { margin: 14px; font-size: 10px; }
  .case-study b { bottom: 15px; left: 14px; font-size: 9px; }
  .case-study i { width: 40px; height: 40px; font-size: 14px; }
}