.sx-30{--navy:#0d1b3e;--navy2:#162248;--ink:#2a334e;--soft:#5a6480;--orange:#e8621a;--orange2:#ff7d35;--teal:#4abfb0;--cream:#f7f3ec;--cream2:#efe9de;--paper:#fcfbf9;--line:#e3dccf;--navh:112px;--fd:"Urbanist", sans-serif;--fb:"Plus Jakarta Sans", sans-serif;background:var(--paper);color:var(--ink);font-family:var(--fb);line-height:1.65;overflow-x:clip}.sx-30 *,.sx-30 :before{box-sizing:border-box}.sx-30 section[id],.sx-30 article[id]{scroll-margin-top:calc(var(--navh) + 16px)}.sx-30 .hero{background:var(--navy);color:#fff;padding:calc(var(--navh) + 48px) 5vw 72px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;display:grid}.sx-30 .sur-titre{font-family:var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--orange2);margin:0;font-size:13px;font-weight:700}.sx-30 .hero h1{font-family:var(--fd);letter-spacing:-.02em;color:#fff;margin:16px 0 20px;font-size:clamp(36px,3.9vw,56px);font-weight:800;line-height:1.05}.sx-30 .trente{color:var(--orange2)}.sx-30 .promesse{color:#c9d2ea;margin:0;font-size:clamp(16px,1.3vw,19px)}.sx-30 .auteur{color:#9faacc;margin:20px 0 26px;font-size:14px}.sx-30 .btn-go{background:var(--orange);color:#fff;border-radius:10px;padding:13px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.sx-30 .btn-go:hover{background:var(--orange2)}.sx-30 .cercles{width:100%;min-width:0;max-width:720px;height:auto;font-family:var(--fd);margin:0 auto;display:block}.sx-30 .cercles a{cursor:pointer;text-decoration:none}.sx-30 .cercles a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sx-30 .anneau{fill:none;stroke:#ffffff29;stroke-width:1.5px}.sx-30 .rayon{stroke:#fff3;stroke-width:1.5px}.sx-30 .secteur{fill:var(--navy2);stroke:#ffffff3d;stroke-width:1.5px;transition:fill .35s}.sx-30 .secteur.actif{fill:#2b6f73}.sx-30 .secteur-nom{fill:#fff;pointer-events:none;font-size:26px;font-weight:800}.sx-30 .secteur-nb{fill:#c9d2ea;pointer-events:none;font-size:19px;font-weight:600}.sx-30 .centre{fill:var(--cream)}.sx-30 .centre-toi{fill:var(--soft);font-size:19px;font-weight:700}.sx-30 .centre-nb{fill:var(--navy);font-size:78px;font-weight:800}.sx-30 .centre-agents{fill:var(--navy);font-size:26px;font-weight:800}.sx-30 .centre-nom{fill:#b84a10;font-size:22px;font-weight:700}.sx-30 .noeud{fill:var(--navy);stroke:var(--teal);stroke-width:2px;transition:fill .25s}.sx-30 .noeud.actif{fill:var(--orange);stroke:var(--orange2)}.sx-30 .noeud-num{fill:#fff;pointer-events:none;font-size:23px;font-weight:800}.sx-30 .noeud-entree{animation:.45s both sx30-allume}@keyframes sx30-allume{0%{opacity:0}to{opacity:1}}.sx-30 .corps{grid-template-columns:250px minmax(0,1fr);gap:48px;max-width:1320px;margin:0 auto;padding:56px 5vw 88px;display:grid}.sx-30 .sommaire{top:calc(var(--navh) + 12px);background:var(--cream);border-radius:14px;align-self:start;padding:18px 14px;position:sticky}.sx-30 .sommaire-titre{font-family:var(--fd);color:var(--navy);margin:0 8px 8px;font-size:14px;font-weight:800}.sx-30 .sommaire a{color:var(--ink);border-radius:8px;justify-content:space-between;gap:8px;padding:8px;font-size:14px;line-height:1.35;text-decoration:none;display:flex}.sx-30 .sommaire a:hover,.sx-30 .sommaire a.actif{color:var(--orange);background:#fff}.sx-30 .sommaire small{color:var(--soft);font-size:12px}.sx-30 .contenu{min-width:0}.sx-30 h2{font-family:var(--fd);color:var(--navy);margin:0 0 10px;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.12}.sx-30 .mode-emploi{background:#e9f5f3;border-radius:16px;padding:28px}.sx-30 .mode-emploi ol{margin:16px 0 0;padding-left:22px}.sx-30 .mode-emploi li{margin-bottom:8px}.sx-30 .astuce{color:var(--soft);margin:16px 0 0;font-size:15px}.sx-30 .bloc-equipe{margin-top:64px}.sx-30 .eq-num{font-family:var(--fd);color:var(--orange);margin:0 0 4px;font-weight:700}.sx-30 .eq-phrase{color:var(--navy);margin:0 0 6px;font-size:18px;font-weight:600}.sx-30 .eq-detail{color:var(--soft);max-width:760px;margin:0 0 24px;font-size:16px}.sx-30 .grille{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.sx-30 .carte{border:1px solid var(--line);background:#fff;border-radius:14px;flex:0 calc(50% - 8px);min-width:0;padding:18px}.sx-30 .carte-haut{gap:12px;display:flex}.sx-30 .num{font-family:var(--fd);color:var(--orange);font-size:20px;font-weight:800;line-height:1.3}.sx-30 .carte h3{font-family:var(--fd);color:var(--navy);margin:0 0 4px;font-size:19px;font-weight:800;line-height:1.25}.sx-30 .carte p{margin:0;font-size:15px;line-height:1.5}.sx-30 .carte-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sx-30 .carte button{font-family:var(--fb);cursor:pointer;border-radius:8px;padding:8px 13px;font-size:14px;font-weight:700}.sx-30 .btn-voir{background:var(--cream);color:var(--navy);border:1px solid var(--line)}.sx-30 .btn-copier{background:var(--navy);color:#fff;border:1px solid var(--navy)}.sx-30 .btn-copier.fait{background:#1f7a52;border-color:#1f7a52}.sx-30 .carte pre{background:var(--navy);color:#e6ebf7;font-family:var(--fb);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:14px 0 0;padding:15px;font-size:14px;line-height:1.6}.sx-30 .ls{background:linear-gradient(180deg, var(--cream) 0%, var(--cream2) 100%);padding:88px 5vw 96px}.sx-30 .ls-in{max-width:1180px;margin:0 auto}.sx-30 .ls-sur{font-family:var(--fd);letter-spacing:.16em;text-transform:uppercase;color:#b84a10;text-align:center;margin:0 0 10px;font-size:13px;font-weight:700}.sx-30 .ls h2{letter-spacing:-.02em;text-align:center;max-width:900px;margin:0 auto 18px;font-size:clamp(34px,4.4vw,60px);line-height:1.06}.sx-30 .ls h2 em{color:var(--orange);font-style:normal;display:block}.sx-30 .insecable{white-space:nowrap}.sx-30 .ls-intro{text-align:center;color:var(--ink);max-width:720px;margin:0 auto 48px;font-size:18px}.sx-30 .ls-portes{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:28px;display:grid;position:relative}.sx-30 .ls-ou{z-index:2;background:var(--orange);border:5px solid var(--cream);color:#fff;width:58px;height:58px;font-family:var(--fd);border-radius:50%;place-items:center;margin:-29px 0 0 -29px;font-size:19px;font-weight:800;display:grid;position:absolute;top:50%;left:50%}.sx-30 .porte{border-radius:22px;flex-direction:column;min-width:0;padding:34px;transition:transform .25s;display:flex}.sx-30 .porte:hover{transform:translateY(-5px)}.sx-30 .porte-claire{border:2px solid var(--teal);background:#fff;box-shadow:0 18px 44px #0d1b3e1a}.sx-30 .porte-sombre{background:var(--navy);border:2px solid var(--navy);color:#e6ebf7;box-shadow:0 18px 44px #0d1b3e47}.sx-30 .porte-envie{font-family:var(--fd);color:#1c7f73;margin:0 0 8px;font-size:16px;font-weight:800}.sx-30 .porte-sombre .porte-envie{color:var(--orange2)}.sx-30 .porte h3{font-family:var(--fd);color:var(--navy);margin:0 0 24px;font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1.12}.sx-30 .porte-sombre h3{color:#fff}.sx-30 .porte-offre{font-family:var(--fd);color:var(--navy);margin:24px 0 10px;font-size:19px;font-weight:800}.sx-30 .porte-sombre .porte-offre{color:#fff}.sx-30 .porte ul{margin:0 0 26px;padding:0;list-style:none}.sx-30 .porte li{margin-bottom:9px;padding-left:22px;font-size:16px;line-height:1.5;position:relative}.sx-30 .porte li:before{content:"";background:var(--teal);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:2px}.sx-30 .porte-bas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;display:flex}.sx-30 .prix{font-family:var(--fd);color:var(--navy);font-size:38px;font-weight:800;line-height:1}.sx-30 .porte-sombre .prix{color:#fff}.sx-30 .porte-btn{background:var(--navy);color:#fff;border-radius:11px;padding:14px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s}.sx-30 .porte-claire .porte-btn:hover{background:var(--navy2)}.sx-30 .porte-sombre .porte-btn{background:var(--orange)}.sx-30 .porte-sombre .porte-btn:hover{background:var(--orange2)}.sx-30 .fenetre{background:var(--navy);border-radius:13px;overflow:hidden}.sx-30 .fenetre-barre{background:var(--navy2);align-items:center;gap:6px;padding:10px 14px;display:flex}.sx-30 .fenetre-barre i{background:#ffffff47;border-radius:50%;width:9px;height:9px}.sx-30 .fenetre-barre span{color:#c9d2ea;margin-left:8px;font-size:13px}.sx-30 .fenetre-corps{min-height:150px;padding:14px 16px}.sx-30 .fenetre-corps p{color:#fff;align-items:center;gap:9px;margin:0 0 8px;font-size:14.5px;line-height:1.4;animation:7s infinite both sx30-ligne;display:flex}.sx-30 .fenetre-corps svg{width:16px;height:16px;color:var(--teal);flex:none}@keyframes sx30-ligne{0%{opacity:0;transform:translateY(5px)}6%,82%{opacity:1;transform:none}92%,to{opacity:0}}.sx-30 .machine{background:var(--navy2);border:1px solid #ffffff24;border-radius:13px;min-height:150px;padding:36px 12px 18px;position:relative}.sx-30 .machine-ligne{z-index:1;background:#ffffff3d;height:2px;position:absolute;top:57px;left:12.5%;right:12.5%}.sx-30 .machine-point{background:var(--orange2);border-radius:50%;width:12px;height:12px;margin-left:-6px;animation:5s linear infinite sx30-point;position:absolute;top:-5px;left:0}@keyframes sx30-point{0%{left:0}to{left:100%}}.sx-30 .machine-etapes{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.sx-30 .machine-etapes span{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.sx-30 .machine-etapes b{background:var(--navy);border:2px solid var(--teal);width:40px;height:40px;font-family:var(--fd);animation:5s infinite both sx30-etape;animation-delay:inherit;border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid}@keyframes sx30-etape{0%,to{background:var(--navy)}8%,22%{background:#2b6f73}}.sx-30 .ls-hesite{text-align:center;margin:40px 0 0;font-size:17px}.sx-30 .ls-hesite a{color:var(--navy);font-weight:700}@media (max-width:1080px){.sx-30 .hero{grid-template-columns:minmax(0,1fr);gap:36px}.sx-30 .corps{grid-template-columns:minmax(0,1fr);gap:32px}.sx-30 .sommaire{position:static}}@media (max-width:860px){.sx-30 .ls-portes{grid-template-columns:minmax(0,1fr);gap:0}.sx-30 .ls-ou{justify-self:center;margin:-14px 0;position:relative;top:auto;left:auto}}@media (max-width:760px){.sx-30 .carte{flex-basis:100%}}@media (max-width:560px){.sx-30 .mode-emploi{padding:22px}.sx-30 .ls{padding:60px 5vw 68px}.sx-30 .porte{padding:24px 20px}.sx-30 .porte-btn{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.sx-30 .noeud-entree,.sx-30 .fenetre-corps p,.sx-30 .machine-etapes b,.sx-30 .machine-point{animation:none}.sx-30 .porte,.sx-30 .secteur,.sx-30 .noeud{transition:none}}