/* Convoseal : feuille de style unique. Aucune ressource tierce. */
@font-face{font-family:"Schibsted Grotesk";src:url("fonts/SchibstedGrotesk.ttf?v=6ceeadf6") format("truetype");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/HankenGrotesk.ttf?v=813b3f8f") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/JetBrainsMono.ttf?v=48715a42") format("truetype");font-weight:100 800;font-style:normal;font-display:swap}

:root{
  --ink:#0E1A33;--ink-deep:#091226;--ink-elev:#18264A;--ground:#F5F6F9;--surface:#FFFFFF;--muted:#ECEEF4;
  --text:#0E1A33;--text2:#4F5A70;--action:#2F4FE6;--action-top:#4B67F5;--link:#2640C8;
  --gold:#F2B544;--gold-soft:#FBF1DA;--gold-text:#765211;--line:rgba(14,26,51,.10);
  --shadow:0 1px 2px rgba(14,26,51,.04),0 10px 30px rgba(14,26,51,.06);
  --shadow-raised:0 2px 6px rgba(14,26,51,.08),0 24px 60px rgba(14,26,51,.16);
  --head:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r:22px;
}
@media (prefers-color-scheme:dark){
  :root{--ink:#0E1A33;--ink-deep:#070E1E;--ink-elev:#16213D;--ground:#080D1A;--surface:#0F1830;--muted:#17213A;
    --text:#F3F5FA;--text2:#A3ADC2;--link:#9DB0FF;--gold-soft:#2A2414;--gold-text:#F2C46A;
    --line:rgba(255,255,255,.09);--shadow:inset 0 0 0 1px rgba(255,255,255,.06);--shadow-raised:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.4)}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important;animation:none !important}}
