:root{--bg:#0b0e13;--panel:#151c27;--text:#eef2f7;--muted:#a9b3c2;--line:rgba(255,255,255,.08);--orange:#f28705;--yellow:#ffd100;--max:1240px;--radius:22px;--shadow:0 16px 40px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(242,135,5,.1),transparent 25%),radial-gradient(circle at 85% 10%,rgba(255,209,0,.06),transparent 20%),var(--bg);line-height:1.65}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,10,15,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}
.topbar{display:flex;justify-content:flex-end;gap:10px;padding:10px 0 0}.topbar a,.socials a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted)}.topbar svg,.socials svg{width:18px;height:18px;fill:currentColor}.topbar a:hover,.socials a:hover{color:#fff;border-color:rgba(242,135,5,.45)}
.header-main{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 0 14px}.logo-wrap img{height:64px}
nav ul{display:flex;gap:8px;list-style:none;padding:0;margin:0;align-items:center;flex-wrap:wrap}nav li{position:relative}
nav a,nav button{border:0;background:transparent;color:#fff;font:inherit;padding:14px 18px;border-radius:14px;cursor:pointer}nav a:hover,nav button:hover,nav a.active,nav button.active{background:rgba(255,255,255,.05)}
.dropdown{position:absolute;top:100%;left:0;min-width:280px;background:#d9d9d9;color:#333;border-top:4px solid var(--orange);padding:10px;box-shadow:var(--shadow);display:none}
li:hover>.dropdown,.has-dropdown.open>.dropdown{display:block}.dropdown a{display:block;padding:12px 10px;border-radius:10px}.dropdown a:hover{background:rgba(0,0,0,.05)}.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:1.8rem}
.hero{min-height:72vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,7,10,.9) 0%,rgba(5,7,10,.72) 45%,rgba(5,7,10,.55) 100%),url('https://images.unsplash.com/photo-1581092583537-20d51b4b4f1b?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat}.hero .content{padding:82px 0}
.eyebrow{display:inline-block;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);font-weight:600;font-size:.9rem;margin-bottom:16px}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.03em}h1{font-size:clamp(2.6rem,6vw,5.2rem);margin:0;max-width:900px}.hero p{max-width:780px;color:rgba(255,255,255,.84);font-size:1.08rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;font-weight:700;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--orange),#ffab2d);color:#fff}.btn-secondary{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.12)}
.section{padding:90px 0}.section-title{max-width:940px;margin:0 auto 42px;text-align:center}.section-title h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 12px}.section-title p{color:var(--muted);margin:0}
.grid-2,.grid-3,.grid-4{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card,.panel{background:linear-gradient(180deg,rgba(20,26,36,.96),rgba(14,19,27,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:28px}.card p{color:var(--muted)}
.icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(242,135,5,.18),rgba(255,209,0,.08));color:var(--yellow);font-size:1.35rem;margin-bottom:16px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.photo-box,.mini-photo{border-radius:24px;overflow:hidden;border:1px dashed rgba(255,255,255,.18);position:relative;background:linear-gradient(135deg,rgba(242,135,5,.08),rgba(255,209,0,.03)),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat}.photo-box{min-height:360px}.mini-photo{min-height:220px}.photo-box:after,.mini-photo:after{content:"ΘΕΣΗ ΓΙΑ ΦΩΤΟΓΡΑΦΙΑ";position:absolute;right:14px;bottom:14px;background:rgba(8,10,15,.78);border:1px solid rgba(255,255,255,.10);padding:7px 11px;border-radius:999px;font-size:.78rem;color:#fff}
.timeline{position:relative;display:grid;gap:18px}.timeline:before{content:"";position:absolute;left:18px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--orange),rgba(255,255,255,.1))}.timeline-item{position:relative;padding-left:56px}.timeline-item:before{content:"";position:absolute;left:9px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(242,135,5,.12)}.timeline-item .year{color:var(--orange);font-weight:800}
.values-list{display:grid;gap:14px}.value-row{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cert-card{overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(20,26,36,.96),rgba(14,19,27,.96));border:1px solid var(--line);box-shadow:var(--shadow)}.cert-card img{width:100%;height:320px;object-fit:cover;background:#fff}.cert-card .body{padding:18px}
.breadcrumb{padding:26px 0 0;color:var(--muted)}
.service-block{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;margin-bottom:26px}.service-copy{padding:30px}.service-copy h2{margin-top:0;margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.3rem)}.service-copy .lead{font-size:1.05rem;color:#d9e0ea;margin-bottom:18px}.service-copy ul{margin:0;padding-left:20px;color:var(--muted)}.service-copy li{margin:10px 0}.service-meta{padding:22px 24px;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.service-meta h4{margin:0 0 8px}.service-aside{display:grid;gap:24px}.tech-note{padding:22px 24px}.tech-note p{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.contact-item{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin-bottom:14px}.map-wrap{min-height:520px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.map-wrap iframe{width:100%;height:100%;min-height:520px;border:0}
footer{margin-top:70px;padding:60px 0 24px;background:linear-gradient(180deg,#0a0d12,#07090d);border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;margin-bottom:26px}footer h4{margin:0 0 14px}footer p,footer li,footer a{color:var(--muted);font-size:.96rem}footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#7f8896;font-size:.92rem}
@media (max-width:980px){.grid-4,.grid-3,.split,.contact-grid,.footer-grid,.cert-grid,.service-block{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.value-row{grid-template-columns:1fr}.menu-toggle{display:block}nav ul{display:none;position:absolute;top:100%;right:18px;width:min(360px,calc(100vw - 36px));background:#111722;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}nav ul.open{display:flex;flex-direction:column;align-items:stretch}nav li{width:100%}nav a,nav button{width:100%;text-align:left}.dropdown{position:static;min-width:0}li:hover>.dropdown{display:none}.has-dropdown.open>.dropdown{display:block}}
@media (max-width:760px){.logo-wrap img{height:50px}.header-main{min-height:82px}.hero .content{padding:68px 0}.section{padding:74px 0}}

.service-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.service-link-card{padding:24px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.service-link-card h3{margin:0 0 10px}.service-link-card p{margin:0 0 16px;color:var(--muted)}
.service-link-card a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;background:rgba(242,135,5,.12);border:1px solid rgba(242,135,5,.25);color:#fff}
.contact-label{display:block;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:8px}
.fiscal-box{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
@media (max-width:980px){.service-links-grid{grid-template-columns:1fr}}


.service-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.service-link-card{padding:24px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.service-link-card h3{margin:0 0 10px}.service-link-card p{margin:0 0 16px;color:var(--muted)}
.service-link-card a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;background:rgba(242,135,5,.12);border:1px solid rgba(242,135,5,.25);color:#fff}
.keyword-box,.link-box,.fiscal-box{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.keyword-box h4,.link-box h4{margin:0 0 8px}.keyword-box p,.link-box p{margin:0;color:var(--muted)}
.contact-label{display:block;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:8px}
@media (max-width:980px){.service-links-grid{grid-template-columns:1fr}}


.hero-slider{position:relative;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transform:translateX(18%);transition:opacity .9s ease, transform .9s ease;background-size:cover;background-position:center}
.hero-slide.active{opacity:1;transform:translateX(0)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.90) 0%,rgba(5,7,10,.72) 45%,rgba(5,7,10,.55) 100%);z-index:1}
.hero .content{position:relative;z-index:2}
.hero h1.hero-small{font-size:clamp(1.5rem,3.2vw,2.7rem);max-width:720px}
.news-list{display:grid;gap:22px}
.news-item{padding:26px;border-radius:22px;background:linear-gradient(180deg,rgba(20,26,36,.96),rgba(14,19,27,.96));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.news-meta{font-size:.9rem;color:var(--orange);font-weight:700;margin-bottom:10px}
.news-item h3{margin:0 0 10px}
.dropdown-wide{min-width:320px}


/* Exhibition splash banner */
.splash-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(5,7,10,.78);
  backdrop-filter:blur(4px);
  opacity:1;
  visibility:visible;
  transition:opacity .9s ease, visibility .9s ease;
}
.splash-overlay.hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.splash-banner{
  width:min(1100px, calc(100% - 40px));
  min-height:72vh;
  border-radius:28px;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 60px rgba(0,0,0,.38);
  background:
    linear-gradient(90deg, rgba(5,7,10,.82) 0%, rgba(5,7,10,.52) 45%, rgba(5,7,10,.42) 100%),
    url('assets/exhibition-banner.jpg') center/cover no-repeat;
}
.splash-content{
  position:absolute;
  inset:auto auto 42px 42px;
  max-width:560px;
}
.splash-tag{
  display:inline-block;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  font-weight:600;
  font-size:.92rem;
  margin-bottom:14px;
}
.splash-content h2{
  margin:0 0 12px;
  font-size:clamp(2rem,4.6vw,4rem);
  line-height:1.04;
}
.splash-content p{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:1.02rem;
}
@media (max-width:760px){
  .splash-banner{min-height:62vh}
  .splash-content{left:24px;right:24px;bottom:24px;max-width:none}
}


.news-item{
  display:grid;
  grid-template-columns:1fr 110px;
  gap:20px;
  align-items:start;
}
.news-item-main{min-width:0}
.news-icon{
  width:96px;
  height:96px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(242,135,5,.18), rgba(255,209,0,.08));
  border:1px solid rgba(255,255,255,.08);
  color:var(--yellow);
  font-size:2rem;
  box-shadow:var(--shadow);
}
@media (max-width:760px){
  .news-item{grid-template-columns:1fr}
  .news-icon{width:72px;height:72px;font-size:1.6rem}
}


.service-link-card{
  display:grid;
  grid-template-columns:1fr 88px;
  gap:18px;
  align-items:start;
}
.service-link-main{min-width:0}
.service-link-icon{
  width:78px;
  height:78px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(242,135,5,.18), rgba(255,209,0,.08));
  border:1px solid rgba(255,255,255,.08);
  color:var(--yellow);
  font-size:1.7rem;
  box-shadow:var(--shadow);
}
@media (max-width:760px){
  .service-link-card{grid-template-columns:1fr}
  .service-link-icon{width:64px;height:64px;font-size:1.45rem}
}


.real-photo{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow);
  background:rgba(255,255,255,.03);
}
.real-photo img{
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
  display:block;
}
.real-photo.tall img{min-height:420px}
.hero-slide.hero-user{background-position:center center}


:root{
  --family-3d:#4f5b66;
  --family-industrial:#1f4f8a;
  --family-smart:#0f6b6a;
  --family-security:#6a2432;
}
.family-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.family-card{position:relative;border-radius:24px;overflow:hidden;padding:28px 28px 26px;background:linear-gradient(180deg,rgba(18,22,29,.98),rgba(12,16,22,.98));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.family-card::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--family-accent,#f28705)}
.family-card h3{margin:0 0 10px;font-size:1.4rem}
.family-card p{margin:0 0 16px;color:var(--muted)}
.family-card ul{margin:0 0 18px 18px;color:var(--muted)}
.family-card li{margin:0 0 6px}
.family-badge{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;font-size:1.7rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin-bottom:16px}
.family-3d{--family-accent:var(--family-3d)}
.family-industrial{--family-accent:var(--family-industrial)}
.family-smart{--family-accent:var(--family-smart)}
.family-security{--family-accent:var(--family-security)}
.family-title-tag{display:inline-block;padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:700;letter-spacing:.03em;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin-bottom:14px}
.family-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
.family-side-stack{display:grid;gap:24px}
.family-mini{border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(20,26,36,.96),rgba(14,19,27,.96))}
.family-mini h4{margin:0 0 8px}
.family-mini p{margin:0;color:var(--muted)}
@media (max-width:980px){.family-grid,.family-hero-grid{grid-template-columns:1fr}}


.dropdown a.family-link-3d:hover,
.dropdown a.family-link-3d:focus-visible{
  background:rgba(79,91,102,.30);
  color:#fff;
}
.dropdown a.family-link-industrial:hover,
.dropdown a.family-link-industrial:focus-visible{
  background:rgba(31,79,138,.30);
  color:#fff;
}
.dropdown a.family-link-smart:hover,
.dropdown a.family-link-smart:focus-visible{
  background:rgba(15,107,106,.30);
  color:#fff;
}
.dropdown a.family-link-security:hover,
.dropdown a.family-link-security:focus-visible{
  background:rgba(106,36,50,.30);
  color:#fff;
}
.hero-actions.hero-actions-4{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:14px;
  max-width:860px;
}
.hero-actions.hero-actions-4 .btn{justify-content:center}
.btn-family-3d{border-color:rgba(79,91,102,.55)!important;background:rgba(79,91,102,.16)!important}
.btn-family-industrial{border-color:rgba(31,79,138,.55)!important;background:rgba(31,79,138,.16)!important}
.btn-family-smart{border-color:rgba(15,107,106,.55)!important;background:rgba(15,107,106,.16)!important}
.btn-family-security{border-color:rgba(106,36,50,.55)!important;background:rgba(106,36,50,.16)!important}
.btn-family-3d:hover{background:rgba(79,91,102,.28)!important}
.btn-family-industrial:hover{background:rgba(31,79,138,.28)!important}
.btn-family-smart:hover{background:rgba(15,107,106,.28)!important}
.btn-family-security:hover{background:rgba(106,36,50,.28)!important}
@media (max-width:760px){.hero-actions.hero-actions-4{grid-template-columns:1fr}}