/* Éléments d'interface globaux, hors contenu éditable. */ /* sdx-component:loader:start */ #loader-wrapper{position:fixed;inset:0;z-index:2000;display:grid;place-content:center;min-height:100dvh;padding:1.5rem;overflow:hidden;color:#f8fbff;background:radial-gradient(circle at 50% 45%, rgba(60, 178, 190, .24), transparent 35rem),linear-gradient(135deg, #041321, #07243a);opacity:1;visibility:visible;transition:opacity 280ms ease,visibility 0s linear 0s;}#loader-wrapper::before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);background-size:2rem 2rem;mask-image:radial-gradient(circle, #000, transparent 72%);}.loader-content{position:relative;display:grid;justify-items:center;gap:1.25rem;min-width:min(18rem, calc(100vw - 3rem));}.loader-logo{width:min(16rem, 65vw);}.loader-logo img{width:100%;max-height:7rem;object-fit:contain;}#loader{width:2.75rem;aspect-ratio:1;border:.25rem solid rgba(255, 255, 255, .22);border-top-color:#72dae3;border-radius:50%;box-shadow:0 0 .9rem rgba(114, 218, 227, .4);animation:sdx-loader-spin .8s linear infinite;}.sdx-loader-operation{display:grid;width:min(20rem, calc(100vw - 3rem));gap:.7rem;color:#f8fbff;text-align:center;}.sdx-loader-operation[hidden]{display:none;}.sdx-loader-operation__label{font-size:.9rem;font-weight:700;letter-spacing:.015em;}.sdx-loader-operation__track{position:relative;display:block;width:100%;height:.42rem;overflow:hidden;border:1px solid rgba(155, 236, 229, .3);border-radius:999px;background:rgba(255, 255, 255, .14);box-shadow:inset 0 1px 2px rgba(0, 0, 0, .22),0 0 1rem rgba(114, 218, 227, .12);}.sdx-loader-operation__bar{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg, #62d4de, #9bece5);box-shadow:0 0 .8rem rgba(155, 236, 229, .55);animation:sdx-loader-progress 1.1s ease-in-out infinite;}.sdx-loader-operation.is-determinate .sdx-loader-operation__bar{width:var(--sdx-loader-progress, 0%);animation:none;transition:width 180ms ease-out;}.sdx-loader-operation.is-processing .sdx-loader-operation__bar{width:38%;animation:sdx-loader-progress 1.1s ease-in-out infinite;}.sdx-loader-operation.is-complete .sdx-loader-operation__bar,.sdx-loader-operation.is-error .sdx-loader-operation__bar{width:100%;animation:none;}.sdx-loader-operation.is-error .sdx-loader-operation__bar{background:#ff9b9b;box-shadow:0 0 .8rem rgba(255, 155, 155, .45);}body.loaded #loader-wrapper,#loader-wrapper.sdx-loader-wrapper--inactive{pointer-events:none;visibility:hidden;opacity:0;transition:opacity 280ms ease,visibility 0s linear 280ms;}@keyframes sdx-loader-spin{to{transform:rotate(360deg);}}@keyframes sdx-loader-progress{from{transform:translateX(-115%);}to{transform:translateX(265%);}}/* sdx-component:loader:end */ .go-top{position:fixed;right:clamp(1rem, 2vw, 1.5rem);bottom:clamp(1rem, 2vw, 1.5rem);z-index:1030;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:1px solid rgba(255, 255, 255, .4);border-radius:50%;color:#fff;background:linear-gradient(135deg, #087e9c, #07536d);box-shadow:0 .7rem 1.75rem rgba(2, 27, 42, .3);opacity:0;visibility:hidden;transform:translateY(1rem) scale(.94);pointer-events:none;transition:transform 180ms ease,opacity 180ms ease,visibility 0s linear 180ms,background-color 180ms ease;}.go-top.fadeInTop,.go-top.is-visible{pointer-events:auto;visibility:visible;opacity:1;transform:translateY(0) scale(1);transition-delay:0s;}.go-top:hover{color:#fff;background:linear-gradient(135deg, #0a9fbd, #08728f);transform:translateY(-.2rem) scale(1.04);}.go-top:focus-visible{outline:3px solid rgba(114, 218, 227, .8);outline-offset:3px;}.go-top .bi{font-size:1.35rem;line-height:1;}/* sdx-component:system-pages:start */ .system-page{display:grid;min-height:min(38rem, calc(100vh - 8rem));padding:clamp(3rem, 8vw, 6rem) 0;place-items:center;background:linear-gradient(180deg, #fff 0%, #f7fafc 100%);}.site-system-page{min-height:100vh;}.site-system-page .system-page{min-height:100vh;}.system-page__panel{width:min(100%, 42rem);margin:auto;padding:clamp(2rem, 6vw, 4.5rem);text-align:center;background:#fff;border:1px solid #e5eaf0;border-radius:1rem;box-shadow:0 1.25rem 3.5rem rgba(18, 38, 63, .09);}.system-page__code{margin:0 0 .75rem;color:#0a7895;font-size:clamp(3.5rem, 11vw, 6.5rem);font-weight:800;line-height:.9;letter-spacing:-.075em;}.system-page__eyebrow{display:inline-flex;gap:.5rem;align-items:center;margin:0 0 1rem;color:#52707c;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}.system-page h1{margin:0;color:#1f2933;font-size:clamp(1.8rem, 4vw, 2.7rem);font-weight:700;}.system-page .lead{max-width:34rem;margin:1.25rem auto .75rem;color:#43535d;}.system-page .lead + p{margin-bottom:0;color:#667781;}/* sdx-component:system-pages:end */ /* sdx-component:custom-forms:start */ .sdx-custom-form{margin:0 auto;}.sdx-custom-form__intro{margin-bottom:1.5rem;}.sdx-custom-form__response:empty{display:none;}.sdx-form-honeypot{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}.sdx-form-options{display:grid;gap:.5rem;}/* sdx-component:custom-forms:end */ /* Pied de page par défaut : les contenus sur mesure gardent leurs propres
   classes, tandis que les nouveaux sites et l'ancien modèle de démonstration
   bénéficient immédiatement d'une base complète et responsive. */ .site-footer-default,.demo-studio-footer{position:relative;display:grid;grid-template-columns:minmax(0, 1.35fr) auto;gap:clamp(1.5rem, 4vw, 4rem);width:100%;margin-top:clamp(3rem, 7vw, 6rem);padding:clamp(2.5rem, 5vw, 4.25rem) max(1.25rem, calc((100% - var(--sdx-site-content-max, 90rem)) / 2)) 1.25rem;overflow:hidden;color:#d8e9ed;background:radial-gradient(circle at 12% 0%, rgba(27, 165, 184, .28), transparent 26rem),radial-gradient(circle at 92% 100%, rgba(68, 202, 192, .13), transparent 24rem),linear-gradient(135deg, #08242d, #102b33 54%, #07191f);border-top:1px solid rgba(145, 227, 230, .18);box-shadow:inset 0 1px rgba(255, 255, 255, .05);}.site-footer-default::before,.demo-studio-footer::before{position:absolute;top:0;right:0;left:0;height:.25rem;background:linear-gradient(90deg, #13a4bf, #77e0d4, #13a4bf);content:"";}.site-footer-default__brand,.demo-studio-footer > div:first-child{display:grid;gap:.65rem;max-width:36rem;}.site-footer-default__brand strong,.demo-studio-footer > div:first-child strong{color:#fff;font-size:clamp(1.3rem, 2vw, 1.7rem);font-weight:750;letter-spacing:-.025em;}.site-footer-default__brand span,.demo-studio-footer > div:first-child span,.site-footer-default__legacy{color:#b8d0d5;line-height:1.7;}.site-footer-default nav,.demo-studio-footer nav{display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-end;gap:.55rem;}.site-footer-default a,.demo-studio-footer a{display:inline-flex;align-items:center;min-height:2.4rem;padding:.45rem .8rem;border:1px solid rgba(194, 241, 241, .22);border-radius:999px;color:#f4ffff;font-size:.92rem;font-weight:650;line-height:1.2;text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease;}.site-footer-default a:hover,.site-footer-default a:focus-visible,.demo-studio-footer a:hover,.demo-studio-footer a:focus-visible{border-color:#82e4dc;color:#06222a;background:#9aece3;transform:translateY(-1px);}.site-footer-default a:focus-visible,.demo-studio-footer a:focus-visible{outline:3px solid rgba(154, 236, 227, .7);outline-offset:3px;}.site-footer-default small,.demo-studio-footer small{grid-column:1 / -1;display:block;padding-top:1.15rem;border-top:1px solid rgba(194, 241, 241, .16);color:#a8c2c8;font-size:.82rem;line-height:1.5;}.site-footer-default__legacy{min-width:0;}.site-footer-default__legacy > :first-child{margin-top:0;}.site-footer-default__legacy > :last-child{margin-bottom:0;}.site-footer-default__legacy a{margin:.25rem .35rem .25rem 0;}/* Accueil proposé sur une installation vierge. La palette reprend le bleu
   pétrole et le turquoise du logo, sans dépendre d'un contenu TinyMCE. */ .sdx-default-hero{position:relative;overflow:hidden;padding:clamp(7rem, 13vw, 10rem) max(1.25rem, calc((100vw - 76rem) / 2)) clamp(4.5rem, 8vw, 7rem);color:#f7ffff;background:radial-gradient(circle at 82% 14%, rgba(106, 224, 207, .34), transparent 23rem),radial-gradient(circle at 18% 100%, rgba(9, 151, 164, .28), transparent 30rem),linear-gradient(132deg, #062c39, #07576a 58%, #118d92);}.sdx-default-hero::before{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(120deg, #000, transparent 80%);content:"";}.sdx-default-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1.35fr) minmax(16rem, .65fr);gap:clamp(2rem, 7vw, 6rem);align-items:end;}.sdx-default-hero__copy{max-width:48rem;}.sdx-default-hero__eyebrow,.sdx-default-section__eyebrow,.sdx-default-next__eyebrow{display:inline-flex;gap:.55rem;align-items:center;margin:0 0 1.2rem;color:#baf2e8;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}.sdx-default-hero h1{max-width:48rem;margin:0;color:#fff;font-size:clamp(2.7rem, 6.5vw, 5.7rem);font-weight:760;letter-spacing:-.065em;line-height:.96;}.sdx-default-hero__lead{max-width:41rem;margin:1.6rem 0 0;color:#d6f3f1;font-size:clamp(1.04rem, 2vw, 1.23rem);line-height:1.7;}.sdx-default-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem 1.25rem;align-items:center;margin-top:2rem;}.sdx-default-hero__actions .btn{padding:.8rem 1.1rem;border-radius:999px;color:#06313c;background:#c0f1e7;border-color:#c0f1e7;font-weight:750;}.sdx-default-hero__actions .btn:hover,.sdx-default-hero__actions .btn:focus-visible{color:#06313c;background:#fff;border-color:#fff;}.sdx-default-hero__link{color:#fff;font-weight:700;text-decoration:none;}.sdx-default-hero__link:hover,.sdx-default-hero__link:focus-visible{color:#c0f1e7;}.sdx-default-hero__card{padding:1.5rem;border:1px solid rgba(209, 255, 248, .26);border-radius:1.25rem;background:rgba(3, 36, 45, .26);box-shadow:0 1.5rem 3.5rem rgba(2, 25, 31, .2);backdrop-filter:blur(14px);}.sdx-default-hero__card p{margin:0 0 .85rem;color:#baf2e8;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;}.sdx-default-hero__card strong{display:block;color:#fff;font-size:clamp(1.45rem, 2.4vw, 2.05rem);letter-spacing:-.04em;line-height:1.12;}.sdx-default-hero__card ul{display:flex;gap:.5rem;margin:1.6rem 0 0;padding:0;list-style:none;}.sdx-default-hero__card li{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:#06313c;background:#9ce3d8;font-size:.72rem;font-weight:800;}.sdx-default-section,.sdx-default-next{max-width:74rem;margin-inline:auto;}.sdx-default-section__intro{display:grid;grid-template-columns:minmax(0, .7fr) minmax(0, 1.1fr);gap:clamp(1.5rem, 6vw, 5rem);align-items:end;margin-bottom:2rem;}.sdx-default-section__eyebrow,.sdx-default-next__eyebrow{color:#087f95;}.sdx-default-section h2,.sdx-default-next h2{margin:0;color:#0b3540;font-size:clamp(2rem, 4.3vw, 3.7rem);font-weight:750;letter-spacing:-.055em;line-height:1.02;}.sdx-default-section__intro > p,.sdx-default-next__intro > p{max-width:40rem;margin:0;color:#557079;line-height:1.72;}.sdx-default-cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;}.sdx-default-cards article{min-height:100%;padding:clamp(1.35rem, 2.8vw, 2rem);border:1px solid #d8e8e8;border-radius:1.1rem;background:linear-gradient(145deg, #fff, #f4fbfa);box-shadow:0 1rem 2.4rem rgba(9, 67, 76, .06);}.sdx-default-cards__number{color:#078095;font-size:.75rem;font-weight:850;letter-spacing:.1em;}.sdx-default-cards h3{margin:1.4rem 0 .6rem;color:#103944;font-size:1.3rem;font-weight:740;}.sdx-default-cards p{margin:0;color:#59747c;line-height:1.65;}.sdx-default-next{position:relative;display:grid;grid-template-columns:minmax(0, .78fr) minmax(0, 1.22fr);gap:clamp(1.5rem, 6vw, 5rem);padding:clamp(1.6rem, 4vw, 3rem);overflow:hidden;border:1px solid rgba(9, 121, 138, .18);border-radius:1.4rem;background:linear-gradient(135deg, #e7f6f3, #f8fcfc 62%, #e0f1f1);}.sdx-default-next::after{position:absolute;right:-4rem;bottom:-5rem;width:17rem;aspect-ratio:1;border:2.3rem solid rgba(45, 175, 168, .12);border-radius:50%;content:"";}.sdx-default-next__intro,.sdx-default-next__steps{position:relative;z-index:1;}.sdx-default-next__steps{display:grid;gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:sdx-default-step;}.sdx-default-next__steps li{display:grid;grid-template-columns:2.2rem minmax(0, 1fr);gap:.9rem;align-items:start;counter-increment:sdx-default-step;}.sdx-default-next__steps li::before{display:grid;width:2.2rem;height:2.2rem;place-items:center;border-radius:.7rem;color:#fff;background:#087f95;content:"0" counter(sdx-default-step);font-size:.72rem;font-weight:800;}.sdx-default-next__steps strong{color:#153f49;}.sdx-default-next__steps span{display:block;margin-top:.15rem;color:#5d777d;line-height:1.55;}/* Compatibilité visuelle avec les contenus de la vitrine de démonstration
   déjà présents dans certains environnements de développement. */ .demo-studio-hero{position:relative;overflow:hidden;margin:0 -12px 3.4rem;padding:clamp(3rem, 7vw, 5.75rem) clamp(1.5rem, 6vw, 5.25rem);border-radius:0 0 1.9rem 1.9rem;color:#fff;background:radial-gradient(circle at 88% 13%, rgba(111, 223, 207, .34), transparent 23rem),linear-gradient(132deg, #062c39, #07576a 58%, #118d92);}.demo-studio-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(14rem, .6fr);gap:clamp(1.8rem, 4vw, 2.7rem);align-items:end;max-width:74rem;margin:auto;}.demo-studio-hero__halo{position:absolute;top:-19rem;right:-16rem;width:39rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle, #8fe0d4 0, rgba(76, 190, 183, .2) 36%, transparent 67%);}.demo-studio-kicker{margin:0 0 1rem;color:#087f95;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}.demo-studio-hero .demo-studio-kicker{color:#baf2e8;}.demo-studio-hero h1{max-width:46rem;margin:0;color:#fff;font-size:clamp(2.65rem, 6vw, 5.35rem);font-weight:760;letter-spacing:-.06em;line-height:.96;}.demo-studio-lead{max-width:40rem;margin:1.55rem 0 0;color:#d6f3f1;font-size:clamp(1.03rem, 2vw, 1.22rem);line-height:1.65;}.demo-studio-actions{display:flex;flex-wrap:wrap;gap:.85rem 1.15rem;align-items:center;margin-top:2rem;}.demo-studio-actions .btn{padding:.78rem 1.15rem;border-radius:999px;color:#06313c;background:#c0f1e7;border-color:#c0f1e7;font-weight:750;}.demo-studio-link{color:#fff;font-weight:700;text-decoration:none;}.demo-studio-link:hover{color:#c0f1e7;}.demo-studio-proof{padding:1.45rem;border:1px solid rgba(225, 255, 250, .25);border-radius:1.25rem;background:rgba(3, 36, 45, .3);box-shadow:0 1.4rem 3rem rgba(2, 25, 31, .18);backdrop-filter:blur(12px);}.demo-studio-proof p{margin:0 0 .8rem;color:#baf2e8;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;}.demo-studio-proof strong{display:block;font-size:1.4rem;line-height:1.2;}.demo-studio-proof div{display:flex;gap:.7rem;margin-top:1.7rem;}.demo-studio-proof span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:#06313c;background:#9ce3d8;font-size:.72rem;font-weight:800;}.demo-studio-section{max-width:68rem;margin:0 auto 3.5rem;}.demo-studio-cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;}.demo-studio-cards article{padding:1.7rem;border:1px solid #d8e8e8;border-radius:1.1rem;background:linear-gradient(145deg, #fff, #f4fbfa);box-shadow:0 1rem 2.4rem rgba(9, 67, 76, .06);}.demo-studio-cards article > span{color:#087f95;font-size:.75rem;font-weight:800;}.demo-studio-cards h3{margin:1.45rem 0 .65rem;color:#103944;font-size:1.3rem;}.demo-studio-cards p{margin:0;color:#59747c;line-height:1.65;}.demo-studio-process{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:clamp(2rem, 7vw, 5.6rem);align-items:start;max-width:68rem;margin:1.4rem auto 3.5rem;}.demo-studio-process h2,.demo-studio-contact-intro h2{color:#0b3540;font-size:clamp(2rem, 4vw, 3.1rem);letter-spacing:-.05em;}.demo-studio-process > div > p:last-child,.demo-studio-contact-intro > p{color:#52717a;line-height:1.7;}.demo-studio-process ol{display:grid;gap:.85rem;margin:0;padding:0;list-style:none;counter-reset:studio;}.demo-studio-process li{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;padding:1.15rem;border-radius:.9rem;background:#f1faf9;counter-increment:studio;}.demo-studio-process li::before{grid-row:span 2;color:#087f95;content:"0" counter(studio);font-size:.78rem;font-weight:800;}.demo-studio-process strong{color:#103944;}.demo-studio-process span{grid-column:2;color:#647d83;line-height:1.55;}.demo-studio-contact-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;max-width:68rem;margin:0 auto 1.6rem;}.demo-studio-contact-intro h2{margin:0;}.demo-studio-note{max-width:47rem;margin:1.9rem auto 0;padding:1rem 1.15rem;border-left:3px solid #35aaa7;border-radius:0 .65rem .65rem 0;color:#52717a;background:#eff9f8;}.demo-studio-note code{color:#087f95;}.demo-legal{max-width:50rem;margin:.6rem auto 3.75rem;}.demo-legal h2{margin:2.1rem 0 .6rem;color:#0b3540;font-size:1.35rem;}.demo-legal p{color:#52717a;line-height:1.7;}.demo-legal > p:first-child{padding:1rem 1.15rem;border:1px solid #b9e5df;border-radius:.9rem;color:#15535f;background:#eff9f8;}@media (max-width: 767.98px){.sdx-default-hero{padding-top:6.75rem;}.sdx-default-hero__inner,.sdx-default-section__intro,.sdx-default-next{grid-template-columns:1fr;}.sdx-default-hero__card{max-width:21rem;}.sdx-default-cards{grid-template-columns:1fr;}.demo-studio-hero__grid,.demo-studio-cards,.demo-studio-process,.demo-studio-contact-intro{grid-template-columns:1fr;}.demo-studio-proof{max-width:20rem;}}@media (max-width: 767.98px){.site-footer-default,.demo-studio-footer{grid-template-columns:minmax(0, 1fr);gap:1.5rem;padding-top:2.35rem;}.site-footer-default nav,.demo-studio-footer nav{justify-content:flex-start;}}@media (prefers-reduced-motion: reduce){#loader,.sdx-loader-operation__bar,.go-top{animation:none;transition-duration:.01ms;}}.gmap-contact-person{display:flex;gap:.65rem;align-items:center;justify-content:center;margin:0 0 .75rem;text-align:left;}.gmap-contact-person__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;}.gmap-contact-person span{display:grid;gap:.1rem;}.gmap-contact-person strong,.gmap-contact-person small{display:block;}