:root{
  --navy-900:#0A1430; --navy-800:#10204A; --navy-700:#09366D; --navy-600:#27407A;
  --sky:#2F86C2; --sky-soft:#E6EFF7;
  --orange:#D4813C; --orange-600:#B86B2C; --orange-soft:#F6ECE1;
  --paper:#F4F6FB; --paper-2:#E9EEF7; --white:#FFFFFF;
  --ink:#16213F; --muted:#5E6B8A; --line:#D6DDEC;
  --on-dark:#FFFFFF; --on-dark-muted:#E4EAF5; --line-dark:rgba(255,255,255,.14);
  --chip-bg:#E6EFF7; --chip-ink:#09366D; --chip-bg-o:#F6ECE1; --chip-ink-o:#B86B2C; --field:#F4F6FB;
  --shadow:22px 40px -28px rgba(22,33,63,.35);
  --display:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;
  --body:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;
  --radius:14px; --container:1500px; --nav-h:72px; --header-h:72px;
  /* πλαϊνό περιθώριο κεφαλίδας, hero & περιεχομένου: απλώνει σε μεγάλες οθόνες, μαζεύει σε μικρές */
  --edge:clamp(20px,4vw,96px);
}
@media (max-width:900px){:root{--edge:20px}}
*{box-sizing:border-box}
/* βάση μεγεθών: 18px (όλα τα rem-μεγέθη μεγαλώνουν ~12% — εντολή «δύο μεγέθη μεγαλύτερα») */
html{font-size:18px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}
@media (max-width:600px){html{font-size:17px}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.055rem;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-family:var(--display);margin:0;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(2.4rem,5.2vw,4.1rem);font-weight:800}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:800}
h3{font-size:1.25rem;font-weight:700}
p{margin:0}
/* το περιεχόμενο απλώνει ως --container (1500px) και στοιχίζεται με την κεφαλίδα (ίδιο πλαϊνό περιθώριο --edge) */
.container{max-width:calc(var(--container) + 2*var(--edge));margin:0 auto;padding:0 var(--edge)}
.eyebrow{font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
/* σε σκούρο (navy) φόντο τα γράμματα είναι λευκά */
.dark .eyebrow,.section.dark .eyebrow,.cs .eyebrow,.footer .eyebrow,.card.navy .eyebrow,.tl120 .eyebrow,.apanel .eyebrow,.qajax .eyebrow,.qcat .eyebrow,.cta-band .eyebrow,.vhero .eyebrow,.stats .eyebrow,.hx .eyebrow,.hs-txt .eyebrow{color:#fff}
.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}
.dark .lead{color:var(--on-dark-muted)}
.section{padding:68px 0}
.section-head{display:grid;gap:12px;max-width:760px;margin-bottom:36px}
.dark{background:var(--navy-900);color:var(--on-dark)}
/* σε σκούρο φόντο, το δευτερεύον (γκρι) κείμενο γίνεται ανοιχτό· οι λευκές φόρμες/κάρτες μέσα τους κρατούν το γκρι */
.dark,.page-head,.cs,.footer,.stats,.cta-band,.card.navy,.tl120,.apanel,.qajax,.qcat,.hx-ph,.hs-txt,.vhero{--muted:#E4EAF5}
.dark .form,.dark .card:not(.navy),.dark .atc,.page-head .card:not(.navy){--muted:#5E6B8A}
.tinted{background:var(--paper-2)}
.white{background:var(--white)}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.98rem;line-height:1;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 24px -8px rgba(212,129,60,.45)}
.btn-primary:hover{background:var(--orange-600)}
.btn-ghost{border:1.5px solid var(--line-dark);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-outline{border:1.5px solid var(--line);color:var(--ink);background:var(--white)}
.btn-outline:hover{border-color:var(--navy-700)}
.btn-sm{padding:11px 18px;font-size:14.4px}
.arrow{width:16px;height:16px}

/* Nav: always white so the logo sits on a white ground */
.nav{position:fixed;inset:0 0 auto;z-index:50;background:var(--white);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.nav .nav-main{height:var(--nav-h);display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:none}
.brand img{height:52px;width:auto}
/* το μενού δίπλα στο λογότυπο· γλώσσα/θέμα/προσφορά στη δεξιά άκρη */
.nav-links{display:flex;align-items:center;gap:24px;margin-left:14px;font-family:var(--display);font-weight:700;font-size:17.3px}
.nav-cta{margin-left:auto}
.nav-links a{position:relative;padding:6px 0;transition:color .2s;white-space:nowrap}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--navy-700);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-links a.sec{font-weight:600;font-size:15px;color:var(--muted)}
.nav-links a.sec:hover{color:var(--ink)}
.nav-divider{width:1px;height:20px;background:var(--line);margin:0 4px}
.nav-cta{display:flex;align-items:center;gap:14px;flex:none}
.nav-toggle{display:none;width:44px;height:44px;border-radius:10px;place-items:center}
.nav-toggle span{display:block;width:22px;height:2px;background:currentColor;box-shadow:0 -7px 0 currentColor,0 7px 0 currentColor}
/* ≤1500px: το μενού μόλις που χωρά με το κουμπί προσφοράς → οι προηγούμενες, μικρότερες τιμές */
@media (max-width:1500px){.nav-links{gap:22px;margin-left:12px;font-size:15.2px}.nav-links a.sec{font-size:13.8px}}
@media (max-width:1400px){.nav-links{gap:16px;font-size:14.4px}.nav-links a.sec{font-size:12.8px}.nav .nav-main{gap:18px}}
/* 1201–1300px: όλο το μενού σε μία γραμμή — μικρότερο λογότυπο και κενά (κάτω από 1200 → μενού ≡) */
@media (min-width:1201px) and (max-width:1300px){.brand img{height:44px}.nav-links{gap:12px;margin-left:6px;font-size:14px}.nav-links a.sec{font-size:12.4px}.nav .nav-main{gap:12px}.nav-cta .btn{padding:10px 16px;font-size:14px}}
@media (max-width:1200px){
  .nav-links{display:none}
  .nav.open .nav-links{margin-left:0;display:flex;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--white);padding:8px 24px 20px;box-shadow:0 20px 40px -20px rgba(0,0,0,.35)}
  .nav.open .nav-links a{padding:14px 0;border-bottom:0;font-size:1.05rem}
  .nav.open .nav-links a.sec{font-size:.98rem}
  .nav-divider{display:none}
  .nav-toggle{display:grid}
}
@media (max-width:560px){.nav .btn{padding:11px 16px;font-size:.88rem}.brand img{height:42px}}
/* κινητά: δεν χωρούν λογότυπο + EN + θέμα + «Ζητήστε προσφορά» + ≡ — το κουμπί προσφοράς μπαίνει μέσα στο μενού */
.nav-mcta{display:none}
@media (max-width:600px){
  .nav-cta .btn{display:none}
  .nav.open .nav-links .nav-mcta{display:flex;justify-content:center;margin-top:14px;padding:14px;border:0;border-radius:12px;background:var(--orange);color:#fff;font-weight:700}
}

/* Hero */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(1100px 640px at 60% 34%,rgba(47,134,194,.20),transparent 62%),
  radial-gradient(700px 500px at 8% 100%,rgba(212,129,60,.12),transparent 60%),
  var(--navy-900)}
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 40px;align-items:center;padding-top:calc(var(--nav-h) + 28px);padding-bottom:36px;min-height:min(calc(100vh - var(--nav-h)),760px)}
.hero-copy{display:grid;gap:18px;max-width:600px}
.hero-copy h1{font-size:clamp(2.1rem,4.2vw,3.4rem)}
.hero-copy .lead{font-size:1.05rem}
.hero-copy h1 span{color:var(--sky)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-stage{position:relative;width:100%;aspect-ratio:5/4;max-height:calc(100vh - var(--nav-h) - 120px);min-height:360px;overflow:visible}
.hero-stage::after{content:"";position:absolute;left:50%;bottom:6%;width:74%;height:13%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(47,134,194,.16),rgba(47,134,194,0));filter:blur(12px);pointer-events:none}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.hs-labels{position:absolute;inset:0;pointer-events:none}
.legend{display:flex;flex-wrap:wrap;gap:8px}
.legend button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-dark);font-family:var(--display);font-weight:600;font-size:.83rem;color:#fff;background:rgba(10,20,48,.55);backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.legend button::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sky)}
.legend button:hover,.legend button.on{background:rgba(47,134,194,.22);border-color:var(--sky)}
.legend button:hover::before,.legend button.on::before{background:#fff}
.hero-note{font-size:.82rem;color:var(--on-dark-muted);margin:0}
.hs-label{position:absolute;transform:translate(-50%,-140%);display:inline-flex;align-items:center;gap:8px;padding:6px 11px 6px 8px;border-radius:999px;background:rgba(10,20,48,.82);border:1px solid rgba(255,255,255,.16);color:#fff;font-family:var(--display);font-size:.78rem;font-weight:600;white-space:nowrap;backdrop-filter:blur(6px);transition:opacity .25s,transform .25s}
.hs-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px rgba(212,129,60,.25)}
.hs-label.behind{opacity:.18}
.hs-label.on{opacity:1;background:var(--orange);border-color:var(--orange);transform:translate(-50%,-140%) scale(1.08)}
.hs-label.on::before{background:#fff;box-shadow:none}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:18px;padding-top:calc(var(--nav-h) + 20px);min-height:0}
  .hero-copy{display:contents}
  .hero-copy .eyebrow{order:1}.hero-copy h1{order:2}.hero-copy .lead{order:3}.hero-copy .hero-actions{order:4}
  .hero-stage{aspect-ratio:1/1;max-height:70vh;min-height:300px;order:5}
  .hero-copy .legend{order:6}
  .hero-note{display:none}
}
/* Stats strip */
.stats{border-top:1px solid var(--line-dark);background:var(--navy-800);color:#fff}
.stats .container{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.stat{padding:26px 20px 26px 0;border-left:1px solid var(--line-dark);padding-left:20px}
.stat:first-child{border-left:0;padding-left:0}
.stat b{display:block;font-family:var(--display);font-size:2.9rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.stat small{display:block;margin-top:6px;font-size:.88rem;color:var(--on-dark-muted)}
@media (max-width:900px){.stats .container{grid-template-columns:repeat(3,1fr)}.stat{padding:20px 12px}.stat b{font-size:1.9rem}}
@media (max-width:560px){.stats .container{grid-template-columns:repeat(2,1fr)}.stat:nth-child(odd){border-left:0;padding-left:0}}

/* Solutions */
.scope-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.seg{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--paper-2);border-radius:999px;padding:4px;border:1px solid var(--line)}
.seg button{position:relative;z-index:1;padding:10px 26px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.92rem;color:var(--muted);transition:color .25s}
.seg button[aria-pressed="true"]{color:#fff}
.seg::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--navy-700);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.seg[data-scope="biz"]::before{transform:translateX(100%)}
.scope-hint{color:var(--muted);font-size:1.05rem}
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sol{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px 28px;display:grid;gap:16px;align-content:start;transition:transform .25s,box-shadow .25s,border-color .25s}
.sol:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line)}
.sol:hover .ico{transform:scale(1.08) rotate(-4deg)}
.sol .ico{width:52px;height:52px;border-radius:14px;background:var(--chip-bg);color:var(--chip-ink);transition:transform .3s,background .3s;display:grid;place-items:center}
.sol .ico svg{width:26px;height:26px}
.sol ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:1.05rem;color:var(--muted)}
.sol li{display:flex;gap:10px;align-items:flex-start}
.sol li::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;border-radius:50%;background:var(--paper-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.5L12 5.5' fill='none' stroke='%2309366D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.sol-grid[data-scope="home"] [data-biz]{display:none}
.sol-grid[data-scope="biz"] [data-home]{display:none}
.sol.wide{grid-column:span 1}
@media (max-width:900px){.sol-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sol-grid{grid-template-columns:1fr}}

/* Services */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white)}
.svc{padding:34px 28px;border-left:1px solid var(--line);display:grid;gap:14px;align-content:start;position:relative}
.svc:first-child{border-left:0}
.svc .num{font-family:var(--display);font-weight:800;font-size:.8rem;letter-spacing:.12em;color:var(--sky)}
.svc p{color:var(--muted);font-size:.97rem}
.svc .tag{position:static;justify-self:start;order:10;margin-top:2px;background:var(--paper-2);color:var(--navy-700);font-family:var(--display);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:6px}
.svc-fact{margin-top:28px;display:flex;gap:18px;align-items:center;padding:22px 26px;border-radius:var(--radius);background:var(--navy-700);color:#fff}
.svc-fact b{font-family:var(--display);font-size:2.2rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--navy-700);flex:none}
.svc-fact p{color:#dfe6f5;max-width:70ch}
@media (max-width:1000px){.svc-grid{grid-template-columns:1fr 1fr}.svc:nth-child(3){border-left:0}.svc:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.svc-grid{grid-template-columns:1fr}.svc{border-left:0;border-top:1px solid var(--line)}.svc:first-child{border-top:0}.svc-fact{flex-direction:column;align-items:flex-start}}

/* Methodology */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:8px}
.steps::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:var(--line-dark)}
.steps .progress{position:absolute;left:0;top:27px;height:2px;width:100%;background:var(--sky);transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.steps.go .progress{transform:scaleX(1)}
.step{position:relative;display:grid;gap:14px;padding-top:0}
.step .dot{width:56px;height:56px;border-radius:50%;background:var(--navy-900);border:2px solid var(--sky);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1rem;color:var(--sky);position:relative;z-index:1}
.step p{color:var(--on-dark-muted);max-width:40ch}
@media (max-width:800px){.steps{grid-template-columns:1fr;gap:32px}.steps::before,.steps .progress{display:none}}

/* Company */
.about{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.about-copy{display:grid;gap:22px}
.about-copy p{max-width:62ch;font-size:1.08rem}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.value{padding:18px;border-radius:12px;background:var(--white);border:1px solid var(--line)}
.value b{display:block;font-family:var(--display);font-weight:700;margin-bottom:4px}
.value span{font-size:1rem;color:var(--muted)}
.timeline{display:grid;gap:0;border-left:2px solid var(--line);padding-left:26px;position:relative}
.tl{position:relative;padding:0 0 28px}
.tl:last-child{padding-bottom:0}
.tl::before{content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px var(--paper)}
.tl b{display:block;font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:-.01em}
.tl span{color:var(--muted);font-size:.97rem}
.team{margin-top:64px}
.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}
.member{display:grid;gap:10px;padding:18px 16px;background:var(--white);border:1px solid var(--line);border-radius:12px}
.member .av{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--navy-700),var(--sky));color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.95rem}
.member b{font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.25}
.member span{font-size:.85rem;color:var(--muted)}
@media (max-width:1000px){.team-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.about{grid-template-columns:1fr;gap:44px}}
@media (max-width:600px){.values{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}}

