/**
 * MediaHost — NETLOGIC Ε.Ε.
 * Copyright © 2026 NETLOGIC Ε.Ε. Με επιφύλαξη παντός δικαιώματος.
 * https://www.mediahost.gr
 */
/* =========================================================
   MediaHost — SaaS Product UI (light, colorful, super modern)
   ========================================================= */
:root{
  --ink:#10203f;
  --navy:#0c1b3a;
  --gray:#4f5d78;
  --muted:#8893ac;
  --line:#e4e9f3;
  --line-2:#eef2f9;
  --bg:#f3f6fc;
  --bg-2:#e9eff9;
  --white:#fff;
  --indigo:#1f50d6;
  --indigo-2:#143a9e;
  --violet:#3a63e6;
  --cyan:#159be6;
  --grad:linear-gradient(135deg,#143a9e 0%,#1f50d6 55%,#2f7be6 100%);
  --grad-soft:linear-gradient(135deg,#e7eeff,#eaf2ff);
  --font-display:'Google Sans Flex',system-ui,sans-serif;
  /* colorful card gradients (όπως το reference) */
  /* enterprise: αποχρώσεις του brand μπλε (όχι πολύχρωμα) */
  --g-orange:linear-gradient(135deg,#0c2a72,#1f50d6);
  --g-blue:linear-gradient(135deg,#143a9e,#2f7be6);
  --g-cyan:linear-gradient(135deg,#1f6cd6,#3aa0ea);
  --g-green:linear-gradient(135deg,#1a48bf,#2f7be6);
  --g-purple:linear-gradient(135deg,#26307e,#3a63e6);
  --g-pink:linear-gradient(135deg,#103a9e,#2f7be6);
  --ok:#16b06a;
  --radius:18px;
  --radius-lg:24px;
  --radius-sm:12px;
  --shadow-sm:0 6px 22px rgba(28,39,99,.06);
  --shadow:0 18px 50px rgba(28,39,99,.10);
  --shadow-lg:0 40px 90px rgba(28,39,99,.16);
  --max:1600px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;color:var(--ink);background:var(--white);
  font-family:'Google Sans Flex',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;}
b,strong{font-weight:700;}
img{max-width:100%;display:block;}
a{color:var(--indigo);text-decoration:none;transition:.18s;}
a:hover{color:var(--violet);}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;color:var(--navy);font-weight:700;margin:0 0 .5em;letter-spacing:-.03em;}
h1{font-size:clamp(1.69rem,3.66vw,2.82rem);font-weight:700;}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:700;}
h3{font-size:1.25rem;}
p{margin:0 0 1rem;}
.container{max-width:var(--max);margin:0 auto;padding:0 45px;}
.section{padding:50px 0;position:relative;}
.section.alt{background:var(--bg);}
.center{text-align:center;}
.lead{font-size:1.18rem;color:var(--gray);max-width:860px;margin:0 auto 1.6rem;line-height:1.6;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  font-size:.76rem;color:var(--indigo);background:var(--grad-soft);padding:8px 16px;border-radius:50px;margin-bottom:18px;}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;border:0;
  font-weight:700;font-size:1rem;padding:14px 28px;border-radius:14px;transition:.2s;line-height:1;white-space:nowrap;}
.btn-primary{background:var(--grad);color:#fff;}
.btn-primary:hover{color:#fff;transform:translateY(-2px);}
.btn-outline{background:#fff;color:var(--navy);border:1.5px solid var(--line);}
.btn-outline:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-2px);}
.btn-ghost{background:var(--bg-2);color:var(--navy);}
.btn-ghost:hover{background:#e4e9fb;color:var(--navy);}
.btn-block{display:flex;width:100%;}
.btn-lg{padding:17px 36px;font-size:1.06rem;}
.btn-arrow::after{content:"→";transition:.2s;}
.btn-arrow:hover::after{transform:translateX(4px);}

/* ===== Dashboard layout: αριστερό sidebar ===== */
.shell{display:flex;align-items:flex-start;min-height:100vh;}
.sidebar{flex:0 0 292px;width:292px;position:sticky;top:0;height:100vh;overflow:hidden;z-index:50;
  background:linear-gradient(180deg,#0c1c3e 0%,#0a1730 100%);border-right:1px solid rgba(255,255,255,.07);
  padding:22px 16px;display:flex;flex-direction:column;}
.sidebar .brand{margin:6px auto 26px;color:#fff;flex-shrink:0;display:flex;justify-content:center;}
.snav-wrap{position:relative;flex:1 1 auto;min-height:0;}
.snav{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.snav::-webkit-scrollbar{display:none;}
.snav a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.74);font-weight:700;font-size:.95rem;
  padding:11px 14px;border-radius:12px;transition:.15s;white-space:nowrap;}
.snav a .ni{flex:0 0 22px;height:22px;display:grid;place-items:center;color:rgba(255,255,255,.5);transition:.15s;}
.snav a .ni svg{width:20px;height:20px;}
.snav a:hover{background:rgba(255,255,255,.07);color:#fff;}
.snav a:hover .ni{color:var(--cyan);}
.snav a.active{background:var(--grad);color:#fff;box-shadow:0 10px 22px rgba(31,80,214,.45);}
.snav a.active .ni{color:#fff;}
.snav-sep{color:rgba(255,255,255,.42);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:16px 14px 6px;}
.side-cta{margin-top:auto;padding-top:18px;}
.side-support{display:flex;align-items:center;gap:11px;margin-top:16px;padding:13px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.side-support .ss-ic{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:var(--cyan);font-size:1.05rem;}
.side-support small{display:block;color:rgba(255,255,255,.6);font-size:.72rem;}
.side-support b{color:#fff;font-size:.95rem;}
/* Ένδειξη scroll στο μενού (fade + βελάκια) — μέσα στο nav, πάνω από το κουμπί */
.sb-fade{position:absolute;left:0;right:0;bottom:0;height:46px;pointer-events:none;
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;
  background:linear-gradient(to top,#0b1a3a 35%,rgba(11,26,58,0));opacity:0;transition:opacity .25s;z-index:6;}
.sidebar.more .sb-fade{opacity:1;}
.side-cta{flex-shrink:0;}
.sb-arrows{display:flex;flex-direction:column;align-items:center;}
.sb-arrows i{display:block;border-right:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);transform:rotate(45deg);opacity:0;animation:sbArrow 1.5s infinite;}
.sb-arrows i:nth-child(1){width:12px;height:12px;animation-delay:0s;}
.sb-arrows i:nth-child(2){width:9px;height:9px;margin-top:-4px;animation-delay:.18s;}
.sb-arrows i:nth-child(3){width:6px;height:6px;margin-top:-3px;animation-delay:.36s;}
@keyframes sbArrow{0%{opacity:0;}40%{opacity:1;}80%,100%{opacity:0;}}
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(20,24,55,.45);z-index:45;}
.sb-overlay.show{display:block;}

.shell-main{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column;}
.shell-main>main{flex:1 0 auto;}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:flex-end;gap:14px;
  height:72px;padding:0 26px;background:rgba(245,247,254,.8);backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid transparent;transition:.2s;}
.topbar.scrolled{background:rgba(255,255,255,.92);border-bottom-color:var(--line);}
.tb-actions{display:flex;align-items:center;gap:12px;}
.tb-actions .btn{padding:11px 20px;font-size:.92rem;}
/* Κουμπί Υποστήριξη (topbar) */
.tb-support{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;border:0;font-weight:700;border-radius:14px;}
.tb-support:hover{color:#fff;filter:brightness(1.05);}
.tb-support svg{width:18px;height:18px;}
.tb-phone{font-weight:700;color:var(--navy);font-size:.92rem;margin-right:6px;}
.tb-brand{display:none;align-items:center;gap:9px;font-weight:700;font-size:1.2rem;color:var(--navy);margin-right:auto;}
.tb-brand .dot{width:26px;height:26px;border-radius:8px;background:var(--grad);}
.tb-brand img{height:34px;width:auto;display:block;}
.sidebar .brand img{height:24px;width:auto;}
.burger{display:none;background:var(--bg-2);border:0;cursor:pointer;width:44px;height:44px;border-radius:12px;margin-right:auto;}
.burger span{display:block;width:20px;height:2px;background:var(--navy);margin:4px auto;border-radius:2px;transition:.25s;}

/* (παλιό top header — δεν χρησιμοποιείται πλέον στο layout) */
.site-header{display:none;position:sticky;top:0;z-index:60;background:rgba(255,255,255,.78);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:.25s;}
.site-header.scrolled{background:rgba(255,255,255,.95);border-bottom-color:var(--line);box-shadow:var(--shadow-sm);}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px;}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:1.4rem;color:var(--navy);letter-spacing:-.02em;}
.brand .dot{width:32px;height:32px;border-radius:10px;background:var(--grad);box-shadow:0 8px 18px rgba(67,97,255,.4);display:grid;place-items:center;}
.brand .dot::after{content:"";width:12px;height:12px;border-radius:4px;background:#fff;}
.brand img{height:36px;width:auto;}
.menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;}
.menu a{color:var(--ink);font-weight:700;font-size:.94rem;padding:9px 14px;border-radius:10px;transition:.15s;}
.menu a:hover,.menu a.active{color:var(--indigo);background:var(--bg);}
.nav-actions{display:flex;align-items:center;gap:12px;}
.nav-actions .btn{padding:11px 22px;font-size:.92rem;}
.burger{display:none;background:none;border:0;cursor:pointer;width:44px;height:44px;border-radius:11px;}
.burger span{display:block;width:22px;height:2px;background:var(--navy);margin:5px auto;transition:.25s;border-radius:2px;}

/* HERO (light + blue blob) */
.hero{position:relative;overflow:hidden;min-height:580px;display:flex;align-items:center;background:
  radial-gradient(900px 520px at 88% -8%,rgba(67,97,255,.16),transparent 60%),
  radial-gradient(700px 500px at 0% 0%,rgba(124,92,255,.10),transparent 55%),
  linear-gradient(180deg,#fbfcff,#f4f6fe);}
.hero .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;}
.hero .blob.b1{width:420px;height:420px;right:-80px;top:-120px;background:radial-gradient(circle,#86a8ff,transparent 70%);}
.hero .blob.b2{width:360px;height:360px;left:-100px;bottom:-120px;background:radial-gradient(circle,#c3a8ff,transparent 70%);}
.hero .container{position:relative;z-index:2;padding-top:60px;padding-bottom:66px;}
.hero-grid{display:grid;grid-template-columns:1.02fr 1.05fr;gap:50px;align-items:center;}
.hero h1{max-width:none;}
.hero .lead{margin:0 0 30px;max-width:none;}
.hero-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);
  color:var(--indigo);font-weight:700;font-size:.84rem;padding:8px 16px;border-radius:50px;margin-bottom:22px;box-shadow:var(--shadow-sm);}
.hero-pill .blip{width:8px;height:8px;border-radius:50%;background:#16b06a;box-shadow:0 0 0 4px rgba(22,176,106,.18);}
@media(max-width:560px){
  .hero-pill.tp{white-space:nowrap;font-size:.78rem;padding:7px 14px;gap:7px;}
}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.hero-cta .btn-lg{padding:14px 28px;font-size:1rem;}
@media(max-width:560px){.df-blue{display:block;}.rev-rate{font-size:.9rem;white-space:nowrap;}}
@media(max-width:360px){.rev-rate{font-size:.78rem;}}
/* iOS Safari: αποτροπή auto-zoom όταν εστιάζεις σε input (απαιτεί font-size ≥16px) */
@media(max-width:768px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select, textarea{font-size:16px !important;}
}
@media(max-width:560px){
  .hero-cta{flex-wrap:nowrap;gap:10px;}
  .hero-cta .btn{flex:1 1 0;min-width:0;padding:13px 12px;font-size:.86rem;justify-content:center;text-align:center;}
}
.hero-badges{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;color:var(--gray);font-size:.92rem;font-weight:700;}
.hero-badges span{display:flex;align-items:center;gap:8px;}
.hero-badges svg{width:18px;height:18px;color:var(--indigo);}

/* Dashboard product mockup */
.app{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;}
.app-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line-2);background:#fff;}
.app-bar i{width:11px;height:11px;border-radius:50%;}
.app-bar i:nth-child(1){background:#ff6b6b;} .app-bar i:nth-child(2){background:#ffbf47;} .app-bar i:nth-child(3){background:#28c76f;}
.app-bar .url{margin-left:10px;font-size:.74rem;color:var(--muted);background:var(--bg);padding:5px 14px;border-radius:50px;flex:1;}
.app-body{display:grid;grid-template-columns:64px 1fr;}
.app-side{background:var(--bg);border-right:1px solid var(--line-2);padding:16px 0;display:flex;flex-direction:column;gap:14px;align-items:center;}
.app-side .s{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);}
.app-side .s.on{background:var(--grad);color:#fff;border:0;box-shadow:0 8px 16px rgba(67,97,255,.35);}
.app-side .s svg{width:17px;height:17px;}
.app-main{padding:16px;}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:13px;}
.kpi{border-radius:14px;padding:13px 14px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 22px rgba(28,39,99,.14);}
.kpi.o{background:var(--g-orange);} .kpi.b{background:var(--g-blue);} .kpi.c{background:var(--g-cyan);} .kpi.g{background:var(--g-green);}
.kpi .t{font-size:.66rem;opacity:.92;text-transform:uppercase;letter-spacing:.04em;}
.kpi .n{font-size:1.5rem;font-weight:700;line-height:1.2;margin-top:2px;}
.kpi .s{font-size:.62rem;opacity:.85;}
.kpi .em{position:absolute;right:8px;bottom:6px;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.22);display:grid;place-items:center;}
.kpi .em svg{width:18px;height:18px;color:#fff;}
.panel{display:grid;grid-template-columns:1.1fr 1fr;gap:11px;}
.mini{border:1px solid var(--line-2);border-radius:14px;padding:13px;}
.mini h5{margin:0 0 10px;font-size:.74rem;color:var(--navy);font-weight:700;}
.gauge{width:108px;height:54px;margin:6px auto 4px;border-radius:108px 108px 0 0;
  background:conic-gradient(from 270deg at 50% 100%,#4361ff 0deg,#7c5cff 126deg,#e9ecf6 126deg 180deg);position:relative;}
.gauge::after{content:"";position:absolute;left:14px;right:14px;bottom:0;top:14px;background:#fff;border-radius:108px 108px 0 0;}
.gauge .val{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-weight:700;font-size:.95rem;color:var(--navy);z-index:2;}
.spark{display:flex;align-items:flex-end;gap:5px;height:62px;}
.spark i{flex:1;border-radius:4px 4px 0 0;background:var(--grad);opacity:.85;}
.rowline{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line-2);font-size:.72rem;color:var(--gray);}
.rowline .av{width:22px;height:22px;border-radius:50%;background:var(--grad-soft);flex:0 0 22px;}
.rowline .dot2{width:7px;height:7px;border-radius:50%;background:#28c76f;margin-left:auto;}
.floating{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 15px;box-shadow:var(--shadow-lg);
  display:flex;align-items:center;gap:10px;font-weight:700;font-size:.84rem;color:var(--navy);z-index:5;}
.floating .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;}
.floating small{display:block;color:var(--muted);font-weight:700;font-size:.7rem;}
.floating.f1{left:-26px;top:30%;} .floating.f1 .ic{background:var(--g-green);}
.floating.f2{right:-22px;bottom:14%;} .floating.f2 .ic{background:var(--g-orange);}
/* Inner hero floating badges: έξω στις γωνίες ώστε να μην κρύβουν περιεχόμενο */
.ph-mock .floating{padding:9px 12px;}
.ph-mock .floating .ic{width:30px;height:30px;}
.ph-mock .floating.f1{left:-26px;top:-20px;bottom:auto;}
.ph-mock .floating.f2{right:-26px;bottom:-20px;top:auto;}

/* cPanel-style live mockup */
.cp{padding:18px;}
.cp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;}
.cp-hi{font-weight:700;color:var(--navy);font-size:.95rem;}
.cp-hi b{color:var(--indigo);}
.cp-search{display:flex;align-items:center;gap:7px;font-size:.73rem;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:50px;padding:7px 13px;}
.cp-search svg{width:14px;height:14px;}
.cp-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;}
.cp-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:9px;}
.cp-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.cp-tool{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:10px 11px;font-size:.8rem;font-weight:700;color:var(--navy);transition:.15s;}
.cp-tool span{width:30px;height:30px;border-radius:8px;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);flex:0 0 30px;}
.cp-tool span svg{width:16px;height:16px;}
.cp-tool:hover{border-color:#cdd9f3;transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.cp-stats{display:flex;flex-direction:column;gap:11px;}
.cp-st-h{display:flex;justify-content:space-between;font-size:.73rem;color:var(--gray);margin-bottom:5px;}
.cp-st-h b{color:var(--navy);}
.cp-bar{height:7px;background:var(--bg-2);border-radius:50px;overflow:hidden;}
.cp-bar i{display:block;height:100%;width:0;background:var(--grad);border-radius:50px;transition:width 1.1s ease;}
.cp-spark{display:flex;align-items:flex-end;gap:3px;height:48px;}
.cp-spark i{flex:1;background:var(--grad);border-radius:3px 3px 0 0;transition:height .45s ease;opacity:.9;}
.cp-live{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:.78rem;color:var(--gray);}
.cp-live b{color:var(--navy);font-size:.95rem;font-family:var(--font-display);}
.cp-mut{color:var(--muted);}
.cp-dot{width:8px;height:8px;border-radius:50%;background:#16b06a;box-shadow:0 0 0 4px rgba(22,176,106,.18);animation:cppulse 1.6s infinite;}
@keyframes cppulse{50%{box-shadow:0 0 0 7px rgba(22,176,106,0);}}

/* Marquee */
.marquee{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden;}
.marquee .track{display:flex;gap:54px;white-space:nowrap;width:max-content;animation:scrollx 26s linear infinite;}
.marquee span{display:inline-flex;align-items:center;gap:10px;color:var(--gray);font-weight:700;font-size:1rem;}
.marquee svg{width:20px;height:20px;color:var(--indigo);}
@keyframes scrollx{to{transform:translateX(-50%);}}

.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;column-gap:44px;row-gap:0;align-items:start;grid-template-areas:"head toc" "body toc";}
.legal-head{grid-area:head;margin-bottom:18px;}
.legal-bc{margin-bottom:14px;}
.legal-layout > .legal-prose{grid-area:body;}
.legal-toc{grid-area:toc;}
.legal-toc{position:sticky;top:122px;max-height:calc(100vh - 142px);overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px 14px;box-shadow:var(--shadow-sm);}
.legal-toc-h{font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px 12px;}
.legal-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;}
.legal-toc a{display:block;color:var(--gray);font-size:.86rem;font-weight:700;line-height:1.3;padding:6px 12px;border-radius:9px;transition:.16s;}
.legal-toc a:hover{color:var(--indigo);background:#fff;}
.legal-toc a.active{color:var(--indigo);background:#fff;font-weight:700;box-shadow:var(--shadow-sm);}
.legal-layout .legal-prose{max-width:none;margin:0;color:var(--gray);line-height:1.6;}
.legal-prose h3{margin:1.35em 0 .4em;font-size:1.12rem;color:var(--navy);scroll-margin-top:90px;}
.legal-prose h3:first-child{margin-top:0;}
.legal-prose h4{margin:1em 0 .3em;font-size:1rem;font-weight:700;color:var(--navy);}
.legal-prose p{margin:0 0 .8rem;}
.legal-prose ul{margin:0 0 .9rem 1.2rem;padding:0;}
.legal-prose li{margin-bottom:.3rem;}
@media(max-width:880px){
  .legal-layout{grid-template-columns:1fr;grid-template-areas:"head" "toc" "body";column-gap:0;row-gap:18px;}
  .legal-head{margin-bottom:0;}
  .legal-toc{position:static;width:100%;max-height:none;overflow:visible;}
}
/* ===== MediaHost Hub ===== */
.hub-hero{padding-bottom:24px;}
.page-hero.hub-pagehero{min-height:300px;padding:50px 0 40px;align-items:flex-start;overflow:visible;}
.page-hero.hub-pagehero::after{display:none!important;}
.page-hero.hub-pagehero h1{max-width:none;}
.hub-pagehero .breadcrumb{margin-bottom:10px;}
.hub-illu{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:340px;max-width:34%;height:auto;z-index:1;}
@media(max-width:980px){.hub-illu{display:none;}}
@media(max-width:560px){.page-hero.hub-pagehero{min-height:auto;padding:30px 0 26px;}}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.hub-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:.2s;position:relative;color:inherit;}
a.hub-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cdd9f3;}
.hub-card.is-soon{opacity:.72;}
.hub-ic{flex:0 0 50px;width:50px;height:50px;border-radius:14px;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);}
.hub-ic svg{width:26px;height:26px;}
.hub-card-b{flex:1;min-width:0;}
.hub-card-b h3{margin:2px 0 6px;font-size:1.12rem;color:var(--navy);display:flex;align-items:center;gap:9px;}
.hub-card-b p{margin:0;color:var(--gray);font-size:.92rem;line-height:1.55;}
.hub-soon{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg-2);border:1px solid var(--line);border-radius:50px;padding:3px 9px;}
.hub-arrow{position:absolute;right:20px;top:24px;color:var(--indigo);font-size:1.1rem;font-weight:700;transition:.2s;}
a.hub-card:hover .hub-arrow{transform:translateX(4px);}
@media(max-width:760px){.hub-grid{grid-template-columns:1fr;}}
/* Hub — κοινά */
.hub-h2{font-size:1.18rem;color:var(--navy);margin:0 0 16px;}
.hub-cols{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:start;margin-top:38px;}
@media(max-width:880px){.hub-cols{grid-template-columns:1fr;gap:30px;}}
/* Live status (HetrixTools native) — banner + cards */
.hx-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:42px;margin-bottom:16px;}
.hx-head .hub-h2{margin:0;}
.hx-count{display:inline-flex;align-items:center;gap:7px;color:var(--gray);font-size:.76rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--bg-2);border:1px solid var(--line);border-radius:50px;padding:5px 12px;}
.hx-count::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--indigo);flex:none;animation:hxdotp 1.6s infinite;}
@keyframes hxdotp{0%{box-shadow:0 0 0 0 rgba(67,97,255,.35)}70%{box-shadow:0 0 0 5px rgba(67,97,255,0)}100%{box-shadow:0 0 0 0 rgba(67,97,255,0)}}
.hx-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:18px;background:#fff;}
.hx-banner .hx-bdot{width:16px;height:16px;border-radius:50%;flex:none;position:relative;}
.hx-banner .hx-bdot::after{content:"";position:absolute;inset:-6px;border-radius:50%;opacity:.25;background:inherit;animation:hxpulse 1.8s infinite;}
@keyframes hxpulse{0%{transform:scale(.7);opacity:.5}70%{transform:scale(1.6);opacity:0}100%{opacity:0}}
.hx-btext{flex:1;min-width:0;}
.hx-btext b{display:block;color:var(--navy);font-size:1.1rem;font-family:var(--font-display);}
.hx-btext small{color:var(--muted);font-size:.84rem;}
.hx-bover{text-align:right;line-height:1.2;}
.hx-bover span{display:block;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--navy);}
.hx-bover small{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;}
.hxb-ok .hx-bdot{background:#16b06a;}
.hxb-warn .hx-bdot{background:#e8a911;}
.hxb-down .hx-bdot{background:#e0413a;}
.hxb-ok{background:#fff;border-color:var(--line);}
.hxb-warn{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#f3e2bd;}
.hxb-down{background:linear-gradient(180deg,#fdf1f0,#fff);border-color:#f3cfcd;}
@media(max-width:560px){
  .hx-banner{flex-wrap:wrap;align-items:flex-start;padding:16px 18px;gap:8px 14px;}
  .hx-bdot{margin-top:5px;}
  .hx-btext b{font-size:.96rem;line-height:1.25;}
  .hx-bover{flex:1 1 100%;text-align:left;border-top:1px solid var(--line);padding-top:10px;margin-top:2px;}
  .hx-bover span{font-size:1.3rem;}
  .hx-c-foot{flex-wrap:nowrap;}
  .hx-head{flex-direction:column;align-items:flex-start;gap:10px;}
}
.hx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:880px){.hx-cards{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hx-cards{grid-template-columns:1fr;}}
.hx-group{margin-top:22px;}
.hx-group:first-of-type{margin-top:6px;}
.hx-group-h{display:flex;align-items:center;gap:10px;margin:0 0 11px 2px;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
.hx-group-h>span:first-child{flex:none;}
.hx-group-h::after{content:"";flex:1;height:1px;background:var(--line);order:2;}
.hx-group-n{order:3;flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:20px;background:var(--bg-2);color:var(--gray);font-size:.7rem;font-weight:600;letter-spacing:0;}
/* Hub landing — σύνοψη ζωντανής κατάστασης */
.hubsum{margin-top:4px;}
.hubsum-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.hubsum-more{font-weight:600;font-size:.85rem;color:var(--indigo);white-space:nowrap;text-decoration:none;}
.hubsum-more:hover{text-decoration:underline;}
a.hx-banner{text-decoration:none;cursor:pointer;transition:.16s;}
a.hx-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#dfe5f1;}
.hubsum-groups{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.hubsum-chip{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm);text-decoration:none;transition:.16s;}
.hubsum-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#dfe5f1;}
.hubsum-chip b{font-size:.74rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--navy);}
.hubsum-n{min-width:20px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:var(--bg-2);color:var(--gray);font-size:.7rem;font-weight:600;}

/* ===== Hub Tools (top pill tabs + panel) ===== */
.tools-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.tools-tab{flex:1 1 150px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--gray);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:.15s;}
.tools-tab:hover{border-color:#cdd9f3;color:var(--navy);}
.tools-tab.is-active{background:var(--grad);color:#fff;border-color:transparent;}
.tools-tab .tn-ic{display:inline-flex;flex:none;}
.tools-tab .tn-ic svg{width:17px;height:17px;}
.tool-panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:24px 26px;}
.tool-panel[hidden]{display:none!important;}
.tool-view[hidden]{display:none!important;}
.tools-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;}
.tools-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:1150px){.tools-grid.two{grid-template-columns:1fr;}}
.tools-grid.two .tool-panel{display:flex;flex-direction:column;}
.tools-grid.two .gen-actions{margin-top:auto;padding-top:14px;}
@media(min-width:1151px){.tools-grid.two{align-items:stretch;}}
/* Generator layout (GeoIP / User-Agent): λίστα αριστερά · αποτέλεσμα δεξιά, ίδιο μέγεθος */
.tool-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;background:#e0413a;color:#fff;font-size:.76rem;font-weight:700;vertical-align:middle;margin-left:6px;}
.tool-subbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 12px;}
.tool-sublabel{font-size:.82rem;font-weight:700;color:var(--navy);}
.tool-check.inline{margin:0;font-size:.85rem;align-items:center;}
.opt-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.gen-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;}
@media(max-width:700px){.gen-split{grid-template-columns:1fr;}}
.gen-left,.gen-right{min-width:0;display:flex;flex-direction:column;}
.gen-rhead{display:flex;align-items:center;height:45px;margin-bottom:10px;font-size:.85rem;font-weight:700;color:var(--navy);}
.gen-note{font-size:.78rem;color:var(--muted);margin:12px 0 0;}
.tool-subleft{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;}
.opt-list{height:340px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;}
.opt-list label{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line-2);cursor:pointer;font-size:.9rem;}
.opt-list label:last-child{border-bottom:0;}
.opt-list label:hover{background:var(--bg);}
.opt-name{flex:1;min-width:0;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.opt-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:22px;padding:0 6px;border-radius:6px;background:var(--bg-2);color:var(--gray);font-size:.68rem;font-weight:700;flex:none;}
.opt-list input:checked + .opt-badge{background:#e0413a;color:#fff;}
.gen-code{height:340px;overflow:auto;margin:0;padding:14px;background:#0c1b3a;color:#dce5fb;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;border-radius:10px;}
.gen-actions{display:flex;gap:10px;margin-top:14px;}
@media(max-width:640px){.opt-list,.gen-code{height:260px;}.gen-actions .tool-btn{flex:1 1 auto;}}

/* ===================== Knowledge Base ===================== */
.kb-search{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 14px;box-shadow:var(--shadow-sm);max-width:640px;}
.kb-search-ic{display:inline-flex;color:var(--muted);flex:none;}
.kb-search-ic svg{width:18px;height:18px;}
.kb-search input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:.98rem;color:var(--ink);background:none;padding:6px 0;}
.kb-search .btn{flex:none;padding:10px 18px;}
.kb-live{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;overflow-y:auto;max-height:360px;z-index:40;text-align:left;}
.kb-live[hidden]{display:none;}
.kb-live a{display:flex;flex-direction:column;gap:2px;padding:10px 16px;text-decoration:none;border-bottom:1px solid var(--line-2);}
.kb-live a:last-child{border-bottom:0;}
.kb-live a:hover{background:var(--bg);}
.kb-live-c{font-size:.7rem;color:var(--indigo);font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
.kb-live-t{color:var(--navy);font-size:.95rem;}
.kb-live-empty{padding:14px 16px;color:var(--muted);font-size:.9rem;}
.kb-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.kb-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.kb-cat-grid{grid-template-columns:1fr;}}
.kb-cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow-sm);transition:.18s;}
.kb-cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dfe5f1;}
.kb-cat-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.kb-cat-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--grad-soft);color:var(--indigo);flex:none;}
.kb-cat-ic svg{width:21px;height:21px;}
.kb-cat-head h3{margin:0;font-size:1.05rem;color:var(--navy);}
.kb-cat-head small{color:var(--muted);font-size:.8rem;}
.kb-cat-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:7px;flex:1;}
.kb-cat-list a{color:var(--gray);font-size:.92rem;text-decoration:none;display:inline-flex;gap:7px;}
.kb-cat-list a::before{content:"\203A";color:var(--indigo);font-weight:700;}
.kb-cat-list a:hover{color:var(--indigo);}
.kb-cat-empty{color:var(--muted);font-size:.88rem;margin:0 0 12px;flex:1;}
.kb-cat-more{margin-top:auto;font-weight:600;font-size:.86rem;color:var(--indigo);text-decoration:none;}
.kb-cat-more:hover{text-decoration:underline;}
.kb-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;}
@media(max-width:760px){.kb-two{grid-template-columns:1fr;}}
.kb-col{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-sm);}
.kb-col-h{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--navy);margin-bottom:12px;font-size:.98rem;}
.kb-col-h svg{width:18px;height:18px;color:var(--indigo);}
.kb-linklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.kb-linklist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-2);}
.kb-linklist li:last-child{border-bottom:0;}
.kb-linklist a{color:var(--navy);font-size:.92rem;text-decoration:none;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kb-linklist a:hover{color:var(--indigo);}
.kb-linklist small{color:var(--muted);font-size:.74rem;flex:none;}
@media(max-width:560px){
  .kb-linklist li{flex-direction:column;align-items:flex-start;gap:3px;}
  .kb-linklist a{white-space:normal;overflow:visible;text-overflow:clip;}
}
.kb-h2row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.kb-back{font-weight:600;font-size:.86rem;color:var(--indigo);text-decoration:none;}
.kb-empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;text-align:center;color:var(--muted);box-shadow:var(--shadow-sm);}
.kb-art-list{display:flex;flex-direction:column;gap:12px;}
.kb-art-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;box-shadow:var(--shadow-sm);text-decoration:none;transition:.16s;}
.kb-art-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#dfe5f1;}
.kb-art-card-b{flex:1;min-width:0;}
.kb-art-cat{display:block;font-size:.74rem;color:var(--indigo);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;}
.kb-art-card h3{margin:0 0 3px;font-size:1.02rem;color:var(--navy);}
.kb-art-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5;}
.kb-art-arrow{flex:none;color:var(--indigo);font-size:1.2rem;font-weight:700;}
.kb-art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:var(--muted);font-size:.85rem;}
.kb-art-meta>span{display:inline-flex;align-items:center;gap:6px;}
.kb-art-meta svg{width:15px;height:15px;opacity:.8;}
.kb-narrow .kb-search{max-width:none;margin-bottom:20px;}
.kb-art-wrap{max-width:none;}
.kb-article.prose{max-width:none;margin:0;font-size:1rem;line-height:1.7;color:var(--ink);}
.kb-article.prose h3{font-size:1.1rem;}
.kb-article.prose li{margin-bottom:.4rem;}
.kb-stars{display:inline-flex;align-items:center;gap:3px;}
.kb-star{color:#d8deec;font-size:1rem;line-height:1;}
.kb-star.on{color:#ffb01f;}
.kb-star.half{background:linear-gradient(90deg,#ffb01f 55%,#d8deec 55%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.kb-top-cnt{font-style:normal;color:var(--muted);font-size:.82rem;}
.kb-art-meta .kb-stars small{color:var(--muted);margin-left:4px;}
.kb-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);}
.kb-tags>span{font-size:.78rem;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;}
.kb-tags a{background:var(--bg-2);color:var(--navy);font-size:.82rem;padding:5px 11px;border-radius:8px;text-decoration:none;}
.kb-tags a:hover{background:var(--grad-soft);color:var(--indigo);}
.kb-rate{margin-top:24px;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-align:center;}
.kb-rate>b{display:block;color:var(--navy);margin-bottom:10px;}
.kb-rate-stars{display:inline-flex;gap:4px;}
.kb-rs{border:0;background:none;font-size:1.8rem;line-height:1;color:#d8deec;cursor:pointer;padding:0 2px;transition:.12s;}
.kb-rs.on{color:#ffb01f;}
.kb-rate.done .kb-rs{cursor:default;}
.kb-rate-info{margin-top:8px;font-size:.85rem;color:var(--muted);}
.kb-art-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:26px;}
@media(max-width:560px){.kb-search{flex-wrap:wrap;}.kb-search-ic{order:1;}.kb-search input{order:2;flex:1 1 0;min-width:0;}.kb-search .btn{order:3;flex:1 1 100%;}.kb-art-foot .btn{flex:1 1 100%;}}
.hero-ip{display:inline-flex;align-items:center;gap:10px;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 8px 7px 14px;font-size:.9rem;color:var(--gray);box-shadow:var(--shadow-sm);max-width:100%;}
.hero-ip code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem;color:var(--navy);font-weight:600;}
.tool-subtabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;}
.tool-subtab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--gray);font:inherit;font-size:.86rem;font-weight:500;cursor:pointer;transition:.15s;}
.tool-subtab:hover{border-color:#cdd9f3;color:var(--navy);}
.tool-subtab.is-active{background:var(--bg-2);border-color:#cdd9f3;color:var(--indigo);font-weight:600;}
.tool-subtab .tn-ic{display:inline-flex;flex:none;}
.tool-subtab .tn-ic svg{width:15px;height:15px;}
.geo-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.geo-search{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.95rem;color:var(--ink);margin-bottom:10px;}
.geo-search:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(31,80,214,.12);}
.geo-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.geo-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 10px;background:var(--bg-2);border-radius:8px;font-size:.8rem;color:var(--navy);}
.geo-chip i{color:var(--muted);font-style:normal;font-size:.74rem;}
.geo-chip button{border:0;background:none;color:var(--muted);font-size:1.05rem;line-height:1;cursor:pointer;padding:0 4px;}
.geo-chip button:hover{color:#e0413a;}
.geo-empty{font-size:.82rem;color:var(--muted);}
.geo-list{max-height:250px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;}
.geo-list label{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:.88rem;color:var(--gray);cursor:pointer;border-bottom:1px solid var(--line-2);}
.geo-list label:last-child{border-bottom:0;}
.geo-list label:hover{background:var(--bg);}
.geo-list label span{flex:1;min-width:0;color:var(--navy);}
.geo-list label b{font-size:.72rem;color:var(--muted);font-weight:600;letter-spacing:.04em;}
.tool-head{margin-bottom:18px;}
.tool-head h2{margin:0 0 4px;font-size:1.25rem;}
.tool-head p{margin:0;color:var(--muted);font-size:.92rem;}
.tool-head code,.tool-note code,.tool-check code{background:var(--bg-2);padding:1px 5px;border-radius:5px;font-size:.85em;white-space:nowrap;}
.tool-field{display:flex;flex-direction:column;gap:6px;font-size:.86rem;font-weight:600;color:var(--navy);margin-bottom:14px;}
.tool-field input,.tool-field textarea,.ip-row input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.95rem;font-weight:400;color:var(--ink);background:#fff;}
.tool-field input:focus,.tool-field textarea:focus,.ip-row input:focus,.pg-out input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(31,80,214,.12);}
.tool-field textarea{resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;}
.tool-btn{padding:10px 16px;border:0;border-radius:10px;background:var(--grad);color:#fff;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap;}
.tool-btn:hover{filter:brightness(1.06);}
.tool-btn.ghost{background:#fff;border:1px solid var(--line);color:var(--navy);}
.tool-btn.ghost:hover{border-color:var(--indigo);color:var(--indigo);filter:none;}
.tool-btn.xs{padding:5px 11px;font-size:.78rem;}
.tool-btn.ok{background:#16b06a!important;color:#fff!important;}
.tool-actions{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap;}
.tool-check{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;font-size:.9rem;line-height:1.45;color:var(--navy);margin-bottom:6px;cursor:pointer;}
.tool-check input{margin-top:2px;}
.tool-output{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.to-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--bg-2);font-size:.78rem;font-weight:600;color:var(--gray);}
.to-code{margin:0;padding:14px;background:#0c1b3a;color:#dce5fb;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;min-height:18px;}
.tool-note{margin:10px 0 0;font-size:.8rem;color:var(--muted);}
.tool-quick{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:-4px 0 14px;font-size:.82rem;color:var(--muted);}
.tool-quick button{padding:4px 9px;border:1px solid var(--line);background:#fff;border-radius:7px;font:inherit;font-size:.78rem;font-weight:600;color:var(--navy);cursor:pointer;}
.tool-quick button:hover{border-color:var(--indigo);color:var(--indigo);}
.pg-out{display:flex;gap:8px;}
.pg-out input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.02rem;color:var(--ink);letter-spacing:.5px;}
.pg-strength{height:7px;border-radius:6px;background:var(--bg-2);overflow:hidden;margin-top:12px;}
.pg-bar{display:block;height:100%;width:4%;border-radius:6px;transition:width .25s,background .25s;background:#e0413a;}
.pg-bar.m{background:#e8a911;}.pg-bar.s{background:#16b06a;}.pg-bar.vs{background:#0f9a5e;}
.pg-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:.82rem;color:var(--muted);}
.pg-range{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:.9rem;color:var(--navy);font-weight:600;}
.pg-range input[type=range]{flex:1;accent-color:var(--indigo);}
.pg-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin-bottom:14px;}
.pg-opts label{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--gray);cursor:pointer;}
.pg-hashes{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.pg-hash{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line-2);border-radius:9px;padding:7px 10px;}
.pg-hash>span{flex:none;width:62px;font-size:.74rem;font-weight:700;color:var(--gray);}
.pg-hash code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--ink);}
.pg-modes{display:flex;gap:6px;margin-bottom:12px;background:var(--bg-2);border-radius:11px;padding:4px;}
.pg-mode{flex:1;padding:8px 12px;border:0;background:none;border-radius:8px;font:inherit;font-size:.88rem;font-weight:600;color:var(--gray);cursor:pointer;transition:.15s;}
.pg-mode.is-active{background:#fff;color:var(--indigo);box-shadow:var(--shadow-sm);}
.pg-sep{display:inline-flex!important;align-items:center;gap:8px;}
.pg-sep input{width:54px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;text-align:center;}
.pg-ht{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.pg-ht-h{height:auto;margin:0 0 10px;}
.ua-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 16px;margin-bottom:14px;}
.ua-list label{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--gray);cursor:pointer;}
.ip-row{display:flex;gap:8px;flex-wrap:wrap;}
.ip-row input{flex:1;min-width:180px;}
.ip-msg{margin-top:10px;font-size:.86rem;color:var(--muted);}
.ip-msg.err{color:#e0413a;}
.ip-result{margin-top:14px;}
.ip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;}
.ip-grid>div{background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;min-width:0;}
.ip-grid small{display:block;font-size:.72rem;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.06em;}
.ip-grid b{font-size:.92rem;color:var(--navy);word-break:break-word;}
.net-result{margin-top:14px;}
.net-rows{display:flex;flex-direction:column;gap:8px;}
.net-row{display:flex;gap:10px;align-items:baseline;}
.net-k{flex:0 0 60px;font-size:.7rem;font-weight:700;color:var(--indigo);text-transform:uppercase;letter-spacing:.03em;padding-top:3px;}
.net-v{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.net-v{min-width:0;}
.net-v code{display:block;background:var(--bg);border:1px solid var(--line-2);border-radius:7px;padding:5px 9px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--ink);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;}
.net-no{color:var(--muted);font-size:.85rem;font-style:normal;}
.net-hdrs{margin-top:8px;max-height:260px;overflow-y:auto;border-top:1px solid var(--line-2);padding-top:10px;}
.net-hdrs .net-k{flex:0 0 auto;min-width:90px;white-space:nowrap;}
.net-statusline{margin-bottom:10px;}
.net-status{display:inline-block;background:var(--bg-2);border-radius:8px;padding:5px 11px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.84rem;color:var(--navy);font-weight:600;}
.net-sec{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.net-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:7px;font-size:.73rem;font-weight:600;}
.net-badge.on{background:#e7f7ef;color:#0f9a5e;}
.net-badge.no{background:#fdecec;color:#d23b34;}
.net-ports{display:flex;flex-wrap:wrap;gap:8px;}
.net-port{display:inline-flex;align-items:center;padding:6px 12px;border-radius:9px;font-size:.82rem;font-weight:600;font-family:ui-monospace,Menlo,Consolas,monospace;}
.net-port.open{background:#e7f7ef;color:#0f9a5e;border:1px solid #b9e6cf;}
.net-port.closed{background:var(--bg-2);color:var(--muted);border:1px solid var(--line);}
.net-port i{font-style:normal;font-weight:500;opacity:.85;}
@media(max-width:640px){
  .tool-panel{padding:18px 16px;}
  .tools-tab{padding:10px 13px;font-size:.88rem;}
  .pg-out{flex-wrap:wrap;}
  .pg-out input{flex:1 1 100%;min-width:0;font-size:.95rem;}
  .hero-ip{display:flex;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;}
  .hero-ip code{overflow:hidden;text-overflow:ellipsis;}
  .pg-opts,.ua-list,.ip-grid{grid-template-columns:1fr;}
  .pg-hash>span{width:54px;}
  .tc-codes{display:block;margin-top:3px;}
  .tool-actions,.geo-presets,.ip-row{flex-wrap:wrap;}
  .tool-actions .tool-btn,.geo-presets .tool-btn,.ip-row .tool-btn{flex:1 1 auto;padding:11px 12px;font-size:.84rem;}
  .ip-row input{flex:1 1 100%;min-width:0;}
}
.hx-c{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;transition:.16s;min-width:0;}
.hx-c:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#dfe5f1;}
.hx-c-top{display:flex;align-items:center;gap:8px;min-width:0;}
.hx-c-name{flex:1;min-width:0;font-weight:700;color:var(--navy);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hx-c-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.hx-c-up{font-family:var(--font-display);font-weight:500;font-size:1.02rem;color:var(--navy);font-variant-numeric:tabular-nums;}
.hx-c-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line-2);padding-top:8px;font-size:.71rem;color:var(--muted);}
.hx-c-meta span{display:inline-flex;align-items:center;gap:4px;min-width:0;}
.hx-c-meta svg{width:12px;height:12px;opacity:.7;flex:none;}
.hx-c-last{white-space:nowrap;}
.hx-c .st-pill{font-size:.68rem;padding:3px 9px;}
.st-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;}
.hx-c-top .st-dot{position:relative;}
.hx-c-top .st-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.25;animation:hxpulse 1.8s infinite;}
@media (prefers-reduced-motion:reduce){.hx-c-top .st-dot::after{animation:none;}}
.st-dot.st-ok{background:#16b06a;}
.st-dot.st-down{background:#e0413a;}
.st-dot.st-info{background:var(--indigo);}
.st-dot.st-warn{background:#e8a911;}
.st-pill{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;padding:5px 11px;border-radius:50px;}
.st-pill.st-sev{min-width:104px;justify-content:center;text-align:center;}
.st-pill.st-ok{color:#0f7a4a;background:#e6f8ef;}
.st-pill.st-warn{color:#8a6304;background:#fdf3da;}
.st-pill.st-down{color:#a51f19;background:#fdeceb;}
.st-pill.st-info{color:var(--indigo);background:var(--grad-soft);}
.st-pill .st-dot{width:8px;height:8px;border-radius:50%;box-shadow:none;}
/* Incidents */
.st-timeline{display:flex;flex-direction:column;gap:14px;}
.st-inc{background:#fff;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-sm);}
.st-inc.sev-down{border-left-color:#e0413a;}
.st-inc.sev-warn{border-left-color:#e8a911;}
.st-inc.sev-info{border-left-color:var(--indigo);}
.st-inc-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.st-state{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.82rem;letter-spacing:.01em;padding:8px 16px;border-radius:50px;color:#fff;white-space:nowrap;}
.st-state svg{width:15px;height:15px;}
.st-state.st-ok{background:#16b06a;box-shadow:0 8px 20px rgba(22,176,106,.42);}
.st-state.st-warn{background:#e8a911;box-shadow:0 8px 20px rgba(232,169,17,.42);}
.st-state.st-down{background:#e0413a;box-shadow:0 8px 20px rgba(224,65,58,.42);}
.st-state.st-info{background:var(--indigo);box-shadow:0 8px 20px rgba(67,97,255,.42);}
.st-state.st-ok{animation:stResolved .5s ease-out;}
@keyframes stResolved{0%{transform:scale(.9);opacity:.5}100%{transform:scale(1);opacity:1}}
.st-inc h3{margin:2px 0 6px;font-size:1.18rem;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:10px;}
.st-inc-ico{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;}
.st-inc-ico svg{width:16px;height:16px;}
.st-inc-ico.ic-down{background:#fdeceb;color:#e0413a;}
.st-inc-ico.ic-warn{background:#fdf3da;color:#b8860b;}
.st-inc-ico.ic-info{background:var(--grad-soft);color:var(--indigo);}
.st-inc-ico.ic-ok{background:#e6f8ef;color:#16b06a;}
.st-acc .st-inc-ico{width:24px;height:24px;}
.st-acc .st-inc-ico svg{width:14px;height:14px;}
.st-inc-date{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem;margin:0 0 6px;}
.st-inc-date svg{width:14px;height:14px;}
.st-inc-body{color:var(--gray);font-size:.92rem;line-height:1.6;}
.st-intro{background:#f8fafd;border:1px solid #eef2f9;border-radius:12px;padding:12px 14px;color:var(--gray);font-size:.92rem;line-height:1.6;margin:2px 0 4px;}
.st-intro-l{display:block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px;}
.st-date{color:var(--muted);font-size:.8rem;}
.st-empty{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-sm);}
.st-empty-ic{flex:none;width:30px;height:30px;border-radius:50%;background:#e6f8ef;display:grid;place-items:center;color:#16b06a;}
.st-empty-ic svg{width:17px;height:17px;}
.st-empty-t b{display:block;color:var(--navy);font-weight:700;font-size:.98rem;line-height:1.3;}
.st-empty-t span{color:var(--gray);font-size:.86rem;}
/* Incident updates (ενημερώσεις) */
.st-upd-list{margin-top:16px;border-left:2px solid var(--line);padding-left:20px;display:flex;flex-direction:column;gap:16px;}
.st-upd{position:relative;}
.st-upd::before{content:"";position:absolute;left:-26px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--indigo);box-shadow:0 0 0 3px var(--grad-soft);}
.st-upd.uc-ok::before{background:#16b06a;box-shadow:0 0 0 3px #e6f8ef;}
.st-upd.uc-warn::before{background:#e8a911;box-shadow:0 0 0 3px #fdf3da;}
.st-upd.uc-down::before{background:#e0413a;box-shadow:0 0 0 3px #fdeceb;}
.st-upd.uc-info::before{background:var(--indigo);box-shadow:0 0 0 3px var(--grad-soft);}
.st-upd-h{display:flex;align-items:center;gap:9px;margin-bottom:4px;}
.st-upd-b{color:var(--gray);font-size:.9rem;line-height:1.55;}
/* Αρχείο */
/* Αρχείο συμβάντων — accordion */
.st-acc{display:flex;flex-direction:column;gap:8px;}
.st-acc-item{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;}
.st-acc-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 16px;}
.st-acc-item>summary::-webkit-details-marker{display:none;}
.st-acc-main{flex:1;min-width:0;display:flex;align-items:center;gap:9px;}
.st-acc-title{flex:1;min-width:0;font-weight:700;color:var(--navy);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.st-acc-date{white-space:nowrap;}
.st-acc-chev{flex:none;color:var(--muted);width:24px;display:grid;place-items:center;transition:transform .2s;}
.st-acc-chev svg{width:18px;height:18px;}
.st-acc-item[open] .st-acc-chev{transform:rotate(180deg);}
.st-acc-item[open]>summary{border-bottom:1px solid var(--line);}
.st-acc-body{padding:14px 18px 16px;}
@media(max-width:560px){
  .st-acc-date{display:none;}
  .st-acc-item>summary{flex-wrap:wrap;row-gap:9px;}
  .st-acc-main{flex:1 1 100%;order:3;}
  .st-acc-title{white-space:normal;}
  .st-acc-chev{margin-left:auto;}
}
/* Pager (αρχείο) */
.st-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;}
.st-pager button{min-width:36px;height:36px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:700;border-radius:10px;cursor:pointer;transition:.15s;}
.st-pager button:hover{border-color:#cdd9f3;}
.st-pager button.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(67,97,255,.3);}
.section-head{max-width:920px;margin:0 auto 42px;text-align:center;}
@media(max-width:560px){
  .section-head{text-align:left;margin-left:0;margin-right:0;}
  .section-head .lead{margin-left:0;margin-right:0;}
  h1,.hero h1,.page-hero h1{font-size:2rem;}
  h2{font-size:1.5rem;}
}

/* Feature cards — white with glossy gradient icon tiles */
.grid{display:grid;gap:24px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}
.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm);transition:.22s;}
.feature:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.feature .ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;color:#fff;position:relative;overflow:hidden;
  box-shadow:0 12px 24px rgba(28,39,99,.18);}
.feature .ico::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.5),transparent 55%);}
.feature .ico svg{width:27px;height:27px;position:relative;z-index:2;}
.ico.c1,.ico.c2,.ico.c3,.ico.c4,.ico.c5,.ico.c6{background:var(--grad);}
.feature h3{margin-bottom:9px;}
.feature p{color:var(--gray);margin:0;font-size:.97rem;}

/* Colorful metric cards (like reference top row) */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.metric{border-radius:20px;padding:26px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow);}
.metric.o{background:var(--g-orange);} .metric.b{background:var(--g-blue);} .metric.c{background:var(--g-cyan);} .metric.g{background:var(--g-green);}
.metric .em{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.22);display:grid;place-items:center;margin-bottom:16px;}
.metric .em svg{width:26px;height:26px;color:#fff;}
.metric b{display:block;font-size:2.4rem;font-weight:700;line-height:1;}
.metric span{opacity:.92;font-size:.93rem;}
.metric::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12);}

/* Pricing */
.pricing-toggle{display:inline-flex;align-items:center;gap:10px;margin:0 auto 14px;background:#fff;border:1px solid var(--line);border-radius:50px;padding:6px;box-shadow:var(--shadow-sm);}
.pricing-toggle button{border:0;background:transparent;font:inherit;font-weight:700;font-size:.92rem;color:var(--gray);padding:9px 20px;border-radius:50px;cursor:pointer;transition:.18s;}
.pricing-toggle button.on{background:var(--grad);color:#fff;box-shadow:0 8px 18px rgba(67,97,255,.34);}
.save-note{color:var(--ok);font-weight:700;font-size:.86rem;margin-bottom:40px;display:block;}
.pricing{display:grid;gap:26px;grid-template-columns:repeat(3,1fr);align-items:stretch;}
.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px 28px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:.22s;}
.price-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.price-card.popular{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:var(--shadow-lg);}
.price-card .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-weight:700;font-size:.76rem;padding:7px 18px;border-radius:50px;white-space:nowrap;box-shadow:0 10px 20px rgba(67,97,255,.34);}
.price-card h3{font-size:1.32rem;margin-bottom:4px;}
.price-card .pdesc{color:var(--muted);font-size:.9rem;margin-bottom:20px;min-height:20px;}
.price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px;}
.price .cur{font-size:1.35rem;color:var(--navy);font-weight:700;}
.price .amt{font-size:3.1rem;font-weight:700;color:var(--navy);letter-spacing:-.03em;}
.price .per{color:var(--muted);font-size:.95rem;}
.price-sub{font-size:.8rem;color:var(--ok);font-weight:700;min-height:18px;margin-bottom:6px;}
.feat-list{list-style:none;padding:0;margin:22px 0 26px;flex:1;}
.feat-list li{display:flex;gap:11px;align-items:flex-start;padding:8px 0;color:var(--ink);font-size:.95rem;}
.feat-list li::before{content:"";flex:0 0 20px;height:20px;margin-top:1px;border-radius:50%;background:var(--grad-soft);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234361ff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:12px,auto;}

/* Tabs (interactive) */
.tab-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:34px;}
.tab-btn{display:flex;align-items:center;justify-content:center;border:0;background:var(--bg-2);color:var(--navy);font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.02em;
  padding:12px 20px;border-radius:13px;cursor:pointer;transition:.16s;min-width:104px;}
.tab-btn:hover{background:#e4e9fb;}
.tab-btn.on{background:var(--grad);color:#fff;border-color:transparent;}
@media(max-width:560px){.tab-btn{min-width:0;flex:1 1 28%;padding:10px 12px;font-size:.88rem;}}
.tab-pane{display:none;}
.tab-pane.on{display:block;animation:fadeup .35s ease;}
.tabs-price .tab-pane.on{animation:none;}
@keyframes fadeup{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

/* Elastic pricing grid (3 + 3) */
.pricing-elastic{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;}


/* Assurance strip (conversion) */
.assurance{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin-top:32px;}
.assurance span{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--navy);font-size:.92rem;}
.assurance .ac{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#e6f8ef;display:grid;place-items:center;color:#16b06a;}
.assurance .ac svg{width:14px;height:14px;}
@media(max-width:560px){.assurance{flex-direction:column;align-items:flex-start;gap:14px;}.assurance span{align-items:center;}}

/* Resource bars (ΠΟΡΟΙ ΠΑΚΕΤΟΥ) */
.res{margin:8px 0 4px;padding-top:14px;border-top:1px dashed var(--line);}
.res-h{text-align:center;font-size:.68rem;letter-spacing:.09em;color:var(--muted);font-weight:700;margin-bottom:12px;}
.res-row{margin-bottom:11px;}
.res-row span{font-size:.78rem;color:var(--navy);font-weight:700;display:block;margin-bottom:5px;}
.res-bar{height:7px;background:var(--bg-2);border-radius:50px;overflow:hidden;}
.res-bar i{display:block;height:100%;background:var(--grad);border-radius:50px;}
.term{text-align:center;font-size:.78rem;color:var(--muted);margin:2px 0 16px;}

/* Check grid (Elastic Χαρακτηριστικά) */
.feat-card{max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 30px;box-shadow:var(--shadow-sm);}
.check-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 26px;}
@media(max-width:760px){.check-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:440px){.check-grid{grid-template-columns:repeat(2,1fr);gap:12px 16px;}}
.check-grid li{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:.94rem;font-weight:500;}
.check-grid .ck{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);}
.check-grid .ck svg{width:13px;height:13px;}

/* CTA band */
.cta-band{position:relative;overflow:hidden;background:var(--grad);color:#fff;border-radius:26px;padding:60px;text-align:center;box-shadow:0 30px 70px rgba(67,97,255,.34);}
.cta-band::after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.14);}
.cta-band > *{position:relative;z-index:2;}
.cta-band h2{color:#fff;}
.cta-band p{color:rgba(255,255,255,.9);max-width:580px;margin:0 auto 26px;}
.cta-band .btn-primary{background:#fff;color:var(--indigo);box-shadow:0 12px 26px rgba(0,0,0,.18);}
.cta-band .btn-primary:hover{color:var(--indigo-2);}

/* Comparison x90 */
.compare{max-width:none;margin:0 auto;display:flex;flex-direction:column;gap:18px;}
.cmp-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;}
.cmp-l{font-weight:700;color:var(--navy);font-size:.95rem;}
.cmp-track{height:34px;background:var(--bg);border:1px solid var(--line);border-radius:50px;overflow:hidden;}
.cmp-fill{height:100%;border-radius:50px;display:flex;align-items:center;justify-content:flex-end;padding-right:14px;color:#fff;font-weight:700;font-size:.82rem;}
.cmp-fill.shared{background:#c3cad8;}
.cmp-fill.mh{background:var(--grad);box-shadow:0 8px 20px rgba(67,97,255,.34);}
.cmp-v{font-weight:700;color:var(--navy);text-align:right;}

/* Plan calculator */
.calc{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow);max-width:none;margin:0 auto;}
.calc-controls label{font-weight:700;color:var(--navy);display:block;margin-bottom:18px;font-size:1.05rem;}
.calc-controls label b{color:var(--indigo);}
.calc input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:50px;background:var(--bg-2);outline:none;}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--grad);cursor:pointer;box-shadow:0 4px 12px rgba(31,80,214,.5);border:3px solid #fff;}
.calc input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#1f50d6;cursor:pointer;border:3px solid #fff;}
.calc-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:.74rem;margin-top:10px;font-weight:700;}
.calc-result{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:26px;text-align:center;}
.cr-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-weight:700;font-size:.72rem;padding:6px 16px;border-radius:50px;white-space:nowrap;}
.cr-name{font-weight:700;color:var(--navy);font-size:1.15rem;margin-top:6px;}
.cr-price{font-size:2.6rem;font-weight:700;color:var(--navy);margin:6px 0;}
.cr-price small{font-size:.9rem;color:var(--muted);font-weight:700;}
.cr-specs{color:var(--gray);font-size:.85rem;margin-bottom:16px;min-height:20px;}

/* Plan finder (use-case) */
.calc.finder{align-items:stretch;}
.finder-q{display:flex;flex-direction:column;}
.finder-q .fq-label{display:block;font-weight:700;color:var(--navy);margin-bottom:12px;font-size:.95rem;}
.usecases{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-auto-rows:1fr;}
.uc{display:flex;align-items:center;gap:9px;min-height:64px;border:1.5px solid var(--line);background:#fff;border-radius:12px;
  padding:12px 15px;font:inherit;font-weight:700;font-size:.88rem;line-height:1.25;color:var(--navy);cursor:pointer;text-align:left;transition:.18s;}
.uc svg{width:20px;height:20px;color:var(--indigo);flex:0 0 20px;}
.uc:hover{border-color:var(--indigo);transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.uc.on{border-color:transparent;background:var(--grad);color:#fff;box-shadow:0 12px 24px rgba(31,80,214,.36);}
.uc.on svg{color:#fff;}
.finder-hint{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;margin:16px 0 0;}
.finder-hint svg{width:16px;height:16px;color:#16b06a;}
.finder-result{display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow);border:1px solid var(--line-2);}
.finder-result .cr-name{font-family:var(--font-display);font-size:1.4rem;}
.fr-why{color:var(--gray);font-size:.86rem;margin:6px 0 18px;min-height:34px;line-height:1.45;}
.frow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:.86rem;color:var(--gray);padding:4px 0;font-weight:700;}
.frow span{width:7px;height:7px;border-radius:50%;background:var(--cyan);flex:0 0 7px;}
#fSpecs{margin:6px 0 14px;}

/* Finder — 2-tone split panel */
.calc.finder{padding:0;gap:0;overflow:hidden;align-items:stretch;border:1px solid var(--line);}
.finder-q{padding:40px;justify-content:center;}
.finder-result{background:var(--grad);color:#fff;border:0;border-radius:0;box-shadow:none;padding:46px 40px;justify-content:center;}
.finder-result .cr-badge{position:static;transform:none;display:inline-block;margin:0 auto 16px;background:#fff;color:var(--indigo);box-shadow:none;}
.finder-result .cr-name{color:#fff;}
.finder-result .cr-price{color:#fff;}
.finder-result .cr-price small{color:rgba(255,255,255,.82);}
.finder-result .frow{color:rgba(255,255,255,.94);}
.finder-result .frow span{background:#fff;}
.finder-result .fr-why{color:rgba(255,255,255,.85);}
.finder-result .btn-primary{background:#fff;color:var(--indigo);box-shadow:0 12px 26px rgba(0,0,0,.2);}
.finder-result .btn-primary:hover{color:var(--indigo-2);background:#f3f6ff;}
.finder-result .btn-primary::after{display:none;}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s;}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow-sm);transition:.2s;}
.step:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.step-n{width:48px;height:48px;border-radius:14px;background:var(--grad);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.35rem;display:grid;place-items:center;margin-bottom:16px;box-shadow:0 10px 20px rgba(31,80,214,.35);}
.step h3{margin-bottom:8px;}
.step p{color:var(--gray);font-size:.95rem;margin:0;}

/* ===== Νέα hero mockups (κοινό frame & μέγεθος) ===== */
.happ{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;}
.happ-body{padding:18px;height:360px;display:flex;flex-direction:column;}
.ha-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.ha-title{font-weight:700;color:var(--navy);font-size:.98rem;}
.ha-live{display:flex;align-items:center;gap:7px;font-size:.73rem;color:#0f7a47;font-weight:700;}
.ha-live .d{width:8px;height:8px;border-radius:50%;background:#16b06a;box-shadow:0 0 0 4px rgba(22,176,106,.18);animation:cppulse 1.6s infinite;}
/* ---- Animated cPanel demo (web-hosting hero) ---- */
.cp-demo{position:relative;display:flex;flex-direction:column;height:100%;gap:11px;}
.cp-bar2{display:flex;justify-content:space-between;align-items:center;}
.cp-logo{font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:1.02rem;}
.cp-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.cp-app{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 3px;border:1px solid var(--line-2);border-radius:11px;background:var(--bg);font-size:.7rem;font-weight:700;color:var(--gray);transition:.25s;}
.cp-app svg{width:18px;height:18px;color:var(--indigo);transition:.25s;}
.cp-app.on{border-color:transparent;background:var(--grad);color:#fff;box-shadow:0 8px 18px rgba(31,80,214,.22);}
.cp-app.on svg{color:#fff;}
.cp-screen{position:relative;flex:1;min-height:208px;border:1px solid var(--line-2);border-radius:13px;background:var(--bg);overflow:hidden;}
.cp-pane{position:absolute;inset:0;padding:13px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;}
.cp-pane.on{opacity:1;transform:none;}
.cp-screen-h{font-weight:700;color:var(--navy);font-size:.84rem;}
.cp-rows{display:flex;flex-direction:column;gap:7px;}
.cp-row{display:flex;justify-content:space-between;align-items:center;font-size:.79rem;color:var(--gray);background:#fff;border:1px solid var(--line-2);border-radius:9px;padding:8px 11px;}
.cp-row span{display:inline-flex;align-items:center;gap:8px;}
.cp-row svg{width:15px;height:15px;color:var(--indigo);}
.cp-row b{color:var(--navy);font-size:.77rem;}
.cp-row b.ok{color:#16a34a;}
.cp-btn{margin-top:auto;text-align:center;background:var(--grad);color:#fff;font-weight:700;font-size:.79rem;padding:9px;border-radius:9px;}
.cp-prog{height:9px;background:#fff;border:1px solid var(--line-2);border-radius:50px;overflow:hidden;}
.cp-prog i{display:block;height:100%;width:0;background:var(--grad);border-radius:50px;}
.cp-prog-l{display:flex;justify-content:space-between;font-size:.76rem;color:var(--gray);}
.cp-prog-l b{color:var(--navy);}
.cp-note{font-size:.79rem;display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .3s ease;}
.cp-note svg{width:15px;height:15px;}
.cp-note.ok{color:#16a34a;}
.cp-note.show{opacity:1;}
.cp-ssl{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:11px;}
.cp-ssl-ic{width:34px;height:34px;border-radius:9px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex:none;}
.cp-ssl-ic svg{width:18px;height:18px;color:#fff;}
.cp-ssl b{display:block;color:var(--navy);font-size:.84rem;}
.cp-ssl span{color:var(--gray);font-size:.73rem;}
.cp-cursor{position:absolute;left:48%;top:60%;width:20px;height:20px;z-index:6;pointer-events:none;transition:left .65s cubic-bezier(.4,.1,.2,1),top .65s cubic-bezier(.4,.1,.2,1);}
.cp-cursor svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));}
.cp-cursor.click::after{content:"";position:absolute;left:-5px;top:-3px;width:24px;height:24px;border-radius:50%;border:2px solid var(--indigo);animation:cpClick .5s ease-out;}
@keyframes cpClick{0%{transform:scale(.2);opacity:.7;}100%{transform:scale(1.4);opacity:0;}}
.ha-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.ha-tile{background:var(--grad);color:#fff;border-radius:14px;padding:14px;box-shadow:0 10px 22px rgba(31,80,214,.22);}
.ha-tile .k{font-size:.64rem;opacity:.9;text-transform:uppercase;letter-spacing:.04em;}
.ha-tile .v{font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1.2;margin-top:2px;}
.ha-tile .v small{font-size:.62rem;opacity:.85;font-weight:700;margin-left:2px;}
.ha-cap{font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700;margin-bottom:8px;}
.ha-bars{display:flex;align-items:flex-end;gap:5px;height:64px;margin-top:auto;}
.ha-bars i{flex:1;height:100%;background:var(--grad);border-radius:4px 4px 0 0;transform-origin:bottom;animation:habar 1.9s ease-in-out infinite;}
.ha-bars.hi i{animation-duration:1.3s;}
.ha-bars i:nth-child(2){animation-delay:.15s;}.ha-bars i:nth-child(3){animation-delay:.3s;}.ha-bars i:nth-child(4){animation-delay:.45s;}.ha-bars i:nth-child(5){animation-delay:.6s;}.ha-bars i:nth-child(6){animation-delay:.75s;}.ha-bars i:nth-child(7){animation-delay:.9s;}.ha-bars i:nth-child(8){animation-delay:1.05s;}.ha-bars i:nth-child(9){animation-delay:1.2s;}.ha-bars i:nth-child(10){animation-delay:1.35s;}
@keyframes habar{0%,100%{transform:scaleY(.35);}50%{transform:scaleY(1);}}
.ha-cap-row{display:flex;justify-content:space-between;align-items:center;}
.ha-cap-row b{color:var(--indigo);font-family:var(--font-display);font-size:1.05rem;}
.ha-area-wrap{margin-top:auto;}
.ha-area{display:block;width:100%;height:92px;}
.ha-area .line{fill:none;stroke:var(--indigo);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:680;stroke-dashoffset:680;animation:haDraw 2.1s ease .2s forwards;}
@keyframes haDraw{to{stroke-dashoffset:0;}}
.ha-spark{display:flex;align-items:flex-end;gap:4px;height:58px;margin:8px 0 12px;}
.ha-spark i{flex:1;background:var(--grad);border-radius:4px 4px 0 0;height:30%;transition:height .45s ease;}
.ha-coremon{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;height:104px;align-items:end;margin:6px 0 14px;}
.cm-col{height:100%;background:var(--bg-2);border-radius:7px;display:flex;align-items:flex-end;overflow:hidden;}
.cm-col i{display:block;width:100%;background:var(--grad);border-radius:7px;height:30%;transition:height .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 10px rgba(31,80,214,.35);}
/* CPU card — εντυπωσιακό */
.cpu-hero{display:flex;align-items:flex-end;gap:18px;margin-bottom:12px;}
.cpu-load b{display:block;font-family:var(--font-display);font-weight:700;font-size:2.3rem;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.cpu-freq{margin-left:auto;text-align:right;}
.cpu-freq b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1;color:var(--navy);}
.cpu-load small,.cpu-freq small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-top:5px;}
.cpu-bars{margin-bottom:5px;}
.cpu-labels{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:0 0 14px;}
.cpu-labels span{text-align:center;font-size:.6rem;font-weight:700;color:var(--muted);}
.ha-prog2{height:8px;background:var(--bg-2);border-radius:50px;overflow:hidden;margin:0 0 12px;}
.ha-prog2 i{display:block;height:100%;width:0;background:var(--grad);border-radius:50px;transition:width .25s linear;}
.ha-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.ha-pill{display:flex;align-items:center;gap:6px;font-size:.73rem;font-weight:700;color:var(--indigo);background:var(--grad-soft);padding:7px 12px;border-radius:50px;}
.ha-pill svg{width:14px;height:14px;}
.ha-pill.ok{color:#0f7a47;background:#e6f8ef;}
/* cores */
.ha-cores{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;}
.ha-core{height:42px;border-radius:11px;background:var(--grad);opacity:.25;animation:corepulse 1.6s ease-in-out infinite;}
@keyframes corepulse{0%,100%{opacity:.25;}50%{opacity:1;}}
/* gauge */
.ha-gauge{position:relative;width:150px;height:150px;margin:6px auto 16px;}
.hg-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--indigo) 0 99%,var(--bg-2) 99% 100%);-webkit-mask:radial-gradient(farthest-side,transparent 64%,#000 65%);mask:radial-gradient(farthest-side,transparent 64%,#000 65%);animation:ringin 1.4s ease both;}
@keyframes ringin{from{background:conic-gradient(var(--indigo) 0 0,var(--bg-2) 0 100%);}}
.hg-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:2.4rem;color:var(--navy);}
.hg-sub{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:.7rem;color:var(--muted);}
/* gauge2 (SVG, animated) */
.ha-gauge2{position:relative;width:148px;height:148px;margin:2px auto 14px;}
.hg2-val b{font-size:2.3rem;}
.ha-gauge2 svg{width:100%;height:100%;transform:rotate(-90deg);}
.ha-gauge2 .g-bg{fill:none;stroke:var(--bg-2);stroke-width:12;}
.ha-gauge2 .g-fg{fill:none;stroke:var(--indigo);stroke-width:12;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1);}
.hg2-val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.hg2-val b{font-family:var(--font-display);font-weight:700;font-size:2.3rem;color:var(--navy);line-height:1;}
.hg2-val small{font-size:.72rem;color:var(--muted);margin-top:3px;}
/* WordPress maintenance */
.ha-wp{display:flex;flex-direction:column;gap:9px;margin-bottom:4px;}
.wp-item{display:flex;align-items:center;gap:11px;background:var(--bg);border:1px solid var(--line-2);border-radius:11px;padding:11px 13px;font-size:.84rem;font-weight:700;color:var(--navy);opacity:.45;transform:translateX(-6px);animation:wpin .5s ease forwards;animation-delay:var(--wd);}
.wp-item svg{width:18px;height:18px;color:#16b06a;flex:0 0 18px;}
@keyframes wpin{to{opacity:1;transform:none;}}
/* rows */
.ha-rows{display:flex;flex-direction:column;gap:9px;margin-top:6px;}
.ha-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line-2);border-radius:11px;padding:11px 14px;font-size:.84rem;color:var(--gray);text-decoration:none;transition:.15s;}
a.ha-row:hover{border-color:#cdd9f3;background:#fff;box-shadow:var(--shadow-sm);}
.ha-row span{display:inline-flex;align-items:center;gap:7px;}
.ha-row span svg{width:16px;height:16px;color:var(--indigo);}
.ha-row b{color:var(--navy);}
.ha-row b.ok{color:#0f7a47;}
/* snapshots */
.ha-snaps{display:flex;flex-direction:column;gap:8px;margin-top:auto;margin-bottom:6px;}
.ha-snap{display:flex;align-items:center;gap:11px;background:var(--bg);border:1px solid var(--line-2);border-radius:11px;padding:9px 12px;}
.ha-snap-ic{width:30px;height:30px;border-radius:8px;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);flex:0 0 30px;}
.ha-snap-ic svg{width:15px;height:15px;}
.ha-snap b{display:block;color:var(--navy);font-size:.82rem;}
.ha-snap small{color:var(--muted);font-size:.72rem;}
.ha-snap-tag{margin-left:auto;font-size:.71rem;font-weight:700;color:var(--indigo);background:var(--grad-soft);padding:5px 11px;border-radius:50px;}
/* ssl */
.ha-ssl{display:flex;align-items:center;gap:14px;background:var(--bg);border:1px solid var(--line-2);border-radius:14px;padding:18px;margin-bottom:14px;}
.ha-lock{width:54px;height:54px;border-radius:14px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px rgba(31,80,214,.3);animation:lockpulse 2s infinite;}
.ha-lock svg{width:26px;height:26px;}
@keyframes lockpulse{0%,100%{box-shadow:0 10px 22px rgba(31,80,214,.3);}50%{box-shadow:0 10px 30px rgba(31,80,214,.55);}}
.ha-url{font-size:1.05rem;color:var(--navy);font-weight:700;}
.ha-url b{color:var(--indigo);}
/* migration flow */
.ha-flow{display:flex;align-items:center;justify-content:space-between;margin:10px 0 18px;}
.ha-node{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.7rem;color:var(--muted);font-weight:700;flex:0 0 auto;}
.ha-node svg{width:20px;height:20px;}
.ha-node{color:var(--muted);}
.ha-node span{white-space:nowrap;}
.ha-node.done{color:#0f7a47;} .ha-node.act{color:var(--indigo);}
.ha-line{flex:1;height:3px;background:var(--bg-2);border-radius:50px;margin:0 6px;align-self:flex-start;margin-top:10px;overflow:hidden;}
.ha-line i{display:block;height:100%;width:100%;background:var(--grad);}
@media(max-width:560px){.happ-body{height:auto;min-height:300px;}.ha-flow{flex-wrap:wrap;gap:8px;justify-content:flex-start;}.ha-line{display:none;}.page-hero{min-height:0;}.cp-screen{min-height:256px;}}

/* Live mockups (ανά κατηγορία) */
.mock{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);}
.mock-h{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--navy);font-size:.9rem;margin-bottom:16px;}
.mock-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);}
.mock-dot.g{background:#16b06a;}
.mock-dot.live{background:#16b06a;box-shadow:0 0 0 4px rgba(22,176,106,.18);animation:cppulse 1.6s infinite;}
/* PageSpeed */
.ms-top{display:flex;align-items:center;gap:18px;margin-bottom:18px;}
.mk-speed .gauge{margin:0;flex:0 0 auto;}
.ms-score{font-weight:700;color:var(--navy);font-size:1.1rem;}
.ms-sub{color:var(--muted);font-size:.82rem;}
.ms-vitals{display:flex;flex-direction:column;gap:9px;}
.ms-v{display:flex;align-items:center;gap:10px;font-size:.85rem;}
.ms-v span{width:46px;font-weight:700;color:var(--navy);}
.ms-v b{margin-left:auto;color:var(--navy);}
.ms-v em{font-style:normal;font-size:.7rem;font-weight:700;color:#0f7a47;background:#e6f8ef;padding:3px 9px;border-radius:50px;}
/* Security */
.sec-big b{font-family:var(--font-display);font-size:2.1rem;font-weight:700;color:var(--navy);line-height:1;display:block;}
.sec-big span{color:var(--gray);font-size:.83rem;}
.sec-log{display:flex;flex-direction:column;gap:7px;min-height:128px;margin:14px 0;}
.sec-row{display:flex;align-items:center;gap:9px;font-size:.79rem;color:var(--gray);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:8px 11px;animation:secin .4s ease;}
.sec-row .si{color:#16b06a;display:grid;place-items:center;flex:0 0 16px;}
.sec-row .si svg{width:15px;height:15px;}
.sec-row time{margin-left:auto;color:var(--muted);font-size:.7rem;white-space:nowrap;}
@keyframes secin{from{opacity:0;transform:translateY(-6px);}}
.sec-pills{display:flex;gap:8px;flex-wrap:wrap;}
.spill{display:flex;align-items:center;gap:6px;font-size:.73rem;font-weight:700;color:#0f7a47;background:#e6f8ef;border-radius:50px;padding:6px 12px;}
.spill svg{width:14px;height:14px;}
/* Backup */
.bk-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.bk-row{display:flex;align-items:center;gap:11px;background:var(--bg);border:1px solid var(--line-2);border-radius:11px;padding:10px 12px;}
.bk-ic{width:32px;height:32px;border-radius:9px;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);flex:0 0 32px;}
.bk-ic svg{width:16px;height:16px;}
.bk-meta b{display:block;color:var(--navy);font-size:.85rem;}
.bk-meta small{color:var(--muted);font-size:.73rem;}
.bk-tag{margin-left:auto;font-size:.73rem;font-weight:700;color:var(--indigo);background:var(--grad-soft);padding:5px 12px;border-radius:50px;}
.bk-prog{height:8px;background:var(--bg-2);border-radius:50px;overflow:hidden;margin-bottom:7px;}
.bk-prog i{display:block;height:100%;width:0;background:var(--grad);border-radius:50px;transition:width .2s linear;}
#bkProgT{font-size:.78rem;color:var(--gray);font-weight:700;}
/* Migration */
.mig-steps{display:flex;flex-direction:column;gap:14px;}
.mig-row{display:flex;align-items:center;gap:10px;font-size:.86rem;margin-bottom:7px;}
.mig-ck{width:22px;height:22px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;color:var(--muted);transition:.2s;flex:0 0 22px;}
.mig-ck svg{width:13px;height:13px;}
.mig-step.done .mig-ck{background:#16b06a;color:#fff;}
.mig-name{font-weight:700;color:var(--navy);}
.mig-pct{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:700;}
.mig-bar{height:7px;background:var(--bg-2);border-radius:50px;overflow:hidden;}
.mig-bar i{display:block;height:100%;width:0;background:var(--grad);border-radius:50px;transition:width .3s linear;}

/* Spotlight visuals */
.illu-card{background:radial-gradient(600px 300px at 80% 0%,rgba(47,123,230,.45),transparent 60%),linear-gradient(135deg,#0c1c3e,#16307e);
  border-radius:24px;padding:34px;box-shadow:var(--shadow);overflow:hidden;}
.illu-card img{width:100%;max-width:none;margin:0 auto;display:block;}
.apps-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm);}
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;}
.apps-grid span{display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);
  border-radius:12px;padding:16px 8px;font-weight:700;font-size:.82rem;color:var(--navy);text-align:center;transition:.15s;}
.apps-grid span:hover{border-color:#cdd9f3;color:var(--indigo);transform:translateY(-2px);}
.apps-grid span:last-child{background:var(--grad);color:#fff;border:0;}

/* Capabilities grid */
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;}
.cap{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow-sm);transition:.2s;}
.cap:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cdd9f3;}
.cap .ci{flex:0 0 40px;height:40px;border-radius:11px;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);}
.cap .ci svg{width:20px;height:20px;}
.cap b{display:block;color:var(--navy);font-size:.95rem;}
.cap span{color:var(--gray);font-size:.83rem;}

/* Chart / graphics */
.chart-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:center;}
.chart-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);}
.chart-card h4{margin:0 0 4px;}
.chart-card .sub{color:var(--muted);font-size:.85rem;margin-bottom:14px;}
.chart-svg{width:100%;height:190px;display:block;overflow:visible;}
.chart-svg .ln{fill:none;stroke:var(--indigo);stroke-width:3;stroke-linecap:round;
  stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.2s ease forwards;}
@keyframes draw{to{stroke-dashoffset:0;}}
.chart-legend{display:flex;gap:18px;margin-top:12px;flex-wrap:wrap;}
.chart-legend span{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--gray);}
.chart-legend i{width:11px;height:11px;border-radius:3px;display:inline-block;}
.mini-metrics{display:grid;gap:12px;}
.mini-metric{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;}
.mini-metric .mm-ic{flex:0 0 42px;height:42px;border-radius:12px;color:#fff;display:grid;place-items:center;}
.mini-metric .mm-ic svg{width:22px;height:22px;}
.mini-metric b{display:block;font-size:1.5rem;color:var(--navy);line-height:1;}
.mini-metric span{color:var(--gray);font-size:.84rem;}

/* Security dark band */
.darkband{position:relative;overflow:hidden;border-radius:26px;padding:50px;color:#fff;
  background:radial-gradient(700px 400px at 85% -20%,rgba(67,97,255,.4),transparent 60%),linear-gradient(135deg,#11163a,#1a1f55);
  box-shadow:var(--shadow-lg);}
.db-head{max-width:680px;margin-bottom:34px;}
.darkband h2{color:#fff;}
.darkband p{color:rgba(255,255,255,.82);margin:0;}
.db-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.db-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;}
.db-item svg{width:30px;height:30px;color:#7aa2ff;margin-bottom:12px;}
.db-item b{display:block;color:#fff;font-size:1rem;}
.db-item span{color:rgba(255,255,255,.66);font-size:.84rem;}

/* Service 2-column layout + aside */
.svc-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;}
.svc-layout.no-aside{grid-template-columns:1fr;}
.svc-aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px;}
.aside-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);}
.aside-card.grad{background:var(--grad);border:0;box-shadow:0 18px 40px rgba(67,97,255,.34);}
.aside-fact{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);}
.aside-fact:last-of-type{border-bottom:0;}
.aside-fact .af-ic{flex:0 0 40px;height:40px;border-radius:11px;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);}
.aside-fact .af-ic svg{width:20px;height:20px;}
.aside-fact b{display:block;color:var(--navy);font-size:.95rem;}
.aside-fact small{color:var(--muted);font-size:.8rem;}

/* Footer extras */
.foot-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.foot-badges .fb{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.82);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:6px 12px;border-radius:50px;}
.footer-center{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;}
.footer-legal{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.6);font-size:.85rem;}
@media(max-width:880px){.footer-legal{justify-content:flex-start;}}
.footer-pay{margin-top:0;padding-top:0;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;}
@media(max-width:880px){.footer-center{align-items:flex-start;text-align:left;}.footer-pay{justify-content:flex-start;}}
.footer-pay .fp-label{color:rgba(255,255,255,.6);font-size:.85rem;font-weight:700;}
.payments{display:flex;flex-wrap:wrap;gap:9px;}
.payments .pm{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:8px;padding:6px 12px;font-weight:700;font-size:.75rem;}

/* Testimonials */
.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm);transition:.22s;display:flex;flex-direction:column;height:100%;min-height:280px;}
.tc-filler{visibility:hidden;border-color:transparent;box-shadow:none;background:transparent;}
.tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);}
.tcard .stars{color:#ffb01f;margin-bottom:8px;letter-spacing:2px;font-size:.9rem;}
.tcard p{font-size:.96rem;color:var(--ink);line-height:1.5;margin:0;}
.tc-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.tcard.is-open .tc-text{-webkit-line-clamp:unset;overflow:visible;min-height:0;}
.tc-more{align-self:flex-start;margin-top:8px;background:none;border:0;padding:0;color:var(--indigo);font-weight:600;font-size:.84rem;font-family:inherit;cursor:pointer;}
.tc-more[hidden]{display:none;}
.tc-more:hover{text-decoration:underline;}
.tcard .who{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:14px;}
.tcard .who>div{min-width:0;}
.tcard .who .av{width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.95rem;flex:0 0 auto;}
.tcard .who b{display:block;color:var(--navy);font-size:.94rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tcard .who small{color:var(--muted);font-size:.8rem;}
.tcard[hidden]{display:none!important;}
.reviews-wrap .grid{transition:opacity .17s ease;}
.reviews-wrap .grid.is-fading{opacity:0;}
.rev-pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin-top:26px;}
.rev-pg{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--navy);font-weight:600;font-size:.84rem;font-family:inherit;cursor:pointer;transition:.18s;}
.rev-pg:hover:not(:disabled){border-color:var(--indigo);color:var(--indigo);}
.rev-pg.is-active{background:var(--grad);color:#fff;border-color:transparent;}
.rev-pg:disabled{opacity:.4;cursor:default;}
.rev-pg-nav{font-size:1rem;line-height:1;}
.rev-ell{display:inline-flex;align-items:center;padding:0 2px;color:var(--muted);font-size:.84rem;}

/* FAQ */
.faq{max-width:none;margin:0 auto;}
.faq-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:start;}
.faq-intro{position:sticky;top:96px;}
.faq-intro .eyebrow{margin-bottom:12px;}
@media(max-width:880px){.faq-split{grid-template-columns:1fr;gap:24px;}.faq-intro{position:static;}}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden;transition:.2s;}
.faq-item.open{border-color:#cfd6fb;box-shadow:var(--shadow-sm);}
.faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:20px 24px;font-weight:700;color:var(--navy);font-size:1.04rem;display:flex;justify-content:space-between;gap:14px;align-items:center;}
.faq-q .pm{flex:0 0 auto;transition:.25s;color:var(--indigo);font-size:1.5rem;line-height:1;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 24px;color:var(--gray);}
.faq-item.open .faq-a{max-height:500px;padding:0 24px 20px;}
.faq-item.open .pm{transform:rotate(45deg);}

