@font-face{font-family:TRNR;src:url('../prime/assets/inter-normal-300-v5.woff2') format('woff2'),url('../prime/assets/inter-normal-300-v5.ttf') format('truetype');font-weight:300;font-display:swap}@font-face{font-family:TRNR;src:url('../prime/assets/inter-normal-400-v5.woff2') format('woff2'),url('../prime/assets/inter-normal-400-v5.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Accent;src:url('../prime/assets/archivo-black-v5.woff2') format('woff2'),url('../prime/assets/archivo-black-v5.ttf') format('truetype');font-weight:400;font-display:swap}
:root{font-family:TRNR,Arial,sans-serif;background:#171c22;color:#f3f3ef;--accent:#b780ef;--paper:#f3f3ef;--slate:#171c22}*{box-sizing:border-box}html{scroll-padding-top:24px;scroll-behavior:auto}body,h1,h2,h3,p,figure{margin:0}main{overflow:clip}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:20;background:var(--slate);padding:12px}.skip:focus{transform:none}.site-header{height:76px;max-width:1440px;padding:0 6%;margin:auto;display:flex;align-items:center;gap:32px;border-bottom:1px solid #ffffff12}.brand{width:104px}.programme-name{font-size:12px;color:var(--accent)}nav{margin-left:auto;display:flex;gap:28px;font-size:12px}.hero{max-width:1440px;margin:auto;display:flex;align-items:center;padding:70px 7% 62px}.hero-copy{display:grid;width:100%;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:10%;align-items:center}.hero .wordmark{width:420px;margin:0 0 24px -5px}.hero h1{font-size:clamp(42px,5.1vw,70px);font-weight:300;letter-spacing:-.035em;line-height:1.08}.hero em,h2 em{display:block;font-family:Accent,sans-serif;font-weight:400;font-style:normal;transform:skewX(-11deg) scaleX(.72);transform-origin:left center;line-height:1.1;letter-spacing:-.035em;width:138.8%;font-size:1.17em}.hero em{white-space:nowrap}.hero strong{color:var(--accent);font-weight:400}.programme-band{padding:38px 7%;display:flex;justify-content:space-between;gap:20px;background:var(--accent);color:var(--slate);font:clamp(20px,3.2vw,46px)/1.2 Accent,sans-serif}.paper{background:var(--paper);color:var(--slate)}.themes,.rhythm,.session-section,.watch-section,.music-section{padding:100px 7%}.section-intro{max-width:920px;margin:0 auto 64px;text-align:center}.section-intro h2{display:inline-block;text-align:left}h2{font-weight:300;font-size:clamp(36px,4.2vw,60px);line-height:1.1;letter-spacing:-.035em}h2 em{font-size:1.03em}.section-intro>p{font-size:19px;line-height:1.65;max-width:65ch;margin:28px auto 0}.theme-layout,.session-layout,.music-layout{max-width:1140px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:10%}.device{max-width:340px;margin:auto}.device svg{display:block;width:100%;height:auto}.theme-picker{display:flex;flex-wrap:wrap;gap:10px}.theme-picker button{background:transparent;border:1px solid #171c223b;border-radius:14px;padding:12px 17px;font-size:16px;color:var(--slate)}.theme-picker button[aria-pressed=true]{background:var(--slate);color:#d3b3f1;border-color:var(--slate)}.theme-description{margin:42px 0 26px;min-height:240px}.kicker{font-size:12px;letter-spacing:.15em;color:#5d4670}.theme-description h3{font-family:Accent,sans-serif;text-transform:uppercase;font-size:clamp(32px,4.2vw,56px);letter-spacing:-.04em;margin:16px 0}.theme-description p{font-size:22px;line-height:1.45}.theme-description p+p{font-size:17px;margin-top:22px;color:#58616b}.note,figcaption{font-size:13px;line-height:1.6;color:#aeb9c6}.paper .note,.paper figcaption{color:#5d6a73}figcaption{text-align:center;margin:24px auto 0;max-width:35ch}.intervals{display:flex;align-items:center;justify-content:center;gap:55px;margin:45px 0 64px}.intervals strong{font-size:clamp(90px,13vw,180px);font-weight:300;line-height:1;letter-spacing:-.08em;color:var(--accent)}.intervals strong span{font-size:36px;letter-spacing:0;margin-left:14px}.intervals p{font-size:14px;letter-spacing:.15em;margin-top:20px;text-align:center}.separator{font-size:80px;font-weight:300;color:#74818f}.selector{display:flex;gap:6px;width:max-content;max-width:100%;padding:5px;border-radius:22px;background:#0e131a;margin:32px auto}.selector button{border:1px solid transparent;background:transparent;color:#bdc6d0;border-radius:17px;padding:14px 22px;font-size:16px}.selector button[aria-pressed=true]{background:#272e36;color:#e0c5fa;border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff13,0 3px 5px #0004}.level-stats{max-width:1000px;margin:54px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:24px}.level-stats>div+div{border-left:1px solid #ffffff25}.level-stats strong{display:block;font-size:70px;letter-spacing:-.05em;font-weight:300}.level-stats small{font-size:24px}.level-stats span{display:block;font-size:15px;margin-top:12px;color:#bdc6d0}.rhythm>.note,.watch-section>.note{text-align:center}.session-copy>p,.music-layout>div>p{font-size:19px;line-height:1.65;margin-top:30px}.session-copy .selector{margin:30px 0}.session-description{min-height:148px}.session-description h3{font-size:24px;font-weight:400;margin:28px 0 12px}.session-description p,.session-copy .secondary{font-size:16px;line-height:1.65}.session-copy .secondary{color:#5d6a73}.watch-pair{display:grid;grid-template-columns:repeat(2,1fr);max-width:740px;gap:65px;margin:0 auto 40px}.watch-pair img{width:100%}.watch-pair figcaption{font-size:17px;color:var(--paper)}.music-layout{grid-template-columns:1fr 1.15fr}.music-layout .note{font-size:13px}.closing{background:var(--accent);color:var(--slate);padding:86px 7%}.closing h2{max-width:850px}.closing a{display:inline-block;margin-top:32px;padding-bottom:8px;border-bottom:1px solid var(--slate);font-size:17px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 7%;font-size:12px;color:#bcc5ce}footer p{max-width:50ch;text-align:center}
@media(max-width:950px){.theme-layout,.session-layout,.music-layout{gap:6%;grid-template-columns:1fr 1fr}.theme-description h3{font-size:38px}.programme-band{font-size:26px}.themes,.rhythm,.session-section,.watch-section,.music-section{padding:76px 5%}}
@media(max-width:650px){html{scroll-padding-top:15px}.site-header{height:68px;padding:0 24px;gap:18px}.brand{width:86px}.programme-name{display:none}nav{font-size:11px;gap:18px}nav a:first-child{display:none}.hero{padding:38px 24px 50px}.hero-copy{display:block}.hero .wordmark{width:310px;max-width:100%;margin-bottom:24px}.hero h1{font-size:43px}.hero em{font-size:1.05em}.programme-band{flex-direction:column;padding:32px 24px;gap:8px;font-size:30px}.themes,.rhythm,.session-section,.watch-section,.music-section{padding:66px 24px}.section-intro{text-align:left;margin-bottom:38px}.section-intro h2{font-size:36px;max-width:100%}.section-intro>p{font-size:17px;margin-top:24px}h2{font-size:36px}.theme-layout,.session-layout,.music-layout{grid-template-columns:1fr;gap:38px}.device{max-width:280px}.theme-picker{gap:8px}.theme-picker button{font-size:14px;padding:11px 13px}.theme-description{margin-top:30px;min-height:215px}.theme-description h3{font-size:37px}.theme-description p{font-size:21px}.theme-description p+p{font-size:16px}.intervals{gap:24px;margin:38px 0}.intervals strong{font-size:98px}.intervals strong span{font-size:23px;margin-left:7px}.intervals p{font-size:11px;letter-spacing:.08em}.separator{font-size:45px}.selector{width:100%;gap:3px}.selector button{padding:13px 8px;font-size:13px;flex:1}.level-stats{gap:10px;margin:36px 0 26px}.level-stats strong{font-size:40px}.level-stats small{font-size:17px}.level-stats span{font-size:12px;line-height:1.5}.session-description{min-height:150px}.session-copy>p,.music-layout>div>p{font-size:17px}.watch-pair{gap:18px;margin-bottom:25px}.watch-pair figcaption{font-size:13px}.music-layout figure{order:2}.closing{padding:64px 24px}.closing h2{font-size:34px}footer{padding:30px 24px;flex-wrap:wrap}footer p{order:3;text-align:left}}
/* Match the native Relief TABATA control tint and maintain readable CTA contrast. */
.hero .hero-discovery[data-discovery=tabata]{--discovery-accent:#b780ef!important}
.level-stats>div{padding:0 8px}

/* Keep the five themes on one row; retain readable touch targets on small screens. */
.theme-picker{flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;padding:4px 0 8px}
.theme-picker button{flex:0 0 auto;white-space:nowrap;padding:12px 13px;font-size:14px}
@media(min-width:651px) and (max-width:1100px){.theme-layout{grid-template-columns:1.4fr 1fr;gap:4%}.theme-picker button{padding:12px 9px;font-size:13px}}

.session-steps{list-style:none;padding:0;margin:32px 0}.session-steps li{padding:18px 0;border-bottom:1px solid #171c2226}.session-steps li:first-child{padding-top:0}.session-steps strong{font-size:24px;font-weight:400}.session-steps strong span{font-size:21px}.session-steps p{font-size:16px;line-height:1.55;margin-top:10px;color:#4c5965}

/* Lien « Revoir les cinq thèmes » retiré à la demande de Franck (05/10) : le titre, désormais seul, est centré (règle de symétrie).
   La ligne en accent garde son resserrage depuis la gauche ; sa boîte élargie à 138,8 % le compense, le texte centré retombe au centre. */
.closing{text-align:center}
.closing h2{margin-left:auto;margin-right:auto}
/* Téléphone (retour de Franck du 06/10) : la rangée des thèmes reste sur UNE ligne (voulu), mais elle ne doit plus
   élargir la colonne et pousser la page hors de l'écran. Elle défile au doigt jusqu'aux bords de l'écran, comme les
   pastilles de l'App Store ; le thème choisi revient au centre (tabata.js). */
@media(max-width:650px){.theme-copy{min-width:0}
 .theme-picker{max-width:none;margin:0 -24px;padding:4px 24px 8px;scroll-padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .theme-picker::-webkit-scrollbar{display:none}}