/* The Secret Cars — refonte visuelle, contenu et interactions conservés. */
:root{
 --blanc:#fff;--brume:#f2f5fa;--brume-2:#e8edf5;
 --encre:#101e36;--encre-2:#35435a;--gris:#626f85;--gris-clair:#758198;
 --trait:#dfe5ee;--trait-fort:#ccd5e3;--bleu:#2456f5;--bleu-fonce:#173dc4;
 --bleu-pale:#eaf0ff;--cyan:#477dff;--vert:#149e6a;
 --titre:"Manrope",system-ui,sans-serif;--corps:"Inter",system-ui,sans-serif;
 --marge:clamp(22px,5vw,76px);--rythme:clamp(88px,9vw,144px);--arrondi:20px;
 --ombre:0 6px 24px -16px #12274724;--ombre-forte:0 24px 60px -30px #12274745;
}
html{scroll-padding-top:116px}
body{background:#fff;color:var(--encre);font-size:16px;line-height:1.75}
::selection{background:#c6d6ff;color:#101e36}
h1,h2,h3{font-family:var(--titre);letter-spacing:-.055em;font-weight:700}
h1{line-height:1.04}h2{font-size:clamp(34px,4.1vw,58px);line-height:1.08}
h3{line-height:1.25;letter-spacing:-.035em}
.enveloppe{max-width:1440px}
section{scroll-margin-top:110px}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--bleu)}
.barre{
 position:fixed;top:18px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);
 width:min(1320px,calc(100% - 48px));padding:12px 22px;gap:20px;
 border:1px solid #dfe5eec7;border-radius:16px;
 background:#ffffffef;backdrop-filter:blur(20px);box-shadow:0 8px 28px -18px #15264436;
}
.barre.pose{border-color:#d6deeb;box-shadow:0 8px 30px -16px #15264440}
.logo{gap:10px}.logo-symbole{width:42px;height:42px}.logo-nom{font-size:16px;letter-spacing:-.045em}
.nav{gap:24px}.nav a{font-size:12px;font-weight:500}.nav a:hover{color:var(--bleu)}
.bouton{
 min-height:48px;padding:13px 22px;border-radius:10px;justify-content:center;
 font-size:13px;font-weight:600;line-height:1.5;background:var(--bleu);border-color:var(--bleu);
 box-shadow:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.bouton:hover{box-shadow:0 8px 20px -12px #2456f580;transform:translateY(-2px)}
.bouton--clair{background:#fff;color:var(--encre);border-color:#cdd6e6;box-shadow:none}
.bouton--clair:hover{background:#edf2ff;border-color:#93abed;color:var(--bleu-fonce)}
.nav .bouton{min-height:42px;padding:10px 17px;font-size:12px}
.menu-mobile{border-radius:10px;width:42px;height:42px}
.menu-mobile-panel{top:calc(100% + 12px);right:0;border-radius:14px;padding:8px;box-shadow:var(--ombre-forte)}
.menu-mobile-panel a{font-size:14px;border-radius:8px;padding:13px 16px}
:focus-visible{outline:3px solid #2456f5;outline-offset:4px}
/* Accueil : composition asymétrique et photographie existante. */
.page-accueil .heros{padding:148px 0 64px;background:#f5f7fc;text-align:left;overflow:hidden}
.page-accueil .heros::before{display:none}
.page-accueil .heros>.enveloppe:first-child{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);column-gap:clamp(36px,5vw,76px);
 align-items:start;position:relative;
}
.page-accueil .heros>.enveloppe:first-child>*{grid-column:1;min-width:0}
.page-accueil .heros>.enveloppe:first-child::after{
 content:"";grid-column:2;grid-row:1 / span 6;align-self:stretch;min-height:640px;
 border-radius:24px;background:#b1c8dc url("hero-car-gps.png") 68% center/cover no-repeat;
 box-shadow:0 20px 48px -32px #172c5550;
}
.page-accueil .heros .eyebrow{grid-row:1;margin:0;align-self:center}
.page-accueil .implantation{grid-row:2;justify-self:start;margin:20px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:12px;gap:8px}
.page-accueil .implantation i{background:var(--bleu)}
.page-accueil .heros h1{grid-row:3;max-width:none;margin:22px 0 0;font-size:clamp(46px,5.2vw,76px);font-weight:700;letter-spacing:-.065em}
.page-accueil .heros h1 .degrade{display:block;background:none;color:var(--bleu);-webkit-text-fill-color:var(--bleu)}
.page-accueil .heros-intro{grid-row:4;max-width:53ch;margin:25px 0 0;font-size:15px;line-height:1.8;color:#5e6b82}
.page-accueil .heros-actions{grid-row:5;justify-content:flex-start;gap:10px;margin-top:28px}
.page-accueil .heros-note{grid-row:6;margin:18px 0 0;font-size:11px;line-height:1.7;color:#6c7890}
.page-accueil .heros>.enveloppe:nth-child(2){margin-top:76px!important}
.console{grid-template-columns:minmax(0,1fr) 300px;gap:12px;padding:12px;background:#101e36;border:1px solid #21314d;border-radius:22px;box-shadow:0 22px 48px -28px #12274755}
.carte-cadre{border:0;border-radius:12px;min-height:590px;box-shadow:none;background:#f2f4f6}
.panneau{
 --blanc:#13233e;--brume:#1b2e4d;--brume-2:#283b59;--encre:#f4f7ff;--gris:#b6c3d8;
 --gris-clair:#a0b0c9;--trait:#2b3b56;--trait-fort:#445774;--bleu:#89afff;--bleu-pale:#213d68;
 border:0;border-radius:12px;box-shadow:none;background:var(--blanc);color:var(--encre);
}
.panneau-tete{padding:20px 18px;gap:8px}.panneau-tete h3{font-size:23px}.panneau-tete p{font-size:11px}
.statut{font-size:10px;gap:5px;padding:6px 8px;color:#74e5b5;background:#143c35;border-color:#24604c}
.statut.arret{color:#c4d0e4;background:#253650;border-color:#405474}
.statut.off{color:#ffaeaa;background:#4a2937;border-color:#75404a}
.vitesse-bloc{padding:22px 18px}.vitesse-etiq{font-size:9px;letter-spacing:.1em}.vitesse-valeur b{font-size:66px;font-weight:600;color:#f4f7ff}
.barre-vitesse{height:4px}.barre-vitesse i{background:#7ba7ff}
.mesures{margin:0}.mesure{padding:14px 16px}.mesure dt{font-size:9px;letter-spacing:.045em;margin-bottom:7px}.mesure dd{font-size:17px}.mesure dd.coord{font-size:12px}
.autres{margin-top:0}.autres-titre{font-size:9px;letter-spacing:.09em;padding:14px 18px 10px}
.vehicule{padding:10px 18px}.vehicule-nom{font-size:13px}.vehicule-duree{font-size:9px}
.puce{font-size:10px;padding:8px 11px;border-radius:8px}.carte-haut{top:16px;left:16px;right:16px}
.garanties{max-width:1440px;margin:0 auto;padding:0 var(--marge);gap:0;background:#fff;border:0}
.garantie{padding:30px 24px;background:#fff;border-bottom:1px solid var(--trait);border-right:1px solid var(--trait)}
.garantie:first-child{padding-left:0}.garantie:last-child{border-right:0;padding-right:0}
.garantie svg{width:21px;height:21px}.garantie b{font-size:13px;font-weight:700}.garantie span{font-size:12px;line-height:1.65}
/* Titres et gammes : hiérarchie éditoriale, photographies intactes. */
.tete{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(38px,7vw,100px);row-gap:16px;margin-bottom:48px}
.tete>.eyebrow{grid-column:1;grid-row:1;margin:0}
.tete>h2{grid-column:1;grid-row:2 / span 2;margin:0;max-width:13ch}
.tete>p:not(.eyebrow){grid-column:2;grid-row:2;margin:0;max-width:56ch;font-size:15px;line-height:1.85;align-self:start}
.tete>.bouton-video{grid-column:2;grid-row:3;justify-self:start;align-self:start;margin:4px 0 0}
.echelle{padding:30px 34px;background:#edf2fd;border:0;border-radius:18px;box-shadow:none}
.echelle-axe{font-size:10px;color:#697995;border-color:#cfdaf0}
.rangee{grid-template-columns:200px minmax(0,1fr);padding:20px 0;border-color:#d8e1f1}
.rangee-nom{font-size:23px;font-weight:700}.rangee-nom span{font-size:11px;color:#63738e}
.jauge{height:40px;border-radius:6px;background:#dee7f8}.jauge-remplissage{border-radius:6px;background:var(--bleu)}
.jauge-valeur{right:8px;padding:5px 9px;border-radius:5px;background:#ffffffed;font-size:10px;color:#193456}
.echelle-note{font-size:12px;color:#63738e;margin-top:18px}
.produits-aimantes{gap:22px;margin-top:28px}
.produit-carte{border:1px solid #e2e7ef;border-radius:18px;box-shadow:none}
.produit-carte:hover{transform:translateY(-5px);border-color:#b1c3ef;box-shadow:0 18px 35px -25px #1d40815c}
.produit-visuel{aspect-ratio:1.13;background:#f2f4f8;border:0}
.produit-visuel img{padding:28px;object-fit:contain}
.produit-carte-corps{padding:24px;gap:18px}.produit-entete h3{font-size:30px;font-weight:700;margin:0}
.produit-galerie{gap:8px}.produit-miniature{width:48px;height:40px;border-radius:7px;background:#f5f7fb}
.produit-miniature[aria-pressed="true"]{box-shadow:0 0 0 2px #2456f514}
.bande{background:#f2f5fa}
.gamme{gap:22px}.fiche{padding:24px;border:1px solid #e0e6ef;border-radius:18px;box-shadow:none;gap:18px}
.fiche:hover{box-shadow:0 18px 35px -25px #1d40815c}
.fiche-visuel{aspect-ratio:1.42;border:0;border-radius:10px;background:#f2f4f8;margin:0}
.fiche-visuel img{padding:24px}.fiche h3{font-size:23px}.fiche p{font-size:13px;line-height:1.85}
.fiche .ref{align-self:flex-start;padding:5px 8px;background:#edf2ff;border-radius:5px;font-size:9px;letter-spacing:.08em}
.fiche ul{gap:11px;font-size:12px;line-height:1.8}.fiche li svg{width:15px;height:15px;stroke:var(--bleu)}
.fiche .bouton-video{width:100%;font-size:11px;gap:7px;padding:12px 10px;min-height:44px}
.fiche .marque{font-size:11px;line-height:1.8;padding-top:20px}.marque strong{font-size:11px;color:var(--bleu)}
/* L'application : une section bleu nuit, distincte des produits. */
.page-accueil #appli{background:#101e36;color:#f5f7ff}
.page-accueil #appli .tete--centre{display:block;max-width:760px;text-align:center;margin:0 auto 54px}
.page-accueil #appli .tete .eyebrow{color:#8eafff}
.page-accueil #appli .tete h2{max-width:none;margin:18px 0 22px}
.page-accueil #appli .tete p:not(.eyebrow){max-width:61ch;margin:0 auto;color:#adbbd2;font-size:15px}
.fonctions{gap:0;border-top:1px solid #34415a;border-left:1px solid #34415a}
.fonction{background:none;border:0;border-right:1px solid #34415a;border-bottom:1px solid #34415a;border-radius:0;padding:34px 30px}
.fonction:hover{border-color:#34415a;box-shadow:none;background:#152741}
.fonction h3{font-size:21px;font-weight:600}.fonction p{color:#b7c3d7;font-size:13px;line-height:1.9;margin-top:12px}
.picto{background:#20395c;border:1px solid #355480;border-radius:10px;width:44px;height:44px;margin-bottom:23px}.picto svg{stroke:#9dbbff}
.partage{gap:20px;margin-top:24px}.partage>div{background:#182b46;border:1px solid #30415d;border-radius:12px;padding:30px}
.partage h3{font-size:21px;font-weight:600}.partage p{color:#b7c3d7;font-size:13px;line-height:1.9;margin-top:12px}
/* Carte SIM : le tarif et ses modalités dans une composition à deux colonnes. */
.page-accueil #sim>.enveloppe{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,7vw,100px);align-items:center}
.page-accueil #sim .tete{display:block;margin:0}.page-accueil #sim .tete h2{max-width:none;margin-top:18px}.page-accueil #sim .tete p:not(.eyebrow){margin-top:24px}
.sim--renouvellement{max-width:none}.sim--renouvellement .sim-renouvellement{border:0;border-radius:20px;padding:40px;background:#2456f5;box-shadow:none}
.sim-renouvellement::before{width:300px;height:300px;right:-130px;top:-150px;background:none;border:1px solid #ffffff38}
.sim-renouvellement::after{border-color:#ffffff29}
.sim-renouvellement h3{font-size:29px;font-weight:600;margin-top:0}.sim-renouvellement>p{font-size:13px;line-height:1.9;color:#e0e8ff;margin-top:22px}
.sim-renouvellement .renouvellement-prix{font-size:72px!important;letter-spacing:-.06em;line-height:1.15;margin-top:28px;font-weight:600}
.renouvellement-prix span{font-size:13px}.sim ul{font-size:12px;line-height:1.8;margin-top:22px}.sim li{gap:9px}
.sim-renouvellement .bouton--clair{font-size:12px;max-width:100%;padding:13px 18px}
/* FAQ : lisibilité et ouverture native conservées. */
.faq-grille{grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,100px)}
.faq-intro{top:126px}.faq-intro h2{max-width:12ch;margin-top:20px}.faq-intro p{font-size:14px;line-height:1.9;color:#627089}
.faq-liste{border:0}.faq-item{border:1px solid #e0e6ef;border-radius:12px;background:#f6f8fc;margin-bottom:12px;overflow:hidden}
.faq-item[open]{border-color:#bccdf7;background:#fff}.faq-item summary{padding:22px;font-size:14px;line-height:1.6;font-weight:600;letter-spacing:-.02em;gap:20px}
.faq-signe{width:26px;height:26px;border-color:#cdd7e9;background:#fff}.faq-reponse{padding:0 22px 24px;font-size:13px;line-height:1.9;max-width:none;color:#627089}
/* Contact : les canaux et les coordonnées d'origine. */
.page-accueil #contact{padding-top:0}
.contact{display:grid;grid-template-columns:1.1fr .9fr;column-gap:64px;align-items:start;text-align:left;padding:clamp(32px,5vw,70px);background:#101e36;border:0;border-radius:22px;color:#fff}
.contact::before{display:none}.contact>.eyebrow{grid-column:1;grid-row:1;margin:0;max-width:none;color:#96b4ff;font-size:10px}
.contact>h2{grid-column:1;grid-row:2;font-size:clamp(33px,3.8vw,52px);margin-top:20px!important}
.contact>p:not(.eyebrow){grid-column:1;grid-row:3;max-width:48ch;margin:24px 0 0;color:#b8c6dc;font-size:13px;line-height:1.9}
.canaux{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-columns:1fr;gap:12px;margin:0;align-self:center}
.canal{padding:18px 20px;gap:14px;border-radius:10px;background:#182b47;border:1px solid #344964;color:#fff;box-shadow:none;font-size:12px}
.canal span{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.canal b{font-size:10px;font-weight:400;color:#b9c9e2}
.canal svg{width:19px;height:19px;color:#9ebaff}.canal--plein{background:#2456f5;border-color:#2456f5}.canal--plein b,.canal--plein svg{color:#fff}
.canal:hover{border-color:#8ea8d4;background:#203955;box-shadow:none}.canal--plein:hover{background:#1b47d8;border-color:#1b47d8}
.page-accueil footer.enveloppe{padding:32px var(--marge) 36px;border:0;gap:24px;color:#758198;font-size:11px}
footer nav{gap:18px;font-size:11px}
/* La page vidéo partage la même identité et conserve ses trois lecteurs. */
.page-videos{background:#f3f6fb}
.page-videos .retour{border-radius:9px;font-size:12px;padding:10px 16px;background:#f6f8fc;border-color:#dce3ef}
.page-videos .hero{padding:162px 0 64px;text-align:left;overflow:visible}
.page-videos .hero::before{display:none}
.page-videos .hero>.enveloppe{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px;align-items:end}
.page-videos .hero .eyebrow{grid-column:1 / -1;margin:0}
.page-videos .hero h1{max-width:15ch;margin:24px 0 0;font-size:clamp(44px,5.4vw,76px);font-weight:700;letter-spacing:-.065em}
.page-videos .hero h1 span{background:none;color:var(--bleu);-webkit-text-fill-color:var(--bleu)}
.page-videos .hero p:last-child{margin:0 0 8px;max-width:40ch;font-size:15px;line-height:1.9;color:#627089}
.page-videos .videos{padding-bottom:90px}.video-liste{gap:28px}
.page-videos .video-carte{grid-template-columns:1.2fr .8fr;border:1px solid #dfe6f0;border-radius:20px;box-shadow:none;background:#fff;scroll-margin-top:120px}
.page-videos .video-apercu{height:440px;min-height:0;background:#111b2e}.page-videos .video-apercu video{height:100%;min-height:0;background:#111b2e;object-fit:contain}
.page-videos .video-infos{padding:42px;background:#fff}
.page-videos .video-infos .type{font-size:10px;letter-spacing:.12em}
.page-videos .video-infos h2{font-size:36px;line-height:1.15;margin-top:18px}
.page-videos .video-infos p{font-size:14px;line-height:1.9;color:#627089;margin-top:20px}
.page-videos .video-carte:nth-child(even){grid-template-columns:.8fr 1.2fr}
.page-videos .video-carte:nth-child(even) .video-apercu{order:2}.page-videos .video-carte:nth-child(even) .video-infos{order:1}
.page-videos .etat{font-size:11px;border-radius:6px;padding:7px 10px;margin-top:25px}
.page-videos .aide{border:0;border-radius:12px;background:#e8edf7;padding:24px 28px;font-size:12px;line-height:1.9;margin-top:30px}
.page-videos footer{display:block;background:#fff;border-color:#dfe6f0;padding:28px var(--marge);font-size:11px;color:#758198}
@media(min-width:1441px){.page-accueil .heros h1{font-size:76px}}
@media(max-width:1200px){
 .barre{gap:14px;padding:12px 18px}.nav{gap:17px}.nav a{font-size:11px}.logo-nom{font-size:14px}
 .page-accueil .heros h1{font-size:clamp(46px,5.1vw,64px)}
 .page-accueil .heros>.enveloppe:first-child::after{min-height:600px}
 .console{grid-template-columns:minmax(0,1fr) 285px}.contact{column-gap:34px}.canal{padding:17px 16px}.canal span{gap:6px}
}
@media(max-width:960px){
 .barre{justify-content:flex-start}.nav{margin-left:auto}.menu-mobile{display:flex;margin-left:0}
 .page-accueil .heros{padding-top:136px}
 .page-accueil .heros>.enveloppe:first-child{grid-template-columns:1fr;column-gap:0}
 .page-accueil .heros>.enveloppe:first-child::after{grid-column:1;grid-row:7;min-height:0;height:390px;margin-top:34px;background-position:center 60%;border-radius:18px}
 .page-accueil .heros h1{font-size:clamp(48px,7.8vw,70px);max-width:18ch}.page-accueil .heros-intro{max-width:65ch}
 .page-accueil .heros>.enveloppe:nth-child(2){margin-top:44px!important}
 .console{grid-template-columns:minmax(0,1fr) 285px}.carte-cadre{min-height:590px}
 .garanties{grid-template-columns:repeat(2,minmax(0,1fr))}.garantie{padding:24px}.garantie:nth-child(odd){padding-left:0}.garantie:nth-child(even){border-right:0;padding-right:0}
 .produits-aimantes,.gamme{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.produit-visuel img{padding:14px}.produit-carte-corps{padding:20px}.fiche{padding:18px}.fiche h3{font-size:20px}.fiche-visuel img{padding:14px}.fiche .bouton-video{font-size:10px}
 .page-accueil #sim>.enveloppe{gap:32px;grid-template-columns:1fr 1.1fr}.sim--renouvellement .sim-renouvellement{padding:30px}.sim-renouvellement h3{font-size:25px}
 .page-videos .hero>.enveloppe{column-gap:40px}.page-videos .video-infos{padding:30px}.page-videos .video-infos h2{font-size:29px}
}
@media(max-width:760px){
 :root{--rythme:80px}html{scroll-padding-top:104px}section{scroll-margin-top:100px}
 .barre{top:12px;width:calc(100% - 32px);padding:10px 12px;border-radius:13px;gap:10px}
 .logo-symbole{width:35px;height:35px}.logo-nom{font-size:14px}.logo{gap:7px}.nav .bouton{min-height:40px;padding:9px 12px;font-size:11px}.menu-mobile{width:40px;height:40px;flex-shrink:0}
 .menu-mobile-panel{width:min(310px,calc(100vw - 32px));right:0}
 .page-accueil .heros{padding:126px 0 40px}.page-accueil .heros h1{font-size:clamp(43px,7.8vw,58px);max-width:18ch;letter-spacing:-.06em;margin-top:20px}
 .page-accueil .heros .eyebrow{font-size:9px;letter-spacing:.09em}.page-accueil .implantation{margin-top:15px;font-size:11px}
 .page-accueil .heros-intro{font-size:14px;line-height:1.9;margin-top:23px}.page-accueil .heros-actions{margin-top:25px}.page-accueil .heros-note{font-size:10px;max-width:45ch}
 .page-accueil .heros>.enveloppe:first-child::after{height:310px;margin-top:30px;background-position:62% 58%;border-radius:14px}
 .bouton{font-size:12px;min-height:46px;padding:12px 18px}
 .console{grid-template-columns:minmax(0,1fr);padding:8px;gap:8px;border-radius:17px}.carte-cadre{min-height:370px;border-radius:10px}
 .panneau{border-radius:10px}.panneau-tete{padding:19px}.panneau-tete h3{font-size:24px}.panneau-tete p{font-size:12px}.statut{font-size:11px;padding:7px 10px}
 .vitesse-bloc{padding:22px 19px}.vitesse-valeur b{font-size:62px}.vitesse-etiq{font-size:10px}.barre-vitesse{margin-top:16px}
 .mesures{grid-template-columns:repeat(3,minmax(0,1fr))}.mesure{padding:15px 12px}.mesure dt{font-size:8px;letter-spacing:0;min-height:24px;line-height:1.5;margin-bottom:5px}.mesure dd{font-size:15px}.mesure dd.coord{font-size:11px}
 .autres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.autres-titre{grid-column:1 / -1;padding:15px 18px 12px}.vehicule{padding:13px 16px;border-right:1px solid var(--trait)}.vehicule-nom{font-size:12px}.vehicule-duree{font-size:9px}
 .carte-haut{top:12px;left:12px;right:12px}.puce{font-size:9px;padding:7px 9px}.attribution{font-size:8px;max-width:140px;text-align:right}.echelle-carte{left:12px;bottom:14px}
 .garantie{padding:22px 14px;gap:10px}.garantie b{font-size:12px}.garantie span{font-size:11px}.garantie svg{width:18px;height:18px}
 .tete{display:block;margin-bottom:32px}.tete>h2{max-width:none;margin:17px 0 20px}.tete>p:not(.eyebrow){font-size:14px;line-height:1.9}.tete>.bouton-video{margin-top:22px;font-size:11px}
 h2{font-size:clamp(33px,6vw,44px)}
 .echelle{padding:24px 20px;border-radius:14px}.rangee{grid-template-columns:130px minmax(0,1fr);gap:14px;padding:18px 0}.rangee-nom{font-size:21px}.rangee-nom span{font-size:10px}.echelle-note{font-size:11px;line-height:1.9}
 .jauge-valeur{font-size:8px;right:5px;padding:5px 6px}.echelle-axe{font-size:9px}
 .produits-aimantes,.gamme{grid-template-columns:1fr;gap:20px}.produit-visuel{aspect-ratio:1.35}.produit-visuel img{padding:30px;max-height:400px}.produit-carte-corps{padding:24px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.produit-entete h3{font-size:27px}.produit-miniature{width:43px;height:37px}
 .fiche{padding:24px;gap:18px}.fiche h3{font-size:25px}.fiche p,.fiche ul{font-size:13px}.fiche-visuel{aspect-ratio:1.7}.fiche-visuel img{padding:22px}.fiche .bouton-video{width:auto;font-size:11px;padding:12px 15px}.fiche .marque,.marque strong{font-size:12px}
 .page-accueil #appli .tete--centre{max-width:none;margin-bottom:34px;text-align:left}.page-accueil #appli .tete h2{font-size:clamp(33px,6vw,44px);margin:18px 0 22px}.page-accueil #appli .tete p:not(.eyebrow){font-size:14px;line-height:1.9}
 .fonctions{grid-template-columns:repeat(2,minmax(0,1fr))}.fonction{padding:27px 22px}.fonction h3{font-size:21px}.fonction p{font-size:12px}.picto{margin-bottom:20px}
 .partage{grid-template-columns:1fr;gap:16px;margin-top:22px}.partage>div{padding:27px}.partage h3{font-size:21px}.partage p{font-size:13px}
 .page-accueil #sim>.enveloppe{grid-template-columns:1fr;gap:34px}.page-accueil #sim .tete p:not(.eyebrow){font-size:14px}.sim--renouvellement .sim-renouvellement{padding:30px;border-radius:16px}.sim-renouvellement h3{font-size:28px}.sim-renouvellement .renouvellement-prix{font-size:68px!important}
 .faq-grille{grid-template-columns:1fr;gap:32px}.faq-intro{position:static}.faq-intro h2{max-width:none;margin-top:17px}.faq-intro p{max-width:none;font-size:14px}.faq-item summary{padding:20px;font-size:13px;gap:15px}.faq-reponse{font-size:13px;padding:0 20px 22px}
 .contact{grid-template-columns:1fr;padding:32px 26px;border-radius:17px;gap:0}.contact>.eyebrow{font-size:10px}.contact>h2{font-size:39px;margin-top:20px!important}.contact>p:not(.eyebrow){font-size:13px;margin-top:22px}.canaux{grid-column:1;grid-row:4;margin-top:30px;width:100%}.canal{padding:17px;font-size:12px}.canal b{font-size:10px}
 .page-accueil footer.enveloppe{padding-top:30px;padding-bottom:30px;font-size:10px;line-height:1.8;display:block}footer nav{gap:10px 18px;font-size:10px;margin-top:17px}
 .page-videos .hero{padding:133px 0 42px}.page-videos .hero>.enveloppe{display:block}.page-videos .hero h1{font-size:clamp(40px,7.8vw,58px);max-width:16ch;margin-top:20px}.page-videos .hero p:last-child{font-size:14px;max-width:none;margin-top:24px;line-height:1.9}
 .page-videos .retour{padding:9px 12px;font-size:11px}.page-videos .video-carte,.page-videos .video-carte:nth-child(even){grid-template-columns:1fr;border-radius:16px}.page-videos .video-carte:nth-child(even) .video-apercu{order:0}.page-videos .video-carte:nth-child(even) .video-infos{order:0}
 .page-videos .video-apercu{height:340px;min-height:0}.page-videos .video-apercu video{height:100%;min-height:0;max-height:none}.page-videos .video-infos{padding:29px}.page-videos .video-infos h2{font-size:29px}.page-videos .video-infos p{font-size:13px}.page-videos .aide{padding:23px;font-size:12px}.page-videos .videos{padding-bottom:70px}
}
@media(max-width:480px){
 .page-accueil .heros h1{font-size:43px}.page-accueil .heros>.enveloppe:first-child::after{height:280px}
 .rangee{grid-template-columns:1fr;gap:10px}.rangee-nom{display:flex;align-items:baseline;gap:10px}.rangee-nom span{margin:0}.jauge-valeur{font-size:10px}.jauge{height:36px}
 .produit-carte-corps{flex-direction:column;align-items:flex-start;gap:18px}.produit-miniature{width:48px;height:40px}.fonctions{grid-template-columns:1fr}.fonction{padding:28px}.fonction p{font-size:13px}
 .canal span{display:block}.canal b{display:block;margin-top:2px}.contact>h2{font-size:35px}
 .page-videos .video-apercu{height:300px}.page-videos .video-apercu video{min-height:0}.page-videos .logo-nom{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important}
 .anim,.rev{opacity:1;transform:none}
}