/* WisDom RM — CSS μόνο της αρχικής (μεταφέρθηκε αυτούσιο από το index.html, 17/10/2026). */

/* ─── blog strip: διακριτικό, ενημερωτικό ─── */
.blogstrip{padding-top:0}
.bs-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  flex-wrap:wrap;margin-bottom:22px;
  padding-top:34px;border-top:1px solid rgba(255,255,255,.07);
}
.bs-h2{
  font-family:var(--font-d);font-size:clamp(22px,2.6vw,30px);
  font-weight:500;color:#fff;margin:6px 0 0;line-height:1.2;
}
.bs-all{
  font-family:var(--font-m);font-size:11.5px;color:var(--gold2);
  text-decoration:none;white-space:nowrap;
  border-bottom:1px solid rgba(201,150,58,.3);padding-bottom:2px;transition:.2s;
}
.bs-all:hover{border-bottom-color:var(--gold)}
.bs-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:820px){.bs-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
.bs-card{
  display:flex;flex-direction:column;gap:9px;
  text-decoration:none;border-radius:var(--rl);padding:18px 20px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
  transition:border-color .22s, transform .22s;
}
.bs-card:hover{border-color:rgba(201,150,58,.32);transform:translateY(-2px)}
.bs-cat{
  font-family:var(--font-m);font-size:9px;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--gold2);
}
.bs-t{font-size:14px;line-height:1.5;color:var(--cream)}

/* ─── hero (product-led, asymmetric) ─── */
.hero{
  position:relative;z-index:1;
  min-height:calc(100vh - 64px);
  display:grid;grid-template-columns:1.05fr 1.15fr;gap:clamp(30px,5vw,64px);
  align-items:center;
  padding:clamp(28px,5vh,64px) clamp(20px,5vw,56px);
  max-width:1400px;margin:0 auto;
}
.hero-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-m);font-size:10px;letter-spacing:2px;
  color:var(--gold2);text-transform:uppercase;
  background:rgba(201,150,58,.08);border:1px solid rgba(201,150,58,.25);
  padding:7px 16px;border-radius:30px;margin-bottom:clamp(22px,2.6vw,32px);
  animation:fadeUp .7s .05s both;
}
/* Όροι κάτω από τα κουμπιά — αντικατέστησαν τα τέσσερα checkmarks. */
.hero-terms{
  margin-top:clamp(16px,1.8vw,22px);font-family:var(--font-m);font-size:10px;
  letter-spacing:.5px;color:var(--slate);   /* 11/10/2026: slate2 → slate · αντίθεση 2,9:1 → 5,4:1 */
  animation:fadeUp .7s .4s ease both;
}
/* Δεύτερο badge: ίδιο σχήμα, χωρίς κουκκίδα — το «Εφάπαξ» δεν είναι κατάσταση,
   είναι όρος. Ελαφρώς πιο διακριτικό ώστε να μην ανταγωνίζεται το πρώτο. */
.hero-badge.alt{
  color:var(--slate);
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.12);
}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

.hero h1{
  font-family:var(--font-d);
  font-size:clamp(34px,5.6vw,70px);
  font-weight:500;line-height:1.16;color:#fff;
  max-width:18ch;margin-bottom:clamp(28px,3.2vw,44px);
  text-wrap:balance;              /* ισομερείς σειρές αντί για ορφανή λέξη */
  animation:fadeUp .7s .1s ease both;
}
.hero h1 .gold{color:var(--gold2)}
.hero h1 .lime{color:var(--lime2)}

.hero-sub{
  font-size:clamp(14px,1.4vw,16px);color:var(--slate);
  max-width:62ch;margin-bottom:clamp(34px,3.8vw,48px);line-height:1.75;
  animation:fadeUp .7s .2s ease both;
}
.hero-sub strong{color:var(--cream);font-weight:500}

.hero-actions{
  display:flex;gap:14px;flex-wrap:wrap;
  animation:fadeUp .7s .3s ease both;
}
.btn-primary{
  /* 17/10/2026: κουμπιά σε Manrope, όπως το μενού (απόφαση Άλκη). Το mono μένει στις ετικέτες. */
  font-family:var(--font-b);font-size:15px;letter-spacing:.005em;line-height:1.2;
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:var(--navy);font-weight:700;
  padding:15px 30px;border-radius:var(--r);
  text-decoration:none;transition:.2s;border:1px solid var(--gold2);cursor:pointer;
  box-shadow:0 6px 20px rgba(201,150,58,.22);
}
.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--gold3),var(--gold2));box-shadow:0 12px 34px rgba(201,150,58,.38)}
.btn-ghost{
  font-family:var(--font-b);font-size:15px;letter-spacing:.005em;line-height:1.2;
  background:transparent;color:var(--cream);font-weight:600;
  padding:15px 30px;border-radius:var(--r);text-decoration:none;
  border:1px solid rgba(244,239,230,.2);transition:.2s;
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold2)}

.hero-trust{
  margin-top:26px;display:flex;gap:18px;flex-wrap:wrap;
  font-family:var(--font-m);font-size:10px;letter-spacing:.5px;color:var(--slate2);
  animation:fadeUp .7s .4s ease both;
}
.hero-trust span{display:inline-flex;align-items:center;gap:6px}
.hero-trust .ck{color:var(--lime2)}

/* hero product visual */
.hero-visual{
  position:relative;animation:fadeUp .9s .25s ease both;
  perspective:1600px;
}
/* Η κλίση ορίζεται σε ΕΝΑ σημείο παρακάτω (.hero-visual .frame, μετά το .frame img).
   Εδώ μένει μόνο η σκιά — μετατοπισμένη αριστερά, προς την πλευρά που απομακρύνεται,
   ώστε η κλίση να διαβάζεται ως βάθος και όχι ως σφάλμα. */
.hero-visual .frame{
  box-shadow:-18px 34px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.02) inset;
}
@media(prefers-reduced-motion:reduce){
  .hero-visual .frame{transform:none !important;transition:none}
}
/* Το screenshot ανοίγει σε πλήρη οθόνη με κλικ (lightbox). Χωρίς ορατή ένδειξη
   κανείς δεν το δοκιμάζει — και είναι το πιο πυκνό στοιχείο της σελίδας. */
