/* Sales Quotes — salesquotes.cloud
   Πρόταση «Α · Φωτεινή» (επιλογή χρήστη 21/10/2026): στα χρώματα του λογότυπου και της εφαρμογής.
   Ανανέωση 13/11/2026 (επιλογή χρήστη): σκούρα κεφαλίδα και σκούρο hero, φωτεινό σώμα. Τα νέα στυλ είναι στο τέλος.
   Το ίδιο αρχείο φορτώνουν και οι σελίδες των εκδόσεων (officesupplies., printshop.) με πλήρη διεύθυνση.
   Γραμματοσειρές του συστήματος (Segoe UI στα Windows, όπως η εφαρμογή): καμία εξωτερική φόρτωση. */
:root{
  --brand:#171728;          /* σκούρο του λογότυπου */
  --blue:#0078D4;           /* μπλε του λογότυπου και της εφαρμογής */
  --blue-text:#0063B1;      /* μπλε για κείμενο πάνω σε λευκό */
  --blue-deep:#004E93;
  --green:#10B981;          /* πράσινο του λογότυπου */
  --green-text:#047857;
  --green-soft:#DDF6EC;
  --ink:#121A2B;
  --muted:#556680;
  --line:#DCE3EC;
  --bg:#F5F8FC;
  --surface:#FFFFFF;
  --soft:#E3F0FB;
  --warn:#9A5600; --warn-soft:#FFEFD6;
  --wait:#3E5675; --wait-soft:#E8EEF6;
  --radius:14px;
  --shadow:0 30px 60px -24px rgba(15,40,80,.28),0 2px 6px rgba(15,40,80,.06);
  --font:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,"Noto Sans",Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Roboto,"Noto Sans",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;color:var(--ink)}
