.su-fso{max-width:var(--su-conteneur-scene);padding:0 var(--su-gouttiere) 12svh;margin:0 auto}.su-fso__hero{column-gap:var(--su-gouttiere);grid-template-columns:repeat(12,1fr);align-items:center;min-height:96svh;padding-top:100px;display:grid}.su-fso__texte{grid-column:1/span 6}.su-fso__ariane{color:var(--su-texte-doux);gap:8px;margin-bottom:18px;display:flex}.su-fso__ariane a{color:inherit}.su-fso__titre{margin:0;font-size:clamp(2.4rem,4.8vw,4.4rem)}.su-fso__intro{max-width:56ch;margin:18px 0 0;font-size:1.125rem}.su-fso__prix{margin:24px 0 0}.su-fso__cadran{font-size:clamp(2.2rem,3.6vw,3.2rem)}.su-fso__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.su-fso__scene{pointer-events:none;grid-column:7/span 6;align-self:stretch}.su-fso__cadre{width:100%;height:100%;min-height:60svh}.su-fso__h2{font-family:var(--su-font-display), sans-serif;margin:0 0 20px;font-size:clamp(1.6rem,2.6vw,2.2rem)}.su-fso__h3{font-family:var(--su-font-display), sans-serif;margin:24px 0 10px;font-size:1.2rem}.su-fso__statut{border-left:3px solid var(--su-ambre);background:color-mix(in srgb, var(--su-encre-2) 85%, transparent);max-width:78ch;color:var(--su-ivoire);margin:0 0 8svh;padding:14px 18px}.su-fso__statut[data-demo="0"]{border-left-color:var(--su-graphite)}.su-fso__cadre-zone{height:100%;min-height:60svh}.su-fso__catalogue{grid-column:1/-1}.su-fso__modules{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.su-fso__modules li{background:color-mix(in srgb, var(--su-encre-2) 85%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--su-ivoire) 10%, transparent);border-radius:4px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.su-fso__modules .su-mono{color:var(--su-accent-texte)}.su-fso__modules span:not(.su-mono){color:var(--su-texte-doux);font-size:.9375rem}.su-fso__corps{gap:72px var(--su-gouttiere);grid-template-columns:1fr 1fr;margin-top:12svh;display:grid}.su-fso__fonctions{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.su-fso__fonctions li{align-items:baseline;gap:12px;padding:12px 16px;display:flex}.su-fso__fonctions .su-mono{color:var(--su-accent-texte)}.su-fso__situation p{max-width:60ch;margin:0}.su-fso__avantages{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.su-fso__avantages li::marker{color:var(--su-ambre)}.su-fso__faq{grid-column:1/-1;max-width:860px}.su-fso__metiers{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.su-fso__metiers a{border:1px solid color-mix(in srgb, var(--su-graphite) 40%, transparent);color:inherit;border-radius:4px;padding:8px 12px;text-decoration:none;display:inline-block}.su-fso__metiers a:hover{border-color:var(--su-ambre)}.su-fso__voisines{gap:var(--su-gouttiere);grid-template-columns:repeat(3,1fr);margin-top:12svh;display:grid}.su-fso__voisines a{color:inherit;font-family:var(--su-font-display), sans-serif;flex-direction:column;gap:6px;padding:20px;font-size:1.2rem;font-weight:600;text-decoration:none;display:flex}.su-fso__voisines .su-mono{font-family:var(--su-font-mono), monospace;color:var(--su-texte-doux);font-size:.75rem;font-weight:400}@media (max-width:767px){.su-fso__hero{grid-template-rows:34svh auto;padding-top:84px}.su-fso__texte,.su-fso__scene{grid-column:1/-1}.su-fso__scene{grid-row:1}.su-fso__cadre{min-height:32svh}.su-fso__corps,.su-fso__voisines{grid-template-columns:1fr}}