:root{
  /* Ascend palette */
  --navy:#0B1C36;
  --cyan:#00CFFF;
  --green:#1FB97B;
  --orange:#FF6B35;
  --silver:#C0C6D9;
  --silver-20:#2b3143; /* border tint */
  --silver-70:#A7AEC2;
  --offwhite:#EDEFF2;
}

html,body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; color: var(--offwhite); background: radial-gradient(1200px 600px at 20% -10%, #12213c 0%, var(--navy) 60%); }
h1,h2,h3,.brand-text{ font-family: "Playfair Display", serif; letter-spacing: .2px; }

.bg-navy{ background: var(--navy)!important; }
.text-silver-70{ color: var(--silver-70)!important; }
.border-silver-20{ border-color: var(--silver-20)!important; }

.btn-cyan{ background: var(--cyan); color:#07101f; border:0; }
.btn-cyan:hover{ filter: brightness(1.05); }
.btn-outline-cyan{ color:var(--cyan); border:1px solid var(--cyan); }
.btn-outline-cyan:hover{ background:var(--cyan); color:#07101f; }

.brand-text .accent{ color: var(--cyan); }

/* Hero */
.hero{
  position: relative;
  padding: clamp(72px, 8vw, 140px) 0;
  overflow: hidden;
}
.hero .wave{
  position: absolute; inset: -10% -10% auto -10%;
  height: 60vh; opacity:.18;
  background: conic-gradient(from 200deg at 60% 50%, rgba(0,207,255,.6), rgba(31,185,123,.5), rgba(255,107,53,.4), rgba(0,207,255,.6));
  filter: blur(60px);
  transform: rotate(-4deg);
}

/* Cards */
.card--glass{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
  border-radius: 18px;
}

/* Section headers */
.section-title{
  font-size: clamp(28px, 4vw, 44px);
}

/* List pills */
.pill{
  display:inline-block; padding:.35rem .7rem; border-radius:999px;
  background: rgba(0,207,255,.1); color: var(--offwhite);
  border:1px solid rgba(0,207,255,.25); font-size:.9rem;
}

/* Footer links */
.link-silver{ color:var(--silver-70); text-decoration:none; }
.link-silver:hover{ color:var(--offwhite); }

/* Logo sizing helper */
.logo-mm{ height: 36px; }
.logo-ascend{ height: 32px; }