/* ============================================================
   קריפטו · Web3 — Hebrew RTL article page
   Display: Suez One   Body: Assistant
   ============================================================ */

:root{
  --ink:      #0A0E2E;
  --ink-70:   #454A76;
  --blue:     #1B23F0;
  --gold:     #FFD43B;
  --paper:    #F3F4FF;
  --white:    #FFFFFF;
  --line:     rgba(10,14,46,.12);

  --shell:    min(720px, 92vw);
  --r-md:     16px;
  --r-pill:   999px;

  --ease: cubic-bezier(.22,.8,.28,1);
}

*,*::before,*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Assistant", "Segoe UI", system-ui, sans-serif;
  font-size:18px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  padding-block-end:88px; /* room for the fixed CTA bar */
}

a{ color:inherit; }

:focus-visible{
  outline:3px solid var(--gold);
  outline-offset:3px;
  border-radius:6px;
}

/* ── buttons ─────────────────────────────────────────────── */
.btn{
  --btn-bg:var(--ink); --btn-fg:#fff;
  display:inline-flex; align-items:center; gap:.6rem;
  background:var(--btn-bg); color:var(--btn-fg);
  padding:.95rem 2rem;
  border-radius:var(--r-pill);
  font-weight:700; font-size:1.1rem; text-decoration:none;
  cursor:pointer; border:0;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.btn:hover{ transform:translateY(-2px); }

.btn--gold{
  --btn-bg:var(--gold); --btn-fg:var(--ink);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.btn--gold:hover{ box-shadow:0 16px 38px rgba(0,0,0,.26); }

.btn--ghost{
  --btn-bg:transparent; --btn-fg:var(--ink);
  border:1.5px solid var(--line);
  padding:.62rem 1.45rem; font-size:1.02rem;
}
.btn--ghost:hover{ border-color:var(--ink); }

/* ── topbar ──────────────────────────────────────────────── */
.topbar{
  width:min(1000px, 92vw); margin:0 auto;
  display:flex; align-items:center; gap:2rem;
  padding:1.4rem 0;
}
.brand{
  display:inline-flex; align-items:center; gap:.6rem;
  text-decoration:none; font-weight:700; letter-spacing:-.01em;
}
.brand__name{ font-size:1.12rem; }
.brand__dot{ color:var(--blue); }
.topbar .btn--ghost{ margin-inline-start:auto; }

/* ── article ─────────────────────────────────────────────── */
.article{ width:var(--shell); margin:0 auto; padding:1rem 0 3rem; }

.article__body{
  background:var(--white);
  border-radius:var(--r-md);
  padding:clamp(2rem, 5vw, 3.5rem);
  box-shadow:0 6px 30px rgba(10,14,46,.06);
}

.article__eyebrow{
  margin:0 0 1rem;
  font-size:.95rem; font-weight:600; letter-spacing:.06em;
  color:var(--blue);
  text-transform:uppercase;
}

.article__title{
  margin:0 0 1.4rem;
  font-family:"Suez One", "Assistant", serif;
  font-weight:400;
  font-size:clamp(1.9rem, 4vw, 2.6rem);
  line-height:1.25;
  letter-spacing:-.01em;
}

.article__lede{
  margin:0 0 1.4rem;
  font-size:clamp(1.15rem, 1.6vw, 1.35rem);
  color:var(--ink-70);
  line-height:1.7;
}

.article__body h2{
  margin:2.4rem 0 1rem;
  font-family:"Suez One", "Assistant", serif;
  font-weight:400;
  font-size:clamp(1.4rem, 2.4vw, 1.8rem);
  line-height:1.3;
  color:var(--ink);
}

.article__body p{
  margin:0 0 1.1rem;
  color:var(--ink);
}

/* ── fixed CTA bar ────────────────────────────────────────── */
.cta-bar{
  position:fixed;
  z-index:60;
  inset-block-end:0;
  inset-inline:0;
  pointer-events:none; /* let clicks pass through the empty areas */
}
.cta-bar__inner{
  width:min(1000px, 92vw);
  margin:0 auto;
  display:flex;
  justify-content:center;
  padding:.85rem 0;
  pointer-events:none;
}
.cta-bar__inner .btn{
  flex:none;
  pointer-events:auto;
}

/* ── disclaimer ──────────────────────────────────────────── */
.disclaimer{
  margin:2.6rem 0 0;
  padding:1.8rem 1.6rem;
  border-radius:var(--r-md);
  background:#FFF8E6;
  border-inline-start:4px solid var(--gold);
}
.disclaimer__title{
  margin:0 0 1rem;
  font-family:"Suez One", "Assistant", serif;
  font-weight:400;
  font-size:1.4rem;
  color:var(--ink);
}
.disclaimer p{
  margin:0 0 .8rem;
  font-size:.95rem;
  line-height:1.7;
  color:var(--ink-70);
}
.disclaimer p:last-child{ margin-bottom:0; }

/* ── footer ──────────────────────────────────────────────── */
.foot{
  width:var(--shell); margin:0 auto;
  padding:0 0 3rem;
  display:flex; flex-wrap:wrap; gap:.4rem 1.6rem; align-items:baseline;
  font-size:.9rem; color:var(--ink-70);
}
.foot p{ margin:0; }
.foot__note{ margin-inline-start:auto; }

/* ── responsive ──────────────────────────────────────────── */
@media (max-width:560px){
  body{ font-size:17px; padding-block-end:76px; }
  .article__body{ padding:1.8rem 1.4rem; }
  .foot{ flex-direction:column; }
  .foot__note{ margin-inline-start:0; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.001ms !important;
    transition-duration:.001ms !important;
  }
}