/* =====================================================
   /about — premium "about us" (mk tokens · light+dark)
   hero + trust stats + feature grid + Cyprus coverage + CTA band
   ===================================================== */
body{padding-top:56px;background:var(--bg)}

.ab{max-width:1040px;margin:0 auto;padding:40px 20px 72px;color:var(--text)}

/* ── Hero ── */
.ab-hero{text-align:center;max-width:680px;margin:0 auto 30px}
.ab-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-txt);background:var(--blue-dim);padding:5px 12px;border-radius:var(--r);margin-bottom:14px}
.ab-hero h1{font-size:clamp(27px,4.4vw,38px);font-weight:800;letter-spacing:-.6px;line-height:1.1;margin:0 0 14px}
.ab-hero p{font-size:16px;line-height:1.65;color:var(--text-2);margin:0}
.ab-hero strong{color:var(--text);font-weight:700}

/* ── Trust stats strip ── */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 18px;box-shadow:var(--shadow-card)}
.ab-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;position:relative}
.ab-stat + .ab-stat::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:34px;width:1px;background:var(--line)}
.ab-stat b{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.5px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.ab-stat span{font-size:12.5px;color:var(--text-2)}
@media(max-width:640px){
  .ab-stats{grid-template-columns:1fr 1fr;gap:18px 12px}
  .ab-stat:nth-child(odd)::before{display:none}
}

/* ── Section title ── */
.ab-sec-title{text-align:center;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 22px}

/* ── Feature grid ── */
.ab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 44px}
@media(max-width:820px){.ab-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ab-grid{grid-template-columns:1fr}}
.ab-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow-card);transition:border-color .12s,transform .12s,box-shadow .12s}
.ab-card:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.ab-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r);background:var(--blue-dim);color:var(--blue-txt);margin-bottom:13px}
.ab-ic svg{width:21px;height:21px}
.ab-card b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px;color:var(--text)}
.ab-card p{font-size:13.5px;line-height:1.55;color:var(--text-2);margin:0}

/* ── Final CTA band ── */
.ab-cta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);overflow:hidden}
.ab-cta-in{text-align:center;padding:34px 22px}
.ab-cta h2{font-size:23px;font-weight:800;letter-spacing:-.3px;margin:0 0 8px}
.ab-cta p{font-size:14.5px;color:var(--text-2);margin:0 0 20px}
.ab-cta-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 26px;border-radius:var(--r);font-size:15px;font-weight:700;text-decoration:none;background:var(--blue);color:#fff;border:1px solid transparent;transition:background .12s,transform .08s,border-color .12s}
.ab-btn:hover{background:var(--blue-hover)}
.ab-btn:active{transform:translateY(1px)}
.ab-btn.ghost{background:var(--surface);color:var(--text);border-color:var(--line-2)}
.ab-btn.ghost:hover{background:var(--hover);border-color:var(--text-3)}
.ab-cta-alt{font-size:13.5px;color:var(--text-2);margin:18px 0 0}
.ab-cta-alt a{color:var(--blue-txt);text-decoration:none;font-weight:600}
.ab-cta-alt a:hover{text-decoration:underline}