/* Case studies */
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cs{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--navy-800);color:#fff;padding:36px 32px;min-height:300px;display:grid;align-content:end;gap:14px;isolation:isolate}
.cs::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px 300px at 90% -10%,rgba(31,168,228,.45),transparent 60%),linear-gradient(160deg,var(--navy-700),var(--navy-900))}
.cs::after{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);z-index:-1;transition:transform .5s}
.cs:hover::after{transform:scale(1.25)}
.cs .tags{display:flex;gap:8px;flex-wrap:wrap}
.cs .tags span{font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.cs h3{font-size:1.45rem;max-width:22ch}
.cs p{color:var(--on-dark-muted);max-width:52ch}
.cs a{font-family:var(--display);font-weight:700;color:#fff;display:inline-flex;gap:8px;align-items:center}
.articles{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;align-items:start}
.articles ul{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.articles li a{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:600;transition:color .2s}
.articles li a:hover{color:var(--navy-700)}
.articles li a span{color:var(--muted);font-weight:500;font-size:.85rem;white-space:nowrap;font-family:var(--body)}
@media (max-width:900px){.cs-grid,.articles{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.faq-list{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-family:var(--display);font-weight:700;font-size:1.05rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%2316213F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s,background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--paper-2);border-color:var(--line)}
.faq details p{padding:0 48px 22px 0;color:var(--muted);max-width:70ch}
@media (max-width:900px){.faq{grid-template-columns:1fr;gap:28px}}

/* Contact */
.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.contact-info{display:grid;gap:26px}
.ci{display:grid;gap:4px;padding-left:18px;border-left:2px solid var(--sky)}
.ci small{font-family:var(--display);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted)}
.ci b{font-family:var(--display);font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}
.ci span{color:var(--on-dark-muted)}
.form{background:var(--white);color:var(--ink);border-radius:var(--radius);padding:32px;display:grid;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:6px}
.field label{font-family:var(--display);font-weight:600;font-size:.85rem}
.field input,.field select,.field textarea{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--sky);background:var(--white);box-shadow:0 0 0 4px rgba(31,168,228,.15)}
.field textarea{min-height:120px;resize:vertical}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--muted)}
.consent input{margin-top:4px}
.form-ok{display:none;padding:16px 18px;border-radius:10px;background:#E8F7EE;color:#176B3A;font-weight:600}
.form.sent .form-ok{display:block}
.form.sent .form-fields{display:none}
@media (max-width:900px){.contact{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:560px){.form-row{grid-template-columns:1fr}.form{padding:22px}}

/* CTA band (hybrid) */
.cta-band{background:radial-gradient(900px 420px at 88% 30%,rgba(47,134,194,.22),transparent 60%),var(--navy-900);color:#fff}
.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-top:48px;padding-bottom:48px}
.cta-band h2{font-size:clamp(1.6rem,3vw,2.3rem);max-width:22ch}
.cta-band p{color:var(--on-dark-muted);margin-top:8px}
.teaser{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.teaser-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fact{padding:22px;border-radius:12px;background:var(--white);border:1px solid var(--line)}
.fact b{display:block;font-family:var(--display);font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--navy-700)}
.fact span{font-size:.9rem;color:var(--muted)}
@media (max-width:900px){.teaser{grid-template-columns:1fr}}

/* Page head (hybrid inner pages) */
.page-head{background:radial-gradient(700px 400px at 85% 20%,rgba(31,168,228,.25),transparent 60%),var(--navy-900);color:#fff;padding:calc(var(--header-h) + 48px) 0 48px}
.page-head .container{display:grid;gap:16px}
.crumbs{font-family:var(--display);font-size:.85rem;font-weight:600;color:var(--on-dark-muted);display:flex;gap:10px}
.crumbs a:hover{color:#fff}

/* Footer */
.footer{background:var(--navy-900);color:var(--on-dark-muted);font-size:1rem}
.footer .top{display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2fr));gap:36px;padding:64px 0 48px}
.footer h4{color:#fff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer a:hover{color:#fff}
.footer .brand-col{display:grid;gap:16px;align-content:start}
.footer .brand-col p{max-width:34ch}
.socials{display:flex;gap:10px}
.socials a{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-dark);display:grid;place-items:center}
.socials a:hover{border-color:#fff;color:#fff}
.socials svg{width:18px;height:18px}
.footer .bottom{border-top:1px solid var(--line-dark);padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem}
@media (max-width:900px){.footer .top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer .top{grid-template-columns:1fr}}

/* Reveal motion: visible at rest, animated only once JS marks them */
.will-reveal{opacity:0;transform:translateY(26px)}
.reveal-in{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.stagger>*{transition-delay:0s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .will-reveal{opacity:1;transform:none}
  .reveal-in{animation:none}
  .steps .progress{transition:none}
  .btn:hover,.sol:hover{transform:none}
}
/* Variant switch note */
.variant-note{position:fixed;right:16px;bottom:16px;z-index:60;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-family:var(--display);font-size:.78rem;font-weight:700;box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}
.variant-note span{color:var(--navy-700)}

.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cats a{font-family:var(--display);font-size:.8rem;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:border-color .2s,color .2s}
.cats a:hover{border-color:var(--navy-700);color:var(--navy-700)}

/* ===== Mega menu ===== */
.nav-links .has-menu{position:relative}
.nav-links .has-menu>a{display:inline-flex;align-items:center;gap:6px}
.nav-links .has-menu>a svg{width:12px;height:12px;transition:transform .2s}
.nav-links .has-menu.open>a svg,.nav-links .has-menu:hover>a svg{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 12px);left:-18px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -30px rgba(22,33,63,.4);padding:22px 24px;display:none;gap:34px;z-index:60}
.mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.has-menu:hover .mega,.has-menu.open .mega{display:flex}
.mega h5{font-family:var(--display);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 2px;font-weight:700}
.mega .mhint{font-size:.9rem;color:var(--muted);opacity:.8;margin:0 0 12px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;min-width:230px}
.nav-links .mega li a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;font-weight:inherit;font-size:inherit;color:var(--ink);white-space:nowrap}
.nav-links .mega li a:hover{background:var(--paper)}
.nav-links .mega li a::after{display:none}
.mega .mi{width:32px;height:32px;border-radius:8px;background:var(--chip-bg);color:var(--chip-ink);display:grid;place-items:center;flex:none}
.mega .mi.o{background:var(--chip-bg-o);color:var(--chip-ink-o)}
.mega .mi svg{width:17px;height:17px}
@media (max-width:1200px){
  .mega{position:static;display:none;box-shadow:none;border:0;padding:2px 0 10px 14px;gap:14px}
  .has-menu.open .mega{display:grid}
  .nav-links .has-menu>a svg{display:inline-block !important;transition:transform .25s}
  .has-menu.open>a svg{transform:rotate(180deg)}
  .mega .mhint{display:none}
  .nav.open .nav-links .mega li a{padding:9px 8px;border-bottom:0;font-size:.98rem}
  .nav-links .has-menu>a svg{display:none}
}

/* ===== Home: spaces ===== */
.space-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.space{position:relative;display:grid;align-content:end;gap:8px;min-height:240px;padding:24px;border-radius:var(--radius);color:#fff;overflow:hidden;isolation:isolate;transition:transform .25s}
.space::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,54,109,.12) 0%,rgba(8,33,63,.40) 48%,rgba(6,22,44,.92) 100%),var(--img) center 40%/cover no-repeat,linear-gradient(170deg,var(--navy-600),var(--navy-900));transition:transform .6s}
.space:hover::before{transform:scale(1.05)}
.space{min-height:300px}
.space::after{content:"";position:absolute;inset:auto -30% -40% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(47,134,194,.5),transparent 65%);z-index:-1;transition:transform .5s}
.space:hover{transform:translateY(-4px)}.space:hover::after{transform:scale(1.3)}
.space .sico{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-bottom:auto}
.space .sico svg{width:20px;height:20px}
.space:hover .sico{transform:scale(1.1) rotate(-4deg);transition:transform .3s}
.space h3{font-size:1.2rem}
.space p{font-size:.9rem;color:var(--on-dark-muted)}
.space .go{font-family:var(--display);font-weight:700;font-size:.9rem;color:#fff}
@media (max-width:900px){.space-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.space-grid{grid-template-columns:1fr}}

/* ===== Photo proposal band ===== */
.photo-band{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.photo-band .container{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;padding-top:48px;padding-bottom:48px}
.photo-band h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.photo-steps{display:flex;gap:18px;margin-top:22px;flex-wrap:wrap}
.photo-steps div{display:flex;gap:10px;align-items:center;font-size:1.05rem;color:var(--muted)}
.photo-steps b{width:28px;height:28px;border-radius:50%;background:var(--paper-2);color:var(--navy-700);display:grid;place-items:center;font-family:var(--display);font-size:.8rem;flex:none}
.chat-btns{display:grid;gap:12px}
.chat{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;border:1.5px solid var(--line);background:var(--field);transition:border-color .2s,transform .2s}
.chat:hover{transform:translateY(-2px);border-color:var(--navy-700)}
.chat .ci-ico{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none}
.chat .ci-ico svg{width:22px;height:22px}
.chat.wa .ci-ico{background:#25D366}.chat.vb .ci-ico{background:#7360F2}
.chat b{display:block;font-family:var(--display);font-size:1rem}
.chat span{font-size:.85rem;color:var(--muted)}
.chat .arrow{margin-left:auto;color:var(--muted)}
.promise{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--sky-soft);color:var(--navy-700);font-family:var(--display);font-weight:700;font-size:.85rem}
@media (max-width:900px){.photo-band .container{grid-template-columns:1fr}}

/* ===== Upgrade quiz ===== */
.quiz{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px;display:grid;gap:22px;max-width:760px}
.quiz .qbar{height:6px;border-radius:6px;background:var(--paper-2);overflow:hidden}
.quiz .qbar i{display:block;height:100%;background:var(--sky);width:0;transition:width .4s}
.quiz .qnum{font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.quiz h3{font-size:1.45rem}
.quiz .opts{display:grid;gap:10px}
.quiz .opts button{text-align:left;padding:14px 18px;border-radius:10px;border:1.5px solid var(--line);background:var(--field);font-family:var(--display);font-weight:600;font-size:.98rem;transition:border-color .2s,background .2s}
.quiz .opts button:hover{border-color:var(--navy-700);background:var(--white)}
.quiz .back{justify-self:start;color:var(--muted);font-family:var(--display);font-weight:600;font-size:.9rem}
.quiz-result{display:grid;gap:18px}
.score{display:flex;align-items:center;gap:20px}
.score .ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--sc) calc(var(--pct)*1%),var(--paper-2) 0);position:relative;flex:none}
.score .ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--white)}
.score .ring b{position:relative;font-family:var(--display);font-size:1.4rem;font-weight:800}
.score h3{font-size:1.5rem}
.score p{color:var(--muted)}
.tips{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.tips li{display:flex;gap:12px;padding:14px 16px;border-radius:10px;background:var(--paper);font-size:1.05rem}
.tips li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--sky);margin-top:8px}
.bigstat{display:flex;align-items:center;gap:18px;margin-top:22px;padding:20px 22px;border-radius:14px;background:var(--navy-800);border:1px solid var(--line-dark);color:#fff}
.bigstat b{font-family:var(--display);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff}
.bigstat strong{display:block;font-weight:700;font-size:1rem}
.bigstat span{display:block;font-size:.9rem;color:var(--on-dark-muted);margin-top:2px}
.quiz-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
@media (max-width:900px){.quiz-wrap{grid-template-columns:1fr}}
@media (max-width:560px){.quiz{padding:22px}}

/* ===== 120-second timeline ===== */
.tl120{background:var(--navy-800);border-radius:var(--radius);padding:36px 32px;color:#fff;display:grid;gap:30px}
.tl120 .clockrow{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.tl120 .clock{font-family:var(--display);font-size:3rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.tl120 .clock small{font-size:1rem;color:var(--on-dark-muted);margin-left:10px;font-weight:600}
.tl120 .replay{font-family:var(--display);font-weight:700;font-size:.85rem;color:var(--sky);display:inline-flex;gap:8px;align-items:center}
.tl120 .track{position:relative;height:4px;background:var(--line-dark);border-radius:4px}
.tl120 .track i{position:absolute;left:0;top:0;bottom:0;background:var(--sky);border-radius:4px;width:0}
.tl120 .nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tl120 .node{display:grid;gap:8px;align-content:start;transition:opacity .4s}
.tl120 .node .t,.tl120 .node b,.tl120 .node p{color:rgba(255,255,255,.28);transition:color .45s}
.tl120 .node.on .t{color:var(--sky)}.tl120 .node.on b{color:#fff}.tl120 .node.on p{color:var(--on-dark-muted)}
.tl120 .node .t{font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums}
.tl120 .node .dot{width:14px;height:14px;border-radius:50%;background:var(--navy-800);border:2px solid rgba(255,255,255,.3);box-shadow:0 0 0 0 rgba(47,134,194,.5);transition:box-shadow .4s}
.tl120 .node.on .dot{background:var(--sky);border-color:var(--sky);box-shadow:0 0 0 6px rgba(212,129,60,.25)}
.tl120 .node b{font-family:var(--display);font-size:1rem}
.tl120 .node p{font-size:.88rem}
@media (max-width:800px){.tl120 .nodes{grid-template-columns:1fr}.tl120 .track{display:none}}

/* ===== System / space / service pages ===== */
.page-body{padding:52px 0}
.two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.two.rev{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.prose{display:grid;gap:18px;max-width:64ch;font-size:1.06rem}
.prose h2{font-size:1.9rem}
.prose ul{margin:0;padding-left:0;list-style:none;display:grid;gap:10px}
.prose li{display:flex;gap:12px}
.prose li::before{content:"";flex:none;width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--paper-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.5L12 5.5' fill='none' stroke='%2309366D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.aside{display:grid;gap:16px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.card h4{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.spec{display:grid;gap:0}
.spec div{display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
.spec b{font-weight:700}.spec span{text-align:left}
.spec div:last-child{border-bottom:0}
.spec span{color:var(--muted)}
.card.navy{background:var(--navy-700);color:#fff;border-color:transparent}
.card.navy h4{color:var(--on-dark-muted)}
.card.navy p{color:#dfe6f5}
.tabs{display:inline-grid;grid-template-columns:1fr 1fr;background:var(--paper-2);border-radius:999px;padding:4px;border:1px solid var(--line);position:relative;margin-bottom:28px}
.tabs button{position:relative;z-index:1;padding:10px 26px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.92rem;color:var(--muted);transition:color .25s}
.tabs button[aria-pressed="true"]{color:#fff}
.tabs::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--navy-700);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.tabs[data-scope="biz"]::before{transform:translateX(100%)}
.scoped[data-scope="home"] [data-biz]{display:none}
.scoped[data-scope="biz"] [data-home]{display:none}
.rel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rel a{padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--white);font-family:var(--display);font-weight:700;font-size:1rem;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:border-color .2s,transform .2s}
.rel a:hover{border-color:var(--navy-700);transform:translateY(-2px)}
.rel a span{color:var(--navy-700)}
.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.risk{padding:22px;border-radius:12px;background:var(--white);border:1px solid var(--line);display:grid;gap:8px}
.risk b{font-family:var(--display)}
.risk span{font-size:1rem;color:var(--muted)}
.combo{display:grid;gap:12px}
.combo a{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 18px;border-radius:12px;background:var(--white);border:1px solid var(--line);transition:border-color .2s}
.combo a:hover{border-color:var(--navy-700)}
.combo .ico{width:44px;height:44px;border-radius:12px;background:var(--chip-bg);color:var(--chip-ink);display:grid;place-items:center}
.combo .ico svg{width:22px;height:22px}
.combo b{display:block;font-family:var(--display)}
.combo span{font-size:.9rem;color:var(--muted)}
.combo .why{font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:6px;background:var(--orange-soft);color:var(--orange-600);white-space:nowrap}
.portal-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (max-width:900px){.two,.two.rev{grid-template-columns:1fr}.rel{grid-template-columns:1fr 1fr}.risk-grid{grid-template-columns:1fr}.portal-list{grid-template-columns:1fr}}
@media (max-width:560px){.rel{grid-template-columns:1fr}.combo a{grid-template-columns:auto 1fr}.combo .why{display:none}}

/* ===== Dark theme ===== */
:root:not([data-theme="light"]){}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#081120; --paper-2:#0b1a2e; --white:#0e2740; --field:#0b1a2e;
  --ink:#f2f6fb; --muted:#c3d0e3; --on-dark-muted:#E4EAF5; --line:rgba(255,255,255,.12);
  --chip-bg:rgba(47,134,194,.16); --chip-ink:#bfe0ff; --chip-bg-o:rgba(212,129,60,.18); --chip-ink-o:#ffb277;
  --sky-soft:rgba(47,134,194,.16); --orange-soft:rgba(212,129,60,.18);
  --shadow:22px 40px -26px rgba(0,0,0,.6);
}}
:root[data-theme="dark"]{
  --paper:#081120; --paper-2:#0b1a2e; --white:#0e2740; --field:#0b1a2e;
  --ink:#f2f6fb; --muted:#c3d0e3; --on-dark-muted:#E4EAF5; --line:rgba(255,255,255,.12);
  --chip-bg:rgba(47,134,194,.16); --chip-ink:#bfe0ff; --chip-bg-o:rgba(212,129,60,.18); --chip-ink-o:#ffb277;
  --sky-soft:rgba(47,134,194,.16); --orange-soft:rgba(212,129,60,.18);
  --shadow:22px 40px -26px rgba(0,0,0,.6);
}
/* logo keeps a white chip in dark so brand stays legible */
/* σκούρο θέμα: λευκό λογότυπο (όπως στο footer) αντί για λευκό πλαίσιο */
.brand .logo-d{display:none}
:root[data-theme="dark"] .brand .logo-l{display:none}:root[data-theme="dark"] .brand .logo-d{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand .logo-l{display:none}:root:not([data-theme="light"]) .brand .logo-d{display:block}}
.btn-outline{background:var(--white)}
.seg,.tabs{background:var(--field)}

/* Theme toggle */
.theme-toggle{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);flex:none;transition:border-color .2s,background .2s}
.theme-toggle:hover{border-color:var(--navy-700)}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle .moon{display:none}
:root[data-theme="dark"] .theme-toggle .sun{display:none}
:root[data-theme="dark"] .theme-toggle .moon{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .theme-toggle .sun{display:none}:root:not([data-theme="light"]) .theme-toggle .moon{display:block}}
@media (max-width:560px){.theme-toggle{width:38px;height:38px}}

/* ===== Partners / clients strip ===== */
.partners{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}
.partners .container{display:flex;align-items:center;gap:34px;flex-wrap:wrap;justify-content:center;padding:26px 24px}
.partners .plabel{font-family:var(--display);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pbrand{font-family:var(--display);font-weight:800;font-size:1.15rem;color:var(--ink);opacity:.55;transition:opacity .2s;letter-spacing:-.01em}
.pbrand:hover{opacity:1}
.pbrands{display:flex;flex-wrap:wrap;gap:12px}
.pbrands .pbrand{opacity:1;font-size:1.25rem;color:var(--navy-700);background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px 22px;box-shadow:0 8px 24px -16px rgba(9,54,109,.35);transition:transform .2s,border-color .2s}
.pbrands .pbrand:hover{transform:translateY(-3px);border-color:var(--sky)}
.trust-h3{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;color:var(--ink);margin:0 0 16px}
.trust-clients{margin-top:44px}
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.clogo{aspect-ratio:3/2;border:1px dashed var(--line);border-radius:12px;display:grid;place-items:center;background:var(--white);color:var(--muted);font-family:var(--display);font-weight:700;font-size:.8rem;text-align:center;padding:10px}
@media (max-width:900px){.clients-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.clients-grid{grid-template-columns:1fr 1fr}.partners .container{gap:20px}}

/* ===== Ajax Superior badge ===== */
.ajax-badge{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--white)}
.ajax-badge .ab-mark{font-family:var(--display);font-weight:900;font-size:1.05rem;color:var(--ink);letter-spacing:.02em}
.ajax-badge .ab-mark b{color:var(--sky)}
.ajax-badge .ab-txt{display:grid;line-height:1.2}
.ajax-badge .ab-txt b{font-family:var(--display);font-size:.86rem}
.ajax-badge .ab-txt span{font-size:.76rem;color:var(--muted)}
.ajax-badge .ab-tier,.as-badge .ab-tier{font-family:var(--display);font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--navy-700);padding:5px 10px;border-radius:6px}
.hero .ajax-badge{background:rgba(255,255,255,.06);border-color:var(--line-dark)}
.hero .ajax-badge .ab-mark,.hero .ajax-badge .ab-txt b{color:#fff}
.hero .ajax-badge .ab-txt span{color:var(--on-dark-muted)}

/* ===== Photo frames (placeholders for real photos) ===== */
.photo{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(150deg,var(--paper-2),var(--white));border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);text-align:center}
.photo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(127,127,127,.04) 12px 24px);pointer-events:none}
.photo .ph-in{display:grid;gap:8px;justify-items:center;padding:18px;position:relative;z-index:1}
.photo .ph-in svg{width:30px;height:30px;opacity:.6}
.photo .ph-in b{font-family:var(--display);font-weight:700;font-size:.82rem}
.photo .ph-in span{font-size:.72rem;opacity:.8}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery .photo{aspect-ratio:4/3}
.gallery .photo.tall{grid-row:span 2;aspect-ratio:4/6}
@media (max-width:800px){.gallery{grid-template-columns:1fr 1fr}.gallery .photo.tall{grid-row:auto;aspect-ratio:4/3}}
@media (max-width:520px){.gallery{grid-template-columns:1fr}}

/* team photo frame */
.member .pf{aspect-ratio:1/1;border-radius:12px;margin-bottom:2px}
.member .pf .ph-in svg{width:24px;height:24px}

/* ===== Why AT page ===== */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why{padding:26px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);display:grid;gap:10px;align-content:start}
.why .wi{width:46px;height:46px;border-radius:12px;background:var(--chip-bg);color:var(--chip-ink);display:grid;place-items:center}
.why .wi svg{width:22px;height:22px}
.why b{font-family:var(--display);font-size:1.1rem}
.why p{font-size:1.05rem;color:var(--muted)}
@media (max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}}
.compare{width:100%;border-collapse:collapse;font-size:.97rem;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.compare th,.compare td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line)}
.compare thead th{font-family:var(--display);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.compare thead th.us{color:var(--navy-700)}
.compare td.us{font-family:var(--display);font-weight:700}
.compare td.them{color:var(--muted)}
.compare tr:last-child td{border-bottom:0}
.compare .yes{color:#1E9E5A;font-weight:700}
.cmp-wrap{overflow-x:auto}

/* ===== Sticky mobile CTA ===== */
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(0,0,0,.4)}
.mcta a{flex:1;justify-content:center}
@media (max-width:700px){.mcta{display:flex}body{padding-bottom:74px}}

.hs-label.clash{opacity:0;pointer-events:none;transition:opacity .2s}

.trust-brands{display:block}
.trust-brands .plabel,.trust-clients .plabel{flex:none}
.trust-clients{margin-top:30px}
.trust-clients .plabel{display:block;margin-bottom:14px}

/* ===== Cookie consent ===== */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;display:none;justify-content:center;pointer-events:none}
.ck.show{display:flex}
.ck-card{pointer-events:auto;width:100%;max-width:760px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -24px rgba(0,0,0,.45);padding:22px 24px;display:grid;gap:16px}
.ck-card h3{font-size:1.1rem}
.ck-card p{font-size:1.05rem;color:var(--muted)}
.ck-card p a{text-decoration:underline;color:var(--ink)}
.ck-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ck-actions .btn{padding:12px 18px;font-size:.92rem}
.ck-link{font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--muted);margin-left:auto}
.ck-link:hover{color:var(--ink)}
.ck-opts{display:none;gap:10px;border-top:1px solid var(--line);padding-top:16px}
.ck-card.settings .ck-opts{display:grid}
.ck-opt{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--field)}
.ck-opt input{margin-top:4px;width:18px;height:18px;accent-color:var(--navy-700)}
.ck-opt b{font-family:var(--display);display:block;font-size:1.05rem}
.ck-opt span{font-size:.86rem;color:var(--muted)}
.ck-opt.locked{opacity:.75}
@media (max-width:700px){.ck{bottom:82px}.ck-card{padding:18px}.ck-link{margin-left:0}}
/* Legal pages */
.legal{max-width:78ch;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;font-size:1.02rem}
.legal h2{font-size:1.45rem;margin-top:14px}
.legal h3{font-size:1.1rem}
.legal ul{margin:0;padding-left:20px;display:grid;gap:8px}
.legal table{width:100%;border-collapse:collapse;font-size:1rem;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.legal th,.legal td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.legal thead th{font-family:var(--display);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.legal tr:last-child td{border-bottom:0}
.legal .note{padding:14px 16px;border-radius:10px;background:var(--orange-soft);color:var(--ink);font-size:1rem}
.form-note{font-size:.85rem;color:var(--muted);line-height:1.45}
.form-note a{text-decoration:underline;color:var(--ink)}
.form-err{display:none;padding:14px 16px;border-radius:10px;background:#FBE9E7;color:#8A2A1E;font-weight:600}
.form.error .form-err{display:block}

/* Compact home reference cards */
.more{font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--navy-700);display:inline-flex;gap:8px;align-items:center;margin-top:auto}
.sol-grid.compact .sol{gap:12px}
.sol-grid.compact .sol p{color:var(--muted);font-size:1.05rem}
a.svc{position:relative;text-decoration:none;color:inherit;transition:background .2s}
a.svc:hover{background:var(--field)}
a.svc .more{margin-top:6px}
/* Sticky mobile CTA: hidden until scrolled */
.mcta{transform:translateY(130%);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.mcta.show{transform:none}
@media (prefers-reduced-motion:reduce){.mcta{transition:none}}

/* Mobile: keep compact reference cards two-per-row to cut scrolling */
@media (max-width:600px){
  .sol-grid.compact{grid-template-columns:1fr 1fr;gap:12px}
  .sol-grid.compact .sol{padding:18px 16px}
  .sol-grid.compact .sol h3{font-size:1.02rem}
  .sol-grid.compact .sol p{font-size:.85rem}
  .sol-grid.compact .sol .ico{width:42px;height:42px}
  .space-grid{grid-template-columns:1fr 1fr;gap:12px}
  .space{min-height:170px;padding:18px}
  .space h3{font-size:1.05rem}
}
@media (max-width:380px){
  .sol-grid.compact,.space-grid{grid-template-columns:1fr}
}

.lang-switch{font-family:var(--display);font-weight:700;font-size:.82rem;letter-spacing:.04em;padding:9px 12px;border-radius:10px;border:1px solid var(--line);color:var(--ink);flex:none;transition:border-color .2s,background .2s}
.lang-switch:hover{border-color:var(--navy-700);background:var(--field)}
@media (max-width:560px){.lang-switch{padding:8px 10px;font-size:.78rem}}

/* ===== Client logos (real images) ===== */
.clients-grid{grid-template-columns:repeat(8,1fr)}
.clogo{border:1px solid var(--line);border-style:solid;background:#fff;padding:12px 16px;aspect-ratio:2/1;display:grid;place-items:stretch;overflow:hidden}
/* η εικόνα τεντώνεται στο πλαίσιο (stretch) και το object-fit κρατά το λογότυπο ολόκληρο, σε όποια αναλογία */
.clogo img{width:auto;height:auto;max-width:none;max-height:none;min-width:0;min-height:0;align-self:stretch;justify-self:stretch;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .25s,opacity .25s,transform .25s}
.clogo:hover img{filter:none;opacity:1;transform:scale(1.04)}
.clogo span{font-family:var(--display);font-weight:700;font-size:.78rem;color:#16213F;text-align:center}
@media (max-width:1000px){.clients-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.clients-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== Client logos: dual-row marquee (chosen variant) ===== */
.mq{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq+.mq{margin-top:14px}
.mq-track{display:flex;gap:14px;width:max-content;animation:mq 38s linear infinite}
.mq-dup{display:contents}
.mq.rev .mq-track{animation-direction:reverse;animation-duration:46s}
.mq:hover .mq-track{animation-play-state:paused}
.mq .clogo{width:190px;height:96px;aspect-ratio:auto;flex:none;border-radius:12px}
@keyframes mq{to{transform:translateX(-50%)}}
@media (max-width:600px){.mq .clogo{width:150px;height:80px}.mq-track{gap:10px}}
@media (prefers-reduced-motion:reduce){.mq-track{animation:none;flex-wrap:wrap;width:auto}.mq-dup{display:none}.mq{mask-image:none;-webkit-mask-image:none}}

/* Marquee logos stay in full color while scrolling (user request); hover just lifts slightly */
.mq .clogo img{filter:none;opacity:1}
.mq .clogo:hover img{transform:scale(1.06)}

/* Contact form: checkbox group + inline label */
.field .lbl{font-family:var(--display);font-weight:600;font-size:.85rem}
.checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:4px}
.checks label{display:inline-flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--ink);cursor:pointer}
.checks input{width:17px;height:17px;accent-color:var(--navy-700);margin:0}

/* ===== Installations gallery: real photos ===== */
.gallery.real{grid-template-columns:repeat(4,1fr);gap:16px}
figure.photo{margin:0}
.gallery .photo.real{aspect-ratio:3/4;border:0;background:var(--paper-2)}
.gallery .photo.real::after{display:none}
.photo.real img{transition:transform .5s}
.photo.real:hover img{transform:scale(1.04)}
.photo.real figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:28px 14px 12px;background:linear-gradient(180deg,rgba(10,20,48,0),rgba(10,20,48,.78));color:#fff;font-family:var(--display);font-size:.8rem;font-weight:600;line-height:1.3}
@media (max-width:900px){.gallery.real{grid-template-columns:repeat(2,1fr)}}

/* ===== Guided Q&A chat (home) ===== */
.atc-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.atc-intro{display:grid;gap:14px}
.atc-note{font-size:.88rem;color:var(--muted)}
.atc-note a{font-weight:700;color:var(--ink)}
.atc-static{margin-top:8px;font-size:1rem}
.atc-static>summary{cursor:pointer;font-family:var(--display);font-weight:700;color:var(--muted)}
.atc-static details{border-top:1px solid var(--line);padding:8px 0}
.atc-static details summary{cursor:pointer;font-weight:600}
.atc-static details p{color:var(--muted);margin:6px 0 0}
.atc{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;min-height:520px;max-height:680px}
.atc-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--field)}
.atc-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--navy-700),var(--sky));color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.9rem;flex:none;overflow:hidden}
.atc-av img{width:100%;height:100%;object-fit:cover}
.atc-who b{display:block;font-family:var(--display);font-size:1.05rem;line-height:1.2}
.atc-who span{font-size:.8rem;color:var(--muted)}
.atc-restart{margin-left:auto;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);color:var(--muted);font-size:1.1rem}
.atc-restart:hover{color:var(--ink);border-color:var(--ink)}
.atc-log{padding:18px 16px;overflow-y:auto;display:grid;gap:12px;align-content:start;scroll-behavior:smooth}
.atc-msg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:.96rem;line-height:1.5;animation:atcIn .3s ease both}
.atc-msg p{margin:0}.atc-msg p+p{margin-top:8px}
.atc-msg.me{justify-self:end;background:var(--navy-700);color:#fff;border-bottom-right-radius:4px}
.atc-msg.them{justify-self:start;background:var(--field);color:var(--ink);border-bottom-left-radius:4px}
.atc-msg.them .atc-by{display:block;font-family:var(--display);font-size:.72rem;font-weight:700;color:var(--muted);margin-bottom:4px}
.atc-typing{justify-self:start;display:inline-flex;gap:5px;padding:12px 16px;background:var(--field);border-radius:16px;border-bottom-left-radius:4px}
.atc-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:atcDot 1s infinite}
.atc-typing i:nth-child(2){animation-delay:.15s}.atc-typing i:nth-child(3){animation-delay:.3s}
@keyframes atcDot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@keyframes atcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.atc-rich{margin-top:10px;display:grid;gap:10px;animation:atcIn .4s ease both}
.atc-tl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.atc-tl li{display:flex;gap:10px;align-items:baseline;font-size:.9rem}
.atc-tl b{font-family:var(--display);color:var(--navy-700);font-variant-numeric:tabular-nums;min-width:38px}
.atc-link{font-family:var(--display);font-weight:700;font-size:.88rem;color:var(--navy-700)}
.atc-photo{margin:0;display:grid;gap:6px}
.atc-photo img{width:150px;height:auto;border-radius:10px}
.atc-photo figcaption{font-size:.78rem;color:var(--muted)}
.atc-contact{display:grid;gap:8px;justify-items:start}
.atc-hours{font-size:.82rem;color:var(--muted);margin:0}
.atc-contact [data-when]{display:none}
.atc-contact.open [data-when="open"],.atc-contact.closed [data-when="closed"]{display:inline-flex}
.atc-contact.open p[data-when="open"],.atc-contact.closed p[data-when="closed"]{display:block}
.atc-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--line);background:var(--white)}
.atc-chips button{font-family:var(--display);font-weight:600;font-size:.86rem;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .2s;animation:atcIn .3s ease both}
.atc-chips button:hover{border-color:var(--navy-700);transform:translateY(-1px)}
.atc-chips button.human{border-color:var(--navy-700);color:var(--navy-700)}
.atc-chips button.human:hover{background:var(--paper-2)}
@media (max-width:900px){.atc-wrap{grid-template-columns:1fr;gap:28px}.atc{min-height:460px;max-height:70vh}}
@media (prefers-reduced-motion:reduce){.atc-msg,.atc-rich,.atc-chips button{animation:none}.atc-typing i{animation:none}}