.hero-visual img{cursor:zoom-in}
.hero-visual:hover .frame{border-color:rgba(201,150,58,.45);box-shadow:-6px 40px 90px rgba(0,0,0,.6),0 0 0 1px rgba(201,150,58,.12) inset}
.shot-zoom{
  position:absolute;right:12px;bottom:12px;z-index:3;
  display:flex;align-items:center;gap:6px;
  font-family:var(--font-m);font-size:9px;letter-spacing:1px;text-transform:uppercase;
  color:var(--gold2);background:rgba(10,22,40,.88);
  border:1px solid rgba(201,150,58,.3);border-radius:20px;padding:6px 12px;
  backdrop-filter:blur(8px);pointer-events:none;transition:opacity .2s;opacity:.85;
}
.hero-visual:hover .shot-zoom{opacity:1}

/* ─── browser frame ─── */
.frame{
  border-radius:12px;overflow:hidden;position:relative;
  border:1px solid rgba(201,150,58,.2);
  background:#0b1322;
  box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;
}
.frame-bar{
  height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;
  background:linear-gradient(180deg,#13213b,#0d1830);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.frame-bar .d{width:10px;height:10px;border-radius:50%}
.frame-bar .d1{background:#ff5f57}.frame-bar .d2{background:#febc2e}.frame-bar .d3{background:#28c840}
.frame-url{
  margin-left:12px;flex:1;height:18px;border-radius:5px;
  background:rgba(255,255,255,.05);display:flex;align-items:center;
  padding:0 10px;font-family:var(--font-m);font-size:9px;color:var(--slate);letter-spacing:.5px;
}
.frame-url::before{content:'';width:9px;height:9px;margin-right:6px;flex-shrink:0;opacity:.75;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A8EA8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.frame img{width:100%;height:auto;display:block}
.hero-visual .frame{transform:perspective(1600px) rotateY(-7deg) rotateX(2deg);transform-origin:center;transition:transform .6s var(--ease)}
.hero-visual:hover .frame{transform:perspective(1600px) rotateY(-3deg) rotateX(1deg)}
.hero-visual::after{
  content:'';position:absolute;inset:-12% -6% -22% -6%;z-index:-1;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(201,150,58,.22),rgba(123,194,66,.08) 45%,transparent 70%);
  filter:blur(28px);
}
/* floating mini-kpi chips on hero visual */
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ─── scroll hint ─── */
.scroll-hint{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
  font-family:var(--font-m);font-size:9px;letter-spacing:2px;
  color:var(--slate2);text-transform:uppercase;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  animation:fadeUp 1s .6s ease both;z-index:3;
}
.scroll-hint .arrow{width:1px;height:26px;background:linear-gradient(var(--gold),transparent);animation:scrollPulse 2s ease infinite}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

@media(max-width:920px){
  .hero{grid-template-columns:1fr;gap:40px;min-height:auto;padding-top:48px}
  .hero-left{align-items:center;text-align:center}
  .hero h1,.hero-sub{margin-left:auto;margin-right:auto}
  .hero-actions,.hero-trust{justify-content:center}
  .hero-visual .frame{transform:none}
  .hero-chip{display:none}
  .scroll-hint{display:none}
}

/* ─── reveal-on-scroll ─── */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal][data-d="1"]{transition-delay:.08s}
[data-reveal][data-d="2"]{transition-delay:.16s}
[data-reveal][data-d="3"]{transition-delay:.24s}
[data-reveal][data-d="4"]{transition-delay:.32s}

/* ─── generic section ─── */
section.block{position:relative;z-index:1;padding:clamp(52px,8vh,92px) clamp(20px,5vw,40px)}
.wrap{max-width:1080px;margin:0 auto}
.eyebrow{
  font-family:var(--font-m);font-size:10px;letter-spacing:3px;
  color:var(--gold);text-transform:uppercase;
  display:flex;align-items:center;gap:12px;margin-bottom:14px;
}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--gold)}
.block h2{
  font-family:var(--font-d);font-size:clamp(26px,3.8vw,40px);
  font-weight:500;color:#fff;line-height:1.1;max-width:22ch;margin-bottom:16px;
}
.block h2 .gold{color:var(--gold2)}
.block h2 .lime{color:var(--lime2)}
.block .lead{font-size:clamp(14px,1.6vw,17px);color:var(--slate);max-width:62ch;line-height:1.65}
.block .lead strong{color:var(--cream);font-weight:500}

/* ─── problem: before/after split ─── */
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.pcard{
  border-radius:var(--rl);padding:24px 26px;position:relative;overflow:hidden;
}
.pcard.before{background:rgba(146,43,33,.06);border:1px solid rgba(229,115,115,.2)}
.pcard.after{background:rgba(123,194,66,.05);border:1px solid rgba(123,194,66,.25)}
.pcard-tag{
  font-family:var(--font-m);font-size:9px;letter-spacing:2px;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;
}
.pcard.before .pcard-tag{color:var(--red2)}
.pcard.after .pcard-tag{color:var(--lime2)}
.pcard-tag .ic{font-size:13px}
.pcard h3{font-family:var(--font-d);font-size:23px;font-weight:500;color:var(--cream);margin-bottom:16px;line-height:1.25}
.pcard ul{list-style:none}
.pcard li{
  font-size:13.5px;color:var(--slate);line-height:1.5;padding:9px 0 9px 26px;
  position:relative;border-bottom:1px solid rgba(255,255,255,.05);
}
.pcard li:last-child{border-bottom:none}
.pcard.before li::before{content:'✕';position:absolute;left:0;top:9px;color:var(--red2);font-size:12px}
.pcard.after li::before{content:'✓';position:absolute;left:0;top:9px;color:var(--lime2);font-size:12px}
.pcard.after li{color:rgba(244,239,230,.82)}

/* ─── solution: the morning scene ─── */
.solution{background:linear-gradient(180deg,transparent,rgba(15,32,64,.4),transparent)}
.scene{
  margin-top:48px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;
}
.scene-steps{display:flex;flex-direction:column;gap:0}
.step{
  display:flex;gap:18px;padding:22px 0;border-bottom:1px solid rgba(201,150,58,.12);
}
.step:last-child{border-bottom:none}
.step-num{
  flex-shrink:0;width:38px;height:38px;border-radius:10px;
  background:rgba(201,150,58,.08);border:1px solid rgba(201,150,58,.3);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-d);font-size:18px;font-weight:600;color:var(--gold2);
}
.step-body h3,.step-body h4{font-family:var(--font-b);font-size:15px;font-weight:600;color:var(--cream);margin-bottom:5px}
.step-body p{font-size:13px;color:var(--slate);line-height:1.6}

