.site-frame{background:radial-gradient(at 95% 30%,#09203535,#0000 55%),#030c12}.header{background:linear-gradient(100deg,#0b0d10f5,#031727ef)}.main-nav a.active:after{box-shadow:0 0 8px #ff7900b0}.hero{min-height:485px;padding-bottom:55px}.hero h1{max-width:680px;font-size:clamp(36px,3.85vw,56px)}.hero-content{max-width:57%}.hero-description{max-width:570px;font-size:15px}.hero .eyebrow{margin-bottom:10px}.breadcrumb{margin-bottom:24px}.hero-buttons{margin-top:21px}.hero-a-propos,.hero-carrieres{min-height:465px}.hero-a-propos{background-position:50%,50%,65% 48%}.hero-carrieres{background-position:50%,50%,50% 36%}.hero-contact{min-height:440px}.hero-contact .hero-content{max-width:62%}.hero-contact h1{max-width:650px}.canada-badge>span{color:#ef1b2f}.canada-badge p{max-width:145px}.connection-halo{filter:blur(6px);stroke-width:8px;opacity:.65}.connections{opacity:.95}.section{padding:22px 0}.section-title{margin-bottom:18px}.section-title h2{font-size:clamp(27px,2.65vw,38px)}.card{background:linear-gradient(140deg,#18232ab3,#07121a8c 72%,#ff6a0008)}.card>svg{filter:drop-shadow(0 0 5px #ff790018)}.service-grid .card{min-height:162px;padding:20px 20px 23px}.card h3{font-size:23px}.benefits{margin-top:18px;padding:22px 12px}.page-home .benefits:before{content:"POURQUOI CHOISIR HYPERTEL GROUP AU CANADA";color:var(--orange);text-align:center;letter-spacing:.24em;grid-column:1/-1;margin-bottom:16px;font-size:10px;font-weight:700}.benefits>div{gap:14px;padding:0 17px}.benefits svg[viewBox="0 0 60 60"]{fill:none;stroke:currentColor;stroke-width:2px}.story{grid-template-columns:.82fr 1.18fr;gap:32px}.story>img{width:100%;height:245px}.story h2{margin:7px 0 13px;font-size:clamp(29px,2.7vw,38px)}.story p{font-size:14px;line-height:1.48}.mission-section h2,.values-section h2{margin-top:5px;font-size:clamp(28px,2.7vw,38px)}.mission-section .grid .card{grid-template-columns:48px 1fr;align-content:start;gap:14px;min-height:135px;display:grid}.mission-section .card>svg{width:43px;height:43px}.values-grid{margin-top:13px}.values-grid .card{grid-template-columns:42px 1fr;gap:13px;min-height:132px;display:grid}.values-grid .card h3{font-size:21px}.values-grid .card p{padding-right:8px;font-size:12px}.page-nos-marches .four .card{min-height:155px}.page-nos-marches .three .card{min-height:145px}.page-nos-marches .three .card>svg{width:44px;height:44px}.page-nos-marches .three .card{grid-template-columns:48px 1fr;align-content:start;gap:14px;display:grid}.page-nos-marches .three .card h3{font-size:22px}.timeline{gap:28px;margin-top:23px}.timeline li{padding-left:58px}.timeline h3{font-size:23px}.timeline p{font-size:12px}.timeline:before{content:none}.expertise-library{border:1px solid var(--border);background:#0c182180;border-radius:10px;margin:10px 4% 22px}.expertise-library>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font-size:13px;display:flex}.expertise-library>summary svg{color:var(--orange)}.expertise-library[open]>summary{border-bottom:1px solid var(--border)}.expertise-library[open]>summary svg{transform:rotate(90deg)}.expertise-library .expertise-details{margin:0 25px}.expertise-library .detail-section{border-top:0;padding:30px 0}.expertise-library .detail-section+.detail-section{border-top:1px solid var(--border)}.opportunities{margin-bottom:12px;padding:23px 25px}.opportunities .section-title{margin-bottom:10px}.opportunities>svg{width:30px;height:30px;margin:8px auto}.opportunities h3{font-size:25px}.opportunities p{font-size:13px}.opportunities #candidature{margin-top:15px;padding-top:15px}.contact-layout{grid-template-columns:1.9fr 1fr;gap:20px;padding-top:9px}.contact-form,.coordinates{padding:23px}.contact-form h2,.coordinates h2{font-size:31px}.contact-form .underline,.coordinates .underline{margin:12px 0 18px}.form-grid{gap:13px 18px}.form-grid input,.form-grid select{min-height:39px;padding:9px 11px}.form-grid textarea{min-height:108px}.contact-form .form-note{margin:10px 0;font-size:11px}.contact-form .button{min-height:42px}.contact-form .whatsapp-direct{margin-left:10px}.coordinates>div{gap:20px;margin-top:21px}.coordinates>div>svg{width:35px;height:35px}.coordinates .small{font-size:11px!important}.page-contact .faq{padding-top:4px;position:relative}.page-contact .faq h2{font-size:31px}.page-contact .faq details{max-width:66%}.page-contact .faq:after{content:"";background:var(--orange);opacity:.14;pointer-events:none;clip-path:polygon(50% 0,60% 24%,72% 14%,70% 43%,95% 30%,89% 50%,100% 55%,66% 82%,70% 94%,53% 90%,53% 100%,47% 100%,47% 90%,30% 94%,34% 82%,0 55%,11% 50%,5% 30%,30% 43%,28% 14%,40% 24%);width:110px;height:115px;position:absolute;top:35px;right:4%}.faq summary{padding:10px 16px;font-size:13px}footer{margin-top:17px;padding:16px 0}.footer-bottom{margin-top:12px}.region-hero{min-height:500px;padding-top:65px}.region-intro{max-width:550px}.region-intro h1{font-size:clamp(68px,7.3vw,104px);line-height:.94}.region-intro>p:last-child{max-width:530px;font-size:20px}.world-map{opacity:1;background-image:url(/images/world-map-night.svg);background-size:cover;inset:0 -10% -8% 29%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%,#000);mask-image:linear-gradient(90deg,#0000,#000 16%,#000)}.region-hero .connections{opacity:.7;width:115%;height:180px;inset:auto 0 -65px -50px}.country-grid{margin-top:-5px}.country-card{background:#06101b}.country-card>div{left:60%;right:30px}.country-card h2{font-size:46px}.country-card p{max-width:160px}.country-arrow{width:51px;height:51px;box-shadow:0 0 12px #ff790040,inset 0 0 8px #ff790025}.country-card.maroc img:first-child{object-position:63% center}.international-strip{margin-top:28px;padding:30px 15px}.international-link{align-items:center;gap:25px;width:100%;display:flex}.international-link:hover p{color:#fff}.strip-arrow{display:none}.landing-page{background:radial-gradient(at 0 80%,#f568000d,#0000 40%);padding-bottom:15px}.hero-maroc{min-height:570px}.hero-maroc .hero-content{max-width:65%}.morocco-page .tier-section{margin-top:20px;margin-bottom:20px}@media (min-width:1550px){.hero{min-height:485px}}@media (min-width:701px) and (max-width:1100px){.hero{min-height:425px;padding-bottom:40px}.hero h1{font-size:42px}.hero-description{font-size:14px}.hero-content{max-width:62%}.canada-badge{right:3%}.hero-maroc{min-height:580px}.values-grid .card{display:flex}.benefits>div{padding:0 10px}.card h3{font-size:21px}.contact-layout{grid-template-columns:1.6fr 1fr}.contact-form .whatsapp-direct{margin-left:0}}@media (max-width:700px){.header{height:76px;padding:0 20px}.logo{width:180px}.main-nav{top:76px}.hero{background-size:cover,auto 300px;min-height:625px;padding:17px 22px 235px}.hero-content,.hero-a-propos .hero-content,.hero-carrieres .hero-content,.hero-contact .hero-content{max-width:100%}.hero h1{font-size:clamp(29px,8.7vw,36px);line-height:1.02}.hero .eyebrow{margin-bottom:10px;font-size:10px}.breadcrumb{margin-bottom:17px}.hero .underline{margin-top:12px}.hero-description{margin-top:12px;font-size:13px;line-height:1.48}.hero-buttons{gap:8px;margin-top:18px}.hero-buttons .button{max-width:300px;min-height:42px}.hero-a-propos,.hero-carrieres{background-position:50%,bottom;background-size:cover,auto 270px;min-height:615px}.hero-carrieres{background-position:50%,bottom}.hero-contact{min-height:630px}.canada-badge{width:170px;bottom:72px;right:21px}.canada-badge>span{width:48px;height:48px}.canada-badge>span svg{width:31px;height:31px}.section{margin:0 18px;padding:20px 0}.section-title{margin-bottom:17px}.section-title h2{font-size:29px}.section-title .eyebrow{font-size:9px}.service-grid .card,.card{gap:15px;min-height:85px;padding:15px 43px 15px 15px}.card h3{font-size:20px}.card p{font-size:12px;line-height:1.3}.card>svg{width:37px;height:37px}.benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:15px 18px 8px;padding:14px 3px}.benefits:before{display:none}.benefits>div{text-align:center;border-right:1px solid #6b90ad40;flex-direction:column;align-items:center;gap:8px;padding:0 5px;display:flex}.benefits>div:nth-child(2){border-right:1px solid #6b90ad40}.benefits>div:last-child{border:0}.benefits h3{font-family:var(--sans);font-size:10px;line-height:1.25}.benefits p{display:none}.benefits svg{width:27px;height:27px}.story{grid-template-columns:minmax(88px,.7fr) 1.5fr;align-items:start;gap:15px;display:grid}.story>img{object-position:60% center;border-radius:10px;width:100%;height:210px}.story .eyebrow{letter-spacing:.2em;font-size:8px}.story h2{margin:5px 0 10px;font-size:23px}.story p{font-size:11px;line-height:1.4}.story p+p{margin-top:8px}.mission-section h2,.values-section h2{font-size:29px}.mission-section>p:not(.eyebrow){font-size:13px}.mission-section .grid .card,.page-nos-marches .three .card{align-items:center;gap:15px;min-height:85px;display:flex}.mission-section .grid .card h3{font-size:20px}.mission-section .card>svg{width:36px;height:36px}.values-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.values-grid .card{text-align:center;flex-direction:column;justify-content:center;gap:10px;min-height:99px;padding:12px 3px;display:flex}.values-grid .card>svg{width:29px;height:29px}.values-grid .card h3{font-size:13px}.values-grid .card p,.values-grid .round-arrow{display:none}.page-nos-marches .four .card{min-height:87px}.page-nos-marches .three .card h3{font-size:20px}.page-carrieres .four .card{min-height:63px;padding-top:13px;padding-bottom:13px}.page-carrieres .four .card p{display:none}.page-carrieres .four .card>svg{width:30px;height:30px}.opportunities{padding:20px 15px}.opportunities .section-title h2{font-size:27px}.opportunities h3{font-size:22px}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:23px 0 0}.timeline:before{content:"";background:var(--orange);opacity:.65;width:auto;height:1px;display:block;top:17px;left:10%;right:10%}.timeline li{text-align:center;min-height:105px;padding:45px 0 0}.step-number{width:34px;height:34px;font-size:14px;top:0;left:50%;transform:translate(-50%)}.timeline li>svg{display:none}.timeline h3{overflow-wrap:anywhere;margin:0;font-size:17px;display:block}.timeline p{margin-top:6px;font-size:10px;line-height:1.35}.expertise-library{margin:10px 18px 20px}.expertise-library>summary{padding:14px;font-size:12px}.expertise-library .expertise-details{margin:0 16px}.expertise-library .detail-section{padding:25px 0}.contact-layout{padding-top:6px;display:flex}.contact-form,.coordinates{padding:20px}.contact-form h2,.coordinates h2{font-size:29px}.form-grid{gap:13px}.form-grid input,.form-grid select{min-height:44px;padding:10px}.contact-form .whatsapp-direct{margin:12px 0 0}.page-contact .faq details{max-width:none}.page-contact .faq:after{display:none}.page-contact .faq h2{font-size:29px}.faq summary{min-height:44px}.faq details>p{font-size:12px}footer{margin:20px 18px 0;padding:15px 0 22px}.footer-top{gap:15px}.footer-top .logo{width:150px}.footer-top nav{gap:10px 15px;font-size:10px}.footer-top nav a{align-items:center;min-height:32px;display:inline-flex}.footer-bottom{gap:10px;margin-top:13px;font-size:9px}.footer-bottom a{padding:6px 0;display:inline-block}.region-hero{min-height:505px;padding:30px 22px 230px}.region-intro h1{margin:18px 0;font-size:clamp(49px,14.2vw,61px)}.region-intro>p:last-child{max-width:345px;margin-top:20px;font-size:14px}.world-map{background-size:cover;inset:270px -20px -5px;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.region-hero .connections{opacity:.4;height:130px;bottom:-20px}.country-grid{gap:12px;margin:0 18px 22px}.country-card{height:160px}.country-card>div{top:16px;left:48%;right:48px}.country-card h2{font-size:31px}.country-card p{font-size:11px}.country-arrow{width:35px;height:35px;bottom:56px;right:13px}.flag{width:33px;height:33px}.international-strip{margin:20px 18px;padding:3px 14px}.international-strip>div{gap:18px;padding:16px 0}.international-strip p{font-family:var(--sans);font-size:13px;line-height:1.4}.international-strip p em{font-family:var(--serif);font-size:17px}.international-strip p br{display:initial}.international-strip svg{width:32px;height:32px}.international-link{gap:18px}.international-link>p{flex:1}.strip-arrow{width:25px;height:25px;color:var(--orange);border:1px solid #ff790080;border-radius:50%;place-items:center;display:grid}.strip-arrow svg{width:15px;height:15px}.landing-page{padding-bottom:1px}.hero-maroc{min-height:735px;padding-bottom:235px}.hero-maroc .hero-content{max-width:100%}.hero-maroc h1{font-size:clamp(29px,8.7vw,36px)}.hero-maroc .hero-buttons .button{font-size:11px}.whatsapp-floating{background:#07131cf5}}@media (max-width:370px){.header{gap:10px;padding:0 15px}.logo{width:155px}.hero{padding-left:19px;padding-right:19px}.hero h1{font-size:30px}.hero-description{font-size:12px}.region-hero{min-height:515px}.region-intro h1{font-size:51px}.country-card>div{left:45%;right:46px}.story{grid-template-columns:90px 1fr;gap:13px}.story h2{font-size:21px}.values-grid .card h3{font-size:11px}}
.header{gap:24px}.main-nav{gap:23px}.header-selectors{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-selectors summary{gap:6px;padding:8px 11px}.language-menu>div{min-width:165px}.language-menu a[aria-current]{color:var(--orange);background:#ff790015}.page-home .benefits:before{content:attr(data-heading)}.office-grid,.city-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.office-card{padding:25px}.office-card svg{color:var(--orange);margin-bottom:15px}.office-card h3{margin-bottom:12px}.office-card address{color:var(--muted);overflow-wrap:anywhere;font-style:normal;line-height:1.65}.city-card{overflow:hidden}.city-card>div:last-child{padding:20px}.city-card h3{margin-bottom:12px}.city-visual{position:relative;overflow:hidden}.city-visual img{object-fit:cover;width:100%;height:215px}.city-visual .connections{z-index:1;opacity:1;width:100%;height:100%;inset:0}.city-visual .connections path{stroke-width:4px}.morocco-service-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.morocco-service-details details{border:1px solid var(--border);border-radius:10px;padding:15px;scroll-margin-top:110px}.morocco-service-details summary{cursor:pointer;align-items:center;gap:12px;display:flex}.morocco-service-details summary svg{color:var(--orange);flex-shrink:0}.morocco-service-details details p{margin:15px 0}.monitoring>p{max-width:850px;margin-bottom:18px}@media (max-width:1150px) and (min-width:981px){.header{gap:16px;padding-inline:3%}.header .logo{width:190px}.main-nav{gap:16px}.main-nav a{font-size:12px}}@media (max-width:980px){.header{gap:10px;height:78px}.header .logo{width:180px}.main-nav{border-bottom:1px solid var(--border);background:#081521fa;padding:12px 24px 24px;display:none;position:absolute;top:78px;left:0;right:0;box-shadow:0 20px 40px #0009}.main-nav.is-open{flex-direction:column;align-items:stretch;gap:0;display:flex}.main-nav a{padding:15px 3px;font-size:15px}.main-nav a:after{bottom:5px}.menu-toggle{display:block}.header-selectors{margin-left:auto}.office-grid,.city-grid{gap:12px}.office-card{padding:18px}}@media (max-width:600px){.header{gap:6px;padding-inline:16px}.header .logo{width:130px}.header-selectors{gap:4px}.header-selectors summary{gap:3px;padding:7px;font-size:10px}.header-selectors .region-menu:first-child summary>svg:first-child{display:none}.menu-toggle{padding:5px}.office-grid,.city-grid,.morocco-service-details{grid-template-columns:1fr}.office-card{padding:22px}.city-visual img{height:200px}.country-grid .country-card p{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}