/* -------------------------------------
   NAV TEXT
------------------------------------- */
.nav-logo {
  font-size: 1.15rem; font-weight: 700; letter-spacing: -.03em;
}
.nav-links a {
  font-size: .875rem; font-weight: 500; color: var(--muted);
  transition: color .2s;
}
.nav-links a:hover { color: #fff; }

/* -------------------------------------
   HERO TEXT
------------------------------------- */
.hero h1 {
  font-size: clamp(2.8rem, 6vw, 5.5rem);
  font-weight: 800; letter-spacing: -.04em;
  line-height: 1.08; margin-bottom: 24px;
  position: relative;
}
.hero p {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--muted); max-width: 520px;
  margin: 0 auto 36px; line-height: 1.7;
}
.hero-proof p { font-size: .85rem; color: var(--muted); }
.hero-proof strong { color: #ededed; }

/* -------------------------------------
   WIN TEXT
------------------------------------- */
.win-url {
  margin-left: 12px; font-size: .75rem;
  color: var(--subtle); font-family: monospace;
}
.win-stat-label { font-size: .68rem; color: var(--subtle); margin-bottom: 4px; }

/* -------------------------------------
   LOGOS TEXT
------------------------------------- */
.logos p {
  text-align: center; font-size: .72rem;
  text-transform: uppercase; letter-spacing: .1em;
  color: var(--subtle); margin-bottom: 24px;
}

/* -------------------------------------
   SECTION TEXT
------------------------------------- */
.section-title {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 800; letter-spacing: -.04em;
  line-height: 1.15; margin-bottom: 16px;
}
.section-sub {
  font-size: 1rem; color: var(--muted);
  max-width: 500px; line-height: 1.7;
}
.feat h3 { font-size: 1rem; font-weight: 700; margin-bottom: 10px; }
.feat p  { font-size: .875rem; color: var(--muted); line-height: 1.7; }

/* -------------------------------------
   METRICS TEXT
------------------------------------- */
.metric-val {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800; letter-spacing: -.04em;
  color: #fff; margin-bottom: 8px;
}
.metric-lbl {
  font-size: .8rem; color: var(--subtle);
  text-transform: uppercase; letter-spacing: .08em;
}

/* -------------------------------------
   PLAN TEXT
------------------------------------- */
.plan-name {
  font-size: .8rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: .1em; color: var(--muted); margin-bottom: 8px;
}
.plan-desc { font-size: .875rem; color: var(--subtle); margin-bottom: 24px; }
.plan-amount { font-size: 2.8rem; font-weight: 800; letter-spacing: -.04em; }
.plan-period { font-size: .875rem; color: var(--muted); }

/* -------------------------------------
   CTA TEXT
------------------------------------- */
.cta-box h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 800; letter-spacing: -.04em;
  margin-bottom: 16px; position: relative;
}
.cta-box p {
  font-size: 1rem; color: var(--muted);
  max-width: 460px; margin: 0 auto 36px;
  line-height: 1.7; position: relative;
}

/* -------------------------------------
   FOOTER TEXT
------------------------------------- */
.footer-brand-name {
  font-size: 1.1rem; font-weight: 800; letter-spacing: -.03em;
}
.footer-brand p { font-size: .85rem; color: var(--subtle); line-height: 1.6; max-width: 240px; }
.footer-col h4 {
  font-size: .72rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: .1em; color: var(--subtle); margin-bottom: 16px;
}
.footer-col a { font-size: .85rem; color: var(--muted); transition: color .2s; }
.footer-col a:hover { color: #ededed; }
.footer-bottom p { font-size: .8rem; color: var(--subtle); }
.footer-legal a { font-size: .8rem; color: var(--subtle); transition: color .2s; }
.footer-legal a:hover { color: #ededed; }