/* morning report card — looks like a real briefing */
.report{
  background:linear-gradient(165deg,rgba(15,32,64,.7),rgba(10,22,40,.92));
  border:1px solid rgba(201,150,58,.25);border-radius:var(--rl);
  box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden;position:relative;
}
.report::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 40% at 70% 0%,rgba(201,150,58,.1),transparent 60%)}
.report-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.07);
}
.report-head .who{display:flex;align-items:center;gap:10px}
.report-head .av{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-family:var(--font-b);font-weight:700;color:var(--navy);font-size:13px}
.report-head .nm{font-family:var(--font-b);font-size:13px;font-weight:600;color:var(--cream);line-height:1.2}
.report-head .nm small{display:block;font-family:var(--font-m);font-size:8px;letter-spacing:1px;color:var(--slate);text-transform:uppercase;font-weight:400;margin-top:2px}
.report-head .clock{font-family:var(--font-m);font-size:10px;letter-spacing:1px;color:var(--gold2);display:flex;align-items:center;gap:6px}
.report-body{position:relative;padding:24px 24px 26px}
/* 17/10/2026: οι κουκκίδες «σκέφτεται» επικαλύπτουν την πρώτη γραμμή αντί να πιάνουν 32px δικό τους χώρο.
   Πριν, όταν εξαφανίζονταν, όλη η σελίδα από κάτω ανέβαινε — και οι #άγκυρες έπεφταν έξω. */
.report.seq .rl-typing{position:absolute;left:24px;top:24px;margin:0}
.report-line{font-family:var(--font-d);font-size:16px;font-style:italic;color:var(--cream);line-height:1.85;margin-bottom:18px}
.report-line .hl{font-style:normal;font-family:var(--font-m);font-size:13px;color:var(--gold3);background:rgba(201,150,58,.1);padding:1px 7px;border-radius:5px;border:1px solid rgba(201,150,58,.2)}
.report-line .hl.up{color:var(--lime2);background:rgba(123,194,66,.1);border-color:rgba(123,194,66,.25)}
.report-line .hl.dn{color:var(--red2);background:rgba(229,115,115,.1);border-color:rgba(229,115,115,.25)}
.report-line .rl-seg{display:block;margin-bottom:7px}
.report-line .rl-seg:last-child{margin-bottom:0}
/* typing + write-in (only active when JS arms .seq; without JS everything shows) */
.rl-typing{display:none;gap:6px;align-items:center;height:18px;margin-bottom:14px}
.rl-typing span{width:6px;height:6px;border-radius:50%;background:var(--gold2);opacity:.4}
.report.seq .rl-typing{display:flex}
.report.seq .rl-typing span{animation:rlDot 1.1s infinite}
.report.seq .rl-typing span:nth-child(2){animation-delay:.16s}
.report.seq .rl-typing span:nth-child(3){animation-delay:.32s}
.report.seq .rl-typing.hide{display:none}
@keyframes rlDot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.report.seq .rl-seg{opacity:0;transform:translateY(6px);clip-path:inset(0 100% 0 0)}
.report.seq .rl-seg.in{opacity:1;transform:none;clip-path:inset(0 0 0 0);
  transition:clip-path .55s var(--ease),opacity .4s ease,transform .45s var(--ease)}
.report.seq .report-decision,.report.seq .report-foot{opacity:0;transform:translateY(6px)}
.report.seq .report-decision.in,.report.seq .report-foot.in{opacity:1;transform:none;transition:.5s var(--ease)}
.report-decision{
  margin-top:6px;padding:16px 18px;border-radius:10px;
  background:rgba(123,194,66,.07);border:1px solid rgba(123,194,66,.22);
  display:flex;gap:12px;align-items:flex-start;
}
.report-decision .ic{font-size:18px;flex-shrink:0}
.report-decision p{font-family:var(--font-d);font-size:17px;font-weight:600;font-style:italic;color:var(--lime2);line-height:1.4}
.report-foot{
  padding:12px 22px;border-top:1px solid rgba(255,255,255,.06);
  display:flex;gap:10px;font-family:var(--font-m);font-size:9px;letter-spacing:.5px;color:var(--slate2);
}
.report-foot .chip{padding:4px 9px;border-radius:5px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}

@media(max-width:820px){
  .split{grid-template-columns:1fr}
  .scene{grid-template-columns:1fr;gap:32px}
}

/* ─── NPI interactive demo (inside Solution) ─── */
.npi-divider{display:flex;align-items:center;gap:18px;margin:64px 0 18px;color:var(--gold)}
.npi-divider::before,.npi-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,150,58,.3),transparent)}
.npi-divider span{font-family:var(--font-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}
.npi-score{grid-area:score;padding:32px 30px 0}
.npi-detail{grid-area:detail;padding:6px 30px 32px}
.npi-inputs .hd::before{content:'✎';font-size:12px}
.npi-score .hd{color:var(--lime2)}.npi-score .hd::before{content:'◈';font-size:11px}
.field{margin-bottom:18px}
.field label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:10px}
.field .lab{font-family:var(--font-b);font-size:13px;font-weight:500;color:var(--cream)}
/* steppers */
.stepper{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.stepper .val{font-family:var(--font-m);font-size:14px;color:var(--gold3);font-weight:500;min-width:62px;text-align:center}
.stepper .st{
  width:30px;height:30px;border-radius:8px;flex-shrink:0;cursor:pointer;
  background:rgba(201,150,58,.07);border:1px solid rgba(201,150,58,.28);color:var(--gold2);
  font-family:var(--font-b);font-size:19px;font-weight:500;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:.15s;-webkit-tap-highlight-color:transparent;
}
.stepper .st:hover{background:rgba(201,150,58,.16)}
.stepper .st:active{transform:scale(.92);background:rgba(201,150,58,.24)}
.field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:5px;
  background:linear-gradient(90deg,var(--gold) var(--p,50%),rgba(255,255,255,.1) var(--p,50%));outline:none;cursor:pointer}
.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;
  background:var(--gold2);border:3px solid var(--navy);cursor:pointer;box-shadow:0 2px 8px rgba(201,150,58,.5);transition:transform .15s}
.field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}
.field input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold2);border:3px solid var(--navy);cursor:pointer;box-shadow:0 2px 8px rgba(201,150,58,.5)}
.field .hint{font-family:var(--font-m);font-size:9px;color:var(--slate2);margin-top:6px;letter-spacing:.3px}
.human-note{margin-top:12px;display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border-radius:9px;
  background:rgba(201,150,58,.05);border:1px solid rgba(201,150,58,.2)}
.human-note .hn-ic{font-size:15px;flex-shrink:0;line-height:1.5}
.human-note .hn-tx{font-family:var(--font-m);font-size:10px;line-height:1.6;color:var(--slate)}
.human-note .hn-tx strong{color:var(--gold2);font-weight:500;display:block;margin-bottom:2px}
.human-note .hn-tx b{color:var(--lime2);font-weight:600}