/* Page hero (inner) — light */
.page-hero{position:relative;overflow:hidden;min-height:580px;display:flex;align-items:center;padding:24px 0;background:
  radial-gradient(800px 460px at 85% -10%,rgba(67,97,255,.14),transparent 60%),
  linear-gradient(180deg,#fbfcff,#f4f6fe);}
.page-hero .container,.hero .container{width:100%;max-width:var(--max);margin-left:auto;margin-right:auto;}
.page-hero .blob{position:absolute;width:380px;height:380px;right:-90px;top:-120px;border-radius:50%;filter:blur(70px);opacity:.5;background:radial-gradient(circle,#9db6ff,transparent 70%);}
.page-hero .grid-bg{display:none;}
.page-hero .container{position:relative;z-index:2;}
.page-hero h1{color:var(--navy);font-size:clamp(1.69rem,3.66vw,2.82rem);max-width:none;}
.page-hero p{font-size:1.02rem;}
.page-hero p{color:var(--gray);max-width:660px;font-size:1.14rem;}
.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:16px;}
.breadcrumb a{color:var(--indigo);}

/* Content / prose */
.prose{max-width:780px;margin:0 auto;font-size:1.06rem;color:#3a4063;line-height:1.75;}
.prose h2{margin-top:1.6em;} .prose h3{margin-top:1.3em;}
.prose img{border-radius:14px;margin:1.3em 0;}
.prose ul{padding-left:1.2em;}
.content-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
.content-split > div{min-width:0;}

/* Forms */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:38px;box-shadow:var(--shadow);}
.field{margin-bottom:17px;}
.field label{display:block;font-weight:700;font-size:.9rem;margin-bottom:7px;color:var(--navy);}
.field input,.field textarea,.field select{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--bg);transition:.15s;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--indigo);background:#fff;box-shadow:0 0 0 4px rgba(67,97,255,.14);}
.field textarea{min-height:130px;resize:vertical;}
.form-note{font-size:.84rem;color:var(--muted);}
.alert{padding:15px 17px;border-radius:12px;margin-bottom:18px;font-size:.95rem;}
.alert-ok{background:#e6f8ef;color:#0f7a47;border:1px solid #bfe9d3;}
.alert-err{background:#fdecec;color:#b3261e;border:1px solid #f3c4c0;}

/* Contact info */
.info-list{list-style:none;padding:0;margin:0;}
.info-list li{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px;}
.info-list .ico{flex:0 0 48px;height:48px;border-radius:14px;background:var(--grad-soft);display:grid;place-items:center;color:var(--indigo);font-size:1.1rem;}
.info-list b{display:block;color:var(--navy);}
.info-list a,.info-list span{color:var(--gray);}

/* Footer */
.site-footer{background:#0f1330;color:rgba(255,255,255,.72);padding:38px 0 28px;}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px;}
.site-footer h4{color:#fff;font-size:1rem;margin-bottom:18px;}
.site-footer .brand{color:#fff;margin-bottom:16px;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:rgba(255,255,255,.66);font-size:.92rem;}
.footer-links a:hover{color:#8aa2ff;}
.footer-social{display:flex;gap:12px;margin-top:16px;}
.footer-social a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.82rem;}
.footer-social a:hover{background:var(--grad);transform:translateY(-2px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:46px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:.85rem;color:rgba(255,255,255,.55);}
.cpanel-badge{display:inline-flex;align-items:center;gap:5px;background:#ff6c2c;color:#fff;border-radius:6px;padding:3px 10px;font-size:.68rem;font-weight:700;white-space:nowrap;box-shadow:0 3px 10px rgba(255,108,44,.28);}
.cpanel-badge b{font-weight:700;font-style:italic;letter-spacing:.2px;}
.cpanel-badge b::after{content:'®';font-size:.55em;font-style:normal;vertical-align:super;margin-left:1px;}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.08s;} .reveal.d2{transition-delay:.16s;} .reveal.d3{transition-delay:.24s;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;}.marquee .track{animation:none;}}

.mock,.chart-card,.illu-card,.apps-card,.price-card,.pkg-card,.form-card,.aside-card{max-width:100%;}
.res-meter{margin-bottom:13px;}
.rm-h{display:flex;justify-content:space-between;font-size:.8rem;color:var(--gray);margin-bottom:5px;}
.rm-h b{color:var(--navy);}
.res-note{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.8rem;color:var(--gray);background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;}
.res-note svg{width:16px;height:16px;color:var(--indigo);flex:0 0 16px;}
.mk-cmp{max-width:680px;margin:0 auto;}
.cmp2{display:flex;flex-direction:column;gap:15px;margin:6px 0 2px;}
.cmp2-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;}
.cmp2-l{font-weight:700;color:var(--navy);font-size:.85rem;white-space:nowrap;}
.cmp2-track{height:28px;background:var(--bg-2);border-radius:50px;overflow:hidden;}
.cmp2-track .bar{display:block;height:100%;border-radius:50px;width:7%;}
.cmp2-track .bar.shared{background:#c3cad8;}
.cmp2-track .bar.mh{background:var(--grad);transition:width 1.6s cubic-bezier(.2,.7,.2,1);}
.cmp2-row b{font-weight:700;color:var(--navy);min-width:44px;text-align:right;font-family:var(--font-display);}
/* Speed test (load time) */
.mk-st{max-width:none;width:100%;margin:0;}
.st-row{margin-bottom:16px;}
.st-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem;font-weight:700;color:var(--navy);margin-bottom:7px;}
.st-top b{font-family:var(--font-display);font-size:1rem;}
.st-track{height:12px;background:var(--bg-2);border-radius:50px;overflow:hidden;}
.st-fill{display:block;height:100%;width:0;border-radius:50px;}
.st-fill.mh{background:var(--grad);}
.st-fill.sh{background:#c3cad8;}
.ph-mock{min-width:0;position:relative;}
/* Softaculous live installer */
.soft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;}
.soft-tile{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:13px 8px;text-align:center;font-weight:700;font-size:.82rem;color:var(--navy);transition:.22s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:560px){.soft-grid{gap:6px;}.soft-tile{padding:11px 5px;font-size:.72rem;}}
.soft-tile.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(31,80,214,.32);transform:translateY(-2px);}
.soft-tile.soft-more{background:var(--grad-soft);color:var(--indigo);}
.soft-install{background:var(--bg);border:1px solid var(--line-2);border-radius:12px;padding:13px 14px;}
.soft-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.84rem;margin-bottom:9px;white-space:nowrap;}
.soft-app{font-weight:700;color:var(--navy);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.soft-stat{color:var(--indigo);font-weight:700;font-size:.78rem;flex:0 0 auto;white-space:nowrap;}
.soft-bar{height:8px;background:var(--bg-2);border-radius:50px;overflow:hidden;}
.soft-bar i{display:block;height:100%;width:0;background:var(--grad);border-radius:50px;transition:width .12s linear;}

/* Domain search mockup */
.dom-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:700;color:var(--navy);margin-bottom:14px;}
.dom-search svg{width:18px;height:18px;color:var(--indigo);flex:0 0 18px;}
.dom-search b{color:var(--indigo);}
.dom-cur{width:2px;height:16px;background:var(--indigo);display:inline-block;animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}
.dom-list{display:flex;flex-direction:column;gap:8px;}
.dom-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line-2);border-radius:11px;padding:10px 13px;font-size:.85rem;}
.dom-row>span{font-weight:700;color:var(--navy);width:72px;}
.dom-row b{color:var(--navy);}
.dom-row em{margin-left:auto;font-style:normal;font-size:.71rem;font-weight:700;color:#0f7a47;background:#e6f8ef;padding:4px 10px;border-radius:50px;}
.dom-row em.no{color:#b3261e;background:#fdecec;}
.dom-row .dn{width:auto;flex:1;min-width:0;font-weight:700;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dom-row .muted{color:var(--gray);}
.dom-buy{margin-left:auto;font-size:.71rem;font-weight:700;color:#fff;background:var(--grad);padding:6px 13px;border-radius:50px;white-space:nowrap;}
.dom-buy:hover{color:#fff;filter:brightness(1.05);}
.dom-buy.alt{background:var(--bg-2);color:var(--indigo);}
.dsearch{max-width:100%;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 40px;box-shadow:var(--shadow-sm);}
@media(max-width:560px){.dsearch{padding:24px 16px;border-radius:16px;}}
.section.svc-tight{padding-top:0;}
.dsearch-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:16px;align-items:stretch;}
.dom-feat2{min-width:0;display:flex;flex-direction:column;border:2px solid transparent;border-radius:16px;padding:22px 24px;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 14px 32px rgba(31,80,214,.14);animation:domfeat .3s ease;}
.dom-feat2 .dom-feat-name{font-size:1.85rem;margin-top:10px;}
.dom-feat-name .fn-sld{color:var(--navy);}
.dom-feat-name .fn-tld{background:linear-gradient(100deg,#2f7be6,#5aa0ff,#9bc4ff,#2f7be6);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite;}
.dom-feat2 .dom-feat-sub{margin-top:4px;}
.dom-feat-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.dom-feat-list li{position:relative;padding-left:26px;color:var(--navy);font-size:.92rem;font-weight:700;}
.dom-feat-list li::before{content:"✓";position:absolute;left:0;top:-1px;color:#0f7a47;font-weight:700;}
.dom-feat2-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;}
.dom-feat2.none{border:1px solid var(--line);background:var(--bg);box-shadow:none;justify-content:center;text-align:center;}
.dom-feat2.none .dom-feat-name{color:var(--gray);}
.dom-resultcard{min-width:0;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow-sm);}
.drc-h{font-weight:700;color:var(--navy);font-size:.92rem;padding:4px 4px 2px;}
.dom-resultcard .dom-row{border:1px solid var(--line-2);}
.dr-main,.dr-act{display:contents;}
.skel-feat{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:16px;padding:22px 24px;}
@media(max-width:760px){.dsearch-cols{grid-template-columns:minmax(0,1fr);}}
@media(max-width:560px){
  .dsearch-top{flex-wrap:nowrap;gap:8px;}
  .dsearch-top .eyebrow{font-size:.74rem;padding:7px 14px;white-space:nowrap;}
  .dsearch-top .vt-btn{font-size:.68rem;padding:5px 11px;white-space:nowrap;}
  .dsearch-sec .dsearch .dom-form{display:block;background:transparent;border:0;box-shadow:none;padding:0;max-width:100%;}
  .dsearch-sec .dsearch .dom-inwrap{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:11px 14px;box-shadow:var(--shadow-sm);}
  .dsearch-sec .dsearch .dom-go{display:block;width:100%;margin-top:10px;padding:12px 20px;}
  .dom-resultcard .dom-row{flex-wrap:wrap;row-gap:12px;}
  .dom-resultcard .dr-main{display:flex;align-items:center;flex:1 1 100%;min-width:0;}
  .dom-resultcard .dr-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 100%;min-width:0;}
  .dom-resultcard .dr-main .dn{white-space:normal;word-break:break-all;}
  .dom-resultcard .dr-act em{margin-left:0;}
  .dom-resultcard .dr-act .dom-buy{margin-left:0;flex:1 1 100%;text-align:center;}
  .dom-feat2-foot{flex-wrap:wrap;row-gap:12px;}
  .dom-feat2-foot .dom-feat-btn{flex:1 1 auto;text-align:center;}
}
.dsearch-head{text-align:center;margin-bottom:22px;}
.dsearch-top{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.dsearch-top .eyebrow{margin:0;}
.dsearch-top .vat-toggle{margin:0;padding:3px;}
.dsearch-top .vt-btn{font-size:.76rem;padding:6px 16px;}
.dsearch .dom-form{max-width:1000px;margin:0 auto;padding:8px 8px 8px 18px;border-radius:14px;box-shadow:var(--shadow-sm);}
.dom-inwrap{flex:1;display:flex;align-items:center;gap:8px;min-width:0;}
.dsearch .dom-input{font-size:.9rem;}
.dsearch .dom-input::placeholder{font-size:.8rem;}
/* Αποφυγή auto-zoom iOS: κάθε input ≥16px στο mobile */
@media(max-width:768px){
  input,textarea,select{font-size:16px;}
  .dsearch .dom-input{font-size:16px;}
}
.dsearch .dom-go{padding:11px 22px;border-radius:11px;font-size:.9rem;}
.dsearch .dom-list{margin-top:16px;display:flex;flex-direction:column;gap:10px;}
.dsearch .dom-row{padding:14px 18px;font-size:.98rem;}
.dsearch .dom-hint{text-align:center;}
.dom-feat{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:15px 20px;border-radius:14px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 12px 28px rgba(31,80,214,.13);margin-bottom:12px;animation:domfeat .3s ease;}
.dom-feat-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#0f7a47;background:#e6f8ef;padding:4px 11px;border-radius:50px;}
.dom-feat-name{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--navy);letter-spacing:-.02em;margin-top:6px;word-break:break-all;}
.dom-feat-sub{color:var(--gray);font-size:.84rem;margin-top:2px;}
.dom-feat-r{display:flex;align-items:center;gap:16px;}
.dom-feat-price{font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--navy);white-space:nowrap;}
.dom-feat-btn{padding:10px 22px;}
@keyframes domfeat{from{opacity:0;transform:translateY(5px) scale(.99);}to{opacity:1;transform:none;}}
@media(max-width:560px){.dom-feat{flex-direction:column;align-items:stretch;}.dom-feat-r{justify-content:space-between;}}
/* Row badges */
.dom-row em.ok{color:#0f7a47;background:#e6f8ef;}
.dom-row em.unk{color:var(--gray);background:var(--bg-2);}
/* Loading / skeleton */
.dom-loading{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;color:var(--indigo);padding:6px 0 10px;}
.dom-spin.lg{width:18px;height:18px;border-width:2.5px;margin-right:0;}
.dom-dots{display:inline-flex;gap:3px;}
.dom-dots i{width:5px;height:5px;border-radius:50%;background:var(--indigo);opacity:.3;animation:domdot 1.1s infinite;}
.dom-dots i:nth-child(2){animation-delay:.18s;} .dom-dots i:nth-child(3){animation-delay:.36s;}
@keyframes domdot{0%,80%,100%{opacity:.25;transform:translateY(0);}40%{opacity:1;transform:translateY(-3px);}}
.dom-skel{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--line-2);border-radius:11px;margin-top:10px;}
.sk{height:14px;border-radius:6px;background:linear-gradient(90deg,#eef2f9 25%,#e2e8f4 37%,#eef2f9 63%);background-size:400% 100%;animation:sksh 1.3s ease infinite;}
.sk-name{width:170px;}
.sk-badge{width:96px;height:22px;border-radius:50px;margin-left:auto;}
.sk-btn{width:116px;height:34px;border-radius:50px;}
@keyframes sksh{0%{background-position:100% 0;}100%{background-position:0 0;}}
.dom-form{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:6px 6px 6px 13px;margin-bottom:14px;}
.dom-form .dom-ic{display:flex;color:var(--indigo);flex:0 0 auto;}
.dom-form .dom-ic svg{width:18px;height:18px;}
.dom-input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-weight:700;color:var(--navy);outline:none;}
.dom-go{flex:0 0 auto;border:0;background:var(--grad);color:#fff;font-weight:700;font-size:.82rem;padding:9px 16px;border-radius:9px;cursor:pointer;white-space:nowrap;}
.dom-hint{font-size:.82rem;color:var(--gray);padding:8px 2px;line-height:1.5;}
.dom-hint.err{color:#b3261e;}
.dom-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--indigo);border-radius:50%;vertical-align:-2px;margin-right:5px;animation:domspin .7s linear infinite;}
@keyframes domspin{to{transform:rotate(360deg);}}
/* Support mockup */
.sup-agents{display:flex;align-items:center;gap:6px;margin-bottom:16px;}
.sup-agents .ava{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;margin-left:-8px;border:2px solid #fff;}
.sup-agents .ava:first-child{margin-left:0;}
.sup-meta{margin-left:8px;}
.sup-meta b{display:block;color:var(--navy);font-size:.9rem;}
.sup-meta small{color:var(--muted);font-size:.78rem;}
.sup-chat{display:flex;flex-direction:column;gap:8px;}
.sup-msg{max-width:82%;font-size:.82rem;padding:9px 13px;border-radius:14px;line-height:1.4;}
.sup-msg.in{background:var(--bg);color:var(--navy);border:1px solid var(--line-2);align-self:flex-start;border-bottom-left-radius:4px;}
.sup-msg.out{background:var(--grad);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}
.sup-typing{display:flex;gap:4px;align-self:flex-start;background:var(--bg);border:1px solid var(--line-2);padding:12px 14px;border-radius:14px;border-bottom-left-radius:4px;}
.sup-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:typing 1.2s infinite;}
.sup-typing i:nth-child(2){animation-delay:.2s;} .sup-typing i:nth-child(3){animation-delay:.4s;}
@keyframes typing{0%,60%,100%{opacity:.3;transform:translateY(0);}30%{opacity:1;transform:translateY(-3px);}}
.mt-0{margin-top:0;} .mb-0{margin-bottom:0;}
.flex-between{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}

/* ===== 2026 enterprise polish ===== */
/* Scroll progress bar */
.scroll-prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:var(--grad);box-shadow:0 0 12px rgba(31,80,214,.6);transition:width .1s linear;}
/* Animated gradient hero title */
.hero h1 .grad-text,.page-hero h1 .grad-text{background:linear-gradient(100deg,#2f7be6,#5aa0ff,#9bc4ff,#2f7be6);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite;}
@keyframes shimmer{to{background-position:300% 0;}}
/* Floating hero blobs */
.hero .blob.b1{animation:float1 14s ease-in-out infinite;}
.hero .blob.b2{animation:float2 17s ease-in-out infinite;}
@keyframes float1{50%{transform:translate(26px,30px) scale(1.08);}}
@keyframes float2{50%{transform:translate(-24px,-20px) scale(1.06);}}
/* Button sheen */
.btn-primary{position:relative;overflow:hidden;}
.btn-primary::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s;}
.btn-primary:hover::after{left:140%;}
/* Feature/card hover glow ring */
.feature,.tcard,.post-card,.price-card,.cap,.aside-card{position:relative;}
.feature::before,.cap::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none;}
.feature:hover::before,.cap:hover::before{opacity:.9;}
/* App mockup subtle float */
.app,.ph-mock .happ{animation:appfloat 8s ease-in-out infinite;}
@keyframes appfloat{50%{transform:translateY(-10px);}}
/* Orbit graphic in inner page heroes */
.page-hero::after{content:"";position:absolute;right:-130px;top:50%;width:560px;height:560px;transform:translateY(-50%);
  pointer-events:none;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560' viewBox='0 0 560 560' fill='none'%3E%3Cg stroke='%231f50d6' stroke-opacity='0.18' stroke-width='1.5'%3E%3Ccircle cx='280' cy='280' r='80'/%3E%3Ccircle cx='280' cy='280' r='150'/%3E%3Ccircle cx='280' cy='280' r='220'/%3E%3C/g%3E%3Ccircle cx='280' cy='280' r='34' fill='%231f50d6' fill-opacity='0.18'/%3E%3Ccircle cx='360' cy='280' r='7' fill='%231f50d6'/%3E%3Ccircle cx='280' cy='130' r='6' fill='%232f7be6'/%3E%3Ccircle cx='130' cy='320' r='6' fill='%232f7be6'/%3E%3Ccircle cx='430' cy='360' r='5' fill='%232f7be6'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:orbit 60s linear infinite;}
@keyframes orbit{to{transform:translateY(-50%) rotate(360deg);}}
@keyframes spin{to{transform:rotate(360deg);}}
.page-hero.has-illu::after{display:none;}
/* Hero wallpaper — data streams που ρέουν (full width) */
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.hero-bg::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;top:50%;left:32%;
  background:radial-gradient(circle,rgba(47,123,230,.12),transparent 60%);
  transform:translate(-50%,-50%);animation:orbDrift 22s ease-in-out infinite;}
.hero-bg svg{position:absolute;inset:0;width:100%;height:100%;opacity:.08;}
.hero-bg .flow{stroke-dasharray:16 320;stroke-linecap:round;animation:dataFlow linear infinite;}
.hero-bg .pkt{filter:drop-shadow(0 0 5px rgba(47,123,230,.7));animation:pktMove linear infinite;}
.hero-bg .node{transform-box:fill-box;transform-origin:center;animation:nodeFlash 4s ease-in-out infinite;}
@keyframes dataFlow{from{stroke-dashoffset:0;}to{stroke-dashoffset:-672;}}
@keyframes nodeFlash{0%,68%,100%{opacity:.25;transform:scale(1);}80%{opacity:1;transform:scale(1.9);filter:drop-shadow(0 0 6px rgba(47,123,230,.8));}}
@keyframes pktMove{0%{transform:translateX(-60px);opacity:0;}8%{opacity:1;}92%{opacity:1;}100%{transform:translateX(1500px);opacity:0;}}
@keyframes orbDrift{0%,100%{transform:translate(-50%,-50%);}50%{transform:translate(-18%,-62%);}}

/* Hero with illustration (inner pages) */
.ph-grid{display:grid;grid-template-columns:1.02fr 1.05fr;gap:50px;align-items:center;}
.ph-illu{text-align:right;}
.ph-illu img{width:430px;max-width:100%;margin-left:auto;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.35));}
@media(max-width:880px){.ph-grid{grid-template-columns:1fr;}.ph-illu{display:none;}}

/* Animated bars / reveal */
.cmp-fill{animation:revealx 1.3s cubic-bezier(.2,.7,.2,1) both;}
@keyframes revealx{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 0 0 0);}}
.spark i{transform-origin:bottom;animation:growy 1s ease both;}
.spark i:nth-child(2){animation-delay:.08s;}.spark i:nth-child(3){animation-delay:.16s;}
.spark i:nth-child(4){animation-delay:.24s;}.spark i:nth-child(5){animation-delay:.32s;}
.spark i:nth-child(6){animation-delay:.4s;}.spark i:nth-child(7){animation-delay:.48s;}
@keyframes growy{from{transform:scaleY(0);}}
.res-bar i{transform-origin:left;animation:growx 1.2s ease both;}
@keyframes growx{from{transform:scaleX(0);}}

/* Aurora in dark sections */
.darkband::before,.cta-band::before{content:"";position:absolute;inset:-60%;z-index:0;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(90,160,255,.16) 60deg,transparent 140deg,rgba(51,214,255,.14) 220deg,transparent 300deg);
  animation:spin 22s linear infinite;}
