@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--primary:#a88ae4;--accent:#ef83ad;--ink:#2e213a;--muted:#817688;--bg:#fbf9fd;--soft:#f0e9fa;--line:#e8e0ee;--rose:#fff0f6;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button{border:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;line-height:1.25;font-weight:800;letter-spacing:-1.1px}h2{font-size:23px;letter-spacing:-.6px}p{line-height:1.6}.top{max-width:1060px;margin:auto;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.2px;text-decoration:none;background:none;display:flex;align-items:center;gap:6px}.logo span{display:inline-grid;place-items:center;background:var(--primary);color:white;border-radius:11px;width:28px;height:32px;font-size:24px}.lang{border:1px solid var(--line);border-radius:30px;background:white;font-size:12px;padding:8px 12px}.stage{max-width:460px;min-height:calc(100svh - 88px);margin:auto;padding:0 24px 28px;display:flex;flex-direction:column;position:relative}.screen{animation:arrive .32s ease-out;flex:1;display:flex;flex-direction:column}.question-head{text-align:center;margin:26px 0 25px}.question-head p{color:var(--muted);font-size:14px;margin-top:13px}.progress-row{height:32px;display:flex;align-items:center;gap:24px}.back{background:transparent;font-size:25px;width:26px;text-align:left;padding:0}.progress{display:flex;gap:6px;width:176px;margin:auto}.progress i{height:4px;border-radius:4px;flex:1;background:var(--line);overflow:hidden}.progress b{display:block;height:100%;background:var(--primary);transition:width .3s}.spacer{width:26px}.options{display:grid;gap:12px;margin-top:auto;margin-bottom:auto;padding:12px 0 24px}.option{display:flex;align-items:center;gap:16px;min-height:66px;border:1.5px solid transparent;padding:18px 20px;text-align:left;border-radius:17px;background:white;box-shadow:0 4px 18px #3b205003;transition:all .18s}.option:hover{border-color:var(--primary);transform:translateY(-1px)}.option.selected{border-color:var(--primary);background:var(--soft)}.option .icon{font-size:23px;width:26px;text-align:center;color:#8970b9}.option .label{flex:1;font-size:15px;line-height:1.4;font-weight:500}.check{border:1.5px solid var(--line);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.selected .check{background:var(--primary);border-color:var(--primary);color:white}.cta{display:block;width:100%;background:var(--ink);color:white;border-radius:99px;padding:19px 22px;min-height:59px;font-weight:700;font-size:16px;transition:transform .2s,background .2s}.cta:hover{background:#4a345b;transform:translateY(-1px)}.cta.pink{background:var(--accent);color:#381e30}.cta.light{background:var(--soft);color:var(--ink)}.bottom{padding:18px 0 8px;margin-top:auto}.fine{font-size:11px;color:var(--muted);text-align:center;line-height:1.5;margin:14px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#9171c5;font-size:10px;font-weight:800;margin-bottom:12px}.art{width:100%;height:290px;display:block;overflow:visible}.art .arm{transform-origin:200px 175px;animation:arm 4s ease-in-out infinite}.art .person{transform-origin:200px 300px;animation:breathe 5s ease-in-out infinite}.art .spark{animation:float 3s ease-in-out infinite}.art .cat{animation:float 4s ease-in-out infinite}.chapter h1{font-size:49px;line-height:1.12;text-align:left;white-space:pre-line;margin-top:40px;letter-spacing:-2px}.chapter h1 em{color:var(--primary);font-style:normal;display:block;margin-bottom:14px}.chapter .art{height:360px;margin:20px -20px;width:calc(100% + 40px)}.chapter .eyebrow{margin-top:24px}.chapter .bottom{margin-top:auto}.welcome{text-align:center}.welcome h1{font-size:42px;letter-spacing:-1.7px;margin:18px 0 12px}.welcome h1 em{font-style:normal;color:#a17fda}.welcome .art{height:280px;margin-top:-10px}.welcome .pitch{background:white;border-radius:26px;padding:25px 22px;box-shadow:0 15px 60px #58387808;margin-top:-12px}.welcome .pitch h2{font-size:23px;line-height:1.45;margin-bottom:20px}.metrics{display:flex;justify-content:center;gap:32px;margin:20px 0}.metrics b{display:block;font-family:Manrope;font-size:22px}.metrics span{font-size:10px;color:var(--muted)}.welcome .fine{margin-top:17px}.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gender-card{border:1.5px solid var(--line);border-radius:25px;background:white;overflow:hidden;padding:5px 0 22px;font-weight:700}.gender-card .art{height:220px}.gender-card.selected{border-color:var(--primary);background:var(--soft)}.text-button{background:none;padding:16px;color:var(--muted);font-size:13px;text-decoration:underline}.body-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:center;margin:auto 0}.body-grid .art{height:340px}.body-grid .options{gap:10px}.body-grid .option{padding:15px 10px;min-height:52px}.body-grid .label{font-size:13px}.story{background:linear-gradient(160deg,#eee4fc,#fce1ec);margin:10px -24px -28px;padding:30px 24px;border-radius:30px 30px 0 0;text-align:center}.story .art{height:330px}.story h1{font-size:30px}.story p{font-size:14px;color:var(--muted);margin:12px 0}.daylabels{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin:15px 0 8px}.animated-line{height:5px;background:#ffffff80;border-radius:9px;overflow:hidden}.animated-line i{display:block;height:100%;background:var(--accent);animation:line 5s infinite}.number-area{text-align:center;margin:auto 0}.units{display:inline-flex;background:var(--soft);border-radius:25px;padding:4px;margin-bottom:32px}.units button{padding:7px 20px;border-radius:20px;background:none;font-size:13px}.units button.active{background:var(--primary);color:white}.number-display{display:flex;justify-content:center;align-items:baseline}.number-display input{font-family:Manrope;font-weight:800;letter-spacing:-2px;font-size:62px;width:220px;border:0;outline:0;text-align:center;background:transparent;color:var(--ink)}.number-display input::-webkit-inner-spin-button{-webkit-appearance:none}.number-display span{font-size:18px;color:var(--muted)}input[type=range]{accent-color:var(--primary);width:100%;margin:24px 0}.ruler{height:55px;margin:10px 0 30px;background:repeating-linear-gradient(90deg,transparent 0 12px,#ddd2e7 12px 13px,transparent 13px 25px);mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);position:relative}.ruler:after{content:'';position:absolute;left:50%;height:55px;width:3px;background:var(--accent)}.note{background:white;padding:18px;border-radius:18px;font-size:13px;color:var(--muted);text-align:left;line-height:1.5}.range-labels{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.range-area{margin:auto 0}.range-area .art{height:300px}.range-value{text-align:center;font-weight:700;margin:10px}.info{text-align:center}.info .art{height:330px;margin:auto 0}.info p{margin:18px 0;color:var(--muted)}.yesno{display:flex;gap:16px;margin-top:auto;padding:20px 0}.yesno button{flex:1;padding:18px;border-radius:99px;background:var(--soft);font-weight:700}.yesno button:last-child{background:var(--rose);color:#b9527f}.chart{width:100%;height:220px;margin:30px 0 5px}.chart path.line{stroke-dasharray:500;stroke-dashoffset:500;animation:draw 1.7s forwards}.chart-labels{display:flex;justify-content:space-between;font-size:12px;margin-bottom:25px}.projection .note{margin-top:auto}.celebrate{background:linear-gradient(145deg,var(--primary),#d9adeb,var(--accent));text-align:center;margin:0 -24px -28px;padding:60px 24px;color:white;justify-content:center}.celebrate .seal{width:150px;height:150px;display:grid;place-items:center;font-size:78px;border:3px solid white;border-radius:50%;margin:40px auto;animation:pop .7s}.celebrate h1{font-size:40px}.celebrate p{margin:15px 0 45px}.loader{margin:auto;text-align:center}.ring{display:grid;place-items:center;width:165px;height:165px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--pct)*1%),var(--soft) 0);margin:40px auto;position:relative}.ring:before{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--bg)}.ring b{position:relative;font:800 38px Manrope}.loading-items{display:grid;gap:18px;font-size:14px;text-align:left;margin:35px 0;color:var(--muted)}.loading-items span:before{content:'✓';display:inline-grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:50%;width:24px;height:24px;margin-right:12px}.result .question-head{margin-bottom:0}.pill{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;background:var(--soft);color:#8162ad;padding:8px 14px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:18px 0 25px}.calendar span{text-align:center;font-size:11px;padding:10px 0;border-radius:10px;background:white}.calendar .on{background:var(--soft);color:#8761bf}.calendar .first{background:var(--primary);color:white}.summary{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;margin:20px 0}.summary dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.summary dt{font-size:11px;color:var(--muted);margin-bottom:5px}.summary dd{font-size:14px;font-weight:700;margin:0}.week{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.week .mini{width:90px;background:var(--soft);border-radius:17px}.week .art{height:80px}.week small{font-size:11px;color:var(--muted)}.week h3{font-size:14px;margin-top:5px}.sticky{position:sticky;bottom:0;background:linear-gradient(transparent,var(--bg) 25%);padding:28px 0 16px;z-index:5}.wide{max-width:1050px}.paywall{text-align:center}.paywall .question-head{max-width:550px;margin:25px auto 35px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;margin:28px 0}.plan-card{position:relative;background:#f5f0fa;border:1.5px solid var(--line);border-radius:22px;padding:36px 25px 28px;text-align:left;min-height:250px;transition:all .2s}.plan-card.selected{background:#fff;border:2px solid var(--primary);box-shadow:0 8px 35px #9e80cc20}.plan-card h2{font-size:22px;letter-spacing:-.8px;max-width:90%;margin-bottom:18px}.plan-card .check{position:absolute;right:20px;top:40px}.plan-card .badge{position:absolute;left:-2px;right:-2px;top:-27px;text-align:center;padding:8px;background:var(--primary);color:white;border-radius:18px 18px 0 0;font-size:11px;font-weight:800;letter-spacing:1px}.plan-card.popular{border-radius:0 0 22px 22px}.plan-card .total{font-size:20px;font-weight:700}.plan-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.price{font-family:Manrope;font-size:39px;font-weight:800;letter-spacing:-1.7px}.price small{font:400 12px 'DM Sans';letter-spacing:0;color:var(--muted)}.paywall .cta{max-width:450px;margin:15px auto}.billing{max-width:740px;margin:25px auto;padding:20px;border:1px solid var(--line);border-radius:18px;color:var(--muted);font-size:13px}.included{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:20px}.safe{font-size:12px;color:var(--muted)}.checkout{max-width:500px;margin:40px auto;text-align:center}.checkout .summary{text-align:left}.checkout p{margin:20px 0;color:var(--muted)}.dashboard h1{font-size:30px;margin:20px 0}.tabs{display:flex;gap:4px;background:white;border:1px solid var(--line);padding:6px;border-radius:18px;margin:15px 0 25px}.tabs button{flex:1;padding:12px 7px;border-radius:12px;background:none;font-size:11px}.tabs .active{background:var(--soft);font-weight:700}.workout-hero{background:linear-gradient(140deg,#eee3fb,#fce5ee);border-radius:26px;padding:20px;position:relative}.workout-hero .art{height:220px}.workout-hero h2{font-size:24px}.workout-hero p{font-size:12px;color:var(--muted);margin:10px 0 20px}.library{display:grid;grid-template-columns:1fr 1fr;gap:14px}.library button{background:white;border:1px solid var(--line);border-radius:20px;padding:15px;text-align:left}.library .art{height:135px}.library h3{font-size:13px}.library p{font-size:11px;color:var(--muted);margin-top:7px}.session{text-align:center}.session .art{height:290px}.timer{font:800 54px Manrope;margin:15px}.session p{font-size:14px;color:var(--muted);margin:15px 0}.session-controls{display:flex;gap:10px}.session-controls .cta{font-size:13px}.session .note{margin-top:20px}.success{text-align:center;padding:40px 0}.success .seal{font-size:70px;color:var(--primary)}.review{position:fixed;bottom:15px;right:15px;background:var(--ink);color:white;padding:12px;border-radius:12px;z-index:10;box-shadow:0 5px 30px #0002}.review select{max-width:210px;background:white;border:0;border-radius:5px;padding:6px;font-size:11px}.review b{display:block;font-size:10px;margin-bottom:6px}.error{color:#a44269;font-size:12px;margin-top:10px;text-align:center}.preview-tag{font-size:10px;background:var(--soft);padding:7px 12px;border-radius:20px;color:#7f639e}.app-top{display:flex;justify-content:space-between;align-items:center}.toast{background:var(--ink);color:white;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:15px;font-size:13px;z-index:40;max-width:90vw}.meal-hero{background:var(--rose);padding:25px;border-radius:25px;text-align:center}.meal-hero .art{height:220px}.meal-hero p{font-size:14px;color:var(--muted);margin:15px 0}.count{background:var(--soft);border-radius:20px;padding:25px;text-align:center;margin:20px 0}.count b{font:800 50px Manrope;display:block}.count span{font-size:13px;color:var(--muted)}
@keyframes arrive{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}@keyframes breathe{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes arm{50%{transform:rotate(-8deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes line{from{width:0}to{width:100%}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@media(min-width:700px){.stage:not(.wide){background:linear-gradient(white,#fbf9fd);border:1px solid var(--line);border-radius:30px;min-height:720px;padding-top:16px;margin-bottom:35px;box-shadow:0 12px 65px #54336d05}.top{height:95px}.welcome .art{height:250px}.chapter h1{margin-top:25px}.chapter .art{height:320px}.wide{min-height:650px}}@media(max-width:699px){.top{height:64px;padding:0 22px}.logo{font-size:22px}.stage{min-height:calc(100svh - 64px)}h1{font-size:27px}.question-head{margin:24px 0 20px}.welcome h1{font-size:37px}.welcome .art{height:250px}.chapter h1{font-size:46px}.plan-grid{grid-template-columns:1fr;gap:34px;margin-top:35px}.plan-card{min-height:auto;padding:25px 20px;display:grid;grid-template-columns:1fr 110px;gap:3px}.plan-card h2{font-size:19px;margin-bottom:8px}.plan-card .check{top:25px;right:16px}.plan-card .total{font-size:17px;grid-column:1}.plan-card hr{display:none}.plan-card .price{grid-column:2;grid-row:1/3;font-size:29px;align-self:center;padding-top:10px}.price small{display:block}.paywall .question-head{margin-bottom:15px}.included{gap:12px}.wide{padding:0 20px 24px}.billing{font-size:11px}.review{bottom:5px;right:5px;opacity:.9}.review select{max-width:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.chart path.line{stroke-dashoffset:0}}
/* Reference layout: source illustrations, restrained flat controls, original screen hierarchy. */
:root{--ink:#191419;--bg:#f7f7f7;--primary:#b28ae5;--accent:#f378ad}body,h1,h2,h3,.logo,.metrics b{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif}h1{letter-spacing:-.6px;font-size:29px}.top{height:64px}.stage{min-height:calc(100svh - 64px);max-width:460px}.question-head{margin:32px 0 26px}.question-head p{color:#666;font-size:15px}.cta,.cta.pink{background:var(--accent);color:white;border-radius:16px;font-size:20px;font-weight:600}.cta:hover{background:#e5679d}.option{border-radius:12px;box-shadow:none;min-height:65px}.option .label{font-size:17px}.options{margin:20px 0 auto;gap:14px}.reference-art{width:100%;display:block;overflow:hidden;min-height:0}.chapter h1{font-size:53px;margin-top:42px;line-height:1.16;white-space:pre-line}.chapter .reference-art{height:360px;width:calc(100% + 48px);margin:18px -24px}.chapter-motion{animation:chapterFloat 3s ease-in-out infinite}.welcome{background:#fff2f8;margin:0 -24px -28px;overflow:hidden}.welcome .metrics{display:flex;flex-direction:column;gap:22px;margin:25px 0 12px}.metrics b{font-size:38px;line-height:1.1}.metrics span{font-size:17px;color:var(--ink)}.welcome .reference-art{height:190px;width:100%}.welcome .pitch{margin-top:-4px;position:relative;box-shadow:none;padding:24px 28px 32px;border-radius:24px 24px 0 0}.welcome .pitch h2{font-size:25px;line-height:1.45}.gender-card{border:0;background:transparent;border-radius:0;padding:0}.gender-card .reference-art{height:300px}.gender-grid{margin-top:36px}.body-grid .reference-art{height:380px}.range-area .reference-art{height:340px;transition:transform .15s}.range-value{min-height:28px}.range-area input{accent-color:var(--accent)}.fitness-orb{margin:50px auto;width:190px;height:190px;border:18px solid #f7a5c9;border-radius:50%;box-shadow:0 0 28px #f378ad88,inset 0 0 22px #f378ad88;font-size:100px;color:var(--accent);display:grid;place-items:center}.info .reference-art{height:310px;margin:8px 0 20px}.info-caption{text-align:center;font-size:18px;line-height:1.5}.info .question-head p{background:#fce5f0;color:#272027;padding:20px;border-radius:16px;font-size:19px}.yesno{margin-top:auto;padding-top:20px}.yesno button{border-radius:14px;min-height:60px;font-size:19px}.photo-question .reference-art{height:440px;order:0;margin:0 -24px;width:calc(100% + 48px)}.photo-question .question-head{order:1;margin:22px 0}.photo-question .yesno{order:2}.transformation-film{display:block;width:100%;height:385px;object-fit:contain}.story .question-head{margin-bottom:12px}.animated-line{display:none}.info[data-step=made] .reference-art{height:300px}.loader .reference-art{height:250px}.plan-card .price{font-size:37px}.stage.wide .cta{max-width:530px}.stage.wide .plan-grid{gap:20px}.info .question-head h1{font-size:27px}@keyframes chapterFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:540px){.top{padding:0 22px}.logo{font-size:20px}.question-head{margin-top:25px}.chapter h1{font-size:48px}.chapter .reference-art{height:320px}.stage{padding-bottom:20px}.info .reference-art{height:285px}.photo-question .reference-art{height:400px}.welcome .metrics{gap:18px}.welcome .reference-art{height:165px}.welcome .pitch h2{font-size:23px}.gender-card .reference-art{height:250px}}@media(prefers-reduced-motion:reduce){.chapter-motion{animation:none}}
/* Reference controls and scenario projections. */
.prototype-notice{font-size:10px;line-height:1.35;padding:7px 18px;background:#ede4f8;color:#675279;display:flex;align-items:center;gap:14px;justify-content:center}.prototype-notice b{white-space:nowrap}.prototype-notice span{max-width:820px}.reference-projection{text-align:center}.reference-projection h1{font-weight:400;margin:45px -8px 10px;font-size:28px;line-height:1.4}.reference-projection h1 strong{color:var(--accent);font-weight:700}.prediction-chart{width:calc(100% + 48px);margin:30px -24px 10px;display:block;overflow:visible}.prediction-reassurance{margin:auto 0 25px;text-align:center}.prediction-reassurance h2{font-size:24px;margin:28px 0 8px}.prediction-reassurance p{color:#969296;font-size:18px;line-height:1.45}.result-overline{text-align:center;font-size:15px;margin-top:25px}.result-prediction{text-align:center;font-size:28px;line-height:1.35;margin:10px 0}.result-prediction strong{font-weight:800}.measurement{position:relative;flex:1;min-height:290px}.reference-units{display:flex;width:max-content;margin:20px auto 0;border:1px solid #f2dce7;background:#fff0f5;padding:3px}.reference-units button{font-size:22px;font-weight:600;padding:5px 20px;color:#a39a9d}.reference-units button.active{background:var(--accent);color:white}.measure-readout{display:flex;align-items:baseline;justify-content:center;gap:5px;margin:45px 0 10px}.measure-readout output{font-size:64px;font-weight:700;letter-spacing:-2px;color:#171217;line-height:1.1}.measure-readout span{color:#aaa;font-size:18px}.ruler-control{position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;height:105px;width:calc(100% + 48px);margin:0 -24px}.ruler-control:active{cursor:grabbing}.ruler-control canvas{width:100%;height:100%;display:block}.ruler-marker{position:absolute;background:var(--accent);top:4px;bottom:22px;left:50%;width:3px;border-radius:3px;pointer-events:none}.measurement.vertical{height:410px;min-height:370px;margin:0 -24px}.vertical .reference-units{margin:35px auto 0}.vertical .measure-readout{position:absolute;top:50%;left:80px;right:0;transform:translateY(-50%);margin:0;pointer-events:none}.vertical .measure-readout output{font-size:61px}.vertical .ruler-control{position:absolute;left:0;top:0;width:115px;height:100%;margin:0;touch-action:none}.vertical .ruler-marker{top:50%;left:0;right:0;bottom:auto;width:100%;height:3px}.measure-feedback{background:white;border-radius:24px;padding:18px;margin:4px 0 20px;color:#6d6268;min-height:100px}.measure-feedback>b{font-size:17px}.bmi-line{display:flex;gap:16px;align-items:center;margin-top:8px}.bmi-line strong{color:var(--accent);font-size:42px;line-height:1}.bmi-line span{font-size:15px;line-height:1.4}.measure-feedback h3{font-size:19px;color:#292129;margin:8px 0}.measure-feedback p{font-size:12px;line-height:1.4}.body-selector{margin:auto 0 18px}.body-model .reference-art{height:clamp(260px,43svh,380px);display:block;margin:auto;width:100%}.body-track{position:relative;margin-top:35px;height:26px;--position:40%}.body-track input[type=range]{-webkit-appearance:none;appearance:none;margin:0;width:100%;height:20px;border:1px solid #efdce6;border-radius:15px;background:#fff0f5;position:relative;z-index:2;cursor:pointer}.body-track input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:27px;height:27px;border:4px solid var(--accent);border-radius:50%;background:white}.body-track input::-moz-range-thumb{width:20px;height:20px;border:4px solid var(--accent);border-radius:50%;background:white}.body-dots{position:absolute;z-index:3;inset:6px 10px 0;display:flex;justify-content:space-between;height:8px;pointer-events:none}.body-dots i{width:7px;height:7px;background:#d7c5ce;border-radius:50%}.body-marker-label{position:absolute;left:clamp(20px,var(--position),calc(100% - 24px));transform:translateX(-50%);bottom:30px;color:var(--accent);font-size:17px;font-weight:600;white-space:nowrap}.body-selector .range-labels{font-size:15px;color:#6b6469;margin-top:7px}.photo-question{position:relative;isolation:isolate;margin:0 -24px -20px;padding:0 24px;min-height:600px;justify-content:flex-end;overflow:hidden}.photo-question>.reference-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;opacity:1}.photo-question:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#392d3288);z-index:-1}.photo-question .question-head{margin-top:auto;margin-bottom:0;order:1;text-align:left}.photo-question .question-head h1{font-size:44px;color:white;line-height:1.15;letter-spacing:-.8px}.photo-question .yesno{margin-top:0;padding:22px 0 34px}.photo-question .yesno button{border:1px solid white;border-radius:40px;background:transparent;color:white;flex:.65;font-weight:400}.photo-question .yesno button:last-child{background:#fff6fa;border-color:#fff6fa;color:var(--accent);flex:1.35;font-weight:600}[data-step=confidence] .info-caption{font-size:17px;color:#969096;line-height:1.4}[data-step=transformation] .story h1{font-weight:400;font-size:29px}.body-track input:focus-visible{outline:3px solid var(--primary);outline-offset:6px}@media(max-width:540px){.prototype-notice{font-size:9px;padding:5px 10px;gap:8px}.prototype-notice span{max-width:270px}.reference-projection h1{font-size:27px;margin-top:30px}.prediction-chart{margin-top:35px}.measurement.vertical{min-height:330px}.vertical .measure-readout output{font-size:55px}.photo-question{min-height:calc(100svh - 145px)}.photo-question .question-head h1{font-size:41px}}
.photo-question>.reference-art{object-fit:cover}.photo-question>.reference-art image{image-rendering:auto}
.body-model{position:relative;height:clamp(260px,43svh,380px);display:flex;justify-content:center;align-items:center}.body-model #body-morph{height:100%;width:auto;max-width:100%;object-fit:contain;display:none}.body-model .body-fallback{height:100%;width:100%}.body-model.morph-ready #body-morph{display:block}.body-model.morph-ready .body-fallback{display:none}
/* 27 Oct: recording-matched quiz composition, independent of the app demo. */
.quiz-top{display:none}.stage:not(.wide){min-height:calc(100svh - 40px);padding-top:16px;border-radius:0;box-shadow:none;border:0;background:var(--bg)}.stage .progress-row{height:26px;margin-bottom:8px}.stage .progress{width:165px;flex:none}.stage .progress i{height:4px}.stage .progress-row .back{position:absolute;left:25px}.stage h1{font-weight:400;font-size:28px;line-height:1.35;letter-spacing:-.6px}.stage .question-head{margin:20px 0 32px}.stage .question-head p{font-size:16px;line-height:1.4;color:#777}.stage .cta{border-radius:40px;min-height:66px;font-size:23px;font-weight:500;background:#37263e;color:white}.stage .cta.pink{background:var(--accent)}.stage .bottom{padding:22px 0 10px}.stage .options{margin:25px 0 auto}.stage .option{min-height:73px;border-radius:20px;background:white;padding:19px 20px;box-shadow:0 6px 12px #f0dce32b}.stage .option .label{font-size:18px;font-weight:400;line-height:1.3}.stage .option .check{display:none}.stage [data-choice].selected{border-color:var(--accent)}.stage [data-choice].selected .check{background:var(--accent);border-color:var(--accent)}.stage .option .icon{font-size:23px;color:#373137}.stage[data-type=multi] .option .check,.stage[data-type=body] .option .check{display:grid;order:-1;border-color:#f5e8ee;background:#fff6f9;width:23px;height:23px}.stage[data-type=multi] .option .icon{display:none}.stage[data-type=multi] .selected .check,.stage[data-type=body] .selected .check{background:var(--accent)}.stage .option small{display:block;font-size:14px;line-height:1.4;color:#999;margin-top:7px}.stage .welcome{display:flex;flex:1;flex-direction:column;margin-top:-16px}.welcome .metrics{gap:32px;margin:38px 0 0}.laurel-stat{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}.laurel-stat>div{display:flex;flex-direction:column;align-items:center}.laurel-stat strong{display:block;font-size:48px;line-height:1.05;font-weight:800;letter-spacing:-1px}.laurel-stat span:not(.laurel){display:block;font-size:20px;line-height:1.25}.laurel{font-size:68px;transform:rotate(-75deg);color:#444}.laurel.right{transform:scaleX(-1) rotate(-75deg)}.laurel-stat .stars{color:#ffae00;letter-spacing:1px;line-height:1;font-size:24px}.welcome .reference-art{height:auto;max-height:195px;margin-top:-4px}.welcome .pitch{padding:26px 25px 18px;margin-top:-5px;flex:1}.welcome .pitch h2{font-size:26px;font-weight:600;line-height:1.48;margin-bottom:28px}.welcome .pitch .cta{border-radius:17px;font-size:26px}.login-line{font-size:16px;margin-top:20px;color:#777}.login-line button{padding:0 0 0 12px;color:var(--accent);background:none;font-weight:600}.reference-attribution{display:block;font-size:10px;line-height:1.35;color:#8d7b91;text-align:center;margin:8px 0}.stage .chapter h1{font-size:53px;font-weight:750;line-height:1.15;margin-top:65px;letter-spacing:-1.3px}.chapter h1 em{color:var(--accent)}.chapter-3 h1{font-size:45px!important}.chapter-illustration{display:block;width:calc(100% + 48px);height:auto;max-height:470px;object-fit:contain;margin:35px -24px 0}.first-chapter{overflow:hidden;animation:firstChapterLeap 1.8s cubic-bezier(.25,.7,.3,1) both}.first-chapter .reference-art{width:100%;height:auto;max-height:470px;margin:0}.recorded-motion{animation:none}.stage .body-grid{grid-template-columns:46% 54%;margin:auto -12px}.body-grid>.reference-art{height:460px}.stage .body-grid .options{margin:0;gap:13px}.stage .body-grid .option{min-height:74px;padding:14px 13px;border-radius:25px;gap:12px}.stage .body-grid .label{font-size:18px}.stage .story{margin:0 -24px -28px;background:var(--bg);padding:0 24px 28px;border-radius:0}.stage .story .question-head{margin:30px 0 24px}.story .transformation-film{height:auto;max-height:440px}.story .daylabels{display:none}.stage .info .question-head h1{font-size:27px}.stage .info .question-head p{font-size:20px;color:#171217;background:#f5e7ef;border-radius:18px;padding:20px 16px}.stage .info .reference-art{margin:5px 0 12px;height:auto;max-height:330px}.stage .info-caption{font-size:17px;line-height:1.4;color:#9a9095}.support-reference>h1{margin:20px 0 50px;font-size:28px}.support-reference h1 strong{color:var(--accent)}.testimonial{background:white;border-radius:28px;overflow:hidden;text-align:left}.stage .testimonial .reference-art{width:100%;height:auto;max-height:none;margin:0}.testimonial-copy{padding:16px}.testimonial-meta{display:flex;justify-content:space-between;color:#c8bdc3;font-size:14px}.testimonial-meta .stars{color:#f5ce69;letter-spacing:2px;font-size:21px}.stage .testimonial-copy p{font-size:17px;line-height:1.25;color:#655d63;margin:10px 0}.made-reference>h1{margin:44px 0 75px}.made-reference .users-count{margin:6px 0 48px;font-size:17px;color:#655d63}.made-reference .users-count strong{color:var(--accent)}.made-reference .effectiveness{margin:0;font-size:22px;color:#191419}.made-reference .effectiveness strong{font-size:40px;color:var(--accent)}.stage .made-reference .effectiveness-caption{font-size:19px;line-height:1.45;color:#a0969b;margin:10px 0 22px}.age-input{flex:1;text-align:center;padding-top:25px}.age-input input{font:400 44px -apple-system,BlinkMacSystemFont,sans-serif;background:none;border:0;border-bottom:1px solid #ddd;max-width:180px;text-align:center;color:var(--ink);border-radius:0}.age-input input::-webkit-inner-spin-button{-webkit-appearance:none}.chair-recommendation{background:#f3eaf8;border-radius:0 0 16px 16px;margin-top:-18px;padding:12px 20px 16px;margin-bottom:3px}.chair-recommendation b{font-size:12px;background:var(--primary);color:white;padding:4px 9px;border-radius:12px}.chair-recommendation p{font-size:15px;margin-top:10px}.fitness-reference{margin:auto 0 0;text-align:center}.fitness-gauge{width:80%;max-height:270px;margin:20px auto}.fitness-reference .range-value{font-size:25px;margin:15px 0 10px}.fitness-reference>p{font-size:17px;line-height:1.4;color:#9e9399;min-height:50px}.fitness-track{margin-top:62px!important}.fitness-track input{margin:0}.fitness-reference .range-labels{font-size:15px}.stage .celebrate{background:var(--accent);margin:-16px -24px -28px;padding:60px 24px;justify-content:space-evenly;min-height:calc(100svh - 40px)}.complete-mark{width:140px;height:140px;margin:60px auto 90px}.complete-mark path{fill:none;stroke:white;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw .7s ease-out forwards}.complete-check{animation-delay:.3s!important}.stage .celebrate h1{font-weight:600;font-size:30px;line-height:1.4}.celebrate h2{font-size:20px;font-weight:400;margin-top:6px}.stage .celebrate p{font-size:18px;line-height:1.4;margin:6px 0}.reference-loader{width:100%;margin:35px auto 0}.reference-loader .ring{width:150px;height:150px;margin:45px auto 24px;background:conic-gradient(var(--accent) calc(var(--pct)*1%),#fbe8f0 0)}.reference-loader .ring:before{inset:15px}.reference-loader .ring b{font:700 48px -apple-system,BlinkMacSystemFont,sans-serif}.reference-loader h2{font-size:18px;color:#9b9096;font-weight:400;margin:22px 0 42px}.reference-loader .laurel-stat strong{font-size:38px;color:var(--accent)}.reference-loader .laurel-stat span:not(.laurel){font-size:19px;color:#655c63;margin-top:6px}.reference-loader .laurel{color:#efc6d4}.loading-collage{display:block;max-width:none;width:calc(100% + 48px);margin:22px -24px 0}.reference-result .result-overline{margin-top:25px}.reference-result .result-proof{font-size:13px;text-align:center;line-height:1.4;margin:5px 0 0;color:#675c64}.reference-result .result-proof b{color:var(--accent)}.reference-result>h2{margin:30px 0 18px;font-size:24px;font-weight:700}.routine-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px 0;background:#fff;border-radius:20px;padding:18px 10px}.routine-calendar>b{font-size:13px;font-weight:400;color:#b7adb3;text-align:center}.calendar-day{display:flex;flex-direction:column;align-items:center;min-height:40px;color:#c8c2c7;font-size:15px;position:relative}.calendar-day.active{color:#312932}.calendar-day i{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:5px}.calendar-day small{font-size:7px;line-height:13px;color:var(--accent);white-space:nowrap}.calendar-day.start-day>span,.calendar-day.success-day>span{background:var(--accent);color:white;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.plan-summary{position:relative;background:white;border-radius:18px;min-height:250px;padding:32px 15px;isolation:isolate}.summary-photo{position:absolute;right:0;top:-65px;width:42%;bottom:0;overflow:hidden;z-index:-1}.summary-photo .reference-art{height:100%;width:100%;object-fit:contain}.plan-summary dl{margin:0;display:grid;gap:16px}.plan-summary dt{font-size:15px;color:#8e828b}.plan-summary dt span{display:inline-grid;place-items:center;color:var(--accent);background:#fff5f9;border-radius:10px;width:34px;height:35px;margin-right:9px;font-size:24px;float:left}.plan-summary dd{font-size:17px;font-weight:600;margin:3px 0 0 43px;max-width:65%}.plan-preview{background:white;border-radius:20px;padding:20px 24px}.preview-week{padding:12px 0 24px}.preview-week small{font-size:17px;color:#81747e}.preview-week h3{font-size:20px;line-height:1.3;font-weight:600;margin:7px 0 14px}.preview-week .reference-art{border-radius:9px}.reference-result .sticky{position:sticky;bottom:0;padding:18px 0 10px}.reference-result .cta{border-radius:19px;font-size:24px;font-weight:600}.reference-projection h1{margin-top:45px!important}.prediction-chart>path:not([stroke-dasharray]){stroke-dasharray:650;stroke-dashoffset:650;animation:draw 1.4s ease-out forwards}.prediction-chart circle{animation:pop .6s ease-out both;transform-box:fill-box;transform-origin:center}.prediction-chart circle:last-of-type{animation-delay:.8s}.prototype-notice{font-size:10px;padding:5px 12px}.review-top{height:45px}.review-top .logo{font-size:17px}.review-top .logo span{width:20px;height:24px;font-size:18px}.stage[data-step=gender] .gender-grid{margin-top:auto;margin-bottom:35px}.stage[data-step=gender] .text-button{color:var(--accent);text-decoration:none;font-size:17px}.stage .photo-question .question-head h1{font-size:39px}.stage .photo-question .yesno button{border-radius:16px}.stage .reference-units{background:transparent}.stage .reference-units button{font-size:18px}.stage .reference-units button.active{background:var(--accent)}
@keyframes firstChapterLeap{0%{transform:translate(-30px,75px) rotate(-7deg);opacity:0}35%{opacity:1}70%{transform:translate(0,-10px) rotate(1deg)}100%{transform:translate(0,0)}}
@media(min-width:700px){.stage:not(.wide){max-width:440px;min-height:850px;margin-bottom:0}.stage .celebrate{min-height:850px}.prototype-notice{position:relative}.reference-result .sticky{bottom:0}.welcome .metrics{gap:30px}.stage.wide{padding-top:25px}}
@media(max-width:540px){.stage:not(.wide){padding-left:22px;padding-right:22px;min-height:calc(100svh - 46px)}.stage h1{font-size:26px}.stage .chapter h1{font-size:48px}.stage .chapter-3 h1{font-size:41px!important}.stage .question-head{margin-top:18px}.welcome .metrics{gap:22px;margin-top:32px}.laurel-stat strong{font-size:43px}.laurel-stat span:not(.laurel){font-size:18px}.welcome .pitch h2{font-size:23px}.stage .option{min-height:70px}.stage .option .label{font-size:17px}.stage .body-grid .option{min-height:64px}.stage .body-grid>.reference-art{height:400px}.stage .made-reference>h1{margin-top:32px;margin-bottom:45px}.fitness-gauge{max-height:240px}.stage .celebrate{min-height:calc(100svh - 46px)}.stage .support-reference>h1{font-size:26px;margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.first-chapter{animation:none}.complete-mark path,.prediction-chart>path{stroke-dashoffset:0;animation:none}.prediction-chart circle{animation:none}}
.laurel-stat .laurel{display:block;width:35px;height:110px;flex:0 0 35px;transform:none;color:#444}.laurel-stat .laurel.right{transform:scaleX(-1)}.reference-loader .laurel-stat .laurel{color:#efc6d4;height:85px}.recorded-motion{mix-blend-mode:multiply}.age-input input:focus{outline:none;border-bottom-color:var(--accent)}

.prototype-notice{display:flex;justify-content:center;align-items:center;gap:8px;padding:5px 10px;font-size:9px;line-height:1.25;min-height:30px}.prototype-notice span{max-width:430px}.prototype-notice b{white-space:nowrap}@media(max-width:540px){.prototype-notice{font-size:8px}.prototype-notice span{max-width:230px}}

/* Customer preview: branding without competitor statistics or review notices. */
.welcome-brand{display:flex;align-items:center;justify-content:center;gap:12px;padding:65px 20px 55px;color:var(--ink)}.stage .welcome-brand h1{font-size:54px;font-weight:750;letter-spacing:-2px;margin:0}.brand-symbol{display:grid;place-items:center;background:var(--primary);color:white;font-size:45px;font-weight:700;width:54px;height:62px;border-radius:18px}.welcome-brand+.reference-art{height:270px;max-height:270px;flex:none}.stage:not(.wide){min-height:100svh}.stage .celebrate{min-height:100svh}.stage .support-reference .testimonial{margin:auto 0}.stage .made-reference>.reference-art{margin:auto 0;max-height:420px}.reference-loader .loading-collage{margin-top:45px}@media(min-width:700px){.stage:not(.wide),.stage .celebrate{min-height:850px}}@media(max-width:540px){.welcome-brand{padding-top:65px;padding-bottom:45px}.welcome-brand+.reference-art{height:230px;max-height:230px}}
/* Native Easyfit motion: transform/opacity only, one screen entrance, no GIF restart. */
.screen{animation:none}.stage>.screen.screen-enter{animation:easyfitScreenIn .2s ease-out both}.stage .chapter h1{margin-top:35px}.native-chapter-scene{flex:1;display:flex;align-items:center;justify-content:center;min-height:280px}.easyfit-motion{width:100%;max-height:390px;display:block;overflow:visible}.motion-figure{transform-origin:200px 350px;animation:easyfitSway 3.2s ease-in-out infinite}.motion-torso{transform-origin:200px 245px}.motion-arm{transform-origin:178px 168px}.arm-back{transform-origin:218px 166px}.pose-reach .arm-front{animation:easyfitReachLeft 3.2s ease-in-out infinite}.pose-reach .arm-back{animation:easyfitReachRight 3.2s ease-in-out infinite}.pose-stretch .motion-torso{animation:easyfitBend 3.6s ease-in-out infinite}.pose-stretch .arm-front{transform:rotate(-65deg)}.pose-stretch .arm-back{transform:rotate(15deg)}.pose-walk .motion-leg{transform-origin:200px 245px}.pose-walk .leg-front{animation:easyfitStride 1.6s ease-in-out infinite}.pose-walk .leg-back{animation:easyfitStride 1.6s ease-in-out -.8s infinite}.pose-walk .arm-front{animation:easyfitArmSwing 1.6s ease-in-out infinite}.pose-walk .arm-back{animation:easyfitArmSwing 1.6s ease-in-out -.8s infinite}.motion-sparks{animation:easyfitSpark 3s ease-in-out infinite}.motion-pet{transform-origin:310px 350px;animation:easyfitPet 3.2s ease-in-out infinite}.native-chapter-scene+.bottom{flex:none}.chapter .bottom .cta{background:transparent;border:1px solid #e2d6ed;color:#9275b1;font-size:16px;min-height:44px;padding:10px}.transformation-native{margin:auto 0;width:100%;text-align:center}.transformation-native .easyfit-motion{max-height:420px}.transformation-native .motion-torso{animation:easyfitBodyShift 6s ease-in-out infinite}.transformation-days{display:flex;justify-content:space-between;color:#8e7895;font-size:16px;margin:10px 0 12px}.transformation-progress{height:6px;overflow:hidden;border-radius:9px;background:#eadcf3}.transformation-progress i{display:block;background:linear-gradient(90deg,var(--primary),var(--accent));height:100%;transform-origin:left;animation:easyfitProgress 6s ease-in-out infinite}.native-workout-strip{display:flex;gap:10px;margin:35px -10px 10px;overflow:hidden;padding:5px}.native-workout-strip>div{position:relative;flex:1;min-width:0;background:linear-gradient(#f3ebfb,#ffe9f2);border-radius:16px;padding:10px 0;overflow:hidden}.native-workout-strip .easyfit-motion{height:150px;min-width:125px;transform:translateX(-3px)}.native-workout-strip .motion-pet{display:none}.motion-done{position:absolute;top:7px;right:7px;background:var(--accent);color:white;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:13px}.reference-loader .ring{flex:none}.stage .welcome .metrics{margin:36px 0 0;gap:22px}.welcome .metrics+.reference-art{height:190px;max-height:190px;margin-top:0}.welcome-brand{display:none}.stage .support-reference .testimonial{margin:0}.stage .made-reference>.reference-art{margin:5px 0 12px;max-height:330px}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.stage .made-reference .users-count{margin-bottom:35px}
@keyframes easyfitScreenIn{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes easyfitSway{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes easyfitReachLeft{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(10deg)}}
@keyframes easyfitReachRight{0%,100%{transform:rotate(12deg)}50%{transform:rotate(-10deg)}}
@keyframes easyfitBend{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}
@keyframes easyfitStride{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@keyframes easyfitArmSwing{0%,100%{transform:rotate(-55deg)}50%{transform:rotate(-20deg)}}
@keyframes easyfitSpark{0%,100%{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}
@keyframes easyfitPet{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes easyfitBodyShift{0%,100%{transform:scaleX(1.18)}48%,70%{transform:scaleX(.88)}}
@keyframes easyfitProgress{0%,100%{transform:scaleX(.04)}48%,70%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.stage>.screen.screen-enter,.easyfit-motion *,.transformation-progress i{animation:none!important}.native-chapter-scene+.bottom .cta{border-color:var(--primary)}}

/* Realistic lightweight avatars: preserve anatomy and reserve image space. */
.reference-art{object-fit:contain}.reference-art.photo-art{object-fit:cover}
.realistic-avatar{position:relative;display:flex;justify-content:center;width:100%;height:min(49svh,440px);isolation:isolate}
.realistic-avatar:before{content:"";position:absolute;inset:20% 8% 4%;border-radius:50%;background:radial-gradient(ellipse,#eadff7, #f9eaf3 60%,transparent 71%);z-index:-1}
.realistic-avatar img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;animation:avatar-drift 4.5s ease-in-out infinite;transform-origin:50% 96%}
.pose-stretch img{animation-delay:-1.5s}.pose-walk img{animation-delay:-3s}
@keyframes avatar-drift{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-3px) rotate(.35deg)}}
.native-chapter-scene{min-height:280px}.native-chapter-scene .realistic-avatar{height:100%;max-height:460px;min-height:280px}
.avatar-mini{height:145px!important;min-height:0!important}.native-workout-strip .realistic-avatar img{max-width:100%}
.realistic-transformation{width:100%;margin:15px auto 8px}.avatar-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.avatar-comparison figure{margin:0;min-width:0}.avatar-frame{position:relative;aspect-ratio:1/2;max-height:48svh;background:radial-gradient(ellipse at 50% 70%,#efe6f7,transparent 72%);overflow:hidden}.avatar-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.avatar-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.avatar-comparison figcaption{text-align:center;font-size:18px;font-weight:700;margin-top:6px;color:#604877}.replay-transformation{display:block;margin:14px auto 0;padding:9px 14px;border:0;border-radius:20px;color:#71508c;background:#f0e7f8;font:inherit;font-size:14px;cursor:pointer}.motion-paused .realistic-avatar img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.realistic-avatar img{animation:none}}
.native-chapter-scene .realistic-avatar{height:clamp(280px,49svh,460px);flex:none}.native-chapter-scene .realistic-avatar img{width:auto;height:100%;max-height:460px}

.single-transformation{margin:6px auto 0}.single-avatar-frame{position:relative;height:clamp(280px,48svh,430px);aspect-ratio:1/2;margin:0 auto;background:radial-gradient(ellipse at 50% 65%,#eee3f8,transparent 72%)}.single-avatar-frame img,.transformation-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.transformation-canvas{visibility:hidden}.morph-loaded .transformation-canvas{visibility:visible}.morph-loaded .morph-placeholder{visibility:hidden}.transformation-day{text-align:center;color:#71508c;font-size:22px;font-weight:600;margin:6px 0 12px;font-variant-numeric:tabular-nums}.transformation-day span{font-size:15px;color:#9988a5}.day-progress{height:5px;max-width:230px;margin:auto;background:#e6ddeb;border-radius:9px;overflow:hidden}.day-progress i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#ae89df,#e984b4);border-radius:inherit}

.focus-body-art{position:relative;align-self:start;width:100%;aspect-ratio:310/770}.focus-body-art>.reference-art{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.focus-body-art>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.focus-region{fill:#ef5b99;stroke:#d9509a;stroke-width:2;animation:focus-pulse 1.15s ease-in-out infinite;mix-blend-mode:multiply}@keyframes focus-pulse{0%,100%{fill-opacity:.08;stroke-opacity:.15}50%{fill-opacity:.7;stroke-opacity:.85}}@media(prefers-reduced-motion:reduce){.focus-region{animation:none;fill-opacity:.45}}

.static-comparison{margin:18px auto}.static-comparison .avatar-frame{aspect-ratio:3/4;height:clamp(260px,46svh,400px);max-height:none}.static-comparison .avatar-frame img{object-fit:contain;animation:none;transform:none;clip-path:none}.static-comparison .avatar-comparison{gap:4px}.static-comparison figcaption{margin-top:12px}
.static-comparison .avatar-frame{width:100%;aspect-ratio:auto}

.body-stage-avatar{height:clamp(280px,46svh,410px);max-width:100%;margin:0 auto 16px;background-repeat:no-repeat;background-size:500% 100%;background-position:var(--body-position) 0;contain:paint}.body-selector:has(.body-stage-avatar){display:block}.body-stage-avatar~.body-track{margin-top:8px}.static-comparison .avatar-comparison figure{animation:comparison-arrive .65s cubic-bezier(.2,.7,.2,1) both}.static-comparison .avatar-comparison figure:nth-child(2){animation-delay:.18s}@keyframes comparison-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.realistic-avatar img{animation:avatar-drift 3s ease-in-out infinite}@keyframes avatar-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.static-comparison .avatar-comparison figure,.realistic-avatar img{animation:none}}
/* Event and checkout additions */
.event-date{display:grid;gap:14px;margin:40px auto;max-width:440px;text-align:left}.event-date input{font:inherit;padding:18px;border:1px solid #d9c6e8;border-radius:16px;min-width:0;width:100%;background:#fff;color:#302238}.personal-summary{background:#f5edfc;border-radius:24px;padding:24px;margin:24px 0}.personal-summary h2{font-size:24px;margin-bottom:18px}.personal-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.personal-tags span{background:white;padding:10px 14px;border-radius:20px}.event-milestone{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:14px}.event-milestone i{height:4px;flex:1;background:linear-gradient(90deg,#b59af0,#ef83ad);border-radius:4px}.checkout-enhanced{max-width:800px;margin:auto;padding-bottom:100px}.checkout-bodies{display:grid;grid-template-columns:1fr 1fr;background:#faf4fc;border-radius:24px;overflow:hidden}.checkout-bodies figure{margin:0;padding:18px;text-align:center}.checkout-bodies figcaption{font-weight:700;font-size:20px}.checkout-bodies .body-stage-avatar{width:100%;max-width:190px;margin:10px auto 0}.checkout-enhanced .plan-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:28px}.checkout-enhanced .plan-card{min-height:0;padding:26px;text-align:left}.checkout-enhanced .plan-card h2{font-size:22px}.checkout-enhanced .plan-card .price{font-size:26px}.renewal-terms{border:1px solid #e2d3ed;border-radius:18px;padding:20px;margin:24px 0;font-size:15px;line-height:1.65;color:#594e60}.checkout-sticky{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fffefef5;backdrop-filter:blur(10px);border-top:1px solid #e9ddef;padding:12px max(18px,calc((100vw - 760px)/2));padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:20px}.checkout-sticky>span{font-weight:700;white-space:nowrap}.checkout-sticky small{display:block;font-size:11px;font-weight:400}.checkout-sticky .cta{margin:0;flex:1;font-size:16px;padding:16px;min-width:0}.checkout-features{margin-top:40px}.checkout-features h2{font-size:27px;margin:30px 0 20px}.product-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:6px 2px 18px}.product-carousel article{flex:0 0 85%;scroll-snap-align:center;border:1px solid #e2d3ed;border-radius:24px;padding:22px;background:#fff;min-width:0}.product-carousel img{height:220px;width:auto;max-width:100%;object-fit:contain;margin:auto;display:block}.product-carousel p{font-size:16px;line-height:1.5}.preview-progress{height:220px;display:grid;place-content:center;color:#9d73dc;font-size:80px}.preview-progress small{font-size:18px}.checkout-features details{border-bottom:1px solid #e4d9eb;padding:20px 4px;text-align:left}.checkout-features summary{cursor:pointer;font-weight:600}.checkout-features details p{margin-top:14px;line-height:1.6}@media(min-width:700px){.product-carousel article{flex-basis:60%}}
.stage.wide>.screen{min-width:0;width:100%}.checkout-enhanced{width:100%;min-width:0}.checkout-enhanced .included{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.checkout-enhanced .plan-grid,.checkout-features,.product-carousel{min-width:0;max-width:100%}.checkout-enhanced .plan-card{min-width:0}.checkout-enhanced .renewal-terms{overflow-wrap:anywhere}

.paywall-payment{scroll-margin-top:28px;margin:28px auto;padding:24px 12px;background:#fff;border:1px solid #eadff4;border-radius:20px;max-width:640px;text-align:left}.paywall-payment h2{text-align:center}.payment-auth{display:grid;gap:16px;margin:20px 0}.payment-auth label{display:grid;gap:8px}.payment-auth input{width:100%;padding:14px;border:1px solid #d7cde2;border-radius:10px;font:inherit;box-sizing:border-box}.easyfit-paddle-frame{width:100%;min-height:600px}.paywall-payment #payment-status{font-size:15px;padding:0 12px}.paywall-payment .cta{display:block;text-align:center;text-decoration:none}

.payment-slot{scroll-margin-top:24px}.plan-selection[hidden],.checkout-sticky[hidden]{display:none!important}.payment-slot .paywall-payment{margin:28px 0;max-width:none;border:2px solid #eadff4;border-radius:24px;padding:20px 12px}.payment-back{border:0;background:transparent;color:#8f61c3;font:inherit;font-size:15px;font-weight:600;padding:8px 4px;cursor:pointer}.payment-auth{padding:0 8px}.payment-auth input:focus{outline:2px solid #b18bea;outline-offset:2px}.payment-auth .cta{width:100%}@media(max-width:380px){.payment-slot .paywall-payment{padding:16px 0;border:0}.payment-back{padding-left:8px}}

.quiz-email{text-align:left;padding-top:30px}.quiz-email h1{font-size:clamp(28px,5vw,40px);line-height:1.2;margin-bottom:40px}.quiz-email h1 span{color:#9d73d2}.quiz-email label{display:block;margin-bottom:8px}.quiz-email input{box-sizing:border-box;width:100%;font:inherit;padding:20px 16px;border:1.5px solid #b18bea;border-radius:16px;background:white}.quiz-email .fine{text-align:left;line-height:1.5;margin-top:16px}.payment-loading{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#8f61c3;font-size:16px}.payment-spinner{width:32px;height:32px;border:3px solid #eadff4;border-top-color:#ee71b3;border-radius:50%;animation:payment-spin .8s linear infinite}@keyframes payment-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.payment-spinner{animation:none}}
/* Compact result and paywall */
.reference-result .result-ready{margin:22px 0 16px;font-size:29px;line-height:1.25;text-align:left}.result-ready span{color:#9b75cb}.reference-result .prediction-chart{margin:0;width:100%;max-height:300px}.goal-progress-chart{background:#f5effa;padding:18px;border-radius:22px}.goal-progress-chart p{text-align:center;font-weight:600;color:var(--muted)}.goal-progress-chart svg{width:100%;display:block;margin:10px 0}.goal-progress-chart small{color:var(--muted);font-size:11px}.checkout-enhanced{padding-top:76px;padding-bottom:30px}.checkout-sticky{top:0;bottom:auto;border-top:0;border-bottom:1px solid #e9ddef;padding:10px max(18px,calc((100vw - 760px)/2));height:76px}.checkout-countdown{font-size:27px;letter-spacing:2px;font-variant-numeric:tabular-nums}.checkout-sticky small{text-align:center}.checkout-sticky .cta{max-width:360px;margin-left:auto}.checkout-bodies{position:relative}.comparison-arrow{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:48px;color:#9b75cb;z-index:1}.checkout-bodies figure{padding:12px 18px 0}.checkout-bodies .body-stage-avatar{max-width:140px}.comparison-metrics{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:16px 12px;border-bottom:1px solid var(--line)}.comparison-metrics>div+div{border-left:1px solid var(--line);padding-left:24px}.comparison-metrics small{display:block;color:var(--muted);font-size:12px}.comparison-metrics strong{display:block;font-size:16px;margin:3px 0 10px}.metric-bars{display:flex;gap:5px}.metric-bars i{flex:1;height:6px;border-radius:3px;background:#e4dce8}.metric-bars i.filled{background:var(--primary)}.checkout-enhanced .plan-ready{font-size:29px;margin:22px 0 16px;text-align:center}.checkout-enhanced .plan-grid{margin:0 0 18px;gap:12px}.checkout-enhanced .plan-card{padding:18px 22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 16px}.checkout-enhanced .plan-card h2{font-size:19px;margin:0;padding-right:20px}.checkout-enhanced .plan-card .total{font-size:20px;margin:0;grid-column:1}.checkout-enhanced .plan-card hr{display:none}.checkout-enhanced .plan-card .price{grid-column:2;grid-row:1 / 3;font-size:24px;white-space:nowrap}.checkout-enhanced .plan-card .price small{display:block;font-size:12px}.checkout-enhanced .plan-card .check{position:absolute;right:12px;top:12px;width:17px;height:17px}.checkout-enhanced .plan-card.popular{margin-top:26px}.checkout-enhanced .plan-card .badge{font-size:11px;padding:6px;top:-27px}.payment-slot{scroll-margin-top:88px}.stage[data-step=paywall]>.progress-row{display:none}.checkout-enhanced .paywall{padding:0}.checkout-enhanced .plan-selection>.text-button{padding:10px}.checkout-enhanced .payment-slot .paywall-payment{margin:0}@media(max-width:400px){.checkout-enhanced .plan-card{padding:16px 14px;gap:6px 10px}.checkout-enhanced .plan-card h2{font-size:16px}.checkout-enhanced .plan-card .price{font-size:21px}.checkout-bodies .body-stage-avatar{max-width:115px}.checkout-enhanced .plan-ready{font-size:26px}}
.checkout-bodies .body-stage-avatar{height:auto}.checkout-sticky{justify-content:space-between}.checkout-sticky .cta{flex:1 1 180px}.stage[data-step=paywall]{padding-top:0}.checkout-enhanced .plan-card h2{padding-right:0}.checkout-enhanced .plan-card .check{top:8px;right:8px;width:13px;height:13px;font-size:9px}
/* Two assessment rows and mobile-first offer shortcut */
.comparison-metrics{gap:0;padding:14px 0 0}.comparison-metrics>.metric-column{min-width:0;padding:0 16px}.comparison-metrics>.metric-column+div{padding-left:16px}.metric-column-title{font-size:12px;font-weight:700;color:#9b75cb;margin-bottom:2px}.metric-assessment{padding:12px 0 16px}.metric-assessment+.metric-assessment{border-top:1px solid var(--line)}.comparison-metrics small{font-size:13px;line-height:1.3;min-height:34px}.comparison-metrics strong{font-size:19px;margin:5px 0 12px}.metric-bars{gap:5px}.metric-bars i{height:8px}.checkout-sticky{height:calc(72px + env(safe-area-inset-top,0px));padding-top:calc(8px + env(safe-area-inset-top,0px));gap:16px}.checkout-sticky>span{flex:0 0 100px}.checkout-sticky .cta{min-height:48px;padding:12px 16px;line-height:1.2;white-space:nowrap;font-size:16px;border-radius:99px}.checkout-countdown{font-size:26px;letter-spacing:1px;line-height:1.1}.checkout-sticky small{font-size:10px;margin-top:3px}.payment-slot{scroll-margin-top:calc(84px + env(safe-area-inset-top,0px))}@media(max-width:600px){.checkout-sticky{padding-left:16px;padding-right:16px}.checkout-sticky .cta{max-width:none;flex:1;min-width:0}.checkout-enhanced{padding-top:calc(52px + env(safe-area-inset-top,0px))}.comparison-metrics>.metric-column{padding-left:10px;padding-right:10px}.comparison-metrics>.metric-column+div{padding-left:14px}.comparison-metrics strong{font-size:18px}}@media(max-width:350px){.checkout-sticky{gap:12px;padding-left:12px;padding-right:12px}.checkout-sticky>span{flex-basis:88px}.checkout-countdown{font-size:24px}.checkout-sticky .cta{font-size:15px;padding:12px}.comparison-metrics small{font-size:12px}}