*{box-sizing:border-box}
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#080B09;color:#fff}
body{margin:0}
.brand{position:absolute;z-index:3;top:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;white-space:nowrap;pointer-events:none}
.brand img{width:68px;height:68px;object-fit:contain}
.brand h1{font:900 24px/1 Outfit,Arial,sans-serif;margin:0;letter-spacing:-.6px}
.brand h1 span{color:#4ade80}
.journeys{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.journey{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100svh;overflow:hidden;text-decoration:none;color:inherit}
.background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s}
.journey:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(8,11,9,.8),rgba(8,11,9,.5) 50%,rgba(8,11,9,.3))}
.vitality:before{background:linear-gradient(225deg,rgba(8,11,9,.8),rgba(8,11,9,.5) 50%,rgba(8,11,9,.3))}
.recovery{border-right:1px solid #ffffff50;--accent:#0177D0}
.vitality{--accent:#ff6a00}
.content{width:100%;padding:180px 56px 56px}
.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff33;border-radius:999px;padding:8px 16px;margin-bottom:24px;background:#ffffff1a;backdrop-filter:blur(4px);font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.tag svg{width:16px;height:16px;flex-shrink:0}
h2{font:900 clamp(36px,4.69vw,72px)/1 Outfit,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 20px}
h2 span{color:var(--accent)}
p{font-size:18px;line-height:1.625;color:#ffffffb3;max-width:448px;margin:24px 0 32px}
.button{display:inline-flex;align-items:center;gap:16px;padding:14px 28px;border-radius:999px;background:white;color:#080B09;font:600 14px/20px Outfit,Arial,sans-serif;transition:background .3s}
.button span{font:22px/20px Arial,sans-serif;transition:transform .3s}
.vitality .button{background:#ff6a00;color:white}
.join{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:white;color:#555;width:40px;height:40px;border-radius:50%;font-size:12px;font-weight:600}
.journey:hover .background{transform:scale(1.05)}
.journey:hover .button span{transform:translateX(4px)}
.recovery:hover .button{background:#e0f2fe}
.journey:focus-visible{outline:4px solid var(--accent);outline-offset:-6px}
@media(min-width:1600px){.content{padding:180px 8vw 70px}}
@media(max-width:1000px) and (min-width:701px){.content{padding:150px 32px 40px}.tag{font-size:12px;letter-spacing:.4px;padding:8px 10px}h2{font-size:42px}p{font-size:16px}}
@media(max-width:700px){.brand{top:22px;gap:10px}.brand img{width:54px;height:54px}.brand h1{font-size:22px}.journeys{grid-template-columns:1fr}.journey{min-height:660px;min-height:90svh}.content{padding:150px 28px 42px}.vitality .content{padding-top:80px}.recovery{border-right:0;border-bottom:1px solid #ffffff50}h2{font-size:clamp(36px,9vw,60px)}p{font-size:16px;max-width:420px}.tag{font-size:12px;letter-spacing:.5px;padding:8px 12px}.join{top:50%;width:36px;height:36px}.background{object-position:center}}
@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important}.journey:hover .background{transform:none}}
/* Offre flottante - 10 lots d'essai */
.nf-trial-tab{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:9998;border:0;border-radius:18px;background:#73A900;color:#fff;padding:13px 18px;box-shadow:0 10px 30px #0008;font-family:Montserrat,Arial,sans-serif;text-align:left;cursor:pointer}.nf-trial-tab strong,.nf-trial-tab span{display:block}.nf-trial-tab strong{font-size:.86rem;font-style:italic}.nf-trial-tab span{font-size:.72rem;margin-top:2px}.nf-trial-panel{position:fixed;left:20px;bottom:20px;z-index:9999;width:min(390px,calc(100vw - 40px));background:#080B09;color:#fff;border:1px solid #73A900;border-radius:22px;padding:26px;box-shadow:0 18px 55px #000b;font-family:Montserrat,Arial,sans-serif;transform:translateY(20px);opacity:0;visibility:hidden;transition:.2s}.nf-trial-panel.is-open{transform:none;opacity:1;visibility:visible}.nf-trial-close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.nf-trial-kicker{margin:0 0 7px;color:#A6E215!important;font-size:.72rem!important;font-weight:800;letter-spacing:.14em}.nf-trial-panel h2{font:800 italic 1.8rem/1.05 Montserrat,Arial,sans-serif;margin:0 0 10px}.nf-trial-panel>p{font-size:.9rem;line-height:1.45;color:#ffffffd0;margin:0 0 16px}.nf-trial-panel label{display:block;font-size:.76rem;font-weight:600;margin:9px 0}.nf-trial-panel input:not([type=checkbox]){width:100%;margin-top:5px;border:1px solid #ffffff35;border-radius:10px;background:#fff;color:#080B09;padding:10px 11px;font:400 .9rem Montserrat,Arial,sans-serif}.nf-trial-consent{display:flex!important;gap:8px;align-items:flex-start;line-height:1.35;font-weight:400!important}.nf-trial-panel form button{width:100%;border:0;border-radius:999px;background:#73A900;color:#fff;padding:12px;font:700 italic .9rem Montserrat,Arial,sans-serif;cursor:pointer}.nf-trial-panel form button:hover{background:#A6E215;color:#080B09}.nf-trial-status{min-height:18px;margin-top:8px;font-size:.76rem}.nf-trial-panel small{display:block;margin-top:8px;color:#ffffff80;font-size:.66rem;line-height:1.35}@media(max-width:620px){.nf-trial-tab{left:50%;transform:translateX(-50%);bottom:70px}.nf-trial-panel{left:14px;bottom:14px;width:calc(100vw - 28px);padding:22px}}
.nf-trial-panel .nf-trial-remaining{margin:-5px 0 16px!important;color:#A6E215!important;font-size:1rem!important;font-weight:800!important;font-style:italic!important}

.nf-trial-tab .nf-trial-tab-remaining{margin-top:5px;font-size:.78rem;font-weight:800;font-style:italic;color:#fff}