:root{
--paper:#FBFCFD; --ink:#14242C; --mut:#5A7280; --line:#DCE6EA;
--gum:#D2405F; --gum-soft:#FDEEF2;
--cyan:#229DFD; --amber:#B8730F; --jade:#157F63; --violet:#6B4FA8; --azure:#0B6AA8;
--ac:#0A63B8;
}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 "Inter",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}
a{color:#0A63B8}
.hd{background:#fff;border-bottom:1px solid var(--line);padding:16px 24px}
.nv{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lg{font-weight:700;font-size:18px;letter-spacing:-.5px;color:var(--ink);text-decoration:none}
.lg::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--gum);margin-right:9px;vertical-align:middle}
.nv nav a{color:var(--mut);text-decoration:none;font-size:15px;margin-left:18px;padding-bottom:3px;border-bottom:2px solid transparent}
.nv nav a:hover{color:var(--ink);border-bottom-color:var(--gum)}
.wr{max-width:1000px;margin:0 auto;padding:44px 24px 90px}
h1{font-size:40px;line-height:1.12;letter-spacing:-1.2px;margin:0 0 14px;max-width:18ch}
h2{font-size:21px;letter-spacing:-.3px;margin:34px 0 8px}
p{max-width:74ch}
.lead{font-size:20px;line-height:1.5;color:var(--mut);max-width:60ch;margin-bottom:34px}
.kx{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gum);border-radius:0 10px 10px 0;padding:18px 22px;margin:30px 0}
.kx p{margin:8px 0;color:var(--mut);font-size:15px}
.kx b{color:var(--ink)}
.fam{font-size:17px;letter-spacing:-.2px;color:var(--ink);margin:46px 0 16px;padding-left:14px;border-left:4px solid var(--fc,var(--mut))}
.ct{color:var(--mut);font-weight:400;font-size:15px;margin-left:8px}
.gr{list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.cd{background:#fff;border:1px solid var(--line);border-top:3px solid var(--fc,var(--mut));border-radius:10px;padding:20px}
.cd h3{font-size:19px;letter-spacing:-.3px;margin:0 0 3px}
.cd h3 a{color:var(--ink);text-decoration:none}
.cd h3 a:hover{color:var(--fc,var(--gum))}
.cd p{font-size:15px;color:var(--ink)}
.vn{color:var(--mut);font-size:14px;margin:0 0 10px}
.bg{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:11px}
.bg-connected{background:var(--cyan);color:#fff}
.bg-assessing{background:#FDF1DC;color:var(--amber)}
.bg-catalogued{background:#EDF2F4;color:var(--mut)}
.cl{font-size:13px;color:var(--mut);border-top:1px solid var(--line);padding-top:9px;margin-top:12px}
.fm-imaging{--fc:var(--gum)} .fm-cbct{--fc:var(--cyan)} .fm-perio{--fc:var(--amber)}
.fm-ortho{--fc:var(--violet)} .fm-prostho{--fc:var(--jade)} .fm-intraoral{--fc:var(--azure)}
.fm-planning{--fc:var(--mut)}
.st{counter-reset:s;list-style:none;padding:0;margin:30px 0}
.st li{counter-increment:s;position:relative;padding:0 0 24px 54px;border-left:2px solid var(--line);margin-left:15px}
.st li:last-child{border-left:0}
.st li::before{content:counter(s);position:absolute;left:-15px;top:0;width:30px;height:30px;border-radius:50%;background:#229DFD;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center}
.st h2{font-size:18px;margin:3px 0 4px}
.st p{margin:0;color:var(--mut);font-size:15px}
.pl{list-style:none;padding:0;margin:14px 0 30px}
.pl li{position:relative;padding:0 0 9px 26px;color:var(--ink);font-size:15px;max-width:74ch}
.pl li::before{content:"";position:absolute;left:3px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--jade)}
.pl.neg li::before{background:none;border:1.5px solid var(--gum);width:9px;height:9px;top:8px;left:2px}
.qa{counter-reset:q;list-style:none;padding:0;margin:30px 0}
.qa li{counter-increment:q;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-bottom:12px}
.qa li h2{font-size:17px;margin:0 0 7px}
.qa li h2::before{content:counter(q);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--gum-soft);color:var(--gum);font-size:13px;font-weight:600;margin-right:10px}
.qa li p{margin:0;color:var(--mut);font-size:15px}
.big{font-size:22px;margin:10px 0 20px}
.ft{margin-top:50px;font-size:13px;color:var(--mut);border-top:1px solid var(--line);padding-top:18px;max-width:80ch}
.ft a{color:var(--mut)}
@media(max-width:600px){h1{font-size:30px}.lead{font-size:18px}.wr{padding:30px 18px 60px}.nv nav a{margin:0 16px 0 0}}
:root{--blue:#229DFD;--blue-deep:#0A63B8;--blue-soft:#E8F4FF}
.lg::before{background:var(--blue)}
.nv nav a:hover{border-bottom-color:var(--blue)}
.kx{border-left-color:var(--blue);background:var(--blue-soft);border-color:#CDE6FF}
.hero{background:var(--blue);color:#fff;margin:-44px -24px 40px;padding:56px 24px 48px}
.hero h1{color:#fff;max-width:20ch;margin-bottom:16px}
.hero .lead{color:#DCEEFF;margin-bottom:0;max-width:56ch}
.st li::before{background:var(--blue)}
.qa li h2::before{background:var(--blue-soft);color:var(--blue-deep)}
.pl li::before{background:var(--blue)}
.pl.neg li::before{background:none;border-color:var(--mut)}
.bg-connected{background:var(--blue)}
.fm-cbct{--fc:var(--blue)}
.big a{color:var(--blue-deep)}
@media(max-width:600px){.hero{margin:-30px -18px 30px;padding:38px 18px 34px}}
body{overflow-x:hidden}
.hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-44px;padding:60px max(24px,calc(50vw - 476px)) 52px}
.gr{align-items:start}
.bg{font-size:11.5px;letter-spacing:.2px}
:root{--fuchsia:#F90060}
.cd h3 a{color:var(--fuchsia);font-weight:700;letter-spacing:-.3px}
.cd h3 a:hover{color:var(--blue-deep)}
.cd h3{margin-bottom:4px}
.wr > h1{color:var(--fuchsia)}
.hero h1{color:#fff}
.fm-imaging{--fc:var(--fuchsia)}
.kx{border-left-color:var(--blue)}
.st li::before,.pl li::before{background:var(--blue)}
.pl.neg li::before{background:none;border-color:var(--mut)}
.qa li h2::before{background:var(--blue-soft);color:var(--blue-deep)}
.lg::before{background:var(--fuchsia)}
.gr{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.gr.sm{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
@media(max-width:760px){.gr,.gr.sm{grid-template-columns:1fr}}
.hero h1{max-width:none;font-size:46px}
.hero .lead{max-width:72ch;font-size:21px}
.hero{padding-top:52px;padding-bottom:46px}
@media(max-width:760px){.hero h1{font-size:30px}.hero .lead{font-size:18px}}
.hero{padding-left:max(24px,calc((100vw - 1000px)/2 + 24px));padding-right:max(24px,calc((100vw - 1000px)/2 + 24px))}
.cta{margin:26px 0 0;font-size:17px}
.cta a{display:inline-block;background:#fff;color:var(--blue-deep);font-weight:700;padding:13px 26px;border-radius:7px;text-decoration:none}
.cta a:hover{background:var(--fuchsia);color:#fff}
.cta span{color:#DCEEFF;margin-left:14px;font-size:15px}
@media(max-width:600px){.cta span{display:block;margin:12px 0 0}}
.wr{max-width:1180px}
.hero{padding-left:max(24px,calc((100vw - 1180px)/2 + 24px));padding-right:max(24px,calc((100vw - 1180px)/2 + 24px))}
.nv{max-width:1180px}
.gr{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.gr.sm{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}
.btn{background:var(--blue);color:#fff;border:0;font:600 16px/1 inherit;padding:14px 26px;border-radius:7px;cursor:pointer}
.btn:hover{background:var(--fuchsia)}
#demoOut h3{font-size:17px;margin:24px 0 8px}
.tw{overflow-x:auto;margin:18px 0 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.grid{border-collapse:collapse;width:100%;font-size:14.5px;min-width:560px}
.grid th,.grid td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line)}
.grid thead th{background:var(--blue-soft);color:var(--ink);font-weight:600;white-space:nowrap}
.grid tbody tr:last-child td{border-bottom:0}
.grid td.yes{color:var(--fuchsia);font-weight:600}
.grid td.no{color:var(--mut)}
details{margin:6px 0 4px;font-size:15px}
details summary{cursor:pointer;color:var(--blue-deep)}
.wr{padding-bottom:40px}
.wr > h2::before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:var(--fuchsia);margin-bottom:12px}
.wr > h2{color:var(--blue-deep)}
.st li:nth-child(4n+1)::before{background:var(--blue)}
.st li:nth-child(4n+2)::before{background:var(--fuchsia)}
.st li:nth-child(4n+3)::before{background:var(--jade)}
.st li:nth-child(4n+4)::before{background:var(--amber)}
.cd{background:color-mix(in srgb,var(--fc,var(--blue)) 6%,#fff);border-top-width:5px}
.qa li{border-left:4px solid var(--blue)}
.qa li:nth-child(3n+2){border-left-color:var(--fuchsia)}
.qa li:nth-child(3n){border-left-color:var(--jade)}
.pl.neg li::before{border-color:var(--fuchsia)}
.sf{background:#0B2A45;color:#B9CCDD;margin-top:50px;padding:52px 24px 30px}
.sf .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}
.sf p{font-size:14.5px;line-height:1.6;max-width:36ch;margin:12px 0 0}
.sf h4{color:#fff;font-size:15px;margin:0 0 12px}
.sf a{display:block;color:#DCE8F2;text-decoration:none;font-size:15px;margin:7px 0}
.sf a:hover{color:#FF5C9A}
.sf .flg{font-weight:700;font-size:19px;color:#fff;margin:0}
.sf .flg::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--fuchsia);margin-right:9px;vertical-align:middle}
.sf .bt{max-width:1180px;margin:34px auto 0;border-top:1px solid rgba(255,255,255,.13);padding-top:18px;font-size:13px;color:#8FA8BD}
@media(max-width:760px){.sf .in{grid-template-columns:1fr 1fr}}
body{background:#EAF3FC}
.wr > h2{color:var(--fuchsia);font-size:31px;letter-spacing:-.7px;margin-top:52px}
.wr > h2::before{background:var(--blue);width:52px;height:5px;margin-bottom:14px}
.kx{background:var(--blue-deep);border:0;border-radius:14px;padding:26px 30px;box-shadow:0 10px 30px rgba(10,99,184,.18)}
.kx p{color:#E1EEFB;font-size:16px;max-width:none}
.kx b{color:#fff}
.kx a{color:#fff;text-decoration:underline}
.kx.warn{background:#D6004F;box-shadow:0 10px 30px rgba(214,0,79,.2)}
.kx.warn p{color:#FFE6EF}
.st li:nth-child(4n+1) h2{color:var(--blue-deep)}
.st li:nth-child(4n+2) h2{color:var(--fuchsia)}
.st li:nth-child(4n+3) h2{color:var(--jade)}
.st li:nth-child(4n+4) h2{color:var(--amber)}
.st h2{font-size:20px}
.st li::before{width:34px;height:34px;left:-17px;font-size:15px}
.btn{background:var(--fuchsia);font-size:17px;padding:16px 32px;box-shadow:0 8px 22px rgba(249,0,96,.28)}
.btn:hover{background:var(--blue-deep)}
.cd,.qa li,.tw{box-shadow:0 4px 16px rgba(20,60,110,.07)}
.pl li{color:var(--ink)}
.dn{font-size:15px;color:var(--mut);margin:6px 0 18px}
.tag{display:inline-block;background:var(--fuchsia);color:#fff;font-weight:700;font-size:12px;padding:3px 10px;border-radius:20px;margin-right:8px;vertical-align:1px}
.hd{background:#0B2A45;border-bottom:0;padding:16px 24px}
.lg{color:#fff}
.lg span{color:#FF3D86}
.nv nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.nv nav a{color:#DCE8F2;font-size:16px;font-weight:600;margin:0;padding:9px 15px;border-radius:8px;border-bottom:0}
.nv nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.nv nav a.on{background:var(--blue);color:#fff}
.nv nav a.cta2{background:var(--fuchsia);color:#fff;margin-left:10px}
.nv nav a.cta2:hover{background:#FF3D86}
@media(max-width:760px){.nv nav a{padding:7px 10px;font-size:15px}.nv nav a.cta2{margin-left:0}}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:44px;align-items:center}
.fig{margin:0;background:#fff;border-radius:16px;padding:14px;box-shadow:0 12px 34px rgba(20,60,110,.12)}
.fig img{width:100%;height:auto;display:block}
.fig figcaption{font-size:13px;color:var(--mut);margin:10px 6px 2px}
@media(max-width:960px){.two{grid-template-columns:1fr}}
.hero.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:52px;align-items:center}
.hero .hi{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 22px 50px rgba(11,42,69,.35)}
@media(max-width:960px){.hero.split{grid-template-columns:1fr}.hero .hi{max-width:560px}}
.lg,.sf .flg{display:inline-flex;align-items:center;gap:10px}
.lg img{height:38px;width:auto}
.sf .flg img{height:46px;width:auto}
.lg::before,.sf .flg::before{display:none}
.lg,.sf .flg{gap:0}
.lg img,.sf .flg img{margin-right:10px}
.two{align-items:start}
.two > p{margin-top:0}
.lg,.sf .flg{gap:0}
.lg img,.sf .flg img{margin-right:10px}
.two{align-items:start}
.two > p{margin-top:0}
.lg,.sf .flg{gap:0}
.lg img,.sf .flg img{margin-right:10px}
.two{align-items:start}
.two > p{margin-top:0}
.sf .flg span{color:#FF3D86}
.grid td.na{color:#9AB0BE;font-style:italic}
.gl{font-size:13px;color:var(--mut);margin:4px 0 14px}
.gl .yes{color:var(--fuchsia);font-weight:600}
.rdr{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0 8px}
.rc{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 4px 16px rgba(20,60,110,.07);border-top:4px solid var(--blue)}
.rc:nth-child(2){border-top-color:var(--fuchsia)}
.rc:nth-child(3){border-top-color:var(--jade)}
.rc b{font-size:16px}
.rc p{font-size:13.5px;margin:9px 0 0;color:var(--ink)}
.rc .k{display:block;font-size:11.5px;color:var(--mut);font-weight:600}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0}
.cols2 .kx{margin:0}
.kx.ok{background:var(--jade);box-shadow:0 10px 30px rgba(21,127,99,.2)}
.kx.ok p{color:#E3F5EE}
a.btn{display:inline-block;color:#fff;text-decoration:none;margin-top:10px}
@media(max-width:760px){.cols2{grid-template-columns:1fr}}
.fig.wide{margin:40px 0 34px;padding:10px}

/* --- section "Same radiograph" (accueil) --- */
.sr{margin:14px 0 40px;padding:28px 26px;background:#fff;border-radius:16px;box-shadow:0 12px 34px rgba(20,60,110,.12)}
.sr h2{margin-top:0}
.sr-sub{font-size:18px;color:var(--ink);margin:4px 0 8px}
.sr-flow{width:100%;height:auto;display:block;margin:10px 0 22px}
.srf-b{fill:var(--blue-soft);stroke:var(--blue);stroke-width:1.5}
.srf-hl{fill:#fff;stroke:var(--fuchsia);stroke-width:2}
.srf-t{font:600 15px/1 inherit;fill:var(--ink);text-anchor:middle}
.srf-l{stroke:var(--mut);stroke-width:1.6;fill:none}
.srf-ah{fill:var(--mut)}
.sr-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.sr-c{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:10px;padding:14px 16px}
.sr-c h3{margin:0 0 8px;font-size:17px}
.sr-c h3 small{display:block;font-weight:400;font-size:13px;color:var(--mut);margin-top:3px}
.sr-c ul{margin:0;padding-left:18px}
.sr-c li{margin:4px 0}
.sr-no{color:var(--mut);font-style:italic}
.sr-diff{margin:20px 0 8px;padding-left:18px}
.sr-diff li{margin:6px 0}
.sr-rule{font-size:17px;margin:14px 0 10px;padding:12px 16px;border-left:4px solid var(--fuchsia);background:var(--blue-soft);border-radius:0 8px 8px 0}
@media (max-width:640px){.sr{padding:20px 16px}.srf-t{font-size:13px}}
.vx{font-size:14px;color:var(--mut);margin:-4px 0 10px;font-weight:600}

/* --- CTA apres la demo, section de conversion, mention prix --- */
.sr-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:18px 0 4px}
.sr-cta span{color:var(--mut);font-size:15px}
.cv{margin:44px 0 30px;padding:34px 30px;border-radius:16px;background:var(--blue-deep);color:#fff;text-align:center}
.cv h2{color:#fff;margin-top:0}
.cv h2::before{display:none}
.cv p{color:#DCEEFF;font-size:17px;max-width:640px;margin:10px auto 18px}
.cta span{display:block;margin:12px 0 0;font-size:16px;font-weight:600;color:#fff}

/* --- bitewing stylise (schema de l accueil) --- */
.bw-film{fill:#10181c}.bw-bone{fill:#27333a}.bw-root{fill:#6f7d84}.bw-dent{fill:#a9b4b9}.bw-enam{fill:#e9eef0}.bw-pulp{fill:#56656c}
.srf-cap{font:12px/1 inherit;fill:var(--mut);text-anchor:middle}

/* --- lien produit SCMDSD dans le pied de page --- */
.sib{grid-column:1/-1;flex:0 0 100%;width:100%;box-sizing:border-box;max-width:1100px;margin:18px auto 0;padding:14px 16px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#B9CCD8;text-align:center}
.sib a{color:#fff;font-weight:600}
.sib-in{display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.sib-in a{color:#fff;font-weight:600}
.sf .sib-in a,.sib-in a{display:inline;margin:0;padding:0}
.sr-c{position:relative}
.sr-c::before{content:"MOCK";position:absolute;top:8px;right:8px;font-size:.68em;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:4px;background:#FFE9A8;color:#6B4E00;border:1px solid #E0B800}