.darkband .db-head,.darkband .db-grid,.cta-band>*{position:relative;z-index:2;}

@media(prefers-reduced-motion:reduce){.hero .blob,.app,.happ,.hero h1 .grad-text,.page-hero h1 .grad-text,.page-hero::after,.hero-bg::before,.hero-bg .flow,.hero-bg .pkt,.hero-bg .node,.darkband::before,.cta-band::before,.cmp-fill,.spark i,.res-bar i,.ha-area .line{animation:none!important;stroke-dashoffset:0!important;}}

/* Responsive */
@media(max-width:1100px){
  .grid-4,.metrics{grid-template-columns:repeat(2,1fr);}
  .pricing-elastic{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:980px){
  /* sidebar -> drawer */
  .sidebar{position:fixed;left:-320px;top:0;height:100vh;height:100dvh;overflow:hidden;transition:left .26s ease;box-shadow:var(--shadow-lg);}
  .sidebar.open{left:0;}
  .burger{display:block;}
  .tb-brand{display:flex;}
  .topbar{justify-content:space-between;}
  .tb-phone{display:none;}
}
@media(max-width:880px){
  /* Σταθερό περιθώριο 25px αριστερά/δεξιά παντού στο mobile */
  .container{padding-left:25px;padding-right:25px;}
  .hero-grid,.content-split,.svc-layout,.chart-grid{grid-template-columns:1fr;}
  .hero,.page-hero{display:block;min-height:0;}
  /* Mobile: σε κάθε content-split το κείμενο πάνω, το interactive card κάτω */
  .content-split{display:flex;flex-direction:column;gap:22px;}
  .content-split > div{width:100%;margin:0;}
  .content-split > div:has(.mock,.chart-card,.apps-card,.illu-card,.price-card,.app){order:2;}
  .content-split .mock,.content-split .apps-card,.content-split .chart-card,.content-split .price-card,.content-split .app{width:100%;margin-left:0;margin-right:0;}
  .content-split .mock{min-height:0;}
  .svc-aside{position:static;}
  .app{margin-top:6px;} .floating{display:none;}
  .grid-3,.grid-2,.pricing,.pricing-elastic,.steps{grid-template-columns:1fr;}
  .usecases{grid-template-columns:1fr;}
  .db-grid{grid-template-columns:1fr 1fr;}
  .calc{grid-template-columns:1fr;}
  .cmp-row{grid-template-columns:1fr;gap:8px;}
  .cmp-v{display:none;}
  .darkband{padding:34px 22px;}
  .section{padding:32px 0;}
  .hero .container{padding-top:54px;padding-bottom:58px;}
  .illu-card{padding:22px;}
  .cta-band{padding:40px 24px;}
}
@media(max-width:620px){
  .topbar{height:62px;padding:0 14px;gap:8px;}
  .burger{width:40px;height:40px;margin-right:6px;}
  .tb-brand{font-size:1.05rem;margin-right:auto;}
  .tb-brand .dot{width:24px;height:24px;border-radius:7px;}
  .tb-actions .btn{padding:9px 15px;font-size:.84rem;}
  .tb-actions .btn-primary::after{display:none;}
}
@media(max-width:380px){
  .tb-brand{font-size:0;gap:0;}
  .tb-brand .dot{font-size:0;}
  .tb-actions .btn{padding:9px 13px;font-size:.8rem;}
}
@media(max-width:560px){
  .footer-grid,.grid-4,.metrics{grid-template-columns:1fr;}
  .cp-cols{grid-template-columns:1fr;}
}

/* ===== Configurator πακέτων (επιλογή tier + 1 αναλυτικό card) ===== */
.cfg-tiers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px;}
.cfg-tier{display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:0;border-radius:13px;padding:12px 20px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.02em;color:var(--navy);transition:.16s;min-width:104px;}
.cfg-tier:hover{background:#e4e9fb;}
.cfg-tier.on{background:var(--grad);border-color:transparent;color:#fff;}
/* Σύγκριση όλων */
.cfg-compare{margin-top:18px;border:1px solid var(--line);border-radius:14px;background:var(--white);overflow:hidden;}
.cfg-compare summary{cursor:pointer;list-style:none;padding:14px 20px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:9px;}
.cfg-compare summary::-webkit-details-marker{display:none;}
.cfg-compare summary svg{width:18px;height:18px;color:var(--indigo);}
.cfg-compare[open] summary{border-bottom:1px solid var(--line);}
.cfg-cmp{width:100%;border-collapse:collapse;}
.cfg-cmp th,.cfg-cmp td{padding:12px 20px;text-align:left;border-bottom:1px solid var(--line-2);font-size:.88rem;color:var(--navy);}
.cfg-cmp thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gray);}
.cfg-cmp td.num small{color:var(--gray);font-weight:700;margin-left:2px;}
.cfg-cmp tr.pop{background:linear-gradient(90deg,rgba(31,80,214,.06),rgba(31,80,214,.02));}
/* Mobile: ο πίνακας σύγκρισης γίνεται στοιβαγμένες κάρτες (χωρίς οριζόντια μπάρα) */
@media(max-width:680px){
  .cfg-cmp thead{display:none;}
  .cfg-cmp,.cfg-cmp tbody,.cfg-cmp tr,.cfg-cmp td{display:block;}
  .cfg-cmp tr{border:1px solid var(--line);border-radius:12px;margin:0 14px 12px;overflow:hidden;}
  .cfg-cmp tr.pop{margin-top:0;}
  .cfg-cmp td{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line-2);padding:9px 14px;text-align:right;}
  .cfg-cmp td:last-child{border-bottom:0;}
  .cfg-cmp td::before{content:attr(data-label);font-weight:700;color:var(--gray);text-align:left;}
  .cfg-cmp td.cmp-name{background:var(--bg-2);justify-content:flex-start;font-size:1rem;}
  .cfg-cmp td.cmp-name::before{content:none;}
  .cfg-compare[open] summary,.cfg-compare{margin-top:14px;}
}
.cfg-cards{position:relative;}
.cfg-card{display:none;grid-template-columns:1.05fr 1.3fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--white);box-shadow:0 20px 50px rgba(16,32,63,.09);}
.cfg-card.on{display:grid;}
.cfg-main{padding:30px 30px 32px;background:linear-gradient(180deg,#f7f9ff,#fff);border-right:1px solid var(--line);}
.cfg-badge{display:inline-block;background:var(--grad);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:50px;vertical-align:middle;margin-left:8px;position:relative;top:-2px;}
.cfg-head h3{font-size:1.5rem;margin:0 0 4px;}
.cfg-desc{color:var(--gray);font-size:.9rem;margin:0 0 12px;line-height:1.5;}
.cfg-price{display:flex;align-items:baseline;gap:5px;margin:6px 0 2px;}
.cfg-price b{font-family:var(--font-display);font-weight:700;font-size:2.4rem;color:var(--indigo);letter-spacing:-.03em;}
.cfg-price small{font-size:.85rem;font-weight:700;color:var(--gray);}
.cfg-amt{display:inline-flex;align-items:baseline;}
.cfg-cur{font-family:var(--font-display);font-weight:700;font-size:2.4rem;color:var(--indigo);letter-spacing:-.03em;line-height:1;}
.vat-toggle{display:inline-flex;width:fit-content;gap:2px;background:var(--bg-2);border-radius:50px;padding:3px;margin:0 0 10px;}
.vt-btn{border:0;background:transparent;font-family:var(--font-display);font-weight:700;font-size:.7rem;color:var(--gray);padding:4px 11px;border-radius:50px;cursor:pointer;transition:.16s;}
.vt-btn.on{background:#fff;color:var(--indigo);box-shadow:0 1px 4px rgba(16,32,63,.12);}
.vt-btn:hover{color:var(--indigo);}
.cfg-term{font-size:.8rem;color:var(--gray);margin-bottom:16px;}
.cfg-main .btn{width:100%;justify-content:center;margin-bottom:20px;}
.cfg-trust{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.cfg-trust li{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:700;color:var(--navy);}
.cfg-trust li svg{width:18px;height:18px;color:#16a34a;flex:0 0 18px;}
.cfg-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line);}
.cfg-spec{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:700;color:var(--navy);}
.cs-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--grad-soft);color:var(--indigo);flex:0 0 30px;}
.cs-ic svg{width:16px;height:16px;}
.cs-val{line-height:1.2;}
.cs-num{font-weight:inherit;font-variant-numeric:tabular-nums;}
.cfg-feats{padding:30px;display:flex;flex-direction:column;justify-content:center;}
.cfg-feats-h{font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:.95rem;margin-bottom:14px;}
.cfg-feats .check-grid{grid-template-columns:repeat(2,1fr);gap:10px 18px;}
@media(max-width:760px){
  .cfg-card,.cfg-card.on{grid-template-columns:1fr;}
  .cfg-main{border-right:0;border-bottom:1px solid var(--line);}
  .cfg-specs{grid-template-columns:1fr;}
  .cfg-feats .check-grid{grid-template-columns:1fr;}
  .cfg-tier{min-width:0;flex:1 1 28%;padding:8px 10px;}
}

/* ===== Πλούσιες κάρτες χαρακτηριστικών (feature tabs) ===== */
.featx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.featx{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.16s;}
.featx:hover{box-shadow:0 14px 32px rgba(16,32,63,.09);transform:translateY(-2px);border-color:transparent;}
.featx-ic{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--grad-soft);color:var(--indigo);flex:0 0 42px;}
.featx-ic svg{width:20px;height:20px;}
.featx b{display:block;font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:.98rem;letter-spacing:-.01em;margin-bottom:3px;}
.featx span{font-size:.85rem;color:var(--gray);line-height:1.45;}
@media(max-width:560px){.featx-grid{grid-template-columns:1fr;}}

