.hopp-tarifs{
–yellow:#FFED00;
–bg:#0B0B0B;
–surface:#1a1a16;
–surface-2:#201f1a;
–white:#ffffff;
–ink-soft:#c2c2bc;
–ink-mute:#8a8a83;
–line:#33322b;
font-family:”Poppins”,-apple-system,BlinkMacSystemFont,”Segoe UI”,Inter,Roboto,Arial,sans-serif;
margin:0;background:var(–bg);color:var(–white);line-height:1.7;overflow-x:hidden;
}
.hopp-tarifs *{box-sizing:border-box;}
.hopp-tarifs p:empty{display:none;}
.hopp-tarifs a{color:inherit;text-decoration:none;}
.hopp-tarifs img{max-width:100%;display:block;}
.hopp-tarifs .shell{max-width:1100px;margin:0 auto;padding:0 24px;}
.hopp-tarifs .eyebrow-lg{font-size:24px;font-weight:800;text-align:center;color:var(–yellow);text-transform:uppercase;letter-spacing:.3px;margin:0 0 24px;line-height:1.35;}
/* —- Notre volonté / ambition —- */
.hopp-tarifs .approach{padding:10px 0 40px;}
.hopp-tarifs .approach-grid{max-width:640px;margin:0 auto;text-align:center;}
.hopp-tarifs .approach h2{font-size:28px;font-weight:800;margin:0 0 14px;color:var(–white);}
.hopp-tarifs .approach p{font-size:15px;color:var(–ink-soft);margin:0 0 16px;}
.hopp-tarifs .approach p:last-child{margin-bottom:0;}
.hopp-tarifs .ambition-block{margin-top:30px;}
.hopp-tarifs .ambition-block p.quote-big{font-size:40px;font-weight:800;color:#ffffff;line-height:1.35;margin:0;position:relative;padding:0 6px;}
.hopp-tarifs .quote-big .q{color:var(–yellow);font-size:1.5em;font-weight:900;line-height:0;vertical-align:-0.18em;}
.hopp-tarifs .slogan-figure{display:flex;align-items:center;justify-content:center;margin-top:16px;}
.hopp-tarifs .slogan-figure img{max-width:260px;width:100%;margin:0 auto;}
@media(max-width:860px){
.hopp-tarifs .slogan-figure img{max-width:200px;}
}
/* —- Founders —- */
.hopp-tarifs .founders{padding:0 0 80px;}
.hopp-tarifs .founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.hopp-tarifs .founder-card{text-align:center;}
.hopp-tarifs .founder-card img.portrait{border-radius:20px;width:100%;max-width:280px;aspect-ratio:4/5;object-fit:cover;margin:0 auto 20px;}
.hopp-tarifs .founder-card h3{font-size:22px;font-weight:800;margin:0 0 6px;color:var(–white);}
.hopp-tarifs .founder-card .role{font-size:13px;font-weight:600;color:var(–ink-mute);text-transform:uppercase;letter-spacing:.4px;margin:0 0 18px;}
.hopp-tarifs .founder-card img.fifa{height:24px;width:auto;max-width:none;margin:0 auto;filter:grayscale(1) brightness(1.6);opacity:.85;}
@media(max-width:720px){.hopp-tarifs .founder-grid{grid-template-columns:1fr;gap:32px;}}
/* —- Raisons —- */
.hopp-tarifs .reasons{padding:0 0 30px;}
.hopp-tarifs .reasons h2{font-size:28px;font-weight:800;text-align:center;margin:0 0 40px;}
.hopp-tarifs .reason-list{list-style:none;margin:0 auto;padding:0;max-width:480px;display:flex;flex-direction:column;gap:16px;}
.hopp-tarifs .reason-list li{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15.5px;font-weight:700;color:var(–white);text-align:center;}
.hopp-tarifs .reason-list li svg{flex:none;width:20px;height:20px;stroke:var(–yellow);}
/* —- Team photo —- */
.hopp-tarifs .team-photo{padding:0 0 40px;display:flex;justify-content:center;}
.hopp-tarifs .team-photo img{width:100%;max-width:340px;border-radius:20px;}
@media(max-width:720px){
.hopp-tarifs .eyebrow-lg{font-size:19px;margin-bottom:24px;}
.hopp-tarifs .approach{padding:6px 0 44px;}
.hopp-tarifs .founders{padding:0 0 44px;}
.hopp-tarifs .reasons{padding:0 0 20px;}
.hopp-tarifs .reasons h2{font-size:22px;margin-bottom:24px;}
.hopp-tarifs .team-photo{padding:0 0 20px;}
}
Choose your pack and
ESSENTIAL
FROM INJURY TO
59€
One-time payment
“AT YOUR OWN PACE WITH
100% of the treatment programme
Daily personalisation
Flexibility / Mobility
Strengthening
Proprioception
Progress tracking
Return-to-running programme
Theoretical content included
Let’s go
PERFORMANCE
TO GET BACK TO SPORT
79€
One-time payment
“GET BACK TO YOUR LEVEL
100% of the treatment programme
Daily personalisation
Flexibility / Mobility
Strengthening
Proprioception
Progress tracking
Return-to-running programme
Theoretical content included
+ 4-week return-to-play plan
Let’s go
EXPERT
PERSONALISED VIDEO-CALL
149€
One-time payment
“A PHYSIO WHENEVER YOU NEED”
100% of the treatment programme
Daily personalisation
Flexibility / Mobility
Strengthening
Proprioception
Progress tracking
Return-to-running programme
Theoretical content included
+ 4-week return-to-play plan
+ 2 video calls with an expert
Let’s go
Book a video call any time
35€
@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap’);
.hopp-pricing{–accent:#ffed00;–muted:#e0e0e0;font-family:’Montserrat’,Arial,sans-serif;background:radial-gradient(circle at 50% 42%,rgba(255,237,0,0.08) 0%,rgba(0,0,0,0.85) 45%,#000 100%),#000;color:#fff;-webkit-font-smoothing:antialiased}
.hopp-pricing *{box-sizing:border-box}
.hopp-pricing .pricing-section{max-width:1200px;margin:0 auto;text-align:center;padding:56px 24px 24px}
.hopp-pricing .title{font-size:34px;line-height:1.15;margin:0 0 48px;font-weight:800;letter-spacing:.3px;color:#fff}
.hopp-pricing .title .highlight{color:var(–accent)}
.hopp-pricing .packs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-items:start;max-width:1040px;margin:0 auto}
.hopp-pricing .pack-col{display:flex;flex-direction:column;align-items:center;position:relative}
.hopp-pricing .pack-col-highlight{margin-top:-14px}
.hopp-pricing .pack-col:not(.pack-col-highlight)::before{content:”;position:absolute;top:30px;left:-10%;right:-10%;bottom:10px;background:var(–accent);filter:blur(45px);opacity:.45;z-index:0;border-radius:40%;}
.hopp-pricing .pack-col:not(.pack-col-highlight) .pack-badge{position:relative;z-index:2;}
.hopp-pricing .pack-col:not(.pack-col-highlight) .pack{position:relative;z-index:1;}
.hopp-pricing .pack-badge{display:inline-block;background:#050505;color:#fff;padding:12px 34px;border:2px solid rgba(255,255,255,0.35);border-radius:999px;font-weight:800;font-size:15px;letter-spacing:.5px;margin-bottom:18px;position:relative;z-index:4}
.hopp-pricing .pack-badge-highlight{color:var(–accent);border-color:var(–accent);box-shadow:0 0 0 1px var(–accent) inset}
.hopp-pricing .pack{width:100%;border-radius:24px;padding:28px 24px 30px;text-align:center;position:relative;box-shadow:0 24px 60px rgba(0,0,0,0.65)}
.hopp-pricing .pack-dark{background:linear-gradient(180deg,#333,#232323)}
.hopp-pricing .pack-highlight{background:var(–accent);color:#111;box-shadow:0 0 0 2px rgba(255,255,255,.55),0 0 55px rgba(255,237,0,.55),0 24px 60px rgba(0,0,0,0.65);}
.hopp-pricing .pack-sub{font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;line-height:1.35;margin:4px 0 14px;color:#fff}
.hopp-pricing .pack-highlight .pack-sub{color:#111}
.hopp-pricing .price{font-size:58px;font-weight:900;color:var(–accent);line-height:1;margin:6px 0 2px;text-align:center}
.hopp-pricing .pack-highlight .price{color:#111}
.hopp-pricing .price .euro{font-size:30px;vertical-align:baseline;margin-left:2px}
.hopp-pricing .price-note{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#bdbdbd;margin:0 0 16px}
.hopp-pricing .pack-highlight .price-note{color:#333}
.hopp-pricing .quote{font-size:14px;font-style:italic;font-weight:800;color:#fff;line-height:1.4;margin:2px 0 18px}
.hopp-pricing .pack-highlight .quote{color:#111}
.hopp-pricing .features{list-style:none;padding:0;margin:0 0 26px;text-align:left}
.hopp-pricing .features li{position:relative;font-size:15px;color:var(–muted);padding-left:20px;margin:10px 0;line-height:1.35}
.hopp-pricing .features li::before{content:’\203A’;position:absolute;left:2px;top:-1px;color:var(–accent);font-weight:800}
.hopp-pricing .features .feature-plus{color:#fff;font-weight:800}
.hopp-pricing .features .feature-plus::before{content:”}
.hopp-pricing .pack-highlight .features li{color:#111}
.hopp-pricing .pack-highlight .features li::before{color:#111}
.hopp-pricing .pack-highlight .features .feature-plus{color:#111}
.hopp-pricing .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 30px;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-weight:800;font-size:15px;box-shadow:0 12px 22px rgba(0,0,0,0.4)}
.hopp-pricing .btn::after{content:’\276F’;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px}
.hopp-pricing .btn-dark{background:#111;color:#fff}
.hopp-pricing .btn-dark::after{background:#fff;color:#111}
.hopp-pricing .bottom-block{max-width:400px;margin:40px auto 0;background:linear-gradient(180deg,#333,#232323);border:2px solid var(–accent);border-radius:24px;padding:26px 24px 28px;animation:hopp-pulse-glow 2.4s ease-in-out infinite;}
@keyframes hopp-pulse-glow{
0%,100%{box-shadow:0 0 0 1px rgba(255,237,0,.5),0 0 18px rgba(255,237,0,.35),0 24px 60px rgba(0,0,0,0.65);}
50%{box-shadow:0 0 0 2px rgba(255,237,0,.9),0 0 48px rgba(255,237,0,.85),0 24px 60px rgba(0,0,0,0.65);}
}
@media(prefers-reduced-motion:reduce){.hopp-pricing .bottom-block{animation:none;box-shadow:0 0 0 2px rgba(255,237,0,.7),0 0 30px rgba(255,237,0,.5),0 24px 60px rgba(0,0,0,0.65);}}
.hopp-pricing .bottom-block .bottom-note{margin:0 0 10px;font-weight:800;font-size:20px;line-height:1.3;color:#fff;}
.hopp-pricing .bottom-price{font-size:44px;font-weight:900;color:var(–accent);line-height:1;}
.hopp-pricing .bottom-price .euro{font-size:24px;vertical-align:baseline;margin-left:2px;}
@media (max-width:1000px){.hopp-pricing .packs{grid-template-columns:1fr 1fr;max-width:720px;gap:8px}.hopp-pricing .pack-col-highlight{margin-top:0}}
@media (max-width:680px){.hopp-pricing .pricing-section{padding:32px 20px 16px}.hopp-pricing .title{font-size:26px;margin-bottom:20px}.hopp-pricing .packs{grid-template-columns:1fr;max-width:460px;gap:28px}.hopp-pricing .pack-col:not(.pack-col-highlight)::before{top:40px;bottom:30px;}.hopp-pricing .pack-sub{font-size:16px}.hopp-pricing .price{font-size:60px}.hopp-pricing .quote{font-size:15px}.hopp-pricing .features li{font-size:16px}.hopp-pricing .bottom-block{margin-top:20px;padding:22px 20px 24px;}.hopp-pricing .bottom-block .bottom-note{font-size:18px;}.hopp-pricing .bottom-price{font-size:40px;}}
An approach built by
Our commitment
Bringing to everyone the care once reserved for elite athletes
HOPP was created by two sports physiotherapists and osteopaths.
The injury-understanding pathways and treatment programmes were built from over 17 years of experience — in clinical practice, in teleconsultation, and following athletes on the field across France.
Our ambition
“ Making quality rehabilitation accessible to everyone, everywhere.”
Why get treated with HOPP
