:root { --blue:#18514e; --blue-deep:#123e3b; --cream:#f8f2e8; --white:#fffdfa; --coral:#d98674; --ink:#263741; --muted:#6e7a80; --line:rgba(255,255,255,.32); }
* { box-sizing:border-box; } html { overflow-x:hidden; } body { min-width:320px; margin:0; min-height:100vh; overflow-x:hidden; background:var(--blue); color:#fff; font-family:Arial, Helvetica, sans-serif; -webkit-text-size-adjust:100%; } img,svg,video { max-width:100%; } button,input,textarea { font:inherit; }
.page-shell { width:min(100%, 760px); min-height:100vh; margin:0 auto; padding:26px max(28px, env(safe-area-inset-right)) 48px max(28px, env(safe-area-inset-left)); display:flex; flex-direction:column; }
.brand { align-self:center; width:min(100%,245px); margin:0 auto; }.brand-logo { display:block; width:100%; height:auto; border-radius:8px; }
.brand.brand-premium-preview {
  width: min(100%, 330px);
  height: 105px;
  overflow: hidden;
  border-radius: 10px;
}
.brand-premium-preview .brand-logo {
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
  transform: scale(1.42);
}
.quiz-card { width:100%; max-width:580px; margin:clamp(36px,9vh,90px) auto 0; }.progress-wrap { margin:0 auto 52px; max-width:420px; }.progress-track { height:5px; overflow:hidden; border-radius:5px; background:rgba(0,0,0,.2); }.progress-fill { height:100%; width:7%; background:#fbf6ee; transition:width .3s ease; }
h1 { max-width:600px; margin:0 auto 31px; color:#fff; font-size:clamp(32px,5.8vw,51px); font-weight:750; line-height:1.08; text-align:center; letter-spacing:-.055em; }.section-label { display:block; margin-bottom:14px; color:#dce8de; font-size:13px; font-weight:700; letter-spacing:.11em; text-align:center; text-transform:uppercase; }.question-subtitle,.intro-copy,.scarcity-note { max-width:530px; margin:-13px auto 26px; color:#e7edf0; font-size:17px; line-height:1.48; text-align:center; }.intro-copy { margin-top:0; }.scarcity-note { padding:15px 19px; border-left:3px solid var(--coral); color:#fff6ed; background:rgba(0,0,0,.13); font-size:14px; text-align:left; }
.question-lead { max-width:520px; margin:0 auto 23px; color:#eef4ef; text-align:center; }.question-lead p { margin:0 auto 10px; font-size:17px; font-weight:600; line-height:1.45; }
.question-subtitle-after { margin:16px auto 15px; }
.option-grid { display:grid; gap:13px; max-width:500px; margin:0 auto; }.option { width:100%; display:flex; justify-content:space-between; align-items:center; padding:18px 21px; border:1px solid var(--line); border-radius:5px; background:rgba(255,255,255,.05); color:#fff; font:600 17px/1.3 Arial,sans-serif; text-align:left; cursor:pointer; transition:.16s ease; }.option-copy { display:flex; align-items:center; gap:11px; }.option-emoji { width:25px; flex:0 0 25px; font-size:21px; text-align:center; }.symptom-circle { position:relative; width:21px; height:21px; flex:0 0 21px; border:2px solid currentColor; border-radius:50%; opacity:.92; }.symptom-option.selected .symptom-circle { color:var(--blue-deep); background:var(--blue-deep); }.symptom-option.selected .symptom-circle::after { content:"✓"; position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:14px; font-weight:800; line-height:1; }.option:hover,.option:focus-visible { background:rgba(255,255,255,.14); outline:2px solid #f2e6d5; outline-offset:2px; }.option.selected { background:#fff; color:var(--blue-deep); border-color:#fff; }.option-mark { width:21px; color:var(--coral); font-size:20px; font-weight:800; }
.question-image { width:min(100%, 360px); margin:19px auto 0; overflow:hidden; border-radius:18px; background:#f7f2e9; }.question-image img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; object-position:center; }
.actions { max-width:500px; display:flex; justify-content:space-between; align-items:center; gap:15px; margin:34px auto 0; }.actions.solo { justify-content:center; }.instant-actions { max-width:500px; display:flex; justify-content:flex-end; align-items:center; min-height:42px; margin:22px auto 0; color:rgba(255,255,255,.68); font-size:13px; }.primary-button { min-width:180px; display:inline-flex; justify-content:center; align-items:center; border:1px solid #f7f1e8; border-radius:3px; padding:16px 26px; color:var(--blue-deep); background:#fffaf3; font:700 16px Arial,sans-serif; text-decoration:none; cursor:pointer; transition:.18s ease; }.primary-button:hover:not(:disabled) { transform:translateY(-1px); color:white; background:var(--coral); border-color:var(--coral); }.primary-button:disabled { cursor:not-allowed; opacity:.42; }#continue-after-vsl:not(:disabled) { animation:continue-pulse 1.25s ease-in-out infinite; transform-origin:center; }#continue-after-vsl:not(:disabled):hover,#continue-after-vsl:not(:disabled):focus-visible { animation-play-state:paused; }.fine-print { max-width:540px; margin:42px auto 0; color:rgba(255,255,255,.66); font-size:12px; line-height:1.45; text-align:center; }

@keyframes continue-pulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 0 rgba(217,134,116,0); } 50% { transform:scale(1.075); box-shadow:0 0 0 11px rgba(217,134,116,.2),0 8px 22px rgba(0,0,0,.2); } }
.form-label { display:block; margin:-14px auto 18px; color:#e7edf0; font-size:16px; text-align:center; }.text-input { display:block; width:min(100%,430px); margin:0 auto; border:1px solid var(--line); border-radius:4px; padding:17px 18px; color:#fff; outline:none; background:rgba(0,0,0,.12); font:600 18px Arial,sans-serif; }.text-input::placeholder { color:rgba(255,255,255,.59); }.text-input:focus { border-color:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.13); }
.start-screen { max-width:540px; margin:0 auto; text-align:center; }.start-screen h1 { max-width:540px; margin:0 auto 26px; font-size:clamp(34px,5.4vw,49px); }.start-subtitle { width:max-content; max-width:calc(100vw - 36px); margin:0 auto 35px; color:#eef4ef; font-size:clamp(18px,2.6vw,23px); font-weight:600; line-height:1.28; white-space:nowrap; }.start-screen h2 { margin:0 auto 19px; color:#fff; font-size:28px; letter-spacing:-.035em; }.start-screen .option-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.start-screen .option { padding:17px 18px; }.start-screen .option-mark { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(255,255,255,.26); border-radius:50%; color:#fff; font-size:19px; font-weight:400; }
.quiz-card.early-screen {
  width: 100%;
  max-width: 660px;
  margin-top: clamp(24px, 4.5vh, 46px);
}
.quiz-card.early-screen .progress-wrap {
  width: 100%;
  max-width: 660px;
  margin-bottom: 34px;
}
.early-screen .start-screen,
.early-screen .intro-screen {
  width: 100%;
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.early-screen .start-screen h1,
.early-screen .start-screen h2,
.early-screen .start-subtitle,
.early-screen .intro-screen h1,
.early-screen .intro-copy,
.early-screen .intro-support,
.early-screen .start-screen .option-grid,
.early-screen .intro-screen .actions {
  width: 100%;
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.early-screen .start-subtitle {
  margin-bottom: 30px;
  white-space: normal;
}
.early-screen .start-screen h1 {
  margin-bottom: 22px;
}
.early-screen .intro-screen h1 {
  margin-bottom: 24px;
  white-space: normal;
}
.early-screen .intro-screen .intro-copy {
  max-width: 640px;
}
.early-screen .intro-screen .intro-support {
  max-width: 640px;
}
.energy-screen { max-width:600px; margin:0 auto; text-align:center; }.energy-screen h1 { max-width:570px; margin-bottom:29px; font-size:clamp(30px,5vw,43px); }.energy-options { display:grid; gap:12px; max-width:560px; margin:0 auto; }.energy-option { width:100%; display:grid; grid-template-columns:90px minmax(0,1fr) 28px; align-items:center; gap:16px; padding:16px 20px; border:1px solid var(--line); border-radius:20px; color:#fff; background:rgba(255,255,255,.05); font:500 17px/1.32 Arial,sans-serif; text-align:left; cursor:pointer; transition:.16s ease; }.energy-option:hover,.energy-option:focus-visible,.energy-option.selected { border-color:#f7f1e8; background:rgba(255,255,255,.13); outline:0; }.energy-arrow { color:#fff; font-size:26px; font-weight:400; text-align:right; }.battery { position:relative; width:76px; height:39px; display:flex; align-items:center; gap:4px; padding:5px; border:3px solid currentColor; border-radius:7px; color:#ff4b43; }.battery::after { position:absolute; right:-9px; top:10px; width:6px; height:14px; border-radius:0 3px 3px 0; background:currentColor; content:""; }.battery i { display:none; flex:1; align-self:stretch; border-radius:1px; background:currentColor; }.battery-1 i:nth-child(-n+1),.battery-2 i:nth-child(-n+2),.battery-3 i:nth-child(-n+3),.battery-4 i { display:block; }.battery-mid { color:#ffc12a; }.battery-high { color:#9fd71e; }
.intro-screen { max-width:540px; margin:0 auto; text-align:center; }.intro-screen h1 { margin-bottom:26px; }.intro-screen .intro-copy { margin:0 auto 20px; }.intro-screen .intro-support { max-width:480px; margin-bottom:0; color:#f3f7f1; font-weight:600; }.intro-screen .actions { margin-top:34px; }
@media (min-width:641px) { .intro-screen { max-width:680px; }.intro-screen h1 { max-width:none; font-size:clamp(38px,4vw,48px); white-space:nowrap; } }
@media (min-width:821px) { .page-shell { width:min(100%,1040px); }.quiz-card { max-width:900px; }.quiz-card h1 { max-width:900px; font-size:clamp(36px,4vw,49px); }.energy-screen h1,.processing-screen h1,.momentum-screen h1,.result h1 { max-width:900px; } }
.measure { max-width:500px; margin:0 auto; padding:20px 24px 24px; border:1px solid var(--line); background:rgba(0,0,0,.1); }.measure output { display:block; margin-bottom:22px; color:white; font-size:54px; font-weight:750; letter-spacing:-.06em; text-align:center; }.measure output small { margin-left:5px; color:#e4eced; font-size:21px; letter-spacing:0; }.measure input { width:100%; accent-color:var(--coral); }.range-labels { display:flex; justify-content:space-between; margin-top:9px; color:#dbe5e7; font-size:12px; }.imc-note { max-width:500px; margin:15px auto 0; padding:14px 16px; border-radius:5px; color:#214b3a; background:#d9f2c7; font-size:14px; line-height:1.45; text-align:left; }.result { max-width:620px; margin:0 auto; text-align:center; }.result h1 { max-width:610px; }.video-card { overflow:hidden; margin:26px 0 32px; border-radius:3px; background:#0d2336; box-shadow:0 16px 45px rgba(0,0,0,.23); }.video-screen { min-height:290px; display:flex; justify-content:center; align-items:center; gap:26px; padding:26px; background:linear-gradient(135deg,#123d5b 0%,#0d2336 66%); }.doctor-photo { width:175px; aspect-ratio:1; flex:0 0 175px; object-fit:cover; object-position:center 23%; border:4px solid rgba(255,255,255,.9); border-radius:50%; }.video-content { text-align:left; }.video-pill { display:block; margin-bottom:8px; color:#e3e9df; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.doctor-name { margin:0 0 17px; color:#fff; font-size:22px; font-weight:700; }.play-button { width:70px; height:70px; padding-left:6px; border:1px solid white; border-radius:50%; color:var(--blue-deep); background:#fff; font-size:21px; cursor:pointer; }.play-button:disabled { opacity:.7; cursor:default; }.video-screen #video-state { max-width:270px; margin:15px 0 0; color:#eef3ef; }.video-progress { height:5px; background:rgba(255,255,255,.18); }.video-progress div { height:100%; width:0; background:var(--coral); transition:width .3s linear; }.offer-card { display:flex; align-items:center; gap:20px; padding:20px; margin:24px 0; background:#f5ecdf; color:var(--ink); text-align:left; }.offer-card h2 { margin:0 0 8px; font-size:25px; letter-spacing:-.04em; }.offer-card p { margin:0; color:#52616a; line-height:1.4; }.mockup { flex:0 0 112px; min-height:133px; display:flex; flex-direction:column; justify-content:space-between; padding:12px; color:#fff; background:linear-gradient(145deg,#e38a70,#bc5d50); box-shadow:7px 8px 0 #d8c7b1; }.mockup span { font-size:10px; letter-spacing:.1em; }.mockup strong { font-size:20px; line-height:1; }.unlock-note,.professional-placeholder { color:#d9e3e6; font-size:13px; line-height:1.45; }.professional-placeholder { margin-top:28px; }.disabled { pointer-events:none; opacity:.45; }.final-plan { margin:0 auto; text-align:center; }.final-plan h2 { margin:0 0 8px; color:#fff; font-size:27px; letter-spacing:-.04em; }.final-plan > p { max-width:430px; margin:0 auto 17px; color:#e7edf0; font-size:16px; line-height:1.42; }.availability-card { display:grid; gap:7px; max-width:500px; margin:21px auto; padding:16px 18px; border:1px solid rgba(255,255,255,.32); border-left:3px solid var(--coral); background:rgba(0,0,0,.13); color:#fff; text-align:left; }.availability-card strong { font-size:16px; }.availability-card span,.availability-card p { margin:0; color:#e5ece7; font-size:13px; line-height:1.4; }.authorized-testimonials { margin:28px auto 22px; }.authorized-testimonials h2 { margin:0 auto 14px; color:#fff; font-size:22px; letter-spacing:-.035em; }.authorized-testimonial-track { display:flex; gap:13px; overflow-x:auto; padding:2px 2px 12px; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.45) transparent; }.authorized-testimonial { width:calc((100% - 26px) / 3); min-width:calc((100% - 26px) / 3); flex:0 0 calc((100% - 26px) / 3); margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.24); border-radius:12px; background:#fffaf3; scroll-snap-align:start; box-shadow:0 6px 16px rgba(0,0,0,.13); }.authorized-testimonial img { display:block; width:100%; height:auto; }.checkout-button { margin-top:4px; }.checkout-button:not(.disabled) { animation:plan-pulse 1.7s ease-in-out infinite; }.checkout-button:not(.disabled):hover,.checkout-button:not(.disabled):focus-visible { animation-play-state:paused; }.final-reviews { margin:40px auto 0; padding-top:29px; border-top:1px solid rgba(255,255,255,.22); }.final-reviews h2 { margin:0 auto 15px; color:#fff; font-size:23px; letter-spacing:-.035em; }.final-review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.final-review { display:flex; flex-direction:column; align-items:flex-start; padding:16px; border:1px solid rgba(20,62,59,.09); border-radius:10px; color:var(--ink); background:#fffaf3; text-align:left; box-shadow:0 5px 14px rgba(0,0,0,.08); }.final-review p { margin:11px 0 13px; color:#3f5057; font-size:14px; font-weight:600; line-height:1.42; }.final-review strong { color:var(--blue-deep); font-size:14px; }.final-review > span:last-child { margin-top:3px; color:#68777b; font-size:12px; font-weight:600; }@keyframes plan-pulse { 0%,100% { transform:translateY(0); box-shadow:0 0 0 0 rgba(217,134,116,0); } 48% { transform:translateY(-2px); box-shadow:0 0 0 9px rgba(217,134,116,.13),0 8px 20px rgba(0,0,0,.17); } }
.journey-visual { max-width:560px; margin:0 auto 23px; overflow:hidden; background:#f7f2e9; }.journey-visual img { display:block; width:100%; }.journey-visual figcaption { padding:9px 12px; color:#5f6e73; font-size:11px; line-height:1.35; text-align:left; }.stories { margin:56px 0 0; padding-top:40px; border-top:1px solid rgba(255,255,255,.25); }.stories h2 { max-width:450px; margin:0 auto 23px; color:#fff; font-size:29px; letter-spacing:-.045em; line-height:1.12; }.story-grid { display:grid; gap:12px; }.story-card { display:grid; grid-template-columns:58px 1fr; column-gap:13px; align-items:start; padding:15px; color:var(--ink); background:#f7f2e9; text-align:left; }.story-card img { grid-row:span 2; width:58px; height:58px; border-radius:50%; object-fit:cover; object-position:center; }.story-card p { margin:0 0 7px; color:#42535b; font-size:14px; line-height:1.42; }.story-card strong { color:var(--blue-deep); font-size:13px; }.illustrative-note { margin:15px auto 0; max-width:490px; color:rgba(255,255,255,.64); font-size:11px; line-height:1.4; }
.reassurance-points { display:grid; gap:10px; max-width:500px; margin:0 auto; }.reassurance-points p { display:flex; align-items:center; gap:12px; min-height:55px; margin:0; padding:14px 17px; border:1px solid var(--line); background:rgba(255,255,255,.07); color:#fff; font-weight:600; }.reassurance-points span { display:grid; width:25px; height:25px; place-items:center; border-radius:50%; color:var(--blue-deep); background:#dce8de; }.reassurance-closing { max-width:500px; margin:24px auto 0; color:#f2f5f2; font-size:15px; font-weight:700; line-height:1.45; text-align:center; }.community-placeholder { max-width:500px; margin:19px auto 0; padding:15px 17px; border-left:3px solid var(--coral); background:rgba(0,0,0,.15); color:#f1f5f2; text-align:left; }.community-placeholder span { display:block; margin-bottom:5px; color:#dce8de; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.community-placeholder strong { font-size:13px; font-weight:500; line-height:1.42; }
.inline-testimonials { max-width:500px; margin:28px auto 0; }.inline-testimonials .section-label { margin-bottom:11px; }.inline-testimonial-grid { display:grid; gap:11px; }.inline-testimonial { display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:start; padding:15px; background:#f7f2e9; color:var(--ink); text-align:left; }.initial-avatar { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; color:#fff; background:var(--coral); font-size:11px; font-weight:800; letter-spacing:.03em; }.inline-testimonial p { margin:0 0 9px; color:#42535b; font-size:13px; line-height:1.43; }.inline-testimonial strong { color:var(--blue-deep); font-size:12px; }.inline-testimonial strong span { color:#657077; font-weight:500; }.results-note { margin:10px auto 0; color:rgba(255,255,255,.68); font-size:11px; line-height:1.4; text-align:center; }
.momentum-screen { max-width:680px; margin:0 auto; text-align:center; }.momentum-screen h1 { max-width:660px; margin-bottom:17px; font-size:clamp(32px,5vw,47px); }.momentum-subtitle { max-width:560px; margin:0 auto; color:#edf3ee; font-size:18px; font-weight:600; line-height:1.45; }.mini-reviews { max-width:680px; margin:30px auto 0; }.mini-reviews-title { display:block; margin-bottom:12px; color:#e7efe7; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.review-viewport { position:relative; width:100%; overflow:hidden; padding:2px 0 12px; touch-action:pan-y; cursor:grab; user-select:none; }.review-viewport:active { cursor:grabbing; }.review-viewport img { -webkit-user-drag:none; user-select:none; pointer-events:none; }.review-viewport::before,.review-viewport::after { position:absolute; z-index:2; top:0; bottom:0; width:34px; content:""; pointer-events:none; }.review-viewport::before { left:0; background:linear-gradient(90deg,var(--blue),rgba(24,81,78,0)); }.review-viewport::after { right:0; background:linear-gradient(270deg,var(--blue),rgba(24,81,78,0)); }.mini-reviews-track,.authorized-experience-track { display:flex; align-items:flex-start; width:max-content; gap:12px; will-change:transform; }.mini-review { width:216px; flex:0 0 216px; display:flex; flex-direction:column; align-items:flex-start; padding:15px; border:1px solid rgba(20,62,59,.09); border-radius:10px; color:var(--ink); background:#fffaf3; box-shadow:0 5px 14px rgba(0,0,0,.09); text-align:left; }.review-stars { color:#d16f58; font-size:13px; letter-spacing:1px; }.review-person { display:grid; gap:2px; margin:10px 0 0; }.review-person strong { color:var(--blue-deep); font-size:15px; }.review-person span { color:#68777b; font-size:12px; font-weight:600; }.mini-review p { margin:12px 0 0; color:#3f5057; font-size:14px; font-weight:600; line-height:1.42; }.authorized-experiences { max-width:680px; margin:27px auto 0; }.authorized-experience { width:216px; min-width:216px; flex:0 0 216px; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.24); border-radius:12px; background:#fffaf3; box-shadow:0 5px 14px rgba(0,0,0,.11); }.authorized-experience img { display:block; width:100%; aspect-ratio:1 / 1; object-fit:contain; background:#fffaf3; }.momentum-closing { max-width:560px; margin:29px auto 0; color:#f7f1e8; font-size:16px; font-weight:700; line-height:1.42; }
.momentum-continue { width:min(100%,340px); min-height:58px; font-size:18px; font-weight:800; box-shadow:0 8px 22px rgba(0,0,0,.18); }
.processing-screen { max-width:600px; margin:0 auto; text-align:center; }.processing-card { max-width:520px; margin:0 auto 27px; padding:22px 22px 20px; border:1px solid var(--line); border-radius:15px; background:rgba(0,0,0,.08); }.processing-ring { position:relative; width:150px; height:150px; margin:0 auto 14px; }.processing-ring svg { display:block; width:100%; height:100%; transform:rotate(-90deg); }.processing-track,.processing-arc { fill:none; stroke-width:15; }.processing-track { stroke:rgba(255,255,255,.12); }.processing-arc { stroke:#f7f1e8; stroke-linecap:round; transition:stroke-dashoffset .85s cubic-bezier(.2,.8,.2,1); }.processing-ring strong { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:29px; letter-spacing:-.04em; }.processing-card p { margin:0; color:#eef4ef; font-size:15px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.processing-screen h1 { max-width:570px; margin-bottom:25px; font-size:clamp(30px,5vw,43px); }.processing-support { max-width:530px; margin:0 auto 25px; color:#eef4ef; font-size:17px; line-height:1.45; }.processing-options { max-width:520px; }.processing-options .option-mark { color:#fff; }

.processing-profile,
.processing-path { max-width:760px; }
.processing-continue { width:min(100%,340px); min-height:58px; font-weight:850; }
.profile-result-card,
.path-card { max-width:700px; margin:0 auto; text-align:left; }
.profile-bmi { display:grid; grid-template-columns:1fr auto; align-items:center; gap:6px 18px; padding:18px; border-radius:13px; color:var(--ink); background:#fffaf3; }
.profile-bmi span { font-size:12px; font-weight:850; letter-spacing:.09em; }
.profile-bmi strong { grid-row:span 2; color:var(--blue-deep); font-size:42px; letter-spacing:-.05em; }
.profile-bmi small { color:#657077; font-size:12px; line-height:1.35; }
.profile-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.profile-facts > div { display:grid; align-content:start; gap:7px; min-height:108px; padding:15px; border:1px solid rgba(255,255,255,.22); border-radius:12px; color:#fff; background:rgba(255,255,255,.06); }
.profile-facts span { color:#dce8e5; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.profile-facts strong { font-size:14px; line-height:1.4; }
.profile-insight { margin-top:14px; padding:18px; border-left:3px solid var(--coral); border-radius:10px; background:rgba(255,255,255,.07); }
.profile-insight h2 { margin:0 0 8px; color:#fff; font-size:20px; }
.profile-insight p { margin:0; color:#eef4ef; line-height:1.5; }
.path-subtitle { max-width:620px; margin:-8px auto 24px; color:#e7efed; font-size:16px; line-height:1.5; }
.path-start { display:grid; gap:7px; max-width:540px; margin:0 auto 30px; padding:15px 18px; border:1px solid rgba(247,214,158,.45); border-radius:13px; color:#174d49; background:#fffaf3; text-align:center; box-shadow:0 8px 24px rgba(0,0,0,.12); }
.path-start span { color:#b76150; font-size:12px; font-weight:900; letter-spacing:.13em; }
.path-start strong { font-size:16px; line-height:1.4; }
.path-branches { position:relative; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,.85fr); gap:16px; padding-top:30px; }
.path-branches::before { position:absolute; top:0; left:50%; width:72%; height:30px; border-top:2px solid rgba(247,214,158,.68); border-right:2px solid rgba(255,255,255,.25); border-left:2px solid rgba(247,214,158,.68); border-radius:18px 18px 0 0; content:""; transform:translateX(-50%); }
.path-branch { position:relative; display:flex; min-width:0; flex-direction:column; padding:20px; border-radius:14px; }
.path-branch span { font-size:11px; font-weight:900; letter-spacing:.08em; line-height:1.35; text-transform:uppercase; }
.path-branch h2 { margin:10px 0 9px; color:#174d49; font-size:clamp(20px,3.3vw,27px); line-height:1.08; }
.path-branch p { margin:0; font-size:14px; line-height:1.5; }
.path-branch-positive { color:#174d49; background:linear-gradient(145deg,#fffaf3,#f7e7cf); box-shadow:0 14px 34px rgba(0,0,0,.18); transform:translateY(-5px); }
.path-branch-positive > span { color:#b76150; }
.path-branch-positive > p { color:#405d58; }
.path-projection { margin-top:18px; padding-top:14px; border-top:1px solid rgba(23,77,73,.17); }
.path-projection strong { display:block; margin-bottom:6px; color:#a65344; font-size:17px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.path-projection p { color:#405d58; font-size:13px; }
.path-branch-current { align-self:center; border:1px solid rgba(255,255,255,.2); color:#e3ece9; background:rgba(255,255,255,.05); }
.path-branch-current p { margin-top:8px; color:#dce7e4; }
.preview-toolbar { position:fixed; z-index:30; right:16px; bottom:16px; display:flex; align-items:center; gap:8px; max-width:calc(100vw - 32px); padding:9px; border:1px solid rgba(255,255,255,.28); border-radius:10px; color:#fff; background:rgba(18,62,59,.94); box-shadow:0 10px 26px rgba(0,0,0,.25); font:600 12px Arial,sans-serif; }.preview-toolbar label { display:flex; align-items:center; gap:7px; }.preview-toolbar select { max-width:210px; border:0; border-radius:5px; padding:8px; color:#123e3b; background:#fffaf3; font:600 12px Arial,sans-serif; }.preview-toolbar button { border:1px solid rgba(255,255,255,.42); border-radius:5px; padding:8px 9px; color:#fff; background:transparent; font:700 12px Arial,sans-serif; cursor:pointer; }
@media(max-width:560px) { .page-shell { padding:21px 18px 38px; }.quiz-card { margin-top:55px; }.progress-wrap { margin-bottom:37px; } h1 { font-size:34px; }.start-subtitle { width:auto; white-space:normal; }.option { padding:16px 15px; font-size:16px; }.actions { margin-top:26px; }.primary-button { min-width:148px; padding:15px 17px; }.video-screen { flex-direction:column; gap:17px; }.video-content { text-align:center; }.doctor-photo { width:135px; flex-basis:135px; }.offer-card { gap:14px; padding:15px; }.mockup { flex-basis:92px; min-height:112px; }.offer-card h2 { font-size:21px; }.offer-card p { font-size:14px; }.final-plan h2 { font-size:24px; }.authorized-testimonial { width:78%; min-width:78%; flex-basis:78%; }.final-review-grid { grid-template-columns:1fr; }.momentum-screen h1 { font-size:34px; }.momentum-subtitle { font-size:16px; }.mini-reviews { margin-top:27px; }.mini-review { width:calc(100vw - 88px); flex-basis:calc(100vw - 88px); padding:15px; }.mini-review p { font-size:14px; }.authorized-experience { width:calc(100vw - 88px); min-width:calc(100vw - 88px); flex-basis:calc(100vw - 88px); }.momentum-closing { margin-top:25px; font-size:15px; }.preview-toolbar { right:10px; bottom:10px; left:10px; justify-content:space-between; }.preview-toolbar label { min-width:0; }.preview-toolbar select { width:175px; max-width:55vw; } }
@media(max-width:560px) {
  .quiz-card.early-screen { margin-top:24px; }
  .quiz-card.early-screen .progress-wrap { margin-bottom:28px; }
  .early-screen .start-screen .option-grid { max-width:500px; }
  .early-screen .intro-screen .intro-copy,
  .early-screen .intro-screen .intro-support { max-width:100%; }
  .profile-result-card,.path-card { padding:15px; }
  .profile-facts { grid-template-columns:1fr; }
  .profile-facts > div { min-height:0; }
  .profile-bmi { grid-template-columns:1fr auto; padding:15px; }
  .profile-bmi strong { font-size:36px; }
  .path-subtitle { font-size:15px; }
  .path-branches { grid-template-columns:1fr; gap:12px; padding-top:34px; }
  .path-branches::before { left:24px; width:calc(100% - 48px); }
  .path-branch-positive { transform:none; }
}
@media(max-width:380px) { .page-shell { padding:18px 15px 32px; }.brand { width:205px; }.quiz-card { margin-top:38px; }.progress-wrap { margin-bottom:29px; } h1,.momentum-screen h1 { font-size:30px; }.start-screen h1 { font-size:31px; }.start-screen h2 { font-size:24px; }.start-subtitle { margin-bottom:28px; font-size:17px; }.option { padding:14px; font-size:15px; }.measure { padding:17px; }.measure output { font-size:46px; }.actions { gap:10px; }.primary-button { min-width:138px; padding:14px 15px; }.mini-review { min-width:84%; } }
@media(min-width:561px) and (max-width:820px) { .page-shell { padding-left:32px; padding-right:32px; }.quiz-card { margin-top:clamp(48px,8vh,72px); } }
@media(min-width:1100px) { .page-shell { width:min(100%, 840px); padding-top:34px; padding-bottom:64px; }.quiz-card { max-width:680px; margin-top:clamp(58px,10vh,110px); }.progress-wrap { max-width:500px; } }
@media(orientation:landscape) and (max-height:720px) { .page-shell { min-height:auto; padding-top:18px; }.brand { width:190px; }.quiz-card { margin-top:32px; }.progress-wrap { margin-bottom:30px; } }
/* Las fotos de experiencias se muestran limpias: la marca ya está presente en la pantalla. */
.authorized-testimonial { position:relative; aspect-ratio:23 / 25; background:#fffaf3; }
.authorized-testimonial img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.authorized-testimonial::before { position:absolute; right:0; bottom:0; left:0; height:31%; background:linear-gradient(transparent,rgba(18,62,59,.38)); content:""; pointer-events:none; }
.authorized-testimonial::after { position:absolute; right:12px; bottom:11px; color:rgba(255,253,250,.8); content:"Bariátrica Natural\A Argentina"; font-size:11px; font-weight:700; letter-spacing:.02em; line-height:1.16; text-align:right; white-space:pre-line; text-shadow:0 1px 5px rgba(0,0,0,.28); pointer-events:none; }
.final-reviews { max-width:680px; }
.final-review-viewport { padding-bottom:13px; }
.final-review-track { display:flex; align-items:stretch; width:max-content; gap:12px; will-change:transform; }
.final-review { width:228px; min-height:166px; flex:0 0 228px; justify-content:flex-start; padding:15px; }
.final-review p { margin:10px 0 12px; }
.final-experience-track { display:flex; align-items:flex-start; width:max-content; gap:16px; will-change:transform; }
.authorized-testimonial { width:226px; min-width:226px; flex-basis:226px; }
.checkout-button { min-width:320px; padding:23px 42px; font-size:21px; font-weight:800; letter-spacing:.05em; }
.checkout-button:not(.disabled) { animation-duration:1.35s; }
@media(max-width:560px) {
  .authorized-testimonial { width:78%; min-width:78%; flex-basis:78%; }
  .final-review { width:calc(100vw - 88px); min-height:0; flex-basis:calc(100vw - 88px); }
  .checkout-button { width:100%; min-width:0; max-width:360px; padding:21px 24px; font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
/* En pantallas amplias priorizamos títulos de dos líneas y evitamos cortes de cuatro. */
@media(min-width:821px) {
  .page-shell { width:min(100%,1040px); }
  .quiz-card { max-width:900px; }
  .quiz-card h1,.energy-screen h1,.processing-screen h1,.momentum-screen h1,.result h1 { max-width:900px; font-size:clamp(36px,4vw,49px); }
  .processing-screen { max-width:900px; }
  .multi-option-grid { max-width:820px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  .multi-option-grid .option { min-height:62px; padding:15px 18px; }
  #quiz-content > h1,#quiz-content > .question-lead,#quiz-content > .question-subtitle,#quiz-content > .option-grid { max-width:760px; }
}

/* El carrusel visual gana presencia sin perder el encuadre de tres tarjetas. */
.authorized-experience { width:410px; min-width:410px; flex-basis:410px; }

@media(max-width:560px) {
  .authorized-experience { width:calc(100vw - 88px); min-width:calc(100vw - 88px); flex-basis:calc(100vw - 88px); }
}

/* Marca de agua centrada para las experiencias autorizadas. */
.authorized-experience { position:relative; isolation:isolate; }
.authorized-experience .experience-photo { position:relative; z-index:0; }
.authorized-experience .experience-watermark { position:absolute; z-index:1; top:50%; left:50%; width:21%; max-width:108px; transform:translate(-50%,-50%); opacity:.23; pointer-events:none; }
.authorized-experience .experience-watermark img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; background:transparent; filter:drop-shadow(0 2px 7px rgba(0,0,0,.25)); }
@media(max-width:560px) { .authorized-experience .experience-watermark { width:24%; opacity:.20; } }

/* La confirmación final necesita leerse con el mismo peso que una pregunta. */
.processing-support.processing-question {
  max-width: 680px;
  margin: 0 auto 28px;
  color: #fff;
  font-size: clamp(22px, 3.2vw, 29px);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.025em;
}

@media (max-width: 560px) {
  .processing-support.processing-question {
    margin-bottom: 22px;
    font-size: clamp(20px, 5.6vw, 25px);
  }
}
/* OFERTA FINAL — BARIÁTRICA NATURAL */
.offer-page[hidden],
.mobile-offer-sticky[hidden],
.offer-reservation-bar[hidden] {
  display: none !important;
}

.offer-page {
  width: min(100%, 800px);
  margin: 46px auto 0;
  padding: 0 16px 40px;
  text-align: center;
  overflow: hidden;
}

.result-inline {
  width: 100%;
  max-width: 800px;
}

.result-inline > h1,
.result-inline > .question-subtitle,
.result-inline > .video-card,
.result-inline > .final-plan {
  width: min(100%, 620px);
  margin-right: auto;
  margin-left: auto;
}

.result-inline > .video-card {
  margin-top: 26px;
  margin-bottom: 32px;
}

.offer-entry-button {
  width: min(100%, 430px);
  min-height: 56px;
  margin-top: 4px;
  font-weight: 900;
}

.offer-page.is-revealed {
  animation: offer-reveal 380ms ease-out both;
}

@keyframes offer-reveal {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.offer-section {
  margin: 0 auto 32px;
  padding: 24px 20px;
  border: 1px solid rgba(246, 240, 226, 0.22);
  border-radius: 18px;
  background: rgba(7, 62, 58, 0.2);
}

.offer-bridge {
  position: relative;
  padding-top: 36px;
}

.offer-section.offer-bridge > h2 {
  max-width:560px;
  font-size:clamp(2rem,4.6vw,2.5rem);
  line-height:1.08;
  text-wrap:balance;
}

.offer-bridge::before {
  position: absolute;
  top: -28px;
  left: 50%;
  color: #f7d69e;
  content: "↓";
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1;
  transform: translateX(-50%);
}

.offer-section h2 {
  margin: 0 auto 14px;
  max-width: 680px;
  color: #fffaf1;
  font-size: clamp(1.72rem, 5.5vw, 2.5rem);
  line-height: 1.12;
}

.offer-section h3 {
  margin: 0 0 8px;
  color: #fffaf1;
  font-size: 1.05rem;
}

.offer-section p {
  margin: 0 auto 14px;
  max-width: 660px;
  color: rgba(255, 250, 241, 0.92);
  line-height: 1.55;
}

.offer-method-bridge {
  margin: -8px auto 18px;
  padding: 0 12px;
  color:#f7d69e;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
  line-height: 1.45;
  text-align: center;
  text-transform:uppercase;
}

.offer-muted,
.offer-small,
.offer-section small,
.offer-disclaimer {
  display: block;
  color: rgba(255, 250, 241, 0.72) !important;
  font-size: 0.88rem;
  line-height: 1.45;
}

.offer-mockup {
  width:calc(100% + 24px);
  margin-right:-12px;
  margin-left:-12px;
  padding: 14px;
}

.offer-mockup > h2 {
  max-width:590px;
  margin-bottom:18px;
}

.offer-mockup img {
  display:block;
  width:calc(100% + 44px);
  height:auto;
  margin:0 -22px 22px;
  border-radius:14px;
  box-shadow:0 22px 46px rgba(0,0,0,.24);
}

.offer-device-access {
  margin-bottom:6px !important;
  color:#fffaf1 !important;
  font-size:1.08rem;
  font-weight:900;
}

.offer-deliverable-list {
  display: grid;
  gap: 0;
  margin: 20px auto 0;
  padding: 0;
  max-width: 700px;
  list-style: none;
  text-align: left;
}

.offer-deliverable-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  padding: 15px 4px;
  border-bottom: 1px solid rgba(246, 240, 226, 0.2);
}

.offer-deliverable-list li:first-child {
  padding-top: 5px;
}

.offer-deliverable-list li:last-child {
  padding-bottom: 5px;
  border-bottom: 0;
}

.offer-deliverable-check {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid rgba(247, 214, 158, 0.72);
  border-radius: 50%;
  color: #174d49;
  background: #f7d69e;
  font-size: .86rem;
  font-weight: 900;
}

.offer-deliverable-list strong {
  display: block;
  margin: 2px 0 5px;
  color: #fffaf1;
  font-size: .96rem;
  line-height: 1.35;
}

.offer-deliverable-list p {
  margin: 0 !important;
  color: rgba(255, 250, 241, 0.82) !important;
  font-size: .93rem;
  line-height: 1.45;
}

.offer-bonus-placeholder {
  border-style: dashed;
  border-color: rgba(225, 190, 125, 0.5);
  color: rgba(255, 250, 241, 0.72);
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.offer-bonus-eyebrow {
  display: block;
  margin-bottom: 6px;
  color: #f7d69e;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.special-tools-grid {
  display:grid;
  gap:10px;
  margin-top:20px;
  text-align:left;
}

.special-tool-card {
  padding:18px;
  border:1px solid rgba(225,190,125,.34);
  border-radius:14px;
  background:rgba(5,54,51,.56);
}

.special-tool-card > span {
  display:inline-flex;
  margin-bottom:9px;
  padding:4px 8px;
  border-radius:999px;
  color:#174d49;
  background:#f7d69e;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.09em;
}

.special-tool-card h3 {
  margin-bottom:7px;
  color:#f7d69e;
  font-size:1.12rem;
}

.special-tool-card strong {
  display:block;
  margin-bottom:7px;
  color:#fffaf1;
  line-height:1.4;
}

.special-tool-card p {
  margin:0 !important;
  font-size:.93rem;
}

.offer-price-card,
.offer-final-cta {
  border:2px solid rgba(225,190,125,.78);
  background:linear-gradient(150deg,rgba(5,54,51,.96),rgba(14,92,82,.72));
  box-shadow:0 20px 46px rgba(0,0,0,.2);
}

.offer-price-card {
  padding-top:34px;
  padding-bottom:34px;
}

.offer-price-before {
  margin-bottom: 4px !important;
  font-size: 0.92rem;
  opacity: 0.82;
}

.offer-price-eyebrow {
  display:block;
  margin-bottom:10px;
  color:#f7d69e;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.13em;
}

.offer-price {
  margin: 4px auto !important;
  color: #f7d69e !important;
  font-size: clamp(3.25rem, 8vw, 4rem);
  font-weight: 900;
  letter-spacing:-.04em;
  line-height:.94;
}

.offer-installment-label {
  margin:24px auto 7px !important;
  color:#fffaf1 !important;
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.offer-price-small {
  font-size: clamp(3.25rem, 8vw, 4rem);
}

.offer-installments {
  font-weight: 700;
}

.offer-payment-note {
  margin-top: 20px !important;
  font-weight: 700;
}

.payment-methods {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 18px 0 12px;
}

.payment-methods span,
.payment-protected,
.offer-guarantee-note {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid rgba(246, 240, 226, 0.35);
  border-radius: 999px;
  color: #fffaf1;
  font-size: 0.76rem;
  font-weight: 800;
}

.offer-countdown {
  display: grid;
  width: min(100%, 360px);
  gap: 7px;
  margin: 20px auto 2px;
  padding: 15px 20px;
  border: 1px solid rgba(225, 190, 125, 0.72);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.14);
  box-shadow: inset 0 0 24px rgba(225, 190, 125, 0.07);
}

.offer-countdown > span {
  color: #fffaf1;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.offer-countdown > strong {
  color: #f7d69e;
  font-size: clamp(2.65rem, 10vw, 4rem);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  line-height: 1;
  text-shadow: 0 2px 16px rgba(247, 214, 158, 0.16);
}

.offer-cta {
  width: 100%;
  min-height: 60px;
  margin: 16px 0 10px;
  padding: 16px 18px;
  border: 0;
  border-radius: 12px;
  background: #f7f1e7;
  color: #124b47;
  font: inherit;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.015em;
  cursor: pointer;
}

.offer-cta:hover,
.offer-cta:focus-visible {
  background: #fffaf1;
  transform: translateY(-1px);
}

.offer-experiences .final-experience-viewport,
.offer-experiences .final-review-viewport {
  width: calc(100% + 40px);
  margin: 22px -20px 0;
}

.offer-experience {
  position: relative;
  flex: 0 0 min(76vw, 280px) !important;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 14px;
}

.offer-experience::after {
  content: none !important;
  display: none !important;
}

.offer-experience > img {
  display: block;
  width: 100%;
  height: clamp(230px, 68vw, 350px);
  object-fit: cover;
}

.offer-experience-watermark {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}

.offer-experience-watermark img {
  width: 30%;
  max-width: 92px;
  opacity: 0.3;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.16));
}

.offer-written-reviews {
  margin-top: 34px;
}

.offer-written-reviews h3 {
  margin-bottom: 16px;
}

.offer-page .final-review {
  display: flex;
  flex: 0 0 min(76vw, 290px) !important;
  min-height: 0 !important;
  padding: 18px !important;
  text-align: left;
}

.offer-page .final-review p {
  display: -webkit-box;
  margin: 10px 0 !important;
  color: #174d49;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.offer-page .final-review strong,
.offer-page .final-review span:not(.review-stars) {
  color: #174d49;
}

.offer-guarantee {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  border-color: rgba(225, 190, 125, 0.62);
  background: linear-gradient(145deg, rgba(5, 54, 51, 0.82), rgba(12, 78, 71, 0.58));
  text-align: left;
}

.guarantee-seal {
  display: flex;
  width: 126px;
  height: 126px;
  margin: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 3px double #e5bf84;
  border-radius: 50%;
  color: #e5bf84;
  box-shadow: inset 0 0 0 5px rgba(225, 191, 132, 0.12);
}

.guarantee-seal strong { font-size: 2.45rem; line-height: 0.9; }
.guarantee-seal small { color: #e5bf84 !important; font-size: 0.72rem; font-weight: 900; letter-spacing: 0.16em; }
.guarantee-seal i { margin-top: 6px; font-size: 0.62rem; font-style: normal; font-weight: 900; letter-spacing: 0.12em; }
.offer-guarantee .guarantee-copy h2,
.offer-guarantee .guarantee-copy p {
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}
.guarantee-points { margin-bottom: 0 !important; color: #f7d69e !important; font-weight: 900; line-height: 1.6 !important; }

.offer-text-link {
  border: 0;
  background: transparent;
  color: #f7d69e;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}

.faq-list {
  display: grid;
  gap: 8px;
  text-align: left;
}

.offer-faq {
  overflow: hidden;
  border: 1px solid rgba(246, 240, 226, 0.25);
  border-radius: 12px;
}

.faq-question {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 0;
  background: transparent;
  color: #fffaf1;
  font: inherit;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.faq-question[aria-expanded="true"] > span:last-child {
  transform: rotate(45deg);
}

.faq-answer {
  padding: 0 16px 14px;
}

.faq-answer p {
  margin: 0;
  font-size: 0.94rem;
}

.offer-footer {
  display: grid;
  gap: 14px;
  padding: 28px 0 4px;
  color: rgba(255, 250, 241, 0.85);
  font-size: 0.86rem;
  line-height: 1.45;
}

.offer-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.offer-footer a,
.offer-footer button {
  border: 0;
  background: transparent;
  color: #f7d69e;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.offer-reservation-bar {
  position:fixed;
  z-index:25;
  top:0;
  right:0;
  left:0;
  width:100%;
  display:flex;
  min-height:64px;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:13px 24px;
  border-bottom:1px solid #91483e;
  color:#fffaf1;
  background:#ad5c4e;
  box-shadow:0 4px 14px rgba(0,0,0,.14);
  font-size:14px;
  font-weight:900;
  letter-spacing:.075em;
  text-align:center;
}
.offer-reservation-bar i { display:none; }
.offer-reservation-bar strong { color:#fffaf1; font-size:30px; font-variant-numeric:tabular-nums; font-weight:900; letter-spacing:.035em; line-height:1; }

.mobile-offer-sticky {
  position: fixed;
  z-index: 20;
  right: 12px;
  bottom: 12px;
  left: 12px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(225, 190, 125, 0.64);
  border-radius: 14px;
  background: #0c4944;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
  transition: transform 180ms ease, opacity 180ms ease;
}

.mobile-offer-sticky > span {
  color: #f7d69e;
  font-size: 0.88rem;
  font-weight: 900;
}

.mobile-offer-sticky .offer-cta {
  width: auto;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  font-size: 0.78rem;
}

.sticky-close {
  position: absolute;
  top: -10px;
  right: -4px;
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid rgba(246, 240, 226, 0.48);
  border-radius: 50%;
  background: #155650;
  color: #fffaf1;
  font-size: 1.1rem;
  cursor: pointer;
}

.mobile-offer-sticky.sticky-hidden-at-footer {
  transform: translateY(130%);
  opacity: 0;
  pointer-events: none;
}

.offer-sticky-visible .page-shell,
body:has(.offer-reservation-bar:not([hidden])) .page-shell {
  padding-top:calc(var(--offer-bar-height, 64px) + 22px);
  padding-bottom: 96px;
}

@media (min-width: 720px) {
  .offer-page {
    padding-right: 24px;
    padding-left: 24px;
  }

  .offer-section {
    padding: 32px;
  }

  .offer-section.offer-mockup {
    width:calc(100% + 48px);
    margin-right:-24px;
    margin-left:-24px;
    padding:14px;
  }

  .offer-section.offer-mockup img {
    width:100%;
    margin-right:0;
    margin-left:0;
  }

  .special-tools-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .offer-experiences .final-experience-viewport,
  .offer-experiences .final-review-viewport {
    width: calc(100% + 76px);
    margin-right: -38px;
    margin-left: -38px;
  }

  .offer-experience {
    flex-basis: 300px !important;
  }

  .offer-page .final-review {
    flex-basis: 280px !important;
  }

  .mobile-offer-sticky {
    display: none !important;
  }

  .offer-sticky-visible .page-shell {
    padding-bottom: 0;
  }
}

@media (max-width: 719px) {
  .offer-sticky-visible,
  body:has(.offer-reservation-bar:not([hidden])) {
    --offer-bar-height:76px;
  }

  .offer-reservation-bar { min-height:76px; flex-direction:column; gap:4px; padding:10px 12px; font-size:12px; line-height:1.2; }
  .offer-reservation-bar strong { font-size:30px; }
  .offer-countdown {
    width: 100%;
    padding: 16px;
  }

  .offer-guarantee {
    grid-template-columns: 1fr;
    gap: 18px;
    text-align: center;
  }

  .guarantee-seal {
    margin: 0 auto;
  }

  .offer-guarantee .guarantee-copy h2,
  .offer-guarantee .guarantee-copy p {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .offer-mockup {
    padding:10px;
  }

  .offer-mockup img {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
    margin-left:0;
    border-radius:10px;
  }

  .offer-price-card,
  .offer-final-cta {
    padding:28px 18px;
  }

  .offer-price,
  .offer-price-small {
    font-size:clamp(2.75rem,13vw,3.375rem);
  }

  .offer-cta {
    min-height:58px;
    font-size:.94rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .offer-page.is-revealed,
  .mobile-offer-sticky,
  .offer-cta,
  .faq-question[aria-expanded="true"] > span:last-child {
    animation: none;
    transition: none;
  }
}

/* VSL introductoria real */
.vturb-vsl-card {
  width: 100%;
  margin: 26px auto 32px;
}

.native-vsl-card { background: #000; }
.native-vsl {
  display: block;
  width: 100%;
  max-height: 72vh;
  background: #000;
  object-fit: contain;
}

.intro-vsl-result h1 {
  max-width: 680px;
  font-size: 30px !important;
  line-height: 1.12;
}

.intro-vsl-result .vsl-title-line {
  display: block;
  white-space: nowrap;
}

.intro-vsl-result .native-vsl-card {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

.intro-vsl-result .native-vsl {
  width: 100%;
  max-width: 100%;
  max-height: 72vh;
  margin-left: 0;
}

.intro-vsl-result .native-vsl-card::before,
.intro-vsl-result .native-vsl-card::after {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 21.2%;
  background: var(--blue);
  content: "";
  pointer-events: none;
}

.intro-vsl-result .native-vsl-card::before {
  left: 0;
}

.intro-vsl-result .native-vsl-card::after {
  right: 0;
}

@media (max-width: 560px) {
  .intro-vsl-result h1 {
    font-size: clamp(27px, 7.6vw, 34px) !important;
  }

  .intro-vsl-result .vsl-title-line {
    white-space: normal;
  }
}

/* ITERACIÓN VISUAL FINAL DEL FUNNEL */
:root {
  --blue: #0e4f43;
  --blue-deep: #0a4037;
  --cream: #f7f2e8;
  --white: #fffcf7;
  --coral: #d98270;
  --ink: #24332e;
  --muted: #68766f;
  --line: rgba(255, 252, 247, 0.34);
  --green-soft: #dce9e2;
  --sand: #d6b56d;
}

body {
  background:
    radial-gradient(circle at 50% -12%, rgba(220, 233, 226, 0.16), transparent 34rem),
    linear-gradient(180deg, #0e4f43 0%, #0b473d 100%);
  font-family: "DM Sans", Arial, Helvetica, sans-serif;
}

.page-shell {
  padding-top: clamp(22px, 4vw, 36px);
}

.quiz-card {
  margin-top: clamp(32px, 7vh, 72px);
}

.progress-wrap {
  margin-bottom: clamp(34px, 6vh, 50px);
}

.progress-track {
  height: 7px;
  padding: 1px;
  border: 1px solid rgba(255, 252, 247, 0.18);
  border-radius: 999px;
  background: rgba(4, 39, 33, 0.32);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

.progress-fill {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sand), #f1d29a);
  box-shadow: 0 0 10px rgba(214, 181, 109, 0.25);
}

h1,
.start-screen h2,
.processing-screen h1,
.momentum-screen h1,
.result h1 {
  text-wrap: balance;
}

h1 {
  max-width: 640px;
  margin-bottom: 26px;
  font-family: "Fraunces", Georgia, serif;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.038em;
}

.question-subtitle,
.intro-copy,
.question-lead,
.processing-support,
.momentum-subtitle {
  text-wrap: pretty;
}

.question-subtitle,
.intro-copy,
.scarcity-note {
  color: rgba(255, 252, 247, 0.88);
  line-height: 1.58;
}

.section-label {
  color: #dce9e2;
  letter-spacing: 0.13em;
}

.option-grid {
  gap: 12px;
}

.option,
.energy-option {
  min-height: 62px;
  border: 1px solid rgba(14, 79, 67, 0.1);
  border-radius: 15px;
  padding: 18px 20px;
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 8px 22px rgba(4, 35, 30, 0.1);
  font-family: "DM Sans", Arial, sans-serif;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.option:hover,
.option:focus-visible,
.energy-option:hover,
.energy-option:focus-visible {
  border-color: rgba(217, 130, 112, 0.72);
  outline: 0;
  background: #fff9f2;
  box-shadow: 0 11px 28px rgba(4, 35, 30, 0.15), 0 0 0 3px rgba(217, 130, 112, 0.16);
  transform: translateY(-1px);
}

.option:active,
.energy-option:active,
.primary-button:active:not(:disabled) {
  transform: translateY(1px) scale(0.995);
}

.option.selected,
.energy-option.selected {
  border-color: var(--coral);
  color: var(--ink);
  background: #f8e4dd;
  box-shadow: 0 0 0 3px rgba(217, 130, 112, 0.2), 0 9px 24px rgba(4, 35, 30, 0.12);
}

.option-mark,
.energy-arrow {
  color: #b95f4f;
}

.start-screen .option-mark {
  border-color: rgba(14, 79, 67, 0.22);
  color: var(--blue);
  background: var(--green-soft);
}

.symptom-circle {
  color: #8ca39b;
}

.symptom-option.selected .symptom-circle {
  color: var(--blue);
  background: var(--blue);
}

.primary-button {
  min-height: 56px;
  border: 1px solid #c66f5e;
  border-radius: 12px;
  padding: 16px 28px;
  color: #fffdf8;
  background: var(--coral);
  box-shadow: 0 9px 22px rgba(52, 20, 14, 0.18);
  font-family: "DM Sans", Arial, sans-serif;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.primary-button:hover:not(:disabled),
.primary-button:focus-visible:not(:disabled) {
  border-color: #b75f50;
  color: #fff;
  outline: 0;
  background: #c96f5d;
  box-shadow: 0 12px 28px rgba(52, 20, 14, 0.23), 0 0 0 3px rgba(255, 252, 247, 0.18);
}

.primary-button:disabled {
  border-color: rgba(255, 252, 247, 0.22);
  color: rgba(255, 252, 247, 0.72);
  background: rgba(255, 252, 247, 0.13);
  box-shadow: none;
  opacity: 0.62;
}

.text-input,
.measure {
  border: 1px solid rgba(14, 79, 67, 0.12);
  border-radius: 16px;
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 12px 30px rgba(4, 35, 30, 0.11);
}

.text-input::placeholder {
  color: #86928c;
}

.text-input:focus {
  border-color: var(--coral);
  box-shadow: 0 0 0 4px rgba(217, 130, 112, 0.2), 0 12px 30px rgba(4, 35, 30, 0.12);
}

.measure {
  padding: 25px 26px;
}

.measure output {
  color: var(--blue-deep);
}

.measure output small,
.range-labels {
  color: var(--muted);
}

.measure input {
  accent-color: var(--coral);
}

.imc-note {
  margin-top: 18px;
  border: 1px solid rgba(14, 79, 67, 0.12);
  border-radius: 13px;
  color: #315248;
  background: var(--green-soft);
}

.question-image,
.journey-visual,
.story-card,
.inline-testimonial,
.mini-review,
.authorized-experience {
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(4, 35, 30, 0.12);
}

.processing-card {
  max-width: 430px;
  margin-bottom: 30px;
  padding: 24px;
  border: 1px solid rgba(255, 252, 247, 0.22);
  border-radius: 22px;
  background: rgba(255, 252, 247, 0.08);
  box-shadow: 0 14px 35px rgba(4, 35, 30, 0.14);
}

.processing-ring {
  width: 138px;
  height: 138px;
}

.processing-track {
  stroke: rgba(220, 233, 226, 0.18);
}

.processing-arc {
  stroke: var(--sand);
  filter: drop-shadow(0 2px 5px rgba(214, 181, 109, 0.28));
}

.processing-ring strong {
  color: var(--white);
  font-size: 28px;
}

.processing-card p {
  color: var(--green-soft);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.profile-result-card {
  max-width: 720px;
}

.profile-bmi {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px 18px;
  border: 1px solid rgba(14, 79, 67, 0.1);
  border-radius: 16px;
  background: rgba(255, 252, 247, 0.9);
  box-shadow: 0 8px 22px rgba(4, 35, 30, 0.09);
}

.profile-bmi span {
  color: #52655e;
  font-size: 10px;
  letter-spacing: 0.11em;
}

.profile-bmi strong {
  color: #4e665e;
  font-size: 34px;
}

.profile-bmi small {
  max-width: 480px;
  color: #718079;
}

.profile-facts {
  gap: 12px;
  margin-top: 14px;
}

.profile-facts > div {
  min-height: 116px;
  padding: 17px;
  border: 1px solid rgba(14, 79, 67, 0.1);
  border-radius: 16px;
  color: var(--ink);
  background: var(--green-soft);
  box-shadow: 0 8px 22px rgba(4, 35, 30, 0.08);
}

.profile-facts span {
  color: #567067;
}

.profile-facts strong {
  color: var(--ink);
  font-size: 15px;
}

.profile-insight {
  margin-top: 16px;
  padding: 24px 25px;
  border: 1px solid rgba(217, 130, 112, 0.36);
  border-left: 5px solid var(--coral);
  border-radius: 18px;
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 14px 34px rgba(4, 35, 30, 0.15);
}

.profile-insight h2 {
  margin-bottom: 10px;
  color: var(--blue-deep);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(23px, 3vw, 29px);
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.profile-insight p {
  color: #3d514a;
  font-size: 16px;
  line-height: 1.62;
  text-wrap: pretty;
}

.vturb-vsl-card {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(2, 27, 23, 0.25);
}

@media (max-width: 560px) {
  .page-shell {
    padding: 18px max(16px, env(safe-area-inset-right)) 36px max(16px, env(safe-area-inset-left));
  }

  .brand.brand-premium-preview {
    width: min(100%, 286px);
    height: 91px;
  }

  .quiz-card,
  .quiz-card.early-screen {
    margin-top: 28px;
  }

  .progress-wrap,
  .quiz-card.early-screen .progress-wrap {
    margin-bottom: 30px;
  }

  h1,
  .momentum-screen h1 {
    margin-bottom: 22px;
    font-size: clamp(29px, 8.2vw, 36px);
    line-height: 1.1;
  }

  .question-subtitle,
  .intro-copy,
  .question-lead p,
  .processing-support,
  .momentum-subtitle {
    font-size: 16px;
    line-height: 1.52;
  }

  .option-grid,
  .energy-options {
    gap: 10px;
  }

  .option,
  .energy-option {
    min-height: 60px;
    padding: 16px;
    border-radius: 14px;
    font-size: 16px;
  }

  .energy-option {
    grid-template-columns: 72px minmax(0, 1fr) 20px;
    gap: 12px;
  }

  .battery {
    width: 62px;
    height: 34px;
  }

  .primary-button {
    width: min(100%, 360px);
    min-height: 56px;
    padding: 16px 20px;
  }

  .actions,
  .actions.solo {
    width: 100%;
  }

  .measure {
    padding: 22px 18px;
  }

  .processing-card {
    margin-bottom: 24px;
    padding: 20px 16px;
  }

  .processing-ring {
    width: 122px;
    height: 122px;
  }

  .profile-result-card,
  .path-card {
    width: 100%;
    padding: 0;
  }

  .profile-bmi {
    gap: 6px 12px;
    padding: 15px 16px;
  }

  .profile-bmi strong {
    font-size: 30px;
  }

  .profile-facts {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .profile-facts > div {
    min-height: 0;
    gap: 5px;
    padding: 15px 16px;
  }

  .profile-insight {
    padding: 21px 19px;
    border-left-width: 4px;
  }

  .profile-insight h2 {
    font-size: clamp(22px, 6.5vw, 27px);
  }

  .profile-insight p {
    font-size: 15px;
    line-height: 1.58;
  }

  .vturb-vsl-card {
    border-radius: 12px;
  }
}

@media (max-width: 380px) {
  .page-shell {
    padding-right: 14px;
    padding-left: 14px;
  }

  .option,
  .energy-option {
    padding: 14px;
    font-size: 15px;
  }

  .option-copy {
    gap: 9px;
  }

  .profile-bmi small {
    font-size: 11px;
  }
}

/* OPTIMIZACIÓN VISUAL DE CONVERSIÓN */
.offer-entry-button:not(:disabled) {
  position: relative;
  isolation: isolate;
  transform-origin: center;
  animation: offer-entry-ready 2.15s cubic-bezier(.4, 0, .2, 1) infinite;
}

.offer-entry-button:not(:disabled):hover,
.offer-entry-button:not(:disabled):focus-visible {
  animation-play-state: paused;
  transform: translateY(-2px) scale(1.025);
  box-shadow: 0 14px 32px rgba(217, 130, 112, .32), 0 0 0 6px rgba(217, 130, 112, .13);
}

@keyframes offer-entry-ready {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 9px 22px rgba(52, 20, 14, .18), 0 0 0 0 rgba(217, 130, 112, 0);
  }
  45% {
    transform: translateY(-2px) scale(1.028);
    box-shadow: 0 15px 34px rgba(217, 130, 112, .34), 0 0 0 7px rgba(217, 130, 112, .14);
  }
}

.purchase-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transform-origin: center;
  will-change: transform, box-shadow;
  animation: purchase-cta-pulse 2.2s cubic-bezier(.4, 0, .2, 1) infinite;
  box-shadow: 0 10px 25px rgba(217, 130, 112, .18);
}

.purchase-cta::after {
  position: absolute;
  z-index: -1;
  top: -45%;
  bottom: -45%;
  left: -34%;
  width: 24%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .5), transparent);
  content: "";
  pointer-events: none;
  transform: skewX(-18deg) translateX(-220%);
  animation: purchase-cta-shine 5.4s ease-in-out infinite;
}

.purchase-cta:hover,
.purchase-cta:focus-visible {
  animation-play-state: paused;
  transform: translateY(-2px) scale(1.025);
  box-shadow: 0 15px 34px rgba(217, 130, 112, .3), 0 0 0 5px rgba(217, 130, 112, .12);
}

.purchase-cta:active {
  animation-play-state: paused;
  transform: translateY(1px) scale(.985);
  box-shadow: 0 6px 15px rgba(217, 130, 112, .2);
}

@keyframes purchase-cta-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 10px 25px rgba(217, 130, 112, .18), 0 0 0 0 rgba(217, 130, 112, 0);
  }
  50% {
    transform: scale(1.026);
    box-shadow: 0 15px 34px rgba(217, 130, 112, .3), 0 0 0 6px rgba(217, 130, 112, .11);
  }
}

@keyframes purchase-cta-shine {
  0%, 72%, 100% { transform: skewX(-18deg) translateX(-220%); }
  86% { transform: skewX(-18deg) translateX(650%); }
}

.offer-deliverables {
  margin-bottom: 18px;
}

.offer-section.offer-mockup {
  margin-bottom: 18px;
}

.offer-mockup > h2 {
  margin-bottom: 14px;
}

.offer-mockup img {
  margin-bottom: 16px;
}

.offer-price-card {
  margin-top: 0;
}

.offer-price {
  text-shadow: 0 4px 22px rgba(247, 214, 158, .18);
}

@media (min-width: 720px) {
  .offer-section.offer-mockup img {
    width: calc(100% + 20px);
    max-width: none;
    margin-right: -10px;
    margin-left: -10px;
  }
}

@media (max-width: 719px) {
  .offer-deliverables,
  .offer-section.offer-mockup {
    margin-bottom: 14px;
  }

  .offer-section.offer-mockup img {
    width: calc(100% + 16px);
    max-width: none;
    margin-right: -8px;
    margin-left: -8px;
  }

  .offer-price,
  .offer-price-small {
    font-size: clamp(3.25rem, 15vw, 4.15rem);
  }

  .purchase-cta {
    max-width: calc(100% - 4px);
    margin-right: auto;
    margin-left: auto;
  }

  .mobile-offer-sticky .purchase-cta {
    max-width: none;
    animation-name: purchase-cta-pulse-mobile;
  }
}

@keyframes purchase-cta-pulse-mobile {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 7px 18px rgba(217, 130, 112, .16);
  }
  50% {
    transform: scale(1.015);
    box-shadow: 0 10px 24px rgba(217, 130, 112, .25), 0 0 0 3px rgba(217, 130, 112, .09);
  }
}

@media (prefers-reduced-motion: reduce) {
  .offer-entry-button:not(:disabled),
  .purchase-cta,
  .purchase-cta::after {
    animation: none !important;
  }

  .offer-entry-button:not(:disabled),
  .purchase-cta {
    will-change: auto;
  }
}

/* CORRECCIÓN MOBILE: EXPERIENCIAS DE LA OFERTA Y CTA STICKY */
@media (max-width: 719px) {
  .offer-experiences .final-experience-viewport {
    width: calc(100% + 40px);
    margin-right: -20px;
    margin-left: -20px;
    padding: 2px 20px 14px;
    touch-action: pan-y;
  }

  .offer-experiences .final-experience-track {
    align-items: flex-start;
    gap: 12px;
  }

  .offer-experiences .authorized-testimonial.offer-experience {
    width: min(72vw, 278px);
    min-width: min(72vw, 278px);
    height: auto;
    min-height: 0;
    flex: 0 0 min(72vw, 278px) !important;
    aspect-ratio: auto;
    border-radius: 14px;
    background: transparent;
  }

  .offer-experiences .offer-experience > img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center top;
    background: transparent;
  }

  .mobile-offer-sticky {
    z-index: 24;
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    left: max(10px, env(safe-area-inset-left));
    gap: 8px;
    min-height: 58px;
    padding: 7px 9px;
    border-radius: 12px;
  }

  .mobile-offer-sticky > span {
    font-size: .82rem;
    line-height: 1.15;
  }

  .mobile-offer-sticky .offer-cta {
    min-height: 42px;
    padding: 9px 11px;
    font-size: .74rem;
    line-height: 1.15;
  }

  .sticky-close {
    top: -9px;
    right: -3px;
    width: 24px;
    height: 24px;
  }

  .offer-sticky-visible .page-shell,
  body:has(.offer-reservation-bar:not([hidden])) .page-shell {
    padding-bottom: calc(122px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 380px) {
  .offer-experiences .authorized-testimonial.offer-experience {
    width: 74vw;
    min-width: 74vw;
    flex-basis: 74vw !important;
  }

  .mobile-offer-sticky {
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  }

  .mobile-offer-sticky .offer-cta {
    padding-right: 9px;
    padding-left: 9px;
    font-size: .7rem;
  }
}