.su-pel{position:relative}.su-pel__scene{min-height:100svh;position:relative;overflow:hidden}.su-pel__tete{max-width:var(--su-conteneur-scene);padding:0 var(--su-gouttiere);z-index:2;justify-content:space-between;margin:0 auto;display:flex;position:absolute;top:84px;left:0;right:0}.su-pel__etiquette,.su-pel__compteur{color:var(--su-texte-doux);margin:0}.su-pel__piste{z-index:1;width:100%;height:100svh;display:flex;position:relative}.su-pel__projet{column-gap:var(--su-gouttiere);width:100vw;height:100svh;padding:120px var(--su-gouttiere) 48px;box-sizing:border-box;flex:0 0 100vw;grid-template-columns:repeat(12,1fr);align-items:center;display:grid}.su-pel__capture{grid-column:1/span 8}.su-pel__texte{flex-direction:column;grid-column:9/span 4;align-items:flex-start;gap:12px;display:flex}.su-pel__demo{color:var(--su-ivoire);margin:0}.su-pel__nom{color:var(--su-ivoire);margin:0;font-size:clamp(2.2rem,4.5vw,4.5rem)}.su-pel__type{color:var(--su-texte-doux);margin:0 0 8px}@media (max-width:767px){.su-pel__piste{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.su-pel__projet{scroll-snap-align:start;padding:110px var(--su-gouttiere) 32px;grid-template-rows:auto auto;align-content:start;row-gap:18px}.su-pel__capture,.su-pel__texte{grid-column:1/-1}.su-pel__nom{font-size:clamp(1.9rem,8vw,2.6rem)}}
.su-mac{min-height:100svh;position:relative}.su-mac__grille{max-width:var(--su-conteneur-scene);padding:88px var(--su-gouttiere) 40px;column-gap:var(--su-gouttiere);grid-template-rows:auto 1fr;grid-template-columns:repeat(12,1fr);row-gap:22px;min-height:100svh;margin:0 auto;display:grid}.su-mac__tete{flex-direction:column;grid-area:1/1/auto/span 8;align-items:flex-start;gap:16px;display:flex}.su-mac__etiquette{color:var(--su-texte-doux);margin:0}.su-mac__titre{color:var(--su-ivoire);max-width:30ch;margin:0;font-size:clamp(2rem,3.1vw,3.1rem)}.su-mac__ligne{max-width:62ch;color:var(--su-texte-doux);margin:0;font-size:1.0625rem}.su-mac__actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.su-mac__reset{border:1px solid color-mix(in srgb, var(--su-graphite) 60%, transparent);min-height:44px;color:var(--su-texte);cursor:pointer;background:0 0;border-radius:4px;padding:0 14px}.su-mac__reset:hover,.su-mac__reset:focus-visible{border-color:var(--su-ambre)}.su-mac__cartes{flex-direction:column;grid-row:2;justify-content:center;gap:9px;margin:0;padding:0;list-style:none;display:flex}.su-mac__cartes--g{grid-column:1/span 3}.su-mac__cartes--d{grid-column:10/span 3}.su-mac__carte{border:1px solid color-mix(in srgb, var(--su-graphite) 40%, transparent);background:color-mix(in srgb, var(--su-encre-2) 80%, transparent);width:100%;min-height:60px;color:var(--su-ivoire);text-align:left;cursor:pointer;transition:border-color var(--su-geste), background var(--su-geste), transform var(--su-reflexe) var(--su-glisse);border-radius:6px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:6px 14px 6px 8px;display:grid}.su-mac__carte:hover,.su-mac__carte:focus-visible{border-color:var(--su-ambre);transform:translateY(-2px)}.su-mac__carte:focus-visible{outline:2px solid var(--su-ambre-clair);outline-offset:2px}.su-mac__pic{background:var(--su-navy-clair);width:48px;height:44px;color:var(--su-ivoire);border-radius:4px;place-items:center;display:grid}.su-mac__pic svg{width:26px;height:26px}.su-mac__nom{font-family:var(--su-font-display), sans-serif;font-size:1.0625rem;font-weight:600;line-height:1.15}.su-mac__etat{letter-spacing:.06em;text-transform:uppercase;color:var(--su-ambre-clair);font-size:.6875rem}.su-mac__carte[data-dedans="1"]{background:color-mix(in srgb, var(--su-ambre) 14%, var(--su-encre-2));border-color:color-mix(in srgb, var(--su-ambre) 60%, transparent)}.su-mac__carte[data-dedans="1"] .su-mac__pic{background:var(--su-ambre);color:var(--su-encre)}.su-mac__carte[data-dedans="1"] .su-mac__etat{color:var(--su-ivoire)}.su-mac__carte[data-actif="1"]{box-shadow:0 0 0 2px var(--su-ambre)}.su-mac__vol{z-index:60;pointer-events:none;margin:0;position:fixed;box-shadow:0 20px 40px #030a168c}.su-mac__fil{z-index:59;pointer-events:none;position:fixed;inset:0}.su-mac__app{pointer-events:none;grid-area:2/4/auto/span 6;align-self:center}.su-mac__fen{width:100%}.mq-app{background:#f3f6fa;grid-template-columns:25cqw 1fr;display:grid;position:absolute;inset:0}.mq-app__menu{color:#cbd7e6;background:#14263d;flex-direction:column;gap:.8cqw;padding:2.2cqw 1.6cqw;display:flex;overflow:hidden}.mq-app__menu>b{font-family:var(--su-font-display), sans-serif;color:#fff;margin-bottom:1.2cqw;font-size:2.6cqw}.mq-app__onglet{white-space:nowrap;animation:mq-decoupe .6s var(--su-pose) both;border-radius:.9cqw;align-items:center;gap:1.1cqw;padding:1.2cqw;font-size:1.9cqw;display:flex}.mq-app__onglet svg{flex:none;width:2.4cqw;height:2.4cqw}.mq-app__onglet[data-on="1"]{color:#fff;box-shadow:inset .4cqw 0 0 var(--su-ambre);background:#1f3b5d}.mq-app__vide{color:#8ea3bf;border:.25cqw dashed #4a6285;border-radius:.9cqw;margin-top:auto;padding:1.1cqw 1.2cqw;font-size:1.6cqw}.mq-app__ecran{color:#15283f;animation:mq-decoupe .7s var(--su-pose) both;flex-direction:column;gap:2.2cqw;padding:3cqw 3.4cqw;display:flex}.mq-app__titre{align-items:center;gap:1.4cqw;font-size:2.5cqw;display:flex}.mq-app__titre svg{width:3.4cqw;height:3.4cqw;color:var(--mq-cta)}.mq-app__titre b{font-family:var(--su-font-display), sans-serif}.mq-app__titre em{color:#1d6b47;background:#e1f3ea;border-radius:2cqw;margin-left:auto;padding:.5cqw 1.6cqw;font-size:1.7cqw;font-style:normal;font-weight:700}.mq-app__titre em[data-s="0"]{color:#9a4507;background:#fdecd3}.mq-app__titre em[data-s="1"]{color:#1f5fa8;background:#e1ecfa}.mq-app__titre em[data-s="2"]{color:#1d6b47;background:#e1f3ea}.mq-app__kpi{align-items:baseline;gap:1.6cqw;margin:0;display:flex}.mq-app__kpi b{font-family:var(--su-font-display), sans-serif;color:#15283f;font-size:8cqw;line-height:1}.mq-app__kpi span{color:#5b6c82;font-size:2.2cqw}.mq-app__lignes{flex-direction:column;gap:1cqw;margin:0;padding:0;list-style:none;display:flex}.mq-app__lignes li{animation:mq-decoupe .6s var(--su-pose) both;animation-delay:calc(var(--k) * .11s + .25s);background:#fff;border-radius:1cqw;align-items:center;gap:1.4cqw;padding:1.5cqw 2cqw;font-size:2cqw;display:flex;box-shadow:inset 0 0 0 .25cqw #e1e7ef}.mq-app__puce{background:#c5d0de;border-radius:50%;width:1.4cqw;height:1.4cqw;transition:background .3s}.mq-app__puce[data-on="1"]{background:var(--su-ambre)}.mq-app__fonctions{flex-wrap:wrap;gap:1cqw;margin:auto 0 0;padding:0;list-style:none;display:flex}.mq-app__fonctions li{color:#3d526c;background:#e6edf6;border-radius:2cqw;padding:.7cqw 1.5cqw;font-size:1.5cqw}.mq-voix__onde{align-items:center;gap:.7cqw;height:10cqw;padding:0 1cqw;display:flex}.mq-voix__onde span{background:var(--su-ambre);transform-origin:50%;height:100%;animation:1.1s ease-in-out infinite mq-onde;animation-delay:calc(var(--i) * -90ms);border-radius:1cqw;flex:1}.mq-voix__phrase{animation:mq-decoupe .9s var(--su-pose) .5s both;background:#fff;border-radius:1cqw;margin:0;padding:1.6cqw 2cqw;font-size:2.2cqw;font-style:italic;box-shadow:inset 0 0 0 .25cqw #e1e7ef}.mq-voix__devis{box-shadow:inset .5cqw 0 0 var(--su-ambre), inset 0 0 0 .25cqw #e1e7ef;animation:mq-decoupe .9s var(--su-pose) 1.9s both;background:#fff;border-radius:1cqw;padding:1.8cqw 2.2cqw}.mq-voix__etiquette{color:#9a4507;margin:0 0 1cqw;font-size:1.8cqw;font-weight:700}.mq-voix__devis ul{gap:.6cqw;margin:0;padding:0;font-size:2cqw;list-style:none;display:grid}@keyframes mq-onde{0%,to{transform:scaleY(.12)}50%{transform:scaleY(1)}}.mq-ia__carte{box-shadow:inset .5cqw 0 0 var(--su-ambre), inset 0 0 0 .25cqw #e1e7ef;animation:mq-decoupe .9s var(--su-pose) .4s both;background:#fff;border-radius:1.2cqw;padding:2.2cqw 2.6cqw}.mq-ia__carte--2{animation-delay:1.6s;box-shadow:inset .5cqw 0 #3d7fd0,inset 0 0 0 .25cqw #e1e7ef}.mq-ia__etiquette{color:#9a4507;margin:0 0 .8cqw;font-size:1.7cqw;font-weight:700}.mq-ia__carte--2 .mq-ia__etiquette{color:#1f5fa8}.mq-ia__texte{margin:0;font-size:2.7cqw;font-weight:600;line-height:1.3}.mq-ia__jauge{background:#e1e7ef;border-radius:1cqw;height:1.2cqw;margin-top:1.6cqw;overflow:hidden}.mq-ia__jauge span{background:var(--su-ambre);clip-path:inset(0);width:100%;height:100%;animation:mq-jauge 1.4s var(--su-pose) .9s both;display:block}@keyframes mq-jauge{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.mq-fe__ligne{background:#fff;border-radius:1cqw;margin:0;padding:1.6cqw 2cqw;font-size:2.2cqw;font-weight:600;box-shadow:inset 0 0 0 .25cqw #e1e7ef}.mq-fe__etapes{gap:1.6cqw;margin:0;padding:0;list-style:none;display:flex}.mq-fe__etapes li{color:#3d526c;background:#e6edf6;border-radius:1cqw;flex:1;align-items:center;gap:1.2cqw;padding:1.6cqw;font-size:2cqw;font-weight:600;display:flex}.mq-fe__etapes li[data-fait="1"]{color:#1d6b47;background:#e1f3ea}.mq-fe__etapes span{width:3.4cqw;height:3.4cqw;color:inherit;background:currentColor;border-radius:50%;place-items:center;font-size:1.8cqw;display:grid}.mq-fe__etapes li[data-fait="1"] span{color:#fff;background:#1d6b47}.mq-fe__etapes li[data-fait="0"] span{color:#fff;background:#3d526c}.mq-fe__note{color:#4c5f78;margin:auto 0 0;font-size:1.7cqw}@media (max-width:1023px){.su-mac__tete{grid-column:1/-1}.su-mac__titre{max-width:none}.su-mac__app{grid-area:2/1/auto/-1}.su-mac__cartes--g{grid-area:3/1/auto/span 6}.su-mac__cartes--d{grid-area:3/7/auto/span 6}}@media (max-width:767px){.su-mac__grille{row-gap:20px;padding-top:84px}.su-mac__titre{font-size:clamp(2rem,8.5vw,2.8rem)}.su-mac__carte{grid-template-columns:40px 1fr;gap:10px;min-height:56px;padding:8px}.su-mac__pic{width:40px;height:40px}.su-mac__pic svg{width:22px;height:22px}.su-mac__etat{display:none}.su-mac__nom{font-size:.9375rem}.su-mac__cartes{gap:8px}}@media (prefers-reduced-motion:reduce){.mq-app__onglet,.mq-app__ecran,.mq-app__lignes li,.mq-voix__phrase,.mq-voix__devis,.mq-ia__carte,.mq-ia__jauge span{animation:none}.mq-voix__onde span{animation:none;transform:scaleY(.5)}}
.su-prix{min-height:100svh;color:var(--su-texte);position:relative}.su-prix__grille{max-width:var(--su-conteneur-scene);padding:96px var(--su-gouttiere) 72px;column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);row-gap:32px;margin:0 auto;display:grid;position:relative}.su-prix__tete{grid-column:1/span 6;align-self:start}.su-prix__etiquette{color:var(--su-texte-doux);margin:0 0 12px}.su-prix__titre{color:var(--su-navy);margin:0;font-size:clamp(2.4rem,5vw,4.8rem)}.su-prix__jauge{pointer-events:none;grid-area:1/7/auto/span 6;justify-content:flex-end;display:flex}.su-prix__cadre{width:100%;height:40svh}.su-prix__offres{gap:var(--su-gouttiere);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.su-prix__offre{min-height:100%;transition:transform var(--su-reflexe) var(--su-glisse);outline:none;flex-direction:column;gap:10px;padding:22px 22px 26px;display:flex}.su-prix__offre[data-focal="1"]{box-shadow:calc(var(--su-ombre-x) * 1.4) calc(var(--su-ombre-y) * 1.4) 0 #060b1473;transform:translate(-2px,-2px)}.su-prix__offre:focus-visible{outline:2px solid var(--su-ambre);outline-offset:3px}.su-prix__num{color:var(--su-ambre-texte);margin:0}.su-prix__nom{font-family:var(--su-font-display), sans-serif;margin:0;font-size:1.25rem;font-weight:600;line-height:1.15}.su-prix__cadran{margin:6px 0 4px;font-size:2.2rem}.su-prix__inclus{border-top:1px solid color-mix(in srgb, var(--su-navy) 15%, transparent);color:var(--su-graphite-ivoire);flex-direction:column;gap:6px;margin:0;padding:10px 0 0;font-size:.9375rem;list-style:none;display:flex}.su-prix__engagements{color:var(--su-navy);flex-wrap:wrap;grid-column:1/span 8;gap:18px 40px;margin:0;padding:0;list-style:none;display:flex}.su-prix__engagements li{align-items:center;gap:12px;display:flex}.su-prix__trace{fill:none;stroke:var(--su-ambre-texte);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,100);stroke-dashoffset:calc(var(--len,100) * (1 - clamp(0, (var(--su-trace,0) - var(--k,0) * .18) / .6, 1)))}.su-prix__action{grid-column:9/span 4;justify-content:flex-end;align-items:center;display:flex}@media (max-width:1023px){.su-prix__offres{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.su-prix__grille{row-gap:20px;padding-top:84px}.su-prix__tete{grid-column:1/-1}.su-prix__titre{font-size:clamp(2rem,9vw,3rem)}.su-prix__jauge{grid-area:auto/1/auto/-1;justify-content:center}.su-prix__cadre{height:24svh}.su-prix__offres{grid-template-columns:1fr}.su-prix__cadran{font-size:2.6rem}.su-prix__engagements,.su-prix__action{grid-column:1/-1;justify-content:flex-start}.su-prix__action .su-action{width:100%}}
.su-met{color:var(--su-texte);position:relative}.su-met__grille{max-width:var(--su-conteneur-scene);padding:96px var(--su-gouttiere) 72px;column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);row-gap:32px;margin:0 auto;display:grid}.su-met__tete{grid-column:1/span 6}.su-met__etiquette{color:var(--su-texte-doux);margin:0 0 12px}.su-met__titre{color:var(--su-ivoire);margin:0;font-size:clamp(2.4rem,5vw,4.8rem)}.su-met__place{pointer-events:none;grid-area:1/7/span 2/span 6}.su-met__scene{z-index:2;pointer-events:none;clip-path:inset(0 100% 0 0);width:calc(min(100vw,1440px)/2 - 36px);transition:clip-path var(--su-scene) var(--su-pose);position:fixed;top:50%;left:calc(50vw - min(100vw,1440px)/2 + min(100vw,1440px)/2 + 12px);transform:translateY(-50%)}.su-met__scene[data-vue="1"]{clip-path:inset(0)}.su-met__scene>.mq-chantier{width:100%;max-height:78svh}.su-met__etapes{flex-direction:column;grid-column:1/span 6;gap:18vh;margin:0;padding:0 0 8vh;list-style:none;display:flex}.su-met__etape{perspective:900px;grid-template-columns:auto 1fr;align-items:start;gap:24px;display:grid}.su-met__etape.su-plaque--ambre{background:var(--su-ambre);color:var(--su-encre);box-shadow:var(--su-ombre);border-radius:4px;padding:28px 28px 32px}.su-met__num{color:var(--su-ambre-clair);transform-origin:50% 100%;transition:transform var(--su-pose-duree) var(--su-pose);font-size:clamp(3.5rem,7vw,6rem);line-height:.9;display:inline-block;transform:rotateX(-90deg)}.su-plaque--ambre .su-met__num{color:var(--su-encre)}.su-met__etape[data-franchie="1"] .su-met__num{transform:rotateX(0)}.su-met__num-sr{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.su-met__texte{clip-path:inset(0 100% 0 0);transition:clip-path var(--su-pose-duree) var(--su-pose);transition-delay:.12s}.su-met__etape[data-franchie="1"] .su-met__texte{clip-path:inset(0)}.su-met__nom{font-family:var(--su-font-display), sans-serif;margin:0 0 8px;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:600;line-height:1.15}.su-met__texte p{max-width:40ch;color:var(--su-texte-doux);margin:0}.su-plaque--ambre .su-met__texte p{color:color-mix(in srgb, var(--su-encre) 80%, transparent)}@media (max-width:767px){.su-met__grille{row-gap:16px;padding-top:84px}.su-met__tete{grid-column:1/-1}.su-met__titre{font-size:clamp(2rem,9vw,3rem)}.su-met__place{display:none}.su-met__scene{z-index:5;width:calc(100vw - 48px);height:34svh;top:64px;left:24px;transform:none;box-shadow:0 14px 24px #030a168c}.su-met__scene>.mq-chantier{aspect-ratio:auto;height:100%}.su-met__etapes{grid-column:1/-1;gap:12vh}.su-met__etape{z-index:2;background:color-mix(in srgb, var(--su-encre-2) 94%, transparent);box-shadow:var(--su-ombre);border-radius:4px;gap:14px;padding:18px 16px 20px;position:relative}.su-met__num{font-size:2.8rem}}