@font-face{font-family:'Google Sans Flex';font-style:normal;font-display:swap;font-weight:1 1000;src:url(fonts/google-sans-flex-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans Flex';font-style:normal;font-display:swap;font-weight:1 1000;src:url(fonts/google-sans-flex-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.hbx{font-family:"Google Sans Flex",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left}.hbx :where(p,h1,h2,h3,h4,h5,h6,ul,ol,li,figure,form,nav,header,footer,div,span,a,button,input,label){padding:0;margin:0;border:0;background:none;font-size:inherit;line-height:inherit;vertical-align:baseline;box-sizing:border-box}.hbx :where(a){color:inherit;text-decoration:none}.hbx :where(ul,ol){list-style:none}.hbx :where(svg){display:inline-block;vertical-align:middle}.hbx-h{display:contents}.hbx-f{position:relative;z-index:1}
.hbx{
--color-bg: #161826;
--color-surface: #232532;
--color-text: #e9e9ed;
--color-accent: #9184d9;
--color-accent-2: #a7a1db;
--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);
--color-neutral-100: #f3f5fe;
--color-neutral-200: #e4e7f5;
--color-neutral-300: #cfd3e5;
--color-neutral-400: #b2b6ca;
--color-neutral-500: #9397ab;
--color-neutral-600: #75798c;
--color-neutral-700: #595d6c;
--color-neutral-800: #3f424d;
--color-neutral-900: #292b31;
--color-accent-100: #f5f4ff;
--color-accent-200: #e7e5fe;
--color-accent-300: #d2cefd;
--color-accent-400: #b5abfc;
--color-accent-500: #968ae0;
--color-accent-600: #796cbf;
--color-accent-700: #5d5294;
--color-accent-800: #423a6a;
--color-accent-900: #2b2741;
--color-accent-2-100: #f5f4ff;
--color-accent-2-200: #e7e5fe;
--color-accent-2-300: #d2cefd;
--color-accent-2-400: #b5afe8;
--color-accent-2-500: #9690c9;
--color-accent-2-600: #7972a9;
--color-accent-2-700: #5c5783;
--color-accent-2-800: #423e5d;
--color-accent-2-900: #2b293a;
--color-section: #262a60;
--color-section-glow: #353b80;
--color-section-ghost: #4c5397;
--font-heading: "Inter", system-ui, sans-serif;
--font-heading-weight: 500;
--font-body: "Inter", system-ui, sans-serif;
--space-1: 2.8px;
--space-2: 5.6px;
--space-3: 8.4px;
--space-4: 11.2px;
--space-6: 16.8px;
--space-8: 22.4px;
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 14px;
--shadow-sm: 0 0 0 1px #3f424d;
--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0,0,0,0.55);
--shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0,0,0,0.65);
}
.hbx{
background: var(--color-bg);
color: var(--color-text);
font-family: var(--font-body);
}
.hbx h1,.hbx h2,.hbx h3,.hbx h4{ font-family: var(--font-heading); font-weight: var(--font-heading-weight); }
.hbx .lighten{mix-blend-mode:lighten;background-color:transparent}
.hbx *,.hbx *::before,.hbx *::after{ box-sizing: border-box; }
.hbx{ margin: 0; font-size: 15px; line-height: 1.55; font-weight: 400; }
.hbx h1,.hbx h2,.hbx h3,.hbx h4,.hbx h5,.hbx h6{
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--space-2);
}
.hbx h1{ font-size: 42px; }
.hbx h2{ font-size: 32px; }
.hbx h3{ font-size: 25px; }
.hbx h4{ font-size: 20px; }
.hbx h5{ font-size: 16px; }
.hbx h6{ font-size: 13px; }
.hbx h6{ letter-spacing: 0.08em; text-transform: uppercase; }
.hbx p{ margin: 0 0 var(--space-3); }
.hbx a{ color: var(--color-accent); text-underline-offset: 3px; }
.hbx img{ display: block; max-width: 100%; }
.hbx figure{ margin: 0; }
.hbx figcaption{
font-size: 11px; margin-top: var(--space-1);
color: color-mix(in srgb, var(--color-text) 55%, transparent);
}
.hbx .text-muted{ color: color-mix(in srgb, var(--color-text) 55%, transparent); }
.hbx :focus{ outline: none; }
.hbx :focus-visible{ outline: 2px solid var(--color-accent); outline-offset: 2px; }
.hbx ::selection{ background: color-mix(in srgb, var(--color-accent) 30%, transparent); }
.hbx .hr{
height: 1px; border: 0; margin: var(--space-4) 0;
background: linear-gradient(to right,
transparent, var(--color-divider) 48px,
var(--color-divider) calc(100% - 48px), transparent);
}
.hbx .btn{
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
cursor: pointer; text-decoration: none;
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
font-size: 14px; line-height: 1.2; color: var(--color-text);
background: transparent; border: 1px solid transparent;
padding: var(--space-2) calc(var(--space-3) * 1.2);
border-radius: var(--radius-md);
}
.hbx .btn svg{ display: block; }
.hbx .btn:disabled{ opacity: 0.45; cursor: not-allowed; }
.hbx .btn-primary{ color: var(--color-accent); border-color: var(--color-accent); }
.hbx .btn-primary:hover{ background: color-mix(in srgb, var(--color-accent) 12%, transparent); }
.hbx .btn-primary:active{ background: color-mix(in srgb, var(--color-accent) 22%, transparent); }
.hbx .btn-secondary{ border-color: var(--color-divider); }
.hbx .btn-secondary:hover{ background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.hbx .btn-secondary:active{ background: color-mix(in srgb, var(--color-text) 14%, transparent); }
.hbx .btn-ghost{ color: var(--color-accent); padding-inline: var(--space-1); }
.hbx .btn-ghost:hover{ background: color-mix(in srgb, var(--color-accent) 10%, transparent); }
.hbx .btn-ghost:active{ background: color-mix(in srgb, var(--color-accent) 18%, transparent); }
.hbx .btn-icon{ width: 36px; height: 36px; padding: 0; }
.hbx .btn-block{ width: 100%; margin-top: var(--space-2); }
.hbx .field > label{
display: block; font-size: 12px; margin-bottom: 5px;
color: color-mix(in srgb, var(--color-text) 70%, transparent);
}
.hbx .input{
width: 100%; min-height: 36px; padding: 6px 10px; font: inherit;
font-size: 14px; color: var(--color-text); caret-color: var(--color-accent);
background: var(--color-surface);
border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.hbx .input:hover{ border-color: color-mix(in srgb, var(--color-text) 45%, transparent); }
.hbx .input:focus-visible{ border-color: var(--color-accent); outline-offset: 0; }
.hbx textarea.input{ min-height: 90px; resize: vertical; }
.hbx .radio{ display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }
.hbx .radio input,.hbx .seg-opt input{
position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
}
.hbx .radio .dot{
width: 16px; height: 16px; flex: none; border-radius: 50%;
border: 1.5px solid var(--color-divider);
}
.hbx .radio:hover .dot{ border-color: var(--color-accent); }
.hbx .radio input:checked + .dot{
border-color: var(--color-accent); background: var(--color-accent);
box-shadow: inset 0 0 0 4px var(--color-bg);
}
.hbx .radio input:focus-visible + .dot{ outline: 2px solid var(--color-accent); outline-offset: 2px; }
.hbx .seg{
display: inline-flex; overflow: hidden;
border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.hbx .seg-opt{
display: inline-flex; align-items: center; gap: 6px;
padding: 7px 12px; font-size: 13px; cursor: pointer;
}
.hbx .seg-opt + .seg-opt{ border-left: 1px solid var(--color-divider); }
.hbx .seg-opt:has(input:checked){ color: var(--color-accent); box-shadow: inset 0 0 0 1px var(--color-accent); }
.hbx .seg-opt:not(:has(input:checked)):hover{ background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.hbx .seg-opt:has(input:focus-visible){ outline: 2px solid var(--color-accent); outline-offset: -2px; }
.hbx .card{
display: flex; flex-direction: column; gap: var(--space-2);
padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-surface);
}
.hbx .card-kicker{ font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); }
.hbx .card-title{
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
font-size: 17px; line-height: 1.2;
}
.hbx .card-body{ margin: 0; font-size: 13px; opacity: 0.8; flex: 1; }
.hbx .card-meta{
display: flex; align-items: center; gap: 6px; font-size: 11px;
color: color-mix(in srgb, var(--color-text) 50%, transparent);
}
.hbx .elev-sm{ box-shadow: var(--shadow-sm); }
.hbx .elev-md{ box-shadow: var(--shadow-md); }
.hbx .elev-lg{ box-shadow: var(--shadow-lg); }
.hbx .tag{
display: inline-flex; align-items: center; font-size: 11px;
letter-spacing: 0.02em; padding: 3px 10px;
border-radius: calc(var(--radius-md) * 0.75);
}
.hbx .tag-accent{ background: var(--color-accent-800); color: var(--color-accent-100); }
.hbx .tag-accent-2{ background: var(--color-accent-2-800); color: var(--color-accent-2-100); }
.hbx .tag-neutral{ background: var(--color-neutral-800); color: var(--color-neutral-100); }
.hbx .tag-outline{ border: 1px solid var(--color-accent); color: var(--color-accent); }
.hbx .nav{
display: flex; align-items: center; gap: var(--space-4);
padding: var(--space-3) var(--space-4);
border-bottom: none;
}
.hbx .nav-brand{
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
font-size: 18px; margin-right: auto;
}
.hbx .nav a{ color: inherit; text-decoration: none; font-size: 14px; }
.hbx .nav a:hover,.hbx .nav a[aria-current='page']{ color: var(--color-accent); }
.hbx .table{ width: 100%; border-collapse: collapse; font-size: 14px; }
.hbx .table th{
text-align: left; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
color: color-mix(in srgb, var(--color-text) 60%, transparent);
padding: var(--space-2); border-bottom: 1px solid transparent;
}
.hbx .table td{
padding: var(--space-2);
border-bottom: 1px solid transparent;
}
.hbx .table thead tr{
background: linear-gradient(to right,
transparent, var(--color-divider) 48px,
var(--color-divider) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
.hbx .table tbody tr{
background: linear-gradient(to right,
transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,
color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
.hbx .table tbody tr:hover{
background:
linear-gradient(color-mix(in srgb, var(--color-text) 4%, transparent),
color-mix(in srgb, var(--color-text) 4%, transparent)) no-repeat 0 0 / 100% 100%,
linear-gradient(to right,
transparent, color-mix(in srgb, var(--color-text) 8%, transparent) 48px,
color-mix(in srgb, var(--color-text) 8%, transparent) calc(100% - 48px), transparent) no-repeat bottom / 100% 1px;
}
.hbx .dialog-backdrop{
position: fixed; inset: 0; display: grid; place-items: center;
padding: var(--space-4);
background: color-mix(in srgb, var(--color-neutral-900) 50%, transparent);
}
.hbx .dialog{
width: min(440px, 100%); display: flex; flex-direction: column; gap: var(--space-3);
padding: var(--space-4); border-radius: var(--radius-lg);
background: var(--color-surface); box-shadow: var(--shadow-lg);
}
.hbx .dialog-title{
font-family: var(--font-heading); font-weight: var(--font-heading-weight);
font-size: 20px;
}
.hbx .dialog-body{ font-size: 14px; opacity: 0.85; }
.hbx .dialog-actions{ display: flex; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-2); }
.hbx{ scroll-behavior: smooth; }
.hbx{ margin:0; background:#0B2540; color:#EAF2FB; font-family:"Google Sans Flex",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.hbx *{ box-sizing:border-box; }
.hbx a{ color:#01224a; text-decoration:none; }
.hbx a:hover{ color:#01224a; }
.hbx h1,.hbx h2,.hbx h3,.hbx h4,.hbx h5{ margin:0; font-weight:600; }
.hbx p{ margin:0; }
.hbx ul{ margin:0; padding:0; list-style:none; }
.hbx ::selection{ background:rgba(16,121,252,.35); }
.hbx :focus-visible{ outline:2px solid #1079FC; outline-offset:2px; }
@media (max-width:860px){.hbx [data-hdr-label]{display:none}}
.hbx [data-burger]{display:none}
@media (max-width:1080px){.hbx [data-nav-desktop]{display:none !important}
.hbx [data-hdr-account]{display:none !important}
.hbx [data-burger]{display:inline-flex !important}}
@media (min-width:1081px){.hbx [data-mobile-menu]{display:none !important}}
@media (max-width:767px){.hbx [data-footer]{text-align:center}
.hbx [data-footer] div,.hbx [data-footer] p,.hbx [data-footer] ul,.hbx [data-footer] form,.hbx [data-footer] li,.hbx [data-footer] span,.hbx [data-footer] nav{justify-content:center;align-items:center;text-align:center}
.hbx [data-footer] a[aria-label],.hbx [data-footer] h2,.hbx [data-footer] p,.hbx [data-footer] img{margin-left:auto;margin-right:auto}
.hbx [data-footer] [style*="grid-template-columns"]{justify-items:center}
.hbx [data-footer] ul{padding-left:0;list-style:none}
.hbx #demo{flex-direction:column;justify-content:center;text-align:center}
.hbx #demo > div{align-items:center}
.hbx [data-footer-note]{margin-left:auto;margin-right:auto}}
@media (max-width:720px){.hbx [data-hdr-tab]{font-size:.66rem;padding-left:4px;padding-right:4px}
.hbx [data-hdr-demo]{font-size:.66rem;padding-left:10px;padding-right:10px}}
@keyframes hbPulse{ 0%{box-shadow:0 0 0 0 rgba(16,121,252,.6)} 70%{box-shadow:0 0 0 10px rgba(16,121,252,0)} 100%{box-shadow:0 0 0 0 rgba(16,121,252,0)} }
@keyframes hbIn{ from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:none} }
.hbx [data-viz]{will-change:transform}
.hbx [data-skip]:focus{left:12px !important}
.hbx footer ul a,.hbx [data-mobile-menu] a{display:inline-block;padding-top:5px;padding-bottom:5px}
@media (prefers-reduced-motion:reduce){.hbx{scroll-behavior:auto}
.hbx *,.hbx *::before,.hbx *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
@media (max-width:1080px){.hbx [data-hdr-demo]{white-space:nowrap}}
@media (orientation:landscape) and (max-height:560px) and (pointer:coarse){.hbx header > div{min-height:56px !important}
.hbx section{padding-top:clamp(28px,5vh,52px) !important;padding-bottom:clamp(28px,5vh,52px) !important}}
@media (hover:none),(max-width:767px){.hbx [data-zoomable]:hover{transform:none !important;box-shadow:none !important;z-index:1 !important}}
@media (max-width:900px){.hbx #benefices [style*="grid-template-columns: repeat(auto-fit"],.hbx #benefices [style*="grid-template-columns:repeat(auto-fit"]{grid-template-columns:1fr !important}}
@media (max-width:560px){.hbx main section [style*="max-width: 1280px"],.hbx main section [style*="max-width:1280px"]{padding-left:18px !important;padding-right:18px !important}
.hbx h1{letter-spacing:-.03em}
.hbx h2{text-wrap:balance}
.hbx [data-hdr-demo]{padding-left:12px !important;padding-right:12px !important}}
@media (pointer:coarse){.hbx [data-mobile-menu] a,.hbx [data-footer] a{min-height:44px;display:inline-flex;align-items:center}
.hbx [data-burger]{min-width:44px;min-height:44px}}
@media (orientation:landscape) and (max-height:480px) and (pointer:coarse){.hbx header > div{min-height:48px !important}
.hbx main > section:first-of-type{padding-top:12px !important}}
.hbx article:has([data-zoomable]:hover){ z-index:40 !important }
@keyframes hbBlink{ 0%,100%{opacity:1} 50%{opacity:.3} }
@keyframes hbPing{ 0%{transform:scale(.6);opacity:.85} 100%{transform:scale(2.4);opacity:0} }
@keyframes hbRunX{ 0%{transform:translateX(0)} 100%{transform:translateX(232px)} }
@keyframes hbRowSweep{ 0%{transform:translateY(0);opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{transform:translateY(96px);opacity:0} }
@keyframes hbDrift{ to { transform:translate3d(-6%,5%,0) scale(1.12); } }
@keyframes hbHalo{ 0%{transform:scale(.9);opacity:.55} 70%{transform:scale(1.35);opacity:0} 100%{transform:scale(1.35);opacity:0} }
@keyframes hbFlow{ 0%{transform:translateX(-100%)} 100%{transform:translateX(280%)} }
@keyframes hbFlowY{ 0%{transform:translateY(-110%)} 100%{transform:translateY(310%)} }
@keyframes hbBob{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes hbAlert{ 0%,4%{opacity:0;transform:translateY(-6px)} 10%,88%{opacity:1;transform:none} 96%,100%{opacity:0;transform:translateY(-6px)} }
@keyframes hbDash{ to { stroke-dashoffset:-60 } }
@media (prefers-reduced-motion:reduce){.hbx [data-viz] *{animation:none !important}}
.hbx #faq summary::-webkit-details-marker{display:none}
.hbx #faq [data-faq-icon]{transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
.hbx #faq details[open] [data-faq-icon]{background:#0B57C9 !important;border-color:#0B57C9 !important;color:#ffffff !important;transform:rotate(45deg)}
.hbx #faq summary:focus-visible{outline:2px solid #1079FC;outline-offset:3px;border-radius:6px}
@media (pointer:coarse){.hbx #faq summary{min-height:44px}}
.hbx .dc-if{display:contents}
.hbx .dc-if[hidden]{display:none}
.hbx .fl:hover{color:#fff!important}
.hbx .hv0:hover{background:#E7F1FE !important;color:#01224a !important}
.hbx .hv1:hover{background:#F3F7FC !important;color:#01224a !important}
.hbx .hv2:hover{border-color:#1079FC !important;color:#1079FC !important}
.hbx .hv3:hover{background:#F3F7FC !important;border-color:#01224a !important;color:#01224a !important;transform:translateY(-2px) !important}
.hbx .hv4:hover{color:#1079FC !important}
.hbx .hv5:hover{background:#01224a !important;border-color:#01224a !important;transform:translateY(-2px) !important}
.hbx .hv6:hover{transform:scale(1.85) !important;z-index:60 !important;box-shadow:0 50px 110px -40px rgba(2,10,22,.9) !important}
.hbx .hv7:hover{gap:14px !important}
.hbx .hv8:hover{color:#0B57C9 !important}
.hbx .hv9:hover{background:#ffffff !important;border-color:#ffffff !important;color:#01224a !important;transform:translateY(-2px) !important}
.hbx .hva:hover{color:#ffffff !important}
.hbx .hvb:hover{background:#1079FC !important;color:#fff !important;transform:translateY(-1px) !important}
.hbx .hvc:hover{background:#01224a !important;border-color:#01224a !important}
.hbx .hvd:hover{color:#C6DCF5 !important}
.hbx [data-nav-desktop] [role=menu]::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
@media (hover:none),(max-width:767px){.hbx [data-zoomable],.hbx [data-zoomable]:hover,.hbx [data-zoomable]:active,.hbx [data-zoomable]:focus{transform:none!important;box-shadow:none!important;z-index:1!important;transition:none!important}}
@media (max-width:767px){.hbx *{text-wrap-style:auto!important}
.hbx main h2 br,.hbx main h3 br{display:none}
.hbx [data-m=hero-cta]{justify-content:center}
.hbx [data-m=proofs]>div{text-align:center}
.hbx [data-m=proofs]>div>span{margin-left:auto;margin-right:auto}
.hbx [data-m=zones-img]{order:2!important}
.hbx [data-m=ref-row]{justify-content:center!important}
.hbx [data-m=ref-row]>p{text-align:center;flex:1 1 100%!important}
.hbx [data-m=ref-row]>div{justify-content:center;width:100%}}
.hbx .hb-lang{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:7px 13px;border-radius:9px;border:1px solid rgba(156,182,212,.28);color:#C6DCF5;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}
.hbx .hb-lang:hover,.hbx .hb-lang:focus-visible{border-color:#7DB8FE;color:#fff}
@media (max-width:700px){.hbx .hb-lang{margin-left:0}}
/* Hubup — peau graphique des pages Divi (charte Accueil / Flexnav). Textes et structure inchangés. */
body.hb-skin{background:#fff;color:#3D5877;font-family:"Google Sans Flex",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.hb-skin #page-container{padding-top:0!important;margin-top:0!important}
body.hb-skin .et-l--header,body.hb-skin .et-l--footer,body.hb-skin #main-header,body.hb-skin #main-footer,body.hb-skin #top-header{display:none!important}
/* typographie */
body.hb-skin #main-content{color:#3D5877}
body.hb-skin #main-content :where(p,li){text-wrap:pretty}
body.hb-skin #main-content .et_pb_text_align_justified,body.hb-skin #main-content [style*="justify"]{text-align:left!important}
/* boutons */
body.hb-skin #main-content .et_pb_button,body.hb-skin #main-content .depicter-button-layer,body.hb-skin #main-content button.depicter-layer{border-radius:11px!important;font-weight:700!important;letter-spacing:.01em!important;transition:background .15s,box-shadow .15s,transform .15s}
body.hb-skin #main-content .et_pb_button{background:#1079FC!important;border:1px solid #1079FC!important;color:#fff!important;padding:13px 24px!important;font-size:1rem!important;line-height:1.3!important}
body.hb-skin #main-content .et_pb_button:after{display:none!important}
body.hb-skin #main-content .et_pb_button:hover{background:#0B66D6!important;box-shadow:0 12px 26px -14px rgba(16,121,252,.7)}
/* cartes et images */
body.hb-skin #main-content .et_pb_with_border{border-radius:16px}
body.hb-skin #main-content .et_pb_image .et_pb_image_wrap{border-radius:16px;overflow:hidden}
/* bandeaux de titre de section (« — FORMATION / ET ACCOMPAGNEMENT ») */
body.hb-skin [class*="hubup-title-wrapper"]{font-family:inherit}
body.hb-skin [class*="hubup-blue-bar"]{background:#1079FC!important;border-radius:2px}
body.hb-skin [class*="hubup-main-title"]{letter-spacing:-.01em!important;font-weight:700!important}
body.hb-skin [class*="hubup-sub-title"]{letter-spacing:.02em!important;color:#9CB6D4!important}
/* bandeau d'en-tête de page : fond et effets des pages Accueil / Flexnav */
body.hb-skin .hb-hero .depicter-section-background,body.hb-skin .hb-hero.et_pb_with_background{background:radial-gradient(120% 90% at 78% 0%,#1B4573 0%,rgba(14,53,96,0) 62%),linear-gradient(180deg,#123253 0%,#0B2540 100%)!important}
body.hb-skin .hb-hero .depicter-section-background>*:not(.hb-deco):not(.hb-glow){opacity:0!important}
body.hb-skin .hb-hero{position:relative;overflow:hidden}
body.hb-skin .hb-deco,body.hb-skin .hb-glow{position:absolute;inset:0;pointer-events:none;z-index:0}
body.hb-skin .hb-deco svg{width:100%;height:100%}
body.hb-skin .hb-glow{background:radial-gradient(40% 55% at 85% 20%,rgba(16,121,252,.22),transparent 70%);animation:hbDrift 14s ease-in-out infinite alternate}
@keyframes hbDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-3%,2%,0)}}
@media (prefers-reduced-motion:reduce){body.hb-skin .hb-glow{animation:none}}
/* vagues décoratives retirées des bandeaux de titre */
body.hb-skin .hb-hero .depicter-image-layer:has(img[src*="vague" i]),body.hb-skin .hb-hero .depicter-image-layer:has(img[data-src*="vague" i]),body.hb-skin .hb-hero .hb-wave{display:none!important}
/* CTA « Demander une démo ? » (même bouton qu'Accueil / Flexnav) */
body.hb-skin .hb-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:#1079FC!important;border:1px solid #1079FC!important;color:#fff!important;border-radius:11px!important;font-family:"Google Sans Flex",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;padding:14px 24px!important;font-size:16px!important;line-height:1.2!important;width:auto!important;height:auto!important;min-height:0!important;box-shadow:0 14px 30px -14px rgba(16,121,252,.75)!important;transition:background .15s,transform .15s!important}
body.hb-skin .hb-cta:hover{background:#0B66D6!important}
body.hb-skin .hb-cta svg{flex:none}
/* bouton Depicter (calque positionné) : seules couleurs et typo changent, la position est conservée */
body.hb-skin [data-hb-cta].hb-cta-dp,body.hb-skin .depicter-layer[data-hb-cta]{background:#1079FC!important;border:1px solid #1079FC!important;color:#fff!important;border-radius:11px!important;font-family:"Google Sans Flex",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;min-width:max-content!important;box-shadow:0 14px 30px -14px rgba(16,121,252,.75)!important;cursor:pointer}
body.hb-skin .depicter-layer[data-hb-cta]:hover{background:#0B66D6!important}
body.hb-skin .depicter-layer[data-hb-cta] .dp-inner-content{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:0 18px;box-sizing:border-box;text-transform:none!important;letter-spacing:0!important}
body.hb-skin .depicter-layer[data-hb-cta] svg{flex:none}