/* Premium layer: φορτώνει ΜΕΤΑ το site.css και αλλάζει μόνο εμφάνιση (χρώματα, γράμματα, κάρτες, κουμπιά).
   Ίδιο design system με την εφαρμογή: Inter / Inter Tight, χρυσό gradient, κάρτες χωρίς περιγράμματα, ομαδοποιημένες λίστες.
   Γραμματοσειρές: Inter & Inter Tight (OFL, fonts/OFL-Inter.txt), από τον δικό μας server. */
@font-face{font-family:"Inter"; font-style:normal; font-display:swap; font-weight:100 900;
  src:url(fonts/inter-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,U+1F00-1FFF}
@font-face{font-family:"Inter"; font-style:normal; font-display:swap; font-weight:100 900;
  src:url(fonts/inter-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:"Inter Tight"; font-style:normal; font-display:swap; font-weight:100 900;
  src:url(fonts/inter-tight-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,U+1F00-1FFF}
@font-face{font-family:"Inter Tight"; font-style:normal; font-display:swap; font-weight:100 900;
  src:url(fonts/inter-tight-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}

:root{
  --f:"Inter","Segoe UI",Roboto,Arial,sans-serif;
  --fd:"Inter Tight","Inter","Segoe UI",Roboto,Arial,sans-serif;
  --bg:#F3F3F7; --bg-2:#E9E9EF; --card:#fff; --card-2:#F7F7FA; --ink:#0E0F14; --text:#3B3C48; --muted:#6C6D7C;
  --line:rgba(60,60,67,.14); --line-strong:rgba(60,60,67,.24); --fill:rgba(118,118,128,.11);
  --night:#090D2B; --night-2:#1C2370;
  --amber-hi:#FFCD63; --amber-lo:#EFA417;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -16px rgba(16,18,40,.22);
  --night-grad:radial-gradient(110% 80% at 100% 0%,rgba(246,183,60,.42),transparent 55%),radial-gradient(90% 70% at 0% 100%,rgba(62,111,232,.42),transparent 60%),linear-gradient(165deg,#1C2370,#090D2B 72%);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#000; --bg-2:#1B1B1F; --card:#1B1B1F; --card-2:#232327; --ink:#F5F5F7; --text:#D6D6DC; --muted:#9B9BA5;
    --line:rgba(84,84,88,.55); --line-strong:rgba(110,110,118,.6); --fill:rgba(118,118,128,.24);
    --night:#000; --shadow:none;
  }
}
:root[data-theme="dark"]{
  --bg:#000; --bg-2:#1B1B1F; --card:#1B1B1F; --card-2:#232327; --ink:#F5F5F7; --text:#D6D6DC; --muted:#9B9BA5;
  --line:rgba(84,84,88,.55); --line-strong:rgba(110,110,118,.6); --fill:rgba(118,118,128,.24);
  --night:#000; --shadow:none;
}

/* ===== Γράμματα ===== */
body{font-family:var(--f); font-feature-settings:"calt","cv11"; line-height:1.55}
h1,h2,h3,.hero h1,.sec-head h2,.how h2,.call h2,.calc-head h2,.pick-head h3{font-family:var(--fd); font-weight:600; letter-spacing:-.025em; line-height:1.12}
.hero h1{font-weight:600; letter-spacing:-.035em; line-height:1.06}
.hero h1 .h1-kick{font-family:var(--f); font-weight:500; letter-spacing:0}
.sec-head h2,.how h2{font-weight:600}
b,strong{font-weight:600}
/* Τίποτα κεφαλαίο με τόνους: φαίνεται «φωνακλάδικο» και χαλάει στα ελληνικά. */
.cap{text-transform:none; letter-spacing:0; font-size:.82rem; font-weight:500}
.site-foot b{text-transform:none; letter-spacing:0; font-size:.9rem; font-family:var(--fd)}
.ptable thead th{text-transform:none; letter-spacing:0; font-size:.8rem; font-weight:500}
.logo-text .wm,.hero-foot b,.meter-read b,.price b,.r-val b,.call .num,.helpbar b,.ptable .total,.steps .n{font-family:var(--fd)}
.hero-foot b,.meter-read b,.price b,.call .num{font-weight:600}
.r-val b{font-weight:600}
.steps .n{font-weight:600}

/* ===== Κουμπιά ===== */
.btn{border-radius:16px; min-height:54px; font-family:var(--fd); font-weight:600; font-size:1rem; border:0}
.btn:active{transform:scale(.98)}
.btn-amber{background:linear-gradient(180deg,var(--amber-hi),var(--amber-lo)); color:var(--on-amber); box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.08),0 12px 26px -12px rgba(239,164,23,.9)}
.btn-amber:hover{background:linear-gradient(180deg,#FFD878,#F3AE26); transform:translateY(-1px)}
.btn-ink{background:var(--ink); color:var(--bg)}
.btn-line{background:var(--fill); color:var(--ink); border:0; font-family:var(--f); font-weight:500}
.btn-line:hover{background:var(--line-strong)}
.btn-sm{min-height:46px}
.pick .btn-line,.call .btn-line{background:rgba(255,255,255,.1); color:var(--on-night); box-shadow:inset 0 0 0 1px var(--night-line)}
.pick .btn-line:hover{background:rgba(255,255,255,.16)}

/* ===== Header ===== */
.logo-mark{border-radius:11px}
.phone-pill{border:0; border-radius:12px; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px var(--night-line)}
.menu a{font-weight:500}
.hero-wrap{background:radial-gradient(60% 70% at 85% 10%,rgba(246,183,60,.26),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(62,111,232,.35),transparent 65%),linear-gradient(170deg,#1C2370,#090D2B 70%)}
.hero-wrap::before,.hero-wrap::after{display:none}
.eyebrow{display:inline-flex; width:fit-content; padding:6px 12px 6px 9px; border-radius:99px; background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px var(--night-line); font-size:.82rem; font-weight:500}
.eyebrow i{background:#3FD08A; box-shadow:0 0 0 4px rgba(63,208,138,.2)}
.hero-sub{font-weight:400}
.hero-foot{border-top:.5px solid var(--night-line)}

/* ===== Υπολογιστής ===== */
.calc{border:0; border-radius:28px; padding:24px; box-shadow:0 40px 80px -40px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}
.calc-head h2{font-size:1.35rem}
.q-lbl{font-weight:600}
.q-lbl i{background:var(--amber-soft); border-radius:99px; min-width:22px; text-align:center; padding:2px 7px; letter-spacing:0}
.who button{border:0; background:var(--fill); border-radius:16px; min-height:64px; font-weight:500}
.who button:hover{background:var(--line)}
.who button[aria-pressed="true"]{background:var(--card); box-shadow:inset 0 0 0 2px var(--ink)}
.tile{border-radius:13px; background:linear-gradient(160deg,var(--amber-soft),transparent); box-shadow:inset 0 0 0 1px rgba(239,164,23,.25)}
.meter{background:var(--card-2); border-radius:20px; box-shadow:inset 0 0 0 1px var(--line); padding:12px}
.meter button{border:0; background:var(--fill)}
.meter button:hover{background:var(--line-strong)}
.meter-read b{font-size:2.6rem; letter-spacing:-.035em}
.pill{border:0; background:var(--card); box-shadow:inset 0 0 0 1px var(--line); border-radius:99px; min-height:38px; padding:0 14px; font-weight:500}
.pill:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.pill[aria-pressed="true"]{background:var(--ink); color:var(--bg); box-shadow:none}
.billbox{background:var(--card-2); border-radius:18px; box-shadow:inset 0 0 0 1px var(--line)}
.seg{background:var(--fill); border-radius:13px}
.seg button{border-radius:10px}
.seg button[aria-pressed="true"]{box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.05)}
.ifield input,.plain{border:0; background:var(--fill); border-radius:14px}
.ifield input:focus,.plain:focus{background:var(--card); box-shadow:inset 0 0 0 2px var(--ink),0 0 0 4px var(--amber-soft)}

/* ===== Αποτελέσματα ===== */
.strip{border-bottom:.5px solid var(--line)}
.strip ul{font-weight:500}
.chart-card{border:0; border-radius:26px; box-shadow:var(--shadow); padding:18px}
.row{border-top:.5px solid var(--line); border-radius:16px}
.row[aria-pressed="true"]{border-color:transparent; background:var(--amber-soft); box-shadow:inset 0 0 0 1.5px var(--amber)}
.track{background:var(--fill)}
.line-lbl{border-radius:7px}
.legend{border-top:.5px solid var(--line)}
/* Κάρτα επιλογής = «πορτοφόλι» της εφαρμογής */
.pick{background:var(--night-grad); border-radius:28px; padding:26px; box-shadow:0 28px 56px -28px rgba(9,13,43,.75),inset 0 0 0 .5px rgba(255,255,255,.18)}
.pick::before{background:radial-gradient(circle,rgba(255,225,160,.5),rgba(246,183,60,.25) 40%,transparent 70%); width:340px; height:340px; right:-130px; top:-150px}
.pick .tile{background:rgba(255,255,255,.1); box-shadow:inset 0 0 0 1px var(--night-line); color:var(--on-night); font-family:var(--fd); font-weight:600; border-radius:14px}
.pick-head h3{font-size:1.4rem}
.price b{font-size:3rem; letter-spacing:-.04em}
.saving{border-radius:14px}
.pick .kv div{border-color:rgba(255,255,255,.14)}

/* ===== Πώς δουλεύει: κάρτες με εικονογράφηση ===== */
.steps{gap:20px; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.steps li{background:var(--card); border:0; border-radius:24px; padding:22px; box-shadow:var(--shadow); gap:10px}
.steps li::before{display:none}
.steps .ill{height:132px; margin:-2px 0 6px; border-radius:18px; background:var(--card-2); box-shadow:inset 0 0 0 1px var(--line); display:grid; place-items:center; overflow:hidden}
.steps .ill svg{width:100%; height:100%}
.steps .n{font-size:.85rem; color:var(--amber-ink)}
.steps b{font-family:var(--fd); font-size:1.15rem; font-weight:600}
.steps p{max-width:none}

/* ===== Γιατί εμείς ===== */
.why-card{border:0; border-radius:22px; box-shadow:var(--shadow)}
.why-card b{font-family:var(--fd); font-size:1.08rem}
.call{border-radius:28px; background:var(--night-grad)}
.call::before{display:none}

/* ===== Εφαρμογή ===== */
.appsec{margin-top:24px; border-radius:32px; overflow:hidden; position:relative; color:var(--night-muted); background:radial-gradient(60% 80% at 100% 50%,rgba(246,183,60,.24),transparent 60%),linear-gradient(170deg,#1C2370,#090D2B 75%)}
.appsec-in{display:grid; gap:36px; align-items:center; padding:40px 28px}
@media (min-width:860px){.appsec-in{grid-template-columns:minmax(0,1fr) minmax(0,.8fr); padding:56px 56px 56px 60px}}
.appsec h2{color:var(--on-night); font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem)}
.appsec p{margin-top:14px; font-size:1.05rem; max-width:44ch}
.appsec ul{list-style:none; margin:22px 0 26px; padding:0; display:grid; gap:12px}
.appsec li{display:flex; gap:12px; align-items:center; color:var(--on-night)}
.appsec li i{width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px var(--night-line); color:var(--amber)}
.stores{display:flex; flex-wrap:wrap; gap:10px}
.store{display:inline-flex; align-items:center; gap:10px; padding:10px 18px; border-radius:14px; background:#000; color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.store small{display:block; font-size:.7rem; opacity:.75; line-height:1.2}
.store b{display:block; color:#fff; font-family:var(--fd); font-size:1rem; line-height:1.2}
.store em{font-style:normal; font-size:.68rem; font-weight:600; padding:2px 7px; border-radius:6px; background:var(--amber); color:var(--on-amber); margin-left:4px}
.device{justify-self:center; width:270px; height:540px; border-radius:46px; padding:9px; background:linear-gradient(145deg,#3a3b40,#16171a 40%,#2b2c31); box-shadow:0 50px 90px -40px rgba(0,0,0,.8); transform:rotate(-4deg)}
@media (max-width:859px){.device{transform:none; height:480px; width:250px}}
.device .scr{height:100%; border-radius:38px; overflow:hidden; background:#F3F3F7; color:#0E0F14; padding:42px 14px 14px; display:flex; flex-direction:column; gap:12px; font-size:.75rem}
.device .mw{border-radius:18px; padding:14px; color:#F4F5FC; background:radial-gradient(110% 80% at 100% 0%,rgba(246,183,60,.45),transparent 55%),linear-gradient(165deg,#1C2370,#090D2B 72%)}
.device .mw span{color:#A9B0D8}
.device .mw b{display:block; color:#fff; font-family:var(--fd); font-size:1.65rem; letter-spacing:-.03em; line-height:1.15}
.device .mg{background:#fff; border-radius:14px; overflow:hidden}
.device .mr{display:flex; align-items:center; gap:9px; padding:10px 11px; border-top:.5px solid rgba(60,60,67,.14)}
.device .mr:first-child{border-top:0}
.device .mr i{width:28px; height:28px; border-radius:9px; flex:none; display:grid; place-items:center; color:#fff; font-style:normal; font-weight:700; font-family:var(--fd); font-size:.72rem}
.device .mr span{flex:1; font-weight:600; color:#0E0F14}
.device .mr em{font-style:normal; font-weight:600; font-family:var(--fd); color:#0E0F14}

/* ===== Πίνακας τιμών ===== */
.ptable-wrap{border:0; border-radius:24px; box-shadow:var(--shadow)}
.ptable thead th{background:var(--card-2)}
.ptable th,.ptable td{border-bottom:.5px solid var(--line)}
.ptable .total{font-weight:600}
.ptable tr.best{background:linear-gradient(90deg,var(--amber-soft),transparent 75%)}
@media (max-width:820px){
  .ptable tr{border:0; border-radius:22px; box-shadow:var(--shadow)}
  .ptable tr.best{box-shadow:0 0 0 2px var(--amber),var(--shadow)}
}

/* ===== Συχνές, footer, μπάρα βοήθειας ===== */
.faq details{border:0; border-radius:18px; box-shadow:var(--shadow)}
.faq summary{font-family:var(--fd); font-weight:600; font-size:1.05rem}
.helpbar{border-radius:20px; background:linear-gradient(165deg,#1C2370,#090D2B 80%)}
.site-foot{background:linear-gradient(180deg,#0B1030,#070A1E)}
.foot-legal{border-top:.5px solid var(--night-line)}

/* Διορθώσεις μετά τον έλεγχο */
.hero h1 .h1-kick{text-transform:none; letter-spacing:0; font-size:.95rem; font-weight:500; color:var(--amber); margin-bottom:10px}
main h2{font-family:var(--fd); font-weight:600; letter-spacing:-.025em}
.ptable .act .btn{white-space:nowrap; min-height:42px; padding:0 18px; border-radius:13px}
.appwrap{margin-top:24px}
.appsec{margin-top:0}
.device .mb{margin-top:auto; text-align:center; font-weight:600; font-family:var(--fd); padding:12px; border-radius:14px; color:#1A1202; background:linear-gradient(180deg,#FFCD63,#EFA417)}

/* Εσωτερικές σελίδες: ίδια βάρη, τίποτα κεφαλαίο */
.page-head h1,.pane h1,.sheet h2{font-family:var(--fd); font-weight:600; letter-spacing:-.03em}
.page-lead{font-weight:400}
.page-sec > h2,.sec-row h2,.faq h2{font-family:var(--fd); font-weight:600; letter-spacing:-.025em}
.facts span{text-transform:none; letter-spacing:0; font-size:.82rem; font-weight:500}
.plan-chip .amt{font-family:var(--fd); font-weight:600}
.call h2{font-weight:600}
.h1-kick{text-transform:none; letter-spacing:0; font-size:.95rem; font-weight:500}
.facts > *{border-radius:18px; border:0; box-shadow:inset 0 0 0 1px var(--night-line)}

/* ===== Γραφικά: λάμψη με κεραυνό + λογότυπα εταιρειών ===== */
.hero-wrap{isolation:isolate}
.hero-art{position:absolute; z-index:-1; right:-120px; top:-60px; width:640px; height:640px; opacity:.6; pointer-events:none}
@media (max-width:979px){.hero-art{width:420px; height:420px; right:-150px; top:-40px; opacity:.45}}
.pick > :not(.pick-art){position:relative}
.pick-art{position:absolute; right:-40px; top:-30px; width:230px; height:230px; pointer-events:none; opacity:.9}
.pick::before{display:none}
.plogo{width:40px; height:40px; border-radius:12px; flex:none; display:grid; place-items:center; position:relative; overflow:hidden; font-style:normal; font-family:var(--fd); font-weight:700; font-size:1rem; color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -8px 12px rgba(0,0,0,.12),0 8px 16px -8px var(--g)}
.plogo::before{content:""; position:absolute; inset:0; background:radial-gradient(120% 70% at 30% 0%,rgba(255,255,255,.35),transparent 60%)}
.pick .tile[class*="lg-"]{background:var(--lgb); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 20px -10px var(--g)}
/* γραμμή γραφήματος: λογότυπο + όνομα */
.row{grid-template-columns:minmax(9rem,12rem) minmax(0,1fr) 5.6rem}
.r-name{display:flex; align-items:center; gap:10px}
.r-name > span{display:grid; min-width:0; line-height:1.25}
.row.head > span:first-child{display:block}
@media (max-width:520px){.row{grid-template-columns:minmax(0,1fr) auto}}
/* πίνακας τιμών */
.ptable .plan{position:relative; padding-left:70px}
.ptable .plan .plogo{position:absolute; left:16px; top:50%; translate:0 -50%}
@media (max-width:820px){
  .ptable .plan{padding-left:54px; min-height:44px}
  .ptable .plan .plogo{left:0; top:2px; translate:none}
}
.lg-a{--lgb:linear-gradient(150deg,#3DBB82,#17744A); --g:#17744A} .lg-b{--lgb:linear-gradient(150deg,#F0884A,#BF4F16); --g:#BF4F16}
.lg-c{--lgb:linear-gradient(150deg,#6A93F5,#2750C4); --g:#2750C4} .lg-d{--lgb:linear-gradient(150deg,#E8B52C,#A67700); --g:#A67700}
.lg-e{--lgb:linear-gradient(150deg,#9C8CF8,#5E49D6); --g:#5E49D6} .lg-f{--lgb:linear-gradient(150deg,#4FB9C9,#1E7F8E); --g:#1E7F8E}
.plogo{background:var(--lgb)}
.ptable .plan .plogo{display:grid}

/* Πραγματικό λογότυπο: σε λευκό τετράγωνο (και στο σκούρο θέμα, για να φαίνονται τα χρώματα της εταιρείας) */
.plogo.has-img,.tile.has-img{background:#fff; box-shadow:inset 0 0 0 1px rgba(60,60,67,.14),0 6px 14px -8px rgba(16,18,40,.35); padding:5px; overflow:hidden}
.plogo.has-img::before{display:none}
.plogo.has-img img,.tile.has-img img{display:block; width:100%; height:100%; object-fit:contain}
.ptable .plan .plogo.has-img img{display:block}