/* Final offer-page refinements. Keep the approved base design in styles.css. */
.distribution { border-color: #71b9a46b; box-shadow: 0 12px 34px #0002; }
.distribution summary { background: linear-gradient(110deg, #174941 0%, #104450 54%, #183b4b 100%); border-left: 4px solid #8cdbbd; transition: background .25s, box-shadow .25s; }
.distribution summary:hover, .distribution summary:focus-visible { background: linear-gradient(110deg, #216254 0%, #195d69 55%, #244e5e 100%); box-shadow: inset 0 0 38px #a1d8bc16; }
.distribution[open] summary { background: linear-gradient(110deg, #21574d, #174b5b); }
.distribution .details-symbol { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border: 1px solid #f0c76d91; border-radius: 50%; background: #f0c76d1b; }

/* The moving scenic section now carries the clickable index. */
.navigation-showcase { min-height: 750px; background: #071d2b; }
.navigation-showcase .motion-process .scene-landscape { background-image: url('assets/transition-veu-de-noiva.webp'); background-position: 65% center; opacity: .8; filter: saturate(.95) contrast(1.13) brightness(.76); }
.navigation-showcase .process-shade { background: linear-gradient(90deg, #051724f7 0%, #061d2ae0 34%, #071d2b65 71%, #061c2b89), linear-gradient(0deg, #071c2b 0%, transparent 30%, #06162544); }
.navigation-showcase .process-grid-lines { opacity: .2; }
.navigation-showcase .floating-paper { opacity: .24; }
.navigation-showcase .navigation-demo { position: relative; z-index: 1; min-height: 520px; }
.navigation-showcase .navigation-copy { text-shadow: 0 4px 24px #001017b8; }
.navigation-showcase .navigation-copy h2 .muted { color: #d5f0dd; }
.navigation-showcase .navigation-copy::after { content: ''; display: block; width: min(340px, 100%); height: 145px; margin-top: 28px; border: 1px solid #d9d0a473; border-radius: 12px; background: url('assets/transition-veu-de-noiva.webp') 72% 44% / cover; box-shadow: 0 18px 37px #0008, 0 0 29px #f1ce7633; transform: rotate(-2deg); }
.navigation-showcase .toc-demo { box-shadow: 0 34px 75px #000a, 0 0 35px #f0c76d18; }

/* Clear gift identity for both bonuses, without covering the PDF samples. */
.bonus-block { border-top: 1px solid #b8dbb642; }
.bonus-questions { background: radial-gradient(circle at 75% 20%, #87602935, transparent 28%), #061927; }
.bonus-guide { background: radial-gradient(circle at 77% 18%, #3087652c, transparent 29%), #09222c; }
.bonus-ribbon { position: relative; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 9px; width: fit-content; max-width: 100%; margin: 0 0 30px !important; padding: 9px 17px 9px 12px; border: 1px solid #ffe0a8; border-radius: 99px; background: linear-gradient(120deg, #ffe5a1, #eabf61 62%, #f7db8d); box-shadow: 0 0 0 5px #f0c76d18, 0 12px 36px #f0c76d33; color: #142838 !important; font-size: .72rem !important; font-weight: 800; letter-spacing: .08em; line-height: 1.2; animation: gift-glow 4.5s ease-in-out infinite; }
.bonus-ribbon strong { font-size: .82rem; letter-spacing: .06em; }
.bonus-ribbon > span:last-child { border-left: 1px solid #19374665; padding-left: 9px; }
.bonus-ribbon-star { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: #0d3b48; color: #ffdf84; font-size: 1rem; }
.bonus-guide .bonus-ribbon { background: linear-gradient(120deg, #d1f3d8, #86ceb3 65%, #c4eedb); border-color: #b8ecd1; box-shadow: 0 0 0 5px #a5e4c716, 0 12px 36px #9fe0c626; }
.bonus-guide .bonus-ribbon-star { background: #194b42; color: #dcffdd; }
.bonus-copy > p.bonus-ribbon { margin-top: 0 !important; }
.bonus-questions .bonus-copy h2 strong { text-shadow: 0 8px 35px #e7a85165, 0 0 86px #f0c76d5c; animation: bonus-number-glow 5s ease-in-out infinite; }
.bonus-lead { isolation: isolate; }
.bonus-lead::after { content: ''; position: absolute; z-index: -1; right: -5%; top: 7%; width: min(50vw, 540px); height: min(50vw, 540px); border-radius: 50%; pointer-events: none; background: radial-gradient(circle, #efd38421, transparent 69%); animation: halo-breath 5s ease-in-out infinite; }
.bonus-guide .bonus-lead::after { background: radial-gradient(circle, #97e7ba21, transparent 69%); }
.bonus-block .bonus-example-carousel { border-top: 1px solid #c9e3d92a; padding-top: 47px; }
.bonus-block .bonus-example-carousel + .bonus-example-carousel { margin-top: 47px; }
.bonus-example-carousel .preview-kicker { color: #b4e4cd; }

/* Offer panel with a real, fixed deadline and a more prominent action. */
.offer { background: radial-gradient(circle at 80% 35%, #80552f2e, transparent 31%), radial-gradient(circle at 19% 60%, #26676755, transparent 41%), linear-gradient(150deg, #0d2d3f, #071b2d 62%, #0a1729); }
.offer-card { isolation: isolate; border: 1px solid #f4d38ead; padding: 38px 34px 35px; background: linear-gradient(154deg, #1b4052 0%, #103149 43%, #0b263a 73%, #112138 100%); box-shadow: 0 32px 85px #0009, 0 0 0 7px #f0c76d0d, 0 0 80px #f0c76d24; }
.offer-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; border-radius: 22px 22px 0 0; background: linear-gradient(90deg, #f8dc9b, #91d9be, #f7ca70); box-shadow: 0 0 23px #f0c76d8c; }
.offer-card-glow { position: absolute; z-index: -1; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; background: radial-gradient(circle at 92% 8%, #edcb8a2c, transparent 35%), radial-gradient(circle at 5% 98%, #78d4b415, transparent 30%); }
.offer-card-topline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.offer-badge { color: #132b37; border-color: #f3d997; background: linear-gradient(120deg, #ffe6a6, #dfb460); box-shadow: 0 4px 21px #f0c76d3b; }
.offer-gift-badge { display: inline-flex; align-items: center; border: 1px solid #a9eed4a8; border-radius: 99px; padding: 8px 11px; background: #2b80636e; box-shadow: 0 0 23px #99e3bd28; color: #ccf6df; font-size: .66rem; font-weight: 800; letter-spacing: .1em; animation: gift-glow 4.5s ease-in-out infinite; }
.offer-card > strong { margin-top: 25px; text-shadow: 0 7px 28px #0008; }
.offer-mini-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 23px; }
.offer-mini-stats span { display: flex; flex-direction: column; align-items: center; gap: 2px; border: 1px solid #b8dbcf36; border-radius: 8px; padding: 12px 6px; background: #071e2d8a; color: #c9e2e3; text-align: center; font-size: .68rem; line-height: 1.25; }
.offer-mini-stats b { color: var(--gold); font-size: 1.5rem; line-height: 1; }
.offer-separator { margin-top: 25px; }
.offer-card li { padding-block: 2px; }
.offer-countdown { margin-top: 26px; border: 1px solid #dfbf70a1; border-radius: 14px; padding: 18px; background: linear-gradient(145deg, #4c47357d, #142d3cc7 70%); box-shadow: inset 0 0 25px #f6d99c0d, 0 13px 30px #0004; }
.countdown-heading { display: flex; align-items: center; gap: 11px; }
.countdown-beacon { width: 10px; height: 10px; flex-shrink: 0; border-radius: 50%; background: #ffe099; box-shadow: 0 0 0 5px #f0c76d24, 0 0 18px #f0c76d; animation: beacon-pulse 2.3s ease-in-out infinite; }
.countdown-heading b { display: block; color: #f9dfad; font-size: .77rem; letter-spacing: .08em; text-transform: uppercase; }
.countdown-heading small { display: block; color: #d5dddc; font-size: .72rem; margin-top: 2px; }
.countdown-digits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.countdown-digits > div { display: flex; flex-direction: column; align-items: center; padding: 10px 3px 8px; border-radius: 7px; border: 1px solid #f2d18e31; background: #061c2abd; }
.countdown-digits strong { color: #fff0c9; font-size: clamp(1.45rem, 2.3vw, 2rem); font-variant-numeric: tabular-nums; line-height: 1; }
.countdown-digits span { color: #9ebcc2; font-size: .55rem; font-weight: 800; letter-spacing: .09em; margin-top: 6px; }
.offer-countdown.is-ended .countdown-beacon { background: #a3bac2; box-shadow: none; animation: none; }
.offer-countdown.is-ended .countdown-digits strong { color: #afc5cb; }
.offer-pending { margin-top: 21px; }
.purchase-button { min-height: 66px; border: 1px solid #fff2bd; background: linear-gradient(120deg, #e5b75c, #ffe8a1 47%, #e9b963); box-shadow: 0 12px 32px #e9bc5866, inset 0 1px #fff7d5; font-size: 1.02rem; letter-spacing: -.01em; }
.purchase-button:hover { background: linear-gradient(120deg, #f3c56d, #fff0be 47%, #f4cd80); box-shadow: 0 16px 39px #e9bc5885, 0 0 28px #e9bc5855; }
.bundle-item:not(.bundle-main) { border-left: 3px solid #e9cc83; background: linear-gradient(115deg, #275052ad, #0a2839ed 65%); }
.bundle-item:not(.bundle-main) > div:last-child > span { color: #ffdfa0; }

.guarantee { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 42px; margin-top: 64px; margin-bottom: 12px; padding: 38px 45px; border: 1px solid #a2dcc281; border-radius: 19px; background: radial-gradient(circle at 9% 50%, #367c6355, transparent 29%), linear-gradient(115deg, #123c40, #0b2a3c 70%); box-shadow: 0 22px 55px #0003; }
.guarantee-seal { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 128px; height: 128px; border: 2px solid #b8edce; border-radius: 50%; box-shadow: inset 0 0 0 7px #c8f1d516, 0 0 35px #9fe0c621; color: #d0f5de; line-height: 1; }
.guarantee-seal span { font-size: 3.4rem; font-weight: 800; letter-spacing: -.09em; }
.guarantee-seal small { font-size: .72rem; font-weight: 800; letter-spacing: .17em; }
.guarantee .eyebrow { margin-bottom: 9px; }
.guarantee h2 { font-size: clamp(1.8rem, 2.8vw, 2.9rem); }
.guarantee p:last-child { color: #d5e8e6; max-width: 755px; margin-top: 13px; font-size: .92rem; }
.guarantee-mark { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid #c6ebd3b1; border-radius: 50%; color: #d6f2dd; font-size: 2rem; box-shadow: 0 0 30px #9fe0c622; }

@keyframes gift-glow { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.1); } }
@keyframes bonus-number-glow { 0%, 100% { text-shadow: 0 8px 35px #e7a85165, 0 0 67px #f0c76d47; } 50% { text-shadow: 0 8px 42px #e7a851a3, 0 0 95px #f0c76d91; } }
@keyframes beacon-pulse { 0%, 100% { box-shadow: 0 0 0 5px #f0c76d24, 0 0 18px #f0c76d; } 50% { box-shadow: 0 0 0 8px #f0c76d16, 0 0 26px #f0c76d; } }

@media (max-width: 760px) {
  .navigation-showcase { min-height: 0; padding-top: 270px; padding-bottom: 80px; }
  .navigation-showcase .motion-process .scene-landscape { background-position: 64% 25%; }
  .navigation-showcase .process-shade { background: linear-gradient(0deg, #071c2b 0%, #071c2be7 55%, #071c2b45 100%); }
  .navigation-showcase .floating-paper { opacity: .14; }
  .navigation-showcase .navigation-demo { min-height: 0; }
  .bonus-block .bonus-example-carousel { padding-top: 36px; }
  .offer-card { padding: 29px 23px; }
  .guarantee { grid-template-columns: auto 1fr; gap: 22px; margin-top: 45px; padding: 28px; }
  .guarantee-seal { width: 96px; height: 96px; }
  .guarantee-seal span { font-size: 2.6rem; }
  .guarantee-seal small { font-size: .56rem; }
  .guarantee-mark { display: none; }
}
@media (max-width: 480px) {
  .navigation-showcase { padding-top: 240px; }
  .bonus-ribbon { padding: 8px 11px; font-size: .6rem !important; gap: 6px; }
  .bonus-ribbon strong { font-size: .72rem; }
  .bonus-ribbon-star { width: 23px; height: 23px; }
  .offer-card-topline { align-items: flex-start; }
  .offer-gift-badge { font-size: .58rem; }
  .offer-mini-stats b { font-size: 1.24rem; }
  .offer-mini-stats span { font-size: .55rem; }
  .countdown-heading small { font-size: .63rem; }
  .countdown-digits { gap: 5px; }
  .guarantee { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .guarantee p:last-child { font-size: .83rem; }
}
@media (prefers-reduced-motion: reduce) {
  .bonus-ribbon, .bonus-questions .bonus-copy h2 strong, .offer-gift-badge, .countdown-beacon { animation: none; }
}