:root{color-scheme:dark;--orange:#ff761b;--red:#ff493c;--yellow:#e9ae12;--muted:#b4b5be;--border:#3f2116}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:#070707f2;backdrop-filter:blur(16px);border-bottom:1px solid #ff691b30;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:1.1px;font-weight:800}.brand img{width:42px;height:42px;object-fit:contain;mix-blend-mode:normal}.brand b{font-weight:800}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav>a{color:#c9c9ce}nav a:hover{color:#ff8a3d}.outline,.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:8px;padding:15px 24px;font-weight:700;font-size:16px;transition:transform .2s,background .2s}.outline{border:1px solid #dd681c;background:#ff74100a;color:#fff}.button{background:linear-gradient(105deg,#e92623,#f7680d 62%,#dc9d00);color:#fff;border:0;box-shadow:0 12px 40px #e53a151c}.button:hover,.outline:hover{transform:translateY(-2px);filter:brightness(1.12)}nav .outline{font-size:14px;padding:9px 16px}.admin{background:none;border:0;color:#acadb4;font-size:25px}.hero{position:relative;padding:20px 5% 84px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 29%,#5c201a66,transparent 48%),radial-gradient(ellipse at 80% 100%,#33160b33,transparent 65%)}.hero-art{position:relative;max-width:850px;height:345px;margin:0 auto 20px}.hero-logo{position:absolute;left:50%;top:48px;transform:translateX(-50%)}.hero-logo img{width:185px;height:166px;object-fit:contain;mix-blend-mode:normal}.hero-logo>div{font-size:43px;line-height:1;font-weight:800;letter-spacing:-2px}.hero-logo sup{font-size:12px;vertical-align:top;letter-spacing:0}.hero-logo>span{display:block;font-size:16px;letter-spacing:6px;margin-top:9px}.orb{position:absolute;width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,#100807 83%,transparent 85%),conic-gradient(var(--c) calc(var(--p)*1%),#ffffff0d 0);box-shadow:0 0 0 9px #0003;color:var(--c)}.orb strong{font-size:30px;line-height:1.2}.orb strong span{font-size:.8em}.orb small{font-size:12px;color:#ddd;font-weight:700}.fitness{width:133px;height:133px;left:10%;top:89px}.fitness strong{font-size:39px}.recovery{left:29%;top:0;width:88px;height:88px}.recovery strong{font-size:26px}.activity{right:27%;top:7px;width:77px;height:77px}.activity strong{font-size:24px}.progress{right:7%;top:57px;width:135px;height:135px}.progress strong{font-size:40px}.nutrition{right:1%;top:229px;width:86px;height:86px}.nutrition strong{font-size:26px}.goals{left:20%;top:263px;width:80px;height:80px}.goals strong{font-size:25px}.gradient{background:linear-gradient(100deg,#ff4b3f,#ff791b 65%,#eab008);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.4px;color:#fc914d;margin:0 0 20px}h1{font-size:clamp(39px,5.4vw,74px);line-height:1.08;letter-spacing:-2.7px;margin:0 0 25px;font-weight:800}h2{font-size:clamp(30px,3.4vw,47px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 22px}h3{font-size:22px;line-height:1.3;margin:0 0 16px;letter-spacing:-.5px}.intro{max-width:720px;margin:0 auto 28px;font-size:19px;color:#bfbec5;line-height:1.65}.actions{display:flex;justify-content:center;gap:15px}.fine{font-size:13px;color:#96949c;margin-top:20px}.fine span{margin:0 10px}section{scroll-margin-top:20px}.wrap{max-width:1160px;margin:0 auto}.section{padding:94px 6%}.section-head{text-align:center;max-width:820px;margin:0 auto 45px}.section-head p{color:var(--muted);font-size:18px}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{padding:32px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(135deg,#35160f66,#070707)}.card p{color:#bfc0c8;margin:0 0 22px}.card ul,.fit ul{list-style:none;padding:0;margin:23px 0}.card li,.fit li{position:relative;padding-left:27px;margin:12px 0;color:#bfc0c8;font-size:16px}.card li:before,.fit li:before{content:'✓';position:absolute;left:0;color:#23bd69;font-weight:700}.card-link{border:0;padding:0;color:var(--orange);background:none;font-size:16px;font-weight:700}.card-link span{margin-left:10px}.connect{background:linear-gradient(#0a0d13,#050505)}.connect .card{display:flex;flex-direction:column;text-align:center;align-items:center}.connect .card ul{margin:auto 0 28px;text-align:left}.connect .card h3{font-size:26px;color:#ff7939}.icon{font-size:26px;width:64px;height:64px;display:grid;place-items:center;background:#e64b15;border-radius:50%;margin-bottom:24px}.connect .card:nth-child(2){border-color:#b23a38;background:linear-gradient(135deg,#39111666,#090707)}.connect .card:nth-child(2) .icon{background:#da2855}.connect .card:nth-child(3){border-color:#62308d;background:linear-gradient(135deg,#32134966,#080609)}.connect .card:nth-child(3) .icon{background:#a929b4}.connect small{color:#9c9da6;display:block;margin-top:12px}.story{background:radial-gradient(ellipse at 70% 50%,#25112288,transparent 75%),#0b101a}.story-layout{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:80px}.portrait{position:relative;max-width:400px;border:1px solid #6d3920;border-radius:15px;overflow:hidden}.portrait img{display:block;width:100%;height:530px;object-fit:cover;object-position:center 30%}.portrait a{position:absolute;inset:0;display:flex;align-items:flex-end;padding:22px;background:linear-gradient(transparent 70%,#000c);font-weight:700}.story h2{font-size:clamp(38px,4.7vw,62px)}.story p:not(.eyebrow){color:#bfc1cc;font-size:18px}.story .sign{font-size:28px!important;font-weight:700;color:#ff713b!important}.light{background:#f6f7f9;color:#141b29;color-scheme:light}.light .section-head p{color:#67707e}.light .card{background:#fff;border:1px solid #e7e8ec;box-shadow:0 5px 18px #10162404}.light .card p,.light .card li,.fit li{color:#576170}.light .icon{width:48px;height:48px;border-radius:12px;font-size:23px;background:#fff0e5;color:#ee731c;margin-bottom:22px}.pillars{padding-top:20px}.pillar-num{font-size:12px;letter-spacing:2px;color:#ca6329;font-weight:800;display:block;margin-bottom:13px}.fit{padding:30px;border-radius:12px;border:1px solid #dce0e5;background:#f9fafb}.fit.yes{background:#eefbf3;border-color:#b5e8c9}.fit.no li:before{content:'×';color:#99a0ae}.fit h3{font-size:23px}.fit.yes h3{color:#216640}.fit-cta{margin-top:28px;background:#fff0e8;border-radius:12px;padding:25px;text-align:center}.fit-cta p{color:#5c6370;margin:8px 0 0}.included .card h3{color:var(--orange)}.included .card:nth-child(3n+1) h3{color:#ff554c}.included .card:nth-child(3n) h3{color:#e8b60b}.included .card li:before{color:var(--orange)}.included .card ul{margin-bottom:0}.start{padding-top:25px;background:radial-gradient(ellipse at 50% 100%,#5d20143d,transparent 65%);text-align:center}.steps{border:1px solid #653018;background:#35160922;border-radius:14px;padding:36px;margin:40px 0 32px;text-align:left}.steps>h3{text-align:center;color:var(--orange);margin-bottom:32px}.step-number{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(120deg,#eb3023,#e49b06);border-radius:50%;font-size:20px;font-weight:700;margin-bottom:20px}.steps h4{font-size:18px;margin:0 0 8px;color:#fc8b34}.steps p{color:#b8b7be;font-size:16px;margin:0}.start .intro{max-width:750px}footer{border-top:1px solid #422211;padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer small{font-size:13px;color:#9d9da6}dialog{max-width:460px;width:calc(100% - 40px);border:1px solid #754125;background:#111014;color:#fff;border-radius:16px;padding:40px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:32px}dialog p:not(.eyebrow){color:#c5c2c9}.close{position:absolute;top:8px;right:15px;font-size:30px;color:#aaa;background:none;border:0}.close-button{margin-top:12px}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}.light a:focus-visible{outline-color:#d45a21}@media(max-width:800px){header{padding:14px 5%}nav>a,.admin{display:none}nav{gap:10px}.brand{font-size:11px;gap:6px}.brand img{width:33px;height:33px}nav .outline{padding:8px 10px;font-size:12px;gap:8px}.hero{padding-top:32px}.hero-art{height:310px;max-width:580px}.hero-logo{top:85px}.hero-logo img{width:130px;height:115px}.hero-logo>div{font-size:33px}.hero-logo>span{font-size:12px}.orb{transform:scale(.77)}.fitness{left:0;top:80px}.recovery{left:20%;top:0}.activity{right:26%;top:0}.progress{right:0;top:68px}.nutrition{right:0;top:224px}.goals{left:1%;top:225px}.three{grid-template-columns:1fr}.two{gap:18px}.section{padding:64px 5%}.story-layout{gap:40px;grid-template-columns:1fr 1fr}.portrait img{height:450px}.card{padding:25px}.connect .card ul{margin:10px 0 24px}.connect .card{padding:30px}.steps .three{grid-template-columns:repeat(3,1fr);gap:24px}footer{flex-wrap:wrap}footer p{display:none}.included .three{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){h1{font-size:39px;letter-spacing:-1.5px}.intro{font-size:17px}.eyebrow{font-size:11px;letter-spacing:1.7px}.hero-art{margin-bottom:30px;height:280px}.hero-logo{top:98px}.hero-logo img{width:105px;height:90px}.hero-logo>div{font-size:28px}.hero-logo>span{letter-spacing:4px}.fitness{left:-26px;top:72px;transform:scale(.6)}.progress{right:-27px;top:68px;transform:scale(.6)}.recovery{left:13%;top:4px;transform:scale(.7)}.activity{right:15%;top:5px;transform:scale(.7)}.nutrition{right:-10px;top:206px;transform:scale(.63)}.goals{left:-5px;top:204px;transform:scale(.63)}.actions{flex-direction:column;align-items:stretch}.actions .button{gap:15px}.actions .outline{align-self:center}.two,.story-layout,.included .three{grid-template-columns:1fr}.portrait{max-width:350px;width:100%;margin:auto}.portrait img{height:460px}.story-layout{gap:40px}.story h2{font-size:43px}.steps{padding:26px}.steps .three{grid-template-columns:1fr;gap:28px}.step-number{margin-bottom:10px}.section-head{margin-bottom:32px}.brand b{display:none}footer{justify-content:center;text-align:center;flex-direction:column;gap:4px}.start .button{width:100%;gap:12px;font-size:16px}.section-head p{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Progress, brought to life. */
.hero{padding-top:36px;background:radial-gradient(ellipse at 50% 20%,#6b271a55,transparent 51%),linear-gradient(180deg,#09090b,#050505)}
.hero-art{height:365px;isolation:isolate}
.hero-art:before{content:'';position:absolute;inset:8% 12%;border-radius:50%;background:radial-gradient(ellipse,#fa692714,transparent 65%);border:1px solid #ffad6510;transform:rotate(-15deg);pointer-events:none}
.hero-logo{top:68px;filter:drop-shadow(0 0 26px #ff612222)}
.orb{--loaded:var(--p);background:radial-gradient(closest-side,#110c0e 83%,transparent 85%),conic-gradient(from -90deg,var(--c) calc(var(--loaded)*1%),#ffffff0d 0);box-shadow:0 0 0 8px #ffffff03,0 14px 40px #0008;will-change:auto}
.orb strong{font-variant-numeric:tabular-nums;letter-spacing:-1.3px}
.orb small{font-size:14px;font-weight:500;color:#e1dce0;letter-spacing:.1px}
.orb:after{content:'';position:absolute;inset:-2px;border-radius:50%;border:1px solid var(--c);opacity:.16;box-shadow:0 0 28px color-mix(in srgb,var(--c) 14%,transparent);pointer-events:none}
.orb.is-complete:after{animation:completion-glow 1s ease-out both}
.hero-art.is-animating .orb{animation:orb-arrive .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay,0ms)}
.progress{width:142px;height:142px;right:6%;top:76px}
.fitness{top:104px}.recovery{left:28%;top:8px}.activity{right:26%;top:13px}.goals{left:21%;top:269px}.nutrition{right:13%;top:264px}
.hero-copy{position:relative;max-width:1050px;margin:auto}
.hero-copy .eyebrow{font-size:13px;letter-spacing:3px;color:#f8a66e}
.hero-copy h1{font-size:clamp(39px,5.2vw,72px);letter-spacing:-2.8px;line-height:1.1}
.hero-copy .intro{max-width:650px}
.hero .button{border:1px solid #ffb76b66;box-shadow:0 8px 30px #fb56182b,inset 0 1px 0 #ffffff30}
.hero .button:hover{box-shadow:0 12px 44px #fb561849}
.hero .outline{border-color:#ffffff36;background:#ffffff04}
.progress-caption{color:#91858b;font-size:12px;letter-spacing:1px;margin:0 0 26px;text-align:center}
.hero-copy{animation:copy-arrive .8s .18s both}
.card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
@media(hover:hover){.card:hover{transform:translateY(-5px);border-color:#be632e;box-shadow:0 16px 38px #0002}.light .card:hover{border-color:#ecb087;box-shadow:0 16px 38px #3820100b}}
@keyframes orb-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes copy-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes completion-glow{0%,100%{opacity:.16}35%{opacity:.7;box-shadow:0 0 34px color-mix(in srgb,var(--c) 35%,transparent)}}
@media(max-width:800px){.hero-art{height:345px;max-width:580px}.hero-logo{top:110px}.orb{transform:none;width:94px;height:94px}.orb strong{font-size:28px}.fitness{left:2%;top:126px}.progress{right:2%;top:117px}.recovery{left:21%;top:7px}.activity{right:21%;top:7px}.goals{left:13%;top:244px}.nutrition{right:13%;top:244px}}
@media(max-width:520px){.hero{padding-top:24px}.hero-art{height:336px;margin-bottom:10px}.hero-art:before{inset:12% 0}.orb{width:90px;height:90px;transform:none}.orb strong{font-size:27px}.orb small{font-size:14px}.hero-logo{top:115px}.hero-logo img{width:110px;height:95px}.hero-logo>div{font-size:27px}.fitness{left:0;top:120px}.progress{right:0;top:120px}.recovery{left:13%;top:12px}.activity{right:13%;top:12px}.goals{left:13%;top:236px}.nutrition{right:13%;top:236px}.hero-copy h1{font-size:clamp(34px,9vw,46px);letter-spacing:-1.6px}.hero-copy .eyebrow{font-size:12px;letter-spacing:1.8px}.progress-caption{margin-bottom:24px}.hero-logo>span{font-size:12px}}
@media(max-width:360px){.orb{width:80px;height:80px}.orb strong{font-size:24px}.hero-logo img{width:90px}.hero-logo>div{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.orb{translate:none!important}}

/* Let the transparent brand mark stand on its own. */
.hero-art:before{display:none}
.hero-logo{filter:none}
.brand img,.hero-logo img{border:0;border-radius:0;background:transparent;box-shadow:none}

.coach-brand-panel{width:100%;max-width:400px;min-height:450px;margin:auto;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #6d3920;border-radius:15px;background:linear-gradient(145deg,#1d1210,#090b11)}
.coach-brand-panel img{display:block;width:210px;max-width:80%;height:auto;object-fit:contain}
.story .coach-brand-name{font-size:28px;font-weight:800;color:#fff;margin:24px 0 0;letter-spacing:-.6px}
.story .coach-brand-motto{font-size:16px;color:#f8a66e;margin:6px 0 28px}
.coach-brand-panel .outline{font-size:14px;padding:12px 16px}
@media(max-width:520px){.coach-brand-panel{min-height:380px;padding:36px 20px}}

nav a.outline{display:inline-flex}

.coach-brand-panel.transformation-panel{max-width:520px;min-height:0;padding:0 0 24px;overflow:hidden}
.coach-brand-panel.transformation-panel img{width:100%;max-width:100%;height:auto;object-fit:contain;margin:0 0 24px}

/* A balanced photo and story, with the full transformation visible. */
.story{background:#0b0d12;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:88px 6%}
.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.transformation{margin:0;min-width:0;border-radius:16px;overflow:hidden;background:#13161d;border:1px solid #ffffff17;box-shadow:0 20px 55px #0004}
.transformation img{display:block;width:100%;height:auto;object-fit:contain}
.transformation figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;color:#d4d3d7;font-size:14px}
.transformation figcaption span:first-child{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#fb9858}
.story-copy{min-width:0;max-width:510px}
.story-copy .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:20px}
.story .story-copy h2{font-size:clamp(34px,3.5vw,49px);line-height:1.13;letter-spacing:-1.7px;margin:0 0 24px}
.story .story-copy p:not(.eyebrow){font-size:17px;line-height:1.75;color:#adafb9;margin:0 0 18px}
.story .story-copy .story-lead{font-size:21px;font-weight:600;color:#f3f1ef;line-height:1.5;margin-bottom:22px}
.story-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:30px}
.story-social{font-size:14px;color:#c7c5cd;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#66616a}
.story-social:hover{color:#ff9858;text-decoration-color:currentColor}
@media(max-width:800px){.story{padding:64px 6%}.story-layout{grid-template-columns:1fr;gap:36px;max-width:560px}.story-copy{max-width:none}.story .story-copy h2{font-size:40px}}
@media(max-width:520px){.story{padding:48px 5%}.transformation{border-radius:12px}.transformation figcaption{padding:14px 16px;font-size:13px}.transformation figcaption span:first-child{font-size:11px}.story .story-copy h2{font-size:36px}.story-copy .eyebrow{font-size:11px}.story-actions .button{width:100%}.story-actions{align-items:center}}

.coach-photo{width:100%;max-width:350px;justify-self:center}
.coach-photo figcaption{justify-content:center;padding:20px 14px}
.coach-photo .outline{font-size:14px;padding:12px 16px}
@media(max-width:800px){.coach-photo{max-width:340px}}

.coach-photo-crop{width:100%;aspect-ratio:1152 / 1960;overflow:hidden}
.coach-photo-crop img{display:block;width:100%;height:auto;max-width:none}

.fit-cta .button{margin-top:22px;max-width:100%;text-align:center}
