:root{--yellow:#ffd21c;--purple:#6126ff;--coral:#eb5342;--cyan:#65cbd2;--black:#070707;--ink:#131313;--paper:#f8f7f3;--soft:#ececea;--muted:#666;--line:rgba(0,0,0,.15);--x:88px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d7d7d7;color:var(--ink);font-family:"Manrope",sans-serif;-webkit-font-smoothing:antialiased}.case-study{display:grid;gap:24px;width:min(1400px,100%);margin:auto;padding:24px 0}.export-mode .case-study{gap:0;padding:0}.board{position:relative;width:100%;min-height:900px;padding:58px var(--x);overflow:hidden;isolation:isolate}.paper{background:var(--paper)}.black{background:var(--black);color:#fff}.yellow{background:var(--yellow)}.purple{background:var(--purple);color:#fff}.coral{background:var(--coral)}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:"Barlow Condensed",sans-serif;letter-spacing:-.035em}h1{font-size:132px;line-height:.76;font-weight:900}h2{font-size:83px;line-height:.88;font-weight:900}h3{font-size:31px;line-height:1}.kicker{margin-bottom:20px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.kicker.dark{color:#111}.kicker.yellow{color:var(--yellow)}.kicker.pale{color:#d9ccff}.kicker.cyan{color:var(--cyan)}.kicker.coral{color:var(--coral)}.kicker.purple-text{color:var(--purple)}.lap{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.24);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.lap.inverse{border-color:rgba(255,255,255,.23);color:rgba(255,255,255,.58)}.phone{position:relative;overflow:hidden;border:6px solid #080808;border-radius:35px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.22)}.phone:before{content:"";position:absolute;z-index:3;top:6px;left:50%;width:28%;height:16px;transform:translateX(-50%);border-radius:0 0 10px 10px;background:#080808}.phone img{display:block;width:100%;height:auto}.race-nav{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.27);color:rgba(255,255,255,.62);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
/* cover */.cover{min-height:1180px;background:var(--black);color:#fff}.cover:before{content:"";position:absolute;right:-120px;top:100px;width:700px;height:1200px;background:repeating-linear-gradient(118deg,transparent 0 62px,rgba(255,255,255,.035) 63px 65px);z-index:-1}.cover-copy{position:relative;z-index:4;width:650px;margin-top:55px}.cover h1 em{color:var(--yellow);font-style:italic}.cover h1 i{color:var(--purple);font-style:italic}.cover-copy>p:last-child{width:480px;margin-top:26px;color:rgba(255,255,255,.64);font-size:16px;line-height:1.6}.cover-speed{position:absolute;right:25px;bottom:-170px;width:820px;height:930px}.cover-speed .phone{position:absolute;width:290px}.p-left{left:5px;top:180px;transform:rotate(-9deg);opacity:.88}.p-main{left:260px;top:20px;z-index:3}.p-right{right:5px;top:190px;transform:rotate(9deg);opacity:.88}.speed-word{position:absolute;z-index:5;right:15px;top:25px;color:var(--yellow);font-family:"Barlow Condensed";font-size:95px;font-weight:900;font-style:italic;line-height:1}.speed-word span{font-size:26px}.race-footer{position:absolute;left:var(--x);bottom:45px;display:flex;gap:40px;color:rgba(255,255,255,.55);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
/* premise */.premise{min-height:950px}.premise-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:90px;margin-top:70px}.premise-grid h2{font-size:75px}.reading{display:grid;gap:20px;padding-top:38px;color:var(--muted);font-size:15px;line-height:1.75}.reading .lead{color:var(--ink);font-size:21px;line-height:1.55;letter-spacing:-.02em}.metric-band{position:absolute;left:var(--x);right:var(--x);bottom:55px;display:grid;grid-template-columns:repeat(4,1fr);border-top:4px solid #000}.metric-band div{padding:23px 18px 5px 0;border-right:1px solid var(--line)}.metric-band div+div{padding-left:18px}.metric-band div:last-child{border:0}.metric-band small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.metric-band strong{display:block;margin-top:9px;font-size:14px}
/* timeline */.timeline{min-height:960px}.timeline-title{margin-top:58px}.timeline h2{max-width:950px}.timeline h2 em{color:var(--yellow);font-style:italic}.loop-track{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;margin-top:60px;align-items:center}.loop-track article{min-height:205px;padding:25px;border:1px solid rgba(255,255,255,.2)}.loop-track article.active{background:var(--purple);border-color:var(--purple)}.loop-track b{color:var(--yellow);font-size:10px}.loop-track span{display:block;margin-top:20px;font-family:"Barlow Condensed";font-size:30px;font-weight:800;text-transform:uppercase}.loop-track strong{display:block;margin-top:4px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.loop-track p{margin-top:18px;color:rgba(255,255,255,.55);font-size:12px;line-height:1.55}.loop-track i{height:2px;background:var(--yellow)}.loop-numbers{position:absolute;left:var(--x);right:var(--x);bottom:48px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.loop-numbers span{padding-top:16px;font-family:"Barlow Condensed";font-size:34px;font-weight:800}.loop-numbers small{margin-left:6px;color:rgba(255,255,255,.45);font-family:"Manrope";font-size:9px;text-transform:uppercase}
/* modes */.modes{min-height:1210px}.modes-copy{width:540px;margin-top:55px}.modes-copy h2{font-size:100px}.modes-copy>p:last-child{margin-top:20px;font-size:14px;line-height:1.65}.mode-tabs{position:absolute;right:var(--x);top:150px;width:460px}.mode-tabs article{display:grid;grid-template-columns:45px 120px 1fr;padding:17px 0;border-top:2px solid #000}.mode-tabs span{font-size:10px;font-weight:800}.mode-tabs strong{font-family:"Barlow Condensed";font-size:24px;text-transform:uppercase}.mode-tabs p{font-size:11px;line-height:1.45}.modes-phones{position:absolute;left:90px;right:90px;bottom:-285px;display:flex;justify-content:center;gap:35px}.modes-phones .phone{width:350px}.modes-phones .middle{margin-top:-75px}
/* devices */.devices{min-height:1210px}.devices-head{width:750px;margin-top:52px}.devices-head>p:last-child{width:540px;margin-top:22px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.65}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid rgba(255,255,255,.25)}.role-grid article{min-height:215px;padding:22px;border-right:1px solid rgba(255,255,255,.2)}.role-grid article:last-child{border:0}.role-grid img{width:100%;height:45px;object-fit:cover;filter:invert(1)}.role-grid span{display:block;margin-top:18px;color:#d9ccff;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.role-grid strong{display:block;margin-top:4px;font-size:23px}.role-grid p{margin-top:10px;color:rgba(255,255,255,.58);font-size:11px;line-height:1.5}.pulse,.cadence,.control{height:45px;font-family:"Barlow Condensed";font-size:38px;font-weight:800}.pulse{width:65px;border-bottom:4px solid var(--cyan);transform:skewX(-25deg)}.cadence{color:var(--yellow)}.control{color:var(--coral)}.device-pair{position:absolute;right:70px;bottom:-430px;display:flex;gap:30px}.device-pair .phone{width:365px}.device-pair .focus{margin-top:-80px}
/* planning */.planning{min-height:1100px}.planning-head{margin-top:50px;max-width:900px}.planning-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;margin-top:48px;align-items:center}.planning-layout .calendar{width:420px}.plan-copy{padding-right:30px}.ai-label{display:flex;gap:18px;align-items:center;padding:22px;background:linear-gradient(120deg,#8f3fff,var(--purple));color:#fff}.ai-label>span{display:grid;place-items:center;width:58px;height:58px;border:2px solid #fff;border-radius:15px;font-size:22px;font-weight:800}.ai-label small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.ai-label strong{display:block;margin-top:4px;font-family:"Barlow Condensed";font-size:31px;font-style:italic}.plan-copy>p{margin-top:24px;color:var(--muted);font-size:14px;line-height:1.7}.plan-copy ol{list-style:none;margin:25px 0 0;padding:0}.plan-copy li{display:grid;grid-template-columns:45px 1fr;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.plan-copy li b{color:var(--purple);font-size:10px}.plan-copy li strong{display:block;font-size:14px}
/* events */.events{min-height:1220px}.events-head{margin-top:45px}.events h2 em{color:var(--yellow);font-style:italic}.event-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.event-stages article>span{display:block;margin-bottom:13px;color:var(--yellow);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.event-stages .phone{width:100%;border-radius:27px}.event-stages .raised{margin-top:60px}.event-rule{position:absolute;right:var(--x);bottom:55px;width:355px;padding-top:18px;border-top:3px solid var(--yellow)}.event-rule small{color:var(--yellow);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.event-rule p{margin-top:10px;color:rgba(255,255,255,.6);font-size:12px;line-height:1.6}
/* workout */.workout{min-height:1050px}.workout-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:52px;align-items:center}.workout-copy>p:not(.kicker){width:480px;margin-top:19px;font-size:15px;line-height:1.65}.workout-grid .phone{width:410px;margin:auto}.workout-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:3px solid #000}.workout-metrics span{padding:16px 12px 0 0;border-right:1px solid rgba(0,0,0,.25)}.workout-metrics b{display:block;font-family:"Barlow Condensed";font-size:34px}.workout-metrics small{font-size:9px;text-transform:uppercase}.workout-copy blockquote{margin-top:30px;padding:20px 0;border-top:1px solid rgba(0,0,0,.3);font-family:"Barlow Condensed";font-size:26px;font-weight:700;line-height:1.1}.interval-art{position:absolute;left:0;bottom:0;display:flex;align-items:end;width:52%;height:95px;background:#c73c31}.interval-art i{display:block;width:7%;margin-right:2%;background:#000}.interval-art i:nth-child(1){height:20%}.interval-art i:nth-child(2){height:42%}.interval-art i:nth-child(3){height:28%}.interval-art i:nth-child(4){height:70%}.interval-art i:nth-child(5){height:38%}.interval-art i:nth-child(6){height:76%}.interval-art i:nth-child(7){height:76%}.interval-art i:nth-child(8){height:42%}.interval-art i:nth-child(9){height:88%}.interval-art i:nth-child(10){height:88%}.interval-art i:nth-child(11){height:35%}.interval-art i:nth-child(12){height:18%}
/* cockpit */.cockpit{min-height:1200px}.cockpit-head{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;margin-top:50px;align-items:end}.cockpit-head>p{padding-bottom:5px;color:var(--muted);font-size:14px;line-height:1.7}.cockpit-stage{position:relative;min-height:800px;margin-top:30px}.cockpit-stage>.phone{position:absolute;left:435px;top:35px;width:420px}.telemetry{position:absolute;left:0;top:150px;width:405px;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end}.telemetry span{text-align:center}.telemetry small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.telemetry b{display:block;font-family:"Barlow Condensed";font-size:54px}.telemetry .power b{font-size:105px;line-height:.8}.telemetry em{color:var(--coral);font-family:"Barlow Condensed";font-size:20px;font-weight:800}.callouts{position:absolute;right:0;top:130px;width:335px}.callouts article{display:grid;grid-template-columns:40px 1fr;padding:18px 0;border-top:1px solid var(--line)}.callouts b{grid-row:1/3;color:var(--purple);font-size:10px}.callouts strong{font-size:14px}.callouts p{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}
/* live views */.live-views{min-height:1260px}.views-head{margin-top:42px;max-width:1020px}.views-head h2{font-size:72px}.views-head h2 em{color:var(--cyan);font-style:italic}.view-tabs{position:absolute;right:var(--x);top:175px;display:grid;gap:9px}.view-tabs span{padding:9px 14px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.view-tabs span:first-child{background:var(--purple);color:#fff}.view-screens{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.view-screens .phone{width:100%;border-radius:25px}.view-screens .down{margin-top:65px}
/* social */.social{min-height:940px}.social-head{margin-top:50px;max-width:950px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:4px solid #000}.social-grid article{min-height:245px;padding:25px 30px 0 0;border-right:1px solid rgba(0,0,0,.3)}.social-grid article+article{padding-left:30px}.social-grid article:last-child{border:0}.badge{display:inline-block;padding:7px 11px;font-size:9px;font-weight:800;text-transform:uppercase}.cyan-bg{background:var(--cyan)!important}.coral-bg{background:var(--coral)!important}.purple-bg{background:var(--purple)!important;color:#fff}.black-bg{background:#000!important;color:#fff}.yellow-bg{background:var(--yellow)!important}.social-grid h3{margin-top:28px}.social-grid p{margin-top:12px;font-size:12px;line-height:1.6}.rider-strip{position:absolute;left:var(--x);right:var(--x);bottom:55px;display:grid;grid-template-columns:40px 48px 1fr 90px 40px 48px 1fr 90px 40px 48px 1fr 90px;align-items:center;background:#000;color:#fff}.rider-strip>*{padding:15px 8px}.rider-strip>span{color:var(--yellow);font-family:"Barlow Condensed";font-size:26px;font-weight:800}.rider-strip small{color:var(--cyan)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#fff,var(--purple))}.avatar.b{background:linear-gradient(135deg,#fff,var(--coral))}.avatar.c{background:linear-gradient(135deg,#fff,var(--cyan))}
/* teams */.teams{min-height:1120px}.teams-head{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;margin-top:50px;align-items:end}.teams-head>p{color:var(--muted);font-size:15px;line-height:1.7}.team-stage{position:relative;min-height:820px;margin-top:25px}.team-stage .phone{position:absolute;width:355px;top:20px;left:120px}.team-stage .front{left:500px;top:80px;z-index:2}.crest{position:absolute;z-index:4;right:95px;top:100px;display:grid;place-items:center;width:185px;height:185px;border-radius:50%;background:var(--yellow);font-family:"Barlow Condensed";font-size:95px;font-weight:900}.crest small{font-family:"Manrope";font-size:9px;text-transform:uppercase}.team-facts{position:absolute;right:65px;top:350px;width:220px}.team-facts span{display:block;padding:17px 0;border-top:2px solid #000}.team-facts b{font-family:"Barlow Condensed";font-size:35px}.team-facts small{margin-left:8px;font-size:9px;text-transform:uppercase}
/* continuity */.continuity{min-height:1190px}.continuity-head{margin-top:48px;max-width:890px}.continuity-head>p:last-child{width:590px;margin-top:20px;color:rgba(255,255,255,.7);font-size:14px;line-height:1.65}.continuity-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:38px}.continuity-screens .phone{width:100%;border-radius:28px}.continuity-screens .lift{margin-top:60px}.continuity-line{position:absolute;left:var(--x);right:var(--x);bottom:44px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.continuity-line i{height:2px;margin:0 14px;background:var(--yellow)}
/* system */.system{min-height:940px}.system-heading{margin-top:48px;max-width:980px}.palette{display:grid;grid-template-columns:repeat(5,1fr);margin-top:48px}.palette article{height:165px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.palette strong{font-family:"Barlow Condensed";font-size:27px}.palette span{font-size:9px;font-weight:800;text-transform:uppercase}.system-rules{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:3px solid #000}.system-rules article{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;min-height:170px;padding:20px;border-right:1px solid var(--line)}.system-rules article:last-child{border:0}.system-rules>b,.system-rules article>b{font-family:"Barlow Condensed";font-size:75px}.system-rules strong{font-size:14px}.system-rules p{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.5}.mini-profile{display:flex;height:75px;align-items:flex-end;gap:4px}.mini-profile i{width:12px;background:var(--coral)}.mini-profile i:nth-child(1){height:20%}.mini-profile i:nth-child(2){height:60%}.mini-profile i:nth-child(3){height:35%}.mini-profile i:nth-child(4){height:85%}.mini-profile i:nth-child(5){height:85%}.mini-profile i:nth-child(6){height:25%;background:var(--cyan)}.pill{display:grid;place-items:center;width:85px;height:43px;border-radius:99px;background:var(--coral);color:#fff;font-size:11px;font-weight:800}
/* breadth */.breadth{min-height:1250px}.breadth-head{margin-top:44px;max-width:980px}.breadth-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:35px}.breadth-tags span{padding:8px 11px;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.65);font-size:8px;font-weight:800;text-transform:uppercase}.breadth-screens{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:42px}.breadth-screens .phone{width:100%;border-radius:23px}.breadth-screens .rise{margin-top:50px}.breadth-screens .high{margin-top:95px}
/* finish */.finish{min-height:1160px;background:var(--yellow)}.finish:after{content:"";position:absolute;inset:0 0 0 58%;background:#000;z-index:-2}.finish-stripe{position:absolute;left:55%;top:0;width:110px;height:100%;transform:skewX(-9deg);background:repeating-linear-gradient(0deg,#fff 0 45px,#000 45px 90px)}.finish-copy{position:relative;z-index:4;width:680px;margin-top:40px}.finish h2{font-size:105px}.finish h2 em{color:var(--purple);font-style:italic}.finish-copy>p:last-child{width:485px;margin-top:24px;font-size:15px;line-height:1.65}.finish-number{position:absolute;right:75px;top:120px;color:#fff;font-family:"Barlow Condensed";font-size:110px;font-weight:900;font-style:italic}.finish-number span{color:var(--yellow);font-size:28px}.finish-phones{position:absolute;right:25px;bottom:-180px;width:810px;height:770px}.finish-phones .phone{position:absolute;width:290px}.finish-phones .phone:first-child{left:0;top:130px;transform:rotate(-8deg)}.finish-phones .center{left:255px;top:0;z-index:3}.finish-phones .phone:last-child{right:0;top:140px;transform:rotate(8deg)}.finish-footer{position:absolute;left:var(--x);right:var(--x);bottom:42px;z-index:5;display:flex;justify-content:space-between;padding-top:15px;border-top:2px solid #000;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
@media print{@page{size:1400px 1000px;margin:0}body{background:#fff}.case-study{gap:0;padding:0;width:1400px}.board{break-after:page}}
@media(max-width:900px){:root{--x:28px}.case-study{gap:10px;padding:10px 0}.board{min-height:auto;padding-top:40px;padding-bottom:65px}h1{font-size:86px}h2,.premise-grid h2{font-size:57px}.premise-grid,.planning-layout,.workout-grid,.cockpit-head,.teams-head{grid-template-columns:1fr;gap:40px}.metric-band,.loop-numbers{position:relative;left:auto;right:auto;bottom:auto;margin-top:55px;grid-template-columns:1fr 1fr}.cover{min-height:1050px}.cover-speed{right:-250px;transform:scale(.8);transform-origin:right bottom}.loop-track{grid-template-columns:1fr}.loop-track i{width:2px;height:24px;margin:auto}.mode-tabs{position:relative;right:auto;top:auto;width:auto;margin-top:40px}.modes{min-height:1150px}.modes-phones{left:-100px;right:auto;transform:scale(.72);transform-origin:left bottom}.role-grid,.social-grid{grid-template-columns:1fr 1fr}.device-pair{right:-220px;transform:scale(.75);transform-origin:right bottom}.event-stages,.continuity-screens{width:1050px;transform:scale(.68);transform-origin:left top;margin-bottom:-300px}.event-rule{display:none}.cockpit-stage{transform:scale(.72);transform-origin:left top;width:1200px;margin-bottom:-220px}.view-screens,.breadth-screens{width:1200px;transform:scale(.65);transform-origin:left top;margin-bottom:-360px}.social{min-height:950px}.rider-strip{position:relative;left:auto;right:auto;bottom:auto;margin-top:45px;grid-template-columns:40px 48px 1fr 90px}.rider-strip>*:nth-child(n+5){display:none}.team-stage{transform:scale(.72);transform-origin:left top;margin-bottom:-190px}.palette{grid-template-columns:1fr 1fr}.system-rules{grid-template-columns:1fr}.finish{min-height:1050px}.finish-phones{right:-270px;transform:scale(.78);transform-origin:right bottom}}
@media(max-width:560px){h1{font-size:68px}h2,.premise-grid h2{font-size:46px}.race-nav span:last-child{display:none}.cover-copy>p:last-child,.continuity-head>p:last-child,.workout-copy>p:not(.kicker){width:auto}.metric-band,.loop-numbers,.role-grid,.social-grid{grid-template-columns:1fr}.modes-copy{width:auto}.mode-tabs article{grid-template-columns:35px 95px 1fr}.planning-layout .calendar,.workout-grid .phone{width:100%}.finish h2{font-size:66px}.finish-copy{width:auto}.finish-copy>p:last-child{width:75%}.finish-phones{right:-390px}.palette{grid-template-columns:1fr}.system-rules article{grid-template-columns:90px 1fr}}