/* Landing in the spirit of the Core-Fit shot he picked: heavy type, glowing wave, marquee, neon pills. */
.btn{border-radius:999px;padding-inline:26px;box-shadow:0 0 0 1px rgba(94,234,212,.4),0 10px 30px rgba(94,234,212,.32)}
.btn:hover{filter:brightness(1.08);box-shadow:0 0 0 1px rgba(94,234,212,.6),0 12px 38px rgba(94,234,212,.5)}
.btn.ghost{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
nav.top{border-radius:999px}
.wave{position:absolute;inset-inline:0;width:100%;height:46%;bottom:14%;z-index:-1;pointer-events:none}
.hero3 .wave{z-index:0;bottom:3%;height:34%}.hero3 .copy,.hero3 .stage{position:relative;z-index:2}
.hero3 h1{font-size:clamp(44px,5.6vw,88px);line-height:1.05;letter-spacing:-.02em}
.hero3 h1 em{display:block;color:var(--acc);font-style:normal;text-shadow:0 0 40px rgba(94,234,212,.35)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.3);font-size:13px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}
section h2,.track h2,.plate-title{font-size:clamp(34px,5vw,64px);font-weight:800;line-height:1.12;letter-spacing:-.02em}
/* marquee: the "STAY FIT NOT STILL" strip */
.marquee{overflow:hidden;padding:18px 0;border-block:1px solid rgba(94,234,212,.25);background:linear-gradient(90deg,rgba(94,234,212,.06),rgba(94,234,212,.14),rgba(94,234,212,.06));transform:rotate(-1.5deg);margin:10px -2vw 0}
.mq-track{display:flex;gap:34px;width:max-content;align-items:center;white-space:nowrap}
.mq-track span{font-size:clamp(30px,4.6vw,58px);font-weight:800;line-height:1.2}
.mq-track span:nth-of-type(even){color:transparent;-webkit-text-stroke:1.5px var(--acc)}
.mq-track i{font-style:normal;color:var(--acc);font-size:24px}
@media(prefers-reduced-motion:no-preference){.mq-track{animation:mq 28s linear infinite}@keyframes mq{to{transform:translateX(50%)}}}
/* steps: giant numbers */
.big-steps .card{padding-top:84px;overflow:hidden;min-height:220px}
.big-steps .card::before{content:counter(s,decimal-leading-zero);top:6px;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;color:transparent;-webkit-text-stroke:1.5px rgba(94,234,212,.7);font-size:76px;line-height:1}
.big-steps .card:hover{border-color:rgba(94,234,212,.45)}
/* features: service cards */
.feat .card{border-radius:26px;padding:24px;position:relative;overflow:hidden}
.feat .card::after{content:"";position:absolute;inset:auto -40% -60% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.18),transparent 65%);opacity:0;transition:opacity .3s}
.feat .card:hover::after{opacity:1}
.ico{border-radius:50%;width:54px;height:54px;background:var(--acc);color:var(--acc-ink);box-shadow:0 0 24px rgba(94,234,212,.35);border:0}
/* tracking mock + stats */
.stats div{border-radius:20px;border:1px solid rgba(94,234,212,.22);background:rgba(94,234,212,.06)}
.stats b{font-size:30px;color:var(--acc)}
.chart{border-radius:30px;border-color:rgba(94,234,212,.25);box-shadow:0 30px 80px rgba(0,0,0,.35)}
/* final CTA panel */
.fpanel{position:relative;overflow:hidden;isolation:isolate;padding:70px 6vw;border-radius:36px;border:1px solid rgba(94,234,212,.3);background:radial-gradient(70% 90% at 50% 110%,rgba(94,234,212,.22),transparent 70%),linear-gradient(160deg,#12302c,#0b1a18)}
.fpanel .wave{height:70%;bottom:0;z-index:-1}
.fpanel h2{font-size:clamp(34px,5.4vw,70px)}
.fpanel .btn{font-size:17px;padding:12px 34px}
@media(max-width:860px){.hero3 .wave{bottom:46%;height:30%}.marquee{margin-top:0}.fpanel{padding:46px 20px;border-radius:26px}}
html,body{overflow-x:clip}
nav.top .btn,nav.top .brand{white-space:nowrap}
@media(max-width:420px){nav.top .brand{font-size:15px}nav.top .btn.small{padding-inline:14px}}
/* hero stat cards hang off the photo's outer edge and overlap it a little (desktop); on phones they sit on the photo corners */
.pic .hstat.s1{top:14%;bottom:auto;inset-inline-start:auto;inset-inline-end:max(-92px,-9vw)}
.pic .hstat.s2{top:44%;bottom:auto;inset-inline-start:auto;inset-inline-end:max(-72px,-7vw)}
.pic .hstat.s3{top:auto;bottom:8%;inset-inline-start:auto;inset-inline-end:max(-100px,-9.5vw)}
@media(max-width:860px){.pic .hstat.s1{top:10%;inset-inline-end:-6%}.pic .hstat.s2{top:40%;inset-inline-end:-6%}.pic .hstat.s3{inset-inline-end:auto;inset-inline-start:-4%;bottom:6%;top:auto}}