/* Izyos — feuille de style commune (reconstruction de la version test Odoo) */
:root{
  --navy:#002060; --navy-2:#0A3D8F; --sky:#00B0F0; --sky-600:#0090C8; --sky-700:#0077B6;
  --soft:#E6F6FD; --band:#DCF1FC; --ink:#0B1B3A; --slate:#4A5B78; --line:#D6E6F2; --white:#fff;
  --r:20px; --sh:0 18px 40px rgba(0,32,96,.10);
  --mono:Montserrat,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Montserrat,system-ui,sans-serif;color:var(--ink);background:#fff;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--sky-700)}
.w{width:min(1200px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:8px 12px}
h1,h2,h3,h4{margin:0;color:var(--navy);font-weight:800;letter-spacing:-.02em;line-height:1.12}
h1{font-size:clamp(2.4rem,4.2vw,3.5rem)}
h2{font-size:clamp(1.9rem,3vw,2.6rem)}
h3{font-size:clamp(1.2rem,1.6vw,1.4rem)}
h4{font-size:1.15rem}
p{margin:0}
.lead{font-size:1.15rem;color:var(--slate);font-weight:400}
.hl{color:var(--sky)}
.ic{width:24px;height:24px;flex:none}

/* ---------- En-tête : bandeau dégradé bleu ---------- */
.izy-head{position:sticky;top:0;z-index:50;border-bottom:2px solid #fff;
  background:#0A84E0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='120' viewBox='0 0 1600 120' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%230B4FC4'/%3E%3Cstop offset='.55' stop-color='%230A84E0'/%3E%3Cstop offset='1' stop-color='%2318BDF3'/%3E%3C/linearGradient%3E%3Cpattern id='d' width='22' height='22' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.3' fill='%23fff' fill-opacity='.18'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='1600' height='120' fill='url(%23g)'/%3E%3Crect width='1600' height='120' fill='url(%23d)'/%3E%3Cpath d='M0 90 C300 60 500 120 800 88 S1300 50 1600 80' stroke='%23fff' stroke-opacity='.22' stroke-width='2' fill='none'/%3E%3Cpath d='M0 104 C320 80 560 128 860 100 S1340 70 1600 96' stroke='%23fff' stroke-opacity='.14' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/cover no-repeat}
.bar{display:flex;align-items:center;gap:18px;min-height:84px}
.brand{background:#fff;border-radius:14px;padding:8px 14px;display:flex;flex:none}
.brand img{height:44px;width:auto}
.menu{display:flex;align-items:center;gap:14px;flex:1;justify-content:space-between}
.links{list-style:none;margin:0;padding:6px;display:flex;gap:2px;background:#fff;border-radius:999px;box-shadow:0 6px 18px rgba(0,32,96,.15)}
.links>li{position:relative}
.links>li>a,.links>li>button{display:block;padding:9px 14px;border-radius:999px;font:700 .92rem Montserrat,sans-serif;color:var(--navy);text-decoration:none;background:none;border:0;cursor:pointer;white-space:nowrap}
.links>li>a:hover,.links>li>button:hover,.links>li.on>a,.links>li.on>button{background:var(--soft);color:var(--sky-700)}
.caret{font-size:.7em}
.dd ul{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fff;border-radius:14px;box-shadow:var(--sh);border:1px solid var(--line);display:none}
.dd:hover ul,.dd:focus-within ul,.dd.open ul{display:block}
.dd ul::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.dd ul a{display:block;padding:9px 12px;border-radius:10px;color:var(--navy);text-decoration:none;font-weight:600}
.dd ul a:hover,.dd ul a[aria-current]{background:var(--soft);color:var(--sky-700)}
.cta{display:flex;gap:8px;align-items:center}
.help{background:var(--sky);color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;padding:8px 12px;border-radius:999px;white-space:nowrap}
.help:hover{background:var(--sky-600)}
.contact{background:var(--navy);color:#fff;text-decoration:none;font-weight:800;padding:11px 18px;border-radius:999px;white-space:nowrap;border:2px solid #fff}
.contact:hover{background:#00163f}
.burger{display:none;margin-left:auto;background:#fff;border:0;border-radius:12px;width:46px;height:42px;padding:10px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:2px}
@media(max-width:1180px){.help{display:none}}
@media(max-width:991px){
  .burger{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:16px;box-shadow:var(--sh);max-height:calc(100vh - 86px);overflow:auto}
  .menu.open{display:flex}
  .links{flex-direction:column;box-shadow:none;border-radius:0;padding:0}
  .links>li>a,.links>li>button{border-radius:10px;width:100%;text-align:left;font-size:1rem}
  .dd ul{position:static;display:none;box-shadow:none;border:0;padding:0 0 0 12px}
  .dd:hover ul{display:none}.dd.open ul,.dd:focus-within ul{display:block}
  .cta{flex-wrap:wrap}.help{display:inline-block}
  .contact{border-color:var(--navy)}
}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:800;text-decoration:none;border:2px solid transparent;transition:.2s;cursor:pointer;font-family:inherit;font-size:1rem}
.btn-primary{background:var(--sky);color:#fff}.btn-primary:hover{background:var(--sky-600);transform:translateY(-2px)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:#00163f}
.btn-ghost{border-color:currentColor;color:var(--navy);background:transparent}.btn-ghost:hover{background:rgba(0,176,240,.08)}
.dark .btn-ghost{color:#fff}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ---------- Étiquettes (pastilles mono) ---------- */
.eyebrow,.partners-title{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:clamp(1rem,1.45vw,1.2rem);font-weight:700;letter-spacing:.02em;padding:10px 22px;border-radius:999px;color:var(--sky);background:color-mix(in srgb,currentColor 14%,transparent);margin-bottom:18px}
.eyebrow{filter:brightness(.68)}
.dark .eyebrow{filter:none}
.eyebrow .ring{width:18px;height:18px}
.chip,.crumb,.tag,.badge-mono,.pin,.hb{font-family:var(--mono)}
.crumb{font-size:.85rem;color:#9FD9F5;margin-bottom:16px}.crumb a{color:#fff;text-decoration:none}

/* ---------- Sections ---------- */
.sec{padding:clamp(56px,7vw,96px) 0}
.sec.alt,.band{background:var(--band)}
.dark{background:var(--navy);color:#DCEBFA}
.dark h1,.dark h2,.dark h3,.dark h4{color:#fff}
.head{text-align:center;max-width:820px;margin:0 auto 44px}
.head p{color:var(--slate);margin-top:14px;font-size:1.1rem}
.dark .head p{color:#B9D3EE}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:991px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;transition:.2s;display:flex;flex-direction:column;gap:12px}
.card:hover{transform:translateY(-4px);border-color:var(--sky);box-shadow:var(--sh)}
.card p{color:var(--slate)}
.card .ci,.ci{width:52px;height:52px;border-radius:14px;background:var(--soft);color:var(--sky-700);display:flex;align-items:center;justify-content:center}
.ci .ic{width:26px;height:26px}
.card.navy .ci{background:var(--navy);color:var(--sky)}
.card a.more{margin-top:auto;font-weight:800;text-decoration:none}
.ck{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ck li{display:flex;gap:10px;align-items:flex-start}
.ck li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}

/* ---------- Héros des pages intérieures ---------- */
.phero{background:var(--navy);color:#DCEBFA;padding:clamp(48px,6vw,84px) 0;position:relative;overflow:hidden}
.phero::after{content:"";position:absolute;right:-180px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,176,240,.25),transparent 70%)}
.phero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative;z-index:1}
.phero h1{color:#fff}
.phero p{font-size:1.15rem;margin-top:18px;color:#C6DCF3}
.phero .eyebrow{filter:none;color:#7FD8F8}
.phero-visual{position:relative}
.phero-visual img{border-radius:24px;aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.hb{position:absolute;z-index:2;background:#fff;color:var(--navy);font-weight:700;font-size:.85rem;padding:9px 14px;border-radius:999px;box-shadow:var(--sh)}
.hb1{top:18px;left:-14px}.hb2{bottom:18px;right:-14px;background:var(--sky);color:#fff}
@media(max-width:991px){.phero .w{grid-template-columns:1fr}.hb1{left:10px}.hb2{right:10px}}
.offer{background:#fff;border-radius:24px;padding:30px;color:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.3)}
.offer h3{margin-bottom:6px}

/* ---------- Accueil ---------- */
.hero{background:var(--navy);color:#DCEBFA;position:relative;overflow:hidden;padding:clamp(56px,7vw,100px) 0 clamp(120px,12vw,170px)}
.hero canvas.izy-globe{position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:min(760px,70vw);height:min(760px,70vw);opacity:.9;pointer-events:none}
.hero .w{position:relative;z-index:1}
.hero .txt{max-width:700px}
.hero h1{color:#fff;font-size:clamp(2.6rem,4.8vw,4rem)}
.hero .eyebrow{filter:none;color:#7FD8F8}
.hero .lead{color:#C6DCF3;margin-top:20px;max-width:600px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:999px}
@media(max-width:991px){.hero canvas.izy-globe{opacity:.35;right:-30%}}

.choose{background:var(--band);padding-bottom:clamp(56px,7vw,90px)}
.choose-card{background:#fff;border-radius:28px;box-shadow:0 30px 70px rgba(0,32,96,.16);padding:clamp(22px,3vw,40px);margin-top:-110px;position:relative;z-index:2}
.choose-card>input{position:absolute;opacity:0;pointer-events:none}
.tabs{display:flex;gap:8px;background:var(--soft);padding:6px;border-radius:999px;width:max-content;max-width:100%;margin:0 auto 28px}
.tabs label{padding:12px 24px;border-radius:999px;font-weight:800;color:var(--navy);cursor:pointer;display:flex;align-items:center;gap:8px}
#t-pro:checked~.tabs label[for=t-pro],#t-part:checked~.tabs label[for=t-part]{background:var(--navy);color:#fff}
#t-pro:focus-visible~.tabs label[for=t-pro],#t-part:focus-visible~.tabs label[for=t-part]{outline:3px solid var(--sky)}
@media(max-width:520px){.tabs{width:100%}.tabs label{flex:1;justify-content:center;padding:11px 10px;font-size:.92rem}.tabs label .ic{display:none}}
.panel{display:none}
#t-pro:checked~.p-pro,#t-part:checked~.p-part{display:block}
.panel .ptitle{text-align:center;margin-bottom:24px}
.panel .ptitle p{color:var(--slate);margin-top:8px}
.tiles{display:grid;gap:16px}
.p-pro .tiles{grid-template-columns:repeat(3,1fr)}
.p-part .tiles{grid-template-columns:repeat(4,1fr)}
@media(max-width:991px){.p-pro .tiles,.p-part .tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.p-pro .tiles,.p-part .tiles{grid-template-columns:1fr}}
.tile{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);transition:.2s;background:#fff}
.tile:hover{border-color:var(--sky);transform:translateY(-3px);box-shadow:var(--sh)}
.tile b{display:block;color:var(--navy);font-size:1.05rem}
.tile span{color:var(--slate);font-size:.93rem}
.tile .ci{flex:none;width:46px;height:46px}
.panel .more-row{text-align:center;margin-top:24px}

.kpis{background:var(--band);padding:0 0 clamp(56px,7vw,90px)}
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kpi{border-radius:22px;padding:28px 24px;color:#fff}
.kpi:nth-child(1){background:#002060}.kpi:nth-child(2){background:#00B0F0}.kpi:nth-child(3){background:#0077B6}.kpi:nth-child(4){background:#0A3D8F}
.kpi b{display:block;font-size:clamp(2.2rem,3.6vw,3rem);font-weight:800;line-height:1}
.kpi span{display:block;margin-top:8px;font-weight:600;opacity:.92}
@media(max-width:860px){.kgrid{grid-template-columns:repeat(2,1fr)}}

.why .w{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.why .photo{position:relative}
.why .photo img{border-radius:26px;aspect-ratio:4/3.4;object-fit:cover;width:100%}
.why .since{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:var(--sh)}
.why .since b{display:block;color:var(--navy);font-size:1.15rem}
.why .since span{color:var(--slate);font-size:.9rem}
.why ul{list-style:none;padding:0;margin:28px 0;display:grid;gap:18px}
.why li{display:flex;gap:16px}
.why li b{display:block;color:var(--navy);font-size:1.1rem}
.why li span{color:var(--slate)}
@media(max-width:991px){.why .w{grid-template-columns:1fr}}

.proofband{background:var(--navy);padding:clamp(48px,6vw,72px) 0;color:#DCEBFA}
.partners-title{color:#7FD8F8}
.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px}
.plogo{width:170px;height:84px;padding:16px 22px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.plogo img{max-height:46px;max-width:100%;width:auto;height:auto}
@media(max-width:560px){.plogo{width:calc(50% - 8px);height:72px}}
.logo-b{min-width:150px;padding:18px 26px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:1.5rem;letter-spacing:.04em;text-align:center}

.reviews{background:var(--band);overflow:hidden}
.rv-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:34px}
.gbadge{display:flex;align-items:center;gap:14px;background:#fff;border-radius:18px;padding:14px 20px;box-shadow:var(--sh);text-decoration:none;color:var(--ink)}
.gbadge b{font-size:2rem;color:var(--navy);line-height:1}
.stars{color:#F5B301;letter-spacing:2px}
.marquee{display:flex;gap:20px;width:max-content;animation:mq 60s linear infinite}
.marquee:hover{animation-play-state:paused}
@keyframes mq{to{transform:translateX(calc(-50% - 10px))}}
.rcard{width:360px;flex:none;background:#fff;border-radius:20px;padding:24px;border:1px solid var(--line)}
.rcard p{color:var(--slate);margin:10px 0 16px;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}
.rcard .when{font-weight:500;color:var(--slate);font-size:.85rem}
.rcard .who{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy)}
.rcard .av{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
@media(prefers-reduced-motion:reduce){.marquee{animation:none;flex-wrap:wrap;width:auto}}

.strip .w{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.strip img{border-radius:24px;aspect-ratio:16/10;object-fit:cover;width:100%}
.strip .info{display:grid;gap:14px;margin:22px 0}
.strip .info div{display:flex;gap:12px;align-items:center}
.strip .info .ic{color:var(--sky-700)}
@media(max-width:860px){.strip .w{grid-template-columns:1fr}}

/* ---------- Composants pages ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.step{background:#fff;border-radius:var(--r);padding:26px;border:1px solid var(--line)}
.step .n{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-family:var(--mono)}
.step p{color:var(--slate);margin-top:6px}
@media(max-width:991px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split img{border-radius:24px;aspect-ratio:4/3;object-fit:cover;width:100%}
.split p{color:var(--slate);margin-top:14px}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.ctab{background:var(--navy);color:#C6DCF3;text-align:center;padding:clamp(56px,7vw,90px) 0}
.ctab h2{color:#fff}.ctab p{margin-top:12px;font-size:1.1rem}
.ctab .cta-row{justify-content:center}
.ctab .btn-ghost{color:#fff}
.note{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-left:4px solid var(--sky);border-radius:12px;padding:14px 16px;margin-top:20px;color:var(--navy);font-weight:600}
.small{font-size:.88rem;color:var(--slate)}
.tag{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sky-700);background:var(--soft);padding:6px 12px;border-radius:999px}
.dark .tag{background:rgba(0,176,240,.18);color:#7FD8F8}

/* Tarifs */
.price{display:flex;align-items:baseline;gap:8px;margin:6px 0}
.price b{font-size:2.2rem;color:var(--navy);line-height:1}
.price span{color:var(--slate);font-size:.9rem}
.pc .btn{margin-top:auto;justify-content:center}
.pc-trial{font-family:var(--mono);font-size:.85rem;color:var(--sky-700);font-weight:700}
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}
.tbl th,.tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
.tbl th{background:var(--navy);color:#fff;font-weight:700}
.tbl td:last-child{font-weight:800;color:var(--navy);white-space:nowrap}

/* Dolibarr */
.stepband{background:var(--sky);color:#fff;padding:18px 0}
.steps3{display:flex;justify-content:center;gap:clamp(16px,5vw,60px);flex-wrap:wrap;font-weight:800}
.steps3 i{font-style:normal;display:inline-flex;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--sky-700);align-items:center;justify-content:center;margin-right:10px;font-family:var(--mono)}

/* Équipe */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mate{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;text-align:center}
.mate img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 14px;border:4px solid var(--soft)}
.mate .role{font-family:var(--mono);color:var(--sky-700);font-weight:700;font-size:.85rem}
.mate span{display:block;color:var(--slate);font-size:.93rem;margin-top:4px}
@media(max-width:860px){.team{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.team{grid-template-columns:1fr}}

/* Formulaire */
.form{display:grid;gap:14px}
.form label{font-weight:700;color:var(--navy);font-size:.95rem;display:grid;gap:6px}
.form input,.form select,.form textarea{font:inherit;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--sky);border-color:var(--sky)}
.form .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.form .frow{grid-template-columns:1fr}}
.ok{background:#E6F6FD;border:1px solid var(--sky);color:var(--navy);padding:14px 16px;border-radius:12px;font-weight:700}

/* Espace particuliers */
.switch{background:var(--soft);border-bottom:1px solid var(--line);font-size:.92rem}
.switch .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;flex-wrap:wrap}
.switch .pin{background:var(--sky);color:#fff;font-weight:700;padding:4px 10px;border-radius:999px;margin-right:10px;font-size:.8rem}
.switch a{font-weight:700;text-decoration:none}
.part-hero{background:linear-gradient(135deg,#E6F6FD 0%,#DCF1FC 50%,#C9EAFB 100%);padding:clamp(48px,6vw,84px) 0}
.part-hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.part-hero p{margin-top:18px;font-size:1.15rem;color:var(--slate)}
.part-hero img{border-radius:26px;aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--sh)}
@media(max-width:860px){.part-hero .w{grid-template-columns:1fr}}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:6px;justify-items:start}
.vcard .ic{color:var(--sky-700);width:28px;height:28px}
.vcard b{color:var(--navy);font-size:1.1rem}.vcard b a{color:inherit;text-decoration:none}
.vcard span{color:var(--slate)}
.vcard>a{font-weight:800;text-decoration:none}
@media(max-width:760px){.vgrid{grid-template-columns:1fr}}
.visit{background:var(--band)}

/* Boucle Réparez / Réutilisez / Renouvelez */
.loop{position:relative;aspect-ratio:1;max-width:400px;margin:auto;width:100%}
.loop .ring{position:absolute;inset:12%;border-radius:50%;border:3px dashed var(--sky);animation:spin 40s linear infinite}
.loop .core{position:absolute;inset:34%;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;text-align:center;font-size:.95rem;padding:10px}
.loop .n{position:absolute;background:#fff;color:var(--navy);font-weight:800;padding:12px 18px;border-radius:999px;box-shadow:var(--sh)}
.loop .n1{top:2%;left:50%;transform:translateX(-50%)}.loop .n2{bottom:12%;left:0}.loop .n3{bottom:12%;right:0}
@keyframes spin{to{transform:rotate(360deg)}}

/* AGEC */
.ags{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ag{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;gap:12px;transition:.2s}
.ag:hover{transform:translateY(-4px);border-color:var(--sky);box-shadow:var(--sh)}
.ag-top{display:flex;align-items:center;justify-content:space-between}
.ag .ci{background:var(--navy);color:var(--sky)}
.ag-law,.ag-izy{border-radius:12px;padding:12px 14px}
.ag-law{background:#F5F8FC}.ag-izy{background:var(--soft);margin-top:auto}
.ag-law b,.ag-izy b{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.ag-law b{color:var(--slate)}.ag-izy b{color:var(--sky-700)}
.ag-note{text-align:center;color:var(--slate);font-size:.85rem;margin:28px auto 0;max-width:820px}
@media(max-width:991px){.ags{grid-template-columns:1fr}}

/* Pied de page */
.foot{background:#00163f;color:#B9CDE6;padding:64px 0 24px;font-size:.95rem}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.foot img{height:46px;width:auto;margin-bottom:12px}
.foot .tag{background:none;padding:0;color:#7FD8F8;text-transform:none;letter-spacing:0;font-size:.95rem;margin-bottom:10px;display:block}
.foot h5{color:#fff;font-size:1rem;margin:0 0 14px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.foot a{color:#DCEBFA;text-decoration:none}.foot a:hover{color:#7FD8F8}
.foot a.hl{color:#7FD8F8}
.foot .legal{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:.85rem}
@media(max-width:860px){.foot .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot .cols{grid-template-columns:1fr}}

/* Apparition au défilement */
.izy-js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.izy-js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.izy-js .rv{opacity:1;transform:none;transition:none}.loop .ring{animation:none}}
.card .tag{align-self:flex-start}

/* ---------- Touches de couleur (accents secondaires, la charte bleue reste dominante) ---------- */
:root{--c1:#00B0F0;--c2:#14B8A6;--c3:#2FA36B;--c4:#F59E0B;--c5:#F26B5B;--c6:#7C5CFF}
.grid>:nth-child(6n+1),.tiles>:nth-child(6n+1),.ags>:nth-child(6n+1),.steps>:nth-child(6n+1),.team>:nth-child(6n+1),.vgrid>:nth-child(6n+1){--acc:var(--c1)}
.grid>:nth-child(6n+2),.tiles>:nth-child(6n+2),.ags>:nth-child(6n+2),.steps>:nth-child(6n+2),.team>:nth-child(6n+2),.vgrid>:nth-child(6n+2){--acc:var(--c2)}
.grid>:nth-child(6n+3),.tiles>:nth-child(6n+3),.ags>:nth-child(6n+3),.steps>:nth-child(6n+3),.team>:nth-child(6n+3),.vgrid>:nth-child(6n+3){--acc:var(--c3)}
.grid>:nth-child(6n+4),.tiles>:nth-child(6n+4),.ags>:nth-child(6n+4),.steps>:nth-child(6n+4),.team>:nth-child(6n+4),.vgrid>:nth-child(6n+4){--acc:var(--c4)}
.grid>:nth-child(6n+5),.tiles>:nth-child(6n+5),.ags>:nth-child(6n+5),.steps>:nth-child(6n+5),.team>:nth-child(6n+5),.vgrid>:nth-child(6n+5){--acc:var(--c5)}
.grid>:nth-child(6n+6),.tiles>:nth-child(6n+6),.ags>:nth-child(6n+6),.steps>:nth-child(6n+6),.team>:nth-child(6n+6),.vgrid>:nth-child(6n+6){--acc:var(--c6)}
.card .ci,.tile .ci{background:color-mix(in srgb,var(--acc,var(--sky)) 15%,#fff);color:color-mix(in srgb,var(--acc,var(--sky)) 80%,#000)}
.card,.tile,.step,.mate,.vcard,.ag{border-top:4px solid var(--acc,var(--line))}
.card:hover,.tile:hover,.ag:hover{border-color:var(--acc,var(--sky))}
.step .n{background:var(--acc,var(--navy))}
.vcard .ic{color:var(--acc,var(--sky-700))}
.mate img{border-color:color-mix(in srgb,var(--acc,var(--sky)) 35%,#fff)}
.mate .role{color:color-mix(in srgb,var(--acc,var(--sky)) 85%,#000)}
.card .tag{background:color-mix(in srgb,var(--acc,var(--sky)) 15%,#fff);color:color-mix(in srgb,var(--acc,var(--sky)) 80%,#000)}
.card.pc .btn-primary{background:var(--acc,var(--sky))}
.ag .ci{background:var(--acc,var(--navy));color:#fff}
.kpi:nth-child(2){background:#14B8A6}.kpi:nth-child(3){background:#F59E0B}.kpi:nth-child(4){background:#7C5CFF}
.chip:nth-child(1){border-color:#F59E0B;color:#FFD27A}.chip:nth-child(2){border-color:#14B8A6;color:#7FE6DA}.chip:nth-child(3){border-color:#2FA36B;color:#8EE0B5}.chip:nth-child(4){border-color:#F26B5B;color:#FFB0A6}
.rcard:nth-child(5n+1){border-top:4px solid #00B0F0}.rcard:nth-child(5n+2){border-top:4px solid #14B8A6}.rcard:nth-child(5n+3){border-top:4px solid #F59E0B}.rcard:nth-child(5n+4){border-top:4px solid #F26B5B}.rcard:nth-child(5n+5){border-top:4px solid #7C5CFF}
.rcard:nth-child(5n+2) .av{background:#14B8A6}.rcard:nth-child(5n+3) .av{background:#F59E0B}.rcard:nth-child(5n+4) .av{background:#F26B5B}.rcard:nth-child(5n+5) .av{background:#7C5CFF}
.why li:nth-child(1) .ci{background:#E0F5FD;color:#0077B6}.why li:nth-child(2) .ci{background:#DDF6F2;color:#0E8A7D}.why li:nth-child(3) .ci{background:#E3F4EA;color:#1F7A4D}

/* ---------- Intégration Odoo ---------- */
#wrapwrap>header#top,#wrapwrap>footer#bottom,#wrapwrap>header:not(.izy-head),.o_footer_copyright{display:none!important}
#wrapwrap{font-family:Montserrat,system-ui,sans-serif}
.izy-head .links>li>a,.izy-head .links>li>button,.dd ul a,.foot a{text-decoration:none}
.btn:focus{box-shadow:none}

/* Polices au-dessus du thème Odoo */
.izy-wrap{font-family:Montserrat,system-ui,sans-serif;font-size:1rem;line-height:1.6;color:var(--ink)}
.izy-wrap :is(h1,h2,h3,h4,h5,h6),.izy-wrap .btn,.izy-wrap p,.izy-wrap li,.izy-wrap label,.izy-wrap input,.izy-wrap select,.izy-wrap textarea,.izy-wrap button{font-family:Montserrat,system-ui,sans-serif}
.izy-wrap :is(.eyebrow,.partners-title,.chip,.crumb,.tag,.pin,.hb,.pc-trial,.mate .role,.step .n,.steps3 i,.ag-law b,.ag-izy b){font-family:var(--mono)}
.izy-wrap h5{font-weight:800}

/* Corrections Bootstrap Odoo */
.izy-wrap .grid{grid-template-rows:none}
.izy-wrap .grid:not(.g2):not(.g3):not(.g4){grid-template-columns:1fr}
.izy-wrap .mate .mono-av{display:flex;font-size:3.2rem;color:#fff;margin:0 auto 14px}

/* Halo lumineux sur les boutons d'assistance */
.izy-head .help{position:relative;background:#00B0F0;border:2px solid #fff;box-shadow:0 0 8px 2px rgba(255,255,255,.8),0 0 18px 6px rgba(127,216,248,.9);animation:izyHalo 2s ease-in-out infinite}
.izy-head .help:hover{background:#0090C8;box-shadow:0 0 12px 4px #fff,0 0 28px 10px rgba(127,216,248,1)}
@keyframes izyHalo{0%,100%{box-shadow:0 0 6px 1px rgba(255,255,255,.7),0 0 14px 4px rgba(127,216,248,.7)}50%{box-shadow:0 0 14px 5px rgba(255,255,255,1),0 0 30px 12px rgba(127,216,248,1)}}
@media(prefers-reduced-motion:reduce){.izy-head .help{animation:none}}

.izy-wrap .mate img{background:color-mix(in srgb,var(--acc,var(--sky)) 18%,#fff)}

/* galerie photos + vidéo (ajout) */
.izy-gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px;margin-top:28px}
.izy-gal figure{margin:0;border-radius:18px;overflow:hidden;position:relative;background:#002060}
.izy-gal figure.tall{grid-row:span 2}.izy-gal figure.wide{grid-column:span 2}
.izy-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.izy-gal figure:hover img{transform:scale(1.05)}
.izy-gal figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(0,32,96,.85);color:#fff;font-size:.86rem;font-weight:600;line-height:1.35;padding:9px 12px;border-radius:10px}
.izy-video{max-width:340px;width:100%;margin:0 auto;border-radius:28px;overflow:hidden;background:#000;box-shadow:0 24px 60px rgba(0,32,96,.25);border:6px solid #002060}
.izy-video video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
.izy-wrap img.izy-portrait{max-height:540px;width:auto;max-width:100%;margin:0 auto;display:block;object-fit:cover}
@media(max-width:900px){.izy-gal{grid-template-columns:1fr 1fr;grid-auto-rows:200px}.izy-gal figure.wide{grid-column:span 2}}
@media(max-width:540px){.izy-gal{grid-template-columns:1fr;grid-auto-rows:240px}.izy-gal figure.tall{grid-row:span 1}.izy-gal figure.wide{grid-column:span 1}}

.izy-wrap img.izy-portrait{object-position:center 8% !important}

.izy-wrap img.izy-flyer{max-height:640px;width:auto;max-width:100%;margin:0 auto;display:block;object-fit:contain;border-radius:18px;box-shadow:0 20px 50px rgba(0,32,96,.18)}

.izy-wrap .split img.izy-flyer{height:auto !important;aspect-ratio:auto !important;max-height:680px !important;width:auto !important;object-fit:contain !important;background:#fff}

.izy-wrap .why .since{max-width:210px;padding:9px 13px;left:14px;bottom:14px;border-radius:12px}.izy-wrap .why .since b{font-size:.8rem;line-height:1.3}

.izy-gal figure.pack{background:#fff;border:1px solid #E3EEF8}.izy-gal figure.pack img{object-fit:contain;padding:14px 14px 52px}.izy-gal figure.pack:hover img{transform:scale(1.03)}

/* numéro de téléphone plus visible */
.izy-wrap a.btn[href^="tel:"]{background:#ffffff !important;color:#002060 !important;border:2px solid #00B0F0 !important;font-weight:800;letter-spacing:.02em}
.izy-wrap a.btn[href^="tel:"]:hover{background:#00B0F0 !important;color:#ffffff !important}
.izy-wrap .about a[href^="tel:"]{color:#ffffff !important;font-weight:800;font-size:1.08em}

/* photo animée (zoom lent + reflet lumineux) */
.izy-live .izy-frame{display:block;position:relative;overflow:hidden;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.izy-live .izy-frame img.izy-kb{display:block;width:100%;border-radius:0;box-shadow:none;animation:izyKb 16s ease-in-out infinite alternate;transform-origin:60% 55%;will-change:transform}
@keyframes izyKb{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.09) translate(-1.5%,-1%)}}
.izy-live .izy-frame::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);animation:izyShine 6s ease-in-out infinite;pointer-events:none}
@keyframes izyShine{0%,55%{left:-60%}85%,100%{left:130%}}
.izy-live .hb{z-index:2}
@media (prefers-reduced-motion:reduce){.izy-live img.izy-kb,.izy-live .izy-frame::after{animation:none}}

/* version plus animée (accueil) */
.izy-live-plus{display:block;animation:izyFloat 5s ease-in-out infinite}
.izy-live-plus .izy-frame{aspect-ratio:16/10}
.izy-live-plus .izy-frame img.izy-kb{height:100%;object-fit:cover;animation:izyKbPlus 9s ease-in-out infinite alternate}
.izy-live-plus .izy-frame::after{animation-duration:3.5s;width:55%}
.izy-live-plus .izy-frame::before{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 3px rgba(0,176,240,.0);animation:izyGlow 3.5s ease-in-out infinite;z-index:2;pointer-events:none}
@keyframes izyKbPlus{0%{transform:scale(1.02) translate(1.5%,0)}100%{transform:scale(1.16) translate(-3%,-2%)}}
@keyframes izyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes izyGlow{0%,100%{box-shadow:inset 0 0 0 3px rgba(0,176,240,0)}50%{box-shadow:inset 0 0 0 3px rgba(0,176,240,.85)}}
@media (prefers-reduced-motion:reduce){.izy-live-plus,.izy-live-plus .izy-frame img.izy-kb,.izy-live-plus .izy-frame::after,.izy-live-plus .izy-frame::before{animation:none}}

/* icônes et logo Odoo (page ERP Odoo) */
.izy-wrap .ci.ci-app{background:none !important;box-shadow:none !important;border:0 !important;width:54px;height:54px;padding:0;border-radius:14px;overflow:hidden}
.izy-wrap .ci.ci-app img{width:100%;height:100%;display:block;object-fit:contain}
.izy-wrap .odoo-pill{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;padding:18px 34px;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.izy-wrap .odoo-pill img{height:58px !important;width:auto !important;max-width:none !important;aspect-ratio:621/196;object-fit:contain !important;display:block;border-radius:0 !important;box-shadow:none !important}

/* illustration IA + applications Odoo */
.izy-wrap .izy-ai{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;background:radial-gradient(circle at 50% 50%,#0b4aa8 0%,#002060 70%);overflow:hidden;box-shadow:0 30px 60px rgba(0,32,96,.25)}
.izy-wrap .izy-ai::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px}
.izy-wrap .izy-ai-lines{position:absolute;inset:0;width:100%;height:100%}
.izy-wrap .izy-ai-lines line{stroke:#00B0F0;stroke-width:2;stroke-dasharray:6 6;vector-effect:non-scaling-stroke;opacity:.85;animation:izyDash 1.4s linear infinite}
@keyframes izyDash{to{stroke-dashoffset:-24}}
.izy-wrap .izy-ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:#00B0F0;color:#fff;font-weight:800;font-size:1.8rem;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;border:4px solid #fff;animation:izyPulse 2.2s ease-out infinite;z-index:2}
@keyframes izyPulse{0%{box-shadow:0 0 0 0 rgba(0,176,240,.6)}100%{box-shadow:0 0 0 28px rgba(0,176,240,0)}}
.izy-wrap .izy-ai-app{position:absolute;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:16px;background:#fff;padding:9px;box-shadow:0 10px 24px rgba(0,0,0,.3);animation:izyBob 3.6s ease-in-out infinite;z-index:2}
.izy-wrap .izy-ai-app img{width:100%;height:100%;display:block;object-fit:contain;border-radius:0 !important;box-shadow:none !important}
@keyframes izyBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.izy-wrap .izy-ai-tag{position:absolute;z-index:3;font-size:.72rem;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);padding:5px 11px;border-radius:999px;white-space:nowrap}
@media(max-width:540px){.izy-wrap .izy-ai-app{width:46px;height:46px;margin:-23px 0 0 -23px;padding:7px}.izy-wrap .izy-ai-core{width:66px;height:66px;font-size:1.3rem}}
@media (prefers-reduced-motion:reduce){.izy-wrap .izy-ai-lines line,.izy-wrap .izy-ai-core,.izy-wrap .izy-ai-app{animation:none}}

.izy-wrap .phero-visual img.izy-shot{object-fit:cover;object-position:left top;background:#fff}

.izy-wrap .doli-pill img{aspect-ratio:625/144 !important;height:48px !important}

.izy-wrap .izy-live-43 .izy-frame{aspect-ratio:4/3;border-radius:26px}
.izy-wrap .izy-live-43 .izy-frame::before{border-radius:26px}

/* équipe : émoticônes à la place des photos */
.izy-wrap .mate .mate-emo{position:relative;display:flex;align-items:center;justify-content:center;width:130px;height:130px;margin:0 auto 16px;border-radius:50%;border:4px solid;box-shadow:0 12px 28px rgba(0,32,96,.12);animation:izyEmo 4s ease-in-out infinite}
.izy-wrap .mate .emo-main{font-size:62px;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.izy-wrap .mate .emo-badge{position:absolute;right:-4px;bottom:2px;width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 16px rgba(0,32,96,.18);font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.izy-wrap .mate:hover .emo-main{animation:izyEmoWave .7s ease-in-out}
@keyframes izyEmo{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes izyEmoWave{0%,100%{transform:rotate(0) scale(1)}30%{transform:rotate(-12deg) scale(1.08)}70%{transform:rotate(10deg) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.izy-wrap .mate .mate-emo,.izy-wrap .mate:hover .emo-main{animation:none}}

/* équipe : illustrations IA */
.izy-wrap .mate img.mate-ia{display:block;width:100%;max-width:230px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:22px;border:4px solid;margin:0 auto 16px;box-shadow:0 14px 30px rgba(0,32,96,.14);transition:transform .35s ease,box-shadow .35s ease}
.izy-wrap .mate:hover img.mate-ia{transform:translateY(-4px) scale(1.03);box-shadow:0 20px 38px rgba(0,32,96,.2)}
@media (prefers-reduced-motion:reduce){.izy-wrap .mate:hover img.mate-ia{transform:none}}

/* carrousel PC reconditionnés */
.izy-pcs{position:relative;width:100%;max-width:560px;margin:0 auto}
.izy-pcs .pcs-stage{position:relative;aspect-ratio:1/0.92;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 50% 58%,#fff 0,#E6F7FE 38%,#C9EEFC 70%,#B4E6FA 100%)}
.izy-pcs .pcs-stage::before{content:"";position:absolute;left:50%;top:52%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,176,240,.18),rgba(0,176,240,0) 70%);animation:pcsPulse 6s ease-in-out infinite}
.izy-pcs .pcs-slide{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(24%) scale(.86) rotate(4deg);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.izy-pcs .pcs-slide.is-prev{transform:translateX(-24%) scale(.86) rotate(-4deg)}
.izy-pcs .pcs-slide.is-on{opacity:1;transform:none;pointer-events:auto}
.izy-pcs .pcs-slide img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,32,96,.28))}
.izy-pcs .pcs-slide.is-on img{animation:pcsFloat 4.5s ease-in-out infinite}
.izy-pcs figcaption{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:#002060;color:#fff;font-weight:700;font-size:.85rem;padding:7px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,32,96,.25)}
.izy-pcs .pcs-badge{position:absolute;z-index:3;top:16px;right:16px;background:#00B0F0;color:#fff;font-weight:700;font-size:.8rem;padding:7px 14px;border-radius:999px;box-shadow:0 8px 18px rgba(0,176,240,.35)}
.izy-pcs .pcs-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.izy-pcs .pcs-prev,.izy-pcs .pcs-next{width:40px;height:40px;border-radius:50%;border:2px solid #00B0F0;background:#fff;color:#002060;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px;transition:background .2s,color .2s}
.izy-pcs .pcs-prev:hover,.izy-pcs .pcs-next:hover{background:#00B0F0;color:#fff}
.izy-pcs .pcs-dots{display:flex;gap:8px}
.izy-pcs .pcs-dot{width:10px;height:10px;border-radius:999px;border:0;padding:0;background:#BFE3F5;cursor:pointer;transition:width .3s,background .3s}
.izy-pcs .pcs-dot.is-on{width:28px;background:#00B0F0}
@keyframes pcsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pcsPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.izy-pcs .pcs-slide,.izy-pcs .pcs-slide.is-on img,.izy-pcs .pcs-stage::before{animation:none;transition:none}}
.izy-pcs .pcs-slide img{box-shadow:none!important;border-radius:0!important;aspect-ratio:auto!important;background:none!important;border:0!important;max-width:none!important}

/* cercle animé PC reconditionnés */
.izy-orbit{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1/1}
.izy-orbit .orb-bg{position:absolute;inset:0;border-radius:40px;overflow:hidden;background:linear-gradient(145deg,#FFFDF9 0%,#FFF4EA 55%,#F6F0FF 100%);box-shadow:0 30px 70px rgba(0,32,96,.12),inset 0 0 0 1px rgba(255,255,255,.8)}
.izy-orbit .blob{position:absolute;border-radius:50%;filter:blur(36px);opacity:.75;animation:orbBlob 14s ease-in-out infinite}
.izy-orbit .b1{width:46%;height:46%;left:-8%;top:-6%;background:#BFF1E6}
.izy-orbit .b2{width:44%;height:44%;right:-10%;top:10%;background:#FFD9B8;animation-delay:-4s}
.izy-orbit .b3{width:50%;height:50%;left:20%;bottom:-16%;background:#E3D8FF;animation-delay:-8s}
.izy-orbit .b4{width:30%;height:30%;right:4%;bottom:6%;background:#FFD1DC;animation-delay:-11s}
.izy-orbit .orb-ring{position:absolute;left:9%;top:9%;width:82%;height:82%;border-radius:50%;border:2px dashed rgba(0,176,240,.35);animation:orbSpin 40s linear infinite}
.izy-orbit .orb-ring::after{content:"";position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,.7) 45%,rgba(255,255,255,0) 72%)}
.izy-orbit .orb-main{position:absolute;left:18%;top:17%;width:64%;height:64%}
.izy-orbit .orb-pc{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.75) rotate(-8deg);filter:blur(4px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.9,.25,1.2),filter .7s ease;pointer-events:none}
.izy-orbit .orb-pc.is-on{opacity:1;transform:none;filter:none;pointer-events:auto}
.izy-orbit .orb-pc img{width:100%;height:100%;object-fit:contain;box-shadow:none!important;border-radius:0!important;aspect-ratio:auto!important;background:none!important;border:0!important;max-width:none!important;filter:drop-shadow(0 22px 24px rgba(0,32,96,.25))}
.izy-orbit .orb-pc.is-on img{animation:orbFloat 4.5s ease-in-out infinite}
.izy-orbit .orb-pc figcaption{position:absolute;left:50%;bottom:-10%;transform:translateX(-50%);background:#002060;color:#fff;font-weight:700;font-size:.82rem;padding:7px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,32,96,.22)}
.izy-orbit .orb-thumbs{position:absolute;inset:0;animation:orbSpin 48s linear infinite}
.izy-orbit .orb-arm{position:absolute;left:50%;top:50%;width:41%;height:0;transform-origin:0 0;transform:rotate(var(--a))}
.izy-orbit .orb-th{position:absolute;right:0;top:0;width:62px;height:62px;padding:6px;border-radius:50%;border:3px solid #fff;background:#fff;cursor:pointer;transform:translate(50%,-50%) rotate(calc(-1*var(--a)));box-shadow:0 10px 24px rgba(0,32,96,.16);transition:border-color .3s,box-shadow .3s,width .3s,height .3s}
.izy-orbit .orb-th img{width:100%;height:100%;object-fit:contain;border-radius:50%!important;box-shadow:none!important;aspect-ratio:auto!important;animation:orbSpin 48s linear infinite reverse}
.izy-orbit .orb-th.is-on{border-color:#00B0F0;width:72px;height:72px;box-shadow:0 0 0 6px rgba(0,176,240,.18),0 12px 26px rgba(0,32,96,.2)}
.izy-orbit:hover .orb-thumbs,.izy-orbit:hover .orb-th img,.izy-orbit:hover .orb-ring{animation-play-state:paused}
.izy-orbit .orb-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:#002060;font-weight:700;font-size:.78rem;padding:8px 13px 8px 8px;border-radius:999px;box-shadow:0 10px 26px rgba(0,32,96,.13);white-space:nowrap;animation:orbChip 5s ease-in-out infinite}
.izy-orbit .orb-chip i{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:.8rem;flex:none}
.izy-orbit .c1{left:-4%;top:7%}.izy-orbit .c1 i{background:#14B8A6}
.izy-orbit .c2{right:-4%;top:16%;animation-delay:-1.2s}.izy-orbit .c2 i{background:#F59E0B}
.izy-orbit .c3{left:-2%;bottom:15%;animation-delay:-2.5s}.izy-orbit .c3 i{background:#EC4899}
.izy-orbit .c4{right:-3%;bottom:6%;animation-delay:-3.7s}.izy-orbit .c4 i{background:#8B5CF6}
@keyframes orbSpin{to{transform:rotate(360deg)}}
@keyframes orbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes orbChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes orbBlob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(8%,6%) scale(1.12)}66%{transform:translate(-6%,4%) scale(.94)}}
@media(max-width:600px){.izy-orbit .orb-th{width:46px;height:46px;padding:4px}.izy-orbit .orb-th.is-on{width:54px;height:54px}.izy-orbit .orb-chip{font-size:.7rem}.izy-orbit .c1,.izy-orbit .c3{left:0}.izy-orbit .c2,.izy-orbit .c4{right:0}}
/* animations de la page reconditionné */
main:has(.izy-orbit) .card{transition:transform .35s ease,box-shadow .35s ease}
main:has(.izy-orbit) .card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,32,96,.12)}
main:has(.izy-orbit) .card:hover .ci{animation:orbWiggle .6s ease}
main:has(.izy-orbit) .grid .card.rv:nth-child(2){transition-delay:.12s}
main:has(.izy-orbit) .grid .card.rv:nth-child(3){transition-delay:.24s}
main:has(.izy-orbit) .grid .card.rv:nth-child(4){transition-delay:.36s}
main:has(.izy-orbit) .card .ci{animation:orbChip 4s ease-in-out infinite}
main:has(.izy-orbit) .grid .card:nth-child(2) .ci{animation-delay:-1s}
main:has(.izy-orbit) .grid .card:nth-child(3) .ci{animation-delay:-2s}
main:has(.izy-orbit) .grid .card:nth-child(4) .ci{animation-delay:-3s}
main:has(.izy-orbit) .split img{transition:transform .8s ease}
main:has(.izy-orbit) .split:hover img{transform:scale(1.03) rotate(-.5deg)}
main:has(.izy-orbit) .note{animation:orbGlow 3.5s ease-in-out infinite}
@keyframes orbWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}
@keyframes orbGlow{0%,100%{box-shadow:0 0 0 0 rgba(0,176,240,0)}50%{box-shadow:0 0 0 6px rgba(0,176,240,.12)}}
@media (prefers-reduced-motion:reduce){.izy-orbit *,main:has(.izy-orbit) .card .ci,main:has(.izy-orbit) .note{animation:none!important;transition:none!important}}

/* hero reconditionné : couleurs douces et cercle plus grand */
main:has(.izy-orbit) .part-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#FFFFFF 0%,#FFF7EF 45%,#F3F0FF 100%)}
main:has(.izy-orbit) .part-hero::before,main:has(.izy-orbit) .part-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:orbBlob 16s ease-in-out infinite}
main:has(.izy-orbit) .part-hero::before{width:420px;height:420px;left:-120px;top:-140px;background:#C9F3EA}
main:has(.izy-orbit) .part-hero::after{width:380px;height:380px;right:-80px;bottom:-160px;background:#FFE0C4;animation-delay:-7s}
main:has(.izy-orbit) .part-hero .w{position:relative;z-index:1;grid-template-columns:1fr 1fr}
main:has(.izy-orbit) .part-hero .izy-orbit{max-width:520px}
.izy-orbit .orb-chip{z-index:5}
.izy-orbit .c3{bottom:22%}
@media(max-width:860px){main:has(.izy-orbit) .part-hero .w{grid-template-columns:1fr}}

/* bande défilante PC reconditionnés */
.izy-mq{position:relative;width:100%;container-type:inline-size;border-radius:32px;padding:34px 0 30px;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.75),rgba(255,244,234,.85) 50%,rgba(243,240,255,.85));box-shadow:0 30px 60px rgba(0,32,96,.10),inset 0 0 0 1px rgba(255,255,255,.9);-webkit-mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.izy-mq .mq-track{display:flex;gap:20px;width:max-content;padding:10px 40px;animation:izyMq 16s ease-in-out infinite alternate}
.izy-mq:hover .mq-track{animation-play-state:paused}
.izy-mq .mq-card{flex:none;width:230px;margin:0;background:#fff;border-radius:24px;padding:16px 16px 14px;text-align:center;box-shadow:0 14px 30px rgba(0,32,96,.10);transition:transform .35s ease,box-shadow .35s ease}
.izy-mq .mq-card:hover{transform:translateY(-10px) rotate(-1.5deg);box-shadow:0 24px 40px rgba(0,32,96,.16)}
.izy-mq .mq-card img{display:block;width:100%;height:170px;object-fit:contain;box-shadow:none!important;border-radius:0!important;aspect-ratio:auto!important;background:none!important;filter:drop-shadow(0 14px 14px rgba(0,32,96,.18));transition:transform .5s ease}
.izy-mq .mq-card:hover img{transform:scale(1.06)}
.izy-mq .mq-card figcaption{margin-top:10px;font-weight:700;font-size:.9rem;color:#002060}
.izy-mq .mq-card figcaption span{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:600;font-size:.74rem;color:#0E9F8E;background:#E4F8F3;padding:4px 10px;border-radius:999px}
.izy-mq .mq-card:nth-child(4n+2) figcaption span{color:#B45309;background:#FFF1E2}
.izy-mq .mq-card:nth-child(4n+3) figcaption span{color:#BE185D;background:#FDE8EE}
.izy-mq .mq-card:nth-child(4n+4) figcaption span{color:#6D28D9;background:#EFEAFF}
.izy-mq-wrap{position:relative}
.izy-mq-wrap .mq-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;color:#002060;font-weight:700;font-size:.78rem;padding:8px 13px 8px 8px;border-radius:999px;box-shadow:0 10px 24px rgba(0,32,96,.13);white-space:nowrap;animation:izyMqChip 5s ease-in-out infinite}
.izy-mq-wrap .mq-chip i{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:.8rem}
.izy-mq-wrap .k1{left:6%;top:-16px}.izy-mq-wrap .k1 i{background:#14B8A6}
.izy-mq-wrap .k2{right:6%;bottom:-16px;animation-delay:-2.5s}.izy-mq-wrap .k2 i{background:#F59E0B}
@keyframes izyMq{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(calc(-100% + 100cqw))}}
@keyframes izyMqChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes izyMqBlob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(8%,6%) scale(1.12)}66%{transform:translate(-6%,4%) scale(.94)}}
@keyframes izyMqWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}
@keyframes izyMqGlow{0%,100%{box-shadow:0 0 0 0 rgba(0,176,240,0)}50%{box-shadow:0 0 0 6px rgba(0,176,240,.12)}}
/* page reconditionné : fond doux et animations */
main:has(.izy-mq) .part-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#FFFFFF 0%,#FFF7EF 45%,#F3F0FF 100%)}
main:has(.izy-mq) .part-hero::before,main:has(.izy-mq) .part-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:izyMqBlob 16s ease-in-out infinite}
main:has(.izy-mq) .part-hero::before{width:420px;height:420px;left:-120px;top:-140px;background:#C9F3EA}
main:has(.izy-mq) .part-hero::after{width:380px;height:380px;right:-80px;bottom:-160px;background:#FFE0C4;animation-delay:-7s}
main:has(.izy-mq) .part-hero .w{position:relative;z-index:1;grid-template-columns:1fr 1fr}
main:has(.izy-mq) .card{transition:transform .35s ease,box-shadow .35s ease}
main:has(.izy-mq) .card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,32,96,.12)}
main:has(.izy-mq) .card:hover .ci{animation:izyMqWiggle .6s ease}
main:has(.izy-mq) .grid .card.rv:nth-child(2){transition-delay:.12s}
main:has(.izy-mq) .grid .card.rv:nth-child(3){transition-delay:.24s}
main:has(.izy-mq) .grid .card.rv:nth-child(4){transition-delay:.36s}
main:has(.izy-mq) .card .ci{animation:izyMqChip 4s ease-in-out infinite}
main:has(.izy-mq) .grid .card:nth-child(2) .ci{animation-delay:-1s}
main:has(.izy-mq) .grid .card:nth-child(3) .ci{animation-delay:-2s}
main:has(.izy-mq) .grid .card:nth-child(4) .ci{animation-delay:-3s}
main:has(.izy-mq) .split img{transition:transform .8s ease}
main:has(.izy-mq) .split:hover img{transform:scale(1.03) rotate(-.5deg)}
main:has(.izy-mq) .note{animation:izyMqGlow 3.5s ease-in-out infinite}
@media(max-width:860px){main:has(.izy-mq) .part-hero .w{grid-template-columns:1fr}.izy-mq .mq-card{width:190px}.izy-mq .mq-card img{height:140px}}
@media (prefers-reduced-motion:reduce){.izy-mq .mq-track,.izy-mq-wrap .mq-chip,main:has(.izy-mq) .card .ci,main:has(.izy-mq) .note{animation:none!important}.izy-mq{overflow-x:auto}}

/* logo : même pastille que le menu */
nav.bar a.brand{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;padding:6px 20px!important;border-radius:999px!important;background:#fff;box-shadow:0 6px 18px rgba(0,32,96,.15)}
nav.bar a.brand img{height:30px!important;width:auto!important;max-height:30px}

/* page quiz : garder les couleurs du quiz */
#wrap .s_embed_code :is(h1,h2,h3,h4,h5,p){color:inherit}
.izy-quiz-head,.izy-quiz-foot{display:contents}

/* bouton quiz accueil : plus petit, halo comme les boutons d'assistance */
.izy-wrap a.izy-quiz-cta{position:relative;display:inline-block;margin-top:28px;font-size:.85rem;font-weight:700;line-height:1.2;padding:10px 20px;background:#00B0F0;color:#fff;border:2px solid #fff;border-radius:999px;box-shadow:0 0 8px 2px rgba(255,255,255,.8),0 0 18px 6px rgba(127,216,248,.9);animation:izyHalo 2s ease-in-out infinite}
.izy-wrap a.izy-quiz-cta:hover{background:#0090C8;color:#fff;box-shadow:0 0 12px 4px #fff,0 0 28px 10px rgba(127,216,248,1)}
@media(prefers-reduced-motion:reduce){.izy-wrap a.izy-quiz-cta{animation:none}}