.scene{height:100svh;min-height:620px;position:relative;overflow:hidden}.art{width:100%;height:100%;display:block;position:absolute;inset:0}.contenu{z-index:2;max-width:1280px;height:100%;padding-left:var(--gutter-l);padding-right:var(--gutter-r);padding-block:calc(5.6rem + env(safe-area-inset-top,0px)) 2.5rem;margin:0 auto;position:relative}.hero{background:var(--papier)}.panneau{z-index:2;background:linear-gradient(128deg, var(--foret) 0%, var(--foret-2) 100%);clip-path:polygon(0% 0%,56% 0%,42% 100%,0% 100%);position:absolute;inset:0}.hero .contenu{flex-direction:column;justify-content:center;display:flex}.hero-copy{max-width:min(35rem,40vw);color:var(--blanc);gap:24px;display:grid}.hero-copy h1 span{color:var(--neon)}.hero-copy p{color:var(--brume);font-family:var(--font-hero);max-width:31rem;font-size:1.12rem}.actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.compo{z-index:3;aspect-ratio:1;pointer-events:none;width:min(56vw,960px,100svh - 7.5rem);position:absolute;top:calc(50% + 2.2rem);right:max(1vw,50vw - 750px);transform:translateY(-50%)}.piece{left:var(--x);top:var(--y);width:var(--w);z-index:var(--z);position:absolute}.piece .px,.piece img{width:100%}.piece img{filter:drop-shadow(0 24px 30px #0d1a1324)}.piece:not(.p-phone) .px{opacity:.8}.p-tuiles{--x:9%;--y:13%;--w:16%;--z:1}.p-phone{--x:27%;--y:2%;--w:44%;--z:2}.p-code{--x:3%;--y:64%;--w:29%;--z:4}.p-notifs{--x:64%;--y:6%;--w:29%;--z:3}.p-seo{--x:67%;--y:42%;--w:27%;--z:3}.p-ia{--x:64%;--y:69%;--w:27%;--z:4}.services{background:var(--blanc);color:var(--encre);z-index:5;overflow:visible}.services .contenu{grid-template-rows:auto minmax(0,1fr);gap:clamp(1rem,2.4vh,2rem);display:grid}.services-tete{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(1.5rem,4vw,4rem);display:grid}.services-tete p{color:var(--gris);max-width:32rem}.titre-fort{letter-spacing:-.015em;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:700}@media (min-width:861px){.titre-fort{white-space:nowrap}}.services-grille{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:0;display:grid}.graphe{width:100%;max-height:62svh;overflow:visible}.graphe-wrap{justify-content:flex-start;min-width:0;display:flex}.svc-zone{gap:14px;min-width:0;display:grid}.svc-pile{gap:18px;display:grid}.svc{border-left:2px solid var(--vert);color:var(--encre);grid-template-columns:minmax(0,1fr);max-width:38rem;padding:6px 0 6px clamp(18px,2.2vw,30px);display:grid}.svc.cyber{border-left-color:var(--or)}.svc h3{font-weight:700}.svc-texte{gap:14px;min-width:0;display:grid}.svc-tete{align-items:center;gap:14px;margin-bottom:12px;display:flex}.svc-icone{width:46px;height:46px;color:var(--foret);background:#2fa24e1f;border-radius:14px;flex:none;place-items:center;display:grid}.svc-icone svg{width:24px;height:24px}.svc.cyber .svc-icone{background:var(--or-pale);color:#8a6a00}.svc-tagline{font:400 .95rem/1.3 var(--font-titre);color:var(--gris);margin-top:4px}.svc-texte>p{color:var(--gris)}.svc-pied{border-top:1px solid var(--trait);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:12px;font-size:.9rem;display:flex}.svc-pied span{color:var(--gris)}.svc-pied a{font:500 .93rem/1 var(--font-titre);color:var(--foret);text-underline-offset:4px;text-decoration-thickness:1px}.points{justify-content:center;gap:8px;display:none}.points i{background:var(--trait);border-radius:50%;width:8px;height:8px;transition:background .2s}.points i.actif{background:var(--vert)}.bascule .points{display:flex}.bascule .svc-pile{gap:0}.bascule .svc{visibility:hidden;grid-area:1/1}.bascule .svc.actif{visibility:visible}.cyber-scene{background:var(--menthe);color:var(--encre)}.cyber-scene .contenu{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.bouclier-wrap{justify-items:center;gap:14px;min-width:0;display:grid}.bouclier{width:100%;max-height:50svh}.cyber-scene #radar{opacity:.45}.cyber-scene .menaces line{opacity:.3}#anneau{stroke:var(--or)}.ticker{font:400 .82rem/1.5 var(--font-code);color:var(--gris);text-align:center;min-height:1.5em}.ticker .rouge{color:var(--rouge-texte)}.cyber-texte{gap:18px;min-width:0;display:grid}.cyber-texte>p{color:var(--gris);max-width:36rem}.defenses{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.defenses li{border:1px solid var(--trait);background:var(--blanc);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 14px;padding:14px 16px;transition:border-color .3s,background .3s;display:grid}.defenses b{font:500 1rem/1.25 var(--font-titre);grid-column:2}.defenses small{color:var(--gris);grid-column:2;font-size:.86rem;line-height:1.45}.defenses .ico{background:var(--papier);width:40px;height:40px;color:var(--gris);border-radius:12px;grid-row:1/span 2;place-items:center;transition:background .3s,color .3s;display:grid;position:relative}.defenses .ico svg{width:20px;height:20px}.defenses .ico:after{content:"";background:var(--vert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 10px no-repeat;width:16px;height:16px;box-shadow:0 0 0 2px var(--blanc);border-radius:50%;transition:transform .3s;position:absolute;bottom:-5px;right:-5px;transform:scale(0)}.defenses li.arme{background:#2fa24e12;border-color:#2fa24e59}.defenses li.arme .ico{color:var(--foret);background:#2fa24e26}.defenses li.arme .ico:after{transform:scale(1)}.badges{flex-wrap:wrap;justify-content:center;gap:6px;max-width:30rem;display:flex}.badges span{font:400 .78rem/1 var(--font-titre);border:1px solid var(--trait);color:var(--gris);background:var(--blanc);border-radius:999px;padding:6px 10px}.lien-suite{font:500 .98rem/1 var(--font-titre);color:var(--foret);text-underline-offset:4px;justify-self:start}.ia-scene{background:var(--blanc)}.ia-scene .contenu{align-content:center;gap:clamp(1.5rem,4vh,2.6rem);display:grid}.ia-tete{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:2rem;display:grid}.ia-tete-texte{gap:14px;display:grid}.ia-tete-texte p{color:var(--gris);max-width:36rem}.ia-visuel{justify-self:center;width:min(100%,380px)}.flux{--p:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid;position:relative}.flux-piste{background:var(--trait);height:2px;position:absolute;top:31px;left:12.5%;right:12.5%}.flux-piste:after{content:"";width:calc(var(--p) * 100%);background:var(--vert);position:absolute;top:0;bottom:0;left:0}.paquet{top:50%;left:calc(var(--p) * 100%);background:var(--neon);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 6px #cbf23d59}.etape{text-align:center;justify-items:center;gap:8px;display:grid;position:relative}.etape-icone{background:var(--blanc);border:2px solid var(--trait);width:62px;height:62px;color:var(--gris);border-radius:50%;place-items:center;transition:border-color .25s,color .25s,background .25s;display:grid}.etape-icone svg{width:26px;height:26px}.etape b{font:500 1rem/1.25 var(--font-titre)}.etape small{color:var(--gris);max-width:15rem;font-size:.88rem}.etape.actif .etape-icone{border-color:var(--vert);color:var(--foret);background:#cbf23d40}.capacites{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.capacites li{background:var(--papier);border-radius:12px;gap:2px;padding:12px 16px;display:grid}.capacites b{font:500 .98rem/1.3 var(--font-titre)}.capacites small{color:var(--gris);font-size:.86rem}.methode{background:var(--papier)}.methode .contenu{grid-template-rows:auto auto minmax(0,1fr);gap:clamp(1rem,3vh,1.8rem);display:grid}.methode-tete{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:2rem;display:grid}.methode-tete p{color:var(--gris);max-width:30rem}.etapes{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.etapes li{color:var(--gris);align-content:start;gap:6px;font-size:.88rem;display:grid}.etapes li:before{content:"";background:var(--trait);border-radius:2px;height:3px}.etapes li b{font:500 1rem/1.2 var(--font-titre);color:var(--encre)}.etapes li.fait:before{background:var(--vert)}.etapes li.actif:before{background:var(--neon)}.atelier{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:0;display:grid}.editeur{background:var(--encre);color:var(--papier);border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 30px 60px -30px #0b4f2c73}.editeur-tete{border-bottom:1px solid var(--trait-clair);color:var(--brume);font-size:.8rem;font-family:var(--font-code);justify-content:space-between;padding:10px 16px;display:flex}.editeur pre{font:400 clamp(.72rem, 1vw, .9rem)/1.75 var(--font-code);margin:0;padding:14px 0;overflow-x:auto}.ligne{white-space:pre;padding:0 16px;display:block}.ligne .n{width:2.2em;color:var(--gris);-webkit-user-select:none;user-select:none;display:inline-block}.k{color:var(--neon)}.s{color:var(--soleil)}.t{color:var(--lime)}.c{color:var(--brume);font-style:italic}.mobile{aspect-ratio:9/18.5;background:var(--encre);border-radius:38px;justify-self:center;width:min(280px,100%);max-height:54svh;padding:11px;box-shadow:0 30px 60px -28px #0b4f2c80}.ecran{background:var(--blanc);border-radius:28px;flex-direction:column;gap:10px;height:100%;padding:22px 14px 14px;display:flex;overflow:hidden}.ecran-titre{font:500 1.15rem/1.2 var(--font-titre)}.ecran-sous{color:var(--gris);margin-top:-6px;font-size:.76rem}.carte{background:var(--papier);border-radius:12px;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:10px 12px;font-size:.8rem;display:grid}.carte b{font:500 .85rem/1 var(--font-titre);color:var(--foret);grid-row:span 2;align-self:center}.carte span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.carte small{color:var(--gris);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.ecran-btn{text-align:center;background:var(--neon);font:500 .88rem/1 var(--font-titre);border-radius:999px;margin-top:auto;padding:11px}@media (max-width:860px),(max-height:619px){.scene{height:auto;min-height:100svh}.hero{height:100svh}.contenu{height:auto;padding-block:4.5rem 3rem}.hero .contenu{height:100%;padding-block:calc(4.8rem + env(safe-area-inset-top,0px)) 0;justify-content:flex-start}}@media (max-width:860px){.panneau{clip-path:polygon(0% 0%,100% 0%,100% 52%,0% 62%)}.hero-copy{gap:14px;max-width:100%}.hero-copy h1{font-size:clamp(2.1rem,9vw,2.8rem)}.hero-copy p{font-size:.98rem}.compo{width:min(100vw,52svh);inset:auto auto 0 50%;transform:translate(-50%)}.p-tuiles,.p-seo,.p-ia{display:none}.p-phone{--x:27%;--y:4%;--w:46%}.p-notifs{--x:63%;--y:16%;--w:34%}.p-code{--x:2%;--y:54%;--w:36%}.services-tete,.services-grille,.methode-tete,.ia-tete,.atelier{grid-template-columns:minmax(0,1fr)}.services-tete{gap:10px}.graphe{max-height:36svh}.cyber-scene .contenu{grid-template-columns:minmax(0,1fr)}.bouclier{max-height:34svh}.defenses{grid-template-columns:minmax(0,1fr)}.ia-visuel{width:min(80%,300px)}.flux{grid-template-columns:minmax(0,1fr);gap:14px}.flux-piste{width:2px;height:auto;inset:31px auto 31px 30px}.flux-piste:after{width:100%;height:calc(var(--p) * 100%)}.paquet{top:calc(var(--p) * 100%);left:50%}.etape{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:2px 16px}.etape-icone{grid-row:span 2}.capacites{grid-template-columns:minmax(0,1fr)}.etapes{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile{display:none}}@media (prefers-reduced-motion:reduce){.etape-icone,.points i,.defenses li,.defenses .ico,.defenses .ico:after{transition:none}}
.v2-accueil .hero{background:#fff}.v2-accueil .panneau .scene-3d>svg{width:100%;height:100%;inset:0}.v2-accueil .scene:not(.hero){height:auto;min-height:100svh}.v2-accueil .scene:not(.hero) .contenu{min-height:100svh;padding-bottom:clamp(2.5rem,6vh,4rem)}.v2-accueil .ia-visuel{object-fit:contain;width:min(100%,300px);max-height:30svh}.v2-accueil .mobile{max-height:50svh}.v2-accueil .defenses li{transition:border-color .3s,background .3s,box-shadow .3s}.v2-accueil .defenses li.arme{border-color:var(--vert);background:#e2f3e5;box-shadow:0 10px 24px -18px #0b4f2c8c}.v2-accueil .defenses li.arme b{color:var(--foret)}.v2-accueil .ticker .rouge{font-weight:600}@media (max-width:860px),(max-height:619px){.v2-accueil .services{height:100svh;min-height:0}.v2-accueil .services .contenu{height:100svh;min-height:0;padding:calc(var(--entete-h) + 14px) var(--gutter-r) 14px var(--gutter-l);grid-template-rows:auto minmax(0,1fr);gap:10px;display:grid}.v2-accueil .services-tete p{display:none}.v2-accueil .titre-fort{white-space:normal;font-size:clamp(1.45rem,6.4vw,1.9rem)}.v2-accueil .services-grille{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.v2-accueil .graphe-wrap{justify-content:center}.v2-accueil .graphe{width:auto;max-height:24svh}.v2-accueil .svc-zone{align-content:start;align-self:stretch}.v2-accueil .svc{padding-left:14px}.v2-accueil .svc-tete{gap:10px;margin-bottom:4px}.v2-accueil .svc-icone{border-radius:12px;width:38px;height:38px}.v2-accueil .svc h3{font-size:1.25rem}.v2-accueil .svc-tagline{font-size:.85rem}.v2-accueil .svc-texte{gap:10px}.v2-accueil .svc-texte>p{font-size:.9rem;line-height:1.5}.v2-accueil .svc .coches{gap:4px;font-size:.85rem}.v2-accueil .svc-pied{padding-top:8px;font-size:.82rem}.v2-accueil .cyber-scene{height:100svh;min-height:0;overflow:hidden}.v2-accueil .cyber-scene .contenu{height:100svh;min-height:0;padding:calc(var(--entete-h) + 14px) 0 12px;flex-direction:column;align-items:stretch;gap:12px;display:flex}.v2-accueil .cyber-texte{padding:0 var(--gutter-r) 0 var(--gutter-l);order:1;grid-template-columns:minmax(0,1fr);gap:10px}.v2-accueil .cyber-texte h2{font-size:clamp(1.4rem,6vw,1.8rem)}.v2-accueil .cyber-texte>p{font-size:.9rem;line-height:1.5}.v2-accueil .cyber-texte .lien-suite{display:none}.v2-accueil .defenses{will-change:transform;flex-wrap:nowrap;gap:12px;margin:2px 0 0;display:flex}.v2-accueil .defenses li{flex:none;width:min(78vw,340px);padding:12px 14px}.v2-accueil .bouclier-wrap{min-height:0;padding:0 var(--gutter-r) 0 var(--gutter-l);flex-direction:column;flex:1;order:2;align-items:center;gap:6px;display:flex}.v2-accueil .bouclier{flex:1;align-self:stretch;width:100%;min-height:0;max-height:none}.v2-accueil .bouclier-wrap .badges{display:none}.v2-accueil .ticker{font-size:.78rem}}@media (min-width:600px) and (max-width:860px){.v2-accueil .cyber-texte h2,.v2-accueil .titre-fort{font-size:2.2rem}.v2-accueil .cyber-texte>p{font-size:1rem}.v2-accueil .graphe{max-height:30svh}.v2-accueil .svc h3{font-size:1.6rem}.v2-accueil .svc-texte>p{font-size:1rem}}@media (max-width:860px) and (max-height:700px){.v2-accueil .svc .coches{display:none}.v2-accueil .cyber-texte>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.v2-accueil .defenses li{transition:none}}