:root{
  --bg:#0f172a;
  --card:#111827;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --accent:#22d3ee;
  --accent-2:#60a5fa;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, "Helvetica Neue", Arial;
  color: var(--text);
  background: radial-gradient(1200px 2400px at 20% -10%, rgba(34,211,238,.15), transparent 40%),
             radial-gradient(900px 1800px at 90% 10%, rgba(96,165,250,.12), transparent 50%),
             var(--bg);
}
.container{max-width:1060px;margin:0 auto;padding:0 20px}
.site-header{
  position:sticky;top:0;background:rgba(15,23,42,.7);backdrop-filter: blur(8px);
  border-bottom:1px solid rgba(255,255,255,.05);z-index:50;
}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{display:flex;gap:12px;align-items:center}
.EBM-Logo {
    background: #e8eaed;
}
.logo {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    display: grid;
    place-items: center;
    font-weight: 800;
    color: #0b1020
}
.brand-title{font-weight:700}
.brand-sub{font-size:12px;color:var(--muted)}
.nav a{color:var(--text);text-decoration:none;margin-left:16px;font-size:14px;opacity:.9}
.nav a:hover{opacity:1}
.hero{padding:72px 0 32px}
h1{font-size:44px;line-height:1.1;margin:0 0 6px}
h2{font-size:36px;margin:32px 0 10px}
h3{font-size:22px;margin:18px 0 6px}
h4{margin:12px 0 8px}
p{color:#e8eaed;opacity:.9}
.cta-row{display:flex;gap:14px;margin:18px 0 0;flex-wrap:wrap}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.card{background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px}
.card h3{margin-top:2px}
.kicker{letter-spacing:.2em;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}
.partner{padding:12px 14px;border:1px dashed rgba(255,255,255,.08);border-radius:12px;color:var(--muted)}
.section{padding:24px 0}
.hr{height:1px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);margin:26px 0}
.footer-grid{display:flex;gap:40px;align-items:flex-start;justify-content:space-between;padding:24px 20px}
.copy p{color:var(--muted)}
@media (max-width:860px){
  .grid-3{grid-template-columns:1fr}
  h1{font-size:34px}
  h2{font-size:28px}
}
.cta-row img{height:54px;margin-right:12px}