/* ── page hero backdrop (lighter than the home hero) ── */
  .page-hero {
    background:
      radial-gradient(ellipse 1000px 540px at 50% -120px, rgba(99,91,255,0.16) 0%, rgba(99,91,255,0) 60%),
      radial-gradient(ellipse 620px 360px at 16% 6%, rgba(199,210,254,0.36) 0%, rgba(199,210,254,0) 60%),
      radial-gradient(ellipse 620px 360px at 88% 16%, rgba(240,239,255,0.6) 0%, rgba(240,239,255,0) 60%),
      #FFFFFF;
  }

  /* ── urgency pill ── */
  .urgency-pill {
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 14px; border-radius:9999px;
    background:#FFFBEB; border:1px solid #FDE68A; color:#92400E;
    font-size:13px; font-weight:600;
  }
  .urgency-pill .clock { color:#D97706; }

  /* ── capability pill ── */
  .capability-pill {
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 16px; border-radius:9999px;
    background:var(--pf-primary-soft); border:1px solid var(--pf-primary-soft-border); color:var(--pf-primary);
    font-size:13px; font-weight:600;
  }

  /* ── comparison diagram frame ── */
  .diagram-wrap {
    background:#fff; border:1px solid var(--pf-border); border-radius:22px;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), 0 24px 48px -20px rgba(15,23,42,0.14);
    padding:14px;
  }
  .diagram-wrap svg { display:block; width:100%; height:auto; }

  /* ── timeline ── */
  .tl-card {
    background:#fff; border:1px solid var(--pf-border); border-radius:16px; padding:22px 22px 20px;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), 0 10px 24px rgba(15,23,42,0.03);
    transition: transform 250ms cubic-bezier(0.2,0.7,0.2,1), box-shadow 250ms ease, border-color 250ms ease;
    height:100%;
  }
  .tl-card:hover { transform:translateY(-2px); border-color:#DCE3EE; box-shadow:0 1px 2px rgba(15,23,42,0.04), 0 20px 36px rgba(15,23,42,0.05); }
  .tl-year { font-variant-numeric: tabular-nums; }
  .tl-flag {
    width:34px; height:34px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center;
    font-size:13px; font-weight:700; letter-spacing:0.02em; color:#fff;
  }
  .status-dot { width:7px; height:7px; border-radius:9999px; flex:none; }

  /* ── persona card ── */
  .persona-card {
    background:#fff; border:1px solid var(--pf-border); border-radius:18px; padding:24px;
    box-shadow:0 1px 2px rgba(15,23,42,0.04), 0 10px 24px rgba(15,23,42,0.03);
    transition: transform 250ms cubic-bezier(0.2,0.7,0.2,1), box-shadow 250ms ease, border-color 250ms ease;
    height:100%;
  }
  .persona-card:hover { transform:translateY(-2px); border-color:#DCE3EE; box-shadow:0 1px 2px rgba(15,23,42,0.04), 0 22px 38px rgba(15,23,42,0.05); }
  .persona-icon { width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:var(--pf-primary-soft); color:var(--pf-primary); margin-bottom:16px; }
  .persona-verdict { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; padding:3px 9px; border-radius:9999px; }
  .verdict-yes { background:#FFFBEB; color:#92400E; border:1px solid #FDE68A; }
  .verdict-soon { background:#EFF6FF; color:#1D4ED8; border:1px solid #BFDBFE; }

  /* ── how-we-help honesty tag ── */
  .tag-today { background:#ECFDF5; color:#047857; border:1px solid #A7F3D0; }
  .tag-dev { background:#F0EFFF; color:#635BFF; border:1px solid #E0DEFF; }
  .help-tag { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; padding:3px 9px; border-radius:9999px; }

  /* ── FAQ ── */
  .faq-item { border:1px solid var(--pf-border); border-radius:14px; background:#fff; overflow:hidden; transition:border-color 200ms ease, box-shadow 200ms ease; }
  .faq-item[open] { border-color:#D9E1EA; box-shadow:0 10px 24px rgba(15,23,42,0.05); }
  .faq-item summary { list-style:none; cursor:pointer; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; font-weight:600; color:var(--pf-text-deep); font-size:16px; }
  .faq-item summary::-webkit-details-marker { display:none; }
  .faq-item summary .chev { flex:none; color:var(--pf-text-muted); transition:transform 240ms cubic-bezier(0.2,0.7,0.2,1); }
  .faq-item[open] summary .chev { transform:rotate(180deg); }
  .faq-body { padding:0 22px 22px; color:var(--pf-text-secondary); font-size:15px; line-height:1.7; }

  /* ── early-access form ── */
  .ea-input {
    width:100%; height:50px; padding:0 16px; border-radius:14px;
    border:1px solid var(--pf-border); background:#fff; color:var(--pf-text);
    font-size:15px; transition:border-color 150ms ease, box-shadow 150ms ease;
  }
  .ea-input:focus { outline:none; border-color:#C7D2FE; box-shadow:0 0 0 4px var(--pf-primary-soft); }
  .ea-msg { font-size:13.5px; line-height:1.5; }

  /* ── share button ── */
  .share-btn {
    display:inline-flex; align-items:center; gap:8px; padding:11px 18px; border-radius:12px;
    background:#fff; border:1px solid var(--pf-border); color:var(--pf-text-deep);
    font-size:14px; font-weight:600; cursor:pointer; transition:border-color 150ms ease, background 150ms ease, transform 150ms ease;
  }
  .share-btn:hover { background:#F6F9FC; border-color:#D9E1EA; transform:translateY(-1px); }

  /* ── sticky mobile CTA ── */
  #ea-sticky {
    position:fixed; left:0; right:0; bottom:0; z-index:55;
    transform:translateY(120%); transition:transform 320ms cubic-bezier(.2,.7,.2,1);
    background:rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
    border-top:1px solid var(--pf-border); box-shadow:0 -8px 28px rgba(15,23,42,.08);
  }
  #ea-sticky.show { transform:translateY(0); }
  @media (min-width:768px){ #ea-sticky{ display:none; } }

  .lastverified { font-variant-numeric: tabular-nums; }