*{box-sizing:border-box} :root{color-scheme:dark;--blue:#1688ff;--cyan:#75c7ff;--muted:#a5adbc}body{margin:0;background:#050609;color:#fff;font-family:Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #8ad8ff;outline-offset:6px}main{width:min(100%,500px);margin:auto;background:linear-gradient(180deg,#090d14,#06080c 65%);min-height:100vh}.progress{position:fixed;top:0;left:0;height:2px;background:var(--blue);width:100%;z-index:20;transform:scaleX(0);transform-origin:left}.hero{position:relative;isolation:isolate;aspect-ratio:720/564;background:#10151c;overflow:hidden}.hero video{width:100%;height:100%;display:block;object-fit:cover}.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 45%,#090d14)}.team-logo{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:108px;height:106px;object-fit:contain;filter:drop-shadow(0 3px 14px #000);pointer-events:none}.video-controls{position:absolute;top:16px;right:16px;display:flex;gap:7px}.video-controls[hidden]{display:none}.video-controls button{border:1px solid #ffffff35;border-radius:30px;background:#050609b8;padding:9px 12px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;backdrop-filter:blur(10px)}.profile{padding:17px 30px 35px;text-align:center}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2.8px;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:54px;font-weight:400;letter-spacing:1px;line-height:1;margin-bottom:13px}.bio{color:#bdc4ce;font-size:14px;line-height:1.6;margin-bottom:14px}.instagram-handle{font-size:12px;color:var(--cyan)}.links{padding:0 24px;display:grid;gap:54px;margin-top:35px;perspective:1100px}.feature-card{position:relative;display:block;border:1px solid #234369;border-radius:22px;background:linear-gradient(145deg,#112439,#0b1019 70%);transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s,border-color .25s;box-shadow:0 18px 40px #0005;--rx:0deg;--ry:0deg;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry))}.feature-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 70% 0,#148aff24,transparent 65%);pointer-events:none}.feature-media{height:210px;margin:-24px 12px 0;border:1px solid #6587aa60;border-radius:16px;overflow:hidden;transform:translateZ(25px) rotate(-2deg);box-shadow:0 18px 28px #0008;transition:transform .35s;position:relative;background:#06080b}.feature-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.online .feature-media img{object-position:65% center;object-fit:cover}.presencial .feature-media{transform:translateZ(25px) rotate(2deg);height:240px}.presencial .feature-media img{object-position:50% 43%}.yesfit .feature-media img{object-position:center 50%}.feature-copy{position:relative;padding:23px 22px 21px;transform:translateZ(35px)}.tag{display:inline-block;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:12px}h2{font-family:'Bebas Neue',Impact,sans-serif;font-size:36px;font-weight:400;line-height:1.03;letter-spacing:.4px;margin-bottom:12px}.feature-copy p{font-size:13px;line-height:1.6;color:#adb9c9;margin-bottom:20px;max-width:350px}.action{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(100deg,#0068df,#238eff);border-top:1px solid #72baff;border-radius:10px;padding:12px 13px 12px 18px;font-size:13px;font-weight:700;box-shadow:0 8px 22px #006aff20}.action span{display:grid;place-items:center;border-radius:50%;background:#ffffff20;width:26px;height:26px;font-size:20px}.feature-card:focus-visible,.feature-card:hover,.feature-card.pressed{border-color:#4aa8ff;box-shadow:0 20px 48px #006dff20}.feature-card:hover .feature-media,.feature-card:focus-visible .feature-media,.feature-card.pressed .feature-media{transform:translateZ(48px) translateY(-6px) rotate(0)}.feature-card:hover .feature-media img,.feature-card.pressed .feature-media img{transform:scale(1.055)}.youtube{margin:48px 24px 24px;padding:24px 20px;border:1px solid #273040;border-radius:22px;background:#0c111a}.section-heading h2{font-size:32px}.section-heading>a{display:inline-flex;color:var(--cyan);font-size:13px;font-weight:600;margin:2px 0 23px;gap:12px}.video-grid{display:grid;gap:17px}.video{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center}.thumb{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:16/10;background:#171e29}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.video:hover img{transform:scale(1.08)}.play{position:absolute;inset:0;display:grid;place-items:center;background:#0003;font-size:18px;text-shadow:0 2px 8px #000}.video h3{font-size:13px;font-weight:600;line-height:1.4;margin:0}.quick-links{margin:0 24px;display:grid;gap:12px}.quick-links>a{display:flex;align-items:center;gap:13px;border:1px solid #283346;border-radius:14px;padding:18px 15px;background:#0d141f;transition:background .2s}.quick-links>a:hover{background:#112840}.quick-icon{display:grid;place-items:center;border:1px solid #237fda;color:var(--cyan);border-radius:12px;width:38px;height:38px;font-size:24px;flex-shrink:0}.quick-links small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.4px;margin-bottom:5px}.quick-links strong{font-size:14px}.quick-links>a>span:last-child{margin-left:auto;color:var(--cyan);font-size:22px}footer{text-align:center;padding:38px 20px 32px;color:#9ba6b8}footer img{width:62px;height:61px;object-fit:contain;opacity:.85;margin-bottom:15px}footer p{font-size:11px;margin-bottom:8px}footer small{font-size:10px;color:#6e7b90}@media(min-width:600px){main{border-left:1px solid #18202c;border-right:1px solid #18202c}body{background:radial-gradient(ellipse at 50% 10%,#111a29,#050609 60%);background-attachment:fixed}}@media(max-width:359px){.links,.quick-links{padding:0;margin-left:18px;margin-right:18px}.youtube{margin-left:18px;margin-right:18px;padding:22px 16px}.feature-copy{padding:22px 17px}.feature-media{height:185px}.video{grid-template-columns:90px 1fr}.profile{padding-left:22px;padding-right:22px}h1{font-size:48px}h2{font-size:32px}.action{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.feature-card{transform:none!important}.feature-card .feature-media{transform:none!important}.feature-card .feature-media img{transform:none!important}}
/* Hero and split-image cards — September 2026 revision. */
.hero{height:48svh;min-height:340px;max-height:520px;aspect-ratio:auto}
.hero video{object-position:50% 45%}
.hero video:focus-visible{outline:2px solid var(--cyan);outline-offset:-4px}
.hero-shade{background:linear-gradient(180deg,#0002,transparent 35%,#090d14 99%)}
.team-logo{bottom:19px;width:98px;height:98px}
.profile{position:relative;padding-top:18px;padding-bottom:36px}
.links{gap:55px;margin-top:26px}
.feature-card{min-height:275px;border-radius:18px;background:#071322;box-shadow:0 16px 35px #0006}
.feature-card::before{background:radial-gradient(ellipse at 85% 30%,#087cf15c,transparent 65%);border-radius:inherit}
.feature-media,.presencial .feature-media{position:absolute;inset:0;height:auto;margin:0;border:0;border-radius:inherit;transform:none;box-shadow:none;opacity:.22;overflow:hidden}
.feature-media img,.online .feature-media img,.presencial .feature-media img{object-fit:cover;object-position:70% center}
.feature-overlay{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#030a13 5%,#071322b5 48%,#006ffb10)}
.person-cutout{position:absolute;right:-9px;bottom:0;width:52%;height:calc(100% + 33px);object-fit:contain;object-position:center bottom;transform:translateZ(42px);transform-origin:75% 95%;pointer-events:none;filter:drop-shadow(-9px 0 18px #078cff35);transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s;mask-image:linear-gradient(#000 90%,transparent 100%)}
.presencial .person-cutout{bottom:58px;height:calc(100% - 18px);right:-17px;width:55%}
.feature-copy{width:64%;padding:26px 0 26px 19px;transform:translateZ(60px);z-index:2}
.feature-copy .tag{font-size:8px;letter-spacing:1.3px;margin-bottom:14px}
.feature-copy h2{font-size:30px;line-height:1.04;margin-bottom:15px;letter-spacing:.1px;overflow-wrap:normal}
.feature-copy p{font-size:12px;line-height:1.55;color:#c1ccd9;margin-bottom:22px;width:85%}
.action{width:max-content;max-width:100%;font-size:11px;gap:9px;padding:10px 10px 10px 12px;border-radius:8px;background:linear-gradient(110deg,#0469d8,#168cff)}
.action span{width:21px;height:21px;font-size:17px;flex-shrink:0}
.card-location{position:relative;z-index:3;padding:13px 17px;margin:0;border-top:1px solid #3070a93d;background:#06101ded;color:#aebdd1;font-size:10px;line-height:1.5;border-radius:0 0 18px 18px;transform:translateZ(60px)}
.card-location span{color:#55b3ff;font-size:15px;float:left;margin-right:8px}
.feature-card:hover .feature-media,.feature-card:focus-visible .feature-media,.feature-card.pressed .feature-media{transform:none}
.feature-card:hover .person-cutout,.feature-card:focus-visible .person-cutout,.feature-card.pressed .person-cutout{transform:translateZ(85px) translateY(-14px) scale(1.07);filter:drop-shadow(-12px 7px 24px #087bff65)}
.yesfit .feature-media{opacity:.9}
.yesfit .feature-media img{object-position:65% center}
.yesfit .feature-overlay{background:linear-gradient(90deg,#020913 5%,#040d18ee 42%,#07132230 100%)}
.yesfit .feature-copy{width:65%}
.youtube{background:radial-gradient(ellipse at 100% 0,#0d3154,#09101b 65%);border-color:#1d3b5c;margin-top:36px;padding:24px 19px}
.youtube-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;letter-spacing:-.8px;margin-bottom:23px}
.section-heading h2{font-size:32px}
.section-heading .eyebrow{font-size:9px;letter-spacing:1.7px}
.section-heading>a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294664;padding-bottom:17px}
.video-grid{gap:20px}
.video{grid-template-columns:43% 1fr;gap:14px}
.thumb{aspect-ratio:16/9;border:1px solid #294462}
.video h3{font-size:12px;line-height:1.45}
.play{font-size:16px}
@media(min-width:450px){.feature-copy h2{font-size:36px}.feature-copy{padding-left:23px}.feature-copy p{font-size:13px}.action{font-size:12px;padding:12px}.feature-card{min-height:295px}.person-cutout{height:calc(100% + 43px)}.presencial .person-cutout{height:calc(100% - 10px)}}
@media(max-width:359px){.feature-copy h2{font-size:26px}.feature-copy{padding-left:14px;width:66%}.feature-copy .tag{font-size:7px;letter-spacing:.8px}.action{font-size:10px;padding:9px;gap:5px}.feature-copy p{font-size:11px}.person-cutout{right:-6px;width:51%}.presencial .person-cutout{right:-10px}.hero{min-height:315px}.video{grid-template-columns:43% 1fr}.video h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){.person-cutout,.feature-card:hover .person-cutout,.feature-card:focus-visible .person-cutout,.feature-card.pressed .person-cutout{transform:none!important}}
/* Keep the perspective local to each card, with the person above its top edge. */
.links{perspective:none}
.feature-copy,.card-location{transform:none}
.person-cutout{width:auto;height:calc(100% + 26px);right:-15px;max-width:none;object-fit:fill;transform:translateZ(24px);mask-image:linear-gradient(#000 82%,transparent 100%)}
.presencial .person-cutout{width:auto;height:calc(100% - 18px);right:-27px;bottom:50px}
.online .feature-media{opacity:.06}
.presencial .feature-media{opacity:.12}
.feature-copy{padding-top:28px;padding-bottom:28px}
.feature-copy h2{position:relative;text-shadow:0 2px 12px #000,0 0 20px #020b17}
.feature-copy p{text-shadow:0 2px 10px #000}
@media(max-width:359px){.person-cutout{right:-14px;height:calc(100% + 17px)}.presencial .person-cutout{right:-24px;height:calc(100% - 22px)}}
.feature-card{transform-style:flat}
.feature-copy{z-index:3}
.person-cutout,.presencial .person-cutout{top:-30px;bottom:auto;right:-8px;width:62%;height:auto;z-index:2;transform:translateY(0);mask-image:linear-gradient(90deg,transparent,#000 23%),linear-gradient(#000 78%,transparent);mask-composite:intersect}
.presencial .person-cutout{width:65%;top:-34px;right:-12px}
.feature-card:hover .person-cutout,.feature-card:focus-visible .person-cutout,.feature-card.pressed .person-cutout{transform:translateY(-12px) scale(1.07)}
@media(min-width:450px){.person-cutout{width:59%}.presencial .person-cutout{width:62%}}
@media(max-width:359px){.person-cutout{width:62%;top:-25px}.presencial .person-cutout{width:65%;top:-30px}}
.feature-card:hover .person-cutout,.feature-card:focus-visible .person-cutout,.feature-card.pressed .person-cutout{transform:translate3d(var(--px,0px),calc(-12px + var(--py,0px)),0) scale(1.07)}
/* Compact first fold and original Daniel brand cyan (#3CCFFE). */
:root{--blue:#3ccffe;--cyan:#3ccffe}
main{background:linear-gradient(180deg,#050c10,#04080a 65%)}
.hero{height:clamp(95px,calc(100svh - 545px),245px);min-height:0;max-height:none}
.hero video{height:calc(100% + 42px);transform:translateY(-42px);object-fit:cover;object-position:50% 57%;pointer-events:none}
.hero-shade{background:linear-gradient(180deg,#0001,transparent 30%,#050c10)}
.team-logo{width:65px;height:65px;bottom:3px}
.profile{padding:10px 20px 14px}
.profile .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:6px}
h1{font-size:43px;margin-bottom:7px}
.bio{font-size:12px;line-height:1.45;margin-bottom:7px}
.instagram-handle{font-size:10px}
.links{padding:0 8px;margin:22px 0 0;gap:27px}
.feature-card{min-height:210px;border-color:#3ccffe38;background:#041117;border-radius:15px}
.feature-card::before{background:radial-gradient(ellipse at 85% 30%,#3ccffe3a,transparent 65%)}
.feature-overlay{background:linear-gradient(90deg,#020a0e 5%,#041117b5 48%,#3ccffe10)}
.feature-copy{padding:20px 0 20px 16px;width:64%}
.feature-copy .tag{font-size:8px;letter-spacing:1px;margin-bottom:10px}
.feature-copy h2{font-size:29px;margin-bottom:10px}
.feature-copy p{font-size:11px;line-height:1.4;margin-bottom:14px}
.action{padding:9px 10px 9px 12px;background:linear-gradient(110deg,#3ccffe,#26bee9);border-color:#8be2fc;color:#021119;font-size:11px;box-shadow:0 7px 20px #3ccffe16}
.action span{background:#0520291a}
.person-cutout{width:54%;top:-21px;right:-1px;filter:drop-shadow(-8px 0 16px #3ccffe32)}
.feature-card:hover,.feature-card:focus-visible,.feature-card.pressed{border-color:#3ccffe;box-shadow:0 15px 35px #3ccffe18}
.feature-card:hover .person-cutout,.feature-card:focus-visible .person-cutout,.feature-card.pressed .person-cutout{filter:drop-shadow(-8px 4px 17px #3ccffe55)}
.presencial .feature-media{inset:0 0 49px 43%;opacity:1;border-radius:0 15px 0 0;overflow:hidden}
.presencial .feature-media img{object-fit:contain;object-position:right center;transform:none!important}
.presencial .feature-overlay{background:linear-gradient(90deg,#020a0e 0%,#041117f5 37%,#04111760 57%,transparent 76%)}
.scene-cutout{position:absolute;top:0;right:0;width:57%;height:calc(100% - 49px);object-fit:contain;object-position:right center;pointer-events:none;z-index:2;opacity:1;transition:transform .4s;transform-origin:70% 65%}
.presencial:hover .scene-cutout,.presencial:focus-visible .scene-cutout,.presencial.pressed .scene-cutout{opacity:1;transform:translateY(-2px) scale(1.018)}
.card-location{padding:10px 14px;font-size:10px;border-color:#3ccffe25;background:#041117f5;border-radius:0 0 15px 15px}
.card-location span{color:var(--cyan)}
.yesfit .feature-overlay{background:linear-gradient(90deg,#020a0e 5%,#041117ed 42%,#04111730 100%)}
.youtube{margin:27px 8px 20px;border-color:#3ccffe32;background:radial-gradient(ellipse at 100% 0,#0b303c,#060e12 65%)}
.quick-links{margin:0 8px;padding:0}
.quick-links>a{background:#071116;border-color:#3ccffe25}
.quick-links>a:hover{background:#10313a}
.quick-icon,.thumb{border-color:#3ccffe55}
.section-heading>a{border-color:#3ccffe33}
@media(min-width:600px){body{background:radial-gradient(ellipse at 50% 10%,#0c2027,#030608 60%);background-attachment:fixed}main{border-color:#143039}}
@media(max-width:359px){.profile{padding:8px 15px 10px}h1{font-size:38px}.bio{font-size:11px}.feature-copy h2{font-size:26px}.feature-copy{padding:16px 0 16px 12px}.feature-copy .tag{font-size:7px}.action{font-size:10px}.person-cutout{width:54%;top:-16px}.feature-card{min-height:200px}.links{margin-top:20px}.hero{height:clamp(85px,calc(100svh - 505px),245px)}}
@media(prefers-reduced-motion:reduce){.scene-cutout{transition:none!important;transform:none!important;opacity:1!important}}
@media(max-width:599px){.hero{height:clamp(85px,calc(100svh - 555px),245px)}}
@media(max-width:359px) and (max-height:650px){.hero{height:65px}.team-logo{width:45px;height:45px}.profile{padding-top:5px;padding-bottom:5px}.profile h1{font-size:34px;margin-bottom:5px}.profile .bio{font-size:10px;line-height:1.35;margin-bottom:5px}.profile .eyebrow{margin-bottom:4px}.links{margin-top:15px;gap:22px}.feature-copy{padding-top:13px;padding-bottom:13px}.feature-copy p{margin-bottom:11px}.feature-card{min-height:185px}}
/* Social marks, gym framing and desktop outline monogram. */
.quick-icon svg{display:block;width:23px;height:23px}
.yesfit .feature-media img{object-position:left center;translate:22% 0}
.yesfit .feature-overlay{background:linear-gradient(90deg,#020a0e 6%,#041117f0 42%,#04111745 64%,transparent 82%)}
.desktop-monogram{display:none}
@media(min-width:1000px){
  .desktop-monogram{display:block;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
  .desktop-monogram img{position:absolute;top:3vh;height:94vh;width:auto;opacity:.32;filter:drop-shadow(0 0 13px #3ccffe22)}
  .desktop-monogram .letter-d{right:calc(50% + 145px)}
  .desktop-monogram .letter-c{left:calc(50% + 145px)}
  main{position:relative;z-index:1;box-shadow:0 0 70px #000c}
}
/* Edge-to-edge mobile layout. Foreground expands upward/inward, not past the screen. */
@media(max-width:767px){
  main{width:100%;max-width:none;border-left:0;border-right:0}
  .hero,.hero video{width:100%}
  .links{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
  .youtube,.quick-links{margin-left:0;margin-right:0}
  .feature-card{width:100%;transform:none}
  .person-cutout{right:0;transform-origin:right bottom}
  .scene-cutout{transform-origin:right 65%}
  .feature-card:hover .person-cutout,.feature-card:focus-visible .person-cutout,.feature-card.pressed .person-cutout{transform:translate3d(min(0px,var(--px,0px)),calc(-10px + var(--py,0px)),0) scale(1.04)}
}

/* Mobile hero: 25% taller, revealing more of the upper video frame. */
@media(max-width:767px){
  .hero{height:clamp(118.75px,calc(125svh - 681.25px),306.25px)}
  .hero video{height:calc(100% + 31.5px);transform:translateY(-31.5px)}
}
@media(max-width:599px){.hero{height:clamp(106.25px,calc(125svh - 693.75px),306.25px)}}
@media(max-width:359px) and (max-height:650px){.hero{height:81.25px}}

/* Final sponsor card: MOVA's own campaign video, with a persistent coupon. */
.sponsor-links{margin:24px 8px 0}
.mova{min-height:260px;isolation:isolate}
.mova-media{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;background:#071116}
.mova-media video{position:absolute;top:50%;left:50%;width:100%;height:150%;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}
.mova .feature-overlay{background:linear-gradient(90deg,#020a0ef2 0%,#041117c7 48%,#04111738 100%)}
.mova .feature-copy{width:85%;padding:24px 20px}
.mova .feature-copy h2{font-size:52px;letter-spacing:2px;margin-bottom:9px}
.coupon-badge{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border:1px dashed var(--cyan);border-radius:6px;background:#021119dd;color:var(--cyan);font-size:12px;letter-spacing:.8px;margin-bottom:14px}
.mova .feature-copy p{margin-bottom:16px}
@media(max-width:767px){.sponsor-links{margin-left:0;margin-right:0}}