p{margin:0;color:var(--muted)}
a{color:inherit}
img{max-width:100%;height:auto}
.container{width:min(1140px,100% - 32px);margin-inline:auto}
.num{font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;padding:12px;z-index:99}
.skip-link:focus{left:10px}
svg.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- κεφαλίδα ---------- */
/* Σκούρα κεφαλίδα, στο χρώμα του λογότυπου (ανανέωση 13/11/2026· μέχρι τότε ήταν φωτεινή) */
.site-header{position:sticky;top:0;z-index:40;background:rgba(23,23,40,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;height:72px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);white-space:nowrap}
.site-header .brand{color:#fff}
.brand img{width:36px;height:36px;display:block}
.brand-name{font:400 1.32rem/1 var(--font-display);letter-spacing:-.01em}
.brand-name b{font-weight:700}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-weight:600;font-size:.95rem}
.main-nav a{text-decoration:none;white-space:nowrap;color:#DCE6F5}
.main-nav a.button{color:#fff}
.main-nav>a:not(.button):hover{color:#7CC4FA}
.lang-switch{border-left:1px solid rgba(255,255,255,.18);padding-left:20px}
.menu-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:10px;padding:8px 12px;font-size:1.15rem;cursor:pointer}

/* ---------- κουμπιά ---------- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none;padding:14px 22px;border-radius:10px;border:0;box-shadow:0 10px 24px -10px rgba(0,120,212,.65);transition:transform .2s,background .2s;cursor:pointer;font-family:inherit;font-size:1rem}
.button:hover{transform:translateY(-2px);background:#006CBE}
.button-small{padding:10px 16px;font-size:.92rem}
.button-full{width:100%}
.text-link{font-weight:700;color:var(--blue-deep);text-decoration:none}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- ήρωας ---------- */
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;padding-block:64px 88px}
.eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-text);margin-bottom:16px}
.hero h1{font-size:clamp(2.5rem,5.3vw,4.3rem);font-weight:700}
.hero h1 .hl{color:var(--blue)}
.hero-lede{font-size:1.18rem;margin-top:22px;max-width:34em}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}
.checks{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px;font-size:.92rem;font-weight:600;color:var(--ink);padding:0;list-style:none}
.checks li{display:flex;align-items:center;gap:7px}
.checks svg{color:var(--green);width:18px;height:18px}
.stage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0}
/* Η κάρτα υπενθυμίσεων πάνω, η προσφορά από κάτω λίγο δεξιότερα: καλύπτει μόνο το κάτω περιθώριο της κάρτας, ποτέ γραμμές της */
.reminders{grid-column:1/6;grid-row:1;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 40px;box-shadow:0 18px 40px -24px rgba(15,40,80,.35);font-size:.87rem}
.stage .sheet{grid-column:2/7;grid-row:2;margin-top:-26px;position:relative;z-index:1}
.card-title{font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.reminders ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.reminders li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0}
.reminders li>div{min-width:0}
.reminders small{display:block;color:var(--muted)}
.ricon{width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--blue);display:grid;place-items:center}
.ricon svg{width:18px;height:18px}
.pill{display:inline-flex;align-items:center;font-weight:700;font-size:.74rem;padding:4px 9px;border-radius:999px;white-space:nowrap}
.pill.ok{background:var(--green-soft);color:var(--green-text)}
.pill.warn{background:var(--warn-soft);color:var(--warn)}
.pill.wait{background:var(--wait-soft);color:var(--wait)}
.pill.blue{background:var(--soft);color:var(--blue-text)}
.pill.no{background:#FBE3E5;color:#9C1C24}
.pill.grey{background:#ECEEF2;color:#4B5563}

/* έγγραφο προσφοράς (εικονογράφηση) */
.sheet{background:var(--surface);color:var(--ink);border-radius:12px;padding:22px 22px 18px;box-shadow:var(--shadow);font-size:.86rem;line-height:1.45;min-width:0}
.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.sheet-head b{display:block;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.05em}
.sheet-head .no{color:var(--muted);font-size:.8rem}
.sheet-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;padding:10px 0;border-block:1px solid #E1E7EF;margin-bottom:10px}
.sheet-meta span{color:var(--muted)}
.sheet table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.sheet th{font-weight:600;color:var(--muted);text-align:right;padding:4px 0 6px;font-size:.75rem;border-bottom:1px solid #E1E7EF}
.sheet td{text-align:right;padding:6px 0;border-bottom:1px dashed #E1E7EF}
.sheet th:first-child,.sheet td:first-child{text-align:left}
.sheet td+td,.sheet th+th{padding-left:10px}
.totals{display:grid;grid-template-columns:1fr auto;gap:3px 16px;margin-top:10px;font-variant-numeric:tabular-nums}
.totals span{color:var(--muted);text-align:right}
.totals b{text-align:right}
.totals .grand{font-size:1.05rem;color:var(--ink);padding-top:6px;border-top:2px solid var(--ink);margin-top:4px}
.fmt-row{display:flex;gap:8px;margin-top:14px}
.fmt{font-weight:700;font-size:.75rem;letter-spacing:.06em;padding:6px 10px;border-radius:6px;border:1px solid #E1E7EF}
.fmt.on{background:var(--blue);border-color:var(--blue);color:#fff}

/* ---------- ενότητες ---------- */
.band{padding-block:88px}
.band.white{background:var(--surface);border-block:1px solid var(--line)}
.band.dark{background:var(--brand);color:#EEF3FA;--surface:#20213A;--line:#2F3150;--muted:#A9B4C9;--ink:#EEF3FA}
.band.dark h2,.band.dark h3{color:#fff}
.band.dark p{color:var(--muted)}
.band.dark .eyebrow{color:#7CC4FA}
.section-head{max-width:660px;margin-bottom:42px}
.section-head h2{font-size:clamp(1.95rem,3.6vw,2.9rem);font-weight:700}
.section-head p{margin-top:14px;font-size:1.07rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split>*{min-width:0}

/* το «άγκιστρο»: οι ερωτήσεις του ιδιοκτήτη */
.hook{padding-block:72px}
.hook .questions{display:grid;gap:6px;margin:0;padding:0;list-style:none}
/* Από 13/11/2026 το «άγκιστρο» είναι σε φωτεινό φόντο, αφού το hero πάνω του έγινε σκούρο */
.hook .questions li{font:700 clamp(1.5rem,3.4vw,2.5rem)/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.hook .questions li:nth-child(2){color:var(--blue-text)}
.hook .questions li:nth-child(3){color:var(--green-text)}
.hook .answer{margin-top:28px;font-size:1.2rem;max-width:40em;color:var(--muted)}
.hook .answer b{color:var(--ink)}

/* λειτουργίες */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feat{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:grid;gap:10px;align-content:start}
.feat .ficon{width:46px;height:46px;border-radius:12px;background:var(--soft);color:var(--blue);display:grid;place-items:center;margin-bottom:6px}
.feat h3{font-size:1.2rem}
.feat p{font-size:.98rem}

/* πώς δουλεύει */
.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}
.step{border-top:3px solid var(--blue);padding-top:16px;display:grid;gap:8px;align-content:start}
.step.addon{border-top-color:var(--green);border-top-style:dashed}
.step .n{font:700 .85rem var(--font-display);color:var(--blue-text)}
.step.addon .n{color:var(--green-text)}
.step h3{font-size:1.1rem}
.step p{font-size:.94rem}
.tag{display:inline-block;justify-self:start;font-size:.72rem;font-weight:700;color:var(--green-text);background:var(--green-soft);border-radius:999px;padding:2px 9px}

/* προσφορά: PDF / Word και καταστάσεις */
.doc-visual{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:28px;display:grid;gap:22px}
.doc-buttons{display:grid;gap:10px}
.doc-btn{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:10px;background:var(--blue);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 10px 22px -14px rgba(0,120,212,.8)}
.doc-btn.alt{background:var(--brand);box-shadow:0 10px 22px -14px rgba(23,23,40,.8)}
.doc-formats{display:flex;gap:16px;align-items:center}
.doc-formats img{width:76px;height:76px}
.doc-formats .or{font-weight:700;color:var(--muted)}
.statuses{display:flex;flex-wrap:wrap;gap:8px}
.statuses .pill{font-size:.8rem;padding:6px 11px}
.list{display:grid;gap:14px;margin-top:24px;padding:0;list-style:none}
.list li{display:flex;gap:12px;align-items:flex-start;color:var(--ink)}
.list svg{color:var(--blue);margin-top:2px}
.band.dark .list li{color:#E4EAF4}
.band.dark .list svg{color:#6EE7B7}

/* αναφορές */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}
.panel h3{font-size:1rem;margin-bottom:16px}
.example{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.funnel{display:grid;gap:12px}
.funnel .row{display:grid;grid-template-columns:7.5em 1fr 2.5em;align-items:center;gap:10px;font-size:.88rem}
.funnel .bar{height:12px;border-radius:6px;background:#E6EDF6}
.funnel .bar i{display:block;height:100%;border-radius:6px;background:var(--blue)}
.funnel .row:last-child .bar i{background:var(--green)}
.funnel b{text-align:right;font-variant-numeric:tabular-nums}

/* υλοποίηση και σαρωτής */
.scanner{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.scanner img{display:block;width:100%;height:auto;background:#fff}
.scanner-body{padding:22px 24px 24px;display:grid;gap:10px;border-top:1px solid var(--line)}
.scanner-body h3{font-size:1.15rem}
.scanner-body .tags{display:flex;flex-wrap:wrap;gap:8px}

/* μικρά πράγματα */
.tips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
.tips li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:6px;align-content:start}
.tips b{font-family:var(--font-display);font-size:1.02rem;color:var(--ink)}
.tips span{font-size:.93rem;color:var(--muted)}

/* ασφάλεια, απαιτήσεις */
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.specs div{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;gap:2px;min-width:0}
.specs div:nth-child(odd){border-right:1px solid var(--line)}
.specs div:nth-last-child(-n+2){border-bottom:0}
.specs span{font-size:.8rem;color:var(--muted);font-weight:600}
.specs b{font-size:1rem}

/* πακέτα */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:8px;align-content:start;justify-items:start}
.plan img{width:84px;height:84px;margin-bottom:6px}
.plan h3{font-size:1.25rem}
.plan p{font-size:.95rem}
.addons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.addon-card{display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px}
.addon-card img{width:64px;height:64px;flex:none}
.addon-card .ficon{width:64px;height:64px;border-radius:16px;background:var(--green-soft);color:var(--green-text);display:grid;place-items:center;flex:none}
.addon-card .ficon svg{width:30px;height:30px}
.addon-card h3{font-size:1.08rem;margin-bottom:4px}
.addon-card p{font-size:.94rem}
.price-note{margin-top:22px;font-weight:600;color:var(--ink)}

/* θέματα εμφάνισης: σχηματικό παράθυρο με τα πραγματικά χρώματα των 7 σχεδίων της εφαρμογής */
.tp{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}
.tp-win{--fs:1;--dn:1;--ts:1;--t-r:8px;min-width:0;border-radius:12px;overflow:hidden;border:1px solid var(--t-border);background:var(--t-ground);color:var(--t-text);font:400 calc(13.5px * var(--fs) * var(--ts))/1.45 var(--font);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.tp-win *{transition:background-color .25s,color .25s,border-color .25s}
.tp-head{background:var(--t-header);color:var(--t-headerText);display:flex;align-items:center;gap:10px;padding:calc(9px * var(--dn)) 14px;font-weight:600}
.tp-head img{width:18px;height:18px}
.tp-chip{margin-left:auto;border:1px solid var(--t-chip);border-radius:999px;padding:1px 10px;font-size:.85em;font-weight:400}
.tp-body{display:grid;grid-template-columns:8.6em minmax(0,1fr);min-height:300px}
.tp-nav{background:var(--t-nav);color:var(--t-navText);padding:calc(10px * var(--dn)) 8px;display:grid;gap:calc(3px * var(--dn));align-content:start;border-right:1px solid var(--t-border)}
.tp-nav span{padding:calc(7px * var(--dn)) 10px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-nav span.on{background:var(--t-navActive);font-weight:600}
.tp-main{padding:calc(14px * var(--dn));display:grid;gap:calc(12px * var(--dn));align-content:start;min-width:0}
.tp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--dn))}
.tp-card{background:var(--t-card);border:1px solid var(--t-border);border-radius:var(--t-r);padding:calc(11px * var(--dn)) 13px;min-width:0}
.tp-card h4{margin:0 0 calc(6px * var(--dn));font:700 1em var(--font);letter-spacing:0;color:inherit}
.tp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:calc(7px * var(--dn)) 0;border-top:1px solid var(--t-border)}
.tp-row span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-row.sel{background:var(--t-cardSel);margin-inline:-13px;padding-inline:13px}
.tp-sub{color:var(--t-text2);font-size:.88em}
.tp-pill{flex:none;font-size:.78em;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--t-warnBg);color:var(--t-warnText)}
.tp-pill.ok{background:var(--t-accentLight);color:var(--t-accentOn)}
.tp-kpi b{display:block;font-size:1.9em;line-height:1.1;font-weight:700}
.tp-amount{display:block;font-size:1.25em;font-weight:700}
.tp-btn{display:inline-block;margin-top:calc(8px * var(--dn));background:var(--t-accent);color:var(--t-accentText);border-radius:6px;padding:5px 12px;font-weight:700;font-size:.92em}
.tp-controls{display:grid;gap:22px;min-width:0}
.tp-lbl{display:block;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:9px}
.tp-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tp-theme{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;font-family:inherit;font-weight:600;font-size:.92rem;line-height:1.2;text-align:left}
.tp-theme[aria-pressed="true"]{border-color:#4AA3F0;box-shadow:inset 0 0 0 1px #4AA3F0}
.sw{flex:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:7px 1fr;width:32px;height:24px;border-radius:5px;overflow:hidden;border:1px solid rgba(127,127,127,.4)}
.sw i:first-child{grid-column:1/3}
.tp-desc{margin-top:10px;font-size:.95rem}
.tp-sub2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tp-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tp-seg button{border:0;border-right:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 14px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.9rem}
.tp-seg button:last-child{border-right:0}
.tp-seg button[aria-pressed="true"]{background:#4AA3F0;color:#06223D}
.tp-bgs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tp-bg{width:30px;height:30px;border-radius:50%;border:1px solid rgba(127,127,127,.5);cursor:pointer;padding:0}
.tp-bg[aria-pressed="true"]{box-shadow:0 0 0 2px var(--brand),0 0 0 4px #4AA3F0}
.tp-bg:disabled{opacity:.3;cursor:not-allowed}
.tp-note{font-size:.85rem;margin-top:8px}

/* ερωτήσεις */
.faq-wrap{max-width:860px}
.faq-wrap details{border-bottom:1px solid var(--line);padding:18px 0}
.faq-wrap summary{font-weight:700;font-size:1.07rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-wrap summary::-webkit-details-marker{display:none}
.faq-wrap summary::after{content:"+";color:var(--blue);font-weight:700;font-size:1.2rem;line-height:1}
.faq-wrap details[open] summary::after{content:"−"}
.faq-wrap details p{margin-top:10px;max-width:46em}

/* επίδειξη */
.demo-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.demo-copy{position:sticky;top:110px}
.demo-copy h2{font-size:clamp(2rem,3.8vw,3rem);font-weight:700;color:#fff}
.demo-copy p{margin-top:14px;font-size:1.07rem;color:#C8D1E2}
.demo-copy .list li{color:#E4EAF4}
.contact-email{display:inline-block;margin-top:22px;color:#fff;font-weight:700;font-size:1.05rem}
.demo-form{background:var(--surface);color:var(--ink);border-radius:18px;padding:30px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.band.dark .demo-form{--ink:#121A2B;--muted:#556680;--line:#DCE3EC;--surface:#FFFFFF}
.form-row{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.form-row label{font-size:.88rem;font-weight:700;color:var(--ink)}
.form-row input,.form-row textarea{width:100%;border:1px solid #CDD6E3;border-radius:10px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff}
.form-row input:focus,.form-row textarea:focus{outline:3px solid rgba(0,120,212,.18);border-color:var(--blue)}
.form-row textarea{resize:vertical}
.form-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--muted);margin:6px 0 18px}
.checkbox-row input{margin-top:4px;accent-color:var(--blue)}
.form-note,.form-status{font-size:.8rem;margin-top:12px;color:var(--muted)}
.form-status{font-weight:700;color:var(--ink)}
.form-note a{color:var(--blue-text);font-weight:600}

/* υποσέλιδο */
.site-footer{background:#10101E;color:#C8D1E2;padding-top:44px}
.footer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-bottom:30px}
.footer-main p{color:#99A4BA;font-size:.92rem}
.footer-main>a:last-child{color:#fff;font-weight:600}
.brand-light{color:#fff}
.footer-bottom{border-top:1px solid #26283F;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;padding-block:18px;font-size:.85rem;color:#99A4BA}
.footer-bottom div{display:flex;flex-wrap:wrap;gap:20px}
.footer-bottom a{color:#DCE6F5;text-decoration:none}
.footer-bottom a:hover{text-decoration:underline}

/* σελίδες κειμένου (απόρρητο, οδηγός) και 404 */
.legal-page{max-width:860px;padding-block:72px}
.legal-page h1{font-size:clamp(2.2rem,4vw,3.3rem);margin-bottom:18px}
.legal-page h2{font-size:1.45rem;margin:36px 0 12px}
.legal-page p,.legal-page li{color:#3B4A62}
.legal-page p+p{margin-top:12px}
.legal-page a:not(.button):not(.brand){color:var(--blue-text)}
.notice{border-left:4px solid var(--blue);padding:15px 18px;background:var(--soft);color:var(--ink);border-radius:0 10px 10px 0;margin-block:18px}

/* ---------- οθόνες ---------- */
@media (max-width:1000px){
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .tips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero,.split,.tp,.demo-section{grid-template-columns:1fr}
  .hero{gap:44px;padding-top:48px}
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-copy{position:static}
  .footer-main{grid-template-columns:1fr}
}
/* Το μενού χωράει σε μία γραμμή μόνο από ~1040px και πάνω· πιο κάτω έπεφτε πάνω στο λογότυπο (εύρημα 21/10/2026, στα 800px) */
@media (max-width:1040px){
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--brand);border-bottom:1px solid rgba(255,255,255,.1);padding:18px 16px 22px;flex-direction:column;align-items:stretch;gap:16px}
  .main-nav.open{display:flex}
  .lang-switch{border-left:0;padding-left:0}
}
@media (max-width:640px){
  body{font-size:16px}
  .band{padding-block:64px}
  .grid3,.steps,.tips,.plans,.addons,.form-2,.tp-sub2,.tp-cards{grid-template-columns:1fr}
  .stage{grid-template-columns:1fr;gap:14px}
  .reminders,.stage .sheet{grid-column:1;grid-row:auto;margin-top:0}
  .reminders li{grid-template-columns:auto 1fr}
  .reminders li .pill{grid-column:2;justify-self:start}
  .sheet{padding:16px}
  .specs{grid-template-columns:1fr}
  .specs div:nth-child(odd){border-right:0}
  .specs div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .demo-form{padding:22px 18px}
  .doc-formats img{width:60px;height:60px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
/* Σελίδες με μόνο την κάτω γραμμή στο υποσέλιδο (απόρρητο, οδηγός) */
.site-footer>.footer-bottom:first-child{border-top:0;padding-top:0;padding-bottom:26px}

/* ---------- Σχηματικές οθόνες της εφαρμογής ----------
   Ίδια δομή με την εφαρμογή (MainWindow: κεφαλίδα, οριζόντια μπάρα μενού, περιεχόμενο) και τα χρώματα του
   «Κλασικού» σχεδίου (AppThemes.cs). Τα δεδομένα είναι παράδειγμα· το λέει η λεζάντα κάτω από κάθε εικόνα.
   Μέχρι τις 21/10/2026 η εικόνα των θεμάτων είχε το μενού σε στήλη αριστερά, που δεν ισχύει στην εφαρμογή. */
.shot{margin:0;min-width:0}
.aw-cap{font-size:.8rem;color:var(--muted);margin-top:10px}
.appwin{--aw-head:#1E1E32;--aw-active:#4F46E5;--aw-ground:#F5F5FA;--aw-card:#FFFFFF;--aw-sel:#E5E7EB;--aw-accent:#0078D4;--aw-text:#1F2933;--aw-text2:#6B7280;--aw-border:#E2E4E9;
  min-width:0;border-radius:12px;overflow:hidden;border:1px solid #D5D9E2;background:var(--aw-ground);color:var(--aw-text);font:400 12.5px/1.4 var(--font);box-shadow:var(--shadow);text-align:left}
.aw-head{display:flex;align-items:center;gap:8px;background:var(--aw-head);color:#fff;padding:8px 12px;font-weight:600;font-size:1.05em}
.aw-head img{width:18px;height:18px}
.aw-icons{margin-left:auto;display:flex;gap:10px;opacity:.9;font-size:.95em}
.aw-user{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:1px 9px;font-weight:400;font-size:.86em}
.aw-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--aw-head);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.aw-nav span{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 3px;white-space:nowrap;overflow:hidden;font-size:.95em}
.aw-nav span.on{background:var(--aw-active);font-weight:600}
.aw-nav em{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.aw-main{padding:12px;display:grid;gap:10px;align-content:start;min-width:0}
.aw-card{background:var(--aw-card);border:1px solid var(--aw-border);border-radius:8px;padding:10px 12px;min-width:0}
.aw-h{font-weight:700;margin-bottom:8px}
.aw-sub,.appwin small{color:var(--aw-text2);font-size:.88em}
.aw-btn{display:inline-flex;align-items:center;gap:5px;background:var(--aw-accent);color:#fff;border-radius:6px;padding:5px 10px;font-weight:700;font-size:.92em;white-space:nowrap}
.aw-btn.alt{background:#0B8A5C}
.aw-btn.ghost{background:#EEF0F4;color:var(--aw-text)}
.aw-pill{display:inline-block;font-size:.8em;font-weight:700;padding:1px 7px;border-radius:999px;white-space:nowrap}
.aw-pill.red{background:#FEE2E2;color:#B91C1C}
.aw-pill.amber{background:#FEF3C7;color:#92400E}
.aw-pill.green{background:#E3FBF2;color:#0B8A5C}
.aw-pill.blue{background:#E7F1FC;color:#005A9E}

/* Αρχική */
.aw-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.aw-kpi{background:var(--aw-card);border:1px solid var(--aw-border);border-top:3px solid var(--k,#0078D4);border-radius:8px;padding:8px 10px;display:grid;gap:1px;min-width:0}
.aw-kpi span{font-weight:700;font-size:.92em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aw-kpi small{font-size:.76em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aw-kpi b{font-size:1.55em;line-height:1.15;font-variant-numeric:tabular-nums}
.aw-home-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px}
.aw-bars{display:flex;align-items:flex-end;gap:6px;height:100px;padding-top:4px}
.aw-bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:100%;min-width:0}
.aw-bars i{display:block;width:100%;max-width:34px;border-radius:4px 4px 0 0;background:var(--aw-accent)}
.aw-bars.green i{background:#10B981}
.aw-bars em{font-style:normal;font-size:.76em;color:var(--aw-text2);white-space:nowrap}
.aw-bars u{text-decoration:none;font-size:.72em;font-weight:700;white-space:nowrap}
.aw-rem ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.aw-rem li{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding-bottom:7px;border-bottom:1px solid var(--aw-border)}
.aw-rem li:last-child{border-bottom:0;padding-bottom:0}
.aw-rem .seen{font-size:.82em;color:#0B8A5C;font-weight:700;white-space:nowrap}

/* Πελάτες */
.aw-split{display:grid;grid-template-columns:.95fr 1.35fr;gap:10px;align-items:start}
.aw-search{border:1px solid var(--aw-border);border-radius:6px;padding:6px 8px;color:var(--aw-text2);margin-bottom:8px;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-li{padding:7px 8px;border-radius:6px;display:grid;gap:1px;min-width:0}
.aw-li.sel{background:var(--aw-sel)}
.aw-li b{color:#8B0000}
.aw-li small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-list .aw-btn{margin-top:8px}
.aw-detail{display:grid;gap:10px;min-width:0}
.aw-name{font-size:1.25em;font-weight:700;color:#8B0000}
.aw-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.aw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.aw-stats div{display:grid;gap:1px;min-width:0}
.aw-stats b{font-variant-numeric:tabular-nums}
.aw-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:-11px}
.aw-tabs span{padding:5px 10px;border-radius:6px 6px 0 0;background:#E9ECF2;font-weight:600;font-size:.92em;white-space:nowrap}
.aw-tabs span.on{background:var(--aw-card);border:1px solid var(--aw-border);border-bottom-color:var(--aw-card);position:relative;z-index:1}
.aw-equip{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}

/* Reports */
.aw-filter{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--aw-text2);font-size:.9em}
.aw-filter b{color:var(--aw-text)}
.aw-kpis.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.aw-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.aw-funnel{display:grid;gap:7px}
.aw-funnel div{display:grid;grid-template-columns:7.2em 1fr 2.4em;gap:8px;align-items:center}
.aw-funnel i{display:block;height:10px;border-radius:5px;background:var(--aw-accent)}
.aw-funnel div:last-child i{background:#10B981}
.aw-funnel b{text-align:right;font-variant-numeric:tabular-nums}
.aw-top{list-style:none;margin:0;padding:0;display:grid;gap:5px;counter-reset:t}
.aw-top li{display:grid;grid-template-columns:1.4em 1fr auto;gap:6px;align-items:center;counter-increment:t}
.aw-top li::before{content:counter(t);font-weight:700;color:var(--aw-text2)}
.aw-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aw-top b{font-variant-numeric:tabular-nums}

/* Υλοποίηση: «Ανά στάδιο» */
.aw-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.aw-toolbar .aw-search{margin:0;flex:1 1 140px;min-width:0}
.aw-chip{border:1px solid var(--aw-border);background:#fff;border-radius:6px;padding:4px 9px;font-weight:600;font-size:.9em;white-space:nowrap}
.aw-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.aw-col{background:#ECEEF3;border-radius:8px;padding:6px;display:grid;gap:6px;align-content:start;min-width:0}
.aw-col>span{font-weight:700;font-size:.9em;padding:3px 6px;border-radius:5px;color:#fff;background:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-ticket{background:#fff;border:1px solid var(--aw-border);border-left:4px solid var(--c);border-radius:6px;padding:6px 7px;display:grid;gap:3px;min-width:0}
.aw-ticket b{font-size:.92em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-ticket small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-ticket .late{color:#B91C1C;font-weight:700;font-size:.82em}

/* Σαρωτής: δελτίο → σαρωτής → πρόγραμμα */
.scan-flow{display:grid;grid-template-columns:.8fr auto .9fr auto 1.3fr;gap:14px;align-items:center}
.scan-step{display:grid;gap:12px;justify-items:center;text-align:center;min-width:0}
.scan-step>p{font-weight:700;color:var(--ink);font-size:.95rem}
.scan-step>p span{display:block;font-weight:400;color:var(--muted);font-size:.88rem}
.flow-arrow{color:var(--blue);font-size:1.6rem;font-weight:700}
.ticket{background:#fff;border:1px solid #CDD3DE;border-radius:6px;box-shadow:var(--shadow);padding:14px;width:min(100%,260px);display:grid;gap:8px;text-align:left;font-size:.8rem;color:#1F2933}
.ticket-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.ticket-top svg{width:78px;height:78px;flex:none}
.ticket-code{font:700 .86rem var(--font);white-space:nowrap;font-variant-numeric:tabular-nums}
.ticket .route{color:#6B7280}
.scanner-photo{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;width:min(100%,280px)}
.scanner-photo img{display:block;width:100%;height:auto}
.scan-step .appwin{width:100%}
.aw-modes{display:flex;gap:6px}
.aw-modes span{flex:1;text-align:center;padding:6px;border-radius:6px;border:1px solid var(--aw-border);background:#fff;font-weight:700}
.aw-modes span.on{background:var(--aw-accent);border-color:var(--aw-accent);color:#fff}
.aw-scanrow{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:6px 8px;border-radius:6px;background:#E3FBF2}
.aw-scanrow.bad{background:#FEE2E2}
.aw-scanrow b{font-size:1.12em;font-variant-numeric:tabular-nums}
.aw-scanrow small{grid-column:2}
.aw-scanrow i{font-style:normal;font-weight:700;color:#0B8A5C}
.aw-scanrow.bad i{color:#B91C1C}
.uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:44px 0 0;padding:0;list-style:none}
.uses li{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:6px;align-content:start}
.uses b{font-family:var(--font-display);font-size:1.02rem;color:var(--ink)}
.uses span{font-size:.93rem;color:var(--muted)}
.scan-note{margin-top:18px;font-size:.95rem}
.split.wide{grid-template-columns:1.25fr .75fr}
.split.wide-r{grid-template-columns:.78fr 1.22fr}
.doc-visual{background:var(--surface)}

/* Θέματα: το παράθυρο έχει πλέον την οριζόντια μπάρα μενού της εφαρμογής */
.tp-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0;background:var(--t-nav);color:var(--t-navText);border-right:0;border-top:1px solid rgba(127,127,127,.18)}
.tp-nav span{display:flex;justify-content:center;gap:4px;padding:calc(7px * var(--dn)) 3px;border-radius:0;font-size:.92em}
.tp-nav em{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.tp-main{min-height:250px}

@media (max-width:900px){
  .aw-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .aw-home-grid{grid-template-columns:1fr 1fr}
  .aw-home-grid .aw-rem{grid-column:1/-1}
  .scan-flow{grid-template-columns:1fr;justify-items:center}
  .flow-arrow{transform:rotate(90deg)}
  .uses{grid-template-columns:1fr 1fr}
  .split.wide,.split.wide-r{grid-template-columns:1fr}
}
@media (max-width:640px){
  .appwin{font-size:11.5px}
  .aw-nav em,.tp-nav em{display:none}
  .aw-icons{display:none}
  .aw-kpis,.aw-kpis.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aw-home-grid,.aw-split,.aw-two,.uses{grid-template-columns:1fr}
  .aw-board{grid-template-columns:1fr 1fr}
  .aw-stats{grid-template-columns:1fr 1fr}
}

/* =========================================================================
   Ανανέωση 13/11/2026: σκούρο hero, Πριν/Μετά, Προσαρμογή, Εκδόσεις κλάδου,
   «Από την προσφορά στο δελτίο», «Νέο στην εφαρμογή», σταθερό κουμπί στο κινητό,
   και οι σελίδες των εκδόσεων (officesupplies., printshop.).
   ========================================================================= */

/* hero σε σκούρο φόντο με τη λάμψη των δύο κύκλων του λογότυπου */
.hero-band{--glow-a:rgba(0,120,212,.5);--glow-b:rgba(16,185,129,.38);position:relative;overflow:hidden;isolation:isolate;background:var(--brand);color:#EEF3FA}
.hero-band::before,.hero-band::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.hero-band::before{width:760px;height:760px;left:-300px;top:-360px;background:radial-gradient(circle,var(--glow-a),transparent 64%)}
.hero-band::after{width:820px;height:820px;right:-320px;bottom:-460px;background:radial-gradient(circle,var(--glow-b),transparent 64%)}
.hero-band .eyebrow{color:#7CC4FA}
.hero-band h1{color:#fff}
.hero-band h1 .hl{color:transparent;background:linear-gradient(92deg,#4FB0FF 10%,#34D399 90%);-webkit-background-clip:text;background-clip:text}
.hero-band .hero-lede{color:#C8D1E2}
.hero-band .text-link{color:#fff}
.hero-band .checks{color:#E4EAF4}
.hero-band .checks svg{color:#34D399}

/* Πριν / Μετά */
.ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.ba>div{border-radius:var(--radius);padding:24px 26px;display:grid;gap:12px;align-content:start;min-width:0}
.ba .before{background:var(--surface);border:1px dashed #C3CEDD}
.ba .after{background:var(--brand);color:#E4EAF4;box-shadow:var(--shadow)}
.ba h3{font-size:1.1rem}
.ba .after h3{color:#fff}
.ba ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ba li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:.98rem}
.ba .before li{color:var(--muted)}
.ba li::before{content:"✕";font-weight:700;color:#B4BFD0;line-height:1.6}
.ba .after li::before{content:"✓";color:#34D399}

/* Προσαρμογή */
.cust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:start}
.cust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
.cust-grid li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:6px;align-content:start;min-width:0}
.cust-grid b{font-family:var(--font-display);font-size:1.02rem;color:var(--ink)}
.cust-grid span{font-size:.93rem;color:var(--muted)}
.aw-fields{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.aw-fields th{font-weight:600;color:var(--aw-text2);text-align:left;font-size:.86em;padding:4px 6px;border-bottom:1px solid var(--aw-border)}
.aw-fields td{padding:6px;border-bottom:1px solid var(--aw-border);vertical-align:middle}
.aw-fields tr:last-child td{border-bottom:0}
.aw-fields .lbl{border:1px solid var(--aw-border);background:#fff;border-radius:5px;padding:2px 7px;font-weight:700;color:#1F2933;display:inline-block}
.aw-fields .off{color:var(--aw-text2);font-style:italic}
.aw-fields .on{color:#0B8A5C;font-weight:700}
.aw-fields .dim{opacity:.35}

/* Εκδόσεις κλάδου */
.editions{margin-top:72px}
.editions-head{max-width:700px;margin-bottom:28px}
.editions-head h3{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:700}
.editions-head p{margin-top:12px;font-size:1.05rem}
.ed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ed-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px 16px;display:grid;gap:10px;align-content:start;min-width:0;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
a.ed-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ed-card img{display:block;width:100%;height:auto;border-radius:10px}
.ed-card p{font-size:.94rem;padding-inline:4px}
.ed-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-inline:4px;font-weight:700;font-size:.92rem}
.ed-foot .go{color:var(--blue-text)}
.ed-card.soon img{filter:saturate(.55);opacity:.8}
.ed-note{margin-top:22px;font-size:1rem;color:var(--ink)}

/* Υλοποίηση: από την προσφορά στο δελτίο */
.track{margin-top:72px}
.track h3.big{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:700;max-width:24em}
.track>p{margin-top:12px;font-size:1.05rem;max-width:44em}
.states{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 24px;padding:0;list-style:none}
.states li{display:flex;align-items:center;gap:8px}
.states li+li::before{content:"→";color:var(--muted);font-weight:700}
.states .pill{font-size:.84rem;padding:7px 12px}
.flow4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
.flow4 li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:8px;align-content:start;min-width:0}
.flow4 .ficon{width:42px;height:42px;border-radius:11px;background:var(--soft);color:var(--blue);display:grid;place-items:center}
.flow4 b{font-family:var(--font-display);font-size:1.05rem;color:var(--ink)}
.flow4 span{font-size:.93rem;color:var(--muted)}

/* Νέο στην εφαρμογή (σκούρα ζώνη) */
.news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
.news li{background:#20213A;border:1px solid #2F3150;border-radius:12px;padding:18px;display:grid;gap:7px;align-content:start;min-width:0}
.news .v{justify-self:start;font:700 .72rem/1 ui-monospace,"Cascadia Mono",Consolas,monospace;color:#6EE7B7;background:rgba(16,185,129,.14);border-radius:999px;padding:4px 8px}
.news b{font-family:var(--font-display);font-size:1.02rem;color:#fff}
.news span{font-size:.92rem;color:#A9B4C9}

/* Προσφορές: διακόπτης γραμμής */
.line-switch{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-weight:700;font-size:.85rem;justify-self:start}
.line-switch span{padding:8px 12px;color:var(--muted);background:var(--surface)}
.line-switch span.on{background:var(--soft);color:var(--blue-text)}
.line-switch span+span{border-left:1px solid var(--line)}

/* φόρμα: επιλογή κλάδου */
.form-row select{width:100%;border:1px solid #CDD6E3;border-radius:10px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff}
.form-row select:focus{outline:3px solid rgba(0,120,212,.18);border-color:var(--blue)}

/* σταθερό κουμπί επίδειξης στο κινητό */
.mobile-cta{display:none}
@media (max-width:640px){
  .mobile-cta{display:flex;position:fixed;z-index:50;left:0;right:0;bottom:0;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(23,23,40,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);transition:transform .25s}
  .mobile-cta .button{flex:1}
  .mobile-cta.is-hidden{transform:translateY(110%)}
  body.has-mobile-cta{padding-bottom:76px}
}

/* υποσέλιδο: σύνδεσμοι εκδόσεων */
.footer-eds{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.88rem}
.footer-eds a{color:#DCE6F5;text-decoration:none}
.footer-eds a:hover{text-decoration:underline}

/* ---------- σελίδες εκδόσεων ---------- */
.ed-os{--ed:#0FB5E8;--ed-text:#0A7FA8;--ed-soft:#DDF5FC}
.ed-ps{--ed:#1E7BF2;--ed-text:#1660C4;--ed-soft:#E1EDFD}
.ed-page .hero-band{--glow-b:color-mix(in srgb,var(--ed) 46%,transparent)}
.ed-page .hero-band .eyebrow{color:color-mix(in srgb,var(--ed) 70%,#fff)}
.ed-page .hero-band h1 .hl{background:linear-gradient(92deg,color-mix(in srgb,var(--ed) 75%,#fff) 10%,#34D399 90%);-webkit-background-clip:text;background-clip:text}
.ed-page .band:not(.dark) .eyebrow{color:var(--ed-text)}
.ed-logo{display:block;width:min(100%,360px);height:auto;margin-bottom:22px}
.ed-page .feat .ficon,.ed-page .flow4 .ficon{background:var(--ed-soft);color:var(--ed-text)}
.ed-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.ed-steps li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink)}
.ed-steps li+li::before{content:"→";color:var(--muted)}
.ed-steps i{font-style:normal;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:.82rem;background:var(--c)}
.ed-steps span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;display:inline-flex;align-items:center;gap:8px}
.aw-eq{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-variant-numeric:tabular-nums}
.aw-eq dt{color:var(--aw-text2)}
.aw-eq dd{margin:0;font-weight:700}
.aw-alert{margin-top:10px;background:#FEF3C7;color:#92400E;border-radius:6px;padding:6px 9px;font-weight:700}
.aw-wrap{overflow-x:auto}
.aw-prod{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.aw-prod th{font-weight:600;color:var(--aw-text2);text-align:left;font-size:.86em;padding:5px 6px;border-bottom:1px solid var(--aw-border);white-space:nowrap}
.aw-prod td{padding:6px;border-bottom:1px solid var(--aw-border)}
.aw-prod tr:last-child td{border-bottom:0}
.aw-prod .r{text-align:right}
.aw-prod .x{background:#F3EEFF}
.label-a6{background:#fff;border:1px solid #CDD3DE;border-radius:6px;box-shadow:var(--shadow);padding:14px;width:min(100%,230px);display:grid;gap:8px;justify-items:center;text-align:center;font-size:.8rem;color:#1F2933}
.label-a6 svg{width:110px;height:110px}
.label-a6 dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;text-align:left;width:100%}
.label-a6 dt{color:#6B7280}
.label-a6 dd{margin:0;font-weight:700}

@media (max-width:1000px){
  .news,.flow4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .cust{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ba,.cust-grid,.news,.flow4,.ed-grid{grid-template-columns:1fr}
  .hero-band::before{width:520px;height:520px;left:-260px;top:-240px}
  .hero-band::after{width:560px;height:560px;right:-300px;bottom:-300px}
}
@media (prefers-reduced-motion:reduce){
  .mobile-cta{transition:none}
}

/* σύνδεσμοι κειμένου μέσα στη σκούρα κεφαλίδα (π.χ. «← Αρχική» στο απόρρητο) */
.site-header .text-link{color:#fff}
/* οι κάρτες του hero κρατούν σκούρο κείμενο πάνω στο σκούρο φόντο */
.hero-band .reminders{color:var(--ink)}

/* εκδόσεις «Σύντομα»: χρώμα κάθε έκδοσης (όπως στο λογότυπό της) και η σελίδα αναμονής */
.ed-sv{--ed:#10B981;--ed-text:#047857;--ed-soft:#DDF6EC}
.ed-ws{--ed:#F97316;--ed-text:#C2410C;--ed-soft:#FFEDD5}
.ed-cm{--ed:#A855F7;--ed-text:#7E22CE;--ed-soft:#F3E8FF}
.ed-ag{--ed:#EC4899;--ed-text:#BE185D;--ed-soft:#FCE7F3}
.soon-hero{padding-block:64px 84px}
.soon-hero>*{max-width:820px}
.soon-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:700}
.soon-hero .hero-lede{max-width:40em}
.soon-note{margin-top:18px;font-size:.85rem;color:#A9B4C9}
.ed-gen{display:flex;align-items:center;gap:12px;background:var(--brand);color:#fff;border-radius:10px;padding:0 18px;aspect-ratio:721/165;font:400 1.35rem/1 var(--font-display)}
.ed-gen img{width:44px;height:44px;border-radius:0}
.ed-gen b{font-weight:700}

/* ---------- Πραγματικά mockups της εφαρμογής (13/11/2026, assets/app-demo.js) ----------
   Οι ενότητες με παράθυρο της εφαρμογής: κείμενο πάνω (τίτλος αριστερά, λίστα δεξιά) και το παράθυρο σε όλο το πλάτος,
   ώστε να φαίνεται σχεδόν στο πραγματικό του μέγεθος. */
.hero-shot{min-width:0}
.split-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 56px;align-items:end;margin-bottom:34px}
.split-head .list{margin-top:0}
.split-head h2{margin-top:0}
.demo-gap{margin-top:44px}
.sqa-fallback{padding:24px;text-align:center;color:var(--muted)}
.cust.stack{grid-template-columns:1fr;gap:30px}
.cust.stack .cust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Προσφορές: τα κουμπιά της εφαρμογής (QuotesView «⚡ Γρήγορες Ενέργειες») και το παράθυρο «Δημιουργία Προσφοράς» */
.doc-visual.real{gap:16px}
.doc-visual.real .card-title{margin-bottom:8px}
.mk-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk2{display:flex;align-items:center;gap:12px;border-radius:10px;padding:10px 14px;color:#fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.55)}
.mk2.retail{background:linear-gradient(135deg,#2B8FEF,#0057A3)}
.mk2.wholesale{background:linear-gradient(135deg,#6F67F0,#3730A3)}
.mk2 .mi{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:20px;flex:none}
.mk2 b{display:block;font-size:1rem}
.mk2 small{display:block;font-size:.74rem;color:#D6E9FA;line-height:1.2}
.fmt-choice{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:var(--bg)}
.fmt-choice>b{font-size:.92rem}
.fmts2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fmts2 span{border:1.5px solid var(--line);border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;background:var(--surface)}
.fmts2 img{width:46px;height:46px}
.fmts2 b{font-size:.95rem}
.fmts2 small{font-size:.74rem;color:var(--muted);line-height:1.25}
.stog2{display:grid;grid-template-columns:repeat(5,1fr);border-radius:8px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.stog2 span{text-align:center;font-size:.72rem;font-weight:600;padding:7px 3px 0;display:flex;flex-direction:column;justify-content:space-between;gap:5px;line-height:1.2;color:var(--ink)}
.stog2 span::after{content:"";height:4px;background:var(--c);margin:0 -3px}
@media (max-width:900px){
  .split-head{grid-template-columns:1fr;align-items:start}
  .cust.stack .cust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cust.stack .cust-grid,.mk-row,.fmts2{grid-template-columns:1fr}
  .stog2{grid-template-columns:repeat(3,1fr)}
}