:root{--blue:#4a82d0;--deep:#2f619f;--cyan:#42b5df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;background:#fff;font-family:Comfortaa,"Helvetica Neue",Arial,sans-serif;font-weight:400}.site-header{height:134px;display:flex;align-items:center;padding:0 8%;gap:42px;background:white;box-shadow:0 4px 12px #0002;position:sticky;top:0;z-index:20}.logo{width:84px;height:94px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:42px}.site-header nav a{color:#080808;text-decoration:none;font-size:18px;white-space:nowrap}.site-header nav .active{color:var(--blue);border-bottom:3px solid var(--blue);padding-bottom:13px}.header-phone{margin-left:auto;text-decoration:none;color:#222;font-size:20px;white-space:nowrap}.header-phone b{color:var(--blue);font-size:25px;margin-right:15px}.menu-toggle{display:none}.hero{height:1260px;min-height:calc(100vh - 134px);background:linear-gradient(#0001,#0001),url('/assets/hero.webp') center/cover;display:grid;place-items:center;text-align:center;color:white}.hero h1{font-size:72px;line-height:1.55;font-weight:300;margin:0 0 90px}.hero p{font-size:35px;line-height:2.15;font-weight:300;margin:0}.atouts{min-height:970px;display:grid;grid-template-columns:44% 56%;gap:70px;padding:105px max(8%,170px)}.atouts h2{margin:0 0 30px;color:var(--deep);font-size:58px;line-height:1.45;font-weight:500}.atouts h3,.atouts-intro p,.atouts-intro li{color:var(--blue);font-size:19px;line-height:1.7;font-weight:600}.atouts h3{margin:0}.atouts ul{padding-left:52px;margin:14px 0 23px}.atouts-intro p{max-width:550px;margin:28px 0}.pill{height:82px;min-width:380px;border:3px solid var(--blue);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--blue);text-decoration:none;font-size:20px}.atouts-intro .pill{margin:22px 0 0 95px}.atouts-list details{margin:3px 0 47px}.atouts-list summary{list-style:none;display:flex;align-items:flex-start;gap:22px;font-size:19px;line-height:1.5;cursor:pointer}.atouts-list summary::-webkit-details-marker{display:none}.atouts-list summary:before{content:'›';width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font:46px/1 Arial}.atouts-list p{margin:10px 0 0 74px;color:#666;line-height:1.7}.equipment{height:610px;display:grid;grid-template-columns:70% 30%}.equipment-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;filter:grayscale(1);overflow:hidden}.equipment-photos img{width:100%;height:100%;object-fit:cover}.equipment-photos img:first-child{grid-row:1/3}.equipment-copy{width:100%;height:100%;object-fit:cover}.services-cards{padding:150px 7% 40px;min-height:1050px}.services-cards>h2{text-align:center;color:#294c65;font-size:40px;font-weight:500;margin:0 0 125px}.cards{display:grid;grid-template-columns:repeat(3,minmax(290px,395px));gap:43px;justify-content:center}.cards article{height:675px;text-align:center;padding:65px 35px 30px;display:flex;align-items:center;flex-direction:column;box-shadow:0 0 17px #0004;border-bottom:10px solid var(--blue)}.cards i{color:var(--blue);font:60px/1 Arial;font-style:normal}.cards h3{font-size:27px;font-weight:500;margin:40px 0 10px}.cards h4{font-size:23px;font-weight:500;margin:0 0 35px}.cards p{margin:0;color:#888;font-size:17px;line-height:1.65}.cards a{margin-top:auto;color:var(--blue);text-decoration:none}footer{min-height:365px;background:#000;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:88px 10% 62px;gap:50px}footer h2{font-size:19px;font-weight:500;margin:0 0 25px}footer p{font-size:14px;line-height:2.25;margin:0 0 22px}footer .pill{min-width:255px;height:58px;font-size:17px}.social{color:#aaa;font-size:25px}.top{position:fixed;right:25px;bottom:36px;background:#666;color:#fff;border:2px solid white;width:58px;height:58px;display:grid;place-items:center;text-decoration:none;font:57px/1 Arial;z-index:30}.page-hero{height:400px;display:flex;align-items:center;padding:0 3.5%;color:#fff;background-position:center;background-size:cover}.page-hero h1{font-weight:300;font-size:56px}.page-main{min-height:850px}.about-hero{background-image:linear-gradient(#0005,#0005),url('/assets/about-hero.webp')}.contact-hero{background-image:linear-gradient(#0004,#0004),url('/assets/contact-hero.webp')}.about-content{max-width:1450px;margin:auto;padding:180px 50px 120px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-photo img{width:100%;display:block}.about-photo p{font-size:18px;line-height:1.6}.about-copy h2{font-size:56px;line-height:1.55;font-weight:400;text-align:center;margin:-25px 0 55px}.about-copy p{font-size:17px;line-height:1.65;color:#555}.about-copy .pill{float:right;margin-top:35px}.contact-content{max-width:1300px;margin:auto;padding:105px 50px 120px;display:grid;grid-template-columns:42% 58%;align-items:center;gap:55px;text-align:center}.contact-info h2{font-size:42px;font-weight:300}.contact-info p{font-size:19px;line-height:2.1}.map{width:100%;height:auto;display:block}.services-page .service-block{padding:100px max(6%,100px);display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:700px;align-items:center}.service-block:nth-child(even){background:linear-gradient(110deg,#477bd1,#42b7df);color:#fff}.service-block h2{font-size:48px;font-weight:400}.service-block h3{font-size:22px}.service-block p,.service-block li{font-size:18px;line-height:1.7}.service-photo{width:100%;max-height:650px;object-fit:cover}.service-block .pill{margin-top:35px}.service-block:nth-child(even) .pill{border-color:#fff;color:#fff}
@media(max-width:760px){.site-header{height:349px;padding:55px 37px 38px;display:grid;grid-template-columns:100px 1fr;grid-template-rows:150px 75px}.logo{grid-column:2;width:115px;height:125px;justify-self:center}.menu-toggle{display:flex;flex-direction:column;gap:8px;background:transparent;border:0;padding:0}.menu-toggle span{display:block;width:43px;height:4px;background:#666}.site-header nav{display:none}.site-header.open nav{display:flex;position:absolute;top:349px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;gap:0;padding:15px 38px;box-shadow:0 6px 10px #0003}.site-header.open nav a{padding:17px 0;width:100%;font-size:18px}.header-phone{grid-column:1/3;grid-row:2;justify-self:center;margin:0;font-size:31px}.header-phone b{display:none}.hero{height:1010px;min-height:0}.hero h1{font-size:56px;line-height:1.8;margin-bottom:95px}.hero p{font-size:26px;line-height:2.5}.home{display:flex;flex-direction:column}.services-cards{order:1;padding:0 37px 55px;background:#f6f6f6;min-height:0}.services-cards>h2{display:none}.cards{display:flex;flex-direction:column;gap:48px}.cards article{height:835px;background:#fff;padding:85px 40px 35px;border-bottom-width:11px}.cards i{font-size:74px}.cards h3{font-size:31px;margin:42px 0 14px}.cards h4{font-size:30px;margin-bottom:50px}.cards p{font-size:25px;line-height:1.66}.cards a{font-size:25px}.equipment{order:2;height:auto;display:flex;flex-direction:column}.equipment-photos{height:555px;display:block}.equipment-photos img{display:none}.equipment-photos img:nth-child(2){display:block;filter:grayscale(1)}.equipment-copy{height:auto}.atouts{order:3;display:block;min-height:0;padding:92px 38px 45px}.atouts h2{font-size:52px;line-height:1.65}.atouts h3,.atouts-intro p,.atouts-intro li{font-size:27px;line-height:1.68}.atouts-intro p{margin:44px 0}.atouts-intro .pill{margin:25px 0 90px}.pill{min-width:100%;height:112px;font-size:29px;border-width:4px}.atouts-list details{margin-bottom:47px}.atouts-list summary{font-size:28px;line-height:1.65;gap:38px}.atouts-list summary:before{width:91px;height:91px;flex-basis:91px;font-size:80px}.atouts-list p{margin-left:129px;font-size:20px}.page-hero{height:380px;padding:0 28px}.page-hero h1{font-size:51px}.about-content{padding:65px 29px 35px;display:flex;flex-direction:column}.about-copy{order:1}.about-photo{order:2}.about-copy h2{font-size:51px;line-height:1.55;margin:0 0 50px}.about-copy p{font-size:27px;line-height:1.67}.about-copy .pill{float:none;margin:25px 0 35px}.about-photo p{font-size:24px;line-height:1.6}.contact-content{padding:70px 29px 85px;display:flex;flex-direction:column;gap:70px}.contact-info h2{font-size:43px;font-weight:300}.contact-info p{font-size:25px;line-height:2.1}.map{width:100%}.services-page .service-block{display:block;padding:78px 30px;min-height:0}.services-page .service-block h2{font-size:45px}.services-page .service-block h3{font-size:27px}.services-page .service-block p,.services-page .service-block li{font-size:24px;line-height:1.65}.service-photo{margin-bottom:45px}footer{display:block;padding:78px 38px 65px}footer section{margin-bottom:80px}footer h2{font-size:31px;margin-bottom:38px}footer p{font-size:25px;line-height:2.2;margin-bottom:40px}footer .pill{height:100px;min-width:92%;font-size:30px}.social{font-size:40px}.top{width:76px;height:76px;right:25px;bottom:75px;font-size:73px}}
@media(min-width:761px) and (max-width:1150px){.site-header{padding:0 6%;gap:27px}.site-header nav{gap:28px;flex-wrap:wrap}.site-header nav a{font-size:16px}.header-phone{font-size:17px}.atouts{padding-left:5%;padding-right:5%}.cards{grid-template-columns:repeat(3,minmax(245px,1fr))}.cards article{height:650px}.about-content{padding-left:4%;padding-right:4%}}

/* Navigation and page details reproduced from the reference site */
.menu-close,.services-toggle,.drawer-phone,.subnav{display:none}.services-intro{max-width:980px;margin:0 auto;padding:90px 45px;text-align:center}.services-intro h1{font-size:48px;font-weight:400;margin:0 0 45px}.services-intro p{font-size:17px;line-height:1.8}.service-block small{font-size:.65em;font-weight:400}.service-block div{max-width:960px;margin:auto}.service-block.repair:before,.service-block.advice:before,.service-block.course:before,.service-block.creation:before{content:"";display:block;min-height:440px;background-position:center;background-size:cover}.service-block.repair:before{background-image:url('/assets/montage-1.webp')}.service-block.advice:before{background-image:url('/assets/montage-2.webp')}.service-block.course:before{background-image:url('/assets/montage-3.webp')}.service-block.creation:before{background-image:url('/assets/hero.webp')}.contact-info a{color:inherit;text-decoration:none}

@media(max-width:600px){
 body.menu-open{overflow:hidden}.site-header{position:relative;top:auto}.site-header nav{display:flex;position:fixed;z-index:100;inset:0 22% 0 0;height:100vh;transform:translateX(-105%);transition:transform .25s ease;background:linear-gradient(110deg,#477bd1,#42b7df);flex-direction:column;align-items:flex-start;gap:0;padding:98px 28px 45px;box-shadow:none;overflow:auto}.site-header.open nav{display:flex;top:0;right:22%;padding:98px 28px 45px;transform:translateX(0);box-shadow:none}.site-header.open:after{content:"";position:fixed;z-index:90;inset:0;background:#0006}.site-header nav a,.services-toggle{display:block;width:auto;color:#fff!important;border:0;background:none;text-decoration:none;text-align:left;font:300 29px/1.35 Comfortaa,sans-serif;padding:18px 0}.site-header nav>a.active,.services-toggle.active{border-bottom:3px solid #fff}.menu-close{display:block;color:#fff;background:none;border:0;font:300 53px/1 Arial;margin:0 0 16px;padding:0}.services-toggle{display:flex;gap:18px;align-items:center;border-bottom:3px solid #fff;padding-bottom:12px}.services-toggle span{font-size:30px}.subnav{display:none;padding:8px 0 10px 23px}.subnav.open{display:block}.subnav a{font-size:23px!important;padding:11px 0!important}.drawer-phone{display:flex!important;width:100%!important;height:102px;border:3px solid #fff!important;border-radius:999px;align-items:center;justify-content:center;margin-top:38px;padding:0!important;font-size:24px!important}.services-intro{padding:70px 30px}.services-intro h1{font-size:42px}.services-intro p{font-size:22px;line-height:1.65}.services-page .service-block{padding:0;display:block}.service-block div{padding:62px 29px}.service-block.repair:before,.service-block.advice:before,.service-block.course:before,.service-block.creation:before{min-height:380px}.services-page .service-block:nth-child(odd){background:#fff;color:#2f619f}.services-page .service-block:nth-child(even){background:linear-gradient(110deg,#477bd1,#42b7df);color:#fff}.services-page .service-block:nth-child(odd) .pill{border-color:var(--blue);color:var(--blue)}.about-hero{background-position:center}.about-photo img{aspect-ratio:1/1.18;object-fit:cover}.contact-hero{background-position:center}.contact-content{padding-top:68px}.map{height:auto}.atouts-list details[open] summary:before{transform:rotate(90deg)}
}

.site-header nav .services-toggle{display:block;border:0;background:none;color:#080808;font:400 18px Comfortaa,sans-serif;white-space:nowrap;padding:0;cursor:pointer}.site-header nav .services-toggle.active{color:var(--blue);border-bottom:3px solid var(--blue);padding-bottom:13px}.site-header nav{position:relative}.site-header nav .subnav.open{display:flex;position:absolute;top:43px;left:95px;min-width:310px;flex-direction:column;align-items:flex-start;gap:0;background:#fff;padding:12px 20px;box-shadow:0 5px 14px #0003}.site-header nav .subnav.open a{padding:10px 0;font-size:15px}
.contact-hero{background-image:url('/assets/contact-hero-desktop.webp');background-size:cover}.contact-hero h1{visibility:hidden}.service-block.repair:before{background-image:url('/assets/service-repair.webp')}.service-block.advice:before{background-image:url('/assets/service-advice.webp')}.service-block.course:before{background-image:url('/assets/service-course.webp')}.service-block.creation:before{background-image:url('/assets/service-creation.webp')}.services-page .repair,.services-page .course{background:#fff;color:#2f619f}.services-page .advice,.services-page .creation{background:linear-gradient(110deg,#477bd1,#42b7df);color:#fff}.services-page .repair .pill,.services-page .course .pill{border-color:var(--blue);color:var(--blue)}.services-page .advice .pill,.services-page .creation .pill{border-color:#fff;color:#fff}
@media(max-width:760px){.site-header nav .services-toggle,.site-header nav .services-toggle.active{display:flex;color:#fff;border-color:#fff;font-size:29px;padding:18px 0 12px}.site-header nav .subnav.open{display:block;position:static;min-width:0;background:transparent;box-shadow:none;padding:8px 0 10px 23px}.contact-hero{height:405px;background-image:url('/assets/contact-hero-mobile.webp');background-position:center;background-size:cover}.services-page .repair,.services-page .course{background:#fff!important;color:#2f619f!important}.services-page .advice,.services-page .creation{background:linear-gradient(110deg,#477bd1,#42b7df)!important;color:#fff!important}}

/* Header and footer: match the supplied desktop reference. */
.header-phone b{display:inline-block;width:23px;height:23px;margin-right:12px;font-size:0;vertical-align:-5px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234a82d0'%3E%3Cpath d='M6.6 10.8c1.5 3.1 3.5 5.1 6.6 6.6l2.1-2.1c.25-.25.62-.34.95-.24 1.04.34 2.15.52 3.3.52.5 0 .9.4.9.9V20c0 .5-.4.9-.9.9C11 20.9 3.1 13 3.1 3.4c0-.5.4-.9.9-.9h3.4c.5 0 .9.4.9.9 0 1.15.18 2.26.52 3.3.1.33.01.7-.24.95L6.6 10.8Z'/%3E%3C/svg%3E")}
footer .social{display:inline-block;width:102px;height:30px;margin:0;font-size:0;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 102 30'%3E%3Cg fill='none' stroke='%23aaa' stroke-width='2.5'%3E%3Ccircle cx='15' cy='15' r='12'/%3E%3Ccircle cx='51' cy='15' r='12'/%3E%3Ccircle cx='87' cy='15' r='12'/%3E%3C/g%3E%3Cg fill='%23aaa' font-family='Arial,sans-serif' font-weight='bold' text-anchor='middle'%3E%3Ctext x='15' y='20' font-size='17'%3Ef%3C/text%3E%3Ctext x='51' y='19' font-size='11'%3Ein%3C/text%3E%3Ctext x='87' y='20' font-size='16'%3EG%3C/text%3E%3C/g%3E%3C/svg%3E")}
footer .pill{color:#fff;transition:background-color .18s ease,background-image .18s ease}
footer .pill:hover{color:#fff;background:linear-gradient(110deg,#477bd1,#42b7df)}