:root{--navy:#1b3a7a;--navy-d:#12285a;--red:#d9231a;--ink:#1c2230;--muted:#5a6477;--bg:#fff;--alt:#f3f6fb;--line:#dde3ee;--radius:12px;--shadow:0 6px 24px rgba(18,40,90,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto}
a{color:var(--navy)}
a:hover{color:var(--red)}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.narrow{width:min(780px,100% - 32px)}
.center{text-align:center}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:10}
h1,h2,h3{line-height:1.2;color:var(--navy-d)}
h2{font-size:clamp(1.5rem,2.2vw + 1rem,2.1rem);margin:0 0 .6em}
h3{font-size:1.1rem;margin:0 0 .5em}

.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.brand img{display:block;height:42px;width:auto}
.main-nav{display:flex;gap:4px;flex-wrap:wrap}
.main-nav a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:500;font-size:.95rem}
.main-nav a:hover{background:var(--alt);color:var(--navy)}
.main-nav a[aria-current=page]{color:var(--red);background:#fdeceb}
.menu-toggle,.menu-button{display:none}

.hero{background:linear-gradient(100deg,var(--navy-d),var(--navy));color:#fff;padding:clamp(56px,10vw,120px) 0}
.hero.small{padding:clamp(36px,6vw,64px) 0}
.hero h1{color:#fff;font-size:clamp(1.9rem,4vw + .5rem,3.2rem);margin:0 0 .4em;max-width:18ch}
.hero.small h1{font-size:clamp(1.7rem,3vw + .5rem,2.5rem);max-width:none}
.slider{position:relative;overflow:hidden;min-height:clamp(380px,46vw,520px);background:var(--navy-d);color:#fff}
.slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;background-size:cover;background-position:center;animation:slide 18s infinite}
.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,40,90,.92) 0%,rgba(27,58,122,.72) 45%,rgba(27,58,122,.15) 100%)}
.slide .wrap{position:relative}
.slide h1{color:#fff;font-size:clamp(1.9rem,4vw + .5rem,3.2rem);margin:0 0 .4em;max-width:18ch}
.s1{background-image:url(/wp-content/uploads/2016/01/banner-1-wide.jpg);animation-delay:0s}
.s2{background-image:url(/wp-content/uploads/2016/01/banner-2-wide2.jpg);animation-delay:6s}
.s3{background-image:url(/wp-content/uploads/2016/01/banner-4-wide.jpg);animation-delay:12s}
@keyframes slide{0%{opacity:0;visibility:visible}5%{opacity:1}33%{opacity:1}38%{opacity:0;visibility:visible}39%{visibility:hidden}100%{opacity:0;visibility:hidden}}
.lead{font-size:1.15rem;max-width:52ch;margin:0 0 1.2em;color:#e6ecfa}
.lead-dark{font-size:1.15rem;color:var(--muted)}

.bg-servicii{background-image:linear-gradient(100deg,rgba(18,40,90,.92),rgba(27,58,122,.55)),url(/wp-content/uploads/2016/01/banner-2-wide2.jpg)}
.bg-retele{background-image:linear-gradient(100deg,rgba(18,40,90,.92),rgba(27,58,122,.55)),url(/wp-content/uploads/2016/01/banner-4-wide.jpg)}
.bg-team{background-image:linear-gradient(100deg,rgba(18,40,90,.9),rgba(27,58,122,.6)),url(/wp-content/uploads/banner-team.png)}
.bg-cladire{background-image:linear-gradient(100deg,rgba(18,40,90,.92),rgba(27,58,122,.6)),url(/wp-content/uploads/Alsys-Data_RMS-pg9-4.jpg)}
.bg-servicii,.bg-retele,.bg-team,.bg-cladire{background-size:cover;background-position:center}
.big-logo{max-width:100%;height:auto;margin:0 auto 12px;display:block}
.photo-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.photo-card img{width:100%;height:200px;object-fit:cover;display:block}
.photo-card div{padding:18px 22px}
.photo-card h3{margin-bottom:.3em}
.photo-card p{margin:0;color:var(--muted);font-size:.95rem}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:600;padding:12px 22px;border-radius:999px;transition:transform .15s,background .15s;margin:4px 6px 4px 0}
.btn:hover{background:#b81b13;color:#fff;transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}

.section{padding:clamp(40px,6vw,72px) 0}
.section.alt{background:var(--alt)}
.section.exam{background:linear-gradient(120deg,var(--navy-d),var(--navy));color:#fff}
.section.exam h2{color:#fff}
.grid{display:grid;gap:20px}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
.card,.media-card,.person{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h3{padding-bottom:8px;border-bottom:3px solid var(--red);display:inline-block}
.card ul,.product ul{margin:.6em 0 0;padding-left:1.1em;color:var(--muted);font-size:.95rem}
.card li,.product li{margin:.2em 0}
.product{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.product img{flex:none;width:72px;height:72px;object-fit:contain}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.split img{border-radius:var(--radius)}
.rounded{border-radius:var(--radius);box-shadow:var(--shadow)}
.center-img{justify-self:center}
.media-card{display:flex;flex-direction:column;gap:14px}
.media-card img{width:100%;height:220px;object-fit:contain;background:var(--alt);border-radius:8px}

.certs{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:24px 0}
.certs a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font-weight:600;width:150px}
.certs img{width:150px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px;transition:transform .15s}
.certs a:hover img{transform:scale(1.05)}
.logos{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center}
.logos img{max-height:84px;width:auto;background:#fff;padding:10px;border:1px solid var(--line);border-radius:10px}

.vendors,.clients{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.vendors li,.clients li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:.95rem}
details{background:#fff;border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:4px 16px}
summary{cursor:pointer;font-weight:600;padding:10px 0;color:var(--navy-d)}
.spaced li{margin:.6em 0}

.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.timeline article{background:#fff;border-left:5px solid var(--red);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow)}
.year{display:block;font-size:1.8rem;font-weight:800;color:var(--navy)}
.person{text-align:center}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:1.5rem;display:grid;place-items:center;margin:0 auto 10px}
.person p{margin:0;color:var(--muted);font-size:.9rem}
.contact h2{margin-top:0}

.site-footer{background:var(--navy-d);color:#cdd6ee;padding:44px 0 0}
.site-footer a{color:#fff}
.site-footer h3{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.footer-logo{background:#fff;padding:6px 10px;border-radius:8px}
.legal{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding:16px 0;font-size:.85rem}

@media (max-width:900px){
  .cols-4{grid-template-columns:repeat(2,1fr)}
  .cols-3{grid-template-columns:repeat(2,1fr)}
  .split,.timeline{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .menu-button{display:block;cursor:pointer;padding:12px;margin-right:-8px}
  .menu-button span,.menu-button span::before,.menu-button span::after{display:block;width:24px;height:2px;background:var(--navy-d);position:relative;content:"";transition:.2s}
  .menu-button span::before{position:absolute;top:-7px}
  .menu-button span::after{position:absolute;top:7px}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;padding:8px 16px 16px}
  .menu-toggle:checked ~ .main-nav{display:flex}
  .menu-toggle:checked + .menu-button span{background:transparent}
  .menu-toggle:checked + .menu-button span::before{top:0;transform:rotate(45deg)}
  .menu-toggle:checked + .menu-button span::after{top:0;transform:rotate(-45deg)}
  .main-nav a{padding:12px}
}
@media (max-width:560px){
  .cols-2,.cols-3,.cols-4{grid-template-columns:1fr}
  .hero h1,.slide h1{max-width:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.slide{animation:none}.s1{opacity:1;visibility:visible}}