<!-- FONT IMPORT -->
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Parisienne&display=swap" rel="stylesheet">

<section class="equinox-section">

  <h1 class="brand-title">Equinox Equations</h1>
  <p class="brand-script">Where Balance Meets Power</p>

  <div class="lux-divider">
    <span>✦</span>
  </div>

  <div class="glass-card gold-border">
    <div class="card-icon">⚜</div>
    <h2>Business Strategy</h2>
    <p>Luxury consulting, brand structure, portfolio planning, and executive-level business development.</p>
  </div>

  <div class="glass-card purple-border">
    <div class="card-icon">✧</div>
    <h2>Brand Management</h2>
    <p>Trademark-ready identity systems, refined visuals, professional positioning, and polished market presence.</p>
  </div>

  <div class="glass-card gold-border">
    <div class="card-icon">◆</div>
    <h2>Portfolio Intelligence</h2>
    <p>Balanced guidance for growth, operations, compliance, innovation, and long-term company expansion.</p>
  </div>
:root {
  --gold: #B4992D;
  --purple: #A71DE2;
  --white: #ffffff;
  --black: #050509;
  --glass: rgba(255, 255, 255, 0.08);
}

/* MAIN SECTION */
.equinox-section {
  min-height: 100vh;
  padding: 80px 8%;
  background:
    radial-gradient(circle at top left, rgba(167, 29, 226, 0.35), transparent 35%),
    radial-gradient(circle at bottom right, rgba(180, 153, 45, 0.28), transparent 35%),
    linear-gradient(135deg, #030308, #0b0612, #050509);
  color: var(--white);
  text-align: center;
}

/* BRAND TITLE */
.brand-title {
  font-family: 'Cinzel', serif;
  font-size: clamp(42px, 7vw, 88px);
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--gold);
  text-shadow:
    0 0 5px var(--white),
    0 0 5px var(--purple),
    0 0 5px var(--gold);
  margin-bottom: 5px;
}

/* CURSIVE ACCENT */
.brand-script {
  font-family: 'Parisienne', cursive;
  font-size: clamp(34px, 5vw, 64px);
  color: var(--white);
  text-shadow:
    0 0 5px var(--white),
    0 0 5px var(--gold);
  margin-bottom: 40px;
}

/* DELUXE DIVIDER */
.lux-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 35px auto 55px;
  max-width: 700px;
}

.lux-divider::before,
.lux-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), var(--purple), transparent);
  box-shadow:
    0 0 5px var(--gold),
    0 0 5px var(--purple);
}

.lux-divider span {
  font-size: 28px;
  color: var(--gold);
  margin: 0 22px;
  text-shadow:
    0 0 5px var(--white),
    0 0 5px var(--purple);
}

/* GLASS CARDS */
.glass-card {
  max-width: 850px;
  margin: 28px auto;
  padding: 38px 34px;
  background: var(--glass);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 28px;
  box-shadow:
    inset 0 0 25px rgba(255,255,255,0.08),
    0 0 35px rgba(167, 29, 226, 0.25);
  transition: all 0.35s ease;
}

.glass-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 0 5px var(--white),
    0 0 25px var(--purple),
    0 0 35px var(--gold);
}

/* ALTERNATING GLOW BORDERS */
.gold-border {
  border: 1px solid var(--gold);
  box-shadow:
    0 0 5px var(--white),
    0 0 18px rgba(180,153,45,0.7);
}

.purple-border {
  border: 1px solid var(--purple);
  box-shadow:
    0 0 5px var(--white),
    0 0 18px rgba(167,29,226,0.75);
}

/* ICONS */
.card-icon {
  font-size: 42px;
  color: var(--gold);
  margin-bottom: 14px;
  text-shadow:
    0 0 5px var(--white),
    0 0 5px var(--purple),
    0 0 5px var(--gold);
}

/* CARD HEADINGS */
.glass-card h2 {
  font-family: 'Cinzel', serif;
  color: var(--gold);
  font-size: 28px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

/* CARD TEXT */
.glass-card p {
  font-family: 'Playfair Display', serif;
  color: rgba(255,255,255,0.9);
  font-size: 18px;
  line-height: 1.7;
}
</section>
ct