:root{--blue:#0c58ae;--black:#111;--white:#fff;--gray:#f0f0f0;--max:1100px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:"Myriad Pro","Myriad Pro Regular",Myriad,Arial,Helvetica,sans-serif;color:var(--black);line-height:1.6;background:#fff}img{max-width:100%;display:block}a{color:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-top:5px solid var(--blue);box-shadow:0 2px 12px #0000000d}.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between}.brand img{width:115px;height:82px;object-fit:contain}.menu-toggle{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:5px}.menu-toggle span{width:26px;height:2px;background:#111;display:block}.main-nav{position:absolute;left:0;right:0;top:79px;background:#fff;padding:18px 24px 26px;display:none;flex-direction:column;gap:8px;border-bottom:1px solid #ddd}.main-nav.open{display:flex}.main-nav a{padding:10px 0;text-decoration:none}.lang select{width:100%;padding:10px;border:1px solid #ccc;background:#fff}.btn{display:inline-block;background:var(--blue);color:#fff!important;border:0;border-radius:2px;padding:11px 22px;text-decoration:none;cursor:pointer;font-weight:700}.hero{padding:45px 0 55px;overflow:hidden}.hero-grid{display:grid;gap:34px}.hero h1{font-size:clamp(2rem,8vw,3.2rem);line-height:1.12;margin:0 0 22px}.hero-copy p{max-width:610px}.hero-visual{position:relative;margin-right:-16px;justify-self:stretch}.hero-visual img{width:100%;height:auto;object-fit:contain;object-position:right center}.hero-visual:after{display:none}.section{padding:64px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 35px}.section-head h2{margin:0 0 8px;font-size:1.8rem}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-card{min-height:180px;border:1px solid #bbb;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.service-card.active,.service-card:hover{background:var(--blue);color:#fff}.service-card .icon{font-size:2.2rem;margin-bottom:10px}.service-card small{display:block;margin-top:6px}.alt{background:var(--gray)}.split{display:grid;gap:30px}.split img{width:100%;height:260px;object-fit:cover}.split h2{font-size:1.3rem}.stats{padding:48px 0;background:linear-gradient(#0c58aed9,#06417ed9),url('../img/stats-bg.jpg') center/cover}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#fff;text-align:center}.stats b{display:block;font-size:2rem}.stats span{display:block}.partners-image{width:min(100%,760px);margin:auto;mix-blend-mode:multiply}.works-grid{display:grid;gap:24px}.work{text-align:center;padding:10px 18px}.work h3{font-size:1rem}.contact form{max-width:820px;margin:auto;display:grid;gap:14px}.form-fields{display:grid;gap:12px}input,textarea{width:100%;border:1px solid #999;padding:13px;font:inherit;background:#fff}textarea{min-height:180px;resize:vertical}.hp{position:absolute!important;left:-9999px!important}.contact button{justify-self:end}#form-status{margin:0;min-height:24px}footer{background:#050505;color:#fff;text-align:center;padding:18px;font-size:.85rem}footer a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:760px){.menu-toggle{display:none}.main-nav{position:static;display:flex!important;flex-direction:row;align-items:center;padding:0;border:0;gap:24px}.main-nav a{font-size:.9rem;padding:8px 0}.nav-contact{padding:9px 18px!important}.lang select{width:auto;border:0}.hero{padding:65px 0 85px}.hero-grid{grid-template-columns:.9fr 1.1fr;align-items:center}.hero-visual{margin-right:calc((100vw - min(calc(100vw - 32px),var(--max)))/-2)}.service-grid{grid-template-columns:repeat(4,1fr);gap:0}.split{grid-template-columns:1fr 1fr;align-items:center;gap:70px}.split img{height:300px}.stats-grid{grid-template-columns:repeat(4,1fr)}.works-grid{grid-template-columns:repeat(3,1fr)}.contact form{grid-template-columns:.8fr 1.5fr}.contact form button,.contact #form-status{grid-column:2}.form-fields{grid-row:1}.contact textarea{grid-column:2}.brand img{width:140px}.form-fields input{height:48px}}

/* Nordelect refinements 2026-09-20 */
h1,h2,h3,h4,h5,h6,p,a,button,input,textarea,select,small,span{font-family:"Myriad Pro","Myriad Pro Regular",Myriad,Arial,Helvetica,sans-serif}
.hero h1{font-family:"Myriad Pro","Myriad Pro Regular",Myriad,Arial,Helvetica,sans-serif;font-weight:600}
.site-header{box-shadow:none}
.nav-wrap{padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center}
.brand img{width:132px;height:auto;max-height:94px}
.btn{border-radius:4px;transition:background-color .2s ease,color .2s ease}
.btn:hover,.btn:focus-visible{background:#000;color:#fff!important}
.hero-visual{margin-right:-16px;justify-self:end;width:92%}
.main-nav a{position:relative}
.main-nav a:not(.nav-contact)::after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.main-nav a:not(.nav-contact):hover::after,.main-nav a:not(.nav-contact):focus-visible::after{transform:scaleX(1)}
.service-grid{gap:15px}
.contact .section-head a[href^="mailto:"]{transition:color .2s ease}
.contact .section-head a[href^="mailto:"]:hover,.contact .section-head a[href^="mailto:"]:focus-visible{color:var(--blue)}
.contact form{max-width:940px}
footer a{transition:color .2s ease}
footer a:hover,footer a:focus-visible{color:#999}
@media(min-width:760px){
  .nav-wrap{padding-top:14px;padding-bottom:14px}
  .brand img{width:158px;max-height:106px}
  .hero-visual{width:120%;margin-right:calc((100vw - min(calc(100vw - 32px),var(--max)))/-2)}
  .service-grid{gap:15px}
  .contact form{max-width:940px;grid-template-columns:.82fr 1.65fr}
}

@font-face{font-family:"Myriad Pro Hero";src:url("../fonts/MyriadPro-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}.hero h1{font-family:"Myriad Pro Hero",Arial,Helvetica,sans-serif;font-size:clamp(1.8rem,6.4vw,2.75rem);font-weight:400}.facebook-link{width:30px;height:30px!important;min-width:30px;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;border-radius:50%;background:var(--blue);color:#fff!important;text-decoration:none;transition:background-color .2s}.facebook-link:hover,.facebook-link:focus-visible{background:#000}.facebook-link::after{display:none!important}.facebook-link i{font-size:14px}.service-card .icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.service-card .icon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.service-card.active .icon img,.service-card:hover .icon img{filter:brightness(0) invert(1)}.partner-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 34px;align-items:center;margin:15px auto 50px;max-width:900px}.partner-logos img{width:100%;height:78px;object-fit:contain}.trust-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;max-width:620px;margin:0 auto}.trust-logos img{width:100%;max-height:190px;object-fit:contain}.work-company{display:block;margin-top:8px;font-weight:700}@media(min-width:760px){.main-nav{flex-wrap:nowrap;white-space:nowrap}.lang{display:inline-flex;align-items:center}.lang select{padding:8px 4px}.partner-logos{grid-template-columns:repeat(5,minmax(0,1fr))}.partner-logos img{height:86px}.hero h1{font-size:2.45rem}}@media(max-width:759px){.facebook-link{margin:6px 0}.trust-logos{gap:10px}.trust-logos img{max-height:130px}}


/* Final interaction refinements */
.service-card.active{background:transparent;color:inherit}
.service-card .icon img{filter:brightness(0) saturate(100%) invert(28%) sepia(96%) saturate(1537%) hue-rotate(190deg) brightness(88%) contrast(101%)}
.service-card:hover{background:var(--blue);color:#fff}
.service-card:hover .icon img{filter:brightness(0) invert(1)}
.main-nav a.nav-active:not(.nav-contact)::after{transform:scaleX(1)}
.back-to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:4px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background-color .2s ease}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{background:#000}
@media(min-width:760px){.hero h1{font-size:2.4rem;line-height:1.22}}
.partner-logos a{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.partner-logos a:hover,.partner-logos a:focus-visible{opacity:.78;transform:translateY(-2px)}
