:root{--fr:#e0482b;--fg:#0a9d6b;--fb:#5b45f0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fr:#ff7a5c;--fg:#25e0b4;--fb:#8d7bff}}
#herofl{display:none!important}
.herocard{position:absolute;z-index:2;right:6%;top:50%;width:min(330px,28vw);aspect-ratio:4/5;border-radius:32px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 2px rgba(198,255,61,.7);animation:bob 7s ease-in-out infinite;background:#04140f}
@keyframes bob{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 14px))}}
.herocard video{width:100%;height:100%;object-fit:cover;display:block}
.herocard span{position:absolute;left:14px;bottom:14px;padding:6px 14px;border-radius:99px;background:rgba(4,20,15,.72);color:#c6ff3d;font:700 .8rem Inter,sans-serif;backdrop-filter:blur(8px)}
@media(max-width:860px){.hero{flex-direction:column;justify-content:center}.herocard{position:relative;right:auto;top:auto;order:2;margin:34px auto 0;width:min(300px,78%);animation:none}}
.coachhead{display:grid;gap:30px;align-items:center;margin-bottom:34px}@media(min-width:700px){.coachhead{grid-template-columns:1fr auto}}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
.coachph{margin:0;border-radius:50%;padding:4px;background:conic-gradient(from var(--a),#c6ff3d,#25e0b4,#7b61ff,#c6ff3d);animation:rot 6s linear infinite;width:150px;max-width:50vw;justify-self:start}
@keyframes rot{to{--a:360deg}}
.coachph img{display:block;width:100%;height:auto;border-radius:50%;aspect-ratio:1/1;object-fit:cover}
.cgal{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin-top:30px;max-width:900px}
.cgal figure{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#04140f}
.cgal video{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .8s}.cgal figure:hover video{transform:scale(1.06)}
.cgal figcaption{position:absolute;inset:auto 0 0 0;padding:36px 16px 14px;background:linear-gradient(transparent,rgba(4,20,15,.88));color:#fff;font:700 .95rem Inter,sans-serif}
.studio-v{margin:0 0 30px;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4)}.studio-v video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.studio-v figcaption{padding:10px 16px;font-size:.85rem;opacity:.8}
.flwrap{display:grid;gap:28px;align-items:center;margin-top:26px}@media(min-width:860px){.flwrap{grid-template-columns:1.1fr .9fr}}
.fsv{width:100%;max-width:560px;margin:0 auto;display:block;overflow:visible}
.r{color:var(--fr)}.g{color:var(--fg)}.b{color:var(--fb)}
.fp{transition:opacity .3s,stroke-width .3s}.fsv.hl .fp:not(.on),.fsv.hl .fe:not(.on){opacity:.15!important}.fp.on{stroke-width:7}
.fe{font:800 15px Inter,sans-serif;fill:currentColor;transition:opacity .4s}
.fkeys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fk{border:1.5px solid currentColor;background:transparent;border-radius:14px;padding:10px 10px;cursor:pointer;text-align:left;transition:background .2s,transform .2s;font:600 .8rem Inter,sans-serif}
.fk b{display:block;font:800 1.3rem 'Bricolage Grotesque',sans-serif}.fk span{color:var(--ink)}
.fk.on,.fk:hover{background:color-mix(in srgb,currentColor 14%,transparent);transform:translateY(-2px)}
.fdesc{margin-top:16px}.fdesc b{font:800 1.3rem 'Bricolage Grotesque',sans-serif}
.jingv{grid-column:1/-1}.jingv h4{margin:6px 0 12px;font:800 1.1rem Bricolage Grotesque,sans-serif}.jingv>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:560px}.jingv figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:#04140f}.jingv video{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.jingv figcaption{position:absolute;inset:auto 0 0 0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(4,20,15,.88));color:#fff;font:700 .85rem Inter,sans-serif}
@media(min-width:861px){.hero-in{padding-right:min(380px,31vw)}.hero h1{font-size:clamp(2.6rem,5.4vw,4.8rem)}.herocard{right:max(20px,calc((100vw - 1080px)/2 + 20px))}}