/* EisaX V4 commercial polish. Main system lives in css/eisax.css. */

/* ===== How it works — numbered steps ===== */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}
.step{position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;padding:26px 22px}
.bg-dark .step,.bg-soft .step{background:rgba(255,255,255,.02)}
.bg-soft .step{background:#fff}
.step .step-no{counter-increment:step;width:38px;height:38px;border-radius:11px;background:rgba(52,214,200,.11);border:1px solid rgba(52,214,200,.22);color:var(--teal3);font-family:var(--display);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}
.step .step-no::before{content:counter(step,decimal-leading-zero)}
.step h3{font-family:var(--display);font-size:17px;margin:0 0 8px;color:var(--ink);letter-spacing:-.02em}
.step p{margin:0;font-size:14px;line-height:1.62;color:var(--muted)}

/* ===== Context strip (governance/markets) ===== */
.context-strip{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.context-strip .ctx-label{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--teal3)}
.context-strip .ctx-line{font-family:var(--display);font-size:clamp(16px,1.8vw,21px);font-weight:600;letter-spacing:-.02em;color:var(--ink);max-width:760px;line-height:1.35}

/* ===== Stat band ===== */
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stat-item{border:1px solid var(--line-dark);border-radius:16px;background:rgba(255,255,255,.04);padding:24px 22px;text-align:center}
.stat-item b{display:block;font-family:var(--display);font-size:clamp(30px,3.4vw,42px);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1}
.stat-item span{display:block;margin-top:10px;font-size:13.5px;line-height:1.5;color:#B8C3D4}

/* ===== FAQ — accordion ===== */
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--display);font-weight:600;font-size:16px;color:var(--ink);letter-spacing:-.01em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:11px;height:11px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.faq-item[open] summary::after{transform:rotate(-135deg);margin-top:2px}
.faq-item[open] summary{color:var(--teal3)}
.faq-item .faq-body{padding:0 22px 20px;font-size:14.5px;line-height:1.7;color:var(--muted)}
.rtl .faq-item summary::after{margin-left:0}

/* ===== Article reading layer ===== */
.article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#8190A4;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.article-meta .dot{width:4px;height:4px;border-radius:50%;background:#C2CCD8}
.article-body{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 44px;box-shadow:var(--shadow2);max-width:760px;margin:0 auto}
.article-body p{font-size:17px;line-height:1.85;color:#2A3A4D;margin:0 0 22px}
.article-body p:last-child{margin-bottom:0}
.article-body p.lead{font-size:19px;line-height:1.8;color:var(--ink);font-weight:500}
.article-body h2{font-family:var(--display);font-size:24px;letter-spacing:-.02em;color:var(--ink);margin:34px 0 14px}
.article-body .commercial-note{border:1px solid rgba(52,214,200,.22);background:rgba(52,214,200,.06);border-radius:14px;padding:18px 20px;font-size:14.5px;line-height:1.7;color:var(--muted);margin-top:30px}

/* ===== Related articles ===== */
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:820px;margin:0 auto}
.related-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s}
.related-card:hover{transform:translateY(-3px);border-color:rgba(52,214,200,.45);box-shadow:var(--shadow2)}
.related-card .r-tag{font-size:10.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--teal3)}
.related-card h3{font-family:var(--display);font-size:16px;line-height:1.3;color:var(--ink);margin:9px 0 0;letter-spacing:-.01em}

/* ===== Contact info row ===== */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px}
.contact-card .c-label{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#8190A4;margin-bottom:8px}
.contact-card .c-value{font-family:var(--display);font-size:16px;font-weight:600;color:var(--ink)}
.contact-card a{color:var(--teal3);text-decoration:none}

@media(max-width:1050px){.steps{grid-template-columns:repeat(2,1fr)}.stat-strip{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}}
@media(max-width:680px){.steps,.related-grid{grid-template-columns:1fr}.article-body{padding:26px 22px}.article-body p{font-size:16px}}

/* ===== Richer mockup rows ===== */
.mock-rows{margin-top:4px}
.mock-rowi{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.mock-rowi:last-child{border-bottom:0}
.mock-rowi .ml{display:flex;align-items:center;gap:10px}
.mock-rowi .dotc{width:9px;height:9px;border-radius:50%;flex:none}
.mock-rowi .dotc.tg{background:var(--teal2)}
.mock-rowi .dotc.bl{background:var(--blue)}
.mock-rowi .dotc.gy{background:#C2CCD8}
.mock-rowi .name{font-size:13px;color:var(--ink);font-weight:600}
.mock-rowi .val{font-size:13px;color:var(--muted);font-weight:700;font-family:var(--display)}
.mock-bar{height:8px;border-radius:999px;background:#EAF0F5;overflow:hidden;margin:6px 0}
.mock-bar > i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal2),var(--teal))}
.mock-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border-radius:999px;padding:5px 10px;background:rgba(52,214,200,.12);color:var(--teal3)}
.mock-badge.amber{background:rgba(245,180,90,.16);color:#9A6713}
.rtl .mock-rowi .val{font-family:var(--display)}


/* ===== Final launch hardening ===== */
.skip-link{position:absolute;left:-999px;top:12px;z-index:9999;background:#fff;color:#08101B;border:2px solid var(--teal);border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none}.skip-link:focus{left:16px}.rtl .skip-link{left:auto;right:-999px}.rtl .skip-link:focus{right:16px}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.rtl .hp-field{right:-10000px!important;left:auto!important}.turnstile-slot{min-height:0}.turnstile-slot:has(iframe){min-height:70px;margin-top:4px}.form-status{margin-top:12px;font-size:13.5px;line-height:1.55;color:var(--muted)}.form-status.ok{color:#08745f;font-weight:700}.form-status.err{color:#9A3412;font-weight:700}.form-status a{color:var(--teal3)}
.nav-links a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.08);border-radius:999px}.article-body a,.legal-doc a{color:var(--teal3);font-weight:700}:focus-visible{outline:3px solid rgba(52,214,200,.65);outline-offset:3px}.mock-screen .mock-badge{margin:0 0 14px}.grid-4 .card h3{min-height:0}