/* ─── human judgment field — perception, not measurement ─── */
.human-field{
  margin-top:22px;border-radius:11px;padding:15px 16px 14px;position:relative;overflow:hidden;
  border:1px solid rgba(201,150,58,.30);
  background:
    radial-gradient(125% 80% at 50% 122%, rgba(232,180,85,calc(.08 + var(--sf,0)*.12)), transparent 62%),
    linear-gradient(180deg, rgba(201,150,58,.05), rgba(201,150,58,.015));
  transition:background .4s var(--ease);
}
.hf-rule{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.hf-rule span{font-family:var(--font-m);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold2);flex-shrink:0}
.hf-rule::before{content:'';width:13px;height:13px;border-radius:50%;flex-shrink:0;
  border:1.5px solid var(--gold2);box-shadow:inset 0 0 0 2px var(--navy),0 0 6px rgba(201,150,58,.4)}
.hf-rule::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(201,150,58,.35),transparent)}
.hf-body{display:flex;gap:16px;align-items:center}

/* the fingerprint */
.fp{position:relative;width:84px;height:84px;flex-shrink:0}
.fp svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.fp-base use{stroke:rgba(201,150,58,.20)}
.fp-base .fp-core{fill:rgba(201,150,58,.20)}
.fp-bright .fp-core{fill:var(--gold2)}
.fp-fillwrap{position:absolute;left:0;right:0;bottom:0;height:calc(var(--sf,0)*100%);
  overflow:hidden;transition:height .5s var(--ease)}
.fp-bright{position:absolute;left:0;bottom:0;width:84px;height:84px}
.fp-bright use{stroke:var(--gold2);filter:drop-shadow(0 0 3px rgba(232,180,85,.55))}
.fp-glow{position:absolute;inset:-22%;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(232,180,85,.40),transparent 64%);
  opacity:var(--sf,0);filter:blur(7px);transition:opacity .5s var(--ease)}

/* the control — warm + serif, distinct from the cool data inputs */
.hf-ctrl{flex:1;min-width:0}
.hf-q{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
.hf-q .lab{font-family:var(--font-d);font-size:16.5px;font-style:italic;font-weight:500;color:var(--cream);line-height:1.2}
.human-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:6px;
  background:linear-gradient(90deg,var(--gold2) var(--p,100%),rgba(232,180,85,.12) var(--p,100%));outline:none;cursor:pointer}
.human-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;
  background:radial-gradient(circle at 35% 32%,var(--gold3),var(--gold));border:3px solid var(--navy);cursor:pointer;
  box-shadow:0 0 0 3px rgba(232,180,85,.22),0 3px 10px rgba(201,150,58,.6);transition:transform .15s}
.human-field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}
.human-field input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;
  background:radial-gradient(circle at 35% 32%,var(--gold3),var(--gold));border:3px solid var(--navy);cursor:pointer;
  box-shadow:0 0 0 3px rgba(232,180,85,.22),0 3px 10px rgba(201,150,58,.6)}
.hf-words{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:11px}
.hf-words .w{min-width:0;font-family:var(--font-m);font-size:8.5px;letter-spacing:0;text-align:center;cursor:pointer;
  white-space:nowrap;background:none;border:none;color:var(--slate2);padding:5px 1px;border-radius:6px;transition:.15s;
  -webkit-tap-highlight-color:transparent}
.hf-words .w:hover{color:var(--gold3)}
.hf-words .w.on{color:var(--navy);font-weight:600;background:linear-gradient(180deg,var(--gold3),var(--gold2));box-shadow:0 2px 8px rgba(201,150,58,.4)}
.hf-note{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(201,150,58,.25);
  font-family:var(--font-m);font-size:10px;line-height:1.65;color:var(--slate)}
.hf-note strong{display:block;color:var(--gold2);font-weight:500;margin-bottom:3px}
.hf-note b{color:var(--lime2);font-weight:600}
.derived{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.derived .d{text-align:center}
.derived .d .dl{font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;color:var(--slate);text-transform:uppercase}
.derived .d .dv{font-family:var(--font-d);font-size:24px;font-weight:600;color:var(--cream);line-height:1.1;margin-top:4px}
.gauge-wrap{display:flex;align-items:center;gap:24px;margin-bottom:6px}
.gauge{position:relative;width:148px;height:148px;flex-shrink:0}
.gauge svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}
.gauge .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gauge .num .n{font-family:var(--font-d);font-size:46px;font-weight:600;line-height:1;color:#fff}
.gauge .num .s{font-family:var(--font-m);font-size:9px;letter-spacing:1.5px;color:var(--slate);margin-top:2px}
.gauge-meta .band{font-family:var(--font-d);font-size:26px;font-weight:600;line-height:1.1}
.gauge-meta .bandsub{font-family:var(--font-m);font-size:10px;letter-spacing:.5px;color:var(--slate);margin-top:6px;line-height:1.5}
.bands-legend{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.bands-legend span{font-family:var(--font-m);font-size:8px;letter-spacing:.5px;color:var(--slate2);display:inline-flex;align-items:center;gap:4px}
.bands-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}
.ai-out{margin-top:16px;border-radius:11px;padding:20px 20px 18px;background:rgba(123,194,66,.05);
  border:1px solid rgba(123,194,66,.2);position:relative}
.ai-out .ai-hd{font-family:var(--font-m);font-size:9px;letter-spacing:1.5px;color:var(--lime2);
  text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:7px}
.ai-out .ai-hd .bot{font-size:13px}
.ai-out .txt{font-family:var(--font-d);font-size:16px;font-style:italic;color:var(--cream);line-height:1.7}
.ai-out .txt .hl{font-style:normal;font-family:var(--font-m);font-size:12.5px;padding:1px 6px;border-radius:4px;
  background:rgba(201,150,58,.12);color:var(--gold3);border:1px solid rgba(201,150,58,.22)}
.ai-out .txt .hl.up{color:var(--lime2);background:rgba(123,194,66,.1);border-color:rgba(123,194,66,.25)}
.ai-out .txt .hl.dn{color:var(--red2);background:rgba(229,115,115,.1);border-color:rgba(229,115,115,.25)}
.ai-decision{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(123,194,66,.25);display:flex;gap:10px;align-items:flex-start}
.ai-decision .ar{color:var(--lime2);font-family:var(--font-m);font-size:15px;flex-shrink:0}
.ai-decision p{font-family:var(--font-d);font-size:16px;font-weight:600;font-style:italic;color:var(--lime2);line-height:1.4}
.npi-foot{margin-top:18px;font-family:var(--font-m);font-size:9.5px;color:var(--slate2);letter-spacing:.3px;line-height:1.6;display:flex;gap:8px;align-items:flex-start}
.npi-foot .i{color:var(--gold);flex-shrink:0}
@media(max-width:820px){
  /* stack as flex so we can reorder: score pinned on top, then inputs, then detail */
  .npi-wid{display:flex;flex-direction:column;align-items:stretch;overflow:visible}
  .npi-inputs{order:2;border-right:none;border-top:1px solid rgba(255,255,255,.07)}
  .npi-detail{order:3;padding:18px 24px 28px;border-radius:0 0 var(--rl) var(--rl)}
  .npi-score{order:1;padding:14px 22px;position:sticky;top:53px;z-index:6;
    border-radius:var(--rl) var(--rl) 0 0;
    background:linear-gradient(180deg,#0d1a30,#0b1424);
    border-bottom:1px solid rgba(201,150,58,.2);box-shadow:0 10px 24px rgba(0,0,0,.4)}
  .npi-score .hd{display:none}
  .npi-score .gauge-wrap{flex-direction:row;align-items:center;gap:18px;margin:0}
  .npi-score .gauge{width:78px;height:78px}
  .npi-score .gauge .num .n{font-size:28px}
  .npi-score .gauge .num .s{font-size:7px}
  .npi-score .gauge-meta .band{font-size:21px}
  .npi-score .bandsub{display:none}
  .npi-score .bands-legend{display:none}
  .stepper .st{width:34px;height:34px;font-size:21px}
  .stepper .val{min-width:58px}
  .fp{width:72px;height:72px}
  .fp-bright{width:72px;height:72px}
  .hf-q .lab{font-size:15px}
  /* one readable feeling-word instead of five cramped tap targets */
  .hf-words{grid-template-columns:1fr;margin-top:13px}
  .hf-words .w:not(.on){display:none}
  .hf-words .w.on{font-size:11px;letter-spacing:1.5px;padding:6px 4px;background:none;
    color:var(--gold3);box-shadow:none;text-transform:uppercase}
}

/* ─── Φιλοσοφία: μόνο ο σύνδεσμος προς τη /filosofia (17/10/2026) ───
   Μία λεπτή, κλικαρίσιμη λωρίδα στη θέση των τριών ενοτήτων που μετακόμισαν. */
section.block.phil-link{padding-top:clamp(24px,4vh,44px);padding-bottom:clamp(24px,4vh,44px)}
.pl-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;row-gap:6px;
  padding:clamp(26px,4vh,38px) clamp(22px,4vw,44px);border-radius:var(--rl);text-decoration:none;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,rgba(201,150,58,.14),transparent 55%),rgba(255,255,255,.02);
  border:1px solid rgba(201,150,58,.22);transition:border-color .25s var(--ease),transform .25s var(--ease)}