/* ===== Mock cards (home spotlights) — ενιαίο μέγεθος ===== */
/* Κοινό μέγεθος ώστε ΟΛΑ τα interactive cards (όλες οι σελίδες) να είναι ίδια — ίδιο ύψος & πλάτος με το PageSpeed card (μόνο σε desktop/tablet· στο mobile ελεύθερο ύψος) */
@media(min-width:881px){
  .content-split .mock,.content-split .chart-card{width:100%;height:400px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;}
  /* Συμπύκνωση των πιο «γεμάτων» cards ώστε να χωρούν άνετα στα 400px */
  .content-split .mk-speed-xl{padding:20px;}
  .content-split .mk-speed-xl .ms-top{margin-bottom:12px;}
  .content-split .mk-speed-xl .ms-vitals{gap:6px;}
  .content-split .mk-speed-xl .ms-cmp{margin-top:10px;padding-top:10px;}
  .content-split .mk-speed-xl .ms-cmp-row{margin-bottom:8px;}
  .content-split .mk-res-xl .res-stats{margin:4px 0 12px;}
}

/* Ενιαίο μέγεθος hero cards — ίδιο ύψος με το cPanel card (desktop) */
@media(min-width:881px){
  .hero .app .cp-tools{gap:13px;}
  .hero .app .cp-tool{padding:14px 13px;}
  .hero .app .cp-stats{gap:14px;}
  .hero .app .cp{height:400px;display:flex;flex-direction:column;}
  .hero .app .cp .cp-cols{flex:1;align-items:stretch;}
  .hero .app .cp .cp-cols > div:last-child{display:flex;flex-direction:column;}
  .hero .app .cp .cp-spark{flex:1;min-height:60px;}
  .ph-mock .happ-body{height:400px;justify-content:space-between;}
  /* Συμπύκνωση εσωτερικών ώστε να χωρούν χωρίς κόψιμο στα 400px */
  .ph-mock .ha-gauge2{width:122px;height:122px;margin:0 auto 10px;}
  .ph-mock .ha-rows{gap:7px;}
  .ph-mock .ha-row{padding:9px 14px;}
  .ph-mock .ha-coremon{height:96px;}
}

