/* ==========================================================================
   Lime Up — κοινό stylesheet (όλες οι σελίδες)
   v1 · 04/10/2026 · βάση: ύφος προσχεδίου v8 (06/06/2026)
   Δομή: 1 Γραμματοσειρές · 2 Tokens · 3 Βάση · 4 Layout · 5 Κουμπιά
         6 Header/μενού · 7 Ενότητες & κάρτες · 8 Αρχική · 9 FAQ · 10 CTA
         11 Footer · 12 Cursor · 13 Κίνηση · 14 Responsive
   ========================================================================== */

/* 1 · ΓΡΑΜΜΑΤΟΣΕΙΡΕΣ (self-hosted, SIL OFL, καμία κλήση σε Google) — v2, 06/10/2026
   Ζεύγος Α της έρευνας: Sofia Sans Extra Condensed (τίτλοι) + Sofia Sans (κείμενο) + JetBrains Mono.
   Και οι τρεις έχουν ελληνικά. Τα δείγματα Β και Γ: fonts-b.css / fonts-c.css (μόνο με ?fonts=b|c). */
@font-face{font-family:"Sofia Sans Extra Condensed";font-style:normal;font-display:swap;font-weight:1 1000;
  src:url(../fonts/sofia-sans-extra-condensed-greek-wght-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Sofia Sans Extra Condensed";font-style:normal;font-display:swap;font-weight:1 1000;
  src:url(../fonts/sofia-sans-extra-condensed-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sofia Sans Extra Condensed";font-style:normal;font-display:swap;font-weight:1 1000;
  src:url(../fonts/sofia-sans-extra-condensed-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sofia Sans";font-style:normal;font-display:swap;font-weight:1 1000;
  src:url(../fonts/sofia-sans-greek-wght-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Sofia Sans";font-style:normal;font-display:swap;font-weight:1 1000;
  src:url(../fonts/sofia-sans-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sofia Sans";font-style:normal;font-display:swap;font-weight:1 1000;
  src:url(../fonts/sofia-sans-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(../fonts/jetbrains-mono-greek-wght-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(../fonts/jetbrains-mono-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(../fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 2 · TOKENS (οριστική παλέτα 04/10/2026) */
:root{
  --lime:#C8FF00;
  --lime-ink:#4A7300;        /* lime για κείμενο σε ανοιχτό φόντο (αντίθεση 5,1:1 στο #F4F4F0) */
  --black:#060606;
  --dark:#101010;
  --card:#161616;
  --card-hover:#1E1E1E;
  --grey:#8A8A8A;
  --light-bg:#F4F4F0;
  --white:#FFFFFF;
  --text-dim:rgba(255,255,255,.62);
  --border:rgba(255,255,255,.08);
  --border-strong:rgba(255,255,255,.2);
  --border-light:#E0E0D8;

  --f-display:"Sofia Sans Extra Condensed","Arial Narrow",system-ui,sans-serif;
  --d-scale:1.32;   /* οι condensed τίτλοι θέλουν μεγαλύτερο μέγεθος για το ίδιο «βάρος» */
  --d-trk:0;        /* πολλαπλασιαστής του αρνητικού letter-spacing των τίτλων */
  --d-w1:850;--d-w2:750;
  --d-lh:.98;
  --f-body:"Sofia Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;

  --gutter:5vw;
  --maxw:1240px;
  --header-h:72px;
  --sec-pad:clamp(72px,9vw,120px);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* 3 · ΒΑΣΗ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{
  font-family:var(--f-body);font-size:17px;line-height:1.7;
  background:var(--black);color:var(--white);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.light :focus-visible{outline-color:var(--lime-ink)}
::selection{background:var(--lime);color:var(--black)}

.skip-link{
  position:absolute;left:16px;top:-60px;z-index:300;
  padding:10px 18px;background:var(--lime);color:var(--black);
  font-weight:700;text-decoration:none;transition:top .2s;
}
.skip-link:focus{top:12px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 4 · LAYOUT */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
@media (min-width:1400px){.wrap{padding-inline:0}}
.section{padding-block:var(--sec-pad);position:relative}
.section.dark{background:var(--dark)}
.section.black{background:var(--black)}
.section.light{background:var(--light-bg);color:var(--black)}

.sec-label{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f-mono);font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--lime);margin-bottom:18px;
}
.sec-label::before{content:"";width:28px;height:1px;background:currentColor}
.light .sec-label{color:var(--lime-ink)}
.sec-title{
  font-family:var(--f-display);font-weight:var(--d-w1);
  font-size:calc(clamp(28px,3.4vw,46px) * var(--d-scale));line-height:1.1;letter-spacing:calc(-.5px * var(--d-trk));
  max-width:22ch;text-wrap:balance;
}
.sec-title em{font-style:normal;color:var(--lime)}
.light .sec-title em{color:var(--lime-ink)}
.sec-intro{
  max-width:60ch;margin-top:20px;
  font-size:18px;font-weight:300;color:var(--text-dim);
}
.light .sec-intro{color:#4b4b4b}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:56px}
.sec-head .sec-intro{margin-top:0}

/* 5 · ΚΟΥΜΠΙΑ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 30px;min-height:48px;
  font-family:var(--f-body);font-size:15px;font-weight:700;letter-spacing:.3px;
  text-decoration:none;white-space:nowrap;
  border:1px solid transparent;
  transition:transform .2s var(--ease),box-shadow .2s,border-color .2s,background .2s,color .2s;
}
.btn-primary{background:var(--lime);color:var(--black)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(200,255,0,.3)}
.btn-ghost{color:var(--white);border-color:var(--border-strong)}
.btn-ghost:hover{border-color:var(--white)}
.light .btn-ghost{color:var(--black);border-color:rgba(0,0,0,.25)}
.light .btn-ghost:hover{border-color:var(--black)}
.btn-sm{padding:10px 20px;min-height:42px;font-size:14px}
.arrow-link{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:15px;text-decoration:none;color:var(--lime);
}
.arrow-link span[aria-hidden]{transition:transform .2s var(--ease)}
.arrow-link:hover span[aria-hidden]{transform:translateX(4px)}
.light .arrow-link{color:var(--lime-ink)}

/* 6 · HEADER / ΜΕΝΟΥ */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:100;height:var(--header-h);
  display:flex;align-items:center;
  transition:background .35s,backdrop-filter .35s,border-color .35s;
  border-bottom:1px solid transparent;
}
.site-header.scrolled,.site-header.menu-open{
  background:rgba(6,6,6,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom-color:var(--border);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}

.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.brand-mark{width:32px;height:32px;background:var(--lime);display:grid;place-items:center;flex-shrink:0}
.brand-mark svg{width:22px;height:22px}
.brand-name{font-family:var(--f-display);font-size:calc(20px * var(--d-scale));font-weight:var(--d-w1);letter-spacing:calc(-.5px * var(--d-trk));color:var(--white)}

.main-nav{flex:1;display:flex;justify-content:center}
.nav-list{display:flex;align-items:center;gap:6px}
.nav-item{position:relative}
.nav-link,.nav-toggle{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 14px;font-size:14px;letter-spacing:.3px;
  color:var(--grey);text-decoration:none;white-space:nowrap;transition:color .2s;
}
.nav-link:hover,.nav-toggle:hover,.nav-item.open>.nav-toggle,
.nav-link[aria-current="page"],.nav-item.current>.nav-toggle{color:var(--white)}
.nav-link[aria-current="page"],.nav-item.current>.nav-toggle{box-shadow:inset 0 -2px 0 var(--lime)}
.nav-toggle .chev{width:10px;height:10px;transition:transform .2s}
.nav-item.open>.nav-toggle .chev{transform:rotate(180deg)}

.dropdown{
  position:absolute;top:calc(100% + 8px);left:0;min-width:300px;
  background:var(--card);border:1px solid var(--border);
  padding:8px;box-shadow:0 24px 48px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility 0s .18s;
}
.dropdown::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-item.open>.dropdown{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s}
.dropdown a{display:block;padding:12px 14px;text-decoration:none;border-left:2px solid transparent;transition:background .15s,border-color .15s}
.dropdown a:hover,.dropdown a[aria-current="page"]{background:#1d1d1d;border-left-color:var(--lime)}
.dd-title{display:block;font-size:15px;font-weight:700;color:var(--white)}
.dd-desc{display:block;font-size:13px;line-height:1.5;color:var(--grey);margin-top:2px}

.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.menu-btn{
  display:none;width:46px;height:46px;border:1px solid var(--border-strong);
  align-items:center;justify-content:center;
}
.menu-btn .bars,.menu-btn .bars::before,.menu-btn .bars::after{
  display:block;width:20px;height:2px;background:var(--white);position:relative;transition:transform .25s,background .25s;
}
.menu-btn .bars::before,.menu-btn .bars::after{content:"";position:absolute;left:0}
.menu-btn .bars::before{top:-6px}
.menu-btn .bars::after{top:6px}
.menu-btn[aria-expanded="true"] .bars{background:transparent}
.menu-btn[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg)}

/* 7 · ΚΟΙΝΑ COMPONENTS */
.card-grid{display:grid;gap:1px;background:var(--border);border:1px solid var(--border)}
.card{
  background:var(--card);padding:clamp(28px,3vw,44px);position:relative;overflow:hidden;
  transition:background .3s;
}
.card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--lime);
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);
}
.card:hover{background:var(--card-hover)}
.card:hover::before,.card:focus-within::before{transform:scaleX(1)}
.card-num{font-family:var(--f-mono);font-size:12px;letter-spacing:2px;color:var(--lime);opacity:.7;margin-bottom:18px}
.card-title{font-family:var(--f-display);font-size:calc(22px * var(--d-scale));font-weight:var(--d-w2);line-height:1.2;margin-bottom:12px}
.card-text{font-size:15.5px;line-height:1.75;color:var(--grey)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tag{font-family:var(--f-mono);font-size:11px;letter-spacing:1px;padding:5px 11px;border:1px solid var(--border);color:var(--grey)}
.badge{
  display:inline-block;padding:3px 9px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;
  background:rgba(200,255,0,.1);color:var(--lime);border:1px solid rgba(200,255,0,.3);
}
.check-list li{
  display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);
  font-size:15.5px;color:var(--text-dim);line-height:1.6;
}
.check-list li::before{content:"→";color:var(--lime);font-weight:700;flex-shrink:0}
.light .check-list li{border-bottom-color:var(--border-light);color:#3d3d3d}
.light .check-list li::before{color:var(--lime-ink)}
/* σύνδεσμος που καλύπτει ολόκληρη την κάρτα */
.stretched::after{content:"";position:absolute;inset:0;z-index:1}

/* 8 · ΑΡΧΙΚΗ */
/* Hero */
.hero{
  min-height:min(100svh,940px);display:flex;align-items:flex-end;
  padding:calc(var(--header-h) + 64px) 0 clamp(56px,9vh,96px);
  position:relative;overflow:hidden;isolation:isolate;
}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;filter:brightness(.55) saturate(.85)}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(6,6,6,.96) 0%,rgba(6,6,6,.82) 42%,rgba(6,6,6,.25) 100%),
    linear-gradient(0deg,rgba(6,6,6,1) 0%,rgba(6,6,6,0) 35%);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(200,255,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.045) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(ellipse at 25% 55%,#000 0%,transparent 65%);
          mask-image:radial-gradient(ellipse at 25% 55%,#000 0%,transparent 65%);
}
.hero-content{max-width:1120px}
.hero-tag{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;
  font-family:var(--f-mono);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--lime);
}
.hero-tag::before{content:"";width:32px;height:1px;background:var(--lime)}
.hero-title{
  font-family:var(--f-display);font-weight:var(--d-w1);
  font-size:calc(clamp(32px,4.1vw,60px) * var(--d-scale));line-height:1.06;letter-spacing:calc(-1.2px * var(--d-trk));max-width:24ch;
  text-wrap:balance;
}
.hero-title em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--lime)}
.hero-title .lime{color:var(--lime)}
.hero-sub{max-width:68ch;margin-top:24px;font-size:clamp(16px,1.25vw,18px);font-weight:300;line-height:1.75;color:var(--text-dim)}
.hero-sub strong{color:var(--white);font-weight:500}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}

/* Τρεις πόρτες */
.doors{grid-template-columns:repeat(3,1fr)}
.door{display:flex;flex-direction:column;min-height:100%}
.door .door-q{font-family:var(--f-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime);margin-bottom:22px}
.door .card-title{font-size:calc(clamp(22px,2vw,28px) * var(--d-scale))}
.door .check-list{margin:22px 0 28px}
.door .check-list li{font-size:15px;padding:9px 0}
.door-foot{margin-top:auto;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;position:relative;z-index:2}
.door-foot .sub-link{font-size:14px;color:var(--grey);text-decoration:underline;text-underline-offset:3px}
.door-foot .sub-link:hover{color:var(--white)}
.door.featured{background:linear-gradient(180deg,#1a1f08 0%,var(--card) 55%)}
.door.featured:hover{background:linear-gradient(180deg,#20270a 0%,var(--card-hover) 55%)}

/* Proof: φτιαγμένα μέσα σε πραγματικές επιχειρήσεις */
.proof{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.proof-item{background:var(--white);border:1px solid var(--border-light);padding:clamp(28px,3vw,40px)}
.proof-item .proof-where{font-family:var(--f-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-ink)}
.proof-item h3{font-family:var(--f-display);font-size:calc(24px * var(--d-scale));font-weight:var(--d-w1);line-height:1.2;margin:12px 0 10px}
.proof-item p{font-size:16px;color:#3d3d3d}
.proof-item .product-chip{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:6px 12px;background:var(--black);color:var(--lime);font-family:var(--f-mono);font-size:12px;letter-spacing:1px}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:64px}
.value h3{font-family:var(--f-display);font-size:calc(19px * var(--d-scale));font-weight:var(--d-w2);margin-bottom:8px}
.value p{font-size:15.5px;color:#4b4b4b}
.value .value-num{font-family:var(--f-display);font-size:calc(56px * var(--d-scale));font-weight:var(--d-w1);line-height:1;color:var(--lime-ink);opacity:.3;margin-bottom:-14px}

/* Πακέτο καταλύματος (teaser) */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.split-media{position:relative}
.split-media img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:brightness(.85)}
.split-media::after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid rgba(200,255,0,.25);z-index:-1}
.pkg-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin:32px 0}
.pkg-list li{background:var(--card);padding:20px 22px}
.pkg-list strong{display:block;font-family:var(--f-display);font-size:calc(16px * var(--d-scale));margin-bottom:4px}
.pkg-list span{font-size:14px;color:var(--grey);line-height:1.55;display:block}
.note{
  display:flex;gap:12px;padding:16px 18px;margin-bottom:32px;
  border-left:2px solid var(--lime);background:rgba(200,255,0,.05);
  font-size:15px;color:var(--text-dim);line-height:1.65;
}
.note strong{color:var(--white)}

/* Προϊόντα (βιτρίνα) */
.products{grid-template-columns:1fr 1fr}
.product .product-name{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.product .product-name h3{font-family:var(--f-display);font-size:calc(clamp(28px,2.6vw,36px) * var(--d-scale));font-weight:var(--d-w1);letter-spacing:calc(-.5px * var(--d-trk))}
.product .by{font-family:var(--f-mono);font-size:12px;letter-spacing:1px;color:var(--grey)}
.product .for{font-size:15px;color:var(--lime);font-weight:500;margin-bottom:18px}
.product .check-list{margin:20px 0 28px}
.product .check-list li{font-size:15px;padding:9px 0}
.tiers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}

/* Υπηρεσίες */
.services{grid-template-columns:repeat(3,1fr)}
.service .card-title a{text-decoration:none}
.service .more{display:inline-flex;gap:8px;margin-top:22px;font-size:14px;font-weight:700;color:var(--lime);position:relative;z-index:2}
.services-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:40px;font-size:15.5px;color:var(--text-dim)}

/* Διαδικασία */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;counter-reset:step}
.step{position:relative;padding-top:8px}
.step::before{
  counter-increment:step;content:"0" counter(step);
  display:block;font-family:var(--f-display);font-size:calc(64px * var(--d-scale));font-weight:var(--d-w1);line-height:1;
  color:var(--lime);opacity:.22;margin-bottom:-14px;
}
.step h3{font-family:var(--f-display);font-size:calc(19px * var(--d-scale));font-weight:var(--d-w2);margin-bottom:8px}
.step p{font-size:15.5px;color:var(--grey)}

/* Έντυπα (λωρίδα) */
.print-strip{display:grid;grid-template-columns:1fr 1.1fr;background:var(--light-bg);color:var(--black)}
.print-strip .ps-media img{width:100%;height:100%;object-fit:cover;min-height:320px}
.print-strip .ps-text{padding:clamp(40px,6vw,88px) var(--gutter) clamp(40px,6vw,88px) clamp(32px,5vw,80px);align-self:center}
.print-strip .ps-text p{color:#4b4b4b;margin:16px 0 28px;max-width:52ch}

/* 9 · FAQ */
.faq{max-width:900px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:first-child{border-top:1px solid var(--border)}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:24px 0;font-family:var(--f-display);font-size:calc(clamp(17px,1.5vw,20px) * var(--d-scale));font-weight:var(--d-w2);line-height:1.35;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"+";flex-shrink:0;font-family:var(--f-body);font-weight:300;font-size:26px;line-height:1;color:var(--lime);
  transition:transform .25s var(--ease);
}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:var(--lime)}
.faq-answer{padding:0 0 26px;max-width:72ch;color:var(--text-dim);font-size:16px}
.faq-answer p+p{margin-top:12px}
.faq-answer a{color:var(--lime)}

/* 10 · CTA */
.cta{position:relative;overflow:hidden;isolation:isolate;text-align:left}
.cta-box{
  display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;
  padding:clamp(40px,5vw,72px);background:var(--lime);color:var(--black);
}
.cta-box .sec-title{max-width:18ch}
.cta-box .sec-title em{color:var(--black);-webkit-text-stroke:0;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}
.cta-box p{font-size:17px;margin-top:16px;max-width:52ch;color:#1b1b1b}
.cta-actions{display:flex;flex-direction:column;gap:12px}
.cta-actions .btn-dark{background:var(--black);color:var(--lime)}
.cta-actions .btn-dark:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.cta-actions .btn-line{border-color:rgba(0,0,0,.35);color:var(--black)}
.cta-actions .btn-line:hover{border-color:var(--black)}
.cta-contact{font-size:15px;line-height:1.9}
.cta-contact a{font-weight:700;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.3)}
.cta-contact a:hover{border-bottom-color:var(--black)}

/* 11 · FOOTER */
.site-footer{background:var(--dark);border-top:1px solid var(--border);padding-top:72px;font-size:15px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}
.footer-about{color:var(--grey);margin-top:18px;max-width:38ch;line-height:1.7}
.footer-contact{margin-top:22px;display:grid;gap:6px}
.footer-contact a{color:var(--white);text-decoration:none}
.footer-contact a:hover{color:var(--lime)}
.footer-col h2{font-family:var(--f-mono);font-size:11px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;color:var(--lime);margin-bottom:18px}
.footer-col li+li{margin-top:10px}
.footer-col a{color:var(--grey);text-decoration:none;transition:color .2s}
.footer-col a:hover,.footer-col a[aria-current="page"]{color:var(--white)}
.footer-col .by{font-family:var(--f-mono);font-size:11px;color:#5f5f5f;margin-left:4px}
.footer-bottom{
  margin-top:64px;padding-block:24px;border-top:1px solid var(--border);
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  font-size:13px;color:var(--grey);
}
.footer-bottom ul{display:flex;gap:24px}
.footer-bottom a{color:var(--grey);text-decoration:none}
.footer-bottom a:hover{color:var(--lime)}

/* 12 · CURSOR (μόνο ποντίκι, όχι αφή, όχι reduced-motion — ενεργοποιείται από JS) */
.cursor,.cursor-ring{display:none}
.has-cursor .cursor,.has-cursor .cursor-ring{display:block;opacity:0;transition:opacity .2s;position:fixed;top:0;left:0;pointer-events:none;border-radius:50%;z-index:9999}
.has-cursor .cursor{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--lime)}
.has-cursor .cursor-ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1.5px solid rgba(200,255,0,.45);transition:width .18s,height .18s,margin .18s,border-color .18s}
.has-cursor .cursor-ring.hover{width:56px;height:56px;margin:-28px 0 0 -28px;border-color:rgba(200,255,0,.75)}

.has-cursor.cursor-on .cursor,.has-cursor.cursor-on .cursor-ring{opacity:1}

/* 13 · ΚΙΝΗΣΗ — το H1 δεν ξεκινά με opacity:0 ώστε να μη καθυστερεί το LCP */
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes rise{from{transform:translateY(18px)}to{transform:none}}
.anim-up{opacity:0;animation:up .8s var(--ease) forwards}
.anim-rise{animation:rise .8s var(--ease) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}
  .anim-up,.reveal{opacity:1;transform:none}
}

/* 14 · RESPONSIVE */
@media (max-width:1100px){
  .nav-link,.nav-toggle{padding:10px 10px;font-size:13.5px}
  .services{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:980px){
  :root{--header-h:64px}
  .menu-btn{display:inline-flex}
  /* backdrop-filter δημιουργεί containing block για position:fixed → το πάνελ θα κοβόταν στο ύψος του header */
  .site-header.scrolled,.site-header.menu-open{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(6,6,6,.98)}
  .header-actions .btn{display:none}
  .main-nav{
    position:fixed;top:var(--header-h);left:0;right:0;bottom:0;
    background:var(--black);overflow-y:auto;
    padding:16px var(--gutter) 40px;display:block;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .2s,transform .2s,visibility 0s .2s;
  }
  .menu-open .main-nav{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-item{border-bottom:1px solid var(--border)}
  .nav-link,.nav-toggle{width:100%;justify-content:space-between;padding:18px 0;font-size:18px;color:var(--white)}
  .nav-link[aria-current="page"],.nav-item.current>.nav-toggle{box-shadow:none;color:var(--lime)}
  .dropdown{position:static;min-width:0;box-shadow:none;border:0;background:transparent;padding:0 0 12px;
    opacity:1;visibility:visible;transform:none;display:none;transition:none}
  .nav-item.open>.dropdown{display:block}
  .dropdown a{padding:10px 14px}
  .nav-mobile-cta{display:block!important;margin-top:28px}
  .nav-mobile-cta .btn{width:100%}
  body.menu-locked{overflow:hidden}
  .doors,.products{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .split-media{order:-1}
  .proof,.values{grid-template-columns:1fr}
  .values{gap:28px;margin-top:48px}
  .print-strip{grid-template-columns:1fr}
  .print-strip .ps-media img{min-height:0;aspect-ratio:16/9}
  .print-strip .ps-text{padding:48px var(--gutter)}
  .cta-box{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .brand-name{font-size:calc(18px * var(--d-scale))}
  .hero{min-height:auto;padding-top:calc(var(--header-h) + 72px)}
  .hero-title{letter-spacing:calc(-.8px * var(--d-trk))}
  .hero-actions .btn{width:100%}
  .services,.steps,.footer-grid,.pkg-list{grid-template-columns:1fr}
  .sec-head{margin-bottom:40px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-bottom ul{flex-wrap:wrap;gap:12px 20px}
  .split-media::after{display:none}
}
.nav-mobile-cta{display:none}

/* ==========================================================================
   15 · ΕΣΩΤΕΡΙΚΕΣ ΣΕΛΙΔΕΣ (κοινά)
   ========================================================================== */
.page-hero{
  position:relative;overflow:hidden;isolation:isolate;
  padding:calc(var(--header-h) + clamp(56px,8vw,104px)) 0 clamp(56px,7vw,96px);
  background:var(--black);border-bottom:1px solid var(--border);
}
.page-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(200,255,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.045) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(ellipse at 20% 40%,#000 0%,transparent 70%);
          mask-image:radial-gradient(ellipse at 20% 40%,#000 0%,transparent 70%);
}
.page-hero::after{
  content:"";position:absolute;top:-30%;left:-10%;width:640px;height:640px;z-index:-1;
  background:radial-gradient(circle,rgba(200,255,0,.08) 0%,transparent 65%);
}
.page-hero .hero-title{font-size:calc(clamp(30px,3.8vw,56px) * var(--d-scale));max-width:22ch}
.page-hero .lead{max-width:70ch;margin-top:26px;font-size:clamp(16px,1.25vw,18.5px);font-weight:300;color:var(--text-dim);line-height:1.8}
.page-hero .lead strong{color:var(--white);font-weight:500}
.page-hero .hero-actions{margin-top:36px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:40px;padding-top:28px;border-top:1px solid var(--border);max-width:900px}
.hero-facts li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--grey)}
.hero-facts li::before{content:"";width:6px;height:6px;background:var(--lime);flex-shrink:0}

.breadcrumb{margin-bottom:28px}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--f-mono);font-size:12px;letter-spacing:1px;color:var(--grey)}
.breadcrumb li+li::before{content:"/";margin-right:6px;color:#4a4a4a}
.breadcrumb a{color:var(--grey);text-decoration:none}
.breadcrumb a:hover{color:var(--lime)}
.breadcrumb [aria-current]{color:var(--white)}

/* Τι περιλαμβάνει — κάρτες με αναλυτική λίστα */
.includes{grid-template-columns:repeat(2,1fr)}
.include .card-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.include .check-list{margin-top:18px}
.include .check-list li{font-size:15px;padding:9px 0}
.include .fine{margin-top:16px;font-size:13.5px;color:var(--grey);line-height:1.6}
.extra-row{
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  margin-top:1px;padding:22px clamp(28px,3vw,44px);background:var(--card);border:1px solid var(--border);border-top:0;
  font-size:15.5px;color:var(--text-dim);
}
.extra-row strong{color:var(--white)}

/* Δύο εκδοχές */
.versions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}
.version{background:var(--white);border:1px solid var(--border-light);padding:clamp(28px,3vw,44px);display:flex;flex-direction:column}
.version.primary{border-top:4px solid var(--lime-ink)}
.version .v-for{font-family:var(--f-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--lime-ink)}
.version h3{font-family:var(--f-display);font-size:calc(clamp(22px,2vw,28px) * var(--d-scale));font-weight:var(--d-w1);line-height:1.2;margin:10px 0 10px}
.version > p{color:#3d3d3d;font-size:16px}
.version .check-list{margin:20px 0 0}
.version .check-list li{font-size:15px;padding:9px 0}
.version .check-list li.no{color:#6b6b6b}
.version .check-list li.no::before{content:"×";color:#9a9a9a}
.version .v-note{margin-top:auto;padding-top:22px;font-size:14px;color:#555;line-height:1.6}
.source-note{margin-top:28px;font-size:14px;color:#555;max-width:80ch}
.source-note a{color:var(--lime-ink)}

/* Case study */
.case{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:start}
.case-facts{border:1px solid var(--border);background:var(--card)}
.case-facts div{padding:22px 26px;border-bottom:1px solid var(--border)}
.case-facts div:last-child{border-bottom:0}
.case-facts dt{font-family:var(--f-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--lime);margin-bottom:4px}
.case-facts dd{font-size:16px;color:var(--white)}
.case-text p{color:var(--text-dim);font-size:17px}
.case-text p+p{margin-top:16px}
.case-text blockquote{margin-top:28px;padding-left:20px;border-left:2px solid var(--lime);font-family:var(--f-display);font-size:calc(20px * var(--d-scale));line-height:1.45}

/* Τιμή */
.price-box{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.factors li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border-light)}
.factors li:first-child{border-top:1px solid var(--border-light)}
.factors b{font-family:var(--f-display);font-size:calc(15px * var(--d-scale));min-width:24px;color:var(--lime-ink)}
.factors span{font-size:15.5px;color:#3d3d3d}
.factors strong{color:var(--black)}

@media (max-width:980px){
  .includes,.versions,.case,.price-box{grid-template-columns:1fr}
}

/* ==========================================================================
   16 · COMPONENTS ΓΙΑ ΠΡΟΪΟΝΤΑ, ΥΠΗΡΕΣΙΕΣ, ΑΡΘΡΑ, ΦΟΡΜΕΣ
   ========================================================================== */
.nav-item.current>.nav-link{color:var(--white);box-shadow:inset 0 -2px 0 var(--lime)}
.lang-switch{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 10px;
  font-family:var(--f-mono);font-size:12px;letter-spacing:2px;color:var(--grey);text-decoration:none;
  border:1px solid var(--border);transition:color .2s,border-color .2s;
}
.lang-switch:hover{color:var(--white);border-color:var(--border-strong)}

/* Λειτουργίες (πλέγμα 3 στηλών) */
.features{grid-template-columns:repeat(3,1fr)}
.feature .card-title{font-size:calc(19px * var(--d-scale))}
.feature .card-text{font-size:15px}
.feature ul{margin-top:14px}
.feature ul li{position:relative;padding-left:16px;font-size:14.5px;color:var(--grey);line-height:1.6;margin-top:6px}
.feature ul li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:2px;background:var(--lime)}

/* Πίνακες (χωρίς/με, ρόλοι, κατάσταση) */
.table-wrap{overflow-x:auto;border:1px solid var(--border);-webkit-overflow-scrolling:touch}
.table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}
.table th,.table td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}
.table th{font-family:var(--f-mono);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--lime);background:var(--card)}
.table td{color:var(--text-dim);background:var(--dark)}
.table td:first-child{color:var(--white);font-weight:500}
.table tr:last-child td{border-bottom:0}
.light .table-wrap{border-color:var(--border-light)}
.light .table th{background:#fafaf5;color:var(--lime-ink);border-bottom-color:var(--border-light)}
.light .table td{background:var(--white);color:#3d3d3d;border-bottom-color:#efefe8}
.light .table td:first-child{color:var(--black)}
.yes{color:var(--lime)!important}
.light .yes{color:var(--lime-ink)!important}

/* «Έρχεται» */
.badge-soon{display:inline-block;padding:3px 9px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;border:1px dashed var(--grey);color:var(--grey)}
.badge-ready{display:inline-block;padding:3px 9px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;background:var(--lime);color:var(--black)}
.soon-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.soon-list li{background:var(--card);padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.soon-list strong{font-family:var(--f-display);font-size:calc(16px * var(--d-scale))}
.soon-list span{font-size:14.5px;color:var(--grey);line-height:1.6}

/* Εκδόσεις (tiers) */
.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.tier{background:var(--card);padding:clamp(28px,3vw,40px);display:flex;flex-direction:column}
.tier h3{font-family:var(--f-display);font-size:calc(24px * var(--d-scale));font-weight:var(--d-w1)}
.tier .tier-for{font-size:14.5px;color:var(--lime);margin:6px 0 16px}
.tier p{font-size:15px;color:var(--grey);line-height:1.7}
.tier .badge-soon{align-self:flex-start;margin-top:16px}
.tier.featured{background:linear-gradient(180deg,#1a1f08 0%,var(--card) 60%)}

/* Τι δεν κάνει (ειλικρίνεια) */
.honest{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.honest li{background:var(--white);border:1px solid var(--border-light);padding:22px 24px;font-size:15.5px;color:#3d3d3d;line-height:1.65}
.honest li strong{display:block;color:var(--black);font-family:var(--f-display);font-size:calc(17px * var(--d-scale));margin-bottom:4px}

/* Έργα */
.works{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.work{background:var(--card);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}
.work-media{aspect-ratio:16/10;overflow:hidden;background:#0c0c0c;display:grid;place-items:center}
.work-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.work:hover .work-media img{transform:scale(1.03)}
.work-media.logo{background:var(--light-bg)}
.work-media.logo img{width:60%;height:auto;object-fit:contain}
.work-media.type{background:linear-gradient(135deg,#141a05,#0b0b0b)}
.work-media.type span{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(clamp(28px,3vw,40px) * var(--d-scale));color:var(--lime);text-align:center;padding:0 24px;line-height:1.1}
.work-body{padding:28px 28px 32px;display:flex;flex-direction:column;flex:1}
.work-kind{font-family:var(--f-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--lime)}
.work-kind.own{color:var(--grey)}
.work h3{font-family:var(--f-display);font-size:calc(24px * var(--d-scale));font-weight:var(--d-w1);margin:8px 0 10px}
.work p{font-size:15.5px;color:var(--text-dim)}
.work .tags{margin-top:auto;padding-top:22px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Θεσσαλονίκη (ενότητα σε κάθε υπηρεσία) */
.thess{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,64px);align-items:start;padding:clamp(28px,4vw,48px);border:1px solid var(--border);background:var(--card)}
.thess-pin{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(clamp(28px,3vw,40px) * var(--d-scale));color:var(--lime);line-height:1}
.thess p{color:var(--text-dim)}
.thess p+p{margin-top:10px}

/* Τιμές «από» + λήψη PDF */
.price-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-light);border:1px solid var(--border-light)}
.price-card{background:var(--white);padding:28px 24px}
.price-card .pc-name{font-family:var(--f-display);font-size:calc(17px * var(--d-scale));font-weight:var(--d-w2);color:var(--black)}
.price-card .pc-spec{font-size:13.5px;color:#666;margin-top:4px;line-height:1.5}
.price-card .pc-price{font-family:var(--f-display);font-size:calc(30px * var(--d-scale));font-weight:var(--d-w1);color:var(--black);margin-top:18px}
.price-card .pc-price small{font-family:var(--f-body);font-size:13px;font-weight:400;color:#666;margin-right:4px}
.download{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;padding:28px 32px;background:var(--black);color:var(--white)}
.download .dl-title{font-family:var(--f-display);font-size:calc(20px * var(--d-scale));font-weight:var(--d-w2)}
.download .dl-meta{font-family:var(--f-mono);font-size:12px;letter-spacing:1px;color:var(--grey);margin-top:4px}
.fine-print{margin-top:20px;font-size:14px;color:#555;line-height:1.7}

/* Άρθρα / νομικά κείμενα */
.prose{max-width:74ch}
.prose > *+*{margin-top:18px}
.prose h2{font-family:var(--f-display);font-size:calc(clamp(22px,2.2vw,30px) * var(--d-scale));font-weight:var(--d-w1);line-height:1.2;margin-top:52px;letter-spacing:calc(-.3px * var(--d-trk))}
.prose h3{font-family:var(--f-display);font-size:calc(19px * var(--d-scale));font-weight:var(--d-w2);margin-top:32px}
.prose p,.prose li{font-size:17px;color:var(--text-dim);line-height:1.8}
.prose strong{color:var(--white);font-weight:600}
.prose a{color:var(--lime);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:22px}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li+li{margin-top:8px}
.prose li::marker{color:var(--lime)}
.prose blockquote{border-left:2px solid var(--lime);padding:4px 0 4px 20px;font-style:italic}
.prose .table-wrap{margin-top:24px}
.prose code{font-family:var(--f-mono);font-size:.9em;background:#1a1a1a;padding:2px 6px;color:var(--white)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-family:var(--f-mono);font-size:12px;letter-spacing:1px;color:var(--grey)}
.article-meta strong{color:var(--white);font-weight:400}
.summary-box{border:1px solid rgba(200,255,0,.3);background:rgba(200,255,0,.04);padding:24px 28px}
.summary-box p,.summary-box li{font-size:16px!important}
.summary-box .sb-title{font-family:var(--f-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--lime)}
.sources{border-top:1px solid var(--border);padding-top:24px;margin-top:56px!important}
.sources li,.sources p{font-size:14.5px!important}
.draft-note{
  border:1px dashed #ffb020;background:rgba(255,176,32,.07);color:#ffd27a;padding:18px 22px;font-size:15px;line-height:1.6;
}
.draft-note strong{color:#ffd27a}

/* Λίστα οδηγών */
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.guide{background:var(--card);padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:background .3s}
.guide:hover{background:var(--card-hover)}
.guide .g-cat{font-family:var(--f-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--lime)}
.guide h3{font-family:var(--f-display);font-size:calc(20px * var(--d-scale));font-weight:var(--d-w2);line-height:1.3;margin:12px 0 10px}
.guide p{font-size:15px;color:var(--grey);line-height:1.7}
.guide .g-date{margin-top:auto;padding-top:20px;font-family:var(--f-mono);font-size:12px;color:var(--grey)}
.guide.soon{opacity:.6}

/* Φόρμα */
.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(40px,6vw,96px);align-items:start}
.contact-list{margin-top:32px;display:grid;gap:22px}
.contact-list .cl-label{font-family:var(--f-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--lime)}
.contact-list a,.contact-list p{font-size:18px;color:var(--white);text-decoration:none}
.contact-list a:hover{color:var(--lime)}
.form{background:var(--card);border:1px solid var(--border);padding:clamp(28px,4vw,48px)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label,.field .label{font-family:var(--f-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--grey)}
.field .req{color:var(--lime)}
.field input,.field select,.field textarea{
  width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border-strong);color:var(--white);
  font:inherit;font-size:16px;padding:14px 16px;border-radius:0;transition:border-color .2s;
}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--lime) 50%),linear-gradient(135deg,var(--lime) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.field select option{background:var(--card)}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--lime)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:var(--text-dim);line-height:1.6;grid-column:1/-1}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--lime);flex-shrink:0}
.check a{color:var(--lime)}
.form .btn{width:100%;margin-top:8px;grid-column:1/-1;border:0;cursor:pointer}
.form-note{grid-column:1/-1;font-size:13.5px;color:var(--grey);line-height:1.6}
.hp{position:absolute!important;left:-9999px!important}

/* 404 */
.notfound{min-height:80vh;display:flex;align-items:center}
.notfound .big{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(clamp(96px,16vw,220px) * var(--d-scale));line-height:.9;color:transparent;-webkit-text-stroke:2px var(--lime)}

@media (max-width:1100px){
  .features,.guides{grid-template-columns:repeat(2,1fr)}
  .price-cards{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .tiers-grid,.works,.honest,.soon-list,.contact-grid{grid-template-columns:1fr}
  .thess{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .features,.guides,.price-cards,.form-grid{grid-template-columns:1fr}
  .lang-switch{min-width:38px}
}
.light .step h3{color:var(--black)}
.light .step p{color:#4b4b4b}
.light .step::before{color:var(--lime-ink);opacity:.3}
.light .card-text a,.card-text a{color:var(--lime)}

/* ==========================================================================
   17 · v2 (06/10/2026) — νέα αρχική κατά την έρευνα sites
   Μία «τολμηρή» στιγμή: το hero με τις 3 πόρτες σε μεγάλη condensed γραφή.
   Όλα τα υπόλοιπα ήσυχα: χωρίς fade-in ανά ενότητα, χωρίς αριθμούς σε μη-σειρές.
   ========================================================================== */

/* Ετικέτες ενοτήτων: πεζά, χωρίς γραμμή και αραιή γραφή */
.sec-label{font-family:var(--f-body);font-size:15px;font-weight:650;letter-spacing:0;text-transform:none}
.sec-label::before{display:none}
.hero-tag{font-family:var(--f-body);font-size:15px;font-weight:650;letter-spacing:0;text-transform:none}
.hero-tag::before{display:none}

/* Μόνο μία κίνηση στη σελίδα (φόρτωση του hero). Οι ενότητες εμφανίζονται κατευθείαν. */
.reveal{opacity:1;transform:none;transition:none}

/* Τίτλοι: condensed θέλουν πιο σφιχτό διάστιχο */
.sec-title,.hero-title{line-height:var(--d-lh)}
.sec-title{max-width:24ch}

/* ---- HERO v2 ---- */
.hero2{
  padding:calc(var(--header-h) + clamp(48px,7vw,96px)) 0 clamp(48px,6vw,80px);
  background:var(--black);border-bottom:1px solid var(--border);
}
.hero2-kicker{font-size:15px;font-weight:650;color:var(--lime);margin-bottom:22px}
.hero2-title{
  font-family:var(--f-display);font-weight:var(--d-w1);
  font-size:calc(clamp(40px,6.2vw,92px) * var(--d-scale));
  line-height:.92;letter-spacing:calc(-1.5px * var(--d-trk));
  max-width:17ch;text-wrap:balance;
}
.hero2-sub{max-width:58ch;margin-top:28px;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--text-dim)}

.doors2{margin-top:clamp(48px,6vw,80px)}
.doors2-q{font-size:15px;font-weight:650;color:var(--grey);margin-bottom:10px}
.doors2 ul{border-top:1px solid var(--border-strong)}
.doors2 li{border-bottom:1px solid var(--border-strong)}
.doors2 a{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px 40px;align-items:center;
  padding:clamp(16px,2vw,26px) 0;text-decoration:none;color:var(--white);
}
.doors2 a::before{ /* γέμισμα lime που «σκουπίζει» από αριστερά */
  content:"";position:absolute;inset:0 calc(-1 * var(--gutter));z-index:-1;background:var(--lime);
  transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);
}
.doors2 a:hover::before,.doors2 a:focus-visible::before{transform:scaleX(1)}
.doors2 a:hover,.doors2 a:focus-visible{color:var(--black)}
.doors2 a:focus-visible{outline:none}
.d-say{
  font-family:var(--f-display);font-weight:var(--d-w1);
  font-size:calc(clamp(30px,4vw,60px) * var(--d-scale));line-height:1;
  letter-spacing:calc(-1px * var(--d-trk));
}
.d-get{font-size:16px;line-height:1.5;color:var(--grey);transition:color .2s}
.d-get strong{display:block;font-size:17px;color:var(--white);font-weight:700;transition:color .2s}
.doors2 a:hover .d-get,.doors2 a:focus-visible .d-get,
.doors2 a:hover .d-get strong,.doors2 a:focus-visible .d-get strong{color:var(--black)}
.hero2-proof{margin-top:32px;max-width:80ch;font-size:15px;color:var(--grey)}
.hero2-proof strong{color:var(--white);font-weight:650}

/* η μία ορχηστρωμένη κίνηση: φόρτωση του hero (το H1 δεν κρύβεται → δεν καθυστερεί το LCP) */
@keyframes v2in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v2rise{from{transform:translateY(14px)}to{transform:none}}
.load-1,.load-3,.load-4,.load-5,.load-6{animation:v2in .7s var(--ease) both}
.load-2{animation:v2rise .7s var(--ease) both}
.load-3{animation-delay:.12s}.load-4{animation-delay:.24s}.load-5{animation-delay:.32s}.load-6{animation-delay:.4s}

/* ---- Ιστορία + απόδειξη ---- */
.story{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,96px);align-items:start}
.story-text .sec-title{max-width:20ch}
.story-text p{margin-top:20px;font-size:18px;line-height:1.7;color:#2f2f2f;max-width:60ch}
.story-sign a{color:var(--lime-ink);font-weight:700}
.story-proof{display:grid;gap:16px}
.proof2{background:var(--white);border:1px solid var(--border-light);padding:clamp(24px,2.6vw,34px)}
.proof2-where{font-size:14px;font-weight:650;color:var(--lime-ink)}
.proof2 h3{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(26px * var(--d-scale));line-height:1;margin:8px 0 10px}
.proof2 p{font-size:16px;color:#3d3d3d}
.proof2-product{margin-top:14px}
.proof2-product a{color:var(--black);font-weight:700;text-decoration-color:var(--lime-ink);text-decoration-thickness:2px;text-underline-offset:3px}
.proof2-note{font-size:14px;color:#555}

/* ---- Πακέτο + επιλογέας ---- */
.pkg2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:start}
.pkg2 .pkg-list{margin:32px 0 28px}
.picker{border:1px solid var(--border-strong);padding:20px 22px;margin:0 0 32px}
.picker legend{padding:0 8px;margin-left:-8px;font-weight:700;font-size:16px}
.picker-opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.picker-opts label{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  padding:10px 16px;min-height:44px;border:1px solid var(--border-strong);font-size:15px;
  transition:border-color .2s,background .2s,color .2s;
}
.picker-opts input{accent-color:var(--lime);width:16px;height:16px}
.picker-opts label:has(input:checked){border-color:var(--lime);background:rgba(200,255,0,.08)}
.picker-opts label:has(input:focus-visible){outline:2px solid var(--lime);outline-offset:2px}
.picker-out{margin-top:16px;font-size:15px;line-height:1.6;color:var(--text-dim)}
.picker-out strong{color:var(--white)}
.picker:has(input[value="diamerisma"]:checked) .out-dwmatia{display:none}
.picker:has(input[value="dwmatia"]:checked) .out-diamerisma{display:none}
.actions{display:flex;flex-wrap:wrap;gap:16px}

/* Σχηματικό ημερολόγιο StaySnap (HTML/CSS, όχι εικόνα) */
.cal{margin:0;position:sticky;top:calc(var(--header-h) + 24px)}
.cal-frame{background:var(--card);border:1px solid var(--border-strong);padding:18px;font-size:12.5px}
.cal-top{display:flex;justify-content:space-between;align-items:baseline;padding:0 2px 14px;border-bottom:1px solid var(--border)}
.cal-app{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(20px * var(--d-scale));line-height:1;color:var(--lime)}
.cal-month{font-family:var(--f-mono);color:var(--grey)}
.cal-grid{display:grid;grid-template-columns:64px repeat(7,minmax(0,1fr));grid-auto-rows:40px;gap:4px;margin-top:12px}
.cal-h{font-family:var(--f-mono);font-size:11px;color:var(--grey);align-self:end;padding-bottom:4px;white-space:nowrap;overflow:hidden}
.cal-r{grid-column:1;align-self:center;color:var(--text-dim);font-weight:600;white-space:nowrap}
.bk{align-self:stretch;display:flex;align-items:center;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:650}
.bk.direct{background:var(--lime);color:var(--black)}
.bk.booking{background:transparent;color:var(--white);border:1.5px solid #6d8bd4}
.cal-legend{display:flex;gap:20px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:var(--grey)}
.lg{display:inline-flex;align-items:center;gap:8px}
.lg::before{content:"";width:14px;height:10px}
.lg.direct::before{background:var(--lime)}
.lg.booking::before{border:1.5px solid #6d8bd4}
.cal figcaption{margin-top:14px;font-size:13.5px;line-height:1.6;color:var(--grey);max-width:60ch}



/* ---- Υπηρεσίες ως λίστα ---- */
.srv-list{border-top:1px solid var(--border-strong)}
.srv-list li{border-bottom:1px solid var(--border)}
.srv-list a{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:8px 40px;align-items:baseline;
  padding:22px 0;text-decoration:none;
}
.srv-name{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(clamp(22px,2.1vw,30px) * var(--d-scale));line-height:1;transition:color .2s}
.srv-what{color:var(--grey);font-size:16px;line-height:1.6;max-width:62ch}
.srv-list a:hover .srv-name,.srv-list a:focus-visible .srv-name{color:var(--lime)}

/* ---- Γιατί εμάς ---- */
.reasons{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-light);border:1px solid var(--border-light);margin-top:48px}
.reasons > div{background:var(--light-bg);padding:clamp(24px,3vw,40px)}
.reasons dt{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(22px * var(--d-scale));line-height:1.05;max-width:22ch}
.reasons dd{margin-top:12px;font-size:16px;line-height:1.65;color:#3d3d3d;max-width:56ch}

/* ---- CTA + φόρμα ---- */
.cta2-box{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:start;
  background:var(--lime);color:var(--black);padding:clamp(32px,5vw,64px)}
.cta2-text p{margin-top:16px;font-size:17px;color:#1b1b1b}
.cta2-contact{line-height:1.9}
.cta2-contact a{font-weight:700;color:var(--black);text-decoration-thickness:1px;text-underline-offset:3px}
.form-short label{color:var(--black)}
.form-short .field input,.form-short .field select,.form-short .field textarea{background:#fff;color:var(--black);border-color:rgba(0,0,0,.25)}
.form-short .check,.form-short .check a{color:#1b1b1b}
.form-short .btn-primary{background:var(--black);color:var(--lime)}
.form-short .btn-primary:hover{box-shadow:0 12px 28px rgba(0,0,0,.25)}
.form-short :focus-visible{outline-color:var(--black)}

@media (max-width:980px){
  .story,.pkg2,.cta2-box,.reasons{grid-template-columns:1fr}
  .cal{position:static}
  .doors2 a{grid-template-columns:1fr;gap:6px}
  .srv-list a{grid-template-columns:1fr}
}
@media (max-width:640px){
  .cal-frame{padding:12px;font-size:11px}
  .cal-grid{grid-template-columns:48px repeat(7,minmax(0,1fr));grid-auto-rows:32px;gap:3px}
  .cal-h{font-size:9.5px}
  .bk{padding:0 5px}
  .picker-opts label{width:100%}
  .actions .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .doors2 a::before{transition:none}
}

/* v2 · διορθώσεις μετά τον έλεγχο 1440/390 */
.hero2{padding-top:calc(var(--header-h) + clamp(40px,5vw,72px))}
.hero2-title{font-size:calc(clamp(40px,4.6vw,72px) * var(--d-scale));max-width:22ch}
.hero2-sub{margin-top:22px}
.doors2{margin-top:clamp(36px,4vw,56px)}
.field label,.field .label{font-family:var(--f-body);font-size:14px;font-weight:650;letter-spacing:0;text-transform:none}
.tag{letter-spacing:0}
.cta2-box .form{background:none;border:0;padding:0}
.cta2-box .field label{color:var(--black)}
.cta2-box .field .req{color:var(--black)}
.cta2-box .check{color:#1b1b1b}
.cta2-box .check a{color:var(--black);font-weight:700}
.cta2-box .check input{accent-color:var(--black)}
.cta2-box .field select{background-image:linear-gradient(45deg,transparent 50%,#060606 50%),linear-gradient(135deg,#060606 50%,transparent 50%)}
.cta2-box .field input:focus,.cta2-box .field select:focus,.cta2-box .field textarea:focus{border-color:var(--black);box-shadow:0 0 0 2px var(--black)}
.hero2-title{line-height:calc(var(--d-lh) - .06)}
.d-say{font-size:calc(clamp(28px,3.3vw,50px) * var(--d-scale))}
.doors2 a{padding:clamp(12px,1.4vw,20px) 0}
.hero2-sub{font-size:clamp(17px,1.25vw,19px)}
.cta2-box .field select{background-color:#fff;background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}

/* v2.1 · διορθώσεις κειμένων 06/10 βράδυ: «Η ιστορία μας» χωρίς κάρτες */
.story{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start}
.story > .sec-title{max-width:12ch}
.story-text p:first-child{margin-top:0}
.story-text p:first-child{font-size:clamp(19px,1.6vw,22px);color:var(--black);font-weight:600}
.story-sign a{margin-right:6px}
.reasons .dd-src{margin-top:10px;font-size:14px}
.reasons .dd-src a{color:var(--lime-ink);font-weight:650;text-underline-offset:3px}

/* v2.2 · hero με το σύνθημα του v8, οι πόρτες ως hub */
.hero2-title{max-width:18ch}
.doors2-q{font-size:clamp(17px,1.3vw,19px);font-weight:400;color:var(--grey);margin-bottom:14px}
.doors2-q strong{color:var(--white);font-weight:700}

/* v2.3 · υπηρεσίες με ετικέτες, κλάδοι */
.srv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.srv-tags span{font-size:13px;line-height:1;padding:6px 10px;border:1px solid var(--border-strong);color:var(--text-dim)}
.srv-list a:hover .srv-tags span{border-color:rgba(200,255,0,.45)}
.ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin-top:48px}
.ind-grid li{background:var(--dark);padding:clamp(22px,2.4vw,32px)}
.ind-grid h3{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(22px * var(--d-scale));line-height:1;margin-bottom:12px}
.ind-grid p{font-size:15px;line-height:1.6;color:var(--grey)}
.story-text p:first-child{font-size:clamp(19px,1.6vw,22px)}

/* v2.4 · θέσεις για visuals (προσωρινά, μέχρι να μπουν οι εικόνες) */
.vslot{position:relative;margin:32px 0 0;width:100%;border:1.5px dashed rgba(200,255,0,.55);
  background:repeating-linear-gradient(135deg,rgba(200,255,0,.05) 0 12px,transparent 12px 24px);
  display:flex;align-items:flex-end}
.vslot figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 18px;font-size:13px;line-height:1.5;color:var(--grey);max-width:60ch}
.vslot figcaption b{font-family:var(--f-mono);font-size:12px;font-weight:600;color:var(--lime)}
.light .vslot figcaption{color:#555}.light .vslot figcaption b{color:var(--lime-ink)}
.light .vslot{border-color:rgba(74,115,0,.55);background:repeating-linear-gradient(135deg,rgba(74,115,0,.06) 0 12px,transparent 12px 24px)}
.page-hero .vslot{max-width:900px;margin-top:48px}
.split > .vslot{margin-top:0}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.vgrid .vslot{margin:0}
.work > .vslot{margin:0}
.story .vslot{max-width:420px}
@media (max-width:760px){.vgrid{grid-template-columns:1fr}}

/* v2.4 · ενιαίο ύφος με την αρχική: χωρίς χρωματισμό μίας λέξης στους τίτλους, χωρίς αριθμούς σε μη-σειρές */
.sec-title em,.hero-title .lime{color:inherit;-webkit-text-stroke:0}
.hero-title em{color:inherit;-webkit-text-stroke:0;font-style:normal}
.light .sec-title em{color:inherit}
.features .card-num,.includes .card-num{display:none}
.cta-box .sec-title em{text-decoration:none}

/* v2.5 · visuals */
.vimg{margin:32px 0 0;width:100%;overflow:hidden;background:var(--card)}
.vimg img{width:100%;height:100%;object-fit:cover}
.page-hero .vimg{max-width:1000px;margin-top:48px}
.split > .vimg,.vgrid .vimg,.work > .vimg{margin:0}
.story .vimg{max-width:420px}
.page-hero .vimg[style*="4/5"]{max-width:380px}

/* v2.6 · εικόνες στην αρχική (07/10): hero, υπηρεσίες με μικρογραφίες, ζώνη στους κλάδους */
.hero2.has-media{position:relative;overflow:hidden}
.hero2.has-media > .wrap{position:relative;z-index:1}
.hero2-media{position:absolute;top:0;right:0;width:min(70vw,1180px);height:min(88%,780px);pointer-events:none}
.hero2-media .vimg,.hero2-media .vslot{margin:0;width:100%;height:100%;aspect-ratio:auto!important;background:none}
.hero2-media img{object-position:72% 40%}
.hero2-media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--black) 0%,rgba(6,6,6,.55) 28%,rgba(6,6,6,0) 55%),
             linear-gradient(0deg,var(--black) 0%,rgba(6,6,6,0) 38%),
             linear-gradient(180deg,rgba(6,6,6,.6) 0%,rgba(6,6,6,0) 22%)}
.hero2.has-media .hero2-sub{max-width:52ch}
@media (max-width:980px){
  .hero2.has-media{padding-top:var(--header-h)}
  .hero2-media{position:relative;width:100%;height:auto;aspect-ratio:16/10}
  .hero2-media img{object-position:62% 50%}
  .hero2-media::after{background:linear-gradient(0deg,var(--black) 0%,rgba(6,6,6,0) 45%)}
  .hero2.has-media > .wrap{margin-top:-24px}
}

/* υπηρεσίες: μικρογραφία αριστερά, όνομα, κείμενο */
.srv-list a{grid-template-columns:clamp(150px,15vw,210px) minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:8px clamp(24px,3vw,40px)}
.srv-thumb{display:block;overflow:hidden;background:var(--card);aspect-ratio:4/3}
.srv-thumb .vimg,.srv-thumb .vslot{margin:0;width:100%;height:100%;aspect-ratio:auto!important}
.srv-thumb .vslot figcaption{display:none}
.srv-thumb img{transition:transform .6s var(--ease),filter .4s;filter:saturate(.85) brightness(.9)}
.srv-thumb.pos-right img{object-position:85% 50%}
.srv-list a:hover .srv-thumb img,.srv-list a:focus-visible .srv-thumb img{transform:scale(1.05);filter:none}
@media (max-width:980px){
  .srv-list a{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:10px 18px}
  .srv-thumb{grid-row:1 / span 2}
}
@media (max-width:520px){
  .srv-list a{grid-template-columns:1fr}
  .srv-thumb{grid-row:auto;aspect-ratio:16/9}
}
@media (prefers-reduced-motion:reduce){.srv-thumb img{transition:none}}

/* κλάδοι: φωτεινή ζώνη εικόνας μέσα στο σκοτεινό τμήμα */
.band{margin-top:40px}
.band .vimg,.band .vslot{margin:0}
@media (max-width:640px){.band .vimg,.band .vslot{aspect-ratio:16/10!important}}

/* ζώνη πραγματικών φωτογραφιών */
.photo-strip{background:var(--black);padding-bottom:clamp(28px,3vw,40px)}
.ps2{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.ps2 img{width:100%;height:clamp(240px,32vw,480px);object-fit:cover;display:block}
.ps2-cap{margin-top:16px;font-size:14px;color:var(--grey)}
.ps2-cap a{color:var(--lime);font-weight:650;margin-left:6px}
@media (max-width:760px){.ps2{grid-template-columns:1fr}.ps2 img{height:auto;aspect-ratio:3/2}}
/* διόρθωση: η «Ιστορία μας» έμενε σε δύο στήλες στο κινητό (ο κανόνας v2.1 ακύρωνε το media query) */
@media (max-width:980px){.story{grid-template-columns:1fr}.story .vimg{max-width:360px}}

/* ===== 08/10: αρχική ως κόμβος — κάρτες Λύσεων & Υπηρεσιών με εικόνα και internal link ===== */
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hub-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);transition:border-color .25s,background .25s}
.hub-card:hover,.hub-card:focus-within{border-color:rgba(200,255,0,.5);background:var(--card-hover)}
.hub-card .vimg,.hub-card .vslot{margin:0;aspect-ratio:16/9!important}
.hub-card .vslot figcaption{display:none}
.hub-card img{transition:transform .6s var(--ease)}
.hub-card:hover img{transform:scale(1.04)}
.hub-body{display:flex;flex-direction:column;flex:1;padding:clamp(20px,2.2vw,28px)}
.hub-for{font-size:14px;font-weight:650;color:var(--lime);margin-bottom:8px}
.hub-body h3{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(clamp(26px,2.4vw,32px) * var(--d-scale));line-height:1;margin-bottom:12px}
.hub-body h3 .by{font-family:var(--f-mono);font-size:12px;font-weight:400;letter-spacing:1px;color:var(--grey);margin-left:6px}
.hub-body p:not(.hub-for){font-size:15.5px;line-height:1.65;color:var(--grey);margin-bottom:20px}
.hub-body .arrow-link{margin-top:auto}

.srv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.srv-grid a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;border:1px solid var(--border);background:var(--card);transition:border-color .25s}
.srv-grid a:hover,.srv-grid a:focus-visible{border-color:rgba(200,255,0,.5)}
.srv-grid .srv-thumb{aspect-ratio:16/9}
.srv-grid a:hover .srv-thumb img,.srv-grid a:focus-visible .srv-thumb img{transform:scale(1.05);filter:none}
.srv-txt{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.srv-grid .srv-name{font-size:calc(clamp(22px,1.9vw,26px) * var(--d-scale))}
.srv-grid a:hover .srv-name,.srv-grid a:focus-visible .srv-name{color:var(--lime)}
.srv-grid .srv-what{font-size:15px;line-height:1.55}

@media (max-width:980px){
  .hub-grid{grid-template-columns:1fr 1fr}
  .hub-grid li:first-child{grid-column:1 / -1}
  .srv-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .hub-grid{grid-template-columns:1fr;gap:16px}
  /* κινητό: οριζόντια γραμμή, μικρή εικόνα αριστερά — λιγότερο scroll */
  .srv-grid{grid-template-columns:1fr;gap:10px}
  .srv-grid a{flex-direction:row;align-items:center}
  .srv-grid .srv-thumb{flex:0 0 112px;aspect-ratio:1/1;align-self:stretch}
  .srv-txt{padding:14px 16px;gap:6px}
  .srv-grid .srv-name{font-size:calc(21px * var(--d-scale))}
  .srv-grid .srv-what{font-size:14.5px}
  .ind-grid{grid-template-columns:1fr 1fr;margin-top:32px}
  .ind-grid li{padding:18px 16px}
  .ind-grid h3{font-size:calc(19px * var(--d-scale))}
  .ind-grid p{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.hub-card img{transition:none}}

/* 08/10: ετικέτες στοιχείων επικοινωνίας σε πεζά, όπως οι υπόλοιπες ετικέτες της v2 */
.contact-list .cl-label{font-family:var(--f-body);font-size:14px;font-weight:650;letter-spacing:0;text-transform:none;margin-bottom:4px}
/* 08/10: τηλέφωνο/email/links footer — μεγαλύτερη επιφάνεια για δάχτυλο (≥ 44 px) χωρίς να αλλάζει η εμφάνιση */
@media (max-width:980px){
  .footer-contact{gap:0}
  .footer-contact a,.footer-col a,.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
  .footer-col li+li{margin-top:0}
  .contact-list a{display:inline-flex;align-items:center;min-height:44px}
}
/* 08/10: αυτόνομα links «… →» — επιφάνεια αφής 44 px στο κινητό */
@media (max-width:980px){.arrow-link{min-height:44px;align-items:center}}

/* 09/10: Δείγματα φωτογράφισης — πλέγμα με λεζάντα κατηγορίας */
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pf-item .vimg,.pf-item .vslot{margin:0;aspect-ratio:4/3!important}
.pf-cap{margin-top:10px;font-size:14px;font-weight:650;color:var(--grey)}
@media (max-width:980px){.pf-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pf-grid{grid-template-columns:1fr;gap:16px}}

/* ===== 09/10: σελίδες προϊόντων/υπηρεσιών — δομή ===== */
/* λεπτομέρειες λειτουργιών: κλειστές στο κινητό, ανοιχτές από site.js στον υπολογιστή */
.card details.more{margin-top:12px}
.card details.more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:650;color:var(--lime)}
.card details.more summary::-webkit-details-marker{display:none}
.card details.more summary::after{content:"+";font-size:18px;line-height:1}
.card details.more[open] summary::after{content:"−"}
.card details.more ul{margin-top:0}
@media (min-width:981px){.card details.more summary{display:none}}
/* υπο-τίτλος μέσα σε ενότητα */
.sub-h{font-family:var(--f-display);font-weight:var(--d-w1);font-size:calc(clamp(24px,2.4vw,32px) * var(--d-scale));line-height:1.05;margin:56px 0 24px}
.sub-h em{font-style:normal;color:var(--lime)}
.light .sub-h em{color:var(--lime-ink)}
.honest.soon li .badge-soon{display:inline-block;margin-bottom:8px}
.pf-grid.pf-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.pf-grid.pf-4{grid-template-columns:1fr 1fr}}
/* πίνακες «stack»: στο κινητό κάθε γραμμή γίνεται κάρτα με ετικέτες από τις επικεφαλίδες (site.js) */
@media (max-width:640px){
  .table-wrap:has(.table.stack){overflow:visible;border:0}
  .table.stack{min-width:0}
  .table.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .table.stack tr{display:block;border:1px solid var(--border);margin-bottom:12px}
  .light .table.stack tr{border-color:var(--border-light)}
  .table.stack td{display:block;padding:10px 16px;border-bottom:0}
  .table.stack td:first-child{padding-top:14px}
  .table.stack td:last-child{padding-bottom:14px}
  .table.stack td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:650;color:var(--lime);margin-bottom:2px}
  .light .table.stack td[data-label]::before{color:var(--lime-ink)}
}
.pf-grid.pf-2{grid-template-columns:1fr 1fr}
.pf-grid.pf-2 .vimg,.pf-grid.pf-2 .vslot{aspect-ratio:3/2!important}
@media (max-width:640px){.pf-grid.pf-2{grid-template-columns:1fr}}
.guide.guide-srv{background:var(--lime);}
.guide.guide-srv .g-cat,.guide.guide-srv p,.guide.guide-srv .g-date{color:var(--black)}
.guide.guide-srv h3 a{color:var(--black)}
.guide.guide-srv:hover{background:#d4ff33}
/* πίνακας κατάστασης: στο κινητό όνομα + σήμα στην ίδια γραμμή, εξήγηση από κάτω, χωρίς ετικέτες */
@media (max-width:640px){
  .table.stack.compact tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 16px;margin-bottom:8px}
  .table.stack.compact td{padding:0}
  .table.stack.compact td::before{display:none!important}
  .table.stack.compact td:nth-child(3){grid-column:1 / -1;font-size:14px}
}
@media (max-width:640px){.light .table.stack tr{background:var(--white)}.table.stack tr{background:var(--dark)}}

/* 2.4.0 · Βήματα στο κινητό: ο αριθμός αριστερά, όχι από πάνω (κοινό σε όλες τις σελίδες με .steps) */
@media (max-width:640px){
  .steps{gap:28px}
  .step{display:grid;grid-template-columns:52px 1fr;column-gap:12px;padding-top:0}
  .step::before{grid-row:1 / span 2;font-size:calc(40px * var(--d-scale));margin:0}
  .step h3,.step p{grid-column:2}
  .step h3{margin-top:4px}
}

/* 2.5.0 · Λειτουργίες ως dropdown (StaySnap, DancePilot): κλειστές στο κινητό, ανοιχτές στον υπολογιστή */
details.feat > summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
details.feat > summary::-webkit-details-marker{display:none}
details.feat > summary .card-title{margin:0}
details.feat > summary::after{content:"+";flex:none;font-size:22px;line-height:1;color:var(--lime);margin-top:2px}
details.feat[open] > summary::after{content:"−"}
details.feat .feat-body{margin-top:12px}
@media (min-width:981px){
  details.feat > summary{cursor:default;pointer-events:none}
  details.feat > summary::after{display:none}
}
@media (max-width:980px){
  details.feat{padding:18px 20px}
  details.feat > summary{min-height:28px}
}

/* 2.6.0 · Αντίθεση χρωμάτων (WCAG AA, έλεγχος axe 09/10) */
.footer-col .by{color:#8a8a8a}
.light .badge-soon{color:#5a5a5a;border-color:#5a5a5a}
.guide.soon{opacity:1}
.guide.soon h3{color:var(--grey)}
.table-wrap:focus-visible{outline:2px solid var(--lime);outline-offset:2px}