.pl-card:hover{border-color:rgba(232,180,85,.55);transform:translateY(-2px)}
.pl-card:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.pl-k{grid-column:1;font-family:var(--font-m);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}
.block .pl-h{grid-column:1;margin:4px 0 4px;max-width:none;font-size:clamp(26px,3.4vw,38px)}
.pl-t{grid-column:1;font-size:15px;line-height:1.6;color:var(--slate);max-width:60ch}
/* ⚠ flex + gap: το κείμενο σε ένα <span> */
.pl-go{grid-column:2;grid-row:1 / span 3;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 22px;border-radius:var(--r);
  font-family:var(--font-b);font-size:15px;font-weight:700;white-space:nowrap;color:var(--gold2);border:1px solid var(--gold);background:rgba(201,150,58,.06);
  transition:background .2s}
.pl-go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.pl-card:hover .pl-go{background:rgba(201,150,58,.14)}
.pl-card:hover .pl-go svg{transform:translateX(3px)}
@media(max-width:760px){
  .pl-card{grid-template-columns:1fr}
  .pl-go{grid-column:1;grid-row:auto;justify-self:start;margin-top:14px}
}

/* Αγγλική σελίδα: το σήμα της κάρτας Manager (17/10/2026). «Recommended», όχι «Popular»:
   χωρίς μετρημένους πελάτες, η δημοτικότητα θα ήταν ισχυρισμός απόδειξης· η σύσταση είναι δική μας. */
html[lang="en"] .price-card.featured::before{content:'Recommended'}

/* ─── Πώς δουλεύει — σύντομη εκδοχή (17/10/2026): τρεις κάρτες → /pos-doulevei ─── */
.lv-cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.lv-cards > li{display:flex}
.lv-card{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;padding:26px 24px 22px;border-radius:var(--rl);
  text-decoration:none;background:linear-gradient(170deg,rgba(15,32,64,.6),rgba(10,22,40,.85));
  border:1px solid rgba(201,150,58,.18);transition:border-color .25s var(--ease),transform .25s var(--ease)}
.lv-card.is-tech{border-color:rgba(123,194,66,.2)}
.lv-card:hover{border-color:rgba(232,180,85,.55);transform:translateY(-3px)}
.lv-card.is-tech:hover{border-color:rgba(156,214,90,.55)}
.lv-card:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.lv-card .level-badge{align-self:flex-start;margin:0}
.lv-card h3{font-family:var(--font-d);font-size:clamp(21px,2.1vw,25px);font-weight:500;color:#fff;line-height:1.22;margin:2px 0 0}
.lv-card h3 .lime{color:var(--lime2)}
.lv-t{font-size:14.5px;line-height:1.65;color:var(--slate)}
/* ⚠ flex + gap: το κείμενο σε ένα <span> */
.lv-go{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-b);font-size:14px;font-weight:700;color:var(--gold2)}
.lv-card.is-tech .lv-go{color:var(--lime2)}
.lv-go svg,.lv-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.lv-card:hover .lv-go svg,.lv-all:hover svg{transform:translateX(3px)}
.lv-more{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:20px}
.lv-extra{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 16px;border-radius:999px;text-decoration:none;
  font-family:var(--font-b);font-size:14px;font-weight:600;color:var(--cream);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);
  transition:border-color .2s,background-color .2s}
