/* ── Page-specific styles — LIGHT theme, matches site design ── */

    /* Hero inbox widget */
    .em-inbox {
      background: rgba(255,255,255,.97); border-radius: 18px; overflow: hidden;
      box-shadow: 0 28px 64px rgba(15,23,42,.28), 0 0 0 1px rgba(255,255,255,.15);
      animation: heroFloat 6s ease-in-out infinite;
    }
    @keyframes heroFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
    .em-chrome { display:flex; align-items:center; gap:8px; padding:11px 16px; background:#f1f5f9; border-bottom:1px solid #e2e8f0; }
    .em-dots { display:flex; gap:5px; }
    .em-dot { width:9px; height:9px; border-radius:50%; }
    .em-dot--r{background:#ef4444;} .em-dot--y{background:#f59e0b;} .em-dot--g{background:#22c55e;}
    .em-addr { font-size:.66rem; color:#64748b; margin-left:6px; letter-spacing:.03em; font-family:'Courier New',monospace; flex:1; }
    .em-status { display:inline-flex; align-items:center; gap:5px; font-size:.62rem; font-weight:800; color:#16a34a; letter-spacing:.05em; }
    .em-status::before { content:''; width:6px; height:6px; border-radius:50%; background:#22c55e; display:inline-block; animation:pulse-green 2s ease-in-out infinite; }
    @keyframes pulse-green { 0%,100%{opacity:1} 50%{opacity:.3} }
    .em-tabs { display:flex; border-bottom:1px solid #e2e8f0; background:#fff; }
    .em-tab { padding:9px 14px; font-size:.69rem; font-weight:700; color:#94a3b8; cursor:pointer; border-bottom:2px solid transparent; transition:all .2s; }
    .em-tab.on { color:#2563eb; border-bottom-color:#2563eb; }
    .em-tab-cnt { display:inline-block; background:#eff6ff; color:#2563eb; border-radius:999px; font-size:.56rem; font-weight:800; padding:1px 6px; margin-left:4px; }
    /* Mail rows */
    .em-list { background:#fff; }
    .em-row { display:flex; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid #f1f5f9; cursor:pointer; transition:background .15s; }
    .em-row:last-child { border-bottom:none; }
    .em-row:hover { background:#f8fafc; }
    .em-row.unread .em-subject { color:#0f172a; font-weight:700; }
    .em-av { width:32px; height:32px; border-radius:9px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:.7rem; font-weight:800; }
    .em-av--b { background:#eff6ff; color:#2563eb; }
    .em-av--g { background:#f0fdf4; color:#16a34a; }
    .em-av--a { background:#fff7ed; color:#ea580c; }
    .em-av--p { background:#f5f3ff; color:#7c3aed; }
    .em-av--r { background:#fef2f2; color:#dc2626; }
    .em-body { flex:1; min-width:0; }
    .em-from { font-size:.66rem; color:#94a3b8; margin-bottom:2px; }
    .em-subject { font-size:.75rem; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .em-meta { display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex-shrink:0; }
    .em-time { font-size:.58rem; color:#cbd5e1; }
    .em-unread { width:7px; height:7px; border-radius:50%; background:#2563eb; }
    .em-spam-lbl { font-size:.54rem; font-weight:800; padding:1px 7px; border-radius:999px; background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }
    /* Status bar */
    .em-statusbar { background:#f8fafc; border-top:1px solid #e2e8f0; padding:10px 14px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
    .em-stat { font-size:.63rem; color:#64748b; display:flex; align-items:center; gap:5px; }
    .em-stat i { font-size:.58rem; }
    .em-stat--g { color:#16a34a; } .em-stat--b { color:#2563eb; }
    .em-sbar { margin-left:auto; display:flex; align-items:center; gap:7px; }
    .em-sbar-track { width:72px; height:4px; background:#e2e8f0; border-radius:2px; overflow:hidden; }
    .em-sbar-fill { height:100%; background:linear-gradient(90deg,#2563eb,#0891b2); border-radius:2px; }

    /* ── Stats strip ─────────────────────────────────── */
    .em-strip { background:#f8fafc; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; padding:0; }
    .em-strip-inner { display:flex; flex-wrap:wrap; border-left:1px solid #e2e8f0; }
    .em-mc { flex:1; min-width:120px; padding:22px 20px; border-right:1px solid #e2e8f0; text-align:center; }
    .em-mc-n { font-size:1.8rem; font-weight:900; color:#2563eb; line-height:1; margin-bottom:4px; }
    .em-mc-l { font-size:.72rem; color:#64748b; font-weight:500; }

    /* ── Admin panel section ─────────────────────────── */
    .em-panel-sec { padding:88px 0; background:#fff; }
    .em-panel-mock {
      background:#fff; border:1px solid #e2e8f0; border-radius:18px; overflow:hidden;
      box-shadow:0 8px 32px rgba(15,23,42,.08);
    }
    .em-panel-topbar { background:linear-gradient(135deg,#2563eb,#1d4ed8); padding:14px 20px; display:flex; align-items:center; justify-content:space-between; }
    .em-panel-topbar-l { display:flex; align-items:center; gap:10px; }
    .em-panel-dots { display:flex; gap:5px; }
    .em-panel-dot { width:9px; height:9px; border-radius:50%; }
    .em-panel-title { font-size:.72rem; font-weight:700; color:rgba(255,255,255,.9); letter-spacing:.04em; }
    .em-panel-badge { font-size:.6rem; font-weight:800; background:rgba(255,255,255,.15); color:#fff; padding:3px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.25); }
    .em-panel-nav { background:#f1f5f9; border-bottom:1px solid #e2e8f0; display:flex; gap:0; padding:0 16px; overflow-x:auto; }
    .em-panel-nav-item { padding:10px 14px; font-size:.69rem; font-weight:700; color:#64748b; cursor:pointer; border-bottom:2px solid transparent; white-space:nowrap; }
    .em-panel-nav-item.on { color:#2563eb; border-bottom-color:#2563eb; }
    .em-panel-body { padding:18px; background:#f8fafc; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    @media(max-width:767px){.em-panel-body{grid-template-columns:1fr}}
    .em-panel-widget { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px; }
    .em-pw-title { font-size:.72rem; font-weight:800; color:#1e293b; margin-bottom:12px; display:flex; align-items:center; gap:6px; }
    .em-pw-title i { width:22px; height:22px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:.6rem; }
    .em-pw-title .ic-blue { background:#eff6ff; color:#2563eb; }
    .em-pw-title .ic-green { background:#f0fdf4; color:#16a34a; }
    .em-pw-title .ic-amber { background:#fffbeb; color:#d97706; }
    .em-pw-title .ic-purple { background:#f5f3ff; color:#7c3aed; }
    /* Spam rule rows */
    .em-rule { display:flex; align-items:center; gap:8px; padding:7px 0; border-bottom:1px solid #f1f5f9; font-size:.72rem; }
    .em-rule:last-child { border-bottom:none; }
    .em-rule-name { flex:1; color:#334155; }
    .em-rule-score { font-size:.65rem; font-weight:800; padding:2px 8px; border-radius:999px; }
    .rs-ok   { background:#f0fdf4; color:#16a34a; border:1px solid #bbf7d0; }
    .rs-warn { background:#fffbeb; color:#b45309; border:1px solid #fde68a; }
    .rs-block{ background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }
    .em-rule-toggle { width:30px; height:16px; border-radius:999px; background:#2563eb; position:relative; cursor:pointer; flex-shrink:0; }
    .em-rule-toggle::after { content:''; position:absolute; width:12px; height:12px; border-radius:50%; background:#fff; top:2px; right:2px; box-shadow:0 1px 3px rgba(0,0,0,.2); }
    .em-rule-toggle.off { background:#e2e8f0; }
    .em-rule-toggle.off::after { left:2px; right:auto; }
    /* Virus scan rows */
    .em-vscan { display:flex; align-items:center; gap:8px; padding:6px 0; border-bottom:1px solid #f1f5f9; font-size:.7rem; color:#475569; }
    .em-vscan:last-child { border-bottom:none; }
    .em-vscan-ico { width:22px; height:22px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:.58rem; flex-shrink:0; }
    .em-vscan-ico--ok { background:#f0fdf4; color:#16a34a; }
    .em-vscan-ico--sp { background:#fef2f2; color:#dc2626; }
    .em-vscan-name { flex:1; }
    .em-vscan-lbl { font-size:.6rem; font-weight:800; padding:2px 8px; border-radius:999px; }
    .em-vscan-lbl.ok  { background:#f0fdf4; color:#16a34a; border:1px solid #bbf7d0; }
    .em-vscan-lbl.bad { background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }
    /* User stat micro */
    .em-user-row { display:flex; align-items:center; justify-content:space-between; padding:7px 0; border-bottom:1px solid #f1f5f9; font-size:.72rem; }
    .em-user-row:last-child { border-bottom:none; }
    .em-user-name { display:flex; align-items:center; gap:6px; color:#334155; }
    .em-user-av { width:24px; height:24px; border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:.6rem; font-weight:800; }
    .em-user-vol { font-size:.65rem; font-weight:700; color:#64748b; }
    .em-vol-bar { width:60px; height:4px; background:#e2e8f0; border-radius:2px; overflow:hidden; margin-left:6px; }
    .em-vol-fill { height:100%; border-radius:2px; background:linear-gradient(90deg,#2563eb,#0891b2); }
    /* Report mini chart */
    .em-chart { display:flex; align-items:flex-end; gap:4px; height:48px; margin-top:8px; }
    .em-bar { flex:1; border-radius:4px 4px 0 0; background:linear-gradient(180deg,#2563eb,#1d4ed8); opacity:.7; transition:opacity .2s; }
    .em-bar:hover { opacity:1; }
    .em-bar.spam-bar { background:linear-gradient(180deg,#ef4444,#dc2626); }

    /* ── Comparison table ────────────────────────────── */
    .em-vs-sec { padding:88px 0; background:#f8fafc; }
    .em-vs { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:820px; margin:0 auto; }
    @media(max-width:767px){.em-vs{grid-template-columns:1fr}}
    .em-vs-card { border-radius:16px; padding:30px 26px; }
    .em-vs-card--bad  { background:#fff; border:1px solid #e2e8f0; }
    .em-vs-card--good { background:linear-gradient(145deg,#eff6ff,#f0f9ff); border:2px solid #bfdbfe; box-shadow:0 8px 32px rgba(37,99,235,.1); }
    .em-vs-lbl { display:inline-flex; align-items:center; gap:7px; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; padding:5px 14px; border-radius:999px; margin-bottom:20px; }
    .em-vs-lbl--bad  { background:#f1f5f9; color:#64748b; }
    .em-vs-lbl--good { background:#dbeafe; color:#1d4ed8; border:1px solid #bfdbfe; }
    .em-vs-ul { list-style:none; padding:0; margin:0; }
    .em-vs-ul li { display:flex; align-items:flex-start; gap:9px; font-size:.85rem; padding:9px 0; border-bottom:1px solid rgba(0,0,0,.05); }
    .em-vs-ul li:last-child{ border-bottom:none; }
    .em-vs-ul--bad  li { color:#94a3b8; }
    .em-vs-ul--bad  li i { color:#cbd5e1; margin-top:2px; flex-shrink:0; }
    .em-vs-ul--good li { color:#1e293b; }
    .em-vs-ul--good li i { color:#2563eb; margin-top:2px; flex-shrink:0; }

    /* ── Pricing ─────────────────────────────────────── */
    .em-price-sec { padding:88px 0; background:linear-gradient(180deg,#f8fafc 0%,#fff 40%,#fff 100%); }
    .em-billing-toggle {
      margin:18px auto 0;
      display:inline-flex;
      background:#fff;
      border:1px solid #e2e8f0;
      border-radius:999px;
      padding:4px;
      gap:4px;
      box-shadow:0 2px 8px rgba(15,23,42,.04);
    }
    .em-billing-btn {
      border:none;
      background:transparent;
      color:#64748b;
      font-size:.78rem;
      font-weight:700;
      padding:8px 16px;
      border-radius:999px;
      cursor:pointer;
      transition:all .2s ease;
    }
    .em-billing-btn.is-active {
      background:#2563eb;
      color:#fff;
      box-shadow:0 4px 12px rgba(37,99,235,.22);
    }
    .em-price-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; align-items:stretch; }
    .em-price-plan {
      background:#fff;
      border:1.5px solid #e2e8f0;
      border-radius:20px;
      padding:28px 24px 24px;
      color:#1e293b;
      display:flex;
      flex-direction:column;
      box-shadow:0 4px 24px rgba(15,23,42,.04);
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
      position:relative;
      overflow:hidden;
    }
    .em-price-plan:hover {
      transform:translateY(-4px);
      border-color:#c7d2fe;
      box-shadow:0 16px 40px rgba(37,99,235,.1);
    }
    .em-price-plan--featured {
      border-color:#2563eb;
      box-shadow:0 12px 36px rgba(37,99,235,.14);
      transform:translateY(-6px);
    }
    .em-price-plan--featured::before {
      content:'';
      position:absolute;
      top:0; left:0; right:0;
      height:4px;
      background:linear-gradient(90deg,#2563eb,#6366f1);
    }
    .em-price-plan-head { margin-bottom:18px; }
    .em-price-chip {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      border-radius:999px;
      font-size:.68rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.05em;
      padding:5px 12px;
      background:#f1f5f9;
      color:#64748b;
      border:1px solid #e2e8f0;
      margin-bottom:14px;
    }
    .em-price-chip i { font-size:.65rem; opacity:.85; }
    .em-price-chip--featured {
      background:linear-gradient(135deg,#eff6ff,#dbeafe);
      color:#1d4ed8;
      border-color:#bfdbfe;
      box-shadow:none;
      animation:none;
    }
    .em-price-chip--featured i { filter:none; }

    /* İndirim Badge */
    .em-discount-badge {
      position:absolute;
      top:14px;
      right:14px;
      display:inline-flex;
      align-items:center;
      gap:5px;
      background:linear-gradient(135deg,#dc2626,#ef4444);
      color:#fff;
      font-size:.65rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
      padding:5px 10px;
      border-radius:8px;
      box-shadow:0 4px 12px rgba(220,38,38,.25);
      z-index:2;
      animation:none;
      border:none;
    }
    .em-discount-badge i {
      font-size:.62rem;
      filter:none;
      animation:none;
    }
    .em-price-plan-name {
      margin:0 0 6px;
      font-size:1.2rem;
      font-weight:800;
      color:#0f172a;
      letter-spacing:-.02em;
      line-height:1.25;
    }
    .em-price-plan-tagline {
      margin:0;
      font-size:.84rem;
      line-height:1.5;
      color:#64748b;
      font-weight:500;
    }
    .em-price-plan-price {
      padding-bottom:18px;
      margin-bottom:18px;
      border-bottom:1px solid #f1f5f9;
    }
    .em-price-plan-num {
      font-size:2.75rem;
      font-weight:900;
      line-height:1;
      color:#0f172a;
      margin-bottom:6px;
      display:flex;
      align-items:baseline;
      gap:4px;
    }
    .em-price-plan-num .em-price-amount { letter-spacing:-.03em; }
    .em-price-plan-num .em-price-period {
      font-size:.82rem;
      font-weight:600;
      color:#94a3b8;
      margin-left:2px;
    }
    .em-price-plan-vat { font-size:.72rem; color:#94a3b8; margin:0; }
    .em-price-plan-ul {
      margin:0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:0;
      flex:1;
    }
    .em-price-plan-ul li {
      display:flex;
      align-items:flex-start;
      gap:10px;
      font-size:.84rem;
      color:#475569;
      line-height:1.45;
      padding:8px 0;
      border-bottom:1px solid #f8fafc;
    }
    .em-price-plan-ul li:last-child { border-bottom:none; }
    .em-price-plan-ul li i {
      color:#22c55e;
      font-size:.72rem;
      margin-top:4px;
      flex-shrink:0;
    }
    .em-price-plan-ul li span { flex:1; min-width:0; }
    .em-price-plan-actions { margin-top:20px; }
    .em-price-plan .em-price-btn { margin-top:0; }
    .em-price-plan .em-price-btn-o { margin-top:0; }

    .em-price-card {
      border-radius:24px; padding:40px 36px; position:relative; overflow:hidden;
      background:linear-gradient(145deg,#1e3a8a,#1d4ed8,#0369a1);
      color:#fff; max-width:780px; margin:0 auto;
    }
    .em-price-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-image:radial-gradient(ellipse 80% 70% at 90% 10%,rgba(255,255,255,.06) 0%,transparent 60%); pointer-events:none; }
    .em-price-num { font-size:3.2rem; font-weight:900; color:#fff; line-height:1; }
    .em-price-num sup { font-size:1.1rem; font-weight:700; color:rgba(255,255,255,.6); vertical-align:top; margin-top:.55rem; }
    .em-price-num sub { font-size:.82rem; font-weight:600; color:rgba(255,255,255,.45); }
    .em-price-ul li { display:flex; align-items:center; gap:8px; font-size:.85rem; color:rgba(255,255,255,.78); padding:7px 0; border-bottom:1px solid rgba(255,255,255,.08); }
    .em-price-ul li:last-child { border-bottom:none; }
    .em-price-ul li i.fa-check { color:#86efac; flex-shrink:0; }
    .em-price-ul li.hi { color:#fff; font-weight:600; }
    .em-price-plan .em-price-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      background:#2563eb;
      color:#fff;
      font-weight:800;
      font-size:.9rem;
      border-radius:12px;
      padding:14px 24px;
      text-decoration:none;
      transition:all .22s;
      border:2px solid #2563eb;
      box-shadow:0 4px 14px rgba(37,99,235,.22);
    }
    .em-price-plan .em-price-btn:hover {
      background:#1d4ed8;
      border-color:#1d4ed8;
      color:#fff;
      transform:translateY(-2px);
      box-shadow:0 8px 24px rgba(37,99,235,.28);
    }
    .em-price-plan--featured .em-price-btn {
      background:linear-gradient(135deg,#2563eb,#4f46e5);
      border-color:transparent;
    }
    .em-price-plan .em-price-btn-o {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      background:transparent;
      color:#64748b;
      font-weight:700;
      font-size:.88rem;
      border-radius:12px;
      padding:12px 24px;
      text-decoration:none;
      border:1.5px solid #e2e8f0;
      transition:all .22s;
    }
    .em-price-plan .em-price-btn-o:hover {
      border-color:#cbd5e1;
      color:#334155;
      background:#f8fafc;
      transform:none;
    }
    .em-price-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#fff; color:#1d4ed8; font-weight:800; font-size:.95rem; border-radius:12px; padding:16px 32px; text-decoration:none; transition:all .22s; border:2px solid #fff; box-shadow:0 4px 12px rgba(255,255,255,.15); }
    .em-price-btn:hover { background:#eff6ff; color:#1d4ed8; transform:translateY(-3px); box-shadow:0 12px 32px rgba(255,255,255,.3); }
    .em-price-btn-o { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:transparent; color:rgba(255,255,255,.85); font-weight:700; font-size:.95rem; border-radius:12px; padding:16px 28px; text-decoration:none; border:2px solid rgba(255,255,255,.35); transition:all .22s; }
    .em-price-btn-o:hover { border-color:rgba(255,255,255,.8); color:#fff; background:rgba(255,255,255,.12); transform:translateY(-2px); }
    @media (max-width:991px) {
      .em-price-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .em-price-plan--featured { transform:translateY(-3px); }
    }
    @media (max-width:767px) {
      .em-price-grid { grid-template-columns:1fr; gap:16px; }
      .em-price-plan { padding:24px 20px 20px; }
      .em-price-plan:hover { transform:translateY(-2px); }
      .em-price-plan--featured { transform:none; }
      .em-price-plan-num { font-size:2.4rem; }
      .em-discount-badge { top:10px; right:10px; font-size:.6rem; padding:4px 8px; }
      .em-price-card { padding:26px 18px; }
      .em-price-ul { columns:1 !important; }
    }

    /* ── Legal notice ────────────────────────────────── */
    .em-legal { background:#fffbeb; border:1px solid #fde68a; border-radius:12px; padding:20px 24px; display:flex; gap:16px; align-items:flex-start; max-width:820px; margin:0 auto; }
    .em-legal-ico { flex-shrink:0; width:38px; height:38px; background:#fef3c7; border:1px solid #fde68a; border-radius:9px; display:flex; align-items:center; justify-content:center; color:#b45309; font-size:1rem; }
    .em-legal-body h5 { font-size:.85rem; font-weight:800; color:#92400e; margin-bottom:6px; }
    .em-legal-body p { font-size:.82rem; color:#78350f; line-height:1.7; margin:0; }

    /* ── FAQ ─────────────────────────────────────────── */
    .em-faq { max-width:740px; margin:0 auto; }
    .em-faq-item { border-bottom:1px solid #e2e8f0; }
    .em-faq-q { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:18px 0; cursor:pointer; }
    .em-faq-q span { font-size:.94rem; font-weight:700; color:#1e293b; transition:color .2s; }
    .em-faq-q:hover span { color:#2563eb; }
    .em-faq-ico { width:26px; height:26px; border-radius:50%; flex-shrink:0; background:#eff6ff; border:1px solid #bfdbfe; display:flex; align-items:center; justify-content:center; color:#2563eb; font-size:.7rem; transition:all .25s; }
    .em-faq-item.open .em-faq-ico { background:#2563eb; border-color:transparent; color:#fff; transform:rotate(45deg); }
    .em-faq-a { font-size:.88rem; color:#64748b; line-height:1.8; max-height:0; overflow:hidden; transition:max-height .32s ease,padding .32s; }
    .em-faq-item.open .em-faq-a { max-height:240px; padding-bottom:16px; }

    /* ── Usecase section ─────────────────────────────── */
    .em-uc-sec { padding:88px 0; background:#f8fafc; }
    .em-uc-card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:28px 24px; height:100%; transition:all .25s; }
    .em-uc-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(37,99,235,.1); border-color:#bfdbfe; }
    .em-uc-ico { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; margin-bottom:16px; }

    /* ── CTA section ─────────────────────────────────── */
    .em-cta-sec {
      padding:80px 0;
      background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 55%,#0369a1 100%);
      position:relative; overflow:hidden;
    }
    .em-cta-sec::before {
      content:''; position:absolute; inset:0;
      background:radial-gradient(ellipse 65% 80% at 90% 20%,rgba(6,182,212,.18) 0%,transparent 60%);
      pointer-events:none;
    }
    .fade-up { opacity:0; transform:translateY(24px); transition:opacity .55s ease,transform .55s ease; }
    .fade-up.visible { opacity:1; transform:translateY(0); }
    .delay-1 { transition-delay:.12s; } .delay-2 { transition-delay:.22s; } .delay-3 { transition-delay:.32s; }

    /* ── Trust Band ───────────────────────────────────── */
    .em-trust {
      background:#fff;
      border-bottom:1px solid #e2e8f0;
      padding:40px 0;
      overflow:hidden;
    }
    .em-trust-card{
      background:linear-gradient(180deg,#ffffff 0%, #f8fafc 100%);
      border:1px solid #e2e8f0;
      border-radius:18px;
      padding:26px 26px;
      box-shadow:0 14px 50px rgba(15,23,42,.08);
      position:relative;
      overflow:hidden;
    }
    .em-trust-card::before{
      content:'';
      position:absolute;
      inset:-1px;
      background:radial-gradient(ellipse 60% 90% at 92% 20%, rgba(37,99,235,.12) 0%, transparent 55%),
                 radial-gradient(ellipse 55% 85% at 12% 80%, rgba(6,182,212,.12) 0%, transparent 55%);
      pointer-events:none;
      z-index:0;
    }
    .em-trust-card > * { position:relative; z-index:1; }

    .em-trust-kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#2563eb;
      background:#eff6ff;
      border:1px solid #bfdbfe;
      border-radius:999px;
      padding:6px 12px;
      margin-bottom:12px;
      width:max-content;
    }
    .em-trust-title{
      font-size:clamp(1.3rem, 2.2vw, 1.8rem);
      font-weight:900;
      color:#0f172a;
      letter-spacing:-.02em;
      margin:0 0 10px;
      line-height:1.15;
    }
    .em-trust-desc{
      font-size:.92rem;
      color:#64748b;
      line-height:1.75;
      margin:0 0 16px;
      max-width:520px;
    }
    .em-trust-bullet{
      display:flex;
      align-items:flex-start;
      gap:10px;
      font-size:.85rem;
      font-weight:700;
      color:#334155;
      background:#ffffff;
      border:1px solid #e2e8f0;
      border-radius:12px;
      padding:10px 12px;
      height:100%;
    }
    .em-trust-bullet i{
      color:#16a34a;
      margin-top:2px;
      flex-shrink:0;
      font-size:1rem;
    }
    .em-trust-right{
      background:rgba(255,255,255,.75);
      border:1px solid rgba(226,232,240,.9);
      border-radius:16px;
      padding:18px 18px;
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }
    .em-trust-label{
      font-size:.72rem;
      font-weight:800;
      color:#94a3b8;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:12px;
    }
    .em-trust-pillgrid{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
    }

    .em-sector { display:inline-flex; align-items:center; gap:8px; padding:8px 18px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:999px; font-size:.78rem; font-weight:700; color:#475569; white-space:nowrap; flex-shrink:0; }
    .em-sector i { font-size:.85rem; }
    .em-sector--fin { color:#1d4ed8; background:#eff6ff; border-color:#bfdbfe; }
    .em-sector--ret { color:#059669; background:#f0fdf4; border-color:#a7f3d0; }
    .em-sector--law { color:#7c3aed; background:#f5f3ff; border-color:#ddd6fe; }
    .em-sector--med { color:#dc2626; background:#fef2f2; border-color:#fecaca; }
    .em-sector--log { color:#d97706; background:#fffbeb; border-color:#fde68a; }
    .em-sector--man { color:#0891b2; background:#ecfeff; border-color:#a5f3fc; }
    .em-sector--edu { color:#ea580c; background:#fff7ed; border-color:#fed7aa; }
    .em-sector--gov { color:#334155; background:#f1f5f9; border-color:#cbd5e1; }

    @media (max-width:767px){
      .em-trust { padding:28px 0; }
      .em-trust-card { padding:20px 16px; border-radius:16px; }
      .em-trust-right { padding:14px 14px; }
      .em-trust-bullet { padding:10px 12px; }
      .em-sector { padding:7px 14px; font-size:.74rem; }
    }

    /* ── Deliverability section ───────────────────────── */
    .em-deliv-sec { padding:88px 0; background:#f8fafc; }
    .em-checks { display:flex; flex-direction:column; gap:12px; margin-top:28px; }
    .em-check-row { display:flex; align-items:flex-start; gap:14px; background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:18px 20px; transition:all .2s; }
    .em-check-row:hover { border-color:#bfdbfe; box-shadow:0 4px 20px rgba(37,99,235,.08); }
    .em-check-ico { width:40px; height:40px; min-height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:.9rem; flex-shrink:0; align-self:flex-start; margin-top:2px; }
    .em-check-ico--ok { background:#f0fdf4; color:#16a34a; }
    .em-check-title { font-size:.9rem; font-weight:800; color:#1e293b; margin-bottom:4px; display:flex; align-items:center; gap:8px; }
    .em-check-ok-badge { font-size:.6rem; font-weight:800; background:#f0fdf4; color:#16a34a; border:1px solid #bbf7d0; padding:2px 8px; border-radius:999px; }
    .em-check-desc { font-size:.82rem; color:#64748b; line-height:1.65; margin:0; }
    /* Inbox preview card */
    .em-inbox-prev { background:#fff; border:1px solid #e2e8f0; border-radius:18px; overflow:hidden; box-shadow:0 12px 40px rgba(15,23,42,.1); }
    .em-ip-bar { background:linear-gradient(135deg,#2563eb,#1d4ed8); padding:12px 18px; display:flex; align-items:center; gap:10px; }
    .em-ip-title { font-size:.7rem; font-weight:700; color:rgba(255,255,255,.8); flex:1; }
    .em-ip-score { display:inline-flex; align-items:center; gap:5px; background:rgba(255,255,255,.15); color:#fff; font-size:.62rem; font-weight:800; padding:3px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.25); }
    .em-ip-body { padding:18px; }
    .em-ip-row { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid #f1f5f9; font-size:.76rem; }
    .em-ip-row:last-child { border-bottom:none; }
    .em-ip-label { font-weight:700; color:#334155; width:65px; flex-shrink:0; font-size:.72rem; }
    .em-ip-val { color:#64748b; flex:1; font-family:monospace; font-size:.68rem; }
    .em-ip-tag { font-size:.58rem; font-weight:800; padding:2px 8px; border-radius:999px; flex-shrink:0; }
    .em-ip-tag--ok { background:#f0fdf4; color:#16a34a; border:1px solid #bbf7d0; }
    .em-ip-tag--miss { background:#fff7ed; color:#b45309; border:1px solid #fde68a; }
    .em-ip-sender { display:flex; align-items:center; gap:8px; background:#f8fafc; border-radius:10px; padding:12px 14px; margin-bottom:12px; }
    .em-ip-av-wrap { width:36px; height:36px; border-radius:9px; background:linear-gradient(135deg,#2563eb,#0891b2); display:flex; align-items:center; justify-content:center; color:#fff; font-size:.8rem; font-weight:800; flex-shrink:0; }
    .em-ip-from { font-size:.75rem; font-weight:700; color:#0f172a; }
    .em-ip-from-addr { font-size:.65rem; color:#94a3b8; }
    .em-ip-inbox-badge { display:flex; align-items:center; gap:5px; font-size:.68rem; font-weight:800; color:#16a34a; background:#f0fdf4; border:1px solid #bbf7d0; border-radius:8px; padding:6px 10px; margin-left:auto; }

    /* ── Compatible apps ──────────────────────────────── */
    .em-apps-sec { padding:52px 0; background:#fff; border-bottom:1px solid #e2e8f0; }
    .em-apps-grid { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; }
    .em-app-pill { display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; font-size:.8rem; font-weight:700; color:#334155; transition:all .2s; }
    .em-app-pill:hover { border-color:#bfdbfe; background:#eff6ff; color:#1d4ed8; transform:translateY(-2px); box-shadow:0 6px 16px rgba(37,99,235,.1); }
    .em-app-pill i { font-size:1rem; }

    /* ── Webmail preview ──────────────────────────────── */
    .em-webmail-sec { padding:88px 0; background:#f8fafc; }
    .em-wm-mock { background:#fff; border:1px solid #e2e8f0; border-radius:20px; overflow:hidden; box-shadow:0 16px 56px rgba(15,23,42,.12); }
    .em-wm-bar { background:#1e293b; padding:10px 16px; display:flex; align-items:center; gap:8px; }
    .em-wm-dots { display:flex; gap:5px; }
    .em-wm-dot { width:9px; height:9px; border-radius:50%; }
    .em-wm-addr-bar { flex:1; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-radius:6px; padding:4px 12px; font-size:.65rem; color:rgba(255,255,255,.5); font-family:monospace; }
    .em-wm-layout { display:flex; min-height:340px; }
    .em-wm-sidebar { width:160px; flex-shrink:0; background:#f8fafc; border-right:1px solid #e2e8f0; padding:14px 0; }
    .em-wm-nav-item { padding:8px 16px; font-size:.72rem; font-weight:600; color:#64748b; display:flex; align-items:center; gap:8px; cursor:pointer; }
    .em-wm-nav-item.on { background:#eff6ff; color:#2563eb; font-weight:800; border-right:3px solid #2563eb; }
    .em-wm-nav-item .cnt { margin-left:auto; font-size:.6rem; background:#2563eb; color:#fff; border-radius:999px; padding:1px 6px; font-weight:800; }
    .em-wm-compose { margin:8px 10px 12px; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:none; border-radius:9px; padding:8px 14px; font-size:.72rem; font-weight:800; cursor:pointer; width:calc(100% - 20px); display:flex; align-items:center; justify-content:center; gap:6px; }
    .em-wm-main { flex:1; display:flex; flex-direction:column; min-width:0; }
    .em-wm-toolbar { background:#f1f5f9; border-bottom:1px solid #e2e8f0; padding:8px 14px; display:flex; align-items:center; gap:8px; }
    .em-wm-tb-btn { background:#fff; border:1px solid #e2e8f0; border-radius:6px; padding:4px 10px; font-size:.64rem; font-weight:700; color:#475569; cursor:pointer; white-space:nowrap; }
    .em-wm-tb-search { flex:1; background:#fff; border:1px solid #e2e8f0; border-radius:6px; padding:4px 10px; font-size:.64rem; color:#94a3b8; }
    .em-wm-list { flex:1; overflow:hidden; }
    .em-wm-row { display:flex; align-items:center; gap:10px; padding:9px 14px; border-bottom:1px solid #f1f5f9; cursor:pointer; transition:background .15s; }
    .em-wm-row:hover { background:#f8fafc; }
    .em-wm-row.unread { background:#fffde7; }
    .em-wm-row.unread .em-wm-subj { font-weight:700; color:#0f172a; }
    .em-wm-av { width:28px; height:28px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-size:.62rem; font-weight:800; flex-shrink:0; }
    .em-wm-cb { width:14px; height:14px; border:1px solid #e2e8f0; border-radius:3px; flex-shrink:0; }
    .em-wm-info { flex:1; min-width:0; }
    .em-wm-sender { font-size:.67rem; color:#64748b; }
    .em-wm-subj { font-size:.74rem; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .em-wm-t { font-size:.6rem; color:#cbd5e1; flex-shrink:0; }
    .em-wm-status-bar { background:#f8fafc; border-top:1px solid #e2e8f0; padding:8px 14px; display:flex; align-items:center; gap:10px; font-size:.62rem; color:#94a3b8; }
    .em-wm-status-dot { width:6px; height:6px; border-radius:50%; background:#22c55e; display:inline-block; animation:pulse-green 2s infinite; }

    /* ── Testimonials ─────────────────────────────────── */
    .em-test-sec { padding:88px 0; background:#fff; }
    .em-test-card { background:#f8fafc; border:1px solid #e2e8f0; border-radius:18px; padding:28px 26px; height:100%; transition:all .25s; }
    .em-test-card:hover { border-color:#bfdbfe; box-shadow:0 12px 36px rgba(37,99,235,.1); transform:translateY(-3px); }
    .em-test-stars { display:flex; gap:3px; margin-bottom:14px; }
    .em-test-stars i { color:#f59e0b; font-size:.78rem; }
    .em-test-quote { font-size:.9rem; color:#334155; line-height:1.8; margin-bottom:18px; font-style:italic; }
    .em-test-quote::before { content:'\201C'; font-size:1.4rem; color:#2563eb; line-height:0; vertical-align:-.35em; margin-right:2px; }
    .em-test-quote::after  { content:'\201D'; font-size:1.4rem; color:#2563eb; line-height:0; vertical-align:-.35em; margin-left:2px; }
    .em-test-author { display:flex; align-items:center; gap:10px; padding-top:16px; border-top:1px solid #e2e8f0; }
    .em-test-av { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:.85rem; font-weight:800; flex-shrink:0; }
    .em-test-name { font-size:.85rem; font-weight:800; color:#1e293b; }
    .em-test-role { font-size:.74rem; color:#94a3b8; }

    /* ── Competitor comparison table ─────────────────── */
    .em-comp-sec { padding:88px 0; background:#f8fafc; }
    .em-comp-table { width:100%; border-collapse:separate; border-spacing:0; }
    .em-comp-table th {
      padding:16px 14px; font-size:.7rem; font-weight:800; text-transform:uppercase;
      letter-spacing:.05em; border-bottom:2px solid #e2e8f0; vertical-align:bottom;
    }
    .em-comp-table td { padding:14px; font-size:.84rem; border-bottom:1px solid #f1f5f9; vertical-align:middle; color:#334155; }
    .em-comp-table tr:last-child td { border-bottom:none; }
    .em-comp-table thead th:first-child { width:28%; color:#64748b; text-align:left; }
    .em-comp-col--us { background:#f8fbff; }
    .em-comp-table thead th.em-comp-col--us { color:#1d4ed8; background:#eff6ff; }
    .em-comp-table td.em-comp-col--us { color:#0f172a; font-weight:600; }
    .em-comp-table td.center, .em-comp-table th.center { text-align:center; }
    .em-comp-table th.left, .em-comp-table td.left { text-align:left; }
    .em-comp-th-main { display:block; font-size:.78rem; font-weight:800; letter-spacing:.02em; color:inherit; }
    .em-comp-th-sub { display:block; margin-top:4px; font-size:.65rem; font-weight:600; letter-spacing:0; text-transform:none; color:#94a3b8; }
    .em-comp-col--us .em-comp-th-sub { color:#3b82f6; }
    .em-ck { color:#16a34a; } .em-cx { color:#dc2626; } .em-cdash { color:#cbd5e1; }
    .em-ci { display:inline-flex; align-items:center; justify-content:center; gap:5px; }
    .em-comp-wrap {
      background:#fff; border:1px solid #e2e8f0; border-radius:18px; overflow:hidden;
      box-shadow:0 4px 24px rgba(15,23,42,.06);
    }
    .em-comp-pillbar { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:18px; }
    .em-comp-pill {
      display:inline-flex; align-items:center; gap:7px; font-size:.78rem; font-weight:700;
      color:#334155; background:#fff; border:1px solid #e2e8f0; border-radius:999px; padding:8px 14px;
      white-space:nowrap;
    }
    .em-comp-pill i { font-size:.75rem; }
    .em-comp-pill--tr { color:#991b1b; background:#fef2f2; border-color:#fecaca; }
    .em-comp-pill--tr i { color:#dc2626; }
    .em-comp-pill--kvkk { color:#1e3a8a; background:#eff6ff; border-color:#bfdbfe; }
    .em-comp-pill--kvkk i { color:#1d4ed8; }
    .em-comp-pill--mail { color:#0f766e; background:#f0fdfa; border-color:#99f6e4; }
    .em-comp-pill--mail i { color:#0d9488; }
    .em-comp-feat-ico { margin-right:8px; width:1em; text-align:center; }
    .em-comp-feat-ico--tr { color:#dc2626; }
    .em-comp-feat-ico--kvkk { color:#1d4ed8; }
    .em-comp-hint { display:block; margin-top:2px; font-size:.68rem; font-weight:600; color:#94a3b8; }
    .em-comp-row--tr td { background:#fff7f7; }
    .em-comp-row--tr td.em-comp-col--us { background:#fee2e2; }
    .em-comp-row--kvkk td { background:#f8fbff; }
    .em-comp-row--kvkk td.em-comp-col--us { background:#dbeafe; }
    .em-comp-row--price td { padding-top:16px; padding-bottom:16px; }
    .em-comp-price {
      display:flex; flex-direction:column; align-items:center; gap:8px;
    }
    .em-comp-price-main {
      font-size:1.15rem; font-weight:800; color:#0f172a; line-height:1.15;
      white-space:nowrap;
    }
    .em-comp-col--us .em-comp-price-main { color:#15803d; }
    .em-comp-price-period {
      font-size:.72rem; font-weight:700; color:#64748b; margin-left:2px;
    }
    .em-comp-price-note {
      display:block; font-size:.68rem; font-weight:600; color:#94a3b8; line-height:1.35;
      max-width:11rem;
    }
    .em-comp-badge {
      display:inline-flex; align-items:center; justify-content:center;
      font-size:.62rem; font-weight:800; letter-spacing:.02em; line-height:1;
      background:#ecfdf5; color:#047857; border:1px solid #a7f3d0;
      padding:5px 10px; border-radius:999px; white-space:nowrap;
    }
    .em-comp-win {
      display:inline-flex; align-items:center; gap:6px; font-size:.76rem; font-weight:800;
      color:#065f46; background:#ecfdf5; border:1px solid #a7f3d0; border-radius:999px;
      padding:6px 11px; white-space:nowrap;
    }
    .em-comp-win i { color:#16a34a; font-size:.72rem; }
    .em-comp-win--tr { color:#991b1b; background:#fff; border-color:#fca5a5; }
    .em-comp-win--tr i { color:#dc2626; }
    .em-comp-win--kvkk { color:#1e3a8a; background:#fff; border-color:#93c5fd; }
    .em-comp-win--kvkk i { color:#2563eb; }
    .em-comp-miss {
      display:inline-flex; align-items:center; gap:5px; font-size:.78rem; font-weight:600; color:#64748b;
    }
    .em-comp-miss i { color:#dc2626; }
    .em-comp-soft { font-size:.78rem; font-weight:600; color:#64748b; }
    .em-comp-footnotes {
      max-width:820px; margin:16px auto 0; text-align:center;
      font-size:.72rem; color:#94a3b8; line-height:1.65;
    }
    .em-comp-footnotes p { margin:0 0 6px; }
    .em-comp-footnotes p:last-child { margin-bottom:0; }
    .em-comp-footnotes a { color:#64748b; text-decoration:underline; text-underline-offset:2px; }
    .em-comp-footnotes a:hover { color:#2563eb; }
    .em-comp-footnotes sup { font-size:.65em; }
    /* ── MOBILE FIXES ─────────────────────────────────── */
    @media (max-width: 767px) {
      .em-comp-wrap { display: none !important; }
      .em-wm-sidebar { display: none; }
      .em-wm-toolbar .em-wm-tb-btn:nth-child(n+3), .em-wm-toolbar .em-wm-tb-search { display: none; }
    }
    @media (min-width: 768px) { .em-comp-mob-wrap { display: none !important; } }
    .em-comp-mob-wrap { margin-top: 4px; }
    .em-comp-mob-pills { display:flex; gap:6px; margin-bottom:14px; }
    .em-comp-mob-pill {
      flex:1 1 0; min-width:0; padding:10px 8px; border-radius:999px; font-size:.72rem; font-weight:700;
      border:1.5px solid #e2e8f0; background:#f8fafc; color:#64748b; cursor:pointer; text-align:center;
      transition:all .2s; font-family:inherit; line-height:1.25;
    }
    .em-comp-mob-pill.active { border-color:#2563eb; background:#eff6ff; color:#2563eb; }
    .em-comp-mob-card { border-radius:16px; overflow:hidden; border:1px solid #e2e8f0; background:#fff; }
    .em-comp-mob-row {
      display:flex; flex-direction:column; align-items:stretch; gap:8px;
      padding:14px 16px; border-bottom:1px solid #f1f5f9;
    }
    .em-comp-mob-row:last-child { border-bottom:none; }
    .em-comp-mob-row:nth-child(even) { background:#fafbfc; }
    .em-comp-mob-row.em-comp-row--tr { background:#fff7f7; }
    .em-comp-mob-row.em-comp-row--kvkk { background:#f8fbff; }
    .em-comp-mob-row.em-comp-row--price { background:#f0fdf4; }
    .em-comp-mob-feat {
      display:block; width:100%; font-size:.72rem; font-weight:700; color:#64748b;
      line-height:1.35; letter-spacing:.01em;
    }
    .em-comp-mob-feat .em-comp-feat-ico { margin-right:6px; }
    .em-comp-mob-feat .em-comp-hint { display:inline; margin-left:4px; font-size:.68rem; color:#94a3b8; }
    .em-comp-mob-feat br { display:none; }
    .em-comp-mob-val {
      display:block; width:100%; font-size:.88rem; font-weight:700; color:#0f172a;
      text-align:left; line-height:1.45; overflow-wrap:anywhere; word-break:break-word;
    }
    .em-comp-mob-val .em-comp-price { align-items:flex-start; gap:6px; }
    .em-comp-mob-val .em-comp-price-main { font-size:1.05rem; }
    .em-comp-mob-val .em-comp-price-note { max-width:none; text-align:left; }
    .em-comp-mob-val .em-comp-win,
    .em-comp-mob-val .em-comp-miss,
    .em-comp-mob-val .em-comp-badge {
      white-space:normal; max-width:100%; justify-content:flex-start;
    }
    .em-comp-mob-val .em-ck { color:#16a34a; }
    .em-comp-mob-val .em-cx { color:#dc2626; }
    .em-comp-mob-val .em-cdash { color:#cbd5e1; }