@import url("styles-base.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Nunito+Sans:wght@700;800;900&display=swap");

:root {
  --wine: #1f295a;
  --wine-dark: #161d43;
  --rose: #5d5fef;
  --rose-soft: #e9e9ff;
  --gold: #5d5fef;
  --ink: #1f295a;
  --muted: #69708f;
  --cream: #f2f1ff;
  --paper: #ffffff;
  --sage: #18b7a0;
  --line: #e3e5f2;
  --shadow: 0 16px 38px rgba(31, 41, 90, .12);
}

body { color: var(--ink); background: #fff; font-family: Inter, Arial, sans-serif; }
h1, h2, h3, blockquote { font-family: "Nunito Sans", Arial, sans-serif; }
h1 { font-weight: 900; }
h2, h3 { font-weight: 800; }
.gradient-text {
  display: inline;
  color: #5d5fef;
  background: linear-gradient(100deg, #f2a817 0%, #ff7e67 46%, #9b61df 78%, #5d5fef 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.top-highlight { background: var(--navy, #1f295a); box-shadow: 0 5px 18px rgba(31,41,90,.2); }
.hero { background: radial-gradient(circle at 50% 40%, #fff 0 20%, transparent 56%), linear-gradient(180deg, #fff 0%, #f2f1ff 100%); }
.nav { min-height: 145px; }
.brand-logo { width: 330px; filter: drop-shadow(0 7px 12px rgba(31,41,90,.1)); }
.hero-mockup { max-width: 1080px; }
.hero-mockup::before { background: rgba(93,95,239,.17); }
.button { border-color: #39c8b2; background: linear-gradient(180deg,#24c5ad 0%,#18b7a0 54%,#129783 100%); box-shadow: 0 7px 0 #0d806f,0 15px 27px rgba(24,183,160,.28),inset 0 1px rgba(255,255,255,.42); text-shadow: 0 1px 1px rgba(7,100,86,.3); }
.button:hover { box-shadow: 0 9px 0 #0d806f,0 19px 32px rgba(24,183,160,.34),inset 0 1px rgba(255,255,255,.5); }
.button:active { box-shadow: 0 2px 0 #0d806f,0 8px 16px rgba(24,183,160,.25),inset 0 1px rgba(255,255,255,.32); }
.button::after { content: "→"; }
.section-cream { background: #f2f1ff; }
.section-light { background: #fff; }
.steps article, .content-card, .accordion details { background: #fff; }
.step-icon { background: #f8f8ff; border-color: rgba(93,95,239,.42); }
.step-icon span { background: var(--violet, #5d5fef); color: #fff; }
.check-list li { border-color: #dcdcf4; background: rgba(255,255,255,.82); }
.check-list li::before, .offer-card li::before { color: #18b7a0; content: "✓"; }
blockquote { border-left-color: #18b7a0; background: #fff; }
.feature-icon { background: linear-gradient(145deg,#e9e9ff,#fff); border-color: rgba(93,95,239,.18); }
.content-card.featured .feature-icon { border-color: rgba(93,95,239,.5); background: linear-gradient(145deg,#5d5fef,#4446cf); color: #fff; }
.content-card:nth-child(4) .feature-icon { background: #e2f7f3; color: #087e6c; border-color: #bde7df; }
.total-bar, .visuals-bar { background: #1f295a; }
.total-bar span, .visuals-bar span { color: #d8dcf2; }
.preview-section { text-align: center; }
.video-preview { max-width: 1000px; background: linear-gradient(145deg,#161d43,#1f295a); border-color: rgba(93,95,239,.22); }
.product-preview-image { position: relative; z-index: 1; display: block; width: 100%; border-radius: 11px; background: #fff; }
.offer-section { background: radial-gradient(circle at 50% 28%,rgba(93,95,239,.13),transparent 34%),#fff; }
.offer-includes-panel { border-color: #161d43; background: linear-gradient(145deg,#454c81,#1f295a 58%,#161d43); box-shadow: 0 23px 44px rgba(31,41,90,.22); }
.offer-mockup::before { background: rgba(93,95,239,.22); }
.offer-list li del { display: none; }
.offer-card .price-box { border-color: #dfe1ee; background: #fff; }
.price-box h3, .price-box .old-total, .offer-card .price-box small { color: #1f295a; }
.offer-card .price-box strong { color: #18b7a0; text-shadow: 0 7px 18px rgba(24,183,160,.17); }
.guarantee { background: radial-gradient(circle at 50% 12%,rgba(255,255,255,.4),transparent 34%),linear-gradient(135deg,#b9ece3 0%,#8ed9cc 52%,#75cbbb 100%); }
.guarantee-seal { width: min(230px, 62vw); }
.guarantee-days { border-color: rgba(93,95,239,.42); background: rgba(255,255,255,.94); }
.guarantee-days svg { stroke: #5d5fef; }
.accordion summary { font-family: "Nunito Sans",Arial,sans-serif; }
footer { background: #161d43; color: #d8dcf2; }
.format-badge { background: #f6c453; color: #1f295a; }

@media (max-width: 600px) {
  .brand-logo { width: 270px; }
  .hero { min-height: auto; }
  .hero-mockup { width: calc(100% + 42px); margin-inline: -21px; }
}

.easy-buy {
  overflow: hidden;
  background: radial-gradient(circle at 5% 50%,rgba(24,183,160,.1),transparent 24%),radial-gradient(circle at 95% 44%,rgba(93,95,239,.1),transparent 28%),#f7f8ff;
}
.easy-buy-wrap { text-align: center; }
.easy-buy-wrap > h2 { max-width: 820px; margin-inline: auto; }
.easy-buy-body { position: relative; margin-top: 38px; }
.easy-buy-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.easy-card {
  min-height: 176px;
  padding: 26px 24px;
  border: 1px solid var(--easy-border);
  border-top: 4px solid var(--easy-color);
  border-radius: 18px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 14px 32px rgba(31,41,90,.07);
  text-align: left;
}
.easy-card h3 { margin: 12px 0 8px; color: #171d3b; font-size: 1.08rem; }
.easy-card p { margin: 0; color: #56617a; font-size: .93rem; line-height: 1.6; }
.easy-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; background: var(--easy-color); color: #fff; font-size: 1.1rem; font-weight: 900; }
.easy-teal { --easy-color:#18a995; --easy-border:#a8ded6; }
.easy-violet { --easy-color:#5d5fef; --easy-border:#c8c9ff; }
.easy-yellow { --easy-color:#f0a20f; --easy-border:#f2d394; }
.easy-coral { --easy-color:#f26e63; --easy-border:#ffc6c0; }
.trust-strip { display: flex; max-width: 900px; margin: 30px auto 0; padding: 17px 24px; justify-content: center; border: 1px solid #dfe3f4; border-radius: 16px; background: rgba(255,255,255,.92); box-shadow: 0 12px 28px rgba(31,41,90,.06); color: #3e4964; font-size: .82rem; font-weight: 800; }
.trust-strip span { padding: 0 22px; }
.trust-strip span + span { border-left: 1px solid #dfe3f4; }
@media (max-width: 650px) {
  .easy-buy-grid { grid-template-columns: 1fr; }
  .easy-card { min-height: 0; padding: 22px 20px; }
  .trust-strip { align-items: center; flex-direction: column; gap: 12px; }
  .trust-strip span { padding: 0; }
  .trust-strip span + span { border-left: 0; }
}
.hero-product-title {
  max-width: none;
  margin: 0 auto 18px;
  color: #655cf0;
  background: linear-gradient(100deg,#655cf0 8%,#7765ee 48%,#2d9fc3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(3.2rem,7vw,6.25rem);
  line-height: .94;
  letter-spacing: -.065em;
  white-space: nowrap;
}
.hero-product-subtitle {
  max-width: 820px;
  color: #35405a;
  font-size: clamp(1.15rem,2.25vw,1.65rem);
  font-weight: 800;
  line-height: 1.28;
}
.social-proof {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 18% 35%,rgba(93,95,239,.13),transparent 27%),radial-gradient(circle at 82% 60%,rgba(24,183,160,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#f5f6ff 100%);
}
.social-proof::before,
.social-proof::after {
  position: absolute;
  color: rgba(93,95,239,.07);
  content: "“";
  font: 900 15rem/1 "Nunito Sans",Arial,sans-serif;
}
.social-proof::before { top: -25px; left: 5%; }
.social-proof::after { right: 5%; bottom: -95px; transform: rotate(180deg); }
.social-proof-wrap { position: relative; z-index: 1; text-align: center; }
.social-proof h2 { max-width: 820px; }
.rating-summary {
  display: inline-flex;
  min-width: 260px;
  margin-top: 24px;
  padding: 18px 28px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border: 1px solid rgba(240,162,15,.34);
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 16px 35px rgba(31,41,90,.1);
}
.rating-stars { color: #f0a20f; font-size: 1.35rem; letter-spacing: .13em; line-height: 1; }
.rating-summary strong { color: #1f295a; font: 900 1.5rem/1 "Nunito Sans",Arial,sans-serif; }
@media (max-width: 700px) {
  .hero-product-title { font-size: clamp(2.65rem,12vw,4rem); white-space: normal; }
  .hero-product-subtitle { font-size: 1.08rem; }
  .rating-summary { min-width: 0; padding: 16px 22px; gap: 12px; }
  .rating-stars { font-size: 1.05rem; }
}
.course-map { margin-top: 72px; text-align: center; }
.course-map-kicker {
  display: inline-flex;
  margin: 0 auto 18px;
  padding: 9px 18px;
  border: 1px solid rgba(93,95,239,.24);
  border-radius: 999px;
  background: rgba(233,233,255,.78);
  color: #5d5fef;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.course-map-gradient {
  color: #5d5fef;
  background: linear-gradient(100deg,#655cf0 0%,#7663ef 45%,#20a8a0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.course-area-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 38px; }
.course-area {
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--area-border);
  border-top: 4px solid var(--area-color);
  border-radius: 18px;
  background: linear-gradient(145deg,var(--area-soft),rgba(255,255,255,.96));
  box-shadow: 0 14px 30px rgba(31,41,90,.07);
  text-align: left;
}
.course-area-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.course-area-head span { padding: 7px 13px; border-radius: 999px; background: var(--area-color); color: #fff; font-size: .68rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.course-area-head small { color: #68738d; font-size: .7rem; font-weight: 800; }
.course-area-body { display: grid; grid-template-columns: minmax(128px,36%) 1fr; gap: 18px; align-items: center; }
.course-area-body img { display: block; width: 100%; height: auto; border-radius: 11px; box-shadow: 0 10px 22px rgba(31,41,90,.12); }
.course-area-body h3 { margin: 0 0 10px; color: #171d3b; font-size: 1.05rem; }
.course-area-body ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.course-area-body li { position: relative; padding-left: 18px; color: #4f5b74; font-size: .8rem; line-height: 1.4; }
.course-area-body li::before { position: absolute; top: .48em; left: 0; width: 8px; height: 8px; border-radius: 3px; background: var(--area-color); content: ""; }
.course-area-violet { --area-color:#5d5fef; --area-soft:#f1f1ff; --area-border:#c9caff; }
.course-area-purple { --area-color:#8467ec; --area-soft:#f5f1ff; --area-border:#d6c8ff; }
.course-area-coral { --area-color:#ff7166; --area-soft:#fff1ef; --area-border:#ffc7c1; }
.course-area-teal { --area-color:#13a991; --area-soft:#ebfaf7; --area-border:#a9e1d8; }
.course-extras-title { margin: 36px 0 14px; color: #65708a; font-size: .72rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.course-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.course-chips span { padding: 10px 16px; border: 1px solid #d6d9f4; border-radius: 999px; background: #fff; color: #515dcc; font-size: .76rem; font-weight: 800; }
.course-chips span:nth-child(2n) { border-color: #bce6df; color: #168c7d; }
.course-chips span:nth-child(3n) { border-color: #ffd0c8; color: #e85f54; }
@media (max-width: 850px) {
  .course-area-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .course-map { margin-top: 52px; }
  .course-area { padding: 15px; }
  .course-area-body { grid-template-columns: 1fr; }
  .course-area-body img { max-width: 220px; margin-inline: auto; }
  .course-area-head { align-items: flex-start; flex-direction: column; }
}
.proof-gallery {
  display: grid;
  max-width: 930px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
  margin: 42px auto 0;
  align-items: start;
}
.proof-gallery figure {
  margin: 0;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(93,95,239,.17);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 22px 46px rgba(31,41,90,.13);
  transition: transform .25s ease,box-shadow .25s ease;
}
.proof-gallery figure:hover { transform: translateY(-5px); box-shadow: 0 28px 52px rgba(31,41,90,.17); }
.proof-gallery img { display: block; width: 100%; height: auto; border-radius: 17px; }
@media (max-width: 650px) {
  .proof-gallery { grid-template-columns: 1fr; gap: 18px; margin-top: 32px; }
  .proof-gallery figure { max-width: 460px; margin-inline: auto; border-radius: 19px; }
  .proof-gallery img { border-radius: 13px; }
}
.bonuses-section { background: radial-gradient(circle at 8% 25%,rgba(93,95,239,.08),transparent 26%),radial-gradient(circle at 92% 78%,rgba(255,126,103,.08),transparent 25%),#fff; }
.bonuses-wrap { text-align: center; }
.bonus-kicker { display: inline-flex; margin: 0 auto 18px; padding: 9px 17px; border: 1px solid #f3cf93; border-radius: 999px; background: #fff8ec; color: #b36c05; font-size: .7rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.bonuses-wrap > h2 { max-width: 830px; }
.bonuses-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 40px; align-items: stretch; }
.bonus-card { padding: 22px 20px; border: 1px solid var(--bonus-border); border-top: 4px solid var(--bonus-color); border-radius: 18px; background: linear-gradient(145deg,var(--bonus-soft),#fff); box-shadow: 0 14px 30px rgba(31,41,90,.07); text-align: left; }
.bonus-card:last-child { grid-column: 2; }
.bonus-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.bonus-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; background: var(--bonus-color); color: #fff; font-size: 1.1rem; font-weight: 900; }
.bonus-label { padding: 7px 13px; border-radius: 999px; background: var(--bonus-color); color: #fff; font-size: .67rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.bonus-card h3 { margin: 15px 0 8px; color: #171d3b; font-size: 1.05rem; }
.bonus-card p { margin: 0; color: #526078; font-size: .86rem; line-height: 1.55; }
.bonus-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.bonus-tags span { padding: 7px 10px; border-radius: 7px; background: rgba(31,41,90,.06); color: #4f5b72; font-size: .64rem; font-weight: 800; }
.bonus-violet { --bonus-color:#5d5fef; --bonus-soft:#f0f0ff; --bonus-border:#c9caff; }
.bonus-coral { --bonus-color:#ff6f63; --bonus-soft:#fff1ef; --bonus-border:#ffc5bf; }
.bonus-yellow { --bonus-color:#f0a00c; --bonus-soft:#fff8e9; --bonus-border:#f3d18d; }
.bonus-teal { --bonus-color:#18a995; --bonus-soft:#ebfaf7; --bonus-border:#a9e1d8; }
@media (max-width: 850px) {
  .bonuses-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bonus-card:last-child { grid-column: auto; }
}
@media (max-width: 560px) {
  .bonuses-grid { grid-template-columns: 1fr; gap: 14px; }
  .bonus-card { padding: 20px 18px; }
}
.price-box del {
  display: block;
  margin: 8px 0 2px;
  color: #858ba0;
  font-size: 1rem;
  font-weight: 800;
  text-decoration-color: #f26e63;
  text-decoration-thickness: 2px;
}
.inside-carousel { position: relative; max-width: 1000px; margin: 34px auto 0; padding: 10px 10px 18px; overflow: hidden; border: 1px solid rgba(93,95,239,.22); border-radius: 20px; background: linear-gradient(145deg,#161d43,#1f295a); box-shadow: 0 22px 44px rgba(31,41,90,.2); }
.inside-carousel-viewport { display: grid; overflow: hidden; border-radius: 12px; background: #fff; }
.inside-slide { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transform: scale(.985); transition: opacity .55s ease,transform .55s ease,visibility .55s; }
.inside-slide.is-active { opacity: 1; visibility: visible; transform: scale(1); }
.inside-slide img { display: block; width: 100%; height: auto; aspect-ratio: 3789 / 2679; object-fit: contain; background: #f8f8fc; }
.inside-carousel-button { position: absolute; top: 50%; z-index: 3; display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(22,29,67,.88); box-shadow: 0 8px 20px rgba(22,29,67,.25); color: #fff; font-size: 2rem; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: transform .2s ease,background .2s ease; }
.inside-carousel-button:hover { background: #5d5fef; transform: translateY(-50%) scale(1.07); }
.inside-prev { left: 24px; }
.inside-next { right: 24px; }
.inside-carousel-footer { display: flex; min-height: 36px; align-items: center; justify-content: center; gap: 18px; padding-top: 13px; }
.inside-carousel-dots { display: flex; align-items: center; justify-content: center; gap: 8px; }
.inside-carousel-dots button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.38); cursor: pointer; transition: width .25s ease,background .25s ease; }
.inside-carousel-dots button.is-active { width: 28px; background: #18b7a0; }
.inside-carousel-count { color: #d8dcf2; font-size: .75rem; font-weight: 700; }
.inside-carousel-count strong { color: #fff; }
@media (max-width: 650px) {
  .inside-carousel { margin-top: 26px; padding: 6px 6px 14px; border-radius: 15px; }
  .inside-carousel-viewport { border-radius: 9px; }
  .inside-carousel-button { width: 38px; height: 38px; font-size: 1.65rem; }
  .inside-prev { left: 12px; }
  .inside-next { right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .inside-slide { transition: none; }
}