/* Timovia - landing
   Genere depuis la maquette Design (artboards Maquette + Maquette-mobile).
   Base : feuille desktop ; sous 900px : feuille mobile de la maquette. */
:root{--nuit:#0E1B3D;--nuit2:#14264F;--nuit3:#081027;--brand:#2D5BFF;--brand-d:#1F45D6;--flux:#00A8DE;--flux-d:#0086B4;--corail:#FF6B4A;--menthe:#10B981;--menthe-d:#0B7C5A;--nuage:#F4F7FC;--azur:#EEF3FF;--brume:#E2E8F0;--encre:#1E2A44;--acier:#5A6A82;--sur-nuit:#C9D4EE;--sur-nuit-bas:#97A6C9;--trait:rgba(201,212,238,.14);--degrade:linear-gradient(92deg,#2D5BFF,#00A8DE)}
body{margin:0;background:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--encre);font-variant-numeric:tabular-nums}
*{box-sizing:border-box}
p,h1,h2,h3,ul{margin:0}
a{color:inherit;text-decoration:none}
.pg{position:relative;width:100%;background:#fff;overflow:clip}
.in{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.hd{position:relative;z-index:5;background:var(--nuit3);height:76px;border-bottom:1px solid var(--trait)}
.hd .in{display:flex;align-items:center;height:76px}
.hd img{height:30px;display:block}
.nav{display:flex;gap:34px;margin-left:auto;margin-right:34px;font-size:15px;font-weight:600;color:var(--sur-nuit)}
.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--brand);color:#fff;font-weight:700;font-size:16px;padding:16px 30px;border-radius:999px;box-shadow:0 14px 34px rgba(45,91,255,.3)}
.btn small{font-weight:500;font-size:12.5px;opacity:.9}
.btn.s{padding:11px 22px;font-size:14.5px;box-shadow:none}
.btn.o{background:transparent;border:1.5px solid rgba(201,212,238,.45);color:#fff;box-shadow:none;padding:15px 28px}
.btn.o2{background:transparent;border:1.5px solid rgba(45,91,255,.35);color:var(--brand);box-shadow:none;padding:12px 24px;font-size:15px}
.sc{position:relative;padding:112px 0}
.dark{background:var(--nuit3);color:var(--sur-nuit)}
.dark2{background:var(--nuit);color:var(--sur-nuit)}
.light{background:var(--nuage)}
.glow{position:absolute;border-radius:50%;pointer-events:none}
.kick{font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--flux)}
.light .kick,.white .kick{color:var(--flux-d)}
.h2{font-weight:800;font-size:46px;line-height:1.08;letter-spacing:-.025em;color:#fff;max-width:20ch}
.light .h2,.white .h2{color:var(--nuit)}
.h2 em{font-style:normal;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;line-height:1.6;color:var(--sur-nuit);max-width:60ch;margin-top:18px}
.light .lead,.white .lead{color:var(--acier)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 14px;border:1px solid var(--trait);background:rgba(255,255,255,.05);border-radius:999px;font-size:14px;font-weight:600;color:#fff}
.dot{width:9px;height:9px;border-radius:50%;background:var(--menthe);box-shadow:0 0 0 0 rgba(16,185,129,.6)}
.ic{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* hero */
.hero{padding:44px 0 80px}
.hero-g{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:64px;align-items:center}
.hook{font-weight:800;font-size:60px;line-height:1.04;letter-spacing:-.035em;color:#fff;margin-top:14px}
.hook em{font-style:normal;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-p{font-size:20px;line-height:1.55;color:var(--sur-nuit);margin-top:18px;max-width:46ch}
.hero-a{display:flex;align-items:flex-start;gap:14px;margin-top:20px;font-weight:800;font-size:27px;line-height:1.2;color:#fff;letter-spacing:-.015em;max-width:24ch}
.hero-a svg{margin-top:6px;color:var(--flux)}
.hero-c{display:flex;gap:16px;align-items:center;margin-top:26px}
.hero-m{margin-top:20px;font-size:14px;color:var(--sur-nuit-bas)}
.photo{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 34px 80px rgba(4,10,28,.5),0 0 0 1px rgba(255,255,255,.08)}
.photo img{display:block;width:100%;height:560px;object-fit:cover}
.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,39,0) 45%,rgba(8,16,39,.72))}
.cap{position:absolute;left:26px;bottom:24px;z-index:2;color:#fff;font-weight:700;font-size:17px;line-height:1.35}
.cap b{color:var(--flux)}
.app{position:absolute;right:-34px;top:70px;width:340px;z-index:3;background:#fff;color:var(--encre);border-radius:18px;box-shadow:0 30px 70px rgba(4,10,28,.45);overflow:hidden}
.app-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--nuit);color:#fff;font-size:12.5px;font-weight:600}
.app-h i{width:8px;height:8px;border-radius:50%;background:#3A4D7A}
.ia{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--azur);font-size:12.5px;font-weight:700;color:var(--brand-d)}
.ia .dot{width:8px;height:8px}
.ia span{margin-left:auto;background:#fff;border-radius:999px;padding:2px 9px;font-size:11.5px}
.ln{display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--brume)}
.ln b{display:block;font-size:13.5px;line-height:1.3}
.ln small{display:block;font-size:12px;color:var(--acier);margin-top:2px;line-height:1.35}
.tk{margin-left:auto;flex:none;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:#FFF1EC;color:#B03A1E}
.tk.go{background:var(--brand);color:#fff}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px}
.kp div{background:var(--nuage);border-radius:10px;padding:9px 10px;font-size:11px;color:var(--acier);font-weight:600;line-height:1.25}
.kp b{display:block;font-size:17px;color:var(--nuit);margin-top:3px}

/* heures */
.hrs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px}
.hc{border-radius:22px;overflow:hidden;background:var(--nuit2);border:1px solid rgba(201,212,238,.16);display:flex;flex-direction:column}
.hc.nuit{border:2px solid var(--flux);box-shadow:0 0 0 6px rgba(0,168,222,.12),0 30px 70px rgba(4,10,28,.5)}
.hh{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px}
.hh time{font-weight:800;font-size:34px;letter-spacing:-.02em;color:#fff}
.hh span{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--flux);border:1px solid rgba(0,168,222,.45);border-radius:999px;padding:4px 10px}
.vous{background:#fff;color:var(--encre);padding:22px;display:flex;flex-direction:column;gap:10px;margin:0 8px;border-radius:16px}
.who{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.vous .av{background:#FFE4DA;color:#B03A1E}
.vous .who{color:#B03A1E}
.vous h3{font-weight:800;font-size:18px;line-height:1.25;letter-spacing:-.01em}
.vous p{font-size:14.5px;line-height:1.5;color:var(--acier)}
.mid{display:flex;align-items:center;gap:10px;padding:12px 22px;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--sur-nuit-bas)}
.mid:before,.mid:after{content:"";flex:1;border-top:1px dashed rgba(201,212,238,.3)}
.out{padding:4px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.out .av{background:var(--brand);color:#fff}
.out .who{color:var(--flux)}
.out h3{font-weight:700;font-size:17px;line-height:1.35;color:#fff}
.st{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,.16);color:#6EE7B7;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}

/* piliers */
.pil{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:56px}
.pc{border-radius:28px;padding:44px;position:relative;overflow:hidden}
.pc.o{background:var(--nuit);color:var(--sur-nuit)}
.pc.c{background:#fff;border:1px solid var(--brume);box-shadow:0 12px 30px rgba(14,27,61,.08)}
.rang{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--flux)}
.pc.c .rang{color:var(--flux-d)}
.pn{font-weight:800;font-size:44px;letter-spacing:-.03em;line-height:1.05;color:#fff;margin-top:12px}
.pc.c .pn{color:var(--nuit)}
.ps{font-weight:800;font-size:24px;line-height:1.2;margin-top:12px;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em}
.pi{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.pi li{list-style:none;display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;padding:9px 16px 9px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--trait);color:#fff}
.pc.c .pi li{background:var(--azur);border-color:transparent;color:var(--nuit)}
.pi svg{color:var(--flux)}
.pd{font-size:16px;line-height:1.6;margin-top:20px;color:var(--acier)}
.mini{margin-top:30px;background:#fff;border-radius:16px;color:var(--encre);overflow:hidden;box-shadow:0 20px 50px rgba(4,10,28,.4)}
.cl{margin-top:30px;border-radius:18px;overflow:hidden;position:relative}
.cl img{display:block;width:100%;height:230px;object-fit:cover}
.chips{position:absolute;inset:0;padding:16px}
.chip{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:0 10px 26px rgba(14,27,61,.25);display:flex;align-items:center;gap:8px;color:var(--nuit)}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--menthe)}

/* cas */
.cas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px}
.cc{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--brume);box-shadow:0 1px 2px rgba(14,27,61,.06);display:flex;flex-direction:column}
.cc .im{position:relative}
.cc img{display:block;width:100%;height:170px;object-fit:cover}
.cc .tm{position:absolute;left:14px;top:14px;background:rgba(8,16,39,.82);color:#fff;font-weight:800;font-size:14px;padding:6px 12px;border-radius:999px}
.cb{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.cb h3{font-weight:800;font-size:17px;color:var(--nuit);line-height:1.3}
.cb q{font-weight:800;font-size:20px;line-height:1.3;letter-spacing:-.01em;color:var(--brand);quotes:none}
.cb .ou{font-size:14.5px;line-height:1.5;color:var(--acier)}
.cb .ou b{color:var(--nuit)}
.cb .lk{margin-top:auto;padding-top:6px;font-weight:700;font-size:14.5px;color:var(--nuit);display:flex;align-items:center;gap:8px}

/* vagues */
.vg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:52px;align-items:stretch}
.vc{background:#fff;border:1px solid var(--brume);border-radius:22px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}
.vc.on{border:2px solid var(--brand);box-shadow:0 14px 34px rgba(45,91,255,.22);position:relative}
.vc .bd{font-size:12px;font-weight:700;color:var(--acier)}
.vc.on .bd{color:var(--menthe-d);display:flex;align-items:center;gap:8px}
.vc h3{font-weight:800;font-size:22px;color:var(--nuit)}
.vc .big{font-weight:800;font-size:46px;line-height:1;letter-spacing:-.03em;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc .of{font-weight:700;color:var(--encre);font-size:15px;margin-top:-6px}
.vc p{font-size:14.5px;line-height:1.55;color:var(--acier)}
.bar{height:8px;border-radius:99px;background:var(--brume);overflow:hidden}
.bar i{display:block;height:100%;background:var(--degrade);border-radius:99px}
.bt{font-size:12px;font-weight:600;color:var(--acier);display:flex;justify-content:space-between}
.vc .btn{margin-top:auto;font-size:15px;padding:14px 22px}
.buzz{margin-top:24px;display:flex;align-items:center;gap:18px;background:var(--azur);border-radius:18px;padding:18px 24px;font-size:15px;color:var(--encre);font-weight:600}
.buzz svg{color:var(--brand)}

/* reass + faq + final */
.rs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rs div{display:flex;gap:16px;align-items:flex-start}
.rs .av{background:var(--azur);color:var(--brand);width:48px;height:48px;border-radius:14px}
.rs b{display:block;font-size:17px;font-weight:800;color:var(--nuit)}
.rs span{font-size:14.5px;color:var(--acier);line-height:1.5}
.fq{margin-top:36px;display:grid;gap:12px;max-width:860px}
.fq div{background:#fff;border:1px solid var(--brume);border-radius:16px;padding:20px 26px}
.fq .q{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:17px;color:var(--nuit)}
.fq .q span{font-size:26px;font-weight:400;color:var(--brand);line-height:1}
.fq p{margin-top:12px;font-size:15.5px;line-height:1.65;color:var(--acier)}
.fm{display:flex;gap:12px;justify-content:center;margin-top:42px}
.fld{background:#fff;color:var(--acier);border-radius:14px;padding:18px 22px;font-size:16px;font-weight:500;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.ft{background:var(--nuit3);color:var(--sur-nuit-bas);padding:54px 0 44px;font-size:14px;line-height:1.8}
.ft img{height:28px;display:block;margin-bottom:18px}

/* transitions */
.sc+.sc,.anchor+.sc{border-radius:48px 48px 0 0;margin-top:-48px}
.sc.hb{padding-bottom:200px}
.br{position:absolute;left:0;right:0;bottom:-40px;z-index:8;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}
.bl{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--flux)}
.bt2{font-weight:800;font-size:26px;line-height:1.2;letter-spacing:-.02em;color:#fff;margin-top:8px;max-width:26ch}
.light .bl,.white .bl{color:var(--flux-d)}
.light .bt2,.white .bt2{color:var(--nuit)}
.bc{margin-top:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--degrade);box-shadow:0 10px 26px rgba(45,91,255,.45);animation:bob 1.8s ease-in-out infinite}
.bf{display:block;width:2px;height:70px;background:linear-gradient(var(--brand),var(--flux));margin-top:0;position:relative}
.bf:after{content:"";position:absolute;left:-4px;bottom:-4px;width:10px;height:10px;border-radius:50%;background:var(--flux);box-shadow:0 0 0 5px rgba(0,168,222,.25)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* scroll : le bloc final remonte plein écran puis se pose en zoom out */
#newsletter{transform-origin:50% 100%}
@supports (animation-timeline:view()){
@keyframes zo{from{transform:scale(1.16);border-radius:0}to{transform:scale(1);border-radius:48px 48px 0 0}}
#newsletter{animation:zo linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
}

/* barre sticky en bas de page : reste collée au bas de l'écran pendant tout le scroll */
.wb{position:sticky;bottom:0;height:72px;z-index:40;background:rgba(8,16,39,.94);backdrop-filter:blur(14px);border-top:1px solid rgba(0,168,222,.45);box-shadow:0 -14px 40px rgba(4,10,28,.35)}
.wb .in{display:flex;align-items:center;gap:28px;height:72px}
.wb-t{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:16px;white-space:nowrap}
.wb-t .dot{box-shadow:0 0 0 5px rgba(16,185,129,.22)}
.wb-t em{font-style:normal;font-size:11px;letter-spacing:.1em;font-weight:800;color:#fff;background:var(--corail);border-radius:999px;padding:4px 10px}
.wb-g{flex:1;max-width:420px}
.wb-g .bar{height:10px;background:rgba(201,212,238,.18)}
.wb-g .bar i{background:linear-gradient(92deg,#FF6B4A,#FFB347)}
.wb-n{font-weight:700;font-size:14px;color:var(--sur-nuit);white-space:nowrap}
.wb-n b{color:#fff;font-weight:800;font-size:16px}
.wb-n b.r{color:#FFB347}
.wb-o{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;color:var(--sur-nuit-bas);white-space:nowrap}
.wb .btn{padding:12px 26px;font-size:15px;box-shadow:none}

/* tarifs */
.tf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.tc{background:#fff;color:var(--encre);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--brume)}
.tc.on{border:2px solid var(--brand);box-shadow:0 14px 34px rgba(45,91,255,.28)}
.tc .tg{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--flux-d)}
.tc h3{font-weight:800;font-size:28px;letter-spacing:-.025em;color:var(--nuit)}
.tc .px{font-weight:800;font-size:46px;line-height:1;letter-spacing:-.03em;color:var(--nuit)}
.tc .px small{font-size:16px;font-weight:600;color:var(--acier);letter-spacing:0;margin-left:6px}
.tc .tq{font-size:15px;line-height:1.5;color:var(--acier)}
.tc .dep{font-size:13px;font-weight:700;color:var(--brand-d);background:var(--azur);border-radius:999px;padding:6px 12px;align-self:flex-start}
.tc ul{list-style:none;padding:0;margin:6px 0 10px;display:grid;gap:11px}
.tc li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--encre)}
.tc li svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--brand);stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tc .btn{margin-top:auto}
.ps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:56px}
.pb{border-radius:20px;padding:22px 24px;background:rgba(255,255,255,.07);border:1px solid var(--trait);color:#fff}
.pb.f{border:2px solid var(--flux);box-shadow:0 0 0 6px rgba(0,168,222,.12)}
.pb b{display:block;font-weight:800;font-size:20px}
.pb span{display:block;font-weight:800;font-size:30px;margin-top:6px;letter-spacing:-.02em}
.pb span small{font-size:13px;font-weight:600;color:var(--sur-nuit-bas)}
.pb em{display:block;font-style:normal;font-size:14px;line-height:1.5;color:var(--sur-nuit);margin-top:8px}
.pv{position:relative}
.pv>p{text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--flux);margin-bottom:12px}
.pv ol{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.pv li{display:flex;align-items:center;gap:10px;background:#fff;color:var(--nuit);border-radius:999px;padding:10px 18px;font-size:14.5px;font-weight:700}
.pv li i{width:8px;height:8px;border-radius:50%;background:var(--menthe);flex:none}
.pv:before,.pv:after{content:"";position:absolute;top:58%;width:40px;height:2px;background:var(--flux)}
.pv:before{left:-40px}.pv:after{right:-40px}
.tl{display:inline-flex;align-items:center;gap:8px;margin-top:34px;font-weight:700;font-size:15.5px;color:#fff}
.pk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:48px}
.pk div{background:#fff;border:1px solid var(--brume);border-radius:20px;padding:24px}
.pk b{display:block;font-weight:800;font-size:20px;color:var(--nuit);letter-spacing:-.015em}
.pk span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--brand);margin:6px 0 10px}
.pk p{font-size:14.5px;line-height:1.55;color:var(--acier)}
.nw{white-space:nowrap}
.hero-a{max-width:none}
.cibles{margin-top:32px}
.cibles>p{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sur-nuit-bas)}
.cibles>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.cibles a{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(0,168,222,.45);color:#fff;font-weight:700;font-size:15px}
.cibles a i{width:8px;height:8px;border-radius:50%;background:var(--flux)}
.cibles small{display:block;margin-top:12px;font-size:13px;color:var(--sur-nuit-bas)}
.tf--c{margin-top:22px;gap:16px}
.tf--c .tc{padding:24px;gap:8px}
.tf--c .tc ul{margin:2px 0 8px;gap:8px}
.tf--c .px{font-size:40px}
.ps--c{margin-top:24px;gap:26px}
.ps--c .pv ol{grid-template-columns:1fr 1fr}
.ps--c .pv li{border-radius:14px;font-size:13.5px;padding:9px 14px}
.ps--c .pb{padding:16px 20px}
.tz--c{margin-top:20px;gap:16px}
.tz--c>div{padding:14px 20px;gap:5px}
.tz--c h3{font-size:21px}
.tz--c ul{margin:2px 0 0}
.tz--c li{font-size:14px}
.tz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}
.tz>div{border:1.5px dashed rgba(0,168,222,.55);border-radius:22px;padding:26px 28px;background:rgba(255,255,255,.04);color:#fff;display:flex;flex-direction:column;gap:10px}
.tz .bt3{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--corail);color:#fff;border-radius:999px;padding:4px 10px}
.tz h3{font-weight:800;font-size:26px;letter-spacing:-.02em;color:#fff}
.tz .tn{font-size:15px;color:var(--sur-nuit)}
.tz ul{list-style:none;padding:0;margin:4px 0 10px;display:grid;gap:8px}
.tz li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;font-weight:700;color:#fff}
.tz li:before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--flux)}
.tz .btn{margin-top:auto}
.tz .btn.o{padding:12px 24px;font-size:15px}
.alt{display:flex;align-items:center;gap:10px;margin-top:18px;padding:11px 18px;border-radius:14px;background:rgba(255,107,74,.14);border:1px solid rgba(255,107,74,.65);color:#fff;font-size:15px;font-weight:600;line-height:1.4}
.alt svg{color:var(--corail);flex:none}
.alt b{color:#FFB347}
.cibq{margin-top:56px}.cibq>p.kick{margin-bottom:18px}.cibq>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cq{display:flex;flex-direction:column;gap:12px;background:var(--azur);border-radius:22px;padding:28px;color:var(--encre)}.cq h3{font-weight:800;font-size:22px;color:var(--nuit);letter-spacing:-.02em}.cq ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.cq li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;font-weight:600}.cq li:before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--brand)}.cq a{margin-top:auto;padding-top:6px;font-weight:700;font-size:14.5px;color:var(--brand-d)}

@media (max-width:900px){
:root{--nuit:#0E1B3D;--nuit2:#14264F;--nuit3:#081027;--brand:#2D5BFF;--brand-d:#1F45D6;--flux:#00A8DE;--flux-d:#0086B4;--corail:#FF6B4A;--menthe:#10B981;--menthe-d:#0B7C5A;--nuage:#F4F7FC;--azur:#EEF3FF;--brume:#E2E8F0;--encre:#1E2A44;--acier:#5A6A82;--sur-nuit:#C9D4EE;--sur-nuit-bas:#97A6C9;--trait:rgba(201,212,238,.14);--degrade:linear-gradient(92deg,#2D5BFF,#00A8DE)}
body{margin:0;background:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--encre);font-variant-numeric:tabular-nums}
*{box-sizing:border-box}
p,h1,h2,h3,ul{margin:0}
a{color:inherit;text-decoration:none}
.pg{position:relative;width:100%;background:#fff;overflow:clip}
.hd{background:var(--nuit3);height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--trait)}
.hd img{height:24px;display:block}
.bg{width:40px;height:40px;border-radius:12px;border:1px solid var(--trait);display:grid;place-items:center;color:#fff}
.btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--brand);color:#fff;font-weight:700;font-size:16px;padding:15px 22px;border-radius:999px;box-shadow:0 12px 28px rgba(45,91,255,.3);text-align:center}
.btn small{font-weight:500;font-size:12px;opacity:.9}
.btn.o{background:transparent;border:1.5px solid rgba(201,212,238,.45);box-shadow:none;padding:13px 22px}
.btn.o2{background:transparent;border:1.5px solid rgba(45,91,255,.35);color:var(--brand);box-shadow:none;padding:12px 20px;font-size:15px}
.sc{position:relative;padding:56px 20px}
.dark{background:var(--nuit3);color:var(--sur-nuit)}
.dark2{background:var(--nuit);color:var(--sur-nuit)}
.light{background:var(--nuage)}
.glow{position:absolute;border-radius:50%;pointer-events:none}

.kick{font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--flux)}
.light .kick,.white .kick{color:var(--flux-d)}
.h2{font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.025em;color:#fff;margin-top:12px}
.light .h2,.white .h2{color:var(--nuit)}
.h2 em{font-style:normal;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:16px;line-height:1.6;color:var(--sur-nuit);margin-top:14px}
.light .lead,.white .lead{color:var(--acier)}
.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border:1px solid var(--trait);background:rgba(255,255,255,.05);border-radius:999px;font-size:13px;font-weight:600;color:#fff}
.dot{width:8px;height:8px;border-radius:50%;background:var(--menthe)}
.ic{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hook{font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.035em;color:#fff;margin-top:10px}
.hook em{font-style:normal;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-p{font-size:17px;line-height:1.55;color:var(--sur-nuit);margin-top:18px}
.hero-a{display:flex;gap:10px;margin-top:18px;font-weight:800;font-size:20px;line-height:1.25;color:#fff}
.hero-a svg{margin-top:3px;color:var(--flux)}
.photo{position:relative;border-radius:20px;overflow:hidden;margin-top:30px;box-shadow:0 24px 60px rgba(4,10,28,.5),0 0 0 1px rgba(255,255,255,.08)}
.photo img{display:block;width:100%;height:260px;object-fit:cover}
.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,16,39,0) 45%,rgba(8,16,39,.75))}
.cap{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font-weight:700;font-size:15px;line-height:1.35}
.cap b{color:var(--flux)}
.app{margin:-34px 14px 0;position:relative;z-index:3;background:#fff;color:var(--encre);border-radius:16px;box-shadow:0 24px 60px rgba(4,10,28,.45);overflow:hidden}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}
.kp div{background:var(--nuage);border-radius:10px;padding:8px;font-size:10.5px;color:var(--acier);font-weight:600}
.kp b{display:block;font-size:15px;color:var(--nuit);margin-top:2px}
.ia{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--azur);font-size:12px;font-weight:700;color:var(--brand-d)}
.ia span:last-child{margin-left:auto;background:#fff;border-radius:999px;padding:2px 8px;font-size:11px}
.ln{display:flex;align-items:center;gap:10px;padding:11px 12px;border-top:1px solid var(--brume)}
.ln b{display:block;font-size:13px}
.ln small{display:block;font-size:11.5px;color:var(--acier);margin-top:2px}
.tk{margin-left:auto;flex:none;font-style:normal;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;background:#FFF1EC;color:#B03A1E}
.tk.go{background:var(--brand);color:#fff}
.sw{display:flex;gap:14px;overflow:hidden;margin:34px -20px 0;padding:0 20px}
.hc{flex:none;width:300px;border-radius:20px;overflow:hidden;background:var(--nuit2);border:1px solid rgba(201,212,238,.16)}
.hc.nuit{border:2px solid var(--flux);box-shadow:0 0 0 5px rgba(0,168,222,.12)}
.hh{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}
.hh time{font-weight:800;font-size:30px;letter-spacing:-.02em;color:#fff}
.hh span{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--flux);border:1px solid rgba(0,168,222,.45);border-radius:999px;padding:4px 9px}
.vous{background:#fff;color:var(--encre);padding:18px;display:flex;flex-direction:column;gap:8px;margin:0 7px;border-radius:14px}
.who{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.vous .av{background:#FFE4DA;color:#B03A1E}.vous .who{color:#B03A1E}
.vous h3{font-weight:800;font-size:17px;line-height:1.25}
.vous p:last-child{font-size:14px;line-height:1.5;color:var(--acier)}
.mid{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--sur-nuit-bas)}
.mid:before,.mid:after{content:"";flex:1;border-top:1px dashed rgba(201,212,238,.3)}
.out{padding:2px 18px 20px;display:flex;flex-direction:column;gap:9px}
.out .av{background:var(--brand);color:#fff}.out .who{color:var(--flux)}
.out h3{font-weight:700;font-size:16px;line-height:1.35;color:#fff}
.st{align-self:flex-start;background:rgba(16,185,129,.16);color:#6EE7B7;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}
.dots{display:flex;justify-content:center;gap:6px;margin-top:18px}
.dots i{width:7px;height:7px;border-radius:50%;background:rgba(201,212,238,.3)}.dots i:first-child{width:20px;border-radius:99px;background:var(--flux)}
.pc{border-radius:24px;padding:28px 22px;position:relative;overflow:hidden;margin-top:18px}
.pc.o{background:var(--nuit);color:var(--sur-nuit)}
.pc.c{background:#fff;border:1px solid var(--brume);box-shadow:0 10px 26px rgba(14,27,61,.08)}
.rang{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--flux)}
.pn{font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1.05;color:#fff;margin-top:10px}
.pc.c .pn{color:var(--nuit)}
.ps{font-weight:800;font-size:20px;line-height:1.2;margin-top:10px;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.pi{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap;padding:0}
.pi li{list-style:none;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:8px 14px 8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid var(--trait);color:#fff}
.pc.c .pi li{background:var(--azur);border-color:transparent;color:var(--nuit)}
.pi svg{color:var(--flux);width:18px;height:18px}
.pd{font-size:15px;line-height:1.6;margin-top:16px;color:var(--acier)}
.mini{margin-top:22px;background:#fff;border-radius:14px;color:var(--encre);overflow:hidden}
.cl{margin-top:22px;border-radius:16px;overflow:hidden;position:relative}
.cl img{display:block;width:100%;height:190px;object-fit:cover}
.chip{position:absolute;background:#fff;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:0 8px 22px rgba(14,27,61,.25);display:flex;align-items:center;gap:7px;color:var(--nuit)}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--menthe)}
.cc{flex:none;width:272px;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--brume);box-shadow:0 1px 2px rgba(14,27,61,.06)}
.cc .im{position:relative}
.cc img{display:block;width:100%;height:140px;object-fit:cover}
.tm{position:absolute;left:12px;top:12px;background:rgba(8,16,39,.82);color:#fff;font-weight:800;font-size:13px;padding:5px 11px;border-radius:999px}
.cb{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.cb h3{font-weight:800;font-size:15px;color:var(--nuit);line-height:1.3}
.cb q{font-weight:800;font-size:18px;line-height:1.3;color:var(--brand);quotes:none}
.cb .ou{font-size:14px;line-height:1.5;color:var(--acier)}
.cb .ou b{color:var(--nuit)}
.cb .lk{font-weight:700;font-size:14px;color:var(--nuit);margin-top:auto;padding-top:6px}
.vc{background:#fff;border:1px solid var(--brume);border-radius:20px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;margin-top:14px}
.vc.on{border:2px solid var(--brand);box-shadow:0 12px 30px rgba(45,91,255,.22)}
.vc .bd{font-size:12px;font-weight:700;color:var(--acier)}
.vc.on .bd{color:var(--menthe-d);display:flex;align-items:center;gap:8px}
.vr{display:flex;align-items:baseline;justify-content:space-between}
.vc h3{font-weight:800;font-size:20px;color:var(--nuit)}
.big{font-weight:800;font-size:32px;line-height:1;letter-spacing:-.03em;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.big small{font-size:14px;font-weight:700;color:var(--encre);-webkit-text-fill-color:var(--encre);letter-spacing:0;margin-left:4px}
.vc p.t{font-size:14.5px;line-height:1.55;color:var(--acier)}
.bar{height:8px;border-radius:99px;background:var(--brume);overflow:hidden}
.bar i{display:block;height:100%;background:var(--degrade);border-radius:99px}
.bt{font-size:11.5px;font-weight:600;color:var(--acier);display:flex;justify-content:space-between;margin-top:7px}
.buzz{margin-top:16px;background:var(--azur);border-radius:16px;padding:16px;font-size:14px;color:var(--encre);font-weight:600;line-height:1.5}
.rs{display:flex;flex-direction:column;gap:20px}
.rs div{display:flex;gap:14px;align-items:flex-start}
.rs .av{background:var(--azur);color:var(--brand);width:44px;height:44px;border-radius:13px;flex:none}
.rs b{display:block;font-size:16px;font-weight:800;color:var(--nuit)}
.rs span{font-size:14px;color:var(--acier);line-height:1.5}
.fq{margin-top:26px;display:grid;gap:10px}
.fq div{background:#fff;border:1px solid var(--brume);border-radius:14px;padding:16px 18px}
.fq .q{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15.5px;color:var(--nuit)}
.fq .q span{font-size:24px;font-weight:400;color:var(--brand);line-height:1}
.fq p+p{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--acier)}
.fld{background:#fff;color:var(--acier);border-radius:14px;padding:16px 18px;font-size:15px;font-weight:500;text-align:left}
.ft{background:var(--nuit3);color:var(--sur-nuit-bas);padding:36px 20px 110px;font-size:13px;line-height:1.8}
.ft img{height:24px;display:block;margin-bottom:14px}
.sticky{position:sticky;bottom:0;flex-wrap:wrap;z-index:20;background:rgba(8,16,39,.96);border-top:1px solid var(--trait);padding:10px 14px 14px;display:flex;gap:10px}
.sticky .btn{padding:11px 16px;font-size:14.5px;flex:1;box-shadow:none}
.sticky .btn.o{flex:none;padding:10px 16px}

/* transitions */
.sc+.sc,.anchor+.sc{border-radius:32px 32px 0 0;margin-top:-32px}
.sc.hb{padding-bottom:150px}
.br{position:absolute;left:0;right:0;bottom:-30px;z-index:8;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}
.bl{font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--flux)}
.bt2{font-weight:800;font-size:19px;line-height:1.2;letter-spacing:-.02em;color:#fff;margin-top:8px;max-width:26ch}
.light .bl,.white .bl{color:var(--flux-d)}
.light .bt2,.white .bt2{color:var(--nuit)}
.bc{margin-top:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--degrade);box-shadow:0 10px 26px rgba(45,91,255,.45);animation:bob 1.8s ease-in-out infinite}
.bf{display:block;width:2px;height:24px;background:linear-gradient(var(--brand),var(--flux));margin-top:0;position:relative}
.bf:after{content:"";position:absolute;left:-4px;bottom:-4px;width:10px;height:10px;border-radius:50%;background:var(--flux);box-shadow:0 0 0 5px rgba(0,168,222,.25)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* scroll : le bloc final remonte plein écran puis se pose en zoom out */
#newsletter{transform-origin:50% 100%}
@supports (animation-timeline:view()){
@keyframes zo{from{transform:scale(1.16);border-radius:0}to{transform:scale(1);border-radius:32px 32px 0 0}}
#newsletter{animation:zo linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
}

.sp{flex:0 0 100%;display:grid;gap:7px}
.sp-t{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:800;font-size:13px}
.sp-t .l{display:flex;align-items:center;gap:8px}
.sp-t .r{color:#FFB347}
.sp .bar{height:7px;background:rgba(201,212,238,.18)}
.sp .bar i{background:linear-gradient(92deg,#FF6B4A,#FFB347)}
.sticky .btn{flex:1 1 0}

/* tarifs */
.tf{display:grid;gap:16px;margin-top:24px}
.tc{background:#fff;color:var(--encre);border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--brume)}
.tc.on{border:2px solid var(--brand);box-shadow:0 12px 28px rgba(45,91,255,.28)}
.tc .tg{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--flux-d)}
.tc h3{font-weight:800;font-size:24px;letter-spacing:-.025em;color:var(--nuit)}
.tc .px{font-weight:800;font-size:44px;line-height:1;letter-spacing:-.03em;color:var(--nuit)}
.tc .px small{font-size:14px;font-weight:600;color:var(--acier);letter-spacing:0;margin-left:6px}
.tc .tq{font-size:14.5px;line-height:1.5;color:var(--acier)}
.tc .dep{font-size:12.5px;font-weight:700;color:var(--brand-d);background:var(--azur);border-radius:999px;padding:6px 12px;align-self:flex-start}
.tc ul{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:9px}
.tc li{display:flex;gap:10px;font-size:14.5px;line-height:1.45;color:var(--encre)}
.tc li svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--brand);stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ps{display:flex;flex-direction:column;margin-top:28px}
.pb{border-radius:18px;padding:18px 20px;background:rgba(255,255,255,.07);border:1px solid var(--trait);color:#fff}
.pb.f{border:2px solid var(--flux);box-shadow:0 0 0 5px rgba(0,168,222,.12)}
.pb b{display:block;font-weight:800;font-size:18px}
.pb span{display:block;font-weight:800;font-size:26px;margin-top:4px;letter-spacing:-.02em}
.pb span small{font-size:12.5px;font-weight:600;color:var(--sur-nuit-bas)}
.pb em{display:block;font-style:normal;font-size:13.5px;line-height:1.5;color:var(--sur-nuit);margin-top:6px}
.pv{position:relative;padding:34px 0}
.pv>p{text-align:center;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--flux);margin-bottom:10px}
.pv ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pv li{display:flex;align-items:center;gap:10px;background:#fff;color:var(--nuit);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}
.pv li i{width:8px;height:8px;border-radius:50%;background:var(--menthe);flex:none}
.pv:before,.pv:after{content:"";position:absolute;left:50%;width:2px;height:26px;background:var(--flux)}
.pv:before{top:0}.pv:after{bottom:0}
.tl{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:700;font-size:15px;color:#fff}
.pk{display:grid;gap:12px;margin-top:24px}
.pk div{background:#fff;border:1px solid var(--brume);border-radius:16px;padding:18px 20px}
.pk b{display:block;font-weight:800;font-size:18px;color:var(--nuit)}
.pk span{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--brand);margin:4px 0 8px}
.pk p{font-size:14px;line-height:1.5;color:var(--acier)}

.sw2{margin:16px -20px 0;gap:12px}
.sw2 .tc{flex:none;width:270px;padding:16px 18px;gap:6px}
.sw2 .px{font-size:36px}
.sw2 ul{margin:0 0 6px;gap:6px}
.sw2 li{font-size:13.5px}
.pstrip{margin-top:14px;display:flex;align-items:center;gap:10px;color:#fff;font-size:14px}
.pstrip>div{flex:1;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.07);border:1px solid var(--trait)}
.pstrip>div:last-child{border:2px solid var(--flux)}
.pstrip i{flex:none;width:22px;height:2px;background:var(--flux)}
.pcap{margin-top:10px;font-size:13px;line-height:1.5;color:var(--sur-nuit)}
.nw{white-space:nowrap;font-size:14px}
.mini2{margin-top:20px;background:#fff;color:var(--encre);border-radius:14px;overflow:hidden}
.cibles{margin-top:32px}
.cibles>p{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sur-nuit-bas)}
.cibles>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.cibles a{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(0,168,222,.45);color:#fff;font-weight:700;font-size:15px}
.cibles a i{width:8px;height:8px;border-radius:50%;background:var(--flux)}
.cibles small{display:block;margin-top:12px;font-size:13px;color:var(--sur-nuit-bas)}
.tz{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
.tz>div{border:1.5px dashed rgba(0,168,222,.55);border-radius:22px;padding:22px 20px;background:rgba(255,255,255,.04);color:#fff;display:flex;flex-direction:column;gap:10px}
.tz .bt3{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--corail);color:#fff;border-radius:999px;padding:4px 10px}
.tz h3{font-weight:800;font-size:22px;letter-spacing:-.02em;color:#fff}
.tz .tn{font-size:15px;color:var(--sur-nuit)}
.tz ul{list-style:none;padding:0;margin:4px 0 10px;display:grid;gap:8px}
.tz li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;font-weight:700;color:#fff}
.tz li:before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--flux)}
.tz .btn{margin-top:auto}
.tz .btn.o{padding:12px 24px;font-size:15px}
.alt{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:14px;background:rgba(255,107,74,.14);border:1px solid rgba(255,107,74,.65);color:#fff;font-size:13px;font-weight:600;line-height:1.4}
.alt svg{color:var(--corail);flex:none}
.alt b{color:#FFB347}
.cibq{margin-top:32px}.cibq>p.kick{margin-bottom:18px}.cibq>div{display:grid;grid-template-columns:1fr;gap:14px}.cq{display:flex;flex-direction:column;gap:12px;background:var(--azur);border-radius:22px;padding:22px 20px;color:var(--encre)}.cq h3{font-weight:800;font-size:22px;color:var(--nuit);letter-spacing:-.02em}.cq ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.cq li{position:relative;padding-left:22px;font-size:15px;line-height:1.45;font-weight:600}.cq li:before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--brand)}.cq a{margin-top:auto;padding-top:6px;font-weight:700;font-size:14.5px;color:var(--brand-d)}
/* --- raccords markup desktop / feuille mobile --- */
.in{max-width:none;padding:0;width:100%}
.hd{height:60px;padding:0 16px}
.hd .in{height:60px;padding:0;gap:12px;align-items:center}
.hd .nav{display:none}
.hd .btn.s{margin-left:auto;margin-right:0;padding:10px 16px;font-size:13.5px;flex:none}
.nav-tg{display:grid}
.hero-g{display:block}
.hero-c{flex-direction:column;align-items:stretch;gap:12px}
.hero-c .btn{justify-content:center}
.ps{align-items:stretch}
#newsletter{animation:none!important;transform:none!important}
.hrs,.cas,.vg,.tf,.pil,.pk,.rs,.cibq>div,.oth,.cmp,.tz,.ps{grid-template-columns:1fr!important}
.hc,.cc,.tc,.ot{width:auto}
.app{position:static;width:auto;right:auto;top:auto}
.photo{margin-top:26px}
.fm{flex-direction:column;align-items:stretch!important}
.fld{width:100%!important}
.sc.hb{padding-bottom:170px}
.br{bottom:-24px}
.wb{height:auto}
.wb .in{flex-wrap:wrap;height:auto;gap:10px;padding:10px 16px 14px}
.wb-g,.wb-o span{display:none}
.wb-t{font-size:14px}
.wb-n{font-size:13px;margin-left:auto}
.wb-o{margin-left:0;width:100%;gap:0}
.wb-o .btn{width:100%;justify-content:center}
.ft{padding:36px 20px 110px}

}


/* ===== Révélations au scroll (storytelling sobre) ===== */
.rv{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv,.rv.is-in{opacity:1!important;transform:none!important;transition:none!important}}

/* ===== Titres de section centrés ===== */
.in > .h2,
.in > .lead{text-align:center;margin-left:auto;margin-right:auto}

/* ===== Dictée vocale ===== */
.hc .out .who{flex-wrap:wrap}
.mic{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:999px;background:rgba(0,168,222,.14);border:1px solid rgba(0,168,222,.34);color:#4FD0F5;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1}
.mic svg{width:12px;height:12px;flex:none}
.voix{display:flex;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;margin:20px auto 0;padding:9px 18px 9px 15px;border-radius:999px;background:rgba(0,168,222,.12);border:1px solid rgba(0,168,222,.3);color:#9FE4FA;font-size:15px;font-weight:700;text-align:center}
.voix svg{width:17px;height:17px;flex:none;color:#4FD0F5}

/* Équilibrage des lignes de titres et chapôs. */
.in > .h2,.in > .lead{text-wrap:balance}

/* ===== Emplacements photo à fournir ===== */
.cc .ph{display:flex;align-items:center;justify-content:center;text-align:center;height:170px;padding:16px;background:repeating-linear-gradient(45deg,#EEF2F9,#EEF2F9 10px,#E4EAF5 10px,#E4EAF5 20px);border-bottom:1px solid var(--brume);color:#5A6A82;font-weight:800;font-size:13.5px;line-height:1.4}

/* ===== Formulaire d'inscription ===== */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.fm-msg{max-width:52ch;margin:0 auto 18px;padding:12px 18px;border-radius:14px;font-weight:700;font-size:14.5px}
.fm-msg--ok{background:rgba(16,185,129,.16);color:#6EE7B7;border:1px solid rgba(16,185,129,.34)}
.fm-msg--ko{background:rgba(248,113,113,.14);color:#FCA5A5;border:1px solid rgba(248,113,113,.34)}
.fm-choix{flex:0 0 100%;width:100%;text-align:center;margin:14px 0 0;font-size:13.5px;font-weight:700;color:#4FD0F5;min-height:1em}
.fm-rgpd{flex:0 0 100%;width:100%;display:flex;gap:9px;align-items:flex-start;justify-content:center;margin:14px 0 0;text-align:left;font-size:13.5px;line-height:1.45;color:var(--sur-nuit-bas)}
.fm-rgpd span{max-width:46ch}
.fm-rgpd input{margin-top:3px;flex:none}