:root{--blue:#3c13ff;--yellow:#fdc840;--yellow-rgb:253,200,64;--dark:#263343;--dark-rgb:38,51,67;--darker-rgb:14,21,29;--white:#fff;--white-rgb:255,255,255;--gray-light:#eff0f1;--gray-blue:#f6f9fc;--gray-blue-rgb:246,249,252;--light-blue-rgb:205,214,226;--gray:#d6dadf;--gray-darker:#9fa9b5;--text-muted:#435466;--error:#c33830;--success:#16b75a;--blog-gradient:linear-gradient(160deg,#445162,#263343);--ff:"Red Hat Display",sans-serif;--fz:1rem;--lh:1.6;--radius:.25rem;--link-opacity:.85;--btn-opacity:.85;--btnColor:var(--dark);--btnBg:var(--yellow-rgb);--btn-radius:4px;--wrapperWidth:1080px;--gap-base:1rem}@font-face{font-display:swap;font-family:Red Hat Display;font-style:normal;font-weight:400;src:local("red hat display regular"),local("red-hat-display-regular"),url(/ressources/fonts/red-hat-display-regular.woff2) format("woff2"),url(/ressources/fonts/red-hat-display-regular.woff) format("woff");unicode-range:U+000-5ff}@font-face{font-display:swap;font-family:Red Hat Display;font-style:normal;font-weight:500;src:local("red hat display 500"),local("red-hat-display-500"),url(/ressources/fonts/red-hat-display-500.woff2) format("woff2"),url(/ressources/fonts/red-hat-display-500.woff) format("woff");unicode-range:U+000-5ff}@font-face{font-display:swap;font-family:Red Hat Display;font-style:normal;font-weight:700;src:local("red hat display 700"),local("red-hat-display-700"),url(/ressources/fonts/red-hat-display-700.woff2) format("woff2"),url(/ressources/fonts/red-hat-display-700.woff) format("woff");unicode-range:U+000-5ff}html{scroll-behavior:smooth}body,html{max-width:100%;overflow-x:hidden}body{background-color:var(--gray-blue);color:var(--dark);font-family:var(--ff);line-height:var(--lh);margin:0;padding:0}body.mobile-nav-open{overflow:hidden}canvas{bottom:0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@media screen and (max-width:767px){canvas{left:0}}*,:after,:before{box-sizing:border-box}figure{align-items:flex-start;display:flex}figure,h1,h2,h3,h4,h5,h6,p{margin:0}ul.unstyled{display:flex;flex-flow:column nowrap;gap:.45rem;list-style:none;margin:0;padding-left:1.5rem}ul.unstyled li{position:relative}ul.unstyled li:before{background:hsla(0,0%,100%,.5);border-radius:50rem;content:"";display:block;height:8px;left:-1.5rem;position:absolute;top:9px;width:8px}ul.check-list{margin:0}ul.check-list li{list-style:none;position:relative}ul.check-list li:before{background-color:var(--success);background-image:url(/ressources/img/check.svg);background-position:50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;content:"";height:24px;left:-2.5rem;position:absolute;top:6px;width:24px}::-moz-selection{background:var(--yellow);color:var(--dark)}::selection{background:var(--yellow);color:var(--dark)}a{color:var(--blue);font-weight:500;text-decoration:none}a.link--extend:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:3}img{max-width:100%}h1{font-size:clamp(2.25rem,6vw,3rem)}h2{font-size:3rem}@media screen and (max-width:767px){h2{font-size:2.15rem;line-height:1.5}}small{--smallFz:1.125rem;display:block;font-size:var(--smallFz)}.heading{--headingColor:var(--dark);display:flex;flex-direction:column;margin-bottom:4rem}.heading h1,.heading small{color:var(--headingColor)}.heading--hero{--headingColor:var(--white);gap:1rem}.heading--hero h1{font-weight:400}.heading--hero small{--smallFz:clamp(1.15rem,3vw,1.35rem);line-height:1.95}.arrow-left__line,.arrow-right__line{opacity:0;transition:opacity .225s cubic-bezier(.68,.17,0,.73) 25ms;will-change:opacity}.arrow-left__caret,.arrow-right__caret{transition:transform .225s cubic-bezier(.68,.17,0,.73);will-change:transform}.arrow-left__caret{transform:translateX(4px)}.arrow-right__caret{transform:translateX(-4px)}section{padding:6rem 0}.section--gray{background-color:var(--gray-blue)}.section--gray-gradient{position:relative}.section--gray-gradient:before{background:linear-gradient(16deg,var(--gray-light),#fff);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.section--mesh{background-image:url(/ressources/img/meshhh.jpg)}.section--about,.section--mesh{background-repeat:no-repeat;background-size:cover}.section--about{background-image:url(/ressources/img/cable-reseau-banner.jpg);background-position:50%;position:relative}.section--about:before{background:linear-gradient(45deg,#161038 40%,rgba(60,33,255,.14));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.section--about .wrapper{position:relative}.section--about .wrapper,.section--about .wrapper h2{color:#fff}.display__copy{align-items:flex-start;display:grid;font-size:calc(var(--fz)*1.25);grid:auto/minmax(0,1fr);justify-items:flex-start;line-height:calc(var(--lh)*1.2);max-width:890px;row-gap:calc(var(--gap-base)*1.5)}.wrapper{margin:auto;max-width:1040px;padding:0 1rem;width:100%}.container{align-items:flex-start;display:flex;flex-direction:column;gap:3rem;justify-content:center}.contact{display:grid;flex-wrap:wrap;font-size:1.2rem;gap:3rem;grid-template-columns:1fr;grid-template-rows:1fr 1fr;width:100%}@media screen and (min-width:660px){.contact{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}.contact__icon{align-items:center;display:flex;justify-content:center}.contact__icon svg{stroke:var(--text-muted);width:38px}.contact__info{font-size:1.35rem;text-align:center}.contact__info small{color:var(--dark);font-weight:400;margin-top:.25rem}.contact__item{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(210,7%,94%,.25);border-radius:1.5rem;box-shadow:16px 16px 24px #cbcccd,-16px -16px 24px #fff;display:flex;flex:1 1 auto;flex-flow:column nowrap;gap:1rem;justify-content:center;padding:1rem;transition:transform .225s cubic-bezier(0,0,.2,1);will-change:transform}.contact__item:hover{transform:scale(1.04)}.highlight{align-items:center;color:var(--yellow);display:inline-flex;gap:.25rem;padding:0 .5rem;position:relative}.highlight:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(253,200,64,.3);border-radius:.25rem;bottom:-.15rem;content:"";display:inline-block;left:0;position:absolute;top:-.15rem;width:100%;z-index:-1}[class*=reveal-]:not(html){will-change:transform}:not(.reveal__wrapper) [class*=reveal-]:not(html){-webkit-animation:revealAnimation .75s cubic-bezier(.29,.88,.38,.85) both;animation:revealAnimation .75s cubic-bezier(.29,.88,.38,.85) both}.reveal__wrapper [class*=reveal-]:not(html){-webkit-animation:revealText .675s cubic-bezier(.165,.84,.44,1) both;animation:revealText .675s cubic-bezier(.165,.84,.44,1) both;position:relative;transform-origin:left center;will-change:transform}.reveal__wrapper{display:block;overflow:hidden}.reveal-loaded .reveal [class*=reveal-]{-webkit-animation:none!important;animation:none!important;opacity:0!important;transition:0s!important}.reveal-loaded .reveal-2{-webkit-animation-delay:.1s;animation-delay:.1s}.reveal-loaded .reveal-3{-webkit-animation-delay:.2s;animation-delay:.2s}.reveal-loaded .reveal-4{-webkit-animation-delay:.3s;animation-delay:.3s}.reveal-loaded .reveal-5{-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes revealText{0%{bottom:-80px;opacity:0;transform:rotate(10deg)}to{bottom:0;opacity:1;transform:rotate(0deg)}}@keyframes revealText{0%{bottom:-80px;opacity:0;transform:rotate(10deg)}to{bottom:0;opacity:1;transform:rotate(0deg)}}@-webkit-keyframes revealAnimation{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes revealAnimation{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal-loaded [class*=reveal-]{-webkit-animation:none!important;animation:none!important}}@media screen and (max-width:767px){.nav{display:none}.mobile-nav-open .nav{background:#fff;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:9999}.nav nav>ul a{font-size:1.5rem}}.nav>ul{align-items:center;display:flex;gap:1.5rem;list-style:none}.mobile-nav-open .nav>ul{align-items:center;flex-direction:column;height:100%;justify-content:center;padding:0}.nav>ul a{white-space:nowrap}.nav__wrapper{background-color:var(--white);box-shadow:0 1px 3px var(--gray);padding:1rem 0}.nav__content{align-items:center;display:flex;justify-content:space-between}.nav__trigger{cursor:pointer;display:block;height:24px;position:relative;transform:rotate(0deg);transition:transform .25s ease-in-out .25s,opacity .5s ease-in-out;width:30px;will-change:transform,opacity}@media screen and (min-width:768px){.nav__trigger{display:none;opacity:0;pointer-events:none}}.nav__trigger span{background:var(--dark);border-radius:25px;display:block;height:3px;left:0;position:absolute;transform:rotate(0deg);transition:transform .25s ease-out .1s;width:100%}.nav__trigger span:first-child{top:0}.nav__trigger span:nth-child(2){top:10px}.nav__trigger span:nth-child(3){top:20px}.mobile-nav-open .nav__trigger{position:fixed;right:1rem;z-index:9999}.mobile-nav-open .nav__logo{left:1rem;z-index:99999}.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.85);box-shadow:0 32px 64px -12px rgba(var(--dark-rgb),.35);display:flex;flex-direction:column;width:100%}.card,.card__header{border-radius:.5rem;overflow:hidden;position:relative}.card__header{aspect-ratio:315/180;box-shadow:0 16px 16px -12px rgba(38,51,67,.48),0 64px 54px -48px rgba(60,33,255,.18);min-height:180px;transform:translateY(-18px) skewY(-6deg) scaleY(1.1);transition:.25s;z-index:1}.card__header img{height:120%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:translateY(12px) skewY(6deg);width:120%}.card__body{border-radius:.5rem;display:flex;flex-direction:column;height:100%;margin:.5rem auto 0;padding:1.5rem;row-gap:1rem}.card__body p{font-size:.925rem}.card__body a{margin-top:auto}.card__body .link--extend{display:none}.card__grid{--columnGap:calc(var(--gap-base)*2);--rowGap:calc(var(--gap-base)*2);-moz-column-gap:var(--columnGap);column-gap:var(--columnGap);display:grid;grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));justify-items:center;row-gap:var(--rowGap)}.btn{text-rendering:optimizeLegibility;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--btn-radius);color:var(--btnColor);cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;justify-self:flex-start;letter-spacing:.0125rem;line-height:var(--lh);text-decoration:none;transition:all .175s cubic-bezier(1,0,1,1)}.btn:disabled{filter:grayscale(.8);pointer-events:none}.btn--primary{background-color:rgba(var(--btnBg),1)}.btn--primary:hover{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(var(--btnBg),.8)}.btn:hover .arrow-left__line,.btn:hover .arrow-right__line{opacity:1}.btn:hover .arrow-left__caret,.btn:hover .arrow-right__caret{transform:translateX(0)}.btn--sm{font-size:calc(var(--fz)*.8);padding:calc(var(--gap-base)/4.25) var(--gap-base) calc(var(--gap-base)/4)}.btn--base{padding:calc(var(--gap-base)/3.25) calc(var(--gap-base)*1.25) calc(var(--gap-base)/3)}.btn--base,.btn--md{font-size:calc(var(--fz)/1.125)}.btn--md{padding:calc(var(--gap-base)/2) calc(var(--gap-base)*1.25) calc(var(--gap-base)/2)}.btn--lg{font-size:calc(var(--fz)/1.125);padding:calc(var(--gap-base)/1.5) calc(var(--gap-base)*2) calc(var(--gap-base)/1.5)}.btn__outline{border:1px solid}.btn__outline:hover{--btn-opacity:1}.btn__outline--white{background-color:transparent;border-color:hsla(0,0%,100%,.24);color:#fff}.btn__outline--white:hover{background-color:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.48)}.btn__outline--dark{background-color:transparent;border-color:rgba(var(--dark-rgb),.14);color:var(--dark)}.btn__outline--dark:hover{background-color:rgba(var(--dark-rgb),.04);border-color:rgba(var(--dark-rgb),.14)}.btn__outline--accent{background-color:transparent;border-color:var(--gray);color:var(--accent)}.btn__outline--accent:hover{background-color:rgba(var(--accent-rgb),.08);border-color:var(--gray)}.btn__link{--btnColor:var(--accent);background-color:var(--white)}.btn__link:hover{--btn-opacity:1;background-color:var(--gray-blue)}.btn__icon{background-color:transparent}.btn__icon:hover{--btn-opacity:1;background-color:var(--gray-blue)}.btn__icon--base{height:48px;min-width:48px;width:48px}.btn--squared{--btn-radius:.25rem}.link-icon-label{align-items:center}.header,.link-icon-label{display:flex;flex-direction:column}.header{aspect-ratio:1600/600;background-image:url(/ressources/img/banner-temconnect.jpg);background-position:20% 50%;background-repeat:no-repeat;background-size:cover;max-height:700px;padding:1rem;position:relative;width:100%}.header:before{background-image:linear-gradient(20deg,rgba(22,15,60,.75) 20%,rgba(60,33,255,.29));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.hero-banner{padding:6rem 0;position:relative;z-index:1}.footer{background:linear-gradient(1turn,#111d34,#213251);padding-top:6rem}.footer__bottom{color:var(--gray-darker);margin-top:6rem;padding-bottom:3rem;text-align:center}.grid__footer{grid-gap:calc(var(--gap-base)*3);color:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--wrapperWidth)/3),1fr))}.grid__elm{display:flex;flex-flow:column nowrap;gap:1rem}