:root{--nav-offset:80px}body{scroll-behavior:smooth;padding-top:0}[id]{scroll-margin-top:var(--nav-offset)}section{padding:4rem 0}img,video,iframe{max-width:100%;height:auto}.container,.container-fluid{overflow-x:clip}#backToTop{position:fixed !important;right:1.5rem !important;bottom:1.5rem !important;display:none;z-index:2000 !important}.navbar.sticky-top{z-index:1050}.navbar-systech{background:linear-gradient(to bottom,#979799,#3e3f3f)}.navbar-systech .navbar-brand-logo{height:30px;transform:rotate(-8deg) translate(-5px,-8px)}.navbar-brand-text{display:flex;flex-direction:column;line-height:1}.navbar-brand-name{transform:translateY(-6px)}.navbar-brand-location{font-size:0.75rem;color:#689CDF;transform:translateY(-7px);letter-spacing:0.2em;display:block;width:100%;white-space:nowrap}.hero{position:relative;background:linear-gradient(210deg,#e8ebf0,#50529e);color:white}.hero-glass{background:rgba(0,0,0,0.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:1.25rem;box-shadow:0 20px 40px rgba(0,0,0,0.15)}.nowrap{white-space:nowrap}.hero h1,.hero p{text-shadow:0 3px 10px rgba(0,0,0,0.35)}.hero-logo,.hero-text,.hero-buttons .hero-btn{opacity:0}.hero-logo{animation:heroFadeUp 0.8s ease-out forwards;animation-delay:0.2s}.hero-text{animation:heroSlideRight 0.8s ease-out forwards;animation-delay:0.5s}.hero-buttons .hero-btn:nth-child(1){animation:heroBtnFade 0.6s ease-out forwards;animation-delay:0.9s}.hero-buttons .hero-btn:nth-child(2){animation:heroBtnFade 0.6s ease-out forwards;animation-delay:1.1s}.hero-video-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-video-bg video{width:100%;height:100%;object-fit:cover;filter:blur(4px);transform:scale(1.1)}.hero-video-overlay{position:absolute;inset:0;background:rgba(80,82,158,0.6);backdrop-filter:blur(1px);z-index:1}.hero-content{position:relative;z-index:2}@keyframes heroFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes heroBtnFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:992px){.hero-separator{border-left:1px solid rgba(255,255,255,0.15);padding-left:2rem}}.parallax1,.parallax2{min-height:500px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.parallax1{background-image:url("../img/sys-tech_parallax/pneumatique-prlx.jpg")}.parallax2{background-image:url("../img/sys-tech_parallax/industrie-prlx.jpg")}@media (orientation:landscape){.parallax1{background-image:url("../img/sys-tech_parallax/pneumatique-Lprlx.jpg")}.parallax2{background-image:url("../img/sys-tech_parallax/industrie-Lprlx.jpg")}}.section-title{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:0.3em;text-transform:uppercase;font-weight:400;display:inline-block;position:relative;background-color:#00A48F;background-clip:text;-webkit-background-clip:text;color:transparent;opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.section-title::before{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(45deg,#E5239D,#689CDF,#2A34B7);transform:scaleX(0);transform-origin:center;transition:transform 0.6s ease-out 0.15s}.section-title.is-visible{opacity:1;transform:translateY(0)}.section-title.is-visible::before{transform:scaleX(1)}.services{background:linear-gradient(to bottom,#e3e6e6,#dcdcf065)}.service-card{transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-4px);box-shadow:0 0.75rem 1.5rem rgba(0,0,0,.08)}.service-icon{width:52px;height:52px;border:2px solid #00A48F;color:#00A48F;font-size:1.4rem}.btn-contact{border-radius:999px;padding-inline:2.5rem;background-color:#00A48F;border-color:#00A48F;color:#fff}.btn-contact:hover{background-color:#008a78;border-color:#008a78;color:#fff}.service-points{position:absolute;inset:0;background:#fff;padding:1.5rem 1.75rem;margin:0;font-size:0.8rem;border-radius:inherit;display:flex;flex-direction:column;justify-content:center;transform:translateY(100%);opacity:0;transition:transform 0.25s ease,opacity 0.25s ease;z-index:2}.service-card:hover .service-points{transform:translateY(0);opacity:1}.service-card-urgent{border:1px solid rgba(0,164,143,.35);box-shadow:0 0.75rem 1.5rem rgba(0,164,143,.25)}.badge-urgence{background-color:#00A48F;color:#fff;font-size:0.7rem;letter-spacing:.03em;text-transform:uppercase}.domaines{--card-w:300px;--img-w:250px;--card-h:260px;--card-h-hover:360px}.domaines .hover-card-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.domaines .hover-card{width:min(var(--card-w),100%);height:var(--card-h);padding:20px 15px;background:#fff;border-radius:6px;box-shadow:0 5px 20px rgba(0,0,0,.5);transition:.3s ease-in-out;position:relative;display:flex;flex-direction:column;margin:30px 10px}.domaines .hover-card:hover{height:var(--card-h-hover)}.domaines .imgContainer{width:var(--img-w);height:180px;position:relative;top:-40px;left:10px;z-index:1;box-shadow:0 5px 20px rgba(0,0,0,.2)}.domaines .imgContainer img{width:100%;height:100%;object-fit:cover;border-radius:4px}.domaines .title{margin-top:-20px;text-align:center;font-weight:600;color:#111}.domaines .content{margin-top:10px;padding:10px 15px;text-align:center;color:#111;opacity:0;visibility:hidden;pointer-events:none;transition:.3s ease-in-out}.domaines .hover-card:hover .content{opacity:1;visibility:visible;transition-delay:.2s}.ref-img{width:100%;height:260px;object-fit:cover;display:block}.carousel-indicators{position:static;margin-top:20px}.carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%;background-color:#d8d8d8;margin:0 5px}.carousel-indicators .active{background-color:#62d12d}.carousel-control-prev,.carousel-control-next{display:none}#a-propos.a-propos-bg::before{content:"";position:absolute;top:0;left:0;width:50%;height:90%;background-image:url("../img/sys-tech_apropos/cartouches.png");background-repeat:no-repeat;background-position:center left;background-size:contain;opacity:0;transform:translateX(-40px);z-index:0;transition:opacity 0.8s ease-out,transform 0.8s ease-out}#a-propos.in-view.a-propos-bg::before{opacity:0.6;transform:translateX(0)}#a-propos .container{position:relative;z-index:1}.apropos-text,.apropos-media{opacity:0;transition:opacity 0.8s ease-out,transform 0.8s ease-out}.apropos-text{transform:translateX(-40px)}.apropos-media{transform:translateX(40px)}#a-propos.in-view .apropos-text,#a-propos.in-view .apropos-media{opacity:1;transform:translateX(0)}#a-propos.in-view .apropos-text{transition-delay:0.2s}#a-propos.in-view .apropos-media{transition-delay:0.4s}.text-veil p,.text-veil li{background:linear-gradient( 135deg,rgba(255,255,255,0.50),rgba(255,255,255,0.25) );backdrop-filter:blur(4px);display:inline-block;padding:0.1rem 0.2rem;line-height:1.6;margin-bottom:0.4rem;border-radius:0.3rem}@media (max-width:991.98px){#a-propos.a-propos-bg::before{display:none}}.apropos-image{max-width:80%;height:auto;display:block}#a-propos{position:relative}.contact-card{border-radius:1.25rem;background:#fff;overflow:hidden}.contact-split__left{background:linear-gradient(135deg,rgba(0,164,143,.10),rgba(102,16,242,.10))}.contact-logo{width:170px;max-width:60vw;height:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.10))}.btn-gradient{background-image:linear-gradient(135deg,#00A48F,#6610f2);border:none;color:#fff;box-shadow:0 0.5rem 1rem rgba(0,164,143,0.25)}.btn-gradient:hover,.btn-gradient:focus{background-image:linear-gradient(135deg,#0b5ed7,#5a0ec9);box-shadow:0 0.75rem 1.5rem rgba(0,164,143,0.35)}.form-control{border-radius:0.75rem}.form-control:focus{border-color:rgba(0,164,143,.55);box-shadow:0 0.75rem 1.5rem rgba(0,164,143,.18)}@media (max-width:767.98px){.contact-split__left{text-align:center}}.footer-gradient{background:linear-gradient(to bottom,#979799,#3e3f3f)}.footer-separator{border-top:1px solid #ccc;margin:1rem 0;opacity:.7}footer ul{padding-left:0;margin-bottom:0}footer ul.address1{margin:0;padding:0}footer ul.address1 li{list-style:none;display:flex;align-items:flex-start;gap:12px;padding:0 0 14px 0;line-height:26px;overflow-wrap:anywhere}footer ul.address1 li i{position:static !important;width:auto;text-align:center;font-size:22px;margin-top:2px}footer .address1 li a{color:#fff;text-decoration:none}footer .address1 li a:hover{text-decoration:underline}.map-wrap{display:flex;justify-content:center}#mapFrame{width:100%;max-width:520px;height:190px;border-radius:12px;border:1px solid rgba(255,255,255,.25)}.map-anim{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;will-change:transform}@media (prefers-reduced-motion:reduce){.map-anim{transition:none}}@media (hover:hover){.map-anim:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.25);filter:saturate(1.05)}}@media (max-width:767.98px){footer .container{padding-top:1.25rem !important;padding-bottom:1.25rem !important}.footer-block{padding:16px 14px;border-radius:14px;background:rgba(0,0,0,.10);border:1px solid rgba(255,255,255,.10)}footer h4{font-size:16px;margin-bottom:12px !important;letter-spacing:.5px}.sys-block img{height:110px !important}footer ul.address1 li{gap:10px;padding-bottom:10px;line-height:22px;justify-content:center}footer ul.address1 li span,footer ul.address1 li a{text-align:left;display:inline-block}footer ul.address1 li i{font-size:20px;margin-top:1px}#mapFrame{height:190px !important;max-width:100%}.footer-separator{margin:.75rem 0;opacity:.55}}@media (min-width:768px) and (max-width:1023.98px){.footer-block{padding:18px 18px;border-radius:16px;background:rgba(0,0,0,.10);border:1px solid rgba(255,255,255,.10)}.sys-block img{height:140px !important}.tablet-mid{max-width:860px;margin-left:auto;margin-right:auto}#mapFrame{height:240px !important;max-width:740px}}@media (min-width:1024px){.footer-block{height:100%;padding:22px 22px;border-radius:16px;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.10)}.footer-block.v-center{display:flex;flex-direction:column;justify-content:center}.footer-row-gap{margin-top:18px}.footer-block.sys-block img{height:130px !important}.footer-block.sys-block ul{margin-top:10px}.footer-block.social-block{padding-top:18px;padding-bottom:18px}.footer-block.info-block{justify-content:flex-start;padding-top:26px}.footer-block.map-block h4{margin-bottom:10px}#mapFrame{max-width:100%;height:260px !important}}