*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}
/* Presentation layer is scoped to the company website, never the dashboard. */
.hpiqSite{--site-red:#c51f2f;--site-ink:#111419;--site-grey:#5c6069;background:#f8f7f4;color:var(--site-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-wrap:anywhere}
.hpiqSite a{color:inherit;text-decoration:none}.hpiqSite a:focus-visible,.hpiqSite summary:focus-visible{outline:3px solid #d82c3d;outline-offset:5px}.hpiqSite h1,.hpiqSite h2,.hpiqSite h3,.hpiqSite p{margin:0}.hpiqSite h2{font-size:clamp(38px,4.4vw,70px);line-height:1.04;letter-spacing:-2.7px;font-weight:800}.hpiqSite h3{font-size:29px;line-height:1.13;letter-spacing:-1px}.hpiqSite p{font-size:16px}.hpiqSite svg{flex-shrink:0}.hpiqSite section[id],.hpiqSite main[id],.hpiqSite #top{scroll-margin-top:110px}.siteSkip{position:fixed;left:24px;top:-100px;z-index:100;background:white;padding:14px 22px}.siteSkip:focus{top:10px}.hpiqSite .siteKicker{font-size:10px;letter-spacing:1.6px;font-weight:800;line-height:1.6;color:var(--site-red)}
/* A quiet navigation frame lets the media do the talking. */
.siteHeader{position:sticky;top:0;z-index:30;background:#fcfbf9f5;backdrop-filter:blur(16px);padding:21px 4%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #dededb}.siteBrand{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}.siteBrand>span{font-size:42px;font-weight:900;letter-spacing:-3px;line-height:1}.siteBrand>span span{color:var(--site-red)}.siteBrand small{font-size:8px;line-height:1.5;letter-spacing:1.4px;font-weight:700}.siteDesktopNav{display:flex;gap:28px;margin-left:auto}.siteDesktopNav a,.siteHeaderCta{font-size:12px;font-weight:700;white-space:nowrap}.siteDesktopNav a{padding:12px 0;border-bottom:1px solid transparent}.siteDesktopNav a:hover{border-color:var(--site-red);color:var(--site-red)}.siteHeaderCta{display:flex;align-items:center;gap:16px;border:1px solid #1a1c22;padding:12px 17px}.siteHeaderCta:hover{background:#181b21;color:white}.siteMobileNav{display:none}
/* Cinematic first screen: readable type, decisive routes, real HPIq concept art. */
.siteHero{position:relative;isolation:isolate;min-height:700px;min-height:min(820px,calc(100svh - 85px));background:#0d1117;color:#fff;padding:32px 5% 22px;display:flex;flex-direction:column;overflow:hidden}.siteHeroArtwork{position:absolute;inset:0;z-index:-3;display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}.siteHeroShade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,10,15,.92),rgba(7,10,15,.74) 29%,rgba(7,10,15,.24) 63%,rgba(7,10,15,.1)),linear-gradient(0deg,rgba(7,10,15,.84),transparent 34%,rgba(7,10,15,.16))}.siteHeroTop{display:flex;align-items:center;justify-content:space-between;gap:20px}.siteHero .siteKicker{display:flex;align-items:center;gap:10px;color:#f4bec4}.siteHero .siteKicker>span{width:6px;height:6px;background:#ef3447}.siteBetaLabel{font-size:9px;letter-spacing:1.5px;color:#d5d8df;border:1px solid #ffffff55;padding:6px 9px;white-space:nowrap}.siteHeroCopy{padding:38px 0 30px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hpiqSite .siteHeroCopy h1{font-size:clamp(60px,6.9vw,112px);font-weight:800;letter-spacing:-4.8px;line-height:.93;margin-bottom:26px}.siteHeroCopy h1 em{font-size:.53em;line-height:1.3;font-style:normal;color:#ededf1;letter-spacing:-1.7px;display:inline-block;margin-top:8px}.siteHeroCopy>p{max-width:390px;color:#d7dbe2;line-height:1.65;font-size:15px}.siteHeroActions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.siteButton{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:16px 21px;font-size:13px;font-weight:700;min-height:52px;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s}.hpiqSite .siteButtonRed{background:var(--site-red);color:#fff}.hpiqSite .siteButtonRed:hover{background:#a21826}.hpiqSite .siteButtonOutline{border-color:#b6becd;color:#fff;background:#11151b66}.hpiqSite .siteButtonOutline:hover{background:#fff;color:#161920}.hpiqSite .siteButtonDark{background:#161a21;color:#fff}.hpiqSite .siteButtonDark:hover{background:var(--site-red)}.hpiqSite .siteButtonLight{background:white;color:#15181e}.hpiqSite .siteButtonLight:hover{background:#e2e4e9}.hpiqSite .siteHeroDisclaimer{font-size:10px;color:#c1c8d4;margin-top:13px}.siteHeroBottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid #ffffff35;padding-top:15px}.siteScrollCue{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:bold;min-height:32px}.siteScrollCue svg{color:#f18390}.siteHeroBottom>p{font-size:9px;text-align:right;color:#eceef3;line-height:1.8}.siteHeroBottom>p span{color:#bbc2ce}.siteDisciplineStrip{background:#11151c;color:#f1f2f5;display:flex;align-items:center;gap:25px;padding:22px 5%;border-top:1px solid #333944}.siteDisciplineStrip>span:first-child{font-size:9px;letter-spacing:1.5px;color:#aeb6c4;margin-right:auto}.siteDisciplineStrip strong{font-size:22px;letter-spacing:-.7px}.siteDisciplineStrip i{color:#f03348;font-style:normal;font-size:24px}.siteFutureSport{font-size:17px;color:#b8c0cc;display:flex;align-items:center;gap:12px;margin-left:35px}.siteFutureSport small{font-size:8px;letter-spacing:1px;border:1px solid #626b7a;padding:4px 7px}
/* Editorial rhythm: space, statement, then visual evidence. */
.siteSection{padding:100px max(5%,calc((100% - 1420px)/2))}.siteIntro{text-align:center;max-width:1600px;margin:auto;padding-top:105px;padding-bottom:100px}.siteIntro h2{font-size:clamp(44px,5.4vw,82px);margin:24px 0 25px}.siteIntro h2 span{color:#72767e}.siteIntro>p:not(.siteKicker){max-width:650px;margin:20px auto 0;color:var(--site-grey);font-size:15px;line-height:1.8}.siteIntro>p.siteLead{max-width:730px;color:#22262d;font-size:22px;line-height:1.55;letter-spacing:-.35px}.sitePrinciples{display:flex;justify-content:center;gap:36px;margin-top:38px}.sitePrinciples span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.sitePrinciples span:before{content:"";width:5px;height:5px;background:var(--site-red)}.siteVision{display:grid;grid-template-columns:1.05fr 1fr;background:#e9e9e5;min-height:550px}.siteVisionMedia{position:relative;overflow:hidden;background:#10151c;min-height:500px}.siteVisionMedia img{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:cover;object-position:80% center}.siteMediaLabel{position:absolute;bottom:24px;left:28px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#fff;background:#11151bc9;padding:8px 10px}.siteVisionCopy{padding:65px 10% 65px 9%;align-self:center}.siteVisionCopy h2{font-size:clamp(33px,3.8vw,58px);margin:20px 0 25px}.siteVisionCopy>p:not(.siteKicker){color:#474d57;font-size:16px;line-height:1.8;max-width:480px}.siteVisionCopy>p.siteVisionNote{font-size:12px;margin-top:18px;color:#5c626d}.siteTextLink{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:700;padding:9px 0;border-bottom:1px solid #808791}.siteTextLink:hover{color:var(--site-red);border-color:var(--site-red)}.siteVisionCopy .siteTextLink{margin-top:23px}.siteSectionHead{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:50px}.siteSectionHead h2{margin-top:18px}.siteSectionHead>p{font-size:14px;line-height:1.8;color:var(--site-grey);max-width:350px}.siteProcess{background:#f8f7f4}.siteSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.siteSteps article{border-top:1px solid #a8adb6;padding-top:24px}.siteStepTop{display:flex;align-items:center;gap:20px;margin-bottom:24px}.siteStepNumber{font-size:44px;font-weight:700;letter-spacing:-2px;line-height:1;color:#a1a6af}.hpiqSite .siteMicro{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#5f6671}.siteSteps h3{margin-bottom:14px}.siteSteps article>p{font-size:14px;line-height:1.8;color:#5a606b}.siteExample{display:grid;grid-template-columns:.85fr 1.15fr;background:#e9eae7;margin-top:55px;padding:45px;gap:60px;align-items:center}.siteExampleIntro h3{font-size:34px;letter-spacing:-1.2px;margin:18px 0}.siteExampleIntro>p:last-child{font-size:12px;line-height:1.8;color:#5e6570;max-width:270px}.siteCue{background:#fcfcfa;box-shadow:0 18px 40px #24293312;border:1px solid #d6d9de;padding:28px}.siteCueHeader{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:1.1px;color:#525966}.siteCueDot{height:6px;width:6px;border-radius:50%;background:var(--site-red)}.siteCueHeader small{font-size:7px;letter-spacing:.7px;color:#6b7380;margin-left:auto}.siteCue>p{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.8px;margin:22px 0}.siteCueRows>div{display:grid;grid-template-columns:100px 1fr;gap:18px;font-size:11px;border-top:1px solid #dce0e5;padding:13px 0}.siteCueRows span{color:#606874;line-height:1.6}
/* Strong role choices are the conversion point; these remain honest demo links. */
.siteAccess{background:#e9eae7}.sitePortals{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sitePortals article{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:40px;min-width:0}.siteAthletePortal{background:#171d27;color:#fff}.siteCoachPortal{background:#fbfbf9;color:#151921}.sitePortalTop{display:flex;justify-content:space-between;width:100%;gap:20px;font-size:10px;font-weight:700;letter-spacing:1.4px;padding-bottom:26px;border-bottom:1px solid #697281}.siteCoachPortal .sitePortalTop{border-color:#d0d4da;color:var(--site-red)}.sitePortalTop>span:last-child{opacity:.65}.sitePortals h3{font-size:clamp(32px,3.4vw,51px);letter-spacing:-1.7px;line-height:1.06;margin:33px 0 22px}.sitePortals article>p:not(.siteLoginState){font-size:14px;line-height:1.8;max-width:390px;color:#c3cbd8}.siteCoachPortal>p:not(.siteLoginState){color:#5b6370!important}.sitePortals ul{list-style:none;padding:0;margin:25px 0 35px;font-size:13px;line-height:1.6}.sitePortals li{display:flex;align-items:flex-start;gap:12px;margin:13px 0}.sitePortals li svg{margin-top:2px;color:#ed7787}.siteCoachPortal li svg{color:var(--site-red)}.sitePortals .siteButton{margin-top:auto}.hpiqSite .siteLoginState{display:flex;align-items:center;gap:7px;font-size:10px;color:#c2cad7;margin-top:17px}.siteCoachPortal .siteLoginState{color:#5a6371}.siteAthletePortal a:focus-visible{outline-color:#fff}.hpiqSite .siteDemoNote{font-size:11px;color:#56606e;line-height:1.8;margin-top:22px;border-left:2px solid var(--site-red);padding-left:15px}
/* Capability boundaries are readable and calm, not buried in fine print. */
.siteBeta{background:#11161e;color:#f7f8fa}.siteBeta .siteKicker{color:#f195a2}.siteBeta .siteSectionHead>p{color:#b7c0ce}.siteCapabilityGrid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.siteCapabilityLabel{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1.5px;background:#ab1b2a;color:white;border:1px solid #ce4b5a;padding:7px 10px}.siteOutlineLabel{background:transparent;color:#c6cdd8;border-color:#677181}.siteCapabilityGrid h3{font-size:24px;letter-spacing:-.6px;margin-top:23px}.siteCapabilityGrid ul{list-style:none;padding:0;margin:12px 0 0}.siteCapabilityGrid li{display:flex;flex-direction:column;gap:8px;padding:21px 0;border-bottom:1px solid #343f50}.siteCapabilityGrid li b{font-size:14px}.siteCapabilityGrid li span{font-size:13px;line-height:1.8;color:#b9c2d0}.siteQuestions{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.siteQuestions h2{margin-top:20px}.siteQuestions details{border-bottom:1px solid #c3c8d0;margin-bottom:12px;padding:0 0 15px}.siteQuestions summary{cursor:pointer;font-size:16px;font-weight:700;list-style-position:outside;padding:12px 0;margin-left:20px}.siteQuestions details p{font-size:14px;line-height:1.8;color:#5b6371;margin:10px 0 0 20px}.siteClosing{background:var(--site-red);color:white;padding:75px 5% 65px;text-align:center}.siteClosing .siteKicker{color:#ffdbe1}.siteClosing h2{font-size:clamp(44px,6vw,92px);margin:24px 0 32px;letter-spacing:-3px}.siteClosing h2 span{color:#ffd9df}.siteClosing>p:last-child{font-size:11px;color:#ffe2e7;margin-top:20px}.siteClosing a:focus-visible{outline-color:#fff}.siteFooter{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left;color:#151920}.siteFooter p{font-size:12px;color:#474e59;line-height:1.8}.siteFooter p span{font-size:10px;color:#626a77}.siteFooter .siteTextLink{font-size:11px;white-space:nowrap}
@media(min-width:1600px){.siteHeader,.siteDisciplineStrip,.siteFooter{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}.siteHero{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}}
@media(max-width:1100px){.siteHeader{gap:22px}.siteBrand small{display:none}.siteDesktopNav{gap:22px}.siteHero{min-height:690px}.siteHeroCopy h1{letter-spacing:-3.3px!important}.siteHeroArtwork{object-position:58% center}.siteHeroShade{background:linear-gradient(90deg,#080c12eb,#080c12b8 34%,#080c1233 80%),linear-gradient(0deg,#080c12c9,transparent 55%)}.siteVisionCopy{padding:45px 9%}.siteVisionMedia{min-height:490px}.siteSection{padding-top:75px;padding-bottom:75px}.siteSectionHead{gap:35px}.siteExample{gap:35px;padding:32px}.siteCue{padding:24px}.sitePortals article{padding:32px}.siteCapabilityGrid{gap:45px}}
@media(max-width:760px){.siteHeader{position:relative;padding:17px 5%;gap:15px;flex-wrap:wrap}.siteBrand>span{font-size:36px}.siteDesktopNav{display:none}.siteHeaderCta{margin-left:auto;font-size:11px;padding:10px 12px;gap:10px}.siteMobileNav{display:block;width:100%;border-top:1px solid #d8dbdf;padding-top:9px}.siteMobileNav summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:700;list-style:none;padding:4px 2px}.siteMobileNav summary::-webkit-details-marker{display:none}.siteMobileNav summary span{font-size:18px;line-height:1}.siteMobileNav[open] summary span{transform:rotate(45deg)}.siteMobileNav nav{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px;padding-top:10px}.siteMobileNav a{font-size:13px;padding:12px 2px}.hpiqSite section[id],.hpiqSite main[id]{scroll-margin-top:24px}.siteHero{min-height:740px;padding:24px 6% 20px}.siteHeroArtwork{object-position:68% center}.siteHeroShade{background:linear-gradient(90deg,#080c12d9,#080c128c),linear-gradient(0deg,#080c12e6,transparent 55%)}.siteHeroTop{align-items:flex-start;flex-direction:column;gap:13px}.siteHero .siteKicker{font-size:9px;letter-spacing:1.3px}.siteBetaLabel{font-size:8px}.siteHeroCopy{padding:38px 0 35px;justify-content:center}.hpiqSite .siteHeroCopy h1{font-size:clamp(60px,12.5vw,83px);letter-spacing:-3.8px!important;margin-bottom:20px}.siteHeroCopy h1 em{font-size:.49em;letter-spacing:-1.2px;line-height:1.5;margin-top:9px}.siteHeroCopy>p{font-size:14px;max-width:350px}.siteHeroActions{gap:10px;width:100%}.siteHeroActions .siteButton{flex:1;gap:12px;padding:14px 12px;font-size:12px;min-width:0}.hpiqSite .siteHeroDisclaimer{font-size:9px}.siteHeroBottom{gap:15px;align-items:flex-start}.siteHeroBottom>p{font-size:8px;max-width:170px}.siteScrollCue{font-size:10px;gap:8px;min-width:105px}.siteDisciplineStrip{padding:24px 6%;flex-wrap:wrap;gap:12px 18px}.siteDisciplineStrip>span:first-child{width:100%;font-size:8px}.siteDisciplineStrip strong{font-size:21px}.siteFutureSport{margin-left:0;width:100%;font-size:14px}.siteSection{padding:58px 6%}.hpiqSite h2{font-size:38px;letter-spacing:-1.7px}.siteIntro h2{font-size:clamp(40px,8.8vw,62px);margin:20px 0 22px}.siteIntro>p.siteLead{font-size:20px;line-height:1.6}.siteIntro>p:not(.siteKicker){font-size:14px}.sitePrinciples{flex-direction:column;align-items:center;gap:13px;margin-top:28px}.sitePrinciples span{font-size:9px}.siteVision{grid-template-columns:1fr}.siteVisionMedia{min-height:340px}.siteVisionMedia img{object-position:75% center}.siteMediaLabel{left:20px;bottom:18px;font-size:8px}.siteVisionCopy{padding:40px 6% 45px}.siteVisionCopy h2{font-size:37px}.siteVisionCopy>p:not(.siteKicker){font-size:14px}.siteVisionCopy>p.siteVisionNote{font-size:12px}.siteSectionHead{display:block;margin-bottom:32px}.siteSectionHead>p{font-size:13px;margin-top:20px}.siteSteps{grid-template-columns:1fr;gap:30px}.siteSteps article{padding-top:18px}.siteStepTop{margin-bottom:18px}.siteStepNumber{font-size:37px}.siteSteps h3{font-size:28px}.siteSteps article>p{font-size:14px}.siteExample{grid-template-columns:1fr;padding:25px 20px;gap:25px;margin-top:35px}.siteExampleIntro h3{font-size:32px}.siteCue{padding:22px 18px}.siteCue>p{font-size:25px}.siteCueHeader{flex-wrap:wrap;font-size:7px;gap:6px}.siteCueHeader small{font-size:6px}.siteCueRows>div{grid-template-columns:1fr;gap:6px}.sitePortals{grid-template-columns:1fr;gap:18px}.sitePortals article{padding:28px}.sitePortals h3{font-size:37px;margin-top:26px}.sitePortals .siteButton{width:100%}.siteCapabilityGrid{grid-template-columns:1fr;gap:38px}.siteCapabilityGrid h3{font-size:24px}.siteQuestions{grid-template-columns:1fr;gap:30px}.siteQuestions summary{font-size:15px}.siteClosing{padding:55px 6%}.siteClosing h2{font-size:46px;letter-spacing:-2px;margin-top:23px}.siteClosing .siteButton{width:100%;max-width:340px}.siteFooter{padding:35px 6%;flex-wrap:wrap;align-items:flex-start}.siteFooter p{order:3;width:100%}.siteFooter .siteTextLink{margin-left:auto}}
@media(max-width:360px){.siteHeroActions{flex-direction:column}.siteHeroCopy h1{font-size:56px!important}.siteHero{min-height:800px}.siteHeaderCta{padding:9px 10px;font-size:10px}.sitePortals article{padding:24px}.siteCueHeader small{display:none}}
@media(prefers-reduced-motion:reduce){.hpiqSite *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}