.site{--color-gray-950:#0a0a0a;--color-gray-900:#131313;--color-gray-800:#1c1c1c;--color-gray-700:#2a2a2a;--color-gray-600:#404040;--color-gray-500:#666;--color-gray-400:#9a9a9a;--color-gray-300:#c4c4c4;--color-yellow-600:#d9a900;--color-yellow-500:#f7c600;--color-yellow-400:#ffd633;--site-yellow:#f7c600;--site-yellow-dark:#d9a900}@layer base{html:has(>body.site){scroll-behavior:smooth}body.site{overflow-x:hidden}html:has(>body.site){overflow-x:hidden}.site :is(h1,h2,h3,h4){font-family:var(--font-display);letter-spacing:-.01em}.site h1{font-weight:800}.site :is(h2,h3){font-weight:700}.site h4{font-weight:600}.site button{cursor:pointer;position:relative;overflow:hidden}.site button:after{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site button:active:after{width:300px;height:300px}.site :is(input,textarea,select):focus{transform:translateY(-1px);box-shadow:0 4px 12px #f9dc0040}.site .group:hover img{filter:brightness(1.1)}@media (max-width:640px){.site h3{font-size:1.75rem!important}}.site ::-webkit-scrollbar{width:10px}.site ::-webkit-scrollbar-track{background:#f1f1f1}.site ::-webkit-scrollbar-thumb{background:var(--site-yellow);border-radius:5px}.site ::-webkit-scrollbar-thumb:hover{background:var(--site-yellow-dark)}}@layer components{.site #navbar{transition:all .3s}.site #navbar .nav-link{font-family:var(--font-sans);letter-spacing:0;font-size:1rem;font-weight:500}.site .font-display{font-family:var(--font-display);letter-spacing:-.01em}.site .animate-fade-in-up{opacity:0;animation:.8s ease-out forwards site-fade-in-up}.site .hero-word{color:#fff}.site .word1{animation:1.4s ease-out .6s both site-highlight-word}.site .word2{animation:1.4s ease-out 1s both site-highlight-word}.site .word3{animation:1.4s ease-out 1.4s both site-highlight-word}.site #accueil h1{text-align:center}@media (max-width:767px){.site #accueil .eyebrow{display:none}}@media (max-width:640px){.site #accueil h1{font-size:clamp(1.75rem,11.5vw,2.5rem)!important}}.site .loading{pointer-events:none;opacity:.7;position:relative}.site .loading:before{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite site-loading-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site .hazard-divider{background:linear-gradient(90deg,#0000,#f7c6008c,#0000);height:1px}.site .clip-corner{border-radius:1.25rem}.site .clip-corner-sm{border-radius:.9rem}.site .clip-tag{border-radius:9999px}.site .card-industrial{position:relative}.site .card-industrial:before{content:"";background:linear-gradient(90deg, var(--site-yellow), var(--site-yellow-dark));transform-origin:0;z-index:1;border-radius:3px 3px 0 0;height:3px;transition:transform .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.site .card-industrial:hover:before{transform:scaleX(1)}.site .eyebrow{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}@media (min-width:768px){.site .eyebrow{font-size:.8rem}}.site .eyebrow:before{content:"";background:var(--site-yellow);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.site .blueprint-grid{background-image:radial-gradient(circle at 25% 20%,#f7c6001f,#0000 55%)}.site .chip{color:#e5e5e5;white-space:nowrap;background:#f7c60014;border:1px solid #f7c60040;border-radius:9999px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.9rem;display:inline-flex}.site .page-hero{background:radial-gradient(circle at 15% 0,#f7c6001a,#0000 50%),#0a0a0a;border-bottom:1px solid #1c1c1c;padding-top:9rem;padding-bottom:3.5rem}@media (min-width:768px){.site .page-hero{padding-top:10rem;padding-bottom:5rem}}}@keyframes site-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes site-highlight-word{0%{color:#fff}35%{color:#f7c600}to{color:#fff}}@keyframes site-loading-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.site .animate-fade-in-up,.site .word1,.site .word2,.site .word3{opacity:1;animation:none}html:has(>body.site){scroll-behavior:auto}}