/* Stats grid για εμπλουτισμό των interactive cards (να γεμίζουν τα 400px) */
.mk-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.mk-stat{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border:1px solid var(--line-2);border-radius:11px;padding:10px 13px;}
.mk-stat span{color:var(--muted);font-size:.82rem;}
.mk-stat b{color:var(--navy);font-weight:700;font-size:.9rem;}
.mk-speed-xl,.mk-res-xl{padding:24px;}
.mock-live{margin-left:auto;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#16b06a;background:#e6f8ef;padding:3px 10px;border-radius:50px;}
.gauge-xl{width:122px !important;height:61px !important;}
.gauge-xl::after{left:16px;right:16px;top:16px;}
.gauge-xl .val{bottom:5px;font-size:1.2rem !important;}
.ms-stars{color:#ffb01f;letter-spacing:2px;margin-top:5px;font-size:.9rem;}
.mk-speed-xl .ms-top{margin-bottom:16px;}
.mk-speed-xl .ms-vitals{gap:8px;}
.mk-speed-xl .ms-v{font-size:.88rem;}
/* Σύγκριση ταχύτητας */
.ms-cmp{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.ms-cmp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-weight:700;color:var(--navy);font-size:.9rem;}
.ms-cmp-badge{font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--grad);padding:4px 11px;border-radius:50px;}
.ms-cmp-row{display:flex;align-items:center;gap:12px;margin-bottom:11px;}
.ms-cmp-l{width:92px;font-size:.84rem;font-weight:700;color:var(--gray);flex:0 0 92px;}
.ms-cmp-bar{flex:1;height:12px;background:var(--bg-2);border-radius:50px;overflow:hidden;}
.ms-cmp-bar i{display:block;height:100%;border-radius:50px;width:0;transition:width 1.3s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;}
.ms-cmp-bar i.fast::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:msShine 2.2s ease-in-out infinite;}
@keyframes msShine{0%{transform:translateX(-100%)}60%,100%{transform:translateX(220%)}}
.ms-cmp-bar i.fast{background:var(--grad);}
.ms-cmp-bar i.slow{background:linear-gradient(90deg,#f0a23c,#e0564f);}
.ms-cmp-row b{width:46px;text-align:right;font-weight:700;color:var(--navy);font-size:.9rem;flex:0 0 46px;}
/* Resources XL */
.mk-res-xl .res-meter{margin-bottom:14px;}
.mk-res-xl .cp-bar{height:10px;}
.cp-bar i.ok-bar{background:linear-gradient(90deg,#16b06a,#3ddc8c);}
.res-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 16px;}
.res-stat{background:var(--bg);border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;}
.res-stat b{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;color:var(--navy);font-size:.95rem;}
.res-stat b svg{width:16px;height:16px;color:var(--indigo);}
.res-stat span{display:block;font-size:.76rem;color:var(--gray);margin-top:2px;}

/* ===== Security band (live, άσπρο) ===== */
.sec-band{position:relative;display:grid;grid-template-columns:330px 1fr;gap:42px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:26px;padding:46px;overflow:hidden;
  box-shadow:0 30px 60px -34px rgba(20,40,90,.22);}
.sec-band::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(560px 320px at 14% 26%,rgba(31,80,214,.07),transparent 62%);}
.sb-left{position:relative;z-index:1;text-align:center;}
.sb-right{position:relative;z-index:1;}
.sb-right .eyebrow{margin-bottom:10px;}
.sb-right h2{margin:0 0 12px;}
.sb-right p{color:var(--muted);margin:0;}
.radar{position:relative;width:200px;height:200px;margin:0 auto 20px;display:grid;place-items:center;}
.radar-ring{position:absolute;top:50%;left:50%;width:84px;height:84px;border:2px solid rgba(31,80,214,.45);
  border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:0;animation:radarPulse 3s ease-out infinite;}
.radar-ring:nth-child(2){animation-delay:1s;}
.radar-ring:nth-child(3){animation-delay:2s;}
@keyframes radarPulse{0%{transform:translate(-50%,-50%) scale(.55);opacity:.65;}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0;}}
.radar-core{position:relative;z-index:2;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;
  background:var(--grad);box-shadow:0 16px 34px -10px rgba(31,80,214,.6);}
.radar-core svg{width:46px;height:46px;color:#fff;}
.sb-count b{display:block;font-family:var(--font-display);font-weight:700;font-size:2.5rem;line-height:1;color:var(--navy);}
.sb-count small{display:block;color:var(--muted);font-size:.86rem;margin-top:6px;}
.sec-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;}
.spill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#16a268;
  background:rgba(31,181,116,.1);border:1px solid rgba(31,181,116,.26);border-radius:999px;padding:6px 12px;}