body{margin:0;background:var(--ground);color:var(--text);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:.15em}
a:focus-visible,button:focus-visible,summary:focus-visible,.gallery:focus-visible{outline:3px solid var(--action-top);outline-offset:3px;border-radius:8px}
h1,h2,h3{font-family:var(--head);letter-spacing:-.015em;line-height:1.1;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.4rem,7vw,4.4rem);font-weight:750}
h2{font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:700}
h3{font-size:1.2rem;font-weight:650;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:780px}
.center{text-align:center}
.center .kicker{margin-left:auto;margin-right:auto}
.skip{position:absolute;left:12px;top:-60px;background:var(--action);color:#fff;padding:10px 16px;border-radius:10px;z-index:100}
.skip:focus{top:12px}
section{padding:72px 0}
.section-alt{background:var(--surface)}
.section-ink{background:var(--ink);color:#fff}
.kicker{max-width:40em;color:var(--text2);font-size:1.15rem}
.s-head{max-width:46em;margin-bottom:36px}
.s-head .kicker{margin:0}
.fine{font-size:.9rem;color:var(--text2)}
.eyebrow{font:600 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:14px;font:600 1.05rem var(--body);text-decoration:none;border:0;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--action-top),var(--action));box-shadow:0 8px 24px rgba(47,79,230,.32)}
.btn:hover{filter:brightness(1.07)}
.btn.sec{background:var(--muted);color:var(--link);box-shadow:none}
.btn.store{background:#000;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.35);min-height:56px;padding:0 28px;border-radius:14px}
.store-badge{display:inline-block;line-height:0;padding:12px}
.store-badge.hdr{display:none;padding:0;border-radius:8px}
.mstore{padding:10px 8px 4px;border-top:1px solid rgba(255,255,255,.15);margin-top:6px}
.mstore .store-badge{padding:10px 0}
.store-badge img{height:48px;width:auto;display:block}
.cta-row{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:28px 0 0}
.cta-row.mid{justify-content:center}
.hero-note{color:#B8C2DC;font-size:.95rem;margin:0}

/* En-tête collant translucide */
.site-header{position:sticky;top:0;z-index:50;background:rgba(14,26,51,.94);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.site-header .wrap{max-width:1280px}
.bar{display:flex;align-items:center;gap:16px;min-height:72px}
.brand{flex:none;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:750 1.35rem var(--head);letter-spacing:-.015em}
.brand img{width:44px;height:44px;border-radius:11px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.primary{display:none;margin-left:auto;gap:4px}
.primary a,.mnav nav a{white-space:nowrap;color:#DCE2F3;text-decoration:none;font-size:.97rem;font-weight:500;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:10px}
.primary a:hover,.mnav nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.bar-end{display:flex;align-items:center;gap:10px;margin-left:auto}
.langmenu,.mnav{position:relative;background:none;box-shadow:none;margin:0;border-radius:0}
.langmenu summary,.mnav summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:4px 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#E4E8F5;font-size:.92rem;font-weight:650;cursor:pointer;letter-spacing:.04em}
.langmenu summary::after{content:"\25BE";font:inherit;color:#E4E8F5}
.mnav summary::after{content:none}
.langmenu summary:hover,.mnav summary:hover{border-color:#fff;color:#fff}
.langmenu ul{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;list-style:none;margin:0;padding:6px;background:var(--ink-elev);border:1px solid rgba(255,255,255,.18);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.langmenu li a{display:flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:10px;color:#E4E8F5;text-decoration:none}
.langmenu li a:hover{background:rgba(255,255,255,.1);color:#fff}
.langmenu li a[aria-current]{color:var(--gold);font-weight:650}
.burger,.burger::before,.burger::after{display:block;width:18px;height:2px;background:#E4E8F5;border-radius:2px;position:relative}
.burger::before,.burger::after{content:"";position:absolute;left:0}
.burger::before{top:-6px}.burger::after{top:6px}
.mnav nav{position:absolute;right:0;top:calc(100% + 8px);width:min(86vw,300px);display:flex;flex-direction:column;padding:8px;background:var(--ink-elev);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.4)}

/* Héros */
.hero{background:radial-gradient(900px 520px at 78% 8%,rgba(47,79,230,.30),transparent 62%),radial-gradient(600px 400px at 8% 0,rgba(242,181,68,.09),transparent 60%),linear-gradient(180deg,var(--ink) 0%,var(--ink-deep) 100%);color:#fff;padding:56px 0 0;overflow:hidden}
.hero-grid{display:grid;gap:40px;align-items:center}
.hero h1{margin-bottom:.4em}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero .lead{font-size:1.2rem;color:#CDD6EE;max-width:33em}
.devices{position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:1100/1309}
.dev-ipad,.dev-phone{position:absolute}
.dev-ipad{right:-4%;top:0;width:96%}
.dev-phone{left:-3%;bottom:-1%;width:43%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.devices img{display:block;width:100%;height:auto}
.dev-ipad img{-webkit-mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.dev-phone img{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}

/* Bandeau de confiance */
.trustbar{padding:0;background:var(--ink-deep);color:#D5DCF0;border-top:1px solid rgba(255,255,255,.08)}
.trustbar ul{list-style:none;margin:0;padding:18px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;font-size:.95rem;font-weight:550}
.trustbar li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:10px;vertical-align:middle}

/* Messageries */
.s-apps{padding:56px 0}
.chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0;margin:26px 0 16px}
.chips li{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-weight:600;font-size:.98rem}

/* Fonctionnalités */
.feats{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow)}
.feat h3{margin:16px 0 .35em}
.feat p{color:var(--text2);margin:0}
.ico{display:block;box-sizing:content-box;padding:12px;border-radius:14px;background:var(--ink);color:var(--gold)}

/* Étapes */
.hsteps{list-style:none;padding:0;margin:0;display:grid;gap:18px;counter-reset:s}
.hsteps li{background:var(--ground);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.step-img{background:linear-gradient(180deg,var(--ink),var(--ink-deep));padding:22px 22px 0;height:290px;overflow:hidden;display:flex;justify-content:center}
.step-img img{width:62%;max-width:190px;height:auto;align-self:flex-start;border-radius:22px 22px 0 0;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 40px rgba(0,0,0,.4)}
.step-txt{padding:22px 24px 26px}
.step-txt h3{margin:10px 0 .35em}
.step-txt p{margin:0;color:var(--text2);font-size:1rem}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#1A1405;font:700 .95rem var(--mono)}

/* Aperçu du dossier */
.split{display:grid;gap:44px;align-items:center}
.ticks{list-style:none;padding:0;margin:24px 0 0}
.ticks li{padding:10px 0 10px 36px;position:relative;font-weight:600;border-bottom:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;background:var(--gold)}
.ticks li::after{content:"";position:absolute;left:7px;top:19px;width:8px;height:4px;border-left:2px solid #1A1405;border-bottom:2px solid #1A1405;transform:rotate(-45deg)}
.pdfs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pdf{margin:0}
.pdf img{display:block;width:100%;border-radius:6px;background:#fff;box-shadow:var(--shadow-raised);border:1px solid var(--line)}
.pdf figcaption{font:500 .85rem var(--mono);color:var(--text2);margin-top:12px;text-align:center}
.pdf.b{margin-top:36px}

/* Galerie */
.gallery{--gp:max(20px,calc((100vw - 1120px)/2));list-style:none;display:flex;gap:18px;overflow-x:auto;margin:32px 0 0;padding:6px var(--gp) 12px;scroll-snap-type:x proximity;scroll-padding:0 var(--gp)}
.gallery li{flex:0 0 auto;width:min(250px,64vw);scroll-snap-align:start}
.gallery img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.section-ink h2{color:#fff}

/* Confidentialité */
.pcards{display:grid;gap:18px}
.pcard{background:var(--ink);color:#fff;border-radius:var(--r);padding:28px;border-top:3px solid var(--gold)}
.pcard p{color:#CDD6EE;margin:0}
.pcard h3{color:#fff}
.more{margin-top:28px}

/* Questions repliées (guides, support) */
details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:10px 0}
.section-alt details{background:var(--ground)}
summary{cursor:pointer;padding:16px 20px;font-weight:650;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:500 1.5rem var(--mono);color:var(--gold-text);line-height:1;flex:none}
details[open] summary::after{content:"\2212"}
details .ans{padding:0 20px 18px;color:var(--text2)}
details .ans p:last-child{margin-bottom:0}
.langmenu summary,.mnav summary{background:none}

/* Guides en cartes */
.gcards{display:grid;gap:16px;margin-top:24px}
.gcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;color:var(--text);text-decoration:none;transition:transform .2s,border-color .2s}
.gcard:hover{border-color:var(--action-top);transform:translateY(-2px)}
.gcard h2,.gcard h3{font-size:1.2rem;margin:0 0 .4em;color:var(--text)}
.doc .gcard h2{margin-top:0}
.gcard p{margin:0;color:var(--text2)}
#guides .wrap>p:last-child{margin-top:28px}

/* Appel final */
.cta-final{text-align:center;background:radial-gradient(700px 360px at 50% 0,rgba(47,79,230,.35),transparent 70%),var(--ink);color:#fff}
.cta-final h2{color:#fff}
.cta-final .kicker{margin:0 auto;color:#CDD6EE}

/* Pages de texte */
.doc{padding:56px 0 72px}
.doc h1{font-size:clamp(2rem,5vw,3rem)}
.doc h2{font-size:1.5rem;margin-top:2em}
.doc h3{margin-top:1.4em}
.doc ul,.doc ol{padding-left:1.3em}
.doc li{margin-bottom:.4em}
.updated{font-family:var(--mono);font-size:.9rem;color:var(--text2)}
.callout{background:var(--gold-soft);color:var(--text);border-radius:16px;padding:16px 20px;margin:20px 0;border-left:4px solid var(--gold)}
.dark-callout{background:var(--ink);color:#fff;border-radius:16px;padding:16px 20px;margin:20px 0}
code,.mono{font-family:var(--mono);font-size:.92em}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.crumbs{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:.92rem;color:var(--text2);margin-bottom:18px}
.crumbs a{color:var(--link)}
.doc .steps{counter-reset:s;list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.doc .steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px 20px 70px;position:relative;margin:0}
.doc .steps li::before{content:counter(s);position:absolute;left:20px;top:18px;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#1A1405;display:grid;place-items:center;font:700 .95rem var(--mono)}
.doc .steps strong{display:block;font:650 1.12rem var(--head);margin-bottom:2px}
.guide-shots{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0}
.guide-shots figure{margin:0;width:min(60%,240px)}
.guide-shots figcaption{font-size:.9rem;color:var(--text2);margin-top:8px}
.phone{margin:0;border-radius:26px;overflow:hidden;box-shadow:var(--shadow-raised);background:var(--surface);border:1px solid var(--line)}
.phone img{display:block;width:100%}
.dark-callout.cta{border-radius:var(--r);padding:26px 28px;margin:40px 0 8px;border-top:3px solid var(--gold)}
.dark-callout.cta h2{color:#fff;margin:0 0 .4em;font-size:1.4rem}
.dark-callout.cta p{color:#CDD6EE}
.dark-callout.cta p:last-child{margin-bottom:0}
.related{margin-bottom:1.4em}

/* Pied de page */
.site-footer{background:var(--ink-deep);color:#B8C2DC;padding:56px 0 40px;font-size:.93rem;border-top:1px solid rgba(255,255,255,.08)}
.site-footer a{color:#fff;text-underline-offset:.2em}
.foot-top{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-tag{margin:10px 0 0;color:#B8C2DC}
.foot-cols{display:grid;gap:8px 40px;margin:28px 0}
.foot-cols h2{font:650 .8rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin:14px 0 6px}
.foot-cols ul{list-style:none;padding:0;margin:0}
.foot-cols li a{display:inline-block;padding:9px 0;min-height:44px;text-decoration:none}
.foot-cols li a:hover{text-decoration:underline}
.legal,.tm{max-width:64em;opacity:.9}

@media (min-width:720px){
  .feats{grid-template-columns:repeat(2,1fr)}
  .hsteps{grid-template-columns:repeat(2,1fr)}
  .pcards{grid-template-columns:repeat(3,1fr)}
  .gcards{grid-template-columns:repeat(2,1fr)}
  .foot-cols{grid-template-columns:1.6fr 1fr 1fr}
}
@media (min-width:900px){
  .store-badge.hdr{display:inline-block}
  section{padding:92px 0}
  .s-apps{padding:72px 0}
  .hero{padding-top:72px}
  .hero-grid{grid-template-columns:.9fr 1.1fr;gap:32px}
  .devices{max-width:none}
  .split{grid-template-columns:1fr 1fr;gap:72px}
    .feats{grid-template-columns:repeat(3,1fr)}
  .hsteps{grid-template-columns:repeat(4,1fr)}
  .gcards{grid-template-columns:repeat(3,1fr)}
  .gallery li{width:240px}
}
@media (min-width:1280px){
  .primary{display:flex}
  .bar-end{margin-left:12px}
  .mnav{display:none}
}
@media (max-width:540px){
    .brand{font-size:1.2rem}
}

/* Langues dans le menu mobile ; très petits écrans */
.mlang{display:none;border-top:1px solid rgba(255,255,255,.15);margin-top:6px;padding-top:6px}
@media (max-width:379px){
  .wrap{padding:0 14px}
  .bar{gap:8px;min-height:64px}
  .brand{font-size:1.05rem;gap:8px}
  .brand img{width:36px;height:36px;border-radius:9px}
  .bar-end{gap:6px}
  .bar-end>.langmenu{display:none}
  .mlang{display:block}
  .eyebrow{font-size:.72rem}
  .btn.store{padding:0 18px}
}
@media (max-width:379px){.gallery{--gp:14px}}