:root {
  --navy-950: #160b1b;
  --navy-900: #24102c;
  --navy-800: #3a1742;
  --navy-700: #5a2459;
  --cyan: #ffb14e;
  --cyan-soft: #ffe0a8;
  --violet: #ad4ee1;
  --magenta: #ef4f8f;
  --coral: #ff746c;
  --lime: #a3e635;
  --green: #30b857;
  --green-dark: #16843a;
  --red: #d81f34;
  --ink: #2a1630;
  --muted: #746178;
  --line: #eadde8;
  --soft: #fff7fb;
  --white: #fff;
  --radius: 24px;
  --shadow: 0 24px 70px rgba(53, 16, 56, .15);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button, input { font: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.06; letter-spacing: -.038em; }
h1 { margin-bottom: 22px; font-size: clamp(2.35rem, 10.8vw, 4.75rem); }
h2 { margin-bottom: 18px; font-size: clamp(2rem, 8.5vw, 3.65rem); }
h3 { font-size: 1.2rem; }
section { padding: 78px 0; }
.wrap { width: min(1120px, calc(100% - 32px)); margin-inline: auto; }
.narrow { width: min(820px, calc(100% - 32px)); }
.section-light { background: var(--white); }
.section-soft { background: var(--soft); }
.section-dark {
  position: relative;
  color: var(--white);
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 177, 78, .17), transparent 28%),
    radial-gradient(circle at 10% 70%, rgba(239, 79, 143, .19), transparent 34%),
    linear-gradient(145deg, var(--navy-950), var(--navy-900) 52%, #4b183e);
}
.kicker, .eyebrow {
  margin-bottom: 12px;
  color: #9a3e9d;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.eyebrow { display: flex; align-items: center; gap: 9px; color: var(--cyan-soft); }
.eyebrow span { width: 26px; height: 2px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.section-lead { max-width: 760px; margin-inline: auto; color: var(--muted); font-size: 1.03rem; }
.section-dark .section-lead { color: #e5cfe0; }

.urgency {
  position: relative;
  z-index: 20;
  padding: 9px 12px;
  color: #fff;
  background: linear-gradient(90deg, #930b1a, #df2639, #930b1a);
  text-align: center;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .025em;
}
.urgency p { margin: 0; }

.hero { min-height: 780px; padding: 62px 0 94px; overflow: hidden; }
.noise {
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.8) .6px, transparent .6px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}
.hero-grid { position: relative; z-index: 2; display: grid; max-width: 820px; align-items: center; gap: 24px; }
.hero-copy { position: relative; z-index: 2; text-align: center; }
.hero h1 em { color: var(--cyan); font-style: normal; text-shadow: 0 0 28px rgba(255, 177, 78, .25); }
.hero h1 strong { color: #ff91c2; font-weight: 900; }
.hero-pov { display: block; width: min(620px, 100%); margin: 0 auto 25px; }
.hero-pov img { width: 100%; aspect-ratio: 4 / 3; border: 2px solid rgba(255,224,168,.2); border-radius: 24px; object-fit: cover; object-position: 50% 48%; box-shadow: 0 24px 60px rgba(0,0,0,.38); }
.hero-lead { max-width: 700px; margin-inline: auto; color: #f1dfeb; font-size: 1.05rem; }
.hero-pills { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 24px 0 28px; }
.hero-pills span { padding: 8px 11px; border: 1px solid rgba(255,224,168,.2); border-radius: 999px; background: rgba(255,255,255,.07); color: #fff5e4; font-size: .72rem; font-weight: 800; backdrop-filter: blur(8px); }
.cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 62px;
  width: min(100%, 560px);
  margin-inline: auto;
  padding: 15px 18px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(180deg, #46d96a, var(--green));
  box-shadow: 0 8px 0 var(--green-dark), 0 20px 38px rgba(20, 135, 58, .28);
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, filter .2s ease;
}
.cta:hover { filter: brightness(1.05); transform: translateY(-2px); }
.cta span { font-size: 1.25rem; }
.delivery-copy { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; max-width: 590px; margin: 24px auto 0; color: #f0dce9; font-size: .76rem; font-weight: 750; }
.delivery-copy span { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.delivery-copy img { width: 18px; height: 18px; object-fit: contain; }
.social-proof { display: flex; flex-direction: column; align-items: center; gap: 5px; margin-top: 28px; color: #fff; }
.social-proof img { width: 130px; height: auto; }
.social-proof strong { font-size: .76rem; }
.wave-divider { position: absolute; bottom: -1px; left: 0; width: 100%; height: 54px; background: var(--white); clip-path: polygon(0 76%, 8% 64%, 18% 82%, 30% 55%, 43% 73%, 55% 45%, 70% 76%, 84% 53%, 100% 68%, 100% 100%, 0 100%); }

.demo { padding-top: 54px; text-align: center; }
.demo .section-lead { margin-bottom: 34px; }
.audio-list { display: grid; gap: 13px; text-align: left; }
.audio-card {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 48px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(113, 40, 98, .16);
  border-radius: 18px;
  background: linear-gradient(135deg, #ffe9f2, #ffd4e6);
  box-shadow: 0 12px 30px rgba(81, 27, 76, .12), inset 0 1px rgba(255,255,255,.65);
}
.audio-card:nth-child(8n+1) { border-color: #f1a9c6; background: linear-gradient(135deg, #ffe8f1, #ffcfe1); }
.audio-card:nth-child(8n+2) { border-color: #efba87; background: linear-gradient(135deg, #fff0df, #ffdcb9); }
.audio-card:nth-child(8n+3) { border-color: #c9a5e8; background: linear-gradient(135deg, #f4e8ff, #e4cefa); }
.audio-card:nth-child(8n+4) { border-color: #eda49a; background: linear-gradient(135deg, #fff0ed, #ffd5cf); }
.audio-card:nth-child(8n+5) { border-color: #d8a2dc; background: linear-gradient(135deg, #fbe9fd, #f0cff3); }
.audio-card:nth-child(8n+6) { border-color: #eac57b; background: linear-gradient(135deg, #fff5dc, #ffe6ae); }
.audio-card:nth-child(8n+7) { border-color: #efa0bf; background: linear-gradient(135deg, #ffe8f2, #ffcee1); }
.audio-card:nth-child(8n+8) { border-color: #b7a8e4; background: linear-gradient(135deg, #f0eaff, #dbd0f7); }
.audio-card > img { width: 62px; height: 62px; border: 1px solid rgba(76,28,70,.12); border-radius: 14px; object-fit: cover; box-shadow: 0 6px 16px rgba(45,17,45,.16); }
.track-copy { min-width: 0; }
.track-copy small { display: block; margin-bottom: 2px; color: #9f3ab6; font-size: .63rem; font-weight: 950; letter-spacing: .1em; }
.track-copy h3 { margin: 0 0 4px; overflow: hidden; font-size: .95rem; text-overflow: ellipsis; white-space: nowrap; }
.track-copy p { margin: 0; color: var(--muted); font-size: .7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.play-btn { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--violet), #e14d82); box-shadow: 0 8px 20px rgba(146, 52, 144, .28); cursor: pointer; }
.play-btn span { transform: translateX(1px); }
.audio-card.is-playing .play-btn { color: #32132f; background: linear-gradient(145deg, var(--cyan), #ff7e4f); }
.audio-card.is-loading .play-btn { animation: load-pulse .75s ease infinite alternate; }
@keyframes load-pulse { to { opacity: .55; transform: scale(.94); } }
.player-progress { grid-column: 2 / 4; display: grid; grid-template-columns: 1fr 38px; align-items: center; gap: 8px; }
.player-progress input { width: 100%; height: 24px; margin: 0; accent-color: var(--violet); cursor: ew-resize; touch-action: pan-x; }
.time { color: #7a879b; font-size: .66rem; text-align: right; font-variant-numeric: tabular-nums; }
.demo-note { display: flex; align-items: center; gap: 14px; margin-top: 26px; padding: 18px; border-radius: 18px; color: #fff4fb; background: linear-gradient(135deg, var(--navy-800), #6a224c); text-align: left; }
.demo-note > span { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 15px; color: var(--navy-950); background: var(--cyan); font-size: 1.6rem; }
.demo-note p { margin: 0; font-size: .84rem; }

.ideal {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 10% 10%, rgba(255,177,78,.22), transparent 28%),
    radial-gradient(circle at 92% 88%, rgba(239,79,143,.28), transparent 34%),
    linear-gradient(145deg, #4a173f, #74234f 55%, #3d163f);
  text-align: center;
}
.ideal::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: radial-gradient(rgba(255,255,255,.75) .7px, transparent .7px); background-size: 23px 23px; pointer-events: none; }
.ideal .wrap { position: relative; z-index: 1; }
.ideal-grid { display: grid; gap: 14px; margin-top: 32px; text-align: left; }
.ideal-grid article { position: relative; min-height: 205px; padding: 26px 23px; border: 1px solid rgba(255,255,255,.24); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.07)); box-shadow: 0 18px 40px rgba(24,4,24,.24), inset 0 1px rgba(255,255,255,.18); overflow: hidden; backdrop-filter: blur(8px); }
.ideal-grid article::before { display: grid; place-items: center; width: 47px; height: 47px; margin-bottom: 18px; border-radius: 15px; color: #3b1537; background: linear-gradient(145deg, #ffe0a8, #ff9fc8); font-size: 1.35rem; box-shadow: 0 9px 22px rgba(0,0,0,.2); }
.ideal-grid article:nth-child(1)::before { content: "📚"; }
.ideal-grid article:nth-child(2)::before { content: "🧠"; }
.ideal-grid article:nth-child(3)::before { content: "🔁"; }
.ideal-grid article:nth-child(4)::before { content: "🎧"; }
.ideal-grid article::after { content: ""; position: absolute; right: -38px; bottom: -38px; width: 130px; height: 130px; border-radius: 50%; background: radial-gradient(circle, rgba(255,177,78,.18), transparent 68%); }
.ideal-grid span { position: absolute; top: 20px; right: 21px; color: rgba(255,255,255,.55); font-size: .72rem; font-weight: 950; letter-spacing: .12em; }
.ideal-grid h3 { margin-bottom: 10px; }
.ideal-grid p { margin: 0; color: #efdbe8; font-size: .9rem; }

.experience { overflow: hidden; }
.experience-grid { display: grid; gap: 38px; align-items: center; }
.experience-image { position: relative; }
.experience-image img { width: 100%; border: 1px solid rgba(255,255,255,.1); border-radius: 28px; box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.floating-tag { position: absolute; right: -7px; bottom: 20px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: var(--navy-950); background: var(--cyan-soft); box-shadow: 0 14px 30px rgba(0,0,0,.25); font-size: .72rem; font-weight: 900; }
.steps-mini { display: grid; gap: 13px; margin: 26px 0 0; padding: 0; list-style: none; }
.steps-mini li { display: flex; align-items: center; gap: 14px; padding: 15px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(255,255,255,.055); }
.steps-mini b { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 14px; color: var(--navy-950); background: linear-gradient(145deg, var(--cyan), #b7f7ff); }
.steps-mini div { display: grid; gap: 2px; }
.steps-mini strong { font-size: .92rem; }
.steps-mini span { color: #acbdd5; font-size: .78rem; }
.organization-highlights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 25px; }
.organization-highlights article { display: grid; gap: 3px; padding: 14px 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 17px; background: rgba(255,255,255,.07); text-align: center; }
.organization-highlights b { color: var(--cyan); font-size: 1.65rem; line-height: 1; }
.organization-highlights span { color: #ead3e4; font-size: .66rem; font-weight: 750; }
.topic-library { margin-top: 72px; text-align: center; }
.topic-library > .kicker { color: var(--cyan); }
.topic-library > h3 { max-width: 650px; margin: 0 auto 28px; font-size: clamp(1.55rem, 6vw, 2.35rem); }
.app-showcase { margin-top: 78px; }
.section-heading-light { max-width: 760px; margin: 0 auto 30px; text-align: center; }
.section-heading-light .kicker { color: var(--cyan); }
.section-heading-light > p:last-child { max-width: 620px; margin: 12px auto 0; color: #b9c8dc; }
.phone-carousel { width: 100vw; margin-inline: calc(50% - 50vw); overflow: hidden; }
.phone-track { display: flex; width: max-content; gap: 16px; padding: 10px 0 25px; will-change: transform; }
.phone-track.is-ready { animation: phone-carousel-loop var(--phone-loop-duration, 48s) linear infinite; }
.phone-track::-webkit-scrollbar { display: none; }
.phone-screen { position: relative; flex: 0 0 min(326px, 84vw); min-height: 0; overflow: hidden; padding: 0; border: 2px solid rgba(255,224,168,.16); border-radius: 30px; background: #0b0810; box-shadow: 0 28px 65px rgba(0,0,0,.42); }
.phone-screen > img { position: relative; width: 100%; aspect-ratio: 680 / 1436; border-radius: 28px; object-fit: cover; }
.player-heading { position: relative; min-height: 88px; padding: 15px 2px 8px; text-align: center; }
.player-heading small { color: var(--cyan); font-size: .59rem; font-weight: 900; letter-spacing: .13em; }
.player-heading h3 { min-height: 39px; margin: 5px 0 3px; font-size: 1rem; line-height: 1.18; }
.player-heading p { margin: 0; color: #8fa4bf; font-size: .63rem; }
.player-progress { position: relative; height: 3px; margin: 2px 2px 0; border-radius: 99px; background: rgba(255,255,255,.27); }
.player-progress span { display: block; width: 44%; height: 100%; border-radius: inherit; background: #fff; }
.player-progress span::after { content: ""; position: absolute; top: 50%; left: 44%; width: 9px; height: 9px; border-radius: 50%; background: #fff; transform: translate(-50%,-50%); }
.player-times { display: flex; justify-content: space-between; margin-top: 5px; color: #8294ad; font-size: .55rem; }
.player-controls { display: flex; align-items: center; justify-content: center; gap: 27px; margin: 8px 0 14px; color: #fff; font-size: 1.15rem; }
.player-controls b { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; color: #07111e; background: #fff; font-size: 1.06rem; letter-spacing: -.12em; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.key-phrase { position: relative; min-height: 83px; margin-inline: -14px; margin-bottom: -18px; padding: 13px 16px 17px; border-top: 1px solid rgba(255,255,255,.11); background: rgba(0,0,0,.24); }
.key-phrase strong { color: #fff; font-size: .58rem; letter-spacing: .12em; }
.key-phrase p { margin: 6px 0 0; color: #d8e5f5; font-size: .72rem; line-height: 1.45; }
.carousel-dots { display: none; }
.carousel-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #53627a; cursor: pointer; transition: width .25s ease, background .25s ease; }
.carousel-dots button.active { width: 28px; border-radius: 99px; background: var(--cyan); }
@keyframes phone-carousel-loop {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--phone-loop-shift), 0, 0); }
}

.transformation { text-align: center; }
.transformation h2 em { color: var(--violet); font-style: normal; }
.transformation img { width: 100%; margin: 30px auto 0; border-radius: 26px; box-shadow: var(--shadow); }
.equation { display: grid; align-items: center; gap: 12px; margin-top: 25px; }
.journey { display: block; overflow: hidden; padding: 22px 18px; border-radius: 23px; text-align: left; box-shadow: 0 16px 38px rgba(54,20,49,.12); }
.journey small { display: inline-block; margin-bottom: 9px; padding: 5px 9px; border-radius: 999px; font-size: .63rem; font-weight: 950; letter-spacing: .12em; }
.journey h3 { margin: 0 0 18px; font-size: 1.12rem; }
.journey ol { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.journey li { position: relative; display: flex; align-items: center; gap: 10px; min-height: 51px; padding: 9px 11px; border-radius: 14px; font-size: .77rem; font-weight: 780; }
.journey li:not(:last-child)::after { content: "↓"; position: absolute; bottom: -13px; left: 27px; z-index: 2; font-weight: 950; }
.journey li b { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 11px; background: rgba(255,255,255,.8); }
.before-journey { border: 1px solid #f2b6c0; background: linear-gradient(145deg, #fff5f6, #ffe3e8); }
.before-journey small { color: #fff; background: #c7374d; }
.before-journey li { color: #6d2330; background: rgba(255,255,255,.63); }
.after-journey { border: 1px solid #a6dfc4; background: linear-gradient(145deg, #effff7, #d9f6e8); }
.after-journey small { color: #fff; background: #178f59; }
.after-journey li { color: #145b3c; background: rgba(255,255,255,.66); }
.journey-arrow { color: var(--violet); font-size: 1.8rem; font-weight: 950; transform: rotate(90deg); }

.block-grid { display: grid; gap: 13px; text-align: left; }
.block-grid article { position: relative; padding: 20px 20px 20px 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.04)); overflow: hidden; }
.block-grid article::before { content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: linear-gradient(var(--cyan), #ff75ad); }
.block-grid span { color: var(--cyan); font-size: .67rem; font-weight: 950; letter-spacing: .12em; }
.block-grid h3 { margin: 5px 0 8px; }
.block-grid p { margin: 0; color: #ddc7d8; font-size: .82rem; }

.included { overflow: hidden; }
.included-single { text-align: left; }
.included-lifestyle { width: 100%; margin: 0 auto 34px; border: 1px solid rgba(255,255,255,.13); border-radius: 26px; box-shadow: 0 22px 58px rgba(0,0,0,.34); }
.check-list { display: grid; gap: 12px; margin: 26px 0 30px; padding: 0; list-style: none; }
.check-list li { display: flex; align-items: flex-start; gap: 11px; color: #f2deeb; font-size: .88rem; }
.check-list i { display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border-radius: 50%; color: var(--navy-950); background: var(--cyan); font-size: .75rem; font-style: normal; font-weight: 950; }
.library-card { position: relative; width: min(430px, 100%); margin-inline: auto; padding: 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 31px; background: rgba(255,255,255,.07); box-shadow: 0 28px 70px rgba(0,0,0,.35); }
.library-card img { width: 100%; border-radius: 21px; }
.library-card div { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; margin-top: 12px; padding: 10px; }
.library-card small { grid-column: 1 / 3; color: var(--cyan); font-size: .66rem; font-weight: 900; letter-spacing: .12em; }
.library-card strong { grid-row: 2 / 4; color: #fff; font-size: 3.6rem; line-height: 1; }
.library-card span { color: #c6d4e8; font-weight: 800; }

.bonuses { text-align: center; }
.bonus-subtitle { margin: -5px 0 14px; color: var(--muted); font-size: 1.04rem; font-weight: 750; }
.bonus-banner, .offer-alert { width: fit-content; margin: 0 auto 34px; padding: 11px 18px; border-radius: 11px; color: #fff; background: linear-gradient(90deg, #a30d21, #df2d42); box-shadow: 0 11px 25px rgba(163,13,33,.24); font-size: .82rem; font-weight: 950; letter-spacing: .035em; }
.bonus-grid { display: grid; gap: 18px; text-align: left; }
.bonus-grid article { overflow: hidden; border: 1px solid #eadbe6; border-radius: 24px; background: #fff; box-shadow: 0 16px 38px rgba(74, 24, 69, .09); }
.bonus-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.bonus-grid article > div { padding: 21px; }
.bonus-grid small { display: block; width: fit-content; padding: 7px 10px; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #6c235a, #bd4f87); box-shadow: 0 7px 16px rgba(76,28,70,.2); font-size: .8rem; font-weight: 950; letter-spacing: .04em; }
.bonus-grid h3 { margin: 7px 0 9px; }
.bonus-grid p { margin: 0; color: var(--muted); font-size: .86rem; }
.bonus-grid .bonus-value { margin-top: 18px; padding: 10px; border: 1px solid #eadbe6; border-radius: 10px; color: var(--ink); background: #fff7fb; text-align: center; font-weight: 850; }
.bonus-value s { margin: 0 5px; color: #d21d32; text-decoration-color: #d21d32; text-decoration-thickness: 2px; }
.bonus-value strong { color: #16852a; font-size: 1.08rem; }

.offer { text-align: center; }
.offer-alert { width: min(620px, 100%); padding: 18px 15px; }
.offer-alert p { margin: 0; }
.countdown { display: flex; align-items: center; justify-content: center; gap: 11px; margin-top: 15px; }
.countdown div { display: grid; width: 82px; padding: 9px; border: 1px solid rgba(255,255,255,.3); border-radius: 12px; background: rgba(87,0,12,.3); }
.countdown strong { font-size: 2rem; line-height: 1; }
.countdown span { font-size: .62rem; text-transform: uppercase; }
.offer-head { margin-bottom: 30px; }
.offer-card { position: relative; overflow: hidden; padding: 0 19px 30px; border: 2px solid #c15b9b; border-radius: 28px; color: #fff; background: linear-gradient(160deg, #1b0c22, #3c173e 68%, #6a224c); box-shadow: 0 28px 80px rgba(69, 21, 62, .28); }
.popular { margin: 0 -19px 12px; padding: 10px 12px; color: #06162c; background: linear-gradient(90deg, var(--cyan), #b8f8ff, var(--cyan)); font-size: .75rem; font-weight: 950; letter-spacing: .06em; }
.offer-card > img { width: min(390px, 100%); margin: -14px auto -18px; filter: drop-shadow(0 20px 28px rgba(0,0,0,.4)); }
.offer-card h3 { margin-bottom: 22px; font-size: clamp(1.7rem, 7vw, 2.4rem); }
.offer-card ul { display: grid; gap: 10px; max-width: 540px; margin: 0 auto 26px; padding: 0; list-style: none; text-align: left; }
.offer-card li { display: flex; gap: 9px; color: #f2deeb; font-size: .86rem; }
.offer-card li span { color: var(--cyan); font-weight: 950; }
.old-price { margin: 0 0 4px; color: #e8cfdf; font-size: .92rem; }
.old-price s { color: #ff7585; text-decoration-color: #ff334d; text-decoration-thickness: 3px; }
.price-label { margin: -10px 0 21px; color: #d9bdd1; font-size: .8rem; font-weight: 750; }
.price { margin: 3px 0 22px; color: #51df72; font-size: clamp(4rem, 18vw, 6.6rem); font-weight: 950; letter-spacing: -.075em; line-height: .95; text-shadow: 0 0 28px rgba(81,223,114,.22); }
.price small { font-size: 1rem; letter-spacing: 0; }
.price span { font-size: .42em; letter-spacing: -.03em; }
.cta-pulse { animation: cta-pulse 1.65s ease-in-out infinite; }
@keyframes cta-pulse {
  0%, 100% { transform: scale(.98); box-shadow: 0 8px 0 var(--green-dark), 0 17px 32px rgba(20,135,58,.26); }
  50% { transform: scale(1.035); box-shadow: 0 8px 0 var(--green-dark), 0 0 35px rgba(70,217,106,.48); }
}
.offer-card > .payment-seals { width: min(300px, 88%); margin: 25px auto 0; filter: none; }

.guarantee-grid { display: grid; gap: 28px; align-items: center; text-align: center; }
.guarantee-grid > img { width: min(250px, 62vw); margin-inline: auto; }
.guarantee-grid p { color: var(--muted); }
.guarantee-grid p:last-child { color: var(--ink); }

.access { text-align: center; }
.access .eyebrow { justify-content: center; }
.access-grid { display: grid; gap: 14px; margin: 32px 0; text-align: left; }
.access-grid article { position: relative; padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 21px; background: rgba(255,255,255,.055); }
.access-grid b { color: var(--cyan); font-size: .7rem; letter-spacing: .12em; }
.access-grid h3 { margin: 11px 0 8px; }
.access-grid p { margin: 0; color: #dec3d7; font-size: .86rem; }
.cta-center { margin-top: 34px; }

.faq { text-align: center; }
.faq details { margin-bottom: 10px; border: 1px solid var(--line); border-radius: 15px; background: #fff; text-align: left; box-shadow: 0 8px 20px rgba(10, 42, 82, .045); }
.faq summary { position: relative; padding: 18px 48px 18px 17px; font-size: .9rem; font-weight: 850; cursor: pointer; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; top: 50%; right: 18px; color: var(--violet); font-size: 1.4rem; transform: translateY(-50%); }
.faq details[open] summary::after { content: "−"; }
.faq details p { margin: 0; padding: 0 17px 18px; color: var(--muted); font-size: .85rem; }

footer { padding: 36px 0; color: #a98da4; background: #100612; text-align: center; }
footer p { margin: 0 0 9px; font-size: .68rem; }
footer .disclaimer { max-width: 820px; margin: 15px auto 0; color: #896f84; }

@media (min-width: 720px) {
  section { padding: 104px 0; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-lead, .hero .cta { margin-inline: auto; }
  .hero-pills { justify-content: center; }
  .hero { min-height: auto; }
  .ideal-grid, .bonus-grid { grid-template-columns: repeat(2, 1fr); }
  .experience-grid { grid-template-columns: repeat(2, 1fr); }
  .experience-image { order: 2; }
  .equation { grid-template-columns: 1fr auto 1fr; }
  .journey-arrow { transform: none; }
  .block-grid { grid-template-columns: repeat(2, 1fr); }
  .block-grid .wide { grid-column: 1 / 3; }
  .guarantee-grid { grid-template-columns: 280px 1fr; text-align: left; }
  .access-grid { grid-template-columns: repeat(3, 1fr); }
  .audio-card { grid-template-columns: 72px minmax(0,1fr) 52px; padding: 14px; }
  .audio-card > img { width: 72px; height: 72px; }
  .track-copy h3 { font-size: 1.05rem; }
}

@media (min-width: 1040px) {
  .ideal-grid { grid-template-columns: repeat(4, 1fr); }
  .bonus-grid { grid-template-columns: repeat(4, 1fr); }
  .block-grid { grid-template-columns: repeat(3, 1fr); }
  .block-grid .wide { grid-column: auto; }
  .phone-track { justify-content: flex-start; }
  .phone-screen { flex-basis: 326px; min-height: 0; border-radius: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cta-pulse, .audio-card.is-loading .play-btn, .phone-track.is-ready { animation: none; }
  .phone-carousel { overflow-x: auto; scrollbar-width: thin; }
  .phone-track { transform: none; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}