.lv-extra em{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}
.lv-extra.is-soon em{color:#c792ea;border:1px solid rgba(199,146,234,.4);background:rgba(199,146,234,.08)}
.lv-extra.is-ai em{color:var(--lime2);border:1px solid rgba(156,214,90,.35);background:rgba(156,214,90,.06)}
.lv-extra:hover{border-color:rgba(232,180,85,.45);background:rgba(255,255,255,.04)}
.lv-all{margin-left:auto;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 20px;border-radius:var(--r);text-decoration:none;
  font-family:var(--font-b);font-size:15px;font-weight:700;color:var(--gold2);border:1px solid var(--gold);background:rgba(201,150,58,.06);transition:background .2s}
.lv-all:hover{background:rgba(201,150,58,.14)}
.lv-extra:focus-visible,.lv-all:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media(max-width:900px){
  .lv-cards{grid-template-columns:1fr;gap:14px}
  .lv-all{margin-left:0}
}
@media(max-width:480px){
  .lv-extra,.lv-all{width:100%;justify-content:space-between}
}

/* ─── features: 3 levels ─── */
.levels-intro{margin-bottom:10px}
.feature-row{
  display:grid;grid-template-columns:1fr 1.18fr;gap:54px;align-items:stretch;
  padding:54px 0;border-bottom:1px solid rgba(255,255,255,.06);
}
/* Η στήλη τεντώνεται στο ύψος του κειμένου. Τρεις σειρές με ΙΣΑ κενά (1fr … 1fr)
   κρατούν την εικόνα ακριβώς στο κέντρο, ενώ οι ετικέτες πέφτουν στο κάτω άκρο.
   ⚠ Με flex + margin-top:auto η εικόνα ανέβαινε στην κορυφή: το auto margin τρώει
   όλο τον ελεύθερο χώρο και το justify-content δεν έχει τι να μοιράσει. */
.feature-text{align-self:center}
.feature-shot{display:flex;flex-direction:column}
.shot-stack{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
/* Πλατιά κοπή (π.χ. Επίπεδο 3, όλη η οθόνη): δεν μπορεί να ψηλώσει όσο το κείμενο χωρίς να
   ξεχειλίσει τη στήλη. Τότε εικόνα + ετικέτες μένουν μαζί και ακολουθούν την ανάγνωση (sticky),
   ώστε σε κάθε σημείο του κειμένου να είναι στην ίδια οθόνη. Την κλάση τη βάζει το fitShots(). */
.feature-row.shot-short .shot-stack{flex:none;justify-content:flex-start;position:sticky;top:88px}
.feature-shot .frame{width:100%;max-width:100%}
/* 11/10/2026: εικόνα + ετικέτες = ύψος κειμένου (μία οθόνη). Το πλάτος του .frame το ορίζει
   το fitShots() στο τέλος της σελίδας, ώστε μια ψηλή (κατακόρυφη) κοπή να μη μακραίνει τη
   γραμμή πέρα από το κείμενο. Μόνο σε desktop· στο κινητό η εικόνα παίρνει όλο το πλάτος. */
.feature-shot .feature-tags{align-self:stretch;margin-top:0;padding-top:22px}
.feature-row:last-of-type{border-bottom:none}
.feature-row.flip{grid-template-columns:1.18fr 1fr}
.feature-row.flip .feature-text{order:2}
.feature-row.flip .feature-shot{order:1}
.level-badge{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-m);font-size:9px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold2);background:rgba(201,150,58,.07);
  border:1px solid rgba(201,150,58,.25);padding:6px 14px;border-radius:30px;margin-bottom:18px;
}
.level-badge .lv{font-family:var(--font-d);font-size:14px;font-weight:600;color:var(--gold3)}
.feature-text h3{font-family:var(--font-d);font-size:clamp(24px,3vw,32px);font-weight:500;color:#fff;line-height:1.2;margin-bottom:14px}
.feature-text h3 .lime{color:var(--lime2)}
.feature-text p{font-size:14.5px;color:var(--slate);line-height:1.72;margin-bottom:18px}
.feature-text p strong{color:var(--cream);font-weight:500}
/* 07/09/2026: οι ετικέτες μετακινήθηκαν από τη στήλη του κειμένου σε αυτήν της
   εικόνας. Η στήλη της εικόνας είναι η πλατύτερη (1.18fr), οπότε τυλίγουν σε
   λιγότερες σειρές· και το κείμενο κονταίνει οπτικά. Στο κινητό η σειρά μένει
   λογική: τίτλος → κείμενο → εικόνα → ετικέτες. */
.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ftag{
  font-family:var(--font-m);font-size:10px;letter-spacing:.5px;
  color:var(--slate);background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);padding:5px 11px;border-radius:6px;
}
/* feature screenshot inside frame, with parallax */
.feature-shot .frame{cursor:zoom-in;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.feature-shot .frame:hover{transform:translateY(-6px);box-shadow:0 40px 80px rgba(0,0,0,.6)}
.feature-shot .frame img{transition:transform .6s var(--ease)}
.feature-shot .frame:hover img{transform:scale(1.015)}
.shot-sub{margin-top:14px;border-radius:10px;overflow:hidden;border:1px solid rgba(123,194,66,.18);position:relative}
.shot-sub img{width:100%;height:auto;display:block;cursor:zoom-in}
.shot-sub .sub-tag{position:absolute;top:8px;left:10px;font-family:var(--font-m);font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:var(--lime2);background:rgba(10,22,40,.85);padding:3px 8px;border-radius:5px;border:1px solid rgba(123,194,66,.25)}

/* premium AI band */
/* ─── Λωρίδα δοκιμής στη μέση της σελίδας (11/10/2026) ───
   Ανάμεσα στο hero και στις τιμές μεσολαβούσαν ~14 οθόνες κινητού χωρίς κουμπί.
   Μπαίνει αμέσως μετά το «Πώς Δουλεύει» — το πιο πειστικό σημείο — και κουβαλά
   το μήνυμα που απαντά στο «πόσο θα περιμένω»: την εισαγωγή ιστορικού. */
.mid-cta{
  margin:0 auto;border-radius:var(--rl);
  padding:clamp(18px,2.4vw,24px) clamp(20px,3.4vw,36px);
  background:linear-gradient(160deg,rgba(201,150,58,.09),rgba(15,32,64,.55));
  border:1px solid rgba(201,150,58,.32);
  display:grid;grid-template-columns:1fr auto;gap:16px 36px;align-items:center;
}
.mid-cta h3{font-family:var(--font-d);font-size:clamp(20px,2.2vw,24px);font-weight:500;color:#fff;line-height:1.25;margin-bottom:5px}
.mid-cta h3 .gold{color:var(--gold2)}
.mid-cta p{font-size:13.5px;color:var(--slate);line-height:1.6}
.mid-cta p strong{color:var(--cream);font-weight:500}
.mid-cta .mc-act{display:flex;flex-direction:column;align-items:center;gap:8px}
.mid-cta .btn-primary{padding:12px 24px;white-space:nowrap}
.mid-cta .mc-terms{font-family:var(--font-m);font-size:10px;letter-spacing:.5px;color:var(--slate);white-space:nowrap}
@media(max-width:760px){
  .mid-cta{grid-template-columns:1fr;text-align:center}
}
.ai-band{
  margin-top:54px;border-radius:var(--rl);padding:36px 34px;
  background:linear-gradient(135deg,rgba(123,194,66,.06),rgba(201,150,58,.05));
  border:1px solid rgba(123,194,66,.22);
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
}
.ai-band .ai-icon{font-size:40px;flex-shrink:0;color:var(--lime2)}
.ai-band-body{flex:1;min-width:260px}
.ai-band h3{font-family:var(--font-d);font-size:26px;font-weight:600;color:#fff;margin-bottom:8px}
.ai-band h3 .lime{color:var(--lime2)}
.ai-band p{font-size:14px;color:var(--slate);line-height:1.7}
.ai-band p strong{color:var(--cream);font-weight:500}

@media(max-width:820px){
  .feature-row,.feature-row.flip{grid-template-columns:1fr;gap:26px;padding:40px 0}
  .feature-shot{display:block}
  .shot-stack,.feature-row.shot-short .shot-stack{display:block;position:static}
  .feature-shot .feature-tags{padding-top:18px}
  .feature-row.flip .feature-text{order:1}
  .feature-row.flip .feature-shot{order:2}
}

/* ─── methodology / rationale (formerly "proof") ─── */
.proof{background:linear-gradient(180deg,transparent,rgba(15,32,64,.35),transparent)}
.proof-card{
  margin-top:32px;border-radius:var(--rl);overflow:hidden;
  border:1px solid rgba(201,150,58,.2);background:rgba(255,255,255,.025);
  display:grid;grid-template-columns:1fr 1.4fr;
}
.proof-score{
  background:linear-gradient(160deg,rgba(201,150,58,.12),rgba(123,194,66,.06));
  padding:44px 36px;display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid rgba(201,150,58,.15);
}
.proof-grade{font-family:var(--font-d);font-size:clamp(54px,8vw,84px);font-weight:600;color:var(--gold3);line-height:1;letter-spacing:-1px}
.proof-grade span{font-size:.4em;color:var(--slate)}
.proof-grade-label{font-family:var(--font-m);font-size:10px;letter-spacing:2px;color:var(--lime2);text-transform:uppercase;margin-top:12px}
.proof-cred{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--font-m);font-size:10px;line-height:1.9;color:var(--slate)}
.proof-cred strong{color:var(--cream);display:block;font-size:11px;margin-bottom:4px;font-weight:500}
.proof-body{padding:44px 40px}
.proof-body .tagq{font-family:var(--font-m);font-size:9px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:16px}
.proof-body h3{font-family:var(--font-d);font-size:clamp(24px,3vw,30px);font-weight:600;color:#fff;line-height:1.25;margin-bottom:16px}
.proof-body h3 .gold{color:var(--gold2)}
.proof-body p{font-size:14px;color:var(--slate);line-height:1.75;margin-bottom:14px}
.proof-body p strong{color:var(--cream);font-weight:500}
.proof-body .casequote{
  margin-top:20px;padding:16px 20px;border-left:2px solid var(--gold);
  background:rgba(201,150,58,.04);font-family:var(--font-d);font-style:italic;
  font-size:16px;color:var(--cream);line-height:1.5;
}
.proof-honest{
  margin-top:22px;font-family:var(--font-m);font-size:11px;letter-spacing:.3px;
  color:var(--slate);line-height:1.7;padding:14px 16px;border-radius:10px;
  background:rgba(255,255,255,.025);border:1px dashed rgba(201,150,58,.25);
}
.proof-honest strong{color:var(--gold2);font-weight:500}

/* Η ενότητα «Ποιος το Έφτιαξε» αφαιρέθηκε 05/09/2026 — η φυσική της θέση είναι
   το blog. Μαζί της έφυγε και το CSS της (.about-card, .about-sig*, .about-creds,
   .quote-mark). Το trust band ΔΕΝ ήταν βιογραφικό και μετακινήθηκε στο #not. */

@media(max-width:820px){
  .proof-card{grid-template-columns:1fr}
  .proof-score{border-right:none;border-bottom:1px solid rgba(201,150,58,.15);padding:32px}
  .proof-body{padding:32px 28px}
}

/* ─── trust band ─── */
.trust-band{
  margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.trust-item{
  border-radius:var(--rl);padding:22px 20px;text-align:left;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);
  transition:.25s;
}
.trust-item:hover{border-color:rgba(201,150,58,.3);transform:translateY(-3px)}
.trust-item .ic{font-size:22px;display:block;margin-bottom:12px;color:var(--gold2)}
.trust-item h4{font-family:var(--font-b);font-size:14px;font-weight:600;color:var(--cream);margin-bottom:6px}
.trust-item p{font-size:12px;color:var(--slate);line-height:1.55}
@media(max-width:820px){.trust-band{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.trust-band{grid-template-columns:1fr}}

/* ─── pricing ─── */
.pricing{background:linear-gradient(180deg,transparent,rgba(15,32,64,.35),transparent)}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
@media(max-width:1000px){.price-grid{grid-template-columns:repeat(2,1fr)}}
.price-card{
  border-radius:var(--rl);padding:32px 28px;position:relative;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;transition:.25s;
}
.price-card:hover{transform:translateY(-4px);border-color:rgba(201,150,58,.3)}
.price-card.featured{
  background:linear-gradient(160deg,rgba(201,150,58,.08),rgba(123,194,66,.04));
  border-color:rgba(201,150,58,.4);
}
.price-card.featured::before{
  content:'Προτείνεται';   /* 17/10/2026: ήταν «Δημοφιλές» — χωρίς μετρημένους πελάτες, ισχυρισμός απόδειξης */position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  font-family:var(--font-m);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);
  padding:4px 14px;border-radius:20px;font-weight:600;white-space:nowrap;
}
.price-name{font-family:var(--font-m);font-size:11px;letter-spacing:2px;color:var(--gold2);text-transform:uppercase;margin-bottom:14px}
.price-amount{font-family:var(--font-d);font-size:46px;font-weight:600;color:#fff;line-height:1}
.price-amount .cur{font-size:.5em;color:var(--slate);vertical-align:super}
.price-period{font-family:var(--font-m);font-size:10px;color:var(--slate);margin-top:6px;letter-spacing:.5px}
.price-period.free{color:var(--lime2)}
.price-desc{font-size:12.5px;color:var(--slate);line-height:1.6;margin:16px 0 20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.price-feats{list-style:none;flex:1;margin-bottom:24px}
.price-feats li{font-size:12.5px;color:rgba(244,239,230,.82);line-height:1.5;padding:7px 0 7px 24px;position:relative}
.price-feats li::before{content:'✓';position:absolute;left:0;color:var(--lime2);font-size:12px}
.price-feats li.off{color:var(--slate2)}
.price-feats li.off::before{content:'—';color:var(--slate2)}
.price-btn{
  font-family:var(--font-b);font-size:14px;font-weight:600;letter-spacing:.005em;line-height:1.2;text-align:center;
  padding:13px;border-radius:var(--r);text-decoration:none;transition:.2s;
  background:rgba(201,150,58,.06);color:var(--gold2);border:1px solid var(--gold);
}
.price-btn:hover{background:rgba(201,150,58,.14);transform:translateY(-2px)}
.price-note{text-align:center;margin-top:28px;font-family:var(--font-m);font-size:11px;color:var(--slate);line-height:1.8}
.price-note strong{color:var(--cream);font-weight:500}

/* ─── FAQ ─── */
.faq-list{margin-top:38px;max-width:820px}
.faq-item{
  border-bottom:1px solid rgba(255,255,255,.08);
}
.faq-q{
  width:100%;background:none;border:none;cursor:pointer;text-align:left;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 4px;font-family:var(--font-b);font-size:16px;font-weight:500;color:var(--cream);
  transition:color .2s;
}
.faq-q:hover{color:var(--gold2)}
.faq-q .pm{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid rgba(201,150,58,.35);
  display:flex;align-items:center;justify-content:center;color:var(--gold2);font-size:16px;transition:transform .3s var(--ease)}
.faq-item.open .faq-q .pm{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-a-inner{padding:0 4px 22px;font-size:14px;color:var(--slate);line-height:1.7}
.faq-a-inner strong{color:var(--cream);font-weight:500}

/* ─── trial / CTA ─── */
.trial-card{
  margin-top:48px;border-radius:var(--rl);padding:clamp(34px,5vw,56px);
  background:linear-gradient(160deg,rgba(201,150,58,.08),rgba(15,32,64,.5));
  border:1px solid rgba(201,150,58,.3);text-align:center;max-width:680px;margin-left:auto;margin-right:auto;
}
.trial-card h2{font-family:var(--font-d);font-size:clamp(26px,4vw,40px);font-weight:500;color:#fff;margin-bottom:14px;max-width:none}
.trial-card h2 .lime{color:var(--lime2)}
.trial-card .lead{margin:0 auto 30px}
.trial-form{display:flex;flex-direction:column;gap:14px;max-width:420px;margin:0 auto}
.trial-form input,.trial-form textarea{
  width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(201,150,58,.24);
  border-radius:var(--r);color:var(--cream);font-family:var(--font-m);font-size:13px;
  padding:13px 14px;transition:.2s;
}
.trial-form input:focus,.trial-form textarea:focus{outline:none;border-color:var(--gold);background:rgba(201,150,58,.06)}
.trial-form input::placeholder,.trial-form textarea::placeholder{color:var(--slate2)}
.trial-form button{
  font-family:var(--font-b);font-size:15px;letter-spacing:.005em;line-height:1.2;cursor:pointer;
  background:rgba(201,150,58,.1);color:var(--gold2);font-weight:700;
  padding:15px;border-radius:var(--r);border:1px solid var(--gold);transition:.2s;
}
.trial-form button:hover{background:rgba(201,150,58,.2);transform:translateY(-2px)}
/* 17/10/2026: συγκατάθεση για νέα — προαιρετική, ξετσεκαρισμένη */
.trial-consent{display:flex;align-items:flex-start;gap:11px;text-align:left;cursor:pointer;
  font-size:13px;line-height:1.55;color:var(--slate);padding:2px 2px 4px}
/* ⚠ το .trial-form input (πλάτος 100%, padding, φόντο) πιάνει και το checkbox — ακυρώνεται εδώ */
.trial-form .trial-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;padding:0;background:none;border:0;appearance:auto;-webkit-appearance:checkbox;accent-color:var(--gold2);color-scheme:dark;cursor:pointer}
.trial-consent a{color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(201,150,58,.35);white-space:nowrap}
.trial-consent a:hover{border-bottom-color:var(--gold2)}
.trial-consent input:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.trial-micro{font-family:var(--font-m);font-size:10px;color:var(--slate);margin-top:16px;letter-spacing:.5px}   /* 11/10/2026: ήταν slate2 (2,9:1) */
.trial-success{text-align:center;padding:24px 0 8px;animation:fadeUp .5s var(--ease)}
.trial-success .ts-check{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  color:var(--lime2);border:1px solid rgba(123,194,66,.4);background:rgba(123,194,66,.08)}
.trial-success h3{font-family:var(--font-d);font-size:26px;font-weight:600;color:var(--cream);margin-bottom:10px}
.trial-success p{color:var(--slate);font-size:15px;line-height:1.6;max-width:380px;margin:0 auto}
.trial-err{font-family:var(--font-m);font-size:11px;color:#e08b8b;text-align:center;margin-top:4px;letter-spacing:.3px}
.trial-err a{color:var(--gold2)}

/* ─── lightbox ─── */
.frame img{cursor:zoom-in}
.lb-overlay{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(0,0,0,.92);backdrop-filter:blur(8px);
  align-items:center;justify-content:center;padding:20px;cursor:zoom-out;
}
.lb-overlay.open{display:flex}
.lb-overlay img{max-width:92vw;max-height:92vh;border-radius:var(--r);box-shadow:0 30px 80px rgba(0,0,0,.8);animation:lbIn .2s ease}
.lb-close{
  position:fixed;top:20px;right:24px;font-size:28px;color:#fff;cursor:pointer;
  background:rgba(255,255,255,.1);border:none;width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;transition:.15s;z-index:10000;
}
.lb-close:hover{background:rgba(255,255,255,.2)}
@keyframes lbIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}


@media(max-width:760px){
  .price-grid{grid-template-columns:1fr;gap:24px}
  .price-card.featured::before{top:-11px}
}

/* ─── reduced motion ─── */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  [data-reveal]{opacity:1;transform:none}
  .hero-visual .frame{transform:none}
}

/* ─── back to top ─── */
.to-top{position:fixed;right:22px;bottom:22px;z-index:60;width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(10,22,40,.85);border:1px solid rgba(201,150,58,.45);color:var(--gold2);
  font-size:19px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .3s,visibility .3s,transform .3s,border-color .2s,color .2s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{border-color:var(--gold2);color:var(--gold3)}
@media (prefers-reduced-motion: reduce){.to-top{transition:none}}