/* Fit Beauty: restrained depth, warm glass, one visual rhythm */
:root{--ember:#ff9a56;--warm-line:rgba(255,174,111,.23);--ink-glass:rgba(24,22,22,.88)}
.hero,.bonus-section,.video-section,.route-section,.format-section,.final{background-color:#0c0b0c;background-image:radial-gradient(ellipse at 85% 16%,rgba(157,73,33,.11),transparent 54%);isolation:isolate}
.hero-deal{display:flex;align-items:center;gap:13px;margin:18px 0 8px;max-width:550px;color:#d4c8c1;font-size:12px;line-height:1.6}
.hero-deal strong{display:block;color:#fff;font-size:12px;font-weight:500}
.deal-stamp{display:inline-flex;align-items:center;justify-content:center;min-width:90px;min-height:53px;border:1px solid #ffb77c;border-radius:17px 17px 17px 4px;background:linear-gradient(135deg,#ffb27b,#f18137);color:#25150d;font:800 26px/1 Inter,sans-serif;box-shadow:0 6px 25px #fa85352b,inset 0 1px #fff8;transform:rotate(-3deg)}
.btn{position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.btn-primary{color:#fff5ed!important;border:1px solid rgba(255,187,132,.65)!important;background:linear-gradient(165deg,rgba(255,181,119,.24),transparent 40%),linear-gradient(115deg,#a94922,#d16b31 60%,#ac4d25)!important;box-shadow:inset 0 1px 0 #ffe3c066,inset 0 -3px 6px #51200e44,0 7px 22px #0004,0 0 22px #ed823512!important;text-shadow:0 1px 1px #632509}
.btn-outline{border-color:var(--warm-line)!important;background:linear-gradient(135deg,#ffffff0e,#ffffff02)!important;box-shadow:inset 0 1px #ffffff15,0 6px 15px #0002}
.btn:focus-visible,.mini-complex:focus-visible,.library-jump:focus-visible{outline:2px solid #ffbe8d;outline-offset:5px}
@media(hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffe3c066,0 12px 28px #0005,0 0 25px #ed823525!important}.mini-complex:hover{transform:translateY(-3px);border-color:#ffb87c80}}
.btn:active{transform:translateY(1px)}
.hero-purchase-choices .hero-choice{border-radius:17px;min-height:98px}
.hero-choice-price strong{font-size:23px;letter-spacing:-.04em}
.hero-choice-price small{border:1px solid #ffd1ac77;background:#2e120c55;border-radius:6px;padding:3px 5px;font-size:11px!important;color:#fff5ec}
.hero-choice-price del{color:#f2d3c2}
.hero-bonus-label{margin:14px 0 8px;color:#d9c5b5;font-size:11px;font-weight:600}
.hero-complexes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:550px}
.mini-complex{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#ebded4;text-decoration:none;padding:10px 4px 9px;border:1px solid var(--warm-line);border-radius:13px;background:radial-gradient(ellipse at top,#ffc39312,transparent 75%),linear-gradient(145deg,#292321,#141313);box-shadow:inset 0 1px #ffffff12,0 6px 14px #0003;transition:transform .22s,border-color .22s}
.mini-complex svg{width:38px;height:38px;fill:none;stroke:#ffb680;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 4px #e7894333);animation:complex-breathe 4s ease-in-out infinite}
.mini-complex:nth-child(2) svg{animation-delay:-.8s}.mini-complex:nth-child(3) svg{animation-delay:-1.6s}.mini-complex:nth-child(4) svg{animation-delay:-2.4s}.mini-complex:nth-child(5) svg{animation-delay:-3.2s}
.mini-complex span{font:500 10px/1.4 Inter,sans-serif}
@keyframes complex-breathe{0%,100%{transform:translateY(0) rotate(-2deg);opacity:.8}50%{transform:translateY(-3px) rotate(2deg);opacity:1}}
.bonus-card,.purchase-card{border:1px solid var(--warm-line)!important;background:linear-gradient(145deg,#28211ee8,#121112f5 65%)!important;box-shadow:inset 0 1px #ffe3c018,0 20px 45px #0003!important}
.purchase-card h3,.purchase-card p,.purchase-card li{color:#f3e9e3}.purchase-card .eyebrow{color:#ffb885}.purchase-card .offer-price strong{color:#fff}.purchase-card .discount{background:#f69856!important;color:#24140b!important;box-shadow:0 4px 18px #ed82352a;padding:7px 12px;border-radius:10px}
.purchase-card .offer-price del{color:#bba89d}.purchase-card .btn{margin-top:22px!important}.workout-detail{margin-top:-8px;font-size:13px!important;color:#d5bcaa!important}
.included-library{margin:40px 0 24px;padding:clamp(20px,4vw,38px);border:1px solid var(--warm-line);border-radius:25px;background:radial-gradient(ellipse at 0 0,#f8903911,transparent 60%),#ffffff03;box-shadow:inset 0 1px #ffe3c013}
.included-library-heading h3{margin:8px 0 12px;color:#fff;font-size:clamp(23px,3vw,34px);line-height:1.2}.included-library-heading p{color:#c5b5aa;font-size:14px;max-width:580px;line-height:1.6}
.library-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}.library-value-grid article{min-width:0;border-top:1px solid var(--warm-line);padding-top:16px}.value-number{font:500 11px/1 Inter,sans-serif;color:#ffb681;letter-spacing:.1em}.library-value-grid h4{font-size:16px;line-height:1.5;color:#fff;margin:10px 0 15px}.library-value-grid ul{padding:0;list-style:none;margin:0}.library-value-grid li{position:relative;padding:0 0 12px 14px;color:#d2c4ba;font-size:13px;line-height:1.6}.library-value-grid li:before{content:'';position:absolute;left:0;top:9px;width:4px;height:4px;background:#f5aa70;border-radius:50%}.library-access{color:#e6b78f!important;font-size:12px!important;margin:24px 0 0!important}
.format-extras{margin:20px 0 24px;max-width:460px}.format-extras p{font-size:17px!important;margin:13px 0;color:#f5e1d0}.complex-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.complex-tags span{padding:7px 10px;border:1px solid var(--warm-line);background:#ffb47808;border-radius:9px;color:#dfccbe;font-size:11px;box-shadow:inset 0 1px #fff1}.library-jump{display:inline-block;color:#ffc593!important;text-decoration:underline;text-decoration-color:#ffc59366;text-underline-offset:5px;font-size:12px;line-height:1.7}.offer-timer time{color:#ffd1aa;text-shadow:0 0 16px #f3873b33}
@media(max-width:800px){.hero-deal{gap:10px;margin:10px 0}.deal-stamp{min-height:40px;min-width:73px;font-size:23px;border-radius:12px 12px 12px 3px}.hero-deal,.hero-deal strong{font-size:10px}.hero-purchase-choices .hero-choice{min-height:82px;font-size:11px}.hero-choice-price strong{font-size:19px}.hero-bonus-label{font-size:10px;margin-top:12px}.hero-complexes{gap:5px}.mini-complex{padding:7px 3px;gap:3px;border-radius:10px}.mini-complex svg{width:31px;height:31px}.mini-complex span{font-size:8px;line-height:1.35}.library-value-grid{grid-template-columns:1fr;gap:18px}.included-library{margin-top:25px;border-radius:19px}.library-value-grid li{padding-bottom:8px}.format-extras{margin:16px 0}.format-extras p{font-size:15px!important}.complex-tags{gap:5px}.complex-tags span{font-size:10px}.hero .hero-copy{padding-top:clamp(130px,24svh,175px)}.hero .hero-title{font-size:clamp(26px,7vw,35px)}}
@media(prefers-reduced-motion:reduce){.mini-complex svg{animation:none}.btn,.mini-complex{transition:none}}
.hero-title{text-shadow:0 2px 18px #0008}
/* Real exercise previews, with stable framing and no extra page-load downloads */
.mini-complex{padding:0 0 8px;overflow:hidden;gap:7px}
.mini-complex .complex-preview{width:100%;height:108px;display:block;object-fit:contain;background:#161414;mask-image:linear-gradient(#000 85%,transparent);border-radius:12px 12px 0 0}
.mini-complex span{padding-inline:4px;min-height:28px}
.compact-bonuses{margin:28px 0}.bonus-common{font-size:12px;color:#e8b68e!important;margin-bottom:18px!important}
.bonus-disclosure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.bonus-disclosure{border:1px solid var(--warm-line);border-radius:21px;background:linear-gradient(145deg,#30231e88,#141213);box-shadow:inset 0 1px #ffffff12,0 16px 35px #0003;overflow:hidden}
.bonus-disclosure summary{list-style:none;cursor:pointer;display:block;outline-offset:-4px}.bonus-disclosure summary::-webkit-details-marker{display:none}.bonus-disclosure summary:after,.bonus-disclosure summary:before{display:none!important}
.bonus-disclosure .bonus-illustration{display:block;width:100%;height:155px;min-height:0;margin:0;border-radius:0;background-size:cover}
.bonus-disclosure-copy{display:flex;flex-direction:column;gap:10px;padding:20px}.bonus-disclosure-copy strong{color:#fff;font-size:20px}.bonus-disclosure-copy>span{font-size:13px;line-height:1.6;color:#cbb9ad}.bonus-disclosure-copy small{font-size:11px;color:#ffb57b;text-decoration:underline;text-underline-offset:4px}
.bonus-disclosure ul{padding:0 23px 22px 36px;margin:0;color:#e2d3c8;font-size:13px;line-height:1.65}.bonus-disclosure li{margin:8px 0}.bonus-disclosure li::marker{color:#efaa77}.disclosure-open{display:none}.bonus-disclosure[open] .disclosure-open{display:block}.bonus-disclosure[open] .disclosure-closed{display:none}
.final .hero-purchase-choices{max-width:750px}.final .hero-choice{min-height:110px;flex-direction:column}.final .hero-choice-price{display:flex;flex-direction:row;gap:8px}.final .hero-choice-price strong{font-size:25px}
@media(max-width:800px){.mini-complex .complex-preview{height:74px}.mini-complex span{font-size:8px;min-height:24px}.mini-complex{gap:4px;padding-bottom:5px}.bonus-disclosure-grid{grid-template-columns:1fr;gap:12px}.bonus-disclosure summary{display:flex;align-items:center}.bonus-disclosure .bonus-illustration{width:105px;height:132px;flex:0 0 105px;background-size:cover}.bonus-disclosure-copy{padding:15px;gap:7px}.bonus-disclosure-copy strong{font-size:18px}.bonus-disclosure-copy>span{font-size:12px}.bonus-disclosure ul{padding-top:6px}.purchase-card .plan-duration{font-size:27px!important;line-height:1.25;font-weight:800;margin:18px 0!important;color:#fff!important}.purchase-card .offer-price{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;border-top:1px solid var(--warm-line)}.purchase-card .offer-price strong{font-size:40px!important;letter-spacing:-.045em}.purchase-card .offer-price del{font-size:16px!important}.purchase-card .discount{font-size:18px!important}.purchase-card .btn{min-height:58px;font-size:14px}.purchase-card .access-pill{align-self:flex-start;background:#ffad7014;border:1px solid var(--warm-line);color:#ffd6b4}.final .hero-choice{min-height:110px;padding:15px 7px}.final .hero-choice-price{gap:6px}.final .hero-choice-price strong{font-size:21px}.final .hero-choice-price del{font-size:10px}.final .hero-choice-price small{font-size:10px!important}}

/* Symmetric square previews, preserve the whole exercise */
.hero-complexes{align-items:stretch}
.mini-complex{display:grid;grid-template-rows:auto 1fr;align-content:start;gap:7px}
.mini-complex .complex-preview{display:block;width:100%;height:auto!important;aspect-ratio:1/1;object-fit:contain;mask-image:none;border-radius:10px 10px 0 0;background:#161414}
.mini-complex span{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 4px;margin:0;line-height:1.35}
@media(max-width:800px){.mini-complex{gap:5px}.mini-complex .complex-preview{height:auto!important;aspect-ratio:1/1}.mini-complex span{min-height:29px}}
/* v5: identical media canvas, not merely identical wrappers */
.mini-complex .complex-preview{aspect-ratio:9/16!important;height:auto!important;object-fit:cover!important;width:100%;border-radius:11px 11px 0 0;mask-image:none!important}
.hero-complexes{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
.mini-complex{grid-template-rows:auto 34px;padding-bottom:5px;background:linear-gradient(145deg,#332720,#151414);border:1px solid #f4bc863b;box-shadow:inset 0 1px #fff3,0 7px 20px #0004}
.mini-complex span{height:34px;min-height:0;align-self:center}
/* Crop only the visual objects from the existing bonus artwork, excluding baked-in headings/captions */
.bonus-grid>.bonus-card>.bonus-illustration{aspect-ratio:1.16;background-size:334.4% auto;background-color:#111;mask-image:linear-gradient(0deg,transparent,#000 9%,#000 96%,transparent)}
.bonus-grid>.bonus-card>.bonus-guide{background-position:6% 37.3%}
.bonus-grid>.bonus-card>.bonus-tracker{background-position:50% 37.3%}
.bonus-grid>.bonus-card>.bonus-chat{background-position:94% 37.3%}
.bonus-grid>.bonus-card{border-radius:23px;background:radial-gradient(ellipse at top,#b86d3114,transparent 65%),linear-gradient(140deg,#211c1b,#121112)!important;border-color:#e7c0a538!important;box-shadow:inset 0 1px #fff2,0 20px 42px #0004!important}
.bonus-copy{padding-top:18px}
/* Shared glass treatment: transparent, warm edge light, physical depth */
.included-label,.access-pill,.complex-tags span,.library-jump,.btn-outline,.feature-tabs button,.format-toggle{position:relative;border:1px solid transparent!important;background:linear-gradient(135deg,#ffffff10,#ffffff03 45%,#bd7b4511) padding-box,linear-gradient(120deg,#ffe0bf80,#fff1 35%,#ffb5733b 70%,#fff4) border-box!important;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #0006,0 7px 18px #0003!important;color:#f3dac7;transition:box-shadow .25s,border-color .25s,transform .25s}
.bonus-heading>.included-label{padding:13px 23px;border-radius:18px;color:#ffe5cb;font-weight:600;background:linear-gradient(115deg,#ffffff09 20%,#ffffff24 40%,#ffffff09 60%) padding-box,linear-gradient(120deg,#ffc48e99,#fff2 40%,#e8a46499 75%,#fff4) border-box!important;background-size:250% 100%,100% 100%!important;animation:glass-reflection 8s ease-in-out infinite;box-shadow:inset 0 1px #fff5,inset 0 -2px 6px #0004,0 8px 24px #0005,0 0 22px #e3934116!important}
@keyframes glass-reflection{0%,30%{background-position:100% 0,0 0}70%,100%{background-position:0 0,0 0}}
.library-jump{padding:9px 13px;border-radius:11px;text-decoration:none!important;line-height:1.5}
.format-extras>.included-label{color:#ffd0a1;letter-spacing:.025em;padding:10px 16px}
.format-extras>p{font-weight:600;text-shadow:0 0 20px #f8a56533}
.complex-tags span{padding:9px 11px;color:#f0d7c2}
.format-selector>.eyebrow{display:inline-flex;border:1px solid #e7ae7944;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,#ffffff12,#ffffff03);box-shadow:inset 0 1px #fff2,0 8px 20px #0003;color:#ffd1a7}
.feature-tabs button[aria-selected=true],.format-toggle button[aria-selected=true]{background:linear-gradient(135deg,#f6ad6e3b,#ce74341c)!important;color:#ffe3c5!important;border-color:#f8b37288!important;box-shadow:inset 0 1px #ffe5c54d,0 0 18px #ef9a421a!important}
.purchase-card .access-pill{padding:10px 15px;border-radius:12px;align-self:flex-start}
@media(hover:hover){.complex-tags span:hover,.feature-tabs button:hover,.library-jump:hover,.btn-outline:hover{box-shadow:inset 0 1px #fff5,0 9px 25px #0005,0 0 16px #ed9b4422!important;transform:translateY(-2px)}}
@media(max-width:800px){.mini-complex .complex-preview{aspect-ratio:9/16!important;height:auto!important}.mini-complex{grid-template-rows:auto 32px}.mini-complex span{height:32px;font-size:8px;padding-inline:3px}.included-label{font-size:11px}.bonus-heading>.included-label{font-size:11px;padding:12px 17px}.complex-tags span{padding:8px 10px}.library-jump{font-size:11px}.bonus-grid>.bonus-card>.bonus-illustration{aspect-ratio:1.16}}
@media(prefers-reduced-motion:reduce){.bonus-heading>.included-label{animation:none}.included-label,.access-pill,.complex-tags span,.library-jump,.btn-outline,.feature-tabs button,.format-toggle{transition:none}}
/* Keep glass translucent: no opaque border-gradient under the content */
.included-label,.access-pill,.complex-tags span,.library-jump,.btn-outline,.feature-tabs button,.format-toggle{border-color:#eac8aa45!important;background:linear-gradient(135deg,#ffffff15,#ffffff04 45%,#f8ba7710)!important}
.bonus-heading>.included-label{border-color:#f5c39488!important;background:linear-gradient(115deg,#ffffff07 20%,#ffffff24 40%,#ffffff07 60%)!important;background-size:250% 100%!important}
