/* Θέμα Proper (προεπισκόπηση 02/11/2026): χρώματα, γραμματοσειρά και σχήματα από το θέμα proper-2026 του proper.gr
   (assets/proper.css). Φορτώνεται μετά το app.css και υπερισχύει της μωβ παλέτας. */
:root{
  --volt:#1f6fe5; --volt-2:#4d8ef0; --volt-soft:#e8f0fd; --volt-deep:#165bc4; --light:#8fc1ff;
  --ink:#0b1c33; --ink-2:#33455f; --muted:#5d6f88; --muted-dark:#aab8cc;
  --page:#e9edf3; --surface:#fff; --soft:#f4f6fa; --line:#e1e6ee;
  --navy:#0b3961; --navy-2:#06152e; --blue:#1f6fe5; --blue-2:#165bc4;
  --green:#52b11e; --green-ink:#2f7f0f; --hl-bg:#fff; --hl-line:#1f6fe5; --green-dark:#7ccf4a;
  --font:"Roboto","Noto Sans",-apple-system,"Segoe UI",sans-serif; --display:"Roboto","Noto Sans",-apple-system,"Segoe UI",sans-serif;
  --r-card:20px; --r-sec:28px; --r-pill:999px;
}
body{background:var(--page);font-family:var(--font)}
h1,h2,h3{font-family:var(--display);letter-spacing:-.01em}
h1{font-weight:700}
h2{font-weight:700}

/* Header όπως στο proper.gr: σκούρο μπλε, λευκό λογότυπο, μενού στον υπολογιστή */
.top{background:var(--navy);border-bottom:0;backdrop-filter:none}
.top .wrap{height:64px}
.pr-logo{display:inline-flex;align-items:center}
.pr-logo img{display:block;height:28px;width:auto}
.pr-nav{display:none;gap:4px;margin-left:auto;margin-right:10px}
.pr-nav a{color:#dbe6f5;text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:999px}
.pr-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.pr-nav a.on{background:rgba(255,255,255,.14);color:#fff}
@media (min-width:980px){.pr-nav{display:flex}}
.pr-tel{display:none;color:#fff;text-decoration:none;font-size:14px;font-weight:500;margin-right:10px;white-space:nowrap}
@media (min-width:1180px){.pr-tel{display:inline}}

/* Κουμπιά */
.btn{font-family:var(--font)}
.btn.primary,.btn.volt{background:var(--blue);border:0;color:#fff;box-shadow:0 10px 26px -12px rgba(31,111,229,.75)}
.btn.primary:hover,.btn.volt:hover{background:var(--blue-2)}
.hero .btn.primary,.final .btn.primary{box-shadow:0 14px 34px -12px rgba(31,111,229,.9)}

/* Hero με φωτογραφία, όπως η αρχική του proper.gr */
.hero{background:linear-gradient(180deg,rgba(6,21,46,.55) 0%,rgba(6,21,46,.78) 55%,rgba(6,21,46,.94) 100%),url("/assets/img/receipt-1200.webp") center 30%/cover no-repeat;color:#fff}
.hero::before,.hero .bolt-bg{display:none}
.hero h1 em{background:none;color:var(--green-dark);padding:0;box-shadow:none;border-radius:0}
.hero p.sub{color:#dfe7f2}
.eyebrow{color:#dfe7f2;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}
.eyebrow::before{background:var(--green-dark);box-shadow:0 0 0 4px rgba(124,207,74,.2)}
.trust span{color:#eef2f8;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.phone{box-shadow:0 50px 90px -40px rgba(0,0,0,.8),0 0 0 2px rgba(255,255,255,.1)}

/* Ζώνη, ενότητες, κάρτες */
.strip{background:var(--navy-2)}
.strip span::before{background:var(--green-dark);box-shadow:none}
.strip b{color:#9cc8ff}
.drop{background:#f2f7ff;border-color:#bcd3f5}
.drop:hover,.drop.over{border-color:var(--blue);background:#e8f0fd}
.drop .ico{background:var(--blue);box-shadow:0 10px 24px -10px rgba(31,111,229,.7)}
input:focus,select:focus{outline:3px solid rgba(31,111,229,.3);border-color:var(--blue)}
.offer.hl{border-color:var(--blue);box-shadow:6px 6px 0 rgba(31,111,229,.16)}
.ba-arrow i{background:var(--blue);box-shadow:0 10px 30px -10px rgba(31,111,229,.8)}
.honest{border-color:var(--blue);box-shadow:10px 10px 0 rgba(31,111,229,.14)}
.section.dark{background:var(--navy)}
.section.dark .kicker{color:var(--green-dark)}.section.dark .kicker::before{background:var(--green-dark)}
.ben-card .ic{background:var(--blue);color:#fff}
.final{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%)}
.final h2 em{background:none;color:var(--green-dark);padding:0}
footer{background:var(--navy-2)}
.pr-foot-logo img{height:26px;width:auto;margin:0 auto 12px;display:block}

/* Οθόνη φόρτωσης, πρόοδος, κλήση */
.reader{background:radial-gradient(120% 80% at 50% 0%,rgba(31,111,229,.55),rgba(6,21,46,.93) 62%)}
.scan-line{background:linear-gradient(180deg,rgba(31,111,229,0),rgba(31,111,229,.3) 70%,rgba(82,177,30,.9) 96%,#fff 100%)}
.orb{background:linear-gradient(135deg,#4d8ef0,#1f6fe5 55%,#165bc4);box-shadow:0 0 0 10px rgba(31,111,229,.14),0 20px 50px -12px rgba(31,111,229,.9)}
@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 0 18px rgba(31,111,229,.06),0 20px 50px -12px rgba(31,111,229,.9)}}
.reader-bar i{background:linear-gradient(90deg,#1f6fe5,#4d8ef0,#52b11e)}
.done-ic,.dx-okic{background:linear-gradient(135deg,#4d8ef0,#1f6fe5);box-shadow:0 10px 26px -10px rgba(31,111,229,.8)}
.mini-steps li.on::before{background:linear-gradient(90deg,#1f6fe5,#52b11e);box-shadow:none}
.callme.hl{border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,111,229,.12)}
.docs-inline{border-color:#cfe0f8;background:linear-gradient(180deg,#f3f8ff,#fff 160px)}
.doc-tile{border-color:#bcd3f5}
.doc-tile.ok{background:#f3f8ff}
.disclose a{color:var(--blue)}
/* Κολλημένη μπάρα στο κινητό, όπως στο proper.gr */
.sticky{background:rgba(11,57,97,.96)}
.float{border-color:var(--navy);box-shadow:6px 6px 0 rgba(11,57,97,.18)}
/* Χωρίς περισπασμούς (Γιάννης 02/11): μόνο λογότυπο και το κουμπί της σελίδας */
.top .wrap{justify-content:space-between}
.pr-foot-logo{display:block}