.spill svg{width:14px;height:14px;}
.sb-feed{list-style:none;margin:20px 0 22px;padding:0;display:flex;flex-direction:column;gap:8px;}
.sb-feed li{display:flex;align-items:center;gap:10px;background:var(--bg,#f6f8fe);border:1px solid var(--line);
  border-radius:12px;padding:10px 14px;font-size:.9rem;color:var(--navy);animation:secFeedIn .45s ease;}
.sb-feed li svg{width:18px;height:18px;color:#16a268;flex:none;}
.sb-feed li time{margin-left:auto;color:var(--muted);font-size:.76rem;}
@keyframes secFeedIn{from{opacity:0;transform:translateY(-7px);}to{opacity:1;transform:none;}}
.sb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.sb-grid-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:1100px){.sb-grid-3{grid-template-columns:repeat(2,1fr);}}
.sb-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;transition:transform .2s,box-shadow .2s;}
.sb-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -18px rgba(20,40,90,.24);}
.sb-card svg{width:26px;height:26px;color:var(--indigo);margin-bottom:8px;}
.sb-card b{display:block;color:var(--navy);font-size:.96rem;}
.sb-card span{display:block;color:var(--muted);font-size:.82rem;margin-top:2px;}
@media(max-width:880px){.sec-band{grid-template-columns:1fr;gap:30px;padding:34px 24px;}}
@media(max-width:560px){.sb-grid{grid-template-columns:1fr;}.radar{width:170px;height:170px;}.sb-count b{font-size:2.1rem;}}
@media(prefers-reduced-motion:reduce){.radar-ring{animation:none!important;opacity:.25;}}