:root{--forest:#09281d;--forest2:#0e3326;--card:#17392d;--card2:#1b4032;--cream:#f2e8c8;--gold:#dfcc8d;--lime:#a8ef45;--muted:#a5b5ab;--line:#355747;--danger:#dd765e;--sans:"DM Sans",Arial,sans-serif;--display:"Lora",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--forest)}body{margin:0;background:radial-gradient(ellipse at 50% -18%,#174331 0,transparent 47%),var(--forest);color:#f4f1e8;font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}a{color:inherit}#app{min-height:100svh}.quiz-shell{min-height:100svh;max-width:560px;margin:auto;padding:14px 22px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.topbar{position:relative;z-index:5;padding:0 0 12px;background:transparent;backdrop-filter:none}.topline{display:flex;align-items:center;gap:12px}.back{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#17372c;color:#d4ddd6;font-size:23px;line-height:1}.progress{display:flex;gap:7px;flex:1}.progress i{height:4px;border-radius:9px;background:#294b3b;flex:1;overflow:hidden;position:relative}.progress i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#4e9369,var(--gold));border-radius:inherit;transition:width .35s}.step-label{text-align:center;color:var(--gold);letter-spacing:.15em;font-size:11px;font-weight:800;margin:8px 0 0}.screen{flex:1;display:flex;flex-direction:column;justify-content:center;padding:14px 0 20px;animation:arrive .32s ease both}.screen.top{justify-content:flex-start;padding-top:18px}.eyebrow{align-self:center;color:var(--gold);border:1px solid #516542;border-radius:30px;background:#263e2d;padding:7px 13px;font-size:10px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;margin:0 0 16px}.headline{font:italic 700 clamp(30px,8vw,43px)/1.12 var(--display);color:var(--cream);text-align:center;text-transform:uppercase;letter-spacing:-.035em;margin:0 auto 12px;max-width:510px}.subhead{font-size:15px;line-height:1.55;color:#b8c2bb;text-align:center;margin:0 auto 25px;max-width:440px}.options{display:grid;gap:10px;margin:0 0 16px}.option{min-height:66px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(110deg,#18382c,#1a392e);padding:13px 16px;display:flex;align-items:center;gap:14px;text-align:left;color:#f2f1e9;font-weight:650;font-size:15px;line-height:1.34;transition:transform .18s,border-color .18s,background .18s}.option:active{transform:scale(.985)}.option.selected{border-color:var(--gold);background:linear-gradient(110deg,#234a36,#254333);box-shadow:0 0 0 1px #b5a66922}.option .glyph{width:39px;height:39px;flex:0 0 39px;border-radius:12px;display:grid;place-items:center;background:#3983c4;color:#fff;font-size:20px;box-shadow:0 7px 18px #0003}.option:nth-child(4n+2) .glyph{background:#d45e4e}.option:nth-child(4n+3) .glyph{background:#d58a2e}.option:nth-child(4n) .glyph{background:#8662c6}.radio{margin-left:auto;width:22px;height:22px;border:1px solid #536b5c;border-radius:50%;flex:0 0 22px;display:grid;place-items:center;color:var(--forest);font-size:13px}.selected .radio{background:var(--gold);border-color:var(--gold)}.cta{border:0;border-radius:999px;min-height:58px;padding:14px 22px;width:100%;background:linear-gradient(105deg,#77f2c1 0%,#34d5a0 55%,#14b986 100%);color:#06291f;font-size:16px;font-weight:800;box-shadow:0 11px 27px #12bb8330;transition:filter .2s,transform .2s}.cta:active{transform:scale(.985)}.cta:hover{filter:brightness(1.04)}.cta.gold{background:linear-gradient(105deg,#77f2c1 0%,#34d5a0 55%,#14b986 100%);color:#06291f}.cta:disabled{opacity:.48;cursor:not-allowed}.trust{text-align:center;color:#8ea397;font-size:11px;margin:15px 0 0}.proof-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#172c24,#101d19);padding:26px 20px;text-align:center;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.placeholder-mark{border:1px dashed #80927e;border-radius:12px;padding:16px;color:var(--gold);font-size:12px;line-height:1.5;max-width:310px}.placeholder-image{min-height:260px;border:1px dashed #637968;border-radius:18px;background:linear-gradient(145deg,#18372b,#101e18);display:grid;place-items:center;padding:22px;text-align:center;color:#c2cabe;font-size:13px;line-height:1.6}.beforeafter{min-height:420px}.screen.before-after>.headline{font-size:clamp(25px,6.6vw,30px);line-height:1.12;max-width:420px;margin-bottom:14px}.screen.before-after .subhead{max-width:400px;margin-bottom:18px}.beforeafter-gallery{display:grid;grid-template-columns:1fr;gap:12px;margin:14px auto 20px;width:100%;max-width:460px}.beforeafter-gallery figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#142d22}.beforeafter-gallery img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.beforeafter-gallery figcaption{position:absolute;left:9px;bottom:9px;padding:6px 10px;border:1px solid #d1c18c;border-radius:99px;background:#09281ddd;color:var(--cream);font-size:10px;font-weight:800;letter-spacing:.13em}.small-note{color:#83998c;font-size:11px;text-align:center;line-height:1.5;margin:12px 0}.chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin:0 -22px;padding:4px 22px 8px}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid #355544;color:var(--cream);border-radius:999px;padding:11px 15px;font:italic 600 14px var(--display);white-space:nowrap;background:#142f24}.rating{display:flex;justify-content:center;gap:8px;margin:12px 0;color:var(--gold)}.rate{width:48px;height:48px;border:1px solid var(--line);background:#18372b;border-radius:14px;color:#73bd6f;font-size:21px}.rate.active{border-color:var(--gold);background:#264632}.loading-list{display:grid;gap:17px;margin-top:22px}.loading-row{font-size:14px;font-weight:700}.load-track{height:6px;border-radius:8px;background:#284737;margin-top:9px;overflow:hidden}.load-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4f9369,var(--gold));animation:load 1.6s ease forwards}.diagnosis-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#143326;margin:6px 0 18px}.diagnosis-art{min-height:174px;background:radial-gradient(ellipse at 50% 35%,#3d5d49,#18372b 65%);display:flex;align-items:flex-end;padding:18px}.diagnosis-art span{background:#173227dd;border:1px solid #607454;border-radius:99px;padding:7px 10px;color:var(--cream);font-size:10px;font-weight:800}.diagnosis-copy{padding:19px 18px;font-size:14px;line-height:1.55;color:#d0d9d1}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 18px}.metric{padding:14px;border:1px solid var(--line);background:#18372b;border-radius:15px}.metric small{display:block;color:#9aa99e;font-size:11px;margin-bottom:4px}.metric strong{color:var(--gold);font-size:15px}.section{padding:48px 0;border-top:1px solid #294838}.section h2{font:italic 700 clamp(28px,7vw,38px)/1.12 var(--display);text-transform:uppercase;text-align:center;color:var(--cream);margin:0 0 12px}.section>p{color:#abb9ae;text-align:center;line-height:1.6;margin:0 auto 22px;max-width:500px}.quote-card{background:#17372b;border:1px solid var(--line);border-radius:18px;padding:20px;margin:10px 0;color:#edf0e7;line-height:1.55}.quote-card em{display:block;color:var(--gold);font:italic 600 18px var(--display);margin-bottom:9px}.comparison{display:grid;gap:10px}.compare{border:1px solid var(--line);border-radius:16px;background:#16352a;padding:17px;font-size:14px}.compare b{display:block;color:var(--gold);margin-bottom:8px;font-size:11px;letter-spacing:.1em}.flow{display:grid;gap:7px;text-align:center}.flow span{padding:13px;background:#17392c;border:1px solid var(--line);border-radius:13px;font-weight:750;letter-spacing:.08em}.flow i{color:var(--gold);font-style:normal}.module{border:1px solid var(--line);border-radius:17px;background:#17372b;margin:10px 0;padding:17px}.module h3{margin:0 0 9px;color:var(--gold);font:italic 700 20px var(--display)}.module p,.module li{font-size:13px;color:#bac5bd;line-height:1.65}.module ul{margin:0;padding-left:19px}.price-card{background:linear-gradient(145deg,#173a2b,#10271d);border:1px solid #6b8151;border-radius:23px;padding:25px 20px;text-align:center}.price{font:italic 700 44px var(--display);color:var(--cream);margin:8px 0}.faq details{border-bottom:1px solid #355544;padding:17px 3px}.faq summary{font-weight:700;cursor:pointer;list-style:none}.faq summary:after{content:"⌄";float:right;color:var(--gold)}.faq details p{font-size:13px;color:#aebbb1;line-height:1.6}.footer{padding:28px 0;color:#83968a;text-align:center;font-size:11px}.video-shell{aspect-ratio:9/16;max-height:62svh;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#153529,#071a12);display:grid;place-items:center;text-align:center;padding:22px;color:#a8b7aa;margin:18px 0}.video-shell .placeholder-mark{max-width:300px}.tabs{display:flex;gap:5px;justify-content:center;margin:8px auto 18px}.tab{border:1px solid var(--line);border-radius:99px;background:#17372b;color:#c8d1ca;padding:8px 12px;font-size:11px}.tab.active{background:var(--gold);color:#14291e;border-color:var(--gold)}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes load{to{width:100%}}@media(min-width:700px){.quiz-shell{padding-top:22px}.screen{padding-top:26px}.options{gap:12px}.option{min-height:74px;font-size:16px}.hero-offer,.long-page{max-width:1000px;margin:auto;padding:30px}.offer-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.beforeafter{min-height:400px}.screen.before-after>.headline{font-size:36px}.beforeafter-gallery{grid-template-columns:1fr 1fr}.section{padding:64px 0}.quiz-shell:has(.long-page){max-width:none}.video-shell{aspect-ratio:16/9;max-height:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}



/* Social proof + present screens: adapted to the existing quiz identity. */
.social-proof-screen,.gift-screen{gap:0}
.community-avatars{display:flex;align-items:center;justify-content:center;margin:clamp(1.2rem,5vh,2.6rem) auto 0;padding-left:8px}
.community-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;margin-left:-8px;border:2px solid var(--forest);border-radius:50%;color:#173426;background:linear-gradient(145deg,#d9d0b1,#9ea99d);box-shadow:0 3px 10px #0004}
.community-avatar:nth-child(2){color:#153b2b;background:linear-gradient(145deg,#d7c5a5,#8fae91)}
.community-avatar:nth-child(3){color:#263a31;background:linear-gradient(145deg,#e0c6a9,#7d968b)}
.community-avatar:nth-child(4){color:#294033;background:linear-gradient(145deg,#d7d2bb,#a3bba6)}
.community-avatar:nth-child(5){color:#20392e;background:linear-gradient(145deg,#dfc9a3,#88a889)}
.community-avatar svg{width:24px;height:24px}
.community-total{min-height:38px;display:grid;place-items:center;padding:0 13px;margin-left:-3px;border:1px solid #314f35;border-radius:0 22px 22px 0;background:#294725;color:var(--lime);font-size:14px;font-weight:900;letter-spacing:-.02em}
.proof-assets-note{font-size:10px;margin:7px auto 12px;color:#879b8d}
.social-proof-title{font-size:clamp(29px,8vw,42px);line-height:1.04;max-width:440px;margin:8px auto 12px}
.social-proof-title strong,.discount-title strong{color:var(--lime);font-style:italic}
.social-rating{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 18px;color:var(--muted);font-size:13px}
.social-rating b{color:var(--cream);font-size:13px}
.social-rating i{font-style:normal;color:var(--gold)}
.social-stars{color:var(--gold);letter-spacing:.08em;font-size:17px;line-height:1}
.social-quotes{display:flex;gap:8px;width:calc(100% + 44px);margin:0 -22px 10px;padding:5px 22px 9px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}
.social-quotes::-webkit-scrollbar{display:none}
.social-quotes .chip{max-width:280px;white-space:nowrap;color:var(--cream);font-size:13px}
.social-proof-screen .cta{margin-top:clamp(14px,3vh,24px)}
.gift-eyebrow{align-self:center;padding:7px 14px;margin:clamp(1.4rem,5vh,2.7rem) auto 16px;border:1px solid #647753;border-radius:99px;background:#243d2e;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.discount-title{font-size:clamp(29px,7.6vw,40px);line-height:1.06;max-width:450px;margin:0 auto 12px}
.gift-screen .subhead{margin-bottom:22px}
.discount-card{width:100%;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0 auto 20px;padding:22px 16px;border:1px solid #526748;border-radius:20px;background:linear-gradient(145deg,#153a29,#0c2c20);box-shadow:inset 0 0 40px #a8ef4509;text-align:center}
.discount-card span{color:#b9c6b8;font-size:12px;font-weight:700;letter-spacing:.14em}
.discount-card strong{color:var(--cream);font:italic 700 clamp(38px,11vw,54px)/1.05 var(--display);letter-spacing:-.035em}
.gift-screen .cta{margin-top:4px}
@media(max-width:380px){.community-avatar{width:36px;height:36px;flex-basis:36px}.community-total{min-height:35px;padding-inline:10px}.social-rating{gap:6px;font-size:12px}.social-stars{font-size:15px}.social-quotes .chip{padding:10px 12px;font-size:12px}.discount-card{min-height:132px}}
@media(min-width:700px){.social-proof-screen,.gift-screen{max-width:560px;margin-inline:auto}.community-avatars{margin-top:clamp(1.6rem,4vh,3rem)}.social-quotes{width:calc(100% + 44px)}}
.proof-carousel{width:calc(100% + 44px);margin:0 -22px 6px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.proof-carousel__track{display:flex;width:max-content;animation:proofCarousel 48s linear infinite}
.proof-carousel__set{display:flex;flex:0 0 auto;gap:10px;padding-right:10px}
.proof-carousel__item{width:clamp(225px,68vw,300px);height:min(36svh,290px);margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#101e18}
.proof-carousel__item img{display:block;width:100%;height:100%;object-fit:contain}
@keyframes proofCarousel{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.proof-carousel{overflow-x:auto}.proof-carousel__track{animation:none}}

/* Daniel's before/after bridge after the user declares their goal. */
.screen.daniel-transition{justify-content:flex-start;gap:0}
.daniel-transition>.headline{font-size:clamp(25px,6.6vw,34px);line-height:1.08;max-width:440px;margin-bottom:10px}
.daniel-transition>.subhead{max-width:410px;margin-bottom:12px}
.quiz-transformation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:460px;margin:6px auto 8px}
.quiz-transformation figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#142d22}
.quiz-transformation img{display:block;width:100%;aspect-ratio:.88;object-fit:cover;object-position:center 34%}
.quiz-transformation figcaption{position:absolute;left:8px;bottom:8px;padding:6px 9px;border:1px solid #d1c18c;border-radius:99px;background:#09281ddd;color:var(--cream);font-size:10px;font-weight:800;letter-spacing:.13em}
.daniel-transition .small-note{margin:4px 0 10px}
@media(max-width:380px){.quiz-transformation{gap:8px}.quiz-transformation img{aspect-ratio:.92}.daniel-transition>.headline{font-size:clamp(23px,6.4vw,27px)}}

/* The VSL is a vertical 9:16 player on every screen size. */
.vsl-video-shell{display:block;width:min(100%,400px);max-width:400px;aspect-ratio:9/16;max-height:none;margin:18px auto;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#000}
.vsl-video-shell vturb-smartplayer{display:block;width:100%;max-width:400px;margin:0 auto}
.vsl-page.long-page{min-height:100svh;width:100%;max-width:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#09281d}
.vsl-page .vsl-video-shell{width:min(100%,400px,56.25svh);max-width:400px;max-height:100svh;margin:0;border:0;border-radius:0}
.vsl-next[hidden]{display:none!important}
.vsl-next:not([hidden]){position:fixed;z-index:30;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:block;width:min(90vw,400px);margin:0;transform:translateX(-50%);animation:vslButtonReveal .35s ease both}
@keyframes vslButtonReveal{from{opacity:0}to{opacity:1}}



/* Compact quiz questions on mobile so more answer choices stay visible. */
@media(max-width:600px){
  .screen:not(.daniel-transition)>.headline{font-size:clamp(24px,6.2vw,31px);line-height:1.08;max-width:460px;margin-bottom:9px}
  .screen:not(.daniel-transition)>.subhead{font-size:14px;line-height:1.42;margin-bottom:16px}
  .screen:not(.daniel-transition)>.options{gap:8px;margin-bottom:12px}
  .screen:not(.daniel-transition)>.options .option{min-height:56px;padding:9px 12px;gap:11px;font-size:14px}
  .screen:not(.daniel-transition)>.options .option .glyph{width:35px;height:35px;flex-basis:35px}
}
@media(max-width:380px){
  .screen:not(.daniel-transition)>.headline{font-size:clamp(22px,5.9vw,27px)}
  .screen:not(.daniel-transition)>.options .option{min-height:53px;padding:8px 10px}
}