/* Hero labels (Claude Design scene): JS sets transform; start hidden off-screen */
.hs-label{left:0;top:0;transform:translate3d(-9999px,-9999px,0);opacity:0;transition:opacity .2s,background .2s,border-color .2s;will-change:transform,opacity}
.hs-label.on{opacity:1}

/* ---------- Χώρος πελάτη ---------- */
.pt-login{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.pt-login-card{padding:34px}
.pt-form{display:grid;gap:14px}
.pt-form .btn{justify-self:start}
.pt-sent{margin:0;color:var(--muted)}
.pt-msg{margin:10px 0 0;font-size:1.05rem;min-height:1.2em;color:var(--muted)}
.pt-msg.err{color:#b42318}.pt-msg.ok{color:#087443}
.pt-help{font-size:.9rem;color:var(--muted);margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.pt-feats{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pt-feats li{display:grid;gap:2px}.pt-feats b{font-family:var(--display)}.pt-feats span{font-size:.9rem;color:var(--on-dark-muted)}
.pt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.pt-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:28px}
.pt-tab{font:inherit;font-family:var(--display);font-weight:700;font-size:.92rem;padding:12px 14px;border:0;background:none;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.pt-tab.on{color:var(--navy-700);border-color:var(--navy-700)}
.pt-pane{display:none}.pt-pane.on{display:block}
.pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.pt-inst .pt-sys{font-family:var(--display);font-weight:800;font-size:1.25rem;color:var(--navy-700)}
.pt-inst .pt-addr{color:var(--muted);margin:4px 0 12px}
.pt-kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:1rem}
.pt-kv span{color:var(--muted)}.pt-kv.hi b{color:var(--navy-700)}.pt-kv.muted b{color:var(--muted);font-weight:500}
.pt-zones{margin-top:12px;font-size:1rem}.pt-zones summary{cursor:pointer;font-family:var(--display);font-weight:700;color:var(--navy-700)}
.pt-zones ol{margin:8px 0 0;padding-left:22px;columns:2;gap:18px}.pt-zones li{padding:2px 0}
.pt-timeline{display:grid;gap:0}
.pt-ev{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.pt-ev-date{font-family:var(--display);font-weight:700;color:var(--navy-700);font-variant-numeric:tabular-nums}
.pt-ev p{margin:4px 0 0;color:var(--ink)}.pt-ev small{color:var(--muted)}
.pt-ev.visit .pt-ev-date{color:var(--navy-700)}
.pt-code{font-family:var(--display);font-weight:600;color:var(--muted);font-size:.85rem;margin-left:6px}
.pt-status{display:inline-block;font-size:.78rem;font-family:var(--display);font-weight:700;padding:2px 8px;border-radius:999px;background:var(--field);color:var(--muted);margin-left:6px}
.pt-status.new{background:rgba(212,129,60,.14);color:#9a4a08}.pt-status.ok{background:rgba(8,116,67,.12);color:#087443}
.pt-list{display:grid;gap:12px}
.pt-req{padding:18px 20px}.pt-req-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pt-req p{margin:8px 0 4px}.pt-req small{color:var(--muted)}
.pt-file{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}
.pt-file span{font-family:var(--display);font-weight:700;font-size:.8rem;color:var(--navy-700)}
.pt-h4{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.pt-urgent{font-size:.9rem;color:var(--muted);padding:10px 12px;border-radius:10px;background:var(--field)}
.pt-empty{color:var(--muted);margin:0}
@media (max-width:900px){.pt-login{grid-template-columns:1fr}.pt-login-card{padding:24px}.pt-ev{grid-template-columns:1fr;gap:4px}.pt-zones ol{columns:1}}

/* ---------- Πορεία σε φωτογραφίες ---------- */
.hx .section-head h2,.hx .section-head .lead{color:inherit}.hx .section-head .lead{color:var(--on-dark-muted)}
.hx-track{position:relative;display:grid;gap:34px;padding-left:34px}
.hx-track::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--sky)}
.hx-era{position:relative;display:grid;gap:16px}
.hx-year{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.hx-year i{position:absolute;left:-34px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 5px rgba(212,129,60,.22)}
.hx-year b{font-family:var(--display);font-weight:800;font-size:1.9rem;letter-spacing:-.02em;line-height:1;color:#fff}
.hx-year span{font-family:var(--display);font-weight:600;color:var(--on-dark-muted)}
.hx-text{color:var(--on-dark-muted);margin:0;max-width:60ch}
.hx-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:900px}
.hx-ph{margin:0;border-radius:14px;overflow:hidden;background:var(--navy-800);border:1px solid var(--line-dark)}
.hx-ph img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .6s,filter .4s}
.hx-ph:hover img{transform:scale(1.04);filter:grayscale(.6) contrast(1.05)}
.hx-ph figcaption{padding:10px 12px;font-size:.85rem;color:var(--on-dark-muted)}
@media (max-width:900px){.hx-photos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}.hx-ph{flex:0 0 72%;scroll-snap-align:start}.hx-year b{font-size:1.5rem}}

.hx-soon-box{aspect-ratio:4/5;display:grid;place-items:center;border:2px dashed rgba(255,255,255,.22);border-radius:12px 12px 0 0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 10px,transparent 10px 20px)}
.hx-soon-box span{font-family:var(--display);font-weight:700;color:var(--on-dark-muted);font-size:.9rem}

/* ---------- Newsletter ---------- */
.nl-band{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:28px 48px;align-items:center;padding:40px 0 34px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.nl-band h3{color:#fff;font-size:1.25rem;margin:10px 0 6px;letter-spacing:-.01em}
.nl-band p{margin:0;color:var(--on-dark-muted);font-size:1.05rem}
.nl-form{display:grid;gap:10px;position:relative}
.nl-row{display:flex;gap:10px}
.nl-row input{flex:1;min-width:0;font:inherit;padding:12px 14px;border:1.5px solid var(--line-dark);border-radius:10px;background:rgba(255,255,255,.06);color:#fff}
.nl-row input::placeholder{color:rgba(255,255,255,.5)}
.nl-row input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(47,134,194,.2)}
.nl-terms{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:var(--on-dark-muted);cursor:pointer}
.nl-terms input{margin-top:3px;accent-color:var(--navy-700)}
.nl-terms a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.nl-msg{margin:0;font-size:.9rem;min-height:1.2em;color:var(--on-dark-muted)}
.nl-msg.err{color:#ff9b8a}.nl-msg.ok{color:#7be0a8}
.nlp{position:fixed;inset:0;z-index:95;background:rgba(6,22,44,.55);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}
.nlp[hidden]{display:none}
.nlp-card{position:relative;width:min(520px,100%);background:var(--white);color:var(--ink);border-radius:18px;padding:32px 30px 24px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
.nlp-card h3{font-size:1.35rem;margin:10px 0 8px;letter-spacing:-.01em}
.nlp-card p{color:var(--muted);margin:0 0 16px}
.nlp-card .nl-terms{color:var(--muted)}.nlp-card .nl-terms a{color:var(--navy-700)}
.nlp-card .nl-msg{color:var(--muted)}.nlp-card .nl-msg.err{color:#b42318}.nlp-card .nl-msg.ok{color:#087443}
.nlp-card .btn{justify-self:start}
.nlp-x{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;background:var(--field);border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--muted)}
.nlp-later{margin-top:12px;border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
@media (max-width:900px){.nl-band{grid-template-columns:1fr;gap:18px}.nl-row{flex-direction:column}}

/* ---------- Ajax Superior / Πιστοποιημένος εξοπλισμός ---------- */
.section.dark .section-head h2{color:#fff}.section.dark .section-head .lead{color:var(--on-dark-muted)}
.as-cert{border-left:4px solid var(--sky);background:rgba(255,255,255,.06);border-radius:0 12px 12px 0;padding:18px 22px;margin-bottom:28px;max-width:900px}
.as-cert b{display:block;font-family:var(--display);font-size:1.05rem;color:#fff;margin-bottom:6px}
.as-cert p{margin:0;color:var(--on-dark-muted);font-size:1.05rem}
.as-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 48px;max-width:900px}
.asf{border-left:3px solid var(--sky);padding-left:16px}
.asf b{display:block;font-family:var(--display);font-size:1.05rem;color:#fff;margin-bottom:6px}
.asf p{margin:0;color:var(--on-dark-muted);font-size:1rem}
.as-uses{margin:30px 0 0;font-size:.9rem;color:var(--on-dark-muted);padding-top:18px;border-top:1px solid var(--line-dark)}
.as-uses span{font-family:var(--display);font-weight:700;color:var(--sky);margin-right:8px}
.ceq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ceq{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:22px}
.ceq i{display:block;width:28px;height:4px;border-radius:2px;background:var(--sky);margin-bottom:14px}
.ceq b{display:block;font-family:var(--display);font-size:1.05rem;color:var(--navy-700);margin-bottom:10px}
.ceq ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.9rem;color:var(--muted)}
.ceq-h3{font-family:var(--display);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-700);margin:36px 0 10px}
.ceq-table{width:100%;border-collapse:collapse}
.ceq-table th{text-align:left;font-family:var(--display);font-weight:800;color:var(--navy-700);padding:12px 20px 12px 0;border-bottom:1px solid var(--line);white-space:nowrap;width:180px}
.ceq-table td{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:1.05rem}
@media (max-width:900px){.as-grid{grid-template-columns:1fr}.ceq-grid{grid-template-columns:1fr 1fr}.ceq-table th{width:auto;display:block;border:0;padding-bottom:2px}.ceq-table td{display:block;padding-top:0}}
@media (max-width:520px){.ceq-grid{grid-template-columns:1fr}}

/* ---------- Blog ---------- */
.bfilters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.bchip{font:inherit;font-family:var(--display);font-weight:700;font-size:.88rem;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;transition:all .2s}
.bchip i{font-style:normal;font-weight:600;color:var(--muted);margin-left:4px}
.bchip.on{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.bchip.on i{color:rgba(255,255,255,.7)}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bcard{display:grid;grid-template-rows:auto 1fr;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s}
.bcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(9,54,109,.45)}
.bcard.big{grid-column:span 2;grid-template-columns:1.2fr 1fr;grid-template-rows:none}
.bimg{aspect-ratio:16/9;background:var(--navy-800);overflow:hidden}
.bcard.big .bimg{aspect-ratio:auto;min-height:280px}
.bimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.bcard:hover .bimg img{transform:scale(1.04)}
.bbody{padding:20px 22px 22px;display:grid;gap:8px;align-content:start}
.bcat{font-family:var(--display);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bcard h3{font-size:1.12rem;line-height:1.3;margin:0}
.bcard.big h3{font-size:1.5rem}
.bcard p{margin:0;color:var(--muted);font-size:1rem}
.bmeta{display:flex;gap:8px;font-size:.82rem;color:var(--muted);margin-top:6px}
.bmeta.on-dark{color:var(--on-dark-muted);margin:14px 0 0;font-size:.95rem}
.bempty{color:var(--muted)}
.bcard.hide{display:none}
.bpost .page-head h1{font-size:clamp(1.7rem,3.4vw,2.6rem);max-width:40ch;margin:14px 0 0}
.bwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.bhero{margin:0 0 26px;border-radius:var(--radius);overflow:hidden;grid-column:1}
.bhero img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.bcontent{font-size:1.06rem;line-height:1.75;max-width:70ch}
.bcontent>*+*{margin-top:1.1em}
.bcontent h2{font-size:1.6rem;margin-top:1.8em;line-height:1.25}
.bcontent h3{font-size:1.2rem;margin-top:1.5em}
.bcontent h4{font-size:1.05rem}
.bcontent ul,.bcontent ol{padding-left:1.3em}
.bcontent li+li{margin-top:.35em}
.bcontent img{max-width:100%;height:auto;border-radius:12px;display:block}
.bcontent figure{margin:1.4em 0}.bcontent figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}
.bcontent a{color:var(--navy-700);text-decoration:underline;text-underline-offset:2px}
.bcontent blockquote{margin:1.4em 0;padding:14px 20px;border-left:4px solid var(--sky);background:var(--field);border-radius:0 12px 12px 0}
.bcontent table{width:100%;border-collapse:collapse;font-size:1.05rem}.bcontent td,.bcontent th{border:1px solid var(--line);padding:8px 10px;text-align:left}
.btags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.btags span{font-size:.8rem;padding:6px 10px;border-radius:999px;background:var(--field);color:var(--muted)}
.bside{position:sticky;top:calc(var(--nav-h) + 20px);display:grid;gap:16px}
.blinks{list-style:none;margin:0;padding:0;display:grid;gap:8px}.blinks a{font-weight:600;color:var(--navy-700)}
.brelated{margin-top:64px}.brelated h2{font-size:1.5rem;margin:0 0 18px}
@media (max-width:1000px){.bgrid{grid-template-columns:1fr 1fr}.bcard.big{grid-column:span 2;grid-template-columns:1fr}.bwrap{grid-template-columns:1fr}.bside{position:static}}
@media (max-width:600px){.bgrid{grid-template-columns:1fr}.bcard.big{grid-column:auto}}
.bmain{min-width:0}
.bcontent video{width:100%;max-width:100%;border-radius:12px;display:block;background:#000}

.cs-real-grid{grid-template-columns:repeat(2,1fr)}
.cs.cs-real{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;color:inherit;text-decoration:none}
.cs-img{aspect-ratio:16/9;background:var(--navy-800)}.cs-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.cs.cs-real:hover .cs-img img{transform:scale(1.04)}
.cs-body{padding:22px;display:grid;gap:10px;align-content:start}
.cs-body h3{margin:0;font-size:1.15rem;line-height:1.3;color:#fff}.cs-body p{margin:0;color:var(--on-dark-muted);font-size:1rem}
.cs-body .go{font-family:var(--display);font-weight:700;color:#fff;font-size:.9rem}
@media (max-width:900px){.cs-real-grid{grid-template-columns:1fr}}
.cs .tags span{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.92);color:var(--navy-700)}

.as-head{display:flex;align-items:center;gap:16px;margin-top:10px}
.as-head .ajax-logo{height:40px;width:auto}
.as-head h2{margin:0}
.as-badge{display:inline-flex;align-items:center;gap:12px;margin:16px 0 4px;padding:8px 8px 8px 16px;border:1px solid var(--line-dark);border-radius:12px;background:rgba(255,255,255,.05)}
.as-badge b{font-family:var(--display);font-size:.92rem;color:#fff}
.pbrands .pbrand-img{display:inline-flex;align-items:center;padding:14px 22px}
.pbrands .pbrand-img img{height:22px;width:auto;display:block}

/* ---------- Εταιρεία (συμπυκνωμένη) ---------- */
.about-compact{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}
.about-side .facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-side .facts div{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px}
.about-side .facts b{display:block;font-family:var(--display);font-size:1.7rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--navy-700)}
.about-side .facts span{font-size:.85rem;color:var(--muted)}
.hs-wrap{margin-top:44px}
.q2-h3{font-family:var(--display);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted);margin:0 0 14px}
.q2-h3.ink{color:var(--navy-700)}
.hs-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.hs-tile{margin:0}
.hs-media{aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--navy-800);border:1px solid var(--line)}
.hs-media img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.05);transition:transform .5s,filter .3s}
.hs-tile:hover img{transform:scale(1.04);filter:grayscale(.5)}
.hs-txt{height:100%;display:grid;place-content:center;text-align:center;padding:12px;background:var(--navy-700);color:#fff}
.hs-txt b{font-family:var(--display);font-size:1.6rem;font-weight:800}.hs-txt span{font-size:.8rem;color:var(--on-dark-muted)}
.hs-txt.soon{background:repeating-linear-gradient(135deg,var(--field) 0 10px,var(--white) 10px 20px);border:2px dashed var(--line);color:var(--muted)}
.hs-tile figcaption{font-size:.8rem;color:var(--muted);margin-top:8px}.hs-tile figcaption b{color:var(--ink);font-family:var(--display);margin-right:4px}
.q2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.q2-col .as-head{margin-top:0}.q2-col .as-head h3{margin:0;font-size:1.6rem;color:#fff}
.q2-lead{color:var(--on-dark-muted);margin:14px 0 14px}
.q2-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.q2-list li{padding-left:16px;border-left:3px solid var(--sky);font-size:1.05rem;color:var(--on-dark-muted)}.q2-list li b{color:#fff}
.q2-col .as-uses{margin-top:18px;padding-top:14px}
.q2-col .q2-h3{color:var(--on-dark-muted)}
.q2-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.q2-grid div{background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:12px;padding:14px}
.q2-grid b{display:block;font-family:var(--display);color:#fff;margin-bottom:4px}.q2-grid span{font-size:.85rem;color:var(--on-dark-muted)}
.q2-table{width:100%;border-collapse:collapse;font-size:.88rem}
.q2-table th{text-align:left;font-family:var(--display);color:#fff;padding:9px 14px 9px 0;border-bottom:1px solid var(--line-dark);white-space:nowrap;vertical-align:top}
.q2-table td{padding:9px 0;border-bottom:1px solid var(--line-dark);color:var(--on-dark-muted)}
.why2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.why2 .cmp-wrap{margin:0}
.steps.compact{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
.steps.compact .progress{display:none}
.steps.compact .step{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:start;background:var(--field);border:1px solid var(--line);border-radius:14px;padding:16px}
.steps.compact .dot{grid-row:1/3}.steps.compact .step h3,.steps.compact .step p{grid-column:2}
.steps.compact .step h3{font-size:1rem;margin:0 0 4px}.steps.compact .step p{margin:0;font-size:.9rem;color:var(--muted)}
.steps.compact .dot{position:static;margin:0}
@media (max-width:900px){.about-compact{grid-template-columns:1fr}.hs-strip{grid-template-columns:repeat(3,1fr)}.q2,.why2{grid-template-columns:1fr}}

.q2{gap:72px}
.q2-lead{margin:18px 0 22px;line-height:1.65}
.q2-list{gap:16px}.q2-list li{padding:2px 0 2px 18px;line-height:1.55}
.q2-col .as-uses{margin-top:26px;padding-top:18px;line-height:1.8}
.q2-grid{gap:14px;margin-bottom:0}.q2-grid div{padding:20px 18px}.q2-grid b{margin-bottom:8px;font-size:1.05rem}.q2-grid span{line-height:1.5}
.q2-makers{margin-top:48px;padding-top:36px;border-top:1px solid var(--line-dark)}
.q2-mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.q2-mgrid div{background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:12px;padding:18px}
.q2-mgrid b{display:block;font-family:var(--display);color:#fff;margin-bottom:8px;font-size:1.02rem}
.q2-mgrid span{font-size:.88rem;color:var(--on-dark-muted);line-height:1.55}
@media (max-width:1000px){.q2-mgrid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.q2-mgrid{grid-template-columns:1fr}}

.apanel{background:var(--navy-800);color:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-dark)}
.apanel-facts{display:grid;grid-template-columns:1fr 1fr}
.apanel-facts div{padding:22px 22px 18px;border-bottom:1px solid var(--line-dark)}
.apanel-facts div:nth-child(odd){border-right:1px solid var(--line-dark)}
.apanel-facts b{display:block;font-family:var(--display);font-size:1.8rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--sky)}
.apanel-facts span{font-size:.85rem;color:var(--on-dark-muted)}
.apanel-values{padding:10px 22px 14px;display:grid}
.av{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line-dark)}
.av:last-child{border-bottom:0}
.av i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--sky);margin-top:6px}
.av b{display:block;font-family:var(--display);font-size:.98rem;margin-bottom:2px}
.av span{font-size:.88rem;color:var(--on-dark-muted);line-height:1.5}

/* κεφάλαια Εταιρείας */
.chapters{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.chapters a{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:.85rem;color:#fff;padding:8px 14px 8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);transition:background .2s,border-color .2s}
.chapters a:hover{background:rgba(255,255,255,.12);border-color:var(--sky)}
.chapters i{font-style:normal;font-size:.72rem;color:var(--on-dark-muted);letter-spacing:.06em}
.eyebrow .num{font-style:normal;font-weight:800;color:var(--navy-700);background:rgba(9,54,109,.08);padding:2px 7px;border-radius:6px;margin-right:2px;letter-spacing:.04em}
.section.dark .eyebrow .num{color:#fff;background:rgba(255,255,255,.12)}
.team-grid{grid-template-columns:repeat(7,1fr)}
@media (max-width:1000px){.team-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){.team-grid{grid-template-columns:1fr 1fr}}

/* Ποιότητα & πιστοποιήσεις (v2) */
.qajax{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;background:var(--navy-800);border:1px solid var(--line-dark);border-radius:var(--radius);overflow:hidden}
.qajax-left{padding:32px;border-right:1px solid var(--line-dark)}
.qajax-left .ajax-logo{height:36px;width:auto;display:block}
.qajax-left .as-badge{margin:18px 0 16px}
.qajax-left p{margin:0 0 18px;color:var(--on-dark-muted);line-height:1.6;font-size:1.05rem}
.qajax-right{display:grid;grid-template-columns:1fr 1fr}
.qfeat{padding:26px 28px;border-left:0;border-bottom:1px solid var(--line-dark)}
.qfeat:nth-child(odd){border-right:1px solid var(--line-dark)}
.qfeat:nth-last-child(-n+2){border-bottom:0}
.qfeat b{display:block;font-family:var(--display);font-size:1.02rem;color:#fff;margin-bottom:6px;padding-left:14px;border-left:3px solid var(--sky)}
.qfeat span{display:block;font-size:.9rem;color:var(--on-dark-muted);line-height:1.55;padding-left:17px}
.qchips{display:flex;flex-wrap:wrap;gap:6px}
.qchips span{font-size:.78rem;font-family:var(--display);font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line-dark);color:#fff;white-space:nowrap}
.qcats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qcat{background:var(--navy-800);border:1px solid var(--line-dark);border-radius:14px;padding:20px}
.qcat b{display:block;font-family:var(--display);font-size:1.05rem;color:#fff;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line-dark)}
.qcat .qchips span{white-space:normal}
@media (max-width:1000px){.qajax{grid-template-columns:1fr}.qajax-left{border-right:0;border-bottom:1px solid var(--line-dark)}.qcats{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.qajax-right{grid-template-columns:1fr}.qfeat{border-right:0!important}.qfeat:nth-last-child(2){border-bottom:1px solid var(--line-dark)}.qcats{grid-template-columns:1fr}}
.pt-actions{display:flex;gap:10px;flex-wrap:wrap}
.pt-help2{font-size:.85rem;color:var(--muted);margin:2px 0 0}
.pt-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.pt-passbox{max-width:480px;margin:-8px 0 22px}
#portal .btn-outline{border-color:var(--line);color:var(--navy-700)}#portal .btn-outline:hover{border-color:var(--navy-700)}

/* Οδηγίες χρήσης (portal) */
.pt-manuals{display:grid;gap:26px}
.pm-cat h4{font-family:var(--display);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-700);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.pm-grid{grid-template-columns:1fr}}
#portal:not(.pt-ready){min-height:420px}
.pm-brand{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px;min-width:0}
.pm-brand.mine{border-color:var(--sky);box-shadow:0 0 0 3px rgba(47,134,194,.12)}
.pm-brand h5{font-family:var(--display);font-size:1.02rem;margin:0 0 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pm-brand h5 i{font-style:normal;font-size:.72rem;font-weight:700;color:var(--sky);background:rgba(47,134,194,.12);padding:2px 8px;border-radius:999px}
.pm-brand ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pm-brand li a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;background:var(--field);color:var(--ink);text-decoration:none;transition:background .2s}
.pm-brand li a:hover{background:rgba(47,134,194,.1)}
.pm-ico{flex:none;font-family:var(--display);font-weight:800;font-size:.68rem;color:#fff;background:var(--navy-700);padding:3px 6px;border-radius:5px}
.pm-t{flex:1;min-width:0;font-size:1rem;font-weight:600;line-height:1.3}
.pm-s{flex:none;white-space:nowrap;font-size:.82rem;color:var(--muted)}

.pm-view{flex:none;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:.8rem;color:var(--navy-700);border:1px solid var(--line);border-radius:999px;padding:4px 11px;background:var(--white)}
.pm-viewer{position:fixed;inset:0;z-index:96;background:rgba(6,22,44,.7);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}
.pm-viewer[hidden]{display:none}
.pm-box{width:min(1100px,100%);height:min(92vh,1000px);background:var(--white);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.pm-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 12px 18px;border-bottom:1px solid var(--line);background:var(--field)}
.pm-bar b{font-family:var(--display);font-size:1rem;color:var(--navy-700);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-bar-actions{display:flex;gap:8px;align-items:center;flex:none}
.pm-x{width:36px;height:36px;border:0;border-radius:50%;background:var(--white);border:1px solid var(--line);font-size:1.4rem;line-height:1;cursor:pointer;color:var(--muted)}
#pmFrame{width:100%;height:100%;border:0;background:#525659}
.pm-fallback{margin:0;padding:8px 18px;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line)}
html.pm-open{overflow:hidden}
@media (max-width:700px){.pm-box{height:96vh;border-radius:12px}.pm-bar{flex-wrap:wrap}.pm-bar b{white-space:normal}.pm-view{display:none}}
.atc-phone{font-size:.9rem;color:var(--muted);margin:10px 0 0}.atc-phone a{font-weight:600;color:var(--ink)}
.chat.mail .ci-ico{background:var(--navy-700);color:#fff}
.pt-pdf{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font:inherit;font-family:var(--display);font-weight:700;font-size:.85rem;color:var(--navy-700);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:7px 12px;cursor:pointer}
.pt-pdf:hover{border-color:var(--sky)}

/* FAQ σε πλάτος, δύο στήλες */
.faq-wide{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
.faq-grid details{border-bottom:1px solid var(--line)}
.faq-grid summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;font-family:var(--display);font-weight:700;font-size:1.02rem}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:600;color:var(--muted);transition:transform .2s,background .2s}
.faq-grid details[open] summary::after{content:"×";background:var(--paper-2);border-color:var(--line);color:var(--navy-700)}
.faq-grid details p{padding:0 48px 20px 0;color:var(--muted);margin:0}
@media (max-width:800px){.faq-grid{grid-template-columns:1fr}}
.faq-grid .faq-list{display:contents}

/* Hero: ο τίτλος ξεκινά πιο αριστερά σε μεγάλες οθόνες (λιγότερο κενό) */
@media (min-width:1300px){.hero>.container{max-width:min(1440px,calc(100vw - 96px))}}
@media (min-width:1700px){.hero>.container{max-width:1560px}}
/* Stats: 3 στοιχεία, μεγαλύτερα */
.stat small{font-size:.95rem}
@media (max-width:560px){.stats .container{grid-template-columns:1fr 1fr 1fr}.stat b{font-size:1.5rem}.stat small{font-size:.8rem}}
/* Εικόνες: εμφάνιση με κίνηση στο scroll */
.will-reveal img,.will-reveal .bimg,.will-reveal .cs-img,.will-reveal .hs-media,.will-reveal .photo,.will-reveal .mphoto{transform:scale(1.08)}
.space.will-reveal::before{transform:scale(1.1)}
.reveal-in img,.reveal-in .bimg,.reveal-in .cs-img,.reveal-in .hs-media,.reveal-in .photo,.reveal-in .mphoto,.reveal-in .sysfig img{animation:imgin 1.1s cubic-bezier(.2,.7,.2,1) both}
.space.reveal-in::before{animation:imgin 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes imgin{from{transform:scale(1.08);opacity:.4}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.will-reveal img,.reveal-in img,.space.will-reveal::before{transform:none;animation:none}}

.qcats-note{margin-top:14px;font-size:.9rem;color:var(--on-dark-muted)}
.dark .qcats-note{color:#b9c6dc}

.member .pf.has-img{overflow:hidden;background:var(--field)}
.member .pf.has-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ---- Dark mode: κείμενα που είχαν σταθερό σκούρο μπλε ---- */
:root[data-theme="dark"] .promise{color:#bfe0ff;background:rgba(47,134,194,.18)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .promise{color:#bfe0ff;background:rgba(47,134,194,.18)}}
:root[data-theme="dark"] .pbrands .pbrand,:root[data-theme="dark"] .pbrand{color:#eaf2fa}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pbrands .pbrand,:root:not([data-theme="light"]) .pbrand{color:#eaf2fa}}
:root[data-theme="dark"] .pt-tab.on,:root[data-theme="dark"] .pt-inst .pt-sys,:root[data-theme="dark"] .pt-ev-date,:root[data-theme="dark"] .q2-h3.ink,:root[data-theme="dark"] .trust-h3,:root[data-theme="dark"] .about-side .facts b,:root[data-theme="dark"] .fact b,:root[data-theme="dark"] .ceq b,:root[data-theme="dark"] .ceq-h3,:root[data-theme="dark"] .ceq-table th,:root[data-theme="dark"] .pm-cat h4,:root[data-theme="dark"] .pm-bar b,:root[data-theme="dark"] .eyebrow .num{color:#eaf2fa}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pt-tab.on,:root:not([data-theme="light"]) .pt-inst .pt-sys,:root:not([data-theme="light"]) .pt-ev-date,:root:not([data-theme="light"]) .q2-h3.ink,:root:not([data-theme="light"]) .trust-h3,:root:not([data-theme="light"]) .about-side .facts b,:root:not([data-theme="light"]) .fact b,:root:not([data-theme="light"]) .ceq b,:root:not([data-theme="light"]) .ceq-h3,:root:not([data-theme="light"]) .ceq-table th,:root:not([data-theme="light"]) .pm-cat h4,:root:not([data-theme="light"]) .pm-bar b,:root:not([data-theme="light"]) .eyebrow .num{color:#eaf2fa}}
:root[data-theme="dark"] .pt-ev p,:root[data-theme="dark"] .variant-note,:root[data-theme="dark"] .legal .note{color:#c7d3e6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pt-ev p,:root:not([data-theme="light"]) .variant-note,:root:not([data-theme="light"]) .legal .note{color:#c7d3e6}}
:root[data-theme="dark"] .bcontent a,:root[data-theme="dark"] .blinks a,:root[data-theme="dark"] .card a:not(.btn),:root[data-theme="dark"] .pm-brand li a,:root[data-theme="dark"] .form-note a,:root[data-theme="dark"] .ck-card p a,:root[data-theme="dark"] .atc-note a,:root[data-theme="dark"] .pt-zones summary,:root[data-theme="dark"] .pm-view,:root[data-theme="dark"] .pt-pdf{color:#8fd0ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bcontent a,:root:not([data-theme="light"]) .blinks a,:root:not([data-theme="light"]) .card a:not(.btn),:root:not([data-theme="light"]) .pm-brand li a,:root:not([data-theme="light"]) .form-note a,:root:not([data-theme="light"]) .ck-card p a,:root:not([data-theme="light"]) .atc-note a,:root:not([data-theme="light"]) .pt-zones summary,:root:not([data-theme="light"]) .pm-view,:root:not([data-theme="light"]) .pt-pdf{color:#8fd0ff}}
:root[data-theme="dark"] .bcontent strong,:root[data-theme="dark"] .bcontent em,:root[data-theme="dark"] .bcontent h2,:root[data-theme="dark"] .bcontent h3,:root[data-theme="dark"] .bcontent h4{color:#eaf2fa}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bcontent strong,:root:not([data-theme="light"]) .bcontent em,:root:not([data-theme="light"]) .bcontent h2,:root:not([data-theme="light"]) .bcontent h3,:root:not([data-theme="light"]) .bcontent h4{color:#eaf2fa}}
:root[data-theme="dark"] .btn-outline,:root[data-theme="dark"] #portal .btn-outline{color:#eaf2fa;border-color:rgba(255,255,255,.35)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-outline,:root:not([data-theme="light"]) #portal .btn-outline{color:#eaf2fa;border-color:rgba(255,255,255,.35)}}
:root[data-theme="dark"] .btn-outline:hover,:root[data-theme="dark"] #portal .btn-outline:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.08)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-outline:hover,:root:not([data-theme="light"]) #portal .btn-outline:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.08)}}
:root[data-theme="dark"] .cs .tags span{color:#bfe0ff;background:rgba(47,134,194,.16)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cs .tags span{color:#bfe0ff;background:rgba(47,134,194,.16)}}
:root[data-theme="dark"] .atc-msg.them{color:#eaf2fa;background:#12325a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .atc-msg.them{color:#eaf2fa;background:#12325a}}
:root[data-theme="dark"] .atc-chips button{color:#eaf2fa;border-color:rgba(255,255,255,.25)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .atc-chips button{color:#eaf2fa;border-color:rgba(255,255,255,.25)}}
:root[data-theme="dark"] .pt-pdf{background:#0b1a2e;border-color:rgba(255,255,255,.2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pt-pdf{background:#0b1a2e;border-color:rgba(255,255,255,.2)}}
:root[data-theme="dark"] .bcontent{color:#dbe5f3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bcontent{color:#dbe5f3}}
:root[data-theme="dark"] .card.navy p,:root[data-theme="dark"] .card.navy h4{color:#dfe6f5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .card.navy p,:root:not([data-theme="light"]) .card.navy h4{color:#dfe6f5}}
:root[data-theme="dark"] .rel a,:root[data-theme="dark"] .combo a b,:root[data-theme="dark"] .combo a,:root[data-theme="dark"] .cats a,:root[data-theme="dark"] .bchip,:root[data-theme="dark"] .checks label{color:#eaf2fa}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rel a,:root:not([data-theme="light"]) .combo a b,:root:not([data-theme="light"]) .combo a,:root:not([data-theme="light"]) .cats a,:root:not([data-theme="light"]) .bchip,:root:not([data-theme="light"]) .checks label{color:#eaf2fa}}
:root[data-theme="dark"] .pt-code,:root[data-theme="dark"] .pt-status{color:#eaf2fa;border-color:rgba(255,255,255,.2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pt-code,:root:not([data-theme="light"]) .pt-status{color:#eaf2fa;border-color:rgba(255,255,255,.2)}}
:root[data-theme="dark"] .pt-status.ok{color:#8ff0b8;background:rgba(40,180,99,.18)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pt-status.ok{color:#8ff0b8;background:rgba(40,180,99,.18)}}

/* Dark mode: πιο ανοιχτά δευτερεύοντα κείμενα, όχι γκρίζα */
:root[data-theme="dark"] .page-head p,:root[data-theme="dark"] .lead,:root[data-theme="dark"] .crumbs,:root[data-theme="dark"] .crumbs a,:root[data-theme="dark"] .bmeta,:root[data-theme="dark"] .pt-email,:root[data-theme="dark"] .pt-head small,:root[data-theme="dark"] .nl-band p,:root[data-theme="dark"] .card h4,:root[data-theme="dark"] .pt-h4,:root[data-theme="dark"] .pt-empty,:root[data-theme="dark"] .member span,:root[data-theme="dark"] .svc p,:root[data-theme="dark"] .sol p,:root[data-theme="dark"] .stat small,:root[data-theme="dark"] .field label,:root[data-theme="dark"] .form-note,:root[data-theme="dark"] .legal,:root[data-theme="dark"] footer,:root[data-theme="dark"] .footer a{color:#d3ddec}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .page-head p,:root:not([data-theme="light"]) .lead,:root:not([data-theme="light"]) .crumbs,:root:not([data-theme="light"]) .crumbs a,:root:not([data-theme="light"]) .bmeta,:root:not([data-theme="light"]) .pt-email,:root:not([data-theme="light"]) .pt-head small,:root:not([data-theme="light"]) .nl-band p,:root:not([data-theme="light"]) .card h4,:root:not([data-theme="light"]) .pt-h4,:root:not([data-theme="light"]) .pt-empty,:root:not([data-theme="light"]) .member span,:root:not([data-theme="light"]) .svc p,:root:not([data-theme="light"]) .sol p,:root:not([data-theme="light"]) .stat small,:root:not([data-theme="light"]) .field label,:root:not([data-theme="light"]) .form-note,:root:not([data-theme="light"]) .legal,:root:not([data-theme="light"]) footer,:root:not([data-theme="light"]) .footer a{color:#d3ddec}}
:root[data-theme="dark"] .pt-tab{color:#c3d0e3}:root[data-theme="dark"] .pt-tab.on{color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pt-tab{color:#c3d0e3}:root:not([data-theme="light"]) .pt-tab.on{color:#fff}}

/* Άρθρα χωρίς πλαϊνή στήλη: μία στήλη, αναγνώσιμο πλάτος */
.bwrap{grid-template-columns:minmax(0,860px);justify-content:start}

/* Υπηρεσία GPRS (σελίδα συναγερμού) */
.gprs{margin-top:24px;padding:34px 32px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line)}
.gprs-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.gprs p{max-width:64ch;font-size:1.06rem}
@media (max-width:900px){.gprs{padding:24px 20px}.gprs-grid{grid-template-columns:1fr;gap:22px}}

/* Σκούρες κάρτες: οι τιμές του spec ευανάγνωστες */
.card.navy .spec span{color:#dfe6f5}
.card.navy .spec div{border-bottom-color:var(--line-dark)}

/* Κάρτες βημάτων/υπηρεσιών: διαδραστικό hover */
.svc{transition:background .25s}
.svc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--sky);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.svc:hover{background:var(--field)}
.svc:hover::before{transform:scaleX(1)}
.svc .num{transition:color .25s}.svc:hover .num{color:var(--navy-700)}
.svc h3{transition:transform .25s}.svc:hover h3{transform:translateX(4px)}
.risk{transition:transform .25s,box-shadow .25s,border-color .25s}
.risk:hover{transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(22,33,63,.35);border-color:var(--sky)}
@media (prefers-reduced-motion:reduce){.svc::before,.svc h3,.risk{transition:none}.risk:hover{transform:none}.svc:hover h3{transform:none}}

.gprs-more{margin-top:14px}.gprs-more a{font-family:var(--display);font-weight:700;color:var(--navy-700)}

/* Εικόνα συστήματος (σελίδες Λύσεων), αλλάζει με Σπίτι/Επιχείρηση */
.sysfig{margin:26px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 22px 40px -28px rgba(22,33,63,.35);background:var(--white);border:1px solid var(--line)}
.sysfig img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.sysfig figcaption{padding:10px 14px;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}

/* Σελίδες συστημάτων, διάταξη Α: κείμενο + «Τι περιλαμβάνει» αριστερά, εικόνα (sticky, κάθετη) δεξιά */
.two.sys-a{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.sys-a .prose{max-width:none}
.sys-a .sys-spec{margin-top:8px}
.sys-a .sys-spec h4{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.sys-a .sys-spec .spec div{grid-template-columns:minmax(150px,32%) minmax(0,1fr);padding:12px 0}
.sys-a .sys-media{position:static}
.sys-a .sysfig{margin:0}
.sys-a .sysfig img{aspect-ratio:4/3}
.sys-spec-wide{margin-top:44px;padding-top:36px;border-top:1px solid var(--line)}
/* «Πώς δουλεύουμε» στις σελίδες συστημάτων (μελέτη → εγκατάσταση → συντήρηση, από τις παλιές σελίδες) */
.how-wide{margin-top:40px}
.how-wide .spec div{grid-template-columns:minmax(150px,26%) minmax(0,1fr)}
.how-more{margin-top:16px;font-family:var(--display);font-weight:700}.how-more a{color:#fff}.how-more a:hover{text-decoration:underline}
@media (max-width:600px){.how-wide .spec div{grid-template-columns:1fr;gap:4px}.how-more{line-height:1.9}}

.sys-spec-wide h4{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.sys-spec-wide .spec{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.sys-spec-wide .spec div{grid-template-columns:minmax(150px,34%) minmax(0,1fr);padding:12px 0}
@media (max-width:900px){.two.sys-a{grid-template-columns:1fr}.sys-a .sysfig img{aspect-ratio:4/3}.sys-spec-wide .spec{grid-template-columns:1fr}}

/* Εταιρεία: λογότυπο Ajax αριστερά, badge δεξιά στην ίδια γραμμή */
.qajax-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap;margin-bottom:18px}
.qajax-head .ajax-logo{height:30px;flex:none}
.qajax-left .qajax-head .as-badge{margin:0;padding:6px 6px 6px 12px;gap:10px;white-space:nowrap}
.qajax-head .as-badge b{font-size:.84rem}
.qajax-head .ab-tier{font-size:.68rem;padding:5px 9px}
@media (max-width:520px){.qajax-head{flex-wrap:wrap}}

.nl-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:var(--navy-900);color:#fff;font-family:var(--display);font-weight:700;padding:14px 22px;border-radius:12px;box-shadow:0 18px 40px -18px rgba(0,0,0,.5);z-index:120;transition:opacity .35s,transform .35s;max-width:calc(100vw - 32px);text-align:center}
.nl-toast.on{opacity:1;transform:translate(-50%,0)}

/* ===== Ενιαία, διακριτική κίνηση σε όλες τις σελίδες (2026-09-22) ===== */
/* 1. Είσοδος σελίδας: η μπλε επικεφαλίδα μένει σταθερή· κινείται μόνο το περιεχόμενο κάτω από αυτήν */
@keyframes phin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.page-head + .page-body .container>*,.page-head + section .container>*{animation:phin .55s cubic-bezier(.2,.7,.2,1) both}
.page-head + .page-body .container>*:nth-child(2),.page-head + section .container>*:nth-child(2){animation-delay:.06s}
.page-head + .page-body .container>*:nth-child(n+3),.page-head + section .container>*:nth-child(n+3){animation-delay:.12s}

/* 2. Hover: μικρή ανύψωση σε κάρτες και πλακίδια, ίδια παντού */
.card,.member,.qcat,.fact,.teaser-facts .fact,.stat,.sysfig,.cs{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.member:hover,.fact:hover,.qcat:hover,.cs:hover{transform:translateY(-3px)}
.member:hover,.fact:hover{box-shadow:0 18px 34px -26px rgba(22,33,63,.5);border-color:var(--navy-700)}
.card:hover{box-shadow:0 18px 34px -26px rgba(22,33,63,.35)}
.sysfig:hover{transform:translateY(-3px);box-shadow:0 26px 46px -28px rgba(22,33,63,.45)}
.sysfig img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sysfig:hover img{transform:scale(1.03)}
.spec div{transition:background .2s}
.spec div:hover{background:var(--field)}
.card.navy .spec div:hover{background:rgba(255,255,255,.05)}
/* Σύνδεσμοι με βελάκι: το βελάκι μετακινείται λίγο */
.rel a span,.combo a .why,.gprs-more a,.articles li a{transition:transform .25s,color .25s}
.rel a:hover span{transform:translateX(3px)}
.gprs-more a:hover{transform:translateX(3px);display:inline-block}

@media (prefers-reduced-motion:reduce){
  .page-head + .page-body .container>*,.page-head + section .container>*{animation:none}
  .member:hover,.fact:hover,.qcat:hover,.cs:hover,.sysfig:hover,.rel a:hover span,.gprs-more a:hover{transform:none}
  .sysfig:hover img{transform:none}
}

/* Βήματα «Πώς γίνεται η αναβάθμιση»: συμπαγής λίστα μέσα στην κάρτα */
.svc ul{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.svc ul li{position:relative;padding-left:20px;font-size:.9rem;color:var(--muted);line-height:1.45}
.svc ul li::before{content:"";position:absolute;left:4px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--sky);opacity:.7}

/* Κεφαλίδα: απλώνει πιο πολύ αριστερά και δεξιά από το υπόλοιπο περιεχόμενο */
.nav .nav-main{max-width:100%;padding-left:var(--edge);padding-right:var(--edge)}
@media (max-width:900px){.nav .nav-main{padding-left:20px;padding-right:20px}}

/* Hero video (αρχική): βίντεο-φόντο ανά κατηγορία, κείμενο κάτω αριστερά.
   --vha: ορατό ύψος βίντεο σε υπολογιστή = όλη η οθόνη κάτω από το μενού (η λωρίδα στατιστικών μένει κάτω από το fold).
   --vhh: ζώνη βίντεο πάνω από το κείμενο σε κινητό. */
.vhero{background:#05080f;isolation:isolate;--vha:calc(100vh - var(--nav-h));--vhh:min(72vw,56vh)}
@supports (height:1svh){.vhero{--vha:calc(100svh - var(--nav-h));--vhh:min(72vw,56svh)}}
.vh-grid{position:relative;display:grid;align-items:end;min-height:calc(var(--nav-h) + var(--vha));padding:calc(var(--nav-h) + 40px) var(--edge) 52px}
.vh-media{position:absolute;inset:var(--nav-h) 0 0 0;z-index:-2;overflow:hidden;background:#05080f url(/media/hero33-poster.jpg) center/cover no-repeat}
.vh-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0;transition:opacity .35s ease}
.vh-media video.on{opacity:1}
.vh-shade{position:absolute;inset:var(--nav-h) 0 0 0;z-index:-1;pointer-events:none;background:
  linear-gradient(0deg,rgba(4,10,24,.95) 0%,rgba(4,10,24,.85) 20%,rgba(4,10,24,.55) 38%,rgba(4,10,24,0) 58%),
  linear-gradient(90deg,rgba(4,10,24,.45) 0%,rgba(4,10,24,0) 40%),
  linear-gradient(180deg,rgba(4,10,24,.35) 0%,rgba(4,10,24,0) 14%)}
.vh-grid .hero-copy{max-width:1040px;gap:18px}
/* μεγαλύτερος τίτλος σε μεγάλες οθόνες (το βίντεο πιάνει όλη την οθόνη), μαζεύει με το πλάτος */
.vh-grid .hero-copy h1{font-size:clamp(2.8rem,5vw,5.6rem)}
.vh-grid .hero-copy .lead{max-width:760px;font-size:1.3rem;color:#e3e9f3}
.vh-grid .hero-copy h1,.vh-grid .hero-copy .lead{text-shadow:0 1px 18px rgba(4,10,24,.75),0 0 2px rgba(4,10,24,.5)}
/* κίνηση κειμένου στο φόρτωμα (εκδοχή «απαλό»): ο τίτλος ξεθολώνει, μετά υπότιτλος, κουμπί, ετικέτες.
   fill-mode backwards: μετά το τέλος ισχύουν ξανά τα κανονικά στυλ (hover κ.λπ.) */
@keyframes vhBlur{from{opacity:0;filter:blur(10px);transform:translateY(14px);letter-spacing:.02em}to{opacity:1;filter:none;transform:none}}
@keyframes vhFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.vh-grid .hero-copy h1{animation:vhBlur 1.1s cubic-bezier(.2,.7,.2,1) .15s backwards}
.vh-grid .hero-copy .lead{animation:vhFade .7s ease .6s backwards}
.vh-grid .hero-actions{animation:vhFade .7s ease .8s backwards}
.vh-grid .legend button{animation:vhFade .5s ease .95s backwards}
.vh-grid .legend button:nth-child(2){animation-delay:1.02s}.vh-grid .legend button:nth-child(3){animation-delay:1.09s}
.vh-grid .legend button:nth-child(4){animation-delay:1.16s}.vh-grid .legend button:nth-child(5){animation-delay:1.23s}
@media (prefers-reduced-motion:reduce){.vh-grid .hero-copy h1,.vh-grid .hero-copy .lead,.vh-grid .hero-actions,.vh-grid .legend button{animation:none}}
.vh-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.vh-toggle{position:absolute;right:var(--edge);top:calc(var(--nav-h) + 22px);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(4,10,24,.6);border:1px solid rgba(255,255,255,.22);cursor:pointer;opacity:.9}
.vh-toggle:focus-visible{box-shadow:0 0 0 2px #05080f}
.vh-toggle:hover,.vh-toggle:focus-visible{opacity:1}
.vh-toggle .i-play{display:none}.vh-toggle.paused .i-play{display:block}.vh-toggle.paused .i-pause{display:none}
.vhero .legend button{position:relative;overflow:hidden;cursor:pointer}
.vhero .legend button::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;transform:scaleX(var(--p,0));transform-origin:left;background:var(--sky);opacity:0}
.vhero .legend button.live{background:rgba(47,134,194,.22);border-color:var(--sky);color:#fff}
.vhero .legend button.live::after{opacity:1}
.vhero .legend button.live::before{background:#fff}
/* χαμηλές οθόνες υπολογιστή: μικρότερος τίτλος ώστε να φαίνεται το κέντρο του βίντεο */
@media (min-width:901px) and (max-height:820px){.vh-grid .hero-copy h1{font-size:clamp(2.6rem,4.3vw,3.5rem)}.vh-grid .hero-copy .lead{font-size:1.12rem}}
@media (max-width:900px){
  .vh-media{inset:var(--nav-h) 0 auto 0;height:var(--vhh)}
  .vh-shade{inset:var(--nav-h) 0 auto 0;height:var(--vhh);background:linear-gradient(0deg,#05080f 0%,rgba(5,8,15,0) 38%),linear-gradient(180deg,rgba(5,8,15,.35) 0%,rgba(5,8,15,0) 25%)}
  .vh-grid{min-height:0;align-items:start;padding:calc(var(--nav-h) + var(--vhh) - 20px) 20px 28px}
  /* το κοινό styles.css κάνει το .hero-copy display:contents στο κινητό· εδώ θέλουμε στήλη με κενά */
  .vh-grid .hero-copy{display:grid;gap:18px}
  .vh-grid .hero-copy h1{font-size:2.75rem}
  .vh-grid .hero-copy .lead{font-size:1.15rem}
  .vh-row{flex-direction:column;align-items:flex-start;gap:18px;order:5}
  .vh-toggle{top:calc(var(--nav-h) + 14px);right:20px}
}
@media (max-width:900px) and (orientation:landscape){.vhero{--vhh:min(56.25vw,50svh)}}
/* σελίδα επικοινωνίας: σκούρα κεφαλίδα, φωτεινό σώμα (στοιχεία + φόρμα σε κάρτα) */
.page-head:has(+ #epikoinonia-page){padding-bottom:36px}
#epikoinonia-page{background:var(--paper);color:var(--ink);--muted:inherit}
#epikoinonia-page .eyebrow{color:var(--sky)}
#epikoinonia-page .lead,#epikoinonia-page .ci small,#epikoinonia-page .ci span{color:var(--muted)}
#epikoinonia-page .ci b,#epikoinonia-page .ci b a{color:var(--ink)}
#epikoinonia-page .form{border:1px solid var(--line);box-shadow:0 24px 50px -30px rgba(22,33,63,.35)}
/* πολιτική απορρήτου: συμπαγής λίστα αποδεκτών αντί για πίνακα */
.legal-list{display:grid;gap:10px;padding-left:18px;margin:0}
.legal-list li{line-height:1.5}

/* ================= Διαδραστικά (ix-*) · src/interactive.py + src/ix.js ================= */
/* ---- Διαδραστικά (ix-*) ---- */
.ix-sec h2{margin:12px 0 10px}
.ix-sec .lead{margin-bottom:22px}
.ix{--ix-alarm:#D64545;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.ix-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:26px;align-items:start}
@media (max-width:900px){.ix{padding:16px}.ix-grid{grid-template-columns:1fr;gap:18px}}

/* επιλογή λειτουργίας */
.ix-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--field);border:1px solid var(--line);border-radius:999px}
.ix-seg button{padding:9px 16px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--muted);transition:background .2s,color .2s}
.ix-seg button:hover{color:var(--ink)}
.ix-seg button[aria-pressed="true"]{background:var(--navy-700);color:#fff}
.ix-seg button:focus-visible,.ix .hs:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.ix-mode-note{margin:12px 0 18px;color:var(--muted);font-size:1rem;min-height:1.6em}
@media (max-width:600px){.ix-seg{display:flex;border-radius:14px}.ix-seg button{flex:1 1 auto;padding:9px 10px;font-size:.85rem}}

/* κάτοψη */
.ix-plan{width:100%;height:auto;display:block;overflow:visible}
.ix-plan .room{fill:var(--paper);transition:fill .3s}
.ix-plan .room.alt{fill:var(--paper-2)}
.ix-plan .room.hit{animation:ixRoom .55s ease-in-out 6 alternate}
@keyframes ixRoom{to{fill:rgba(214,69,69,.24)}}
.ix-plan .furn rect,.ix-plan .furn circle{fill:var(--paper-2);stroke:var(--line);stroke-width:1.5}
.ix-plan .walls{fill:none;stroke:var(--ink);stroke-width:6;stroke-linejoin:round;stroke-linecap:round;opacity:.82}
.ix-plan .iwall{stroke-width:3.5}
.ix-plan .gaps path{stroke:var(--white);stroke-width:9;fill:none}
.ix-plan .win path{stroke:var(--sky);stroke-width:2.5;fill:none}
.ix-plan .vitrine path{stroke:var(--sky);stroke-width:5;fill:none;stroke-linecap:round}
.ix-plan .door{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 3}
.ix-plan .rl text{font-family:var(--display);font-size:13px;font-weight:700;fill:var(--muted);text-anchor:middle;letter-spacing:.02em}
.ix-plan .rl text.sm{font-size:11px;font-weight:600}
.ix-plan .counter{fill:var(--chip-bg-o);stroke:var(--orange);stroke-width:1.5}
.ix-plan .panel{fill:var(--orange)}
.ix-plan .keypad rect{fill:var(--white);stroke:var(--ink);stroke-width:1.5}
.ix-plan .keypad path{stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}
.ix-plan .siren circle{fill:var(--muted)}
.ix-plan .siren .waves{fill:none;stroke:var(--ix-alarm);stroke-width:1.8;stroke-linecap:round;opacity:0}
.ix-alarm.ringing .siren circle{fill:var(--ix-alarm)}
.ix-alarm.ringing .siren .waves{animation:ixWave .5s ease-in-out infinite alternate}
@keyframes ixWave{from{opacity:.15}to{opacity:1}}

/* αισθητήρες */
.ix-plan .sn{cursor:pointer;outline:none}
.ix-plan .sn .hitbox{fill:transparent}
.ix-plan .sn .dot{fill:#9AA6BD;stroke:var(--white);stroke-width:3;transition:fill .25s}
.ix-plan .sn .in{fill:var(--white)}
.ix-plan .sn .cone{fill:var(--sky);opacity:0;transition:opacity .35s}
.ix-plan .sn .ring{fill:none;stroke:var(--ix-alarm);stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center}
.ix-plan .sn.armed .dot{fill:var(--sky)}
.ix-plan .sn.armed .cone{opacity:.13}
.ix-plan .sn:hover .dot,.ix-plan .sn:focus-visible .dot{stroke:var(--orange)}
.ix-plan .sn.hit .dot{fill:var(--ix-alarm)}
.ix-plan .sn.hit .cone{fill:var(--ix-alarm);opacity:.22}
.ix-plan .sn.hit .ring{animation:ixPulse 1s ease-out 3}
.ix-plan .sn.seen .dot{fill:var(--orange)}
@keyframes ixPulse{from{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}

/* υπόμνημα */
.ix-legend{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.9rem;color:var(--muted)}
.ix-legend li{display:inline-flex;align-items:center;gap:8px}
.ix-legend svg{width:20px;height:20px}
.ix-legend svg rect,.ix-legend svg circle{fill:var(--sky)}
.ix-legend svg .in{fill:var(--white)}
.ix-legend .sw{width:12px;height:12px;border-radius:50%;background:#9AA6BD}
.ix-legend .sw.on{background:var(--sky)}

/* ειδοποιήσεις */
.ix-feed{background:var(--navy-900);color:#fff;border-radius:16px;padding:16px;min-height:320px}
.ix-feed-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ix-feed h4{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#E4EAF5;margin:0}
.ix-clear{font-size:.8rem;font-family:var(--display);font-weight:700;color:#bcd0ea;padding:4px 8px;border-radius:8px}
.ix-clear:hover{color:#fff;background:rgba(255,255,255,.08)}
.ix-empty{color:#b9c5dc;font-size:.95rem;margin:6px 2px}
.ix-note{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;background:rgba(255,255,255,.07);border-radius:12px;padding:11px 12px;margin-bottom:8px;animation:ixIn .35s ease}
.ix-note i{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#9AA6BD}
.ix-note.alarm{background:rgba(214,69,69,.2)}
.ix-note.alarm i{background:#ff6a61}
.ix-note.info i{background:var(--sky)}
.ix-note b{display:block;font-family:var(--display);font-size:.95rem;line-height:1.3}
.ix-note span{display:block;font-size:.9rem;color:#dfe6f5;margin-top:2px;line-height:1.45}
.ix-note time{font-size:.78rem;color:#b9c5dc;white-space:nowrap}
@keyframes ixIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* κατάστημα: σημεία */
.ix-stage{position:relative}
.ix .hs{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--navy-700);color:#fff;font-family:var(--display);font-weight:800;font-size:.95rem;box-shadow:0 0 0 4px var(--white),0 6px 16px -6px rgba(10,20,48,.5);transition:background .2s,transform .2s}
.ix .hs::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--sky);animation:ixHs 2.2s ease-out infinite;pointer-events:none}
.ix .hs:hover{transform:translate(-50%,-50%) scale(1.08)}
.ix .hs[aria-pressed="true"]{background:var(--orange)}
.ix .hs[aria-pressed="true"]::after{border-color:var(--orange)}
@keyframes ixHs{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
@media (max-width:600px){.ix .hs{width:28px;height:28px;font-size:.82rem}}
.ix-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--paper)}
.ix-card .k{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ix-card .k em{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-family:var(--display);font-weight:800;font-size:.9rem;flex:none}
.ix-card h3{font-size:1.3rem}
.ix-card h5{font-family:var(--display);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px}
.ix-card p{margin:0;font-size:1rem}
.ix-card ul{margin:0;padding-left:18px;font-size:1rem}
.ix-card li+li{margin-top:4px}
.ix-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ix-chips a{background:var(--chip-bg);color:var(--chip-ink);border-radius:999px;padding:6px 12px;font-family:var(--display);font-weight:700;font-size:.85rem}
.ix-chips a:hover{text-decoration:underline}
.ix-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.ix-nav button{font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--navy-700);padding:6px 10px;border-radius:10px}
.ix-nav button:hover{background:var(--sky-soft)}
.ix-nav span{font-size:.85rem;color:var(--muted)}
:root[data-theme="dark"] .ix-nav button{color:#bfe0ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ix-nav button{color:#bfe0ff}}
@media (prefers-reduced-motion:reduce){.ix *,.ix *::after{animation:none!important;transition:none!important}}
.ix-nav button{white-space:nowrap}
@media (max-width:600px){
  .ix-alarm .ix-plan .rl text{font-size:21px}
  .ix-shop .ix-plan .rl{display:none}
  .ix .hs{width:24px;height:24px;font-size:.72rem;box-shadow:0 0 0 3px var(--white)}
  .ix .hs::after{inset:-3px}
  .ix-plan .sn .dot{stroke-width:4}
  .ix-nav button{font-size:.82rem;padding:6px 4px}
  .ix-feed{min-height:0}
}
/* συσκευές Ajax (renders) πάνω στην κάτοψη */
.ix-plan .dev .disc{fill:var(--white);stroke:#9AA6BD;stroke-width:2.5;filter:drop-shadow(0 3px 5px rgba(10,20,48,.22));transition:stroke .25s}
.ix-plan .dev .ring{fill:none;stroke:var(--ix-alarm);stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center}
.ix-plan .dev.static .disc,.ix-plan .dev[aria-hidden] .disc{stroke:var(--line)}
.ix-plan .sn.armed .disc{stroke:var(--sky);stroke-width:3.5}
.ix-plan .sn:hover .disc,.ix-plan .sn:focus-visible .disc{stroke:var(--orange)}
.ix-plan .sn.hit .disc{stroke:var(--ix-alarm);stroke-width:4}
.ix-plan .sn.seen .disc{stroke:var(--orange);stroke-width:3.5}
.ix-alarm.ringing .siren .disc{stroke:var(--ix-alarm);stroke-width:4}
.ix-alarm.ringing .siren .ring{animation:ixPulse .9s ease-out infinite}
.ix-legend img{width:22px;height:22px;object-fit:contain}
.ix-legend li.st{margin-left:4px}
@media (max-width:600px){.ix-plan .dev .disc{stroke-width:3.5}}
/* κατάστημα: συσκευές στην κάρτα */
.ix-dev{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ix-dev li{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin:0}
.ix-dev li+li{margin-top:0}
.ix-dev .th{width:48px;height:48px;border-radius:12px;background:var(--white);border:1px solid var(--line);display:grid;place-items:center}
.ix-dev .th img{width:36px;height:36px;object-fit:contain}
.ix-dev .th.none{background:transparent;border-style:dashed}
.ix-plan .dev .hitbox{fill:transparent}
/* κατάστημα: οι συσκευές του επιλεγμένου σημείου πάνω στην κάτοψη */
.ix .hs-devs{position:absolute;display:flex;gap:6px;transform:translate(-50%,calc(-100% - 24px));pointer-events:none;animation:ixIn .3s ease;z-index:2}
.ix .hs-devs.below{transform:translate(-50%,24px)}
.ix .hs-devs.r{transform:translate(-88%,calc(-100% - 24px))}.ix .hs-devs.r.below{transform:translate(-88%,24px)}
.ix .hs-devs.l{transform:translate(-12%,calc(-100% - 24px))}.ix .hs-devs.l.below{transform:translate(-12%,24px)}
.ix .hs-devs span{width:44px;height:44px;border-radius:50%;background:var(--white);box-shadow:0 0 0 2px var(--orange),0 6px 14px -6px rgba(10,20,48,.45);display:grid;place-items:center}
.ix .hs-devs img{width:32px;height:32px;object-fit:contain}
@media (max-width:600px){.ix .hs-devs span{width:30px;height:30px}.ix .hs-devs img{width:22px;height:22px}.ix .hs-devs{transform:translate(-50%,calc(-100% - 16px))}.ix .hs-devs.below{transform:translate(-50%,16px)}}
.ix-spot[hidden]{display:none}
@media (max-width:600px){.ix-spots .ix-plan .rl{display:none}.ix-access .ix-plan .rl text,.ix-fire .ix-plan .rl text,.ix-flood .ix-plan .rl text{font-size:20px}}
.ix-note.okn{background:rgba(46,158,91,.22)}.ix-note.okn i{background:#4cd08a}

/* κάμερες: φίλτρο AI */
.ix-camwrap{position:relative;border-radius:14px;overflow:hidden;background:#0b1424}
.ix-cam{width:100%;height:auto;display:block}
.ix-cam .sky{fill:#1b2a44}.ix-cam .ground{fill:#223350}.ix-cam .fence{stroke:#3b5070;stroke-width:4;fill:none}.ix-cam .path{fill:#2a3d5c}
.ix-cam .tree path{stroke:#4a3b2c;stroke-width:10}.ix-cam .tree circle{fill:#2f5a45}.ix-cam .house{fill:#33476b}.ix-cam .door2{fill:#22314d}
.ix-cam .car rect,.ix-cam .car path{fill:#5a6f94}.ix-cam .car circle{fill:#141d30}
.ix-cam .man circle{fill:#c9d3e6}.ix-cam .man path{stroke:#c9d3e6;stroke-width:9;stroke-linecap:round;fill:none}.ix-cam .cat ellipse,.ix-cam .cat circle{fill:#a9b4c8}
.ix-cam .bx{transition:opacity .4s}.ix-cam .bx rect{fill:none;stroke:#ffcc4d;stroke-width:3}.ix-cam .bx text{fill:#ffcc4d;font:700 15px var(--display)}
.ix-cam .bx.yes rect{stroke:#4fc3ff}.ix-cam .bx.yes text{fill:#4fc3ff}
.ix-cams.ai .ix-cam .bx.no{opacity:0}
.ix-cam .rec circle{fill:#ff4d4d;animation:ixBlink 1.2s steps(2) infinite}.ix-cam .rec text{fill:#fff;font:700 13px var(--display)}
.ix-camdev{position:absolute;right:12px;top:12px;width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.ix-camdev img{width:42px;height:42px;object-fit:contain}
.ix-count{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}.ix-count b{font:800 2.6rem/1 var(--display);color:#fff}.ix-count span{color:#dfe6f5;font-size:.92rem}
.ix-cams .c-all{display:none}.ix-cams:not(.ai) .c-all{display:inline}.ix-cams:not(.ai) .c-ai{display:none}
.ix-evs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ix-evs li{display:grid;grid-template-columns:44px 22px 1fr;gap:8px;align-items:center;background:rgba(255,255,255,.07);border-radius:10px;padding:8px 10px;font-size:.9rem;color:#fff;transition:opacity .35s,background .35s}
.ix-evs time{color:#b9c5dc;font-size:.8rem}.ix-evs .ic{width:20px;height:20px;fill:none;stroke:#cfe0f5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ix-evs li.yes{background:rgba(47,134,194,.3)}.ix-evs li.yes .ic{stroke:#7fd0ff}
.ix-cams.ai .ix-evs li.no{opacity:.28;text-decoration:line-through}

/* έλεγχος πρόσβασης */
.ix-time{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-family:var(--display);font-weight:700;flex-wrap:wrap}
.ix-time input{flex:1;min-width:160px;max-width:380px;accent-color:var(--navy-700)}.ix-time b{min-width:3.2em;font-size:1.1rem}
.ix-sum{margin:6px 0 16px;color:var(--ink);min-height:1.6em}.ix-sum b{font-family:var(--display)}
.ix-access .sn.ok .disc{stroke:#2e9e5b;stroke-width:4}.ix-access .sn.no .disc{stroke:var(--ix-alarm);stroke-width:4}
.ix-access .sn.flash .ring{animation:ixPulse .8s ease-out 2}.ix-access .sn.ok.flash .ring{stroke:#2e9e5b}
.ix-legend .sw.ok{background:#2e9e5b}.ix-legend .sw.no{background:var(--ix-alarm)}

/* πυρανίχνευση */
.ix-fire .zones rect{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:6 6;opacity:0;transition:opacity .3s}
.ix-fire:not(.addr) .zones rect{opacity:.8}
.ix-plan .rl text.zn{fill:var(--orange-600);font-size:12px;letter-spacing:.12em;opacity:0;transition:opacity .3s}.ix-fire:not(.addr) .rl text.zn{opacity:1}
.ix-fire .sn .disc{stroke:var(--sky);stroke-width:3}
.ix-fire .smoke circle{fill:#9aa6bd;opacity:0;transform-box:fill-box;transform-origin:center}
.ix-fire .smoke.on circle{animation:ixSmoke 2.4s ease-out infinite}.ix-fire .smoke.on circle:nth-child(2){animation-delay:.8s}.ix-fire .smoke.on circle:nth-child(3){animation-delay:1.6s}
@keyframes ixSmoke{0%{opacity:.6;transform:translateY(0) scale(.6)}100%{opacity:0;transform:translateY(-42px) scale(3.2)}}
@keyframes ixBlink{50%{opacity:.35}}
.ix-panel{background:#101a2c;color:#fff;border-radius:16px;padding:16px}
.ix-panel h4{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#E4EAF5;margin:0 0 12px}
.ix-panel .lcd{background:#0b2a1a;border:2px solid #214d35;border-radius:10px;padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;color:#7ef0a8;min-height:84px}
.ix-panel .lcd b{display:block;font-size:1rem;letter-spacing:.06em}.ix-panel .lcd span{display:block;margin-top:6px;font-size:.95rem}
.ix-fire.alarm .lcd{background:#3a0f0f;border-color:#7a2323;color:#ff9b93}.ix-fire.alarm .lcd b{animation:ixBlink 1s steps(2) infinite}
.ix-panel-note{color:#dfe6f5;font-size:.95rem;margin:12px 0}
.ix-reset{font-family:var(--display);font-weight:700;font-size:.85rem;color:#bcd0ea;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}
.ix-reset:hover{color:#fff;background:rgba(255,255,255,.08)}

/* πλημμύρα */
.ix-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}
.ix-actions .ix-reset{color:var(--navy-700);border-color:var(--line)}.ix-actions .ix-reset:hover{background:var(--sky-soft);color:var(--navy-700)}
:root[data-theme="dark"] .ix-actions .ix-reset{color:#bfe0ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ix-actions .ix-reset{color:#bfe0ff}}
.ix-flood-plan .tiles path{stroke:var(--line);stroke-width:1}
.ix-flood-plan .water{fill:rgba(47,134,194,.35);stroke:rgba(47,134,194,.65);stroke-width:2}
.ix-flood-plan .appl{fill:var(--white);stroke:var(--ink);stroke-width:2}.ix-flood-plan .appl-d{fill:var(--paper-2);stroke:var(--ink);stroke-width:2}.ix-flood-plan .appl-d2{fill:none;stroke:var(--muted);stroke-width:2}
.ix-flood-plan .pipe{fill:none;stroke:var(--muted);stroke-width:6;stroke-linecap:round}
.ix-flood-plan .drip{stroke-dasharray:4 10;stroke-width:4}
.ix-flood.running:not(.closed) .drip{stroke:var(--sky);animation:ixFlow .6s linear infinite}
@keyframes ixFlow{to{stroke-dashoffset:-14}}
.ix-flood-plan .valve rect{fill:var(--white);stroke:var(--ink);stroke-width:2}.ix-flood-plan .valve .vh{stroke:var(--ink);stroke-width:4;stroke-linecap:round;transition:transform .4s;transform-box:fill-box;transform-origin:center}
.ix-flood.closed .valve rect{stroke:var(--sky);fill:var(--sky-soft)}.ix-flood.closed .valve .vh{transform:rotate(90deg);stroke:var(--sky)}
.ix-flood.noprot .valve,.ix-flood.noprot .leak{opacity:.18}
.ix-flood.leaking .leak .disc{stroke:var(--ix-alarm);stroke-width:4}.ix-flood.leaking .leak .ring{animation:ixPulse 1s ease-out 3}
.ix-meter{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.ix-meter div{background:rgba(255,255,255,.07);border-radius:12px;padding:10px 12px}
.ix-meter small{display:block;color:#b9c5dc;font-size:.8rem}.ix-meter b{font:800 1.35rem var(--display);color:#fff}

/* κάτοψη αποθήκης & διάγραμμα συντήρησης */
.ix-plan .yard{fill:var(--paper-2)}.ix-plan .fencel{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:8 5}
.ix-plan .gate,.ix-plan .dock path{stroke:var(--orange);stroke-width:5;fill:none;stroke-linecap:round}
.ix-syn .links path{stroke:var(--muted);stroke-width:2.5;stroke-dasharray:2 7;stroke-linecap:round;opacity:.6}
.ix-syn .disc2{fill:var(--white);stroke:var(--line);stroke-width:2.5;filter:drop-shadow(0 3px 5px rgba(10,20,48,.22))}
.ix-syn .bat rect,.ix-syn .bat path,.ix-syn .sig path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}.ix-syn .sig circle:not(.disc2){fill:var(--ink)}
.ix-dev .th.none{border-style:solid;background:var(--sky-soft);border-color:transparent}
.ix-dev .th svg{width:22px;height:22px;fill:none;stroke:var(--navy-700);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme="dark"] .ix-dev .th svg{stroke:#bfe0ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ix-dev .th svg{stroke:#bfe0ff}}
/* κάμερες & πλημμύρα: πραγματικές φωτογραφίες Ajax (assets/scenes) */
.ix-cam .vig{fill:rgba(10,20,40,.12)}
.ix-cam .bx .fr{fill:none;stroke-width:2.5}
.ix-cam .bx .lb{stroke:none}
.ix-cam .bx text,.ix-cam .bx.yes text,.ix-cam .bx.no text{font:700 14px var(--display);fill:#0a1430}
.ix-cam .bx.no .fr{stroke:#ffcc4d}.ix-cam .bx.no .lb{fill:#ffcc4d}
.ix-cam .bx.yes .fr{stroke:#4fc3ff}.ix-cam .bx.yes .lb{fill:#4fc3ff}
.ix-cam .hud rect{fill:rgba(0,0,0,.55)}.ix-cam .hud text{fill:#fff;font:600 11px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
.ix-cam .rec text{font:700 12px var(--display)}
.ix-photo{border-radius:14px;overflow:hidden;background:#dfe3ea}
.ix-flood-photo .wp{fill:url(#ix-wg);stroke:rgba(245,252,255,.82);stroke-width:2.4;vector-effect:non-scaling-stroke}
.ix-flood-photo .wh{fill:#fff;opacity:.6;stroke:none}.ix-flood-photo .wh2{opacity:.42}
.ix-flood-photo .ripples ellipse{fill:none;stroke:rgba(236,248,255,.85);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.ix-flood.running:not(.closed) .ripples ellipse{animation:ixRipple 1.4s ease-out infinite}.ix-flood.running:not(.closed) .ripples ellipse:nth-child(2){animation-delay:.7s}
@keyframes ixRipple{0%{opacity:.9;transform:scale(.25)}100%{opacity:0;transform:scale(2.4)}}
@media (prefers-reduced-motion:reduce){.ix-flood .ripples ellipse{animation:none!important}}
.ix-flood-photo .drops circle{fill:rgba(64,150,220,.9);opacity:0}
.ix-flood.running:not(.closed) .drops circle{animation:ixDrop .9s ease-in infinite}.ix-flood.running .drops circle:nth-child(2){animation-delay:.3s}.ix-flood.running .drops circle:nth-child(3){animation-delay:.6s}
@keyframes ixDrop{0%{opacity:0;transform:translateY(-10px)}30%{opacity:1}100%{opacity:0;transform:translateY(6px)}}
.ix-flood-photo .ph .ring{fill:none;stroke:#fff;stroke-width:4;opacity:.85}
.ix-flood-photo .ph .halo{fill:none;stroke:var(--ix-alarm);stroke-width:4;opacity:0;transform-box:fill-box;transform-origin:center}
.ix-flood-photo .ph .off{display:none}.ix-flood-photo .ph .off path{stroke:#fff;stroke-width:5;stroke-linecap:round}
.ix-flood.noprot .ix-flood-photo .ph .ring{stroke:rgba(40,50,70,.55);fill:rgba(20,30,50,.45)}.ix-flood.noprot .ix-flood-photo .ph .off{display:block}
.ix-flood.leaking .ph-leak .ring{stroke:var(--ix-alarm)}.ix-flood.leaking .ph-leak .halo{animation:ixPulse 1s ease-out 3}
.ix-flood.closed .ph-valve .ring{stroke:#4fc3ff;stroke-width:6}.ix-flood.closed .ph-valve .halo{stroke:#4fc3ff;animation:ixPulse 1s ease-out 2}
.ix-flood-photo .tag rect{fill:rgba(10,20,48,.74)}.ix-flood-photo .tag text{fill:#fff;font:700 26px var(--display);text-anchor:middle;dominant-baseline:middle}
@media (max-width:600px){.ix-flood-photo .tag{display:none}.ix-cam .bx .lb,.ix-cam .bx text{display:none}}
/* σελίδες συστημάτων: χωρίς φωτογραφία δίπλα στο κείμενο (τη θέση της παίρνει το διαδραστικό) */
.sys-intro .prose{max-width:1100px}
.sys-intro .prose>p{max-width:860px}
@media (min-width:900px){.sys-intro .prose ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
/* Σελίδες λύσεων: εισαγωγή + «Τι περιλαμβάνει» σε ένα ενιαίο πλαίσιο */
.sys-unified{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:36px 40px}
.sys-unified .prose{max-width:none}
.sys-unified .prose>p{max-width:900px}
.sys-unified .prose h2{margin-top:0}
.sys-inc{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.sys-inc h4{font-family:var(--display);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.sys-inc .spec{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px}
.sys-inc .spec div{grid-template-columns:1fr;gap:4px;padding:14px 0;font-size:1rem}
.sys-inc .spec span{font-size:.95rem;line-height:1.5}
@media (max-width:1000px){.sys-inc .spec{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.sys-unified{padding:24px 18px}.sys-inc .spec{grid-template-columns:1fr}}
.sys-inc .spec div{border-bottom:0;border-top:1px solid var(--line)}
.sys-inc .spec div:nth-child(-n+3){border-top:0}
@media (max-width:1000px){.sys-inc .spec div:nth-child(3){border-top:1px solid var(--line)}}
@media (max-width:600px){.sys-inc .spec div:nth-child(2){border-top:1px solid var(--line)}}
.sys-inc .spec div{align-content:start}
/* «Τι περιλαμβάνει»: εικονίδια + σύντομη φράση */
.si-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 32px;margin-top:14px}
.si{display:flex;gap:14px;align-items:flex-start}
.si-ic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--field);color:var(--orange);display:grid;place-items:center}
.si-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.si b{display:block;font-family:var(--display);font-weight:700;font-size:1rem;line-height:1.3}
.si>div>span{display:block;color:var(--muted);font-size:.93rem;line-height:1.45;margin-top:2px}
@media (max-width:1000px){.si-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.si-grid{grid-template-columns:1fr;gap:16px}}

/* Πυρανίχνευση: ποιος ανιχνευτής για ποιον χώρο */
.fd-chips{display:flex;flex-wrap:wrap;gap:8px}
.fd-chips button{font:700 .95rem var(--display);padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.fd-chips button:hover{border-color:var(--navy-700)}
.fd-chips button[aria-pressed="true"]{background:var(--navy-700);border-color:var(--navy-700);color:#fff}
.fd-photo{position:relative;border-radius:var(--radius);overflow:hidden;background:#0b1a2e;aspect-ratio:16/9}
.fd-scene{margin:0;position:absolute;inset:0}
.fd-scene img{width:100%;height:100%;object-fit:cover;display:block;animation:fdIn .45s ease}
@keyframes fdIn{from{opacity:.25;transform:scale(1.03)}to{opacity:1;transform:none}}
.fd-tag{position:absolute;transform:translateY(-50%);display:inline-flex;align-items:center;gap:9px;background:rgba(10,20,48,.82);color:#fff;font:700 .92rem/1.25 var(--display);padding:8px 15px;border-radius:18px;white-space:normal;width:max-content}
.fd-tag i{flex:none}
.fd-tag i{width:9px;height:9px;border-radius:50%;background:var(--orange);animation:fdPulse 1.8s infinite}
@keyframes fdPulse{0%{box-shadow:0 0 0 0 rgba(212,129,60,.75)}70%{box-shadow:0 0 0 10px rgba(212,129,60,0)}100%{box-shadow:0 0 0 0 rgba(212,129,60,0)}}
.fd-card .fd-room{font:700 .78rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#b9c6de;margin:0 0 14px}
.fd-dev{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.fd-dev .th{width:64px;height:64px;border-radius:14px;background:#fff;display:grid;place-items:center;flex:none}
.fd-dev .th img{width:52px;height:52px;object-fit:contain}
.fd-dev small{display:block;color:#b9c6de;font-size:.8rem;margin-bottom:2px}
.fd-dev b{font:700 1.12rem/1.3 var(--display);color:#fff}
.fd-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.fd-badges span{font-size:.8rem;font-weight:600;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.14)}
.fd-card h5{font:700 .74rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:16px 0 5px}
.fd-card p{color:#dfe6f5;font-size:.95rem;line-height:1.55;margin:0}
@media (prefers-reduced-motion:reduce){.fd-scene img,.fd-tag i{animation:none}}
@media (max-width:600px){.fd-tag{left:auto!important;right:10px;top:auto!important;bottom:10px;transform:none;font-size:.74rem;padding:6px 11px;max-width:calc(100% - 20px)!important}.fd-chips button{font-size:.85rem;padding:8px 14px}}
.ix-feed.fd-card{padding:22px}
.ix-fdet .ix-top{margin-bottom:18px}
/* Κάμερες: πραγματικό βίντεο κάμερας με ειδοποιήσεις συγχρονισμένες με τον χρόνο του βίντεο */
.vx{position:relative;border-radius:14px;overflow:hidden;background:#0b1424;aspect-ratio:16/9}
.vx video{width:100%;height:100%;object-fit:cover;display:block}
.vx-hud{position:absolute;left:12px;top:12px;background:rgba(0,0,0,.55);color:#fff;font:600 12px ui-monospace,Menlo,monospace;padding:4px 10px;border-radius:6px}
.vx-rec{position:absolute;left:12px;bottom:12px;color:#fff;font:700 12px var(--display);display:flex;gap:6px;align-items:center;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.vx-rec i{width:9px;height:9px;border-radius:50%;background:#ff3b3b;animation:vxb 1s steps(2) infinite}@keyframes vxb{50%{opacity:.2}}
.vx-toast{position:absolute;right:12px;top:12px;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.97);color:#0a1430;border-radius:14px;padding:10px 14px 10px 10px;box-shadow:0 10px 28px rgba(0,0,0,.28);transform:translateY(-140%);opacity:0;transition:transform .35s,opacity .35s;max-width:72%}
.vx-toast.on{transform:none;opacity:1}
.vx-toast .ic{width:34px;height:34px;border-radius:9px;background:#1b6fd8;display:grid;place-items:center;flex:none}
.vx-toast.warn .ic{background:#e39b12}
.vx-toast .ic svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vx-toast b{display:block;font:700 14px var(--display);line-height:1.25}.vx-toast small{display:block;color:#56627a;font-size:12px;margin-top:1px}
.vx-chip{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(0,0,0,.62);color:#fff;font:600 12.5px var(--display);padding:6px 13px;border-radius:999px;opacity:0;transition:opacity .3s;white-space:nowrap}
.vx-chip.on{opacity:1}
.ix-evs .ev.live{box-shadow:inset 0 0 0 2px var(--orange)}
.ix-evs .ev.live time{color:var(--orange);font-weight:700}
@media (prefers-reduced-motion:reduce){.vx-rec i{animation:none}}
@media (max-width:600px){.vx-toast{right:8px;top:8px;padding:7px 10px 7px 7px}.vx-toast b{font-size:12px}.vx-toast small{font-size:11px}.vx-toast .ic{width:28px;height:28px}}
/* Χώρος πελάτη: αίτηση πρόσβασης */
.pt-su-h{margin:10px 0 6px}
.pt-su-lead{color:var(--muted);margin:0 0 14px;font-size:.95rem;line-height:1.55}
.pt-su-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:600px){.pt-su-2{grid-template-columns:1fr}}
.pt-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pt-consent{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--muted);margin:4px 0 14px;line-height:1.5}
.pt-consent input{margin-top:3px;flex:none}
.pt-first{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin:22px 0 0;padding:16px 18px;border-radius:12px;background:var(--orange-soft);border:1px solid var(--orange);border-left-width:4px}
.pt-first[hidden]{display:none}
.pt-first-t{flex:1 1 260px;display:grid;gap:3px}
.pt-first-t b{font-family:var(--display);font-size:1.05rem;color:var(--ink)}
.pt-first-t span{font-size:.93rem;color:var(--ink);line-height:1.45}
.pt-first-btn{flex:none;border-color:var(--orange);color:var(--orange-600);background:var(--white)}
@media (max-width:520px){.pt-first-btn{flex:1 1 100%;justify-content:center;white-space:normal;text-align:center}}
.pt-first-btn:hover{background:var(--orange);color:#fff}
.pt-first.hi{box-shadow:0 0 0 3px rgba(212,129,60,.35);animation:ptFirstPulse .6s ease 2}
@keyframes ptFirstPulse{50%{transform:scale(1.015)}}
@media (prefers-reduced-motion:reduce){.pt-first.hi{animation:none}}
:root[data-theme="dark"] .pt-first-btn{color:#ffb277}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pt-first-btn{color:#ffb277}}
.pt-linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--orange);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
/* Χώρος πελάτη: ζώνες συναγερμού (αριθμημένες, με ομάδες ΚΑ / partition) */
.pt-zones2{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.pt-zones2 h5{font:700 .76rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;display:flex;align-items:center;gap:8px}
.pt-zones2 h5 span{background:var(--field);color:var(--ink);border-radius:999px;padding:1px 8px;letter-spacing:0}
.pt-zones2 ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pt-zones2 li{display:flex;gap:10px;align-items:baseline;font-size:.94rem;line-height:1.4}
.pt-zones2 .pt-zn{flex:none;min-width:2.1em;text-align:center;font:700 .78rem ui-monospace,Menlo,monospace;color:var(--orange);background:var(--field);border-radius:6px;padding:2px 4px}
.pt-zones2 .pt-zt{font:700 .8rem var(--display);color:var(--ink);margin-top:8px;padding-bottom:2px;border-bottom:1px dashed var(--line)}
.pt-zones2 .pt-zt:first-child{margin-top:0}
/* Χώρος πελάτη: ένδειξη φόρτωσης */
.pt-spin{display:inline-block;width:1em;height:1em;margin-right:.55em;vertical-align:-.15em;border:2px solid var(--orange);border-right-color:transparent;border-radius:50%;animation:ptSpin .7s linear infinite}
@keyframes ptSpin{to{transform:rotate(360deg)}}
.pt-loading{display:flex;align-items:center}
#portal:not(.pt-ready){position:relative}
#portal:not(.pt-ready)::before{content:"";position:absolute;left:50%;top:140px;width:34px;height:34px;margin-left:-17px;border:3px solid var(--orange);border-right-color:transparent;border-radius:50%;animation:ptSpin .7s linear infinite}
@media (prefers-reduced-motion:reduce){.pt-spin,#portal:not(.pt-ready)::before{animation-duration:2s}}
/* Εταιρεία · Ποιότητα & πιστοποιήσεις (πιο λιτή διάταξη) */
.qv2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center}
.qv2-ajax{background:var(--navy-800);border:1px solid var(--line-dark);border-radius:var(--radius);padding:30px}
.qv2-ajax .ajax-logo{height:34px;width:auto;display:block}
.qv2-ajax p{margin:0;color:var(--on-dark-muted);line-height:1.6;font-size:1.02rem}
.qv2-for{margin-top:20px;padding-top:16px;border-top:1px solid var(--line-dark)}
.qv2-for small{display:block;font:700 .72rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#9fb0cc;margin-bottom:6px}
.qv2-for p{font-size:.95rem!important;color:#dbe4f2!important;line-height:1.7!important}
.qv2-dot{color:#6f84a8;margin:0 .15em}
.qv2-feats{display:grid;grid-template-columns:1fr 1fr;gap:30px 34px}
.qv2-feat{display:flex;gap:14px;align-items:flex-start}
.qv2-ic{flex:none;width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid var(--line-dark);display:grid;place-items:center;color:var(--sky)}
.qv2-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qv2-feat b{display:block;font:700 1.04rem/1.3 var(--display);color:#fff;margin:2px 0 5px}
.qv2-feat > div > span{display:block;font-size:.93rem;line-height:1.55;color:var(--on-dark-muted)}
.qv2-eq{border:1px solid var(--line-dark);border-radius:var(--radius);overflow:hidden;background:var(--navy-800)}
.qv2-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:17px 26px;border-top:1px solid var(--line-dark);align-items:baseline}
.qv2-row:first-child{border-top:0}
.qv2-row b{font:700 1rem var(--display);color:#fff}
.qv2-std{color:#dbe4f2;font-size:.95rem;line-height:1.75}
.qv2-std span{white-space:nowrap}
.qv2-foot{display:flex;align-items:center;gap:12px;padding:13px 26px;border-top:1px solid var(--line-dark);background:rgba(255,255,255,.03);font-size:.9rem;color:#b9c6dc}
.qv2-ce{font:800 .8rem var(--display);letter-spacing:.04em;color:#fff;border:1.5px solid #fff;border-radius:5px;padding:1px 5px}
@media (max-width:1000px){.qv2{grid-template-columns:1fr;gap:28px}}
@media (max-width:600px){.qv2-feats{grid-template-columns:1fr;gap:22px}.qv2-row{grid-template-columns:1fr;gap:4px;padding:15px 18px}.qv2-foot{padding:12px 18px}.qv2-ajax{padding:22px}.qv2-std span{white-space:normal}}
/* Βήματα: λευκά νούμερα παντού· σε λευκή ενότητα σκούρο κείμενο */
.step .dot{color:#fff}
.section.white .step p{color:var(--ink)}
.qv2-for p span{white-space:nowrap}
/* Κάμερες: «Τώρα στην κάμερα» — μόνο η τρέχουσα ανίχνευση */
.vx-now{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.vx-now small{display:block;font:700 .72rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#9fb0cc;margin-bottom:10px}
.vx-now-card{display:flex;gap:14px;align-items:center;border-radius:14px;padding:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s;min-height:84px}
.vx-now-card .ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.vx-now-card .ic svg{width:22px;height:22px}
.vx-now-card b{display:block;font:700 1.05rem var(--display);color:#fff}
.vx-now-card div > span{display:block;font-size:.9rem;color:#b9c6de;margin-top:2px}
.vx-now-card.idle b{color:#9fb0cc;font-weight:600}
.vx-now-card.idle .ic{background:transparent;border:2px dashed rgba(255,255,255,.18)}
.vx-now-card.ign{opacity:.75}
.vx-now-card.ign b{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4)}
.vx-now-card.warn{background:rgba(227,155,18,.14);border-color:rgba(227,155,18,.55)}
.vx-now-card.warn .ic{background:#e39b12}
.vx-now-card.alert{background:rgba(27,111,216,.2);border-color:#4fa3ff}
.vx-now-card.alert .ic{background:#1b6fd8}
/* Λωρίδα αριθμών: τρεις ΙΣΕΣ στήλες και στο κινητό */
.stats .container{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:560px){
  .stat{padding:18px 10px!important}.stat:first-child{padding-left:0!important}
  .stat b{font-size:1.5rem}
  .stat-iso b{font-size:1.02rem;line-height:1.2;padding-top:.3rem}
}
/* «Εγκαθιστούμε»: λογότυπα σε πλέγμα με ίσα κουτιά */
.pbrands{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.pbrands .pbrand{display:flex;align-items:center;justify-content:center;text-align:center;padding:14px 12px}
/* Λωρίδα αριθμών: διαχωριστική γραμμή ανάμεσα σε ΟΛΑ τα κουτιά (και στο κινητό) */
.stats .stat + .stat{border-left:1px solid var(--line-dark)!important}
@media (max-width:560px){.stats .stat + .stat{padding-left:12px!important}}
/* Όλες οι συχνές ερωτήσεις (κείμενο που διαβάζουν επισκέπτες και μηχανές αναζήτησης) */
.atc-all{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.atc-all > summary{cursor:pointer;list-style:none;padding:18px 22px;font:700 1.05rem var(--display);color:var(--ink);display:flex;align-items:center;gap:8px}
.atc-all > summary::-webkit-details-marker{display:none}
.atc-all > summary::after{content:"+";margin-left:auto;font-size:1.4rem;line-height:1;color:var(--orange)}
.atc-all[open] > summary::after{content:"–"}
.atc-all > summary span{color:var(--muted);font-weight:600}
.atc-all-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;padding:0 22px 14px;border-top:1px solid var(--line)}
.atc-all-list details{border-bottom:1px solid var(--line)}
.atc-all-list summary{cursor:pointer;padding:14px 0;font-weight:600;color:var(--ink);list-style-position:inside}
.atc-all-list p{margin:0 0 14px;color:var(--muted);line-height:1.6;font-size:.96rem}
@media (max-width:800px){.atc-all-list{grid-template-columns:1fr}}
/* Κουμπί «Ζητήστε προσφορά» στην κεφαλίδα: λίγο μεγαλύτερο (εντολή χρήστη 30/9) */
.nav-cta .btn{padding:13px 24px;font-size:16px}
@media (max-width:1500px){.nav-cta .btn{padding:12px 21px;font-size:15.2px}}
@media (max-width:1400px){.nav-cta .btn{padding:11px 19px;font-size:14.6px}}
/* Κινητό χωρίς οριζόντια κύλιση: μεγάλα URL μέσα σε άρθρα, πίνακας cookies */
.bcontent{overflow-wrap:anywhere}
@media (max-width:700px){.legal table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
/* newsletter: σύνδεσμος στην Πολιτική Απορρήτου κάτω από το κουτάκι συγκατάθεσης */
.nl-priv{font-size:.78rem;color:var(--on-dark-muted);margin:6px 0 0 26px}.nl-priv a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.nlp-card .nl-priv{color:var(--muted)}.nlp-card .nl-priv a{color:var(--navy-700)}
.legal a{overflow-wrap:anywhere}