/* Σελίδα εφαρμογής Z (page-app-z.php) και κεντρική του Οικοσυστήματος (page-apps.php). */

.az-page, .azh-page{--t:var(--accent);}
.az-hl{color:var(--t);}
.az-sec{position:relative; padding:clamp(56px, 7.4vh, 104px) 0;}
.az-band{background:var(--bg-2); border-top:1px solid rgba(95,125,135,.4); border-bottom:1px solid rgba(95,125,135,.4);}
.az-sub{margin:0; max-width:60ch; color:var(--muted); font-size:17px; line-height:1.65;}
.az-lnk{display:inline-block; padding-bottom:5px; color:#fff; font-family:var(--font-display); font-size:13px; font-weight:700; line-height:1; letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
  background:linear-gradient(var(--t), var(--t)) no-repeat 0 100% / 100% 2px; transition:background-size .4s var(--ease);}
.az-lnk:hover, .az-lnk:focus-visible{color:#fff; background-size:40% 2px;}
.az-more{margin-top:24px;}
.az-cta-row{display:flex; flex-wrap:wrap; align-items:center; gap:12px;}

/* ---------- Κεφαλίδα ---------- */
.az-hero{position:relative; overflow:clip; padding:clamp(28px, 5vh, 64px) 0 clamp(56px, 8vh, 100px);}
.az-hero::before{content:""; position:absolute; top:-30%; right:-14%; width:72%; height:130%; pointer-events:none; background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 20%, transparent), transparent);}
.az-crumbs{position:relative; display:flex; flex-wrap:wrap; gap:8px; margin:0 0 clamp(22px, 3.4vh, 40px); padding:0; list-style:none; color:var(--muted); font-size:12.5px; font-weight:600; line-height:1.2;}
.az-crumbs li + li::before{content:"/"; margin-right:8px; color:var(--line);}
.az-crumbs a{color:inherit; text-decoration:none;}
.az-crumbs a:hover{color:#fff;}
.az-crumbs [aria-current]{color:#fff;}
.az-hero-grid{position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(28px, 5vw, 72px); align-items:center;}
.az-hero-copy{min-width:0;}
.az-kicker{display:flex; align-items:center; gap:12px; margin:0 0 16px; color:var(--t); font-family:var(--font-display); font-size:12.5px; font-weight:700; line-height:1; letter-spacing:.16em; text-transform:uppercase;}
.az-no{display:inline-grid; place-items:center; min-width:34px; height:26px; padding:0 7px; border:1.5px solid var(--t); border-radius:7px; letter-spacing:.04em; font-variant-numeric:tabular-nums;}
.az-h1{margin:0 0 20px; color:#fff; text-wrap:balance;}
.az-nm{display:block; font-family:var(--font-display); font-size:clamp(46px, 6vw, 88px); font-weight:800; line-height:.98; letter-spacing:-.035em;}
.az-nm em{font-style:normal; color:var(--t);}
.az-sx{display:block; margin-top:14px; color:var(--muted); font-family:var(--font-display); font-size:clamp(19px, 2vw, 27px); font-weight:700; line-height:1.25; letter-spacing:-.01em;}
.az-tagline{max-width:44ch; margin:0 0 12px; color:#fff; font-size:clamp(18px, 1.6vw, 21px); font-weight:600; line-height:1.45;}
.az-lead{max-width:56ch; margin:0 0 18px; color:var(--muted); font-size:clamp(15.5px, 1.3vw, 17.5px); line-height:1.7;}
.az-lead p{margin:0 0 .8em;}
.az-lead p:last-child{margin-bottom:0;}
.az-runs{margin:0 0 26px; color:var(--muted); font-size:14px; font-weight:600; line-height:1.4;}
.az-runs b{color:var(--t); font-weight:700; letter-spacing:.02em;}

/* Η πλακέτα: το σύμβολο της εφαρμογής με το ρομπότ μπροστά. */
.az-board{position:relative; isolation:isolate; overflow:hidden; width:100%; max-width:520px; aspect-ratio:1; margin:0 auto; border-radius:30px;
  border:1px solid color-mix(in srgb, var(--t) 42%, transparent);
  background:radial-gradient(90% 80% at 30% 25%, color-mix(in srgb, var(--t) 14%, transparent), transparent 70%), linear-gradient(160deg, rgba(11,19,23,.75), rgba(8,13,16,.5));}
.az-board::before{content:""; position:absolute; inset:0; z-index:-1;
  background-image:linear-gradient(color-mix(in srgb, var(--t) 15%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--t) 15%, transparent) 1px, transparent 1px);
  background-size:24px 24px; -webkit-mask-image:radial-gradient(75% 75% at 45% 45%, #000 30%, transparent 78%); mask-image:radial-gradient(75% 75% at 45% 45%, #000 30%, transparent 78%);}
.az-glyph{position:absolute; left:5%; top:6%; width:66%; height:66%; overflow:visible;}
.az-floor{position:absolute; right:-6%; bottom:-14%; z-index:-1; width:70%; height:30%; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 38%, transparent), transparent);}
.az-bot-img{position:absolute; right:3%; bottom:0; width:auto; height:80%; max-width:62%; object-fit:contain; object-position:bottom; filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));}
.az-plate{position:absolute; left:18px; bottom:16px; display:flex; flex-direction:column; gap:5px; color:var(--muted); font-family:var(--font-display); font-size:11px; font-weight:700; line-height:1; letter-spacing:.14em; text-transform:uppercase;}
.az-plate b{color:var(--t); font-size:20px; letter-spacing:.04em;}
.oa-js .az-board .sc-line > *{stroke-dasharray:100; stroke-dashoffset:100;}
.oa-js .az-board .sc-pads > *{opacity:0; transform-box:fill-box; transform-origin:center;}
.az-board.in .sc-line > *{animation:azDraw 1s var(--ease) both;}
.az-board.in .sc-line > *:nth-child(2){animation-delay:.12s;}
.az-board.in .sc-line > *:nth-child(3){animation-delay:.24s;}
.az-board.in .sc-line > *:nth-child(4){animation-delay:.36s;}
.az-board.in .sc-line > *:nth-child(n+5){animation-delay:.48s;}
.az-board.in .sc-pads > *{animation:azPad .5s var(--ease) .9s both;}
.az-board.in .sc-flow{animation:azFlowIn .4s ease 1.2s forwards, azFlowRun 2.2s linear 1.2s 4, azFlowOut .6s ease 10s forwards;}
@keyframes azDraw{from{stroke-dashoffset:100;} to{stroke-dashoffset:0;}}
@keyframes azPad{from{opacity:0; transform:scale(.3);} to{opacity:1; transform:none;}}
@keyframes azFlowIn{to{opacity:.95;}}
@keyframes azFlowRun{from{stroke-dashoffset:100;} to{stroke-dashoffset:0;}}
@keyframes azFlowOut{to{opacity:0;}}

/* ---------- Ταιριάζει σε ---------- */
.az-fit{padding:22px 0; background:var(--bg-2); border-top:1px solid rgba(95,125,135,.4); border-bottom:1px solid rgba(95,125,135,.4);}
.az-fit .wrap{display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px;}
.az-fit-lbl{color:var(--muted); font-family:var(--font-display); font-size:12px; font-weight:700; line-height:1; letter-spacing:.16em; text-transform:uppercase;}
.az-chips{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;}
.az-chips li{padding:9px 15px; border-radius:999px; border:1px solid color-mix(in srgb, var(--t) 55%, transparent); background:color-mix(in srgb, var(--t) 9%, transparent); color:#fff; font-size:14px; font-weight:600; line-height:1;}

/* ---------- Τι κάνει: λίστα σαν κύκλωμα ---------- */
.az-caps-grid{display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px, 5vw, 80px); align-items:start;}
.az-caps-head{position:sticky; top:110px;}
.az-circuit{position:relative; display:grid; gap:clamp(22px, 2.6vw, 34px); margin:0; padding:0 0 0 46px; list-style:none;}
.az-circuit::before{content:""; position:absolute; left:11px; top:10px; bottom:10px; width:2px; background:linear-gradient(var(--t), color-mix(in srgb, var(--t) 30%, var(--line)));}
.az-circuit::after{content:""; position:absolute; left:10px; top:10px; bottom:10px; width:4px; border-radius:4px; opacity:.9; pointer-events:none;
  background:linear-gradient(transparent, #fff 50%, transparent) no-repeat; background-size:100% 70px; background-position:0 -70px;}
.az-circuit.in::after{animation:azRun 2.6s linear .3s 2;}
@keyframes azRun{to{background-position:0 calc(100% + 70px);}}
.az-circuit li{position:relative;}
.az-pad{position:absolute; left:-46px; top:2px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; border:2px solid var(--t); background:var(--bg);}
.az-pad::after{content:""; width:8px; height:8px; border-radius:50%; background:var(--t);}
.az-pad::before{content:""; position:absolute; left:100%; top:50%; width:12px; height:2px; background:var(--t);}
.az-circuit h3{margin:0 0 6px; color:#fff; font-family:var(--font-display); font-size:clamp(18px, 1.6vw, 21px); font-weight:700; line-height:1.3; letter-spacing:-.01em;}
.az-circuit p{margin:0; max-width:52ch; color:var(--muted); font-size:16px; line-height:1.65;}
.az-cases{padding:0 0 clamp(40px, 6vh, 72px);}

/* ---------- Πώς το αποκτάτε ---------- */
.az-steps{display:grid; gap:26px; margin:36px 0 0; padding:0; list-style:none;}
.az-step{position:relative; display:grid; grid-template-columns:52px minmax(0,1fr); gap:20px;}
.az-step::before{content:""; position:absolute; left:25px; top:58px; bottom:-26px; width:2px; background:linear-gradient(var(--t), color-mix(in srgb, var(--t) 25%, var(--line)));}
.az-step:last-child::before{display:none;}
.az-st-no{position:relative; z-index:1; display:grid; place-items:center; width:52px; height:52px; border-radius:50%; border:2px solid var(--t); background:var(--bg-2); color:var(--t); font-family:var(--font-display); font-size:20px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums;}
.az-step.is-done .az-st-no{background:var(--t); color:#08191e;}
.az-st-body{min-width:0; padding-top:10px;}
.az-st-body h3{margin:0 0 10px; color:#fff; font-family:var(--font-display); font-size:clamp(20px, 2vw, 24px); font-weight:800; line-height:1.2; letter-spacing:-.01em;}
.az-st-body > p{max-width:62ch; margin:0; color:var(--muted); font-size:16px; line-height:1.6;}
.az-st-pick{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;}
.az-st-chip{display:inline-flex; align-items:center; gap:10px; padding:9px 18px 9px 10px; border-radius:999px; border:1.5px solid var(--t); background:color-mix(in srgb, var(--t) 14%, transparent); color:#fff; font-family:var(--font-display); font-size:17px; font-weight:800; line-height:1;}
.az-st-g{width:30px; height:30px; overflow:visible;}
.az-st-g .sc-line > *{stroke-width:6;}
.az-st-g .sc-flow, .az-name-g .sc-flow, .az-eco-g .sc-flow, .azh-g .sc-flow, .azh-cg .sc-flow, .azh-cell-g .sc-flow{display:none;}
.az-st-note{color:var(--muted); font-size:14.5px;}
.az-bots{display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:18px; margin-top:18px;}
.az-bot{position:relative; display:flex; flex-direction:column; gap:10px; padding:0 22px 24px; border:1px solid rgba(95,125,135,.55); border-radius:22px; background:linear-gradient(180deg, rgba(59,82,89,.45), rgba(27,40,44,.6)); transition:transform .45s var(--ease), border-color .45s var(--ease);}
.az-bot:hover{transform:translateY(-6px); border-color:color-mix(in srgb, var(--t) 70%, transparent);}
.az-bot-pod{position:relative; display:flex; align-items:flex-end; justify-content:center; height:230px; margin:0 -22px; padding-top:18px;}
.az-bot-pod::before{content:""; position:absolute; left:20%; right:20%; bottom:6px; height:36px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--t) 45%, transparent), transparent);}
.az-bot-pod img{position:relative; width:auto; max-width:100%; max-height:210px; object-fit:contain; transition:transform .5s var(--ease);}
.az-bot:hover .az-bot-pod img{transform:translateY(-6px) scale(1.03);}
.az-bot h3{margin:6px 0 0; color:#fff; font-family:var(--font-display); font-size:24px; font-weight:800; line-height:1.1;}
.az-bot h3 a{color:inherit; text-decoration:none;}
.az-bot-badge{display:inline-block; margin-left:8px; padding:4px 8px; border-radius:6px; background:#fff; color:var(--brand-deep); font-family:var(--font-display); font-size:10.5px; font-weight:700; line-height:1; letter-spacing:.08em; text-transform:uppercase; vertical-align:middle;}
.az-bot-tag{align-self:flex-start; padding:6px 10px; border-radius:7px; background:color-mix(in srgb, var(--t) 16%, transparent); color:var(--t); font-family:var(--font-display); font-size:11px; font-weight:700; line-height:1; letter-spacing:.1em; text-transform:uppercase;}
.az-bot p{flex:1; margin:0; color:var(--muted); font-size:15px; line-height:1.6;}
.az-bot .az-lnk{align-self:flex-start; margin-top:4px;}
.az-ways{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px;}
.az-way{display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid rgba(95,125,135,.55); border-radius:16px; background:rgba(27,40,44,.6);}
.az-way b{color:#fff; font-family:var(--font-display); font-size:18px; font-weight:800; line-height:1.2;}
.az-way span{flex:1; color:var(--muted); font-size:14.5px; line-height:1.55;}
.az-way.is-hot{border-color:color-mix(in srgb, var(--t) 70%, transparent); background:color-mix(in srgb, var(--t) 9%, rgba(27,40,44,.6));}
.az-way .az-lnk{align-self:flex-start; margin-top:6px;}
.az-incl{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px 22px;}
.az-inc{display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 12px; align-items:start;}
.az-inc b{color:#fff; font-family:var(--font-display); font-size:17px; font-weight:800; line-height:1.25;}
.az-inc > span:last-child{grid-column:2; color:var(--muted); font-size:14.5px; line-height:1.55;}
.az-ck{position:relative; grid-row:1 / 3; flex:none; width:18px; height:18px; margin-top:3px; border-radius:50%; background:var(--t);}
.az-ck::after{content:""; position:absolute; left:6.2px; top:3.4px; width:4.5px; height:8.5px; border:solid #08191e; border-width:0 2px 2px 0; transform:rotate(45deg);}

/* ---------- Κάλεσμα: το όνομα και «Σε δράση» ---------- */
.az-call{position:relative; display:flex; flex-direction:column; gap:22px; overflow:hidden; padding:clamp(28px, 4vw, 48px); border-radius:28px; text-align:left;
  border:1px solid color-mix(in srgb, var(--t) 50%, transparent);
  background:radial-gradient(60% 90% at 100% 0%, color-mix(in srgb, var(--t) 24%, transparent), transparent 70%), radial-gradient(50% 80% at 0% 100%, color-mix(in srgb, var(--t) 10%, transparent), transparent 70%), var(--bg-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 30px 60px -36px color-mix(in srgb, var(--t) 60%, #000);}
.az-call::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(color-mix(in srgb, var(--t) 11%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--t) 11%, transparent) 1px, transparent 1px);
  background-size:22px 22px; -webkit-mask-image:linear-gradient(115deg, transparent 45%, #000 100%); mask-image:linear-gradient(115deg, transparent 45%, #000 100%);}
.az-call.drasi-on{overflow:hidden;}
.az-call{scroll-margin-top:24px;}
.az-ways-cta{margin:16px 0 0;}
.az-call-head{position:relative; max-width:760px;}
.az-call-head h2{margin:0 0 10px; color:#fff; font-family:var(--font-display); font-size:clamp(26px, 3.2vw, 40px); font-weight:800; line-height:1.15; text-wrap:balance;}
.az-call-head p{max-width:56ch; margin:0; color:var(--muted); font-size:16.5px; line-height:1.65;}
.az-name{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; align-items:start; max-width:780px; padding:18px 22px 18px 18px; border-radius:18px;
  background:rgba(8,13,16,.55); border:1px solid color-mix(in srgb, var(--t) 32%, transparent); box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.az-name-medal{display:grid; place-items:center; width:52px; height:52px; border-radius:50%; border:1.5px solid var(--t); background:color-mix(in srgb, var(--t) 12%, transparent);}
.az-name-g{width:60%; height:60%; overflow:visible;}
.az-name-g .sc-line > *{stroke-width:6;}
.az-name-lbl{display:block; margin:2px 0 7px; color:var(--t); font-family:var(--font-display); font-size:11.5px; font-weight:700; line-height:1; letter-spacing:.16em; text-transform:uppercase;}
.az-name p{max-width:64ch; margin:0; color:#fff; font-size:16px; line-height:1.65;}
.az-call .az-call-acts{position:relative; margin:0;}

/* ---------- Ερωτήσεις ---------- */
.az-faq{display:grid; gap:12px; max-width:900px; margin-top:30px;}
.az-faq details{border:1px solid rgba(95,125,135,.55); border-radius:16px; background:var(--bg-2); transition:border-color .3s var(--ease);}
.az-faq details[open]{border-color:color-mix(in srgb, var(--t) 70%, transparent);}
.az-faq summary{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:19px 22px; border-radius:16px; list-style:none; cursor:pointer; color:#fff; font-family:var(--font-display); font-size:clamp(16.5px, 1.4vw, 18.5px); font-weight:700; line-height:1.4;}
.az-faq summary::-webkit-details-marker{display:none;}
.az-faq summary:focus-visible{outline:2px solid var(--t); outline-offset:3px;}
.az-pm{position:relative; flex:none; width:30px; height:30px; border-radius:50%; border:1.5px solid var(--t);}
.az-pm::before, .az-pm::after{content:""; position:absolute; left:50%; top:50%; width:12px; height:2px; margin:-1px 0 0 -6px; background:var(--t); transition:transform .35s var(--ease);}
.az-pm::after{transform:rotate(90deg);}
.az-faq details[open] .az-pm::after{transform:rotate(0);}
.az-ans p{max-width:72ch; margin:0; padding:0 22px 20px; color:var(--muted); font-size:16px; line-height:1.7;}

/* ---------- Οι άλλες εμπειρίες ---------- */
.az-eco{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin-top:30px;}
.az-eco-tile{--sc:var(--c); display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; padding:16px; border:1px solid rgba(95,125,135,.5); border-radius:16px; background:rgba(27,40,44,.55); color:#fff; text-decoration:none; transition:border-color .35s var(--ease), transform .35s var(--ease), background .35s var(--ease);}
.az-eco-tile:hover, .az-eco-tile:focus-visible{border-color:var(--c); transform:translateY(-3px); background:color-mix(in srgb, var(--c) 9%, rgba(27,40,44,.55)); color:#fff;}
.az-eco-g{width:44px; height:44px; overflow:visible;}
.az-eco-g .sc-line > *{stroke-width:6;}
.az-eco-tile b{display:block; color:#fff; font-family:var(--font-display); font-size:16px; font-weight:800; line-height:1.2;}
.az-eco-tile small{display:block; margin-top:4px; color:var(--muted); font-size:12.5px; line-height:1.35;}

/* ---------- Κεντρική: κεφαλίδα ---------- */
.azh-hero{position:relative; overflow:clip; padding:clamp(56px, 7.4vh, 112px) 0 clamp(48px, 7vh, 96px);}
.azh-hero::before{content:""; position:absolute; top:-30%; right:-12%; width:70%; height:130%; pointer-events:none; background:radial-gradient(closest-side, rgba(95,208,198,.16), transparent);}
.azh-hero-grid{position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px, 5vw, 72px); align-items:center;}
.azh-hero .page-head{margin:0;}
.azh-hero .robots-intro{margin-bottom:26px;}
.azh-hero .cs-all-row{margin:18px 0 0;}
.azh-board{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; width:100%; max-width:480px; margin:0 auto; padding:16px; aspect-ratio:1; border-radius:30px;
  border:1px solid rgba(95,208,198,.35); background:linear-gradient(160deg, rgba(11,19,23,.75), rgba(8,13,16,.5));}
.azh-cell{--sc:var(--c); display:grid; place-items:center; border-radius:16px; border:1px solid color-mix(in srgb, var(--c) 40%, transparent); background:color-mix(in srgb, var(--c) 8%, rgba(8,13,16,.5));}
.azh-cell-g{width:62%; height:62%; overflow:visible;}
.oa-js .azh-board .sc-line > *{stroke-dasharray:100; stroke-dashoffset:100;}
.azh-board.in .sc-line > *{animation:azDraw .9s var(--ease) both; animation-delay:calc(var(--i, 0) * 70ms + .2s);}
.azh-board.in .azh-cell{animation:azCell .6s var(--ease) both; animation-delay:calc(var(--i, 0) * 70ms);}
@keyframes azCell{from{transform:scale(.9); opacity:.3;}}

/* ---------- Κεντρική: πώς δουλεύει ---------- */
.azh-steps{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; margin:30px 0 0; padding:0; list-style:none;}
.azh-step{position:relative; display:flex; flex-direction:column; gap:10px; min-width:0; padding:20px; border:1px solid rgba(95,125,135,.5); border-radius:18px; background:rgba(27,40,44,.55);}
.azh-step::after{content:""; position:absolute; top:41px; right:-17px; width:18px; height:2px; background:var(--t);}
.azh-step:last-child::after{display:none;}
.azh-step .az-st-no{width:44px; height:44px; font-size:18px;}
.azh-step h3{margin:2px 0 0; color:#fff; font-family:var(--font-display); font-size:19px; font-weight:800; line-height:1.2;}
.azh-step p{margin:0; color:var(--muted); font-size:14.5px; line-height:1.55;}
.azh-glyphs{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto;}
.azh-glyphs span{--sc:var(--c);}
.azh-g{width:26px; height:26px; overflow:visible;}
.azh-g .sc-line > *{stroke-width:7;}
.azh-bots{display:flex; align-items:flex-end; gap:4px; height:76px; margin-top:auto;}
.azh-bots img{width:auto; height:100%; max-width:20%; object-fit:contain; object-position:bottom;}
.azh-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto;}
.azh-chips span{padding:6px 10px; border-radius:999px; border:1px solid rgba(95,208,198,.5); background:rgba(95,208,198,.08); color:#fff; font-size:12.5px; font-weight:600; line-height:1;}

/* ---------- Κεντρική: κάρτες ---------- */
.azh-page .inner-main > .wrap{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px;}
.azh-page .inner-main > .wrap > :not(.azh-card){grid-column:1 / -1;}
.azh-list-head{margin-bottom:14px;}
.azh-list-head .big{margin:0;}
.azh-card{--sc:var(--c); display:flex; flex-direction:column; gap:8px; min-width:0; padding:20px; border:1px solid rgba(95,125,135,.5); border-radius:20px; background:rgba(27,40,44,.6); color:#fff; text-decoration:none; scroll-margin-top:110px;
  transition:transform .4s var(--ease), border-color .4s var(--ease), background .4s var(--ease);}
.azh-card:hover, .azh-card:focus-visible{transform:translateY(-5px); border-color:var(--c); background:color-mix(in srgb, var(--c) 8%, rgba(27,40,44,.6)); color:#fff;}
.azh-card:focus-visible{outline:2px solid var(--c); outline-offset:3px;}
.azh-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;}
.azh-cg{width:50px; height:50px; overflow:visible;}
.azh-cg .sc-line > *{stroke-width:5;}
.azh-no{padding:6px 8px; border:1.5px solid var(--c); border-radius:7px; color:var(--c); font-family:var(--font-display); font-size:13px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums;}
.azh-name{color:#fff; font-family:var(--font-display); font-size:22px; font-weight:800; line-height:1.15;}
.azh-sec{color:var(--c); font-family:var(--font-display); font-size:11.5px; font-weight:700; line-height:1.35; letter-spacing:.1em; text-transform:uppercase;}
.azh-tag{flex:1; color:var(--muted); font-size:15px; line-height:1.55;}
.azh-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; padding-top:12px; border-top:1px solid rgba(95,125,135,.4);}
.azh-badge{padding:5px 9px; border-radius:6px; background:color-mix(in srgb, var(--c) 16%, transparent); color:var(--c); font-family:var(--font-display); font-size:11px; font-weight:700; line-height:1; letter-spacing:.08em; text-transform:uppercase;}
.azh-link{margin-left:auto; padding-bottom:4px; color:#fff; font-family:var(--font-display); font-size:12.5px; font-weight:700; line-height:1; letter-spacing:.06em; text-transform:uppercase; background:linear-gradient(var(--c), var(--c)) no-repeat 0 100% / 100% 2px;}

/* ================= Τηλέφωνο όρθιο ================= */
@media (max-width:880px){
  .az-sec{padding:52px 0;}
  .az-hero{padding:20px 0 52px;}
  .az-hero-grid, .azh-hero-grid{grid-template-columns:minmax(0,1fr); gap:30px;}
  .az-nm{font-size:clamp(40px, 12vw, 60px);}
  .az-sx{font-size:19px;}
  .az-board{max-width:400px; border-radius:24px;}
  .az-cta-row .btn, .az-cta-row .drasi-tile{flex:1 1 100%; justify-content:center;}
  .az-fit .wrap{flex-direction:column; align-items:flex-start;}
  .az-chips li{padding:8px 13px; font-size:13.5px;}
  .az-caps-grid{grid-template-columns:minmax(0,1fr); gap:20px;}
  .az-caps-head{position:static;}
  .az-circuit{padding-left:40px;}
  .az-pad{left:-40px;}
  .az-steps{gap:22px; margin-top:26px;}
  .az-step{grid-template-columns:40px minmax(0,1fr); gap:14px;}
  .az-step::before{left:19px; top:46px; bottom:-22px;}
  .az-st-no, .azh-step .az-st-no{width:40px; height:40px; font-size:16px;}
  .az-st-body{padding-top:6px;}
  .az-bots{grid-template-columns:minmax(0,1fr); gap:12px;}
  .az-bot{display:grid; grid-template-columns:96px minmax(0,1fr); grid-template-rows:auto auto 1fr auto; column-gap:16px; row-gap:6px; padding:14px 16px 16px 0;}
  .az-bot:hover{transform:none;}
  .az-bot-pod{grid-row:1 / 5; height:auto; margin:0; padding:0;}
  .az-bot-pod img{max-height:150px;}
  .az-bot h3{margin:2px 0 0; font-size:20px;}
  .az-bot-tag, .az-bot .az-lnk{justify-self:start;}
  .az-bot p{font-size:14px;}
  .az-ways, .az-incl{grid-template-columns:minmax(0,1fr);}
  .az-call{gap:18px; padding:26px 20px; border-radius:22px; scroll-margin-top:84px;}
  .az-ways-cta .btn{width:100%; justify-content:center;}
  .az-name{gap:12px; padding:14px 16px 14px 14px;}
  .az-name-medal{width:40px; height:40px;}
  .az-name p{font-size:15px;}
  .az-call .az-call-acts{flex-direction:column; align-items:stretch;}
  .az-call .az-call-acts .btn, .az-call .az-call-acts .drasi-tile{width:100%; justify-content:center;}
  .az-faq summary{padding:16px; font-size:16px;}
  .az-ans p{padding:0 16px 18px; font-size:15px;}
  .az-eco{grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px;}
  .az-eco-tile{grid-template-columns:minmax(0,1fr); gap:10px; padding:14px;}
  .az-eco-g{width:34px; height:34px;}
  .az-eco-tile b{font-size:14.5px;}
  .azh-hero{padding:40px 0 44px;}
  .azh-board{max-width:340px; gap:8px; padding:12px;}
  .azh-steps{grid-template-columns:minmax(0,1fr); gap:12px;}
  .azh-step::after{display:none;}
  .azh-page .inner-main > .wrap{grid-template-columns:minmax(0,1fr); gap:10px;}
  .azh-card{display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:14px; row-gap:4px; padding:16px;}
  .azh-card:hover{transform:none;}
  .azh-top{grid-row:1 / 5; flex-direction:column; align-items:center; gap:8px; margin:0; align-self:start;}
  .azh-cg{width:40px; height:40px;}
  .azh-name{font-size:19px;}
  .azh-tag{font-size:14px;}
  .azh-foot{margin-top:4px; padding-top:10px;}
}

/* ================= Τηλέφωνο οριζόντια ================= */
@media (max-height:520px){
  .az-sec{padding:30px 0;}
  .az-hero{padding:12px 0 30px;}
  .az-crumbs{margin-bottom:14px;}
  .az-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:22px; align-items:start;}
  .az-nm{font-size:40px;}
  .az-sx{margin-top:8px; font-size:16px;}
  .az-h1{margin-bottom:12px;}
  .az-tagline{font-size:16px;}
  .az-lead{margin-bottom:12px; font-size:14px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
  .az-runs{margin-bottom:16px;}
  .az-cta-row .btn, .az-cta-row .drasi-tile{flex:0 1 auto;}
  .az-board{max-width:260px; margin-top:6px;}
  .az-caps-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px;}
  .az-steps{gap:18px;}
  .az-bots{grid-template-columns:repeat(3, minmax(0,1fr));}
  .az-bot{display:flex; padding:0 14px 16px;}
  .az-bot-pod{height:130px; margin:0 -14px; padding-top:8px;}
  .az-bot-pod img{max-height:120px;}
  .az-bot h3{font-size:18px;}
  .az-bot p{font-size:13px;}
  .az-ways, .az-incl{grid-template-columns:repeat(3, minmax(0,1fr));}
  .az-call .az-call-acts{flex-direction:row; align-items:center;}
  .az-call .az-call-acts .btn, .az-call .az-call-acts .drasi-tile{width:auto;}
  .az-eco{grid-template-columns:repeat(4, minmax(0,1fr));}
  .az-eco-tile small{display:none;}
  .azh-hero{padding:24px 0 28px;}
  .azh-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:22px;}
  .azh-board{max-width:240px; gap:6px; padding:10px;}
  .azh-steps{grid-template-columns:repeat(2, minmax(0,1fr));}
  .azh-page .inner-main > .wrap{grid-template-columns:repeat(3, minmax(0,1fr));}
  .azh-card{display:flex; padding:14px;}
  .azh-top{flex-direction:row; margin-bottom:2px;}
  .azh-cg{width:34px; height:34px;}
  .azh-name{font-size:17px;}
  .azh-tag{display:none;}
}

@media (prefers-reduced-motion: reduce){
  .az-board .sc-line > *, .azh-board .sc-line > *{stroke-dashoffset:0 !important; animation:none !important;}
  .az-board .sc-pads > *{opacity:1 !important; animation:none !important;}
  .az-board .sc-flow{animation:none !important; opacity:0;}
  .azh-board .azh-cell{animation:none !important;}
  .az-circuit::after{display:none;}
  .az-bot, .az-bot-pod img, .az-eco-tile, .azh-card, .az-lnk, .az-pm::before, .az-pm::after, .az-faq details{transition:none;}
  .az-bot:hover, .az-bot:hover .az-bot-pod img, .az-eco-tile:hover, .azh-card:hover{transform:none;}
}

/* «Ζητήστε προσφορά»: Σαρωτής */
.btn.qb{overflow:visible; isolation:isolate; --qc:color-mix(in srgb, var(--t, var(--accent)) 55%, #fff);}
.qb-fx{position:absolute; inset:0; z-index:-1; border-radius:inherit; overflow:hidden; pointer-events:none;}
.qb-t{position:relative; z-index:1; display:inline-block; white-space:nowrap;}
.btn.qb::before{content:""; position:absolute; inset:-8px; border-radius:14px; pointer-events:none; opacity:0; transform:scale(1.2); transition:opacity .25s var(--ease), transform .45s var(--ease);
  background:
    linear-gradient(var(--qc), var(--qc)) top left / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) top left / 2px 14px no-repeat,
    linear-gradient(var(--qc), var(--qc)) top right / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) top right / 2px 14px no-repeat,
    linear-gradient(var(--qc), var(--qc)) bottom left / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) bottom left / 2px 14px no-repeat,
    linear-gradient(var(--qc), var(--qc)) bottom right / 14px 2px no-repeat, linear-gradient(var(--qc), var(--qc)) bottom right / 2px 14px no-repeat;
  filter:drop-shadow(0 0 4px var(--t, var(--accent)));}
.qb-fx::before{content:""; position:absolute; top:0; bottom:0; left:0; width:34%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent); transform:translateX(-130%) skewX(-18deg);}
.btn.qb::after, .btn.qb:hover::after{content:""; position:absolute; inset:-2px; left:-2px; width:auto; height:auto; border-radius:inherit; border:2px solid var(--qc); background:none; opacity:0; transform:none; transition:none; pointer-events:none; box-shadow:0 0 14px color-mix(in srgb, var(--t, var(--accent)) 70%, transparent);}
@media (hover:hover){
  .btn.qb:hover{background:color-mix(in srgb, var(--t, var(--accent)) 85%, #fff); border-color:color-mix(in srgb, var(--t, var(--accent)) 85%, #fff); color:#08191e; transform:translateY(-3px);
    box-shadow:0 0 24px -2px color-mix(in srgb, var(--t, var(--accent)) 75%, transparent), 0 18px 34px -14px rgba(0,0,0,.6);}
  .btn.qb:hover::before{opacity:1; transform:none; animation:qbLock 1.6s var(--ease) .45s infinite;}
  .btn.qb:hover .qb-fx::before{animation:qbScan 1.15s var(--ease) infinite;}
}
.btn.qb:active{transform:scale(.96); transition:transform .08s;}
.btn.qb.qb-go::after{animation:qbRing .65s var(--ease) forwards;}
.btn.qb.qb-go::before{animation:qbSnap .55s var(--ease);}
.btn.qb.qb-go .qb-t{animation:qbFlash .45s var(--ease);}
.qb-rip{position:absolute; width:16px; height:16px; margin:-8px 0 0 -8px; border-radius:50%; pointer-events:none; background:radial-gradient(circle, #fff, rgba(255,255,255,.45) 45%, transparent 70%); transform:scale(0); animation:qbRip .6s var(--ease) forwards;}
@keyframes qbLock{0%, 100%{transform:none;} 50%{transform:scale(1.06);}}
@keyframes qbScan{to{transform:translateX(330%) skewX(-18deg);}}
@keyframes qbRing{0%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(1.14, 1.7);}}
@keyframes qbRingS{0%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(1.04, 1.5);}}
@keyframes qbSnap{0%{opacity:1; transform:scale(1.18);} 40%{opacity:1; transform:scale(.95, .8);} 100%{opacity:1; transform:none;}}
@keyframes qbRip{0%{opacity:.95; transform:scale(0);} 100%{opacity:0; transform:scale(var(--rs, 24));}}
@keyframes qbFlash{0%{text-shadow:0 0 0 transparent;} 30%{text-shadow:0 0 12px #fff, 0 0 22px var(--t, var(--accent));} 100%{text-shadow:0 0 0 transparent;}}
@media (max-width:880px){
  .btn.qb::before{inset:-6px;}
  .btn.qb.qb-go::after{animation-name:qbRingS;}
}
@media (max-height:520px){
  .btn.qb::before{inset:-5px;}
  .btn.qb.qb-go::after{animation-name:qbRingS;}
}
@media (prefers-reduced-motion: reduce){
  .btn.qb::before, .btn.qb::after, .qb-fx::before, .btn.qb .qb-t{animation:none !important; transition:none !important;}
  .qb-rip{display:none;}
}