:root{--ink:var(--color-report-ink);--lime:var(--color-report-accent);--blue:var(--color-report-blue);--orange:var(--color-report-orange);--muted:#a0b2bf;--line:var(--color-white-alpha-1c)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-report-ink);color:#f5f8fa;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.report-wrap{width:min(1180px,90%);margin:auto}.report-icon{width:25px;height:25px;flex-shrink:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 17px;color:var(--lime)}
.report-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#154561 0,transparent 52%),#061320;border-bottom:1px solid var(--line)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;min-height:570px;align-items:center;gap:30px}.hero-copy{position:relative;z-index:2;padding:55px 0}.report-hero h1{font-size:clamp(44px,5.1vw,72px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.report-hero h1 span{color:var(--lime)}.hero-intro{font-size:15px;line-height:1.7;color:#bdcdd7;max-width:390px;margin:0 0 27px}.report-link{display:inline-flex;align-items:center;gap:25px;background:var(--lime);color:var(--ink);padding:16px 21px;text-decoration:none;font-size:12px;font-weight:bold}.report-link span{font-size:22px}.hero-tags{display:flex;gap:25px;margin-top:30px}.hero-tags>span{display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.08em;color:#c6d4dd}.hero-tags .report-icon{width:20px;height:20px;color:var(--lime)}.hero-athlete{height:100%;min-height:530px;position:relative;isolation:isolate}.hero-player{position:absolute;width:112%;height:95%;object-fit:contain;bottom:0;left:-4%;z-index:1}.athlete-orbit{position:absolute;width:380px;height:380px;top:65px;left:10%;border:1px solid #b9e97730;border-radius:50%;background:radial-gradient(circle,#b5fb2c0a,transparent 60%);box-shadow:0 0 0 45px #a9d8e005,0 0 0 90px #a9d8e003}.hero-name{position:absolute;z-index:2;bottom:24px;left:0;min-width:240px;padding:20px 24px;border-left:3px solid var(--lime);background:var(--color-report-ink-alpha-e8);backdrop-filter:blur(12px)}.hero-name>span{font-size:9px;letter-spacing:.12em;color:var(--lime)}.hero-name strong{display:block;font-size:28px;letter-spacing:-.035em;margin:7px 0}.hero-name>small{color:#bfced8;font-size:12px}.floating-metric{position:absolute;right:-10px;top:90px;z-index:2;background:#0c2333eb;border:1px solid #a3c0cd40;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 14px 45px #0003}.floating-metric>.report-icon{color:var(--lime);width:30px;height:30px}.floating-metric>span{font-size:9px;letter-spacing:.07em;color:#b4c8d5}.floating-metric strong{display:block;color:white;font-size:32px;letter-spacing:-.04em;margin-top:5px}.floating-metric small{font-size:16px}
.report-main{padding:35px 0 55px}#example-report{scroll-margin-top:85px}.picker-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.picker-heading .eyebrow{color:#bed0da;margin:0}.demo-tag{font-size:10px;color:var(--muted)}.profile-picker{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.profile-choice{display:flex;align-items:center;text-align:left;gap:18px;padding:16px 22px;background:#102331;color:white;border:1px solid var(--color-white-alpha-13)}.profile-choice[aria-pressed=true]{border-color:var(--color-report-accent-alpha-80);box-shadow:inset 3px 0 var(--lime);background:linear-gradient(110deg,#263a21,#102331 75%)}.profile-choice img{width:50px;height:55px;object-fit:cover;object-position:top;background:#253e4c}.profile-choice strong{display:block;font-size:16px}.profile-choice small{display:block;font-size:11px;color:#b6c9d6;margin-top:7px}.choice-arrow{margin-left:auto;color:var(--lime);font-size:23px}.maturity-strip{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:30px;padding:24px 28px;background:#112632;border:1px solid var(--color-report-blue-alpha-22)}.maturity-identity{display:flex;align-items:center;gap:18px}.maturity-identity>.report-icon{width:36px;height:36px;color:var(--blue)}.maturity-identity .eyebrow{color:var(--blue);font-size:9px;margin-bottom:9px}.maturity-identity strong{font-size:16px}.maturity-identity small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:8px}.phase-line{height:5px;background:linear-gradient(90deg,var(--color-report-blue-alpha-60),var(--color-report-accent-alpha-60));position:relative;margin:10px 7px 17px}.phase-line:before,.phase-line:after{content:'';position:absolute;top:-4px;width:1px;height:13px;background:#fff5}.phase-line:before{left:0}.phase-line:after{right:0}.phase-line i{position:absolute;width:13px;height:13px;border:3px solid #102733;background:var(--lime);box-shadow:0 0 0 1px var(--lime),0 0 13px var(--color-report-accent-alpha-50);border-radius:50%;top:-4px}.phase-labels{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b2c5d2}.growth-number{padding-left:25px;border-left:1px solid var(--line)}.growth-number strong{display:block;font-size:27px;letter-spacing:-.05em;color:var(--blue);white-space:nowrap}.growth-number small{font-size:11px;letter-spacing:0}.growth-number span{font-size:10px;color:var(--muted)}.maturity-more{margin:12px 0 0;color:#99b2c3;font-size:10px;line-height:1.7}.maturity-more summary{cursor:pointer}.maturity-more p{max-width:800px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:55px 0 25px}.section-heading h2{font-size:clamp(29px,3.5vw,46px);line-height:1.02;letter-spacing:-.045em;margin:0}.section-heading h2 span{color:var(--lime)}.section-heading .eyebrow{color:#8ca6b8;font-size:9px}.section-heading>p{max-width:310px;font-size:13px;line-height:1.6;color:#a8bdca;margin:0 0 3px}.radar-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.radar-card{min-width:0;position:relative;padding:25px;background:radial-gradient(ellipse at 50% 45%,#243d3150,transparent 65%),#102331;border:1px solid var(--color-report-accent-alpha-29);border-top:3px solid var(--lime)}.radar-card.robust{background:radial-gradient(ellipse at 50% 45%,#1e4a6755,transparent 65%),#102331;border-color:var(--color-report-blue-alpha-30);border-top-color:var(--blue)}.radar-heading{display:flex;align-items:center;gap:14px}.radar-heading .icon-box{display:grid;place-items:center;width:45px;height:45px;background:var(--color-report-accent-alpha-14);color:var(--lime)}.robust .icon-box{background:var(--color-report-blue-alpha-18);color:var(--blue)}.radar-heading>div>span{color:#a6bbc8;font-size:9px;letter-spacing:.12em}.radar-heading h3{font-size:19px;letter-spacing:-.02em;margin:6px 0 0}.radar-svg{display:block;width:100%;height:auto;margin:2px auto;overflow:visible}.radar-svg text{fill:#dfebf1;font:10.5px Arial,sans-serif}.radar-svg .axis-number{font-size:9px;fill:#90a9ba}.radar-key{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ab0c0;margin-bottom:18px}.radar-key i{width:20px;height:2px;background:var(--lime)}.robust .radar-key i{background:var(--blue)}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stat{display:flex;align-items:center;gap:13px;padding:17px;background:var(--color-report-accent-alpha-0b);border:1px solid var(--color-report-accent-alpha-17)}.mini-stat>.report-icon{color:var(--lime)}.mini-stat>span{font-size:9px;letter-spacing:.04em;color:#afc4cc}.mini-stat strong{font-size:25px;letter-spacing:-.04em;font-weight:500;display:block;margin-top:5px;color:#f1f8e3}.robust .mini-stat{background:var(--color-report-blue-alpha-0b);border-color:var(--color-report-blue-alpha-1a)}.robust .mini-stat>.report-icon{color:var(--blue)}.mini-context{display:block;margin-top:9px;color:#96b0c2;font-size:9px}.axis-mobile-number,.mobile-radar-legend{display:none}.chart-note{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#8da6b8;padding:16px 0;border-bottom:1px solid var(--line)}.chart-note>details{max-width:650px}.chart-note summary{cursor:pointer;text-align:right;color:#c0cdd7}.chart-note p{line-height:1.7}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.insight-card{--accent:var(--lime);min-width:0;background:linear-gradient(150deg,#243824,#12252c 65%);padding:25px 23px 15px;border:1px solid var(--color-report-accent-alpha-26);border-top:3px solid var(--accent);display:flex;flex-direction:column}.jump-card{--accent:var(--orange);background:linear-gradient(145deg,#3c3026,#1e282c 65%);border-color:var(--color-report-orange-alpha-30);border-top-color:var(--accent)}.ankle-card{--accent:var(--blue);background:linear-gradient(145deg,#183c52,#142b3a 65%);border-color:var(--color-report-blue-alpha-30);border-top-color:var(--accent)}.insight-type{color:var(--accent);font-size:9px;letter-spacing:.1em;display:flex;align-items:center;gap:9px;margin-bottom:14px}.insight-type .report-icon{width:22px;height:22px}.insight-card h3{font-size:19px;letter-spacing:-.025em;margin:0 0 20px}.metric-primary{font-size:49px;line-height:1;letter-spacing:-.055em;font-weight:500;margin:0;color:var(--color-white)}.metric-primary small{font-size:18px;color:var(--accent);letter-spacing:0}.split-visual{margin-top:30px;margin-bottom:10px}.sprint-track{height:12px;display:flex;gap:4px}.sprint-track i{background:var(--accent)}.sprint-track i+ i{background:#a1cf6560}.split-labels{display:flex;justify-content:space-between;margin-top:12px;color:#a9beb4;font-size:10px}.split-labels b{display:block;font-size:17px;color:#edf8e4;margin-top:6px}.card-caption{font-size:12px;line-height:1.6;color:#bdccd4;min-height:40px;margin:16px 0 22px}.jump-visual{height:157px;position:relative;color:var(--accent)}.jump-visual svg{width:100%;height:100%}.jump-visual .metric-primary{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#2a2b26d9;padding:4px 12px}.ankle-visual{height:157px;display:flex;gap:20px;align-items:center}.ankle-icon{width:78px;height:125px;position:relative;flex:none}.ankle-icon>.report-icon{width:100%;height:100%;stroke-width:.8;color:var(--color-report-blue)}.ankle-icon i{position:absolute;top:68px;left:29px;width:19px;height:19px;border:1px solid var(--blue);border-radius:50%;background:var(--color-report-blue-alpha-30);box-shadow:0 0 0 8px var(--color-report-blue-alpha-0c)}.ankle-values{flex:1}.ankle-values>div+div{margin-top:17px}.ankle-values span{display:flex;align-items:baseline;justify-content:space-between;font-size:10px;color:#a8c6d9;gap:8px}.ankle-values strong{font-size:22px;font-weight:500;color:#edf6ff;letter-spacing:-.04em}.ankle-values small{font-size:11px}.ankle-bar{height:5px;background:var(--color-white-alpha-13);margin-top:7px}.ankle-bar i{height:100%;display:block;background:var(--blue)}.concealed{position:relative;border-top:1px solid var(--color-white-alpha-18);margin-top:auto;overflow:hidden;min-height:150px}.blur-content{filter:blur(4px);opacity:.55;user-select:none;pointer-events:none;padding:15px 2px 20px}.blur-content h4{margin:0 0 10px;font-size:15px;color:#e0ebee}.fake-copy{font-size:10px;line-height:1.8;color:#c0ced4}.mini-bars{display:grid;gap:7px;margin-top:14px}.mini-bars i{height:4px;background:var(--accent);opacity:.5}.locked-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(transparent,var(--color-report-ink-alpha-4a));font-size:11px;color:#f0f5f8}.locked-label>.report-icon{width:17px;height:17px;color:var(--accent)}.measurement-detail{border-top:1px solid var(--color-white-alpha-18);padding-top:13px;margin-top:5px;font-size:10px;color:#adc2cf;line-height:1.7}.measurement-detail summary{cursor:pointer}.report-access{display:flex;align-items:center;gap:20px;margin-top:18px;background:#102532;border:1px solid var(--color-white-alpha-12);padding:22px 25px}.access-icon{display:grid;place-items:center;background:var(--color-report-accent-alpha-10);width:45px;height:45px;color:var(--lime)}.report-access h3{font-size:16px;margin:0 0 7px}.report-access p{font-size:11px;color:#9bb5c5;margin:0}.access-mark{margin-left:auto;font-size:26px;color:var(--lime)}.visual-process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:55px 0 35px}.visual-process>div{display:flex;align-items:center;gap:13px;border-top:1px solid var(--color-white-alpha-20);padding-top:23px}.visual-process>div>span{font-size:10px;color:#6d889b}.visual-process .report-icon{color:var(--lime);width:23px;height:23px}.visual-process h3{font-size:12px;letter-spacing:.04em;margin:0}.report-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;background:linear-gradient(115deg,#263b1c,#14272b);border:1px solid var(--color-report-accent-alpha-30)}.report-cta .eyebrow{font-size:9px;line-height:1.6}.report-cta h2{font-size:28px;letter-spacing:-.03em;margin:0}.report-cta a{background:var(--lime);color:var(--ink);padding:18px 24px;text-decoration:none;font-weight:bold;font-size:12px;white-space:nowrap}.report-footnote{font-size:10px;color:#8199ac;line-height:1.7;margin:20px 0 0;max-width:950px}
@media(max-width:1000px){.hero-layout{min-height:510px}.hero-athlete{min-height:460px}.hero-player{width:115%;left:-10%}.floating-metric{right:0;top:50px}.athlete-orbit{width:290px;height:290px;left:0}.hero-name{left:0;min-width:210px}.maturity-strip{grid-template-columns:1.4fr 1fr;gap:25px}.growth-number{display:none}.radar-card{padding:22px 15px}.radar-heading h3{font-size:16px}.mini-stat{padding:13px;gap:9px}.insight-grid{gap:12px}.insight-card{padding:21px 16px 15px}.ankle-visual{gap:8px}.ankle-icon{width:60px}.ankle-icon i{left:20px}.insight-card h3{font-size:17px}.locked-label{font-size:10px}}
@media(max-width:700px){.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{padding:38px 0 0}.report-hero h1{font-size:48px;max-width:480px}.hero-intro{font-size:14px;margin-bottom:20px}.hero-tags{display:none}.hero-athlete{min-height:365px;max-width:450px;width:100%;margin:auto}.hero-player{width:100%;height:105%;left:0;bottom:-5px}.athlete-orbit{width:240px;height:240px;left:18%;top:35px}.floating-metric{top:30px;right:0;padding:12px;gap:9px}.floating-metric strong{font-size:27px}.hero-name{bottom:20px;left:0;padding:16px 18px;min-width:200px}.hero-name strong{font-size:25px}.report-main{padding-top:25px}.profile-picker{gap:10px}.profile-choice{padding:13px 10px;gap:10px}.profile-choice img{width:34px;height:44px}.profile-choice strong{font-size:12px}.profile-choice small{font-size:9px;line-height:1.6}.choice-arrow{display:none}.picker-heading{align-items:start;flex-direction:column;gap:10px}.maturity-strip{grid-template-columns:1fr;padding:23px;gap:22px}.maturity-identity .report-icon{width:29px;height:29px}.maturity-identity strong{font-size:15px}.phase-labels{font-size:10px}.maturity-more{font-size:10px}.section-heading{display:block;margin-top:40px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:15px;font-size:12px}.radar-grid{grid-template-columns:1fr;gap:16px}.radar-card{padding:23px 20px}.radar-heading h3{font-size:18px}.radar-svg{max-width:430px}.radar-svg .axis-label{display:none}.radar-svg .axis-mobile-number{display:block;font-size:20px;fill:#dce8ef}.radar-svg .axis-number{font-size:13px}.mobile-radar-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;list-style:none;padding:0;margin:0 0 22px;font-size:10px;line-height:1.5;color:#c8d9e4}.mobile-radar-legend li{display:flex;gap:6px}.mobile-radar-legend b{color:var(--lime);font-size:9px;min-width:13px}.robust .mobile-radar-legend b{color:var(--blue)}.mini-stat strong{font-size:24px}.chart-note{display:block;font-size:9px}.chart-note details{margin-top:12px}.chart-note summary{text-align:left}.insight-grid{grid-template-columns:1fr;gap:18px}.insight-card{padding:25px 24px 17px}.insight-card h3{font-size:21px}.concealed{min-height:140px}.locked-label{font-size:12px}.card-caption{min-height:0}.jump-visual{height:170px}.ankle-visual{gap:30px}.ankle-icon{width:80px}.ankle-icon i{left:30px}.ankle-values strong{font-size:27px}.report-access{padding:20px;gap:14px}.report-access h3{font-size:14px}.report-access p{font-size:10px;line-height:1.6}.access-mark{display:none}.access-icon{flex:none;width:34px;height:40px}.visual-process{gap:15px;margin-top:35px}.visual-process>div{flex-wrap:wrap;gap:9px;padding-top:15px}.visual-process h3{font-size:10px;width:100%;line-height:1.5}.report-cta{flex-direction:column;align-items:start;padding:25px}.report-cta h2{font-size:25px}.report-cta a{white-space:normal}.report-footnote{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Six-domain overview shared by both example players. */
.overview-grid{grid-template-columns:1fr}.overview-card .radar-svg{max-width:660px}.overview-card .mini-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-card .mini-stat:nth-child(n+3){background:var(--color-report-blue-alpha-0b);border-color:var(--color-report-blue-alpha-1a)}.overview-card .mini-stat:nth-child(n+3)>.report-icon{color:var(--blue)}
@media(max-width:700px){.overview-card .mini-stats{grid-template-columns:1fr 1fr}.overview-card .mobile-radar-legend{max-width:430px;margin-left:auto;margin-right:auto}.overview-card .mini-stat>span{font-size:8px}.overview-card .radar-svg{max-width:430px}}
/* Equal space for the two performance and two robustness examples. */
.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.force-card{--accent:var(--blue);background:linear-gradient(145deg,#183c52,#142b3a 65%);border-color:var(--color-report-blue-alpha-30);border-top-color:var(--accent)}.force-values{display:grid;gap:20px;padding:8px 0}.force-values>div>span{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#bbd1df}.force-values strong{font-size:30px;color:#edf6ff;font-weight:500}.force-values strong small{font-size:14px}.force-values>div>small{display:block;font-size:11px;color:#a8c6d9;margin-top:7px}.force-bar{height:6px;background:var(--color-white-alpha-13);margin-top:8px}.force-bar i{display:block;height:100%;background:var(--blue)}@media(max-width:700px){.insight-grid{grid-template-columns:1fr}}
.profile-choice .picker-portrait{display:block;flex:none;width:50px;height:55px;overflow:hidden;background:#253e4c}.profile-choice .picker-portrait img{width:100%;height:100%;display:block}.profile-choice[data-player="julien"] .picker-portrait img{transform:scale(3.3);transform-origin:50% 10%;object-position:50% 0}@media(max-width:700px){.profile-choice .picker-portrait{width:34px;height:44px}}