:root {
  --bg: #0D0B1A;
  --bg2: #140F2E;
  --cream: #F8F4EC;
  --cream2: rgba(248,244,236,0.6);
  --cream3: rgba(248,244,236,0.35);
  --accent: #F8F4EC;
  --accent-bg: rgba(248,244,236,0.08);
  --border: rgba(248,244,236,0.08);
  --border2: rgba(248,244,236,0.12);
  --purple-soft: #6B5CCF;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family:'Inter',sans-serif; background:var(--bg); color:var(--cream);
  -webkit-font-smoothing:antialiased; line-height:1.6;
}
a { color:inherit; text-decoration:none; }
.container { max-width:1100px; margin:0 auto; padding:0 40px; }

/* ── Nav ── */
.e-nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:20px 0;
  background:rgba(13,11,26,0.85); backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}
.e-nav-inner {
  max-width:1100px; margin:0 auto; padding:0 40px;
  display:flex; align-items:center; justify-content:space-between;
}
.e-logo {
  display:flex; align-items:center; gap:10px;
  font-weight:700; font-size:1.05rem; color:var(--cream);
}
.e-nav-links { display:flex; gap:32px; }
.e-nav-links a {
  font-size:0.86rem; color:var(--cream3); font-weight:500;
  transition:color 0.2s;
}
.e-nav-links a:hover { color:var(--cream); }
.e-nav-links a.active { color:var(--cream); }
.e-btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 24px; border-radius:8px;
  font-size:0.86rem; font-weight:600;
  transition:all 0.2s;
}
.e-btn-cream {
  background:var(--cream); color:var(--bg);
}
.e-btn-cream:hover { background:#fff; transform:translateY(-1px); }
.e-btn-outline {
  background:transparent; color:var(--cream);
  border:1px solid var(--border2);
}
.e-btn-outline:hover { border-color:var(--cream3); background:var(--accent-bg); }

/* ── Hero ── */
.e-hero {
  padding:180px 0 120px; text-align:center;
  border-bottom:1px solid var(--border);
}
.e-tag {
  display:inline-block; font-size:0.72rem; text-transform:uppercase;
  letter-spacing:0.16em; font-weight:600; color:var(--purple-soft);
  margin-bottom:28px;
}
.e-h1 {
  font-family:'Instrument Serif',serif; font-size:3.8rem;
  font-weight:400; line-height:1.1; max-width:680px; margin:0 auto 24px;
  letter-spacing:-0.02em;
}
.e-h1 em { font-style:italic; color:var(--cream2); }
.e-hero-sub {
  font-size:1rem; color:var(--cream3); line-height:1.8;
  max-width:480px; margin:0 auto 44px;
}
.e-hero-cta { display:flex; gap:14px; justify-content:center; }

/* ── Features grid ── */
.e-features { padding:100px 0; border-bottom:1px solid var(--border); }
.e-section-label {
  font-size:0.72rem; text-transform:uppercase; letter-spacing:0.16em;
  font-weight:600; color:var(--purple-soft); text-align:center;
  margin-bottom:16px;
}
.e-section-title {
  font-family:'Instrument Serif',serif; font-size:2.4rem;
  font-weight:400; text-align:center; margin-bottom:56px;
  letter-spacing:-0.01em;
}
.e-section-title em { font-style:italic; color:var(--cream2); }
.e-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--border); border:1px solid var(--border); border-radius:16px;
  overflow:hidden;
}
.e-cell {
  background:var(--bg); padding:36px 32px;
}
.e-cell h3 {
  font-size:0.92rem; font-weight:600; margin-bottom:8px;
  color:var(--cream);
}
.e-cell p {
  font-size:0.84rem; color:var(--cream3); line-height:1.7;
}
.e-cell-num {
  font-family:'JetBrains Mono',monospace; font-size:0.72rem;
  color:var(--purple-soft); margin-bottom:14px; display:block;
}

/* ── Compliance strip ── */
.e-compliance {
  padding:40px 0; border-bottom:1px solid var(--border);
  display:flex; justify-content:center; gap:48px; flex-wrap:wrap;
}
.e-comp-item {
  font-size:0.82rem; font-weight:500; color:var(--cream3);
  display:flex; align-items:center; gap:8px;
}
.e-comp-dot {
  width:6px; height:6px; border-radius:50%; background:var(--purple-soft);
  flex-shrink:0;
}

/* ── How it works ── */
.e-process { padding:100px 0; border-bottom:1px solid var(--border); }
.e-steps {
  max-width:560px; margin:0 auto;
  display:flex; flex-direction:column; gap:0;
}
.e-step {
  display:flex; gap:24px; align-items:flex-start;
}
.e-step-line {
  display:flex; flex-direction:column; align-items:center;
  flex-shrink:0; width:36px;
}
.e-step-dot {
  width:36px; height:36px; border-radius:50%;
  border:1px solid var(--border2); color:var(--cream);
  font-size:0.78rem; font-weight:600;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.e-step-bar {
  width:1px; height:32px; background:var(--border2);
}
.e-step-body { flex:1; padding-bottom:36px; }
.e-step-body h3 {
  font-size:0.92rem; font-weight:600; margin-bottom:4px; color:var(--cream);
}
.e-step-body p {
  font-size:0.84rem; color:var(--cream3); line-height:1.7;
}

/* ── Bottom CTA ── */
.e-cta {
  padding:120px 0; text-align:center;
}
.e-cta h2 {
  font-family:'Instrument Serif',serif; font-size:2.8rem;
  font-weight:400; margin-bottom:16px; letter-spacing:-0.02em;
}
.e-cta h2 em { font-style:italic; color:var(--cream2); }
.e-cta p {
  font-size:0.95rem; color:var(--cream3); max-width:420px;
  margin:0 auto 36px; line-height:1.7;
}
.e-cta-row { display:flex; gap:14px; justify-content:center; }

/* ── Footer ── */
.e-footer {
  padding:28px 0; border-top:1px solid var(--border);
  display:flex; justify-content:space-between; align-items:center;
  max-width:1100px; margin:0 auto; padding-left:40px; padding-right:40px;
}
.e-footer-copy { font-size:0.74rem; color:var(--cream3); }
.e-footer-links { display:flex; gap:20px; }
.e-footer-links a {
  font-size:0.74rem; color:var(--cream3); transition:color 0.2s;
}
.e-footer-links a:hover { color:var(--cream); }

@media (max-width:768px) {
  .container { padding:0 24px; }
  .e-nav-inner { padding:0 24px; }
  .e-nav-links { display:none; }
  .e-hero { padding:140px 0 80px; }
  .e-h1 { font-size:2.6rem; }
  .e-grid { grid-template-columns:1fr; }
  .e-compliance { gap:24px; padding:32px 24px; }
  .e-cta h2 { font-size:2.2rem; }
  .e-hero-cta, .e-cta-row { flex-direction:column; align-items:center; }
  .e-footer { flex-direction:column; gap:12px; padding:24px; }
}