#hero{background:var(--navy);padding:140px 0 100px;text-align:center;position:relative;overflow:hidden}
#hero::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,transparent 70%);pointer-events:none}
.breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--mdk);margin-bottom:28px}
.breadcrumb a{color:var(--mdk);transition:color .2s}.breadcrumb a:hover{color:var(--tdk)}
.breadcrumb-sep{opacity:.35}
h1.pricing-h1{font-size:clamp(38px,5vw,62px);font-weight:700;color:white;letter-spacing:-2px;line-height:1.06;margin-bottom:18px}
.pricing-sub{font-size:18px;color:var(--mdk);line-height:1.6;max-width:480px;margin:0 auto 36px}
.hero-trust{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.htrust-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--mdk)}
.htrust-item svg{flex-shrink:0;color:var(--blue-lt)}

#pricing{background:var(--light);padding:80px 0 100px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto 56px}

/* Base card */
.pc{background:white;border:1px solid var(--border);border-radius:20px;padding:36px;display:flex;flex-direction:column;position:relative;transition:transform .3s,box-shadow .3s}
.pc:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(11,22,40,.1)}

/* Pro card — featured */
.pc.featured{border-color:var(--blue);box-shadow:0 8px 40px rgba(37,99,235,.18)}
.pc.featured:hover{box-shadow:0 20px 60px rgba(37,99,235,.25)}
.pc.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--blue);border-radius:20px 20px 0 0}

.popular-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--blue);color:white;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 16px;border-radius:20px;white-space:nowrap}

.pc-plan{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.4px;margin-bottom:6px}
.pc-volume{font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.5}
.pc-volume strong{color:var(--text);font-weight:700}
.pc-price{display:flex;align-items:flex-end;gap:4px;margin-bottom:28px}
.pc-price-amount{font-size:52px;font-weight:700;color:var(--text);letter-spacing:-2.5px;line-height:1}
.pc-price-amount.free{color:var(--text)}
.pc-price-period{font-size:16px;color:var(--muted);padding-bottom:8px}
.pc-divider{height:1px;background:var(--border);margin-bottom:24px}
.pc-features-ttl{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.2px;margin-bottom:14px}
.pc-features{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}
.pc-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted);line-height:1.45}
.pc-feat-check{width:18px;height:18px;border-radius:50%;background:var(--blue-f);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.pc-feat-check svg{color:var(--blue)}
.pc.featured .pc-feat-check{background:rgba(37,99,235,.15)}
.pc.featured .pc-feat{color:var(--text)}

/* Single CTA */
.pricing-cta{text-align:center}
.pricing-cta-btn{display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:var(--blue);color:white;border:none;cursor:pointer;border-radius:14px;padding:16px 44px;font-family:inherit;text-decoration:none;transition:all .2s;box-shadow:0 8px 28px rgba(37,99,235,.3)}
.pricing-cta-btn:hover{background:var(--blue-dk);transform:translateY(-2px);box-shadow:0 14px 40px rgba(37,99,235,.4)}
.pricing-cta-main{font-size:17px;font-weight:700;letter-spacing:-.3px;color:white}
.pricing-cta-sub{font-size:12px;font-weight:400;color:rgba(255,255,255,.72)}

#all-plans{background:white;padding:80px 0}
h2.ap-h2{font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:10px;text-align:center}
.ap-sub{font-size:16px;color:var(--muted);text-align:center;margin-bottom:52px}
.ap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto}
.ap-item{text-align:center;padding:28px 20px;background:var(--light-s);border:1px solid var(--border);border-radius:14px}
.ap-ico{width:48px;height:48px;border-radius:12px;background:var(--blue-f);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--blue)}
.ap-item h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}
.ap-item p{font-size:13px;color:var(--muted);line-height:1.5}
/* ── Pricing: nav starts dark, becomes light on scroll ── */
#nav{background:rgba(11,22,40,.93);border-bottom-color:rgba(30,51,88,.6);backdrop-filter:none;-webkit-backdrop-filter:none}
#nav.light{background:rgba(237,241,248,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(222,229,240,.7)}
.nav-logo-txt{color:var(--tdk)}#nav.light .nav-logo-txt{color:var(--text)}
.nav-links a{color:var(--mdk)}.nav-links a:hover{color:var(--tdk)}
#nav.light .nav-links a{color:var(--muted)}#nav.light .nav-links a:hover{color:var(--text)}
.nav-links a.active-page{color:var(--blue-lt)}#nav.light .nav-links a.active-page{color:var(--blue)}
.nav-si{color:var(--mdk)}.nav-si:hover{background:var(--navy-sub);color:var(--tdk)}
#nav.light .nav-si{color:var(--muted)}#nav.light .nav-si:hover{background:var(--border);color:var(--text)}
.nav-burger span{background:var(--tdk)}#nav.light .nav-burger span{background:var(--text)}

/* Enterprise Horizontal Card (Mockup-matching dark premium tier) */
.pc-enterprise {
  background: var(--navy); /* Deep Navy #0B1628 */
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  padding: 44px 48px;
  max-width: 1100px;
  margin: 0 auto 56px;
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 48px;
  align-items: center;
  transition: transform .3s ease, box-shadow .3s ease;
  position: relative;
  text-align: left;
  box-shadow: 0 10px 40px rgba(11, 22, 40, 0.15);
}
.pc-enterprise:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(11, 22, 40, 0.35);
}
.pc-ent-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pc-ent-title {
  font-size: 32px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.8px;
  margin: 0;
}
.pc-ent-desc {
  font-size: 16px;
  color: var(--mdk); /* Soft light blue-grey #7A8EB5 */
  line-height: 1.5;
  margin: 0 0 12px;
}
.pc-ent-desc strong {
  color: white;
  font-weight: 700;
}
.pc-ent-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: white;
  color: var(--navy);
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 36px;
  border-radius: 30px; /* Pill-shaped button */
  align-self: flex-start;
  transition: background .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
}
.pc-ent-btn:hover {
  background: #f4f7fc;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.15);
}

/* Right Column: Lighter Rounded Card */
.pc-ent-right {
  background: #142238; /* Lighter dark slate-navy matching the mockup */
  border-radius: 16px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border: 1px solid rgba(255, 255, 255, 0.03);
}
.pc-ent-right-title {
  font-size: 20px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.5px;
  margin: 0;
}

/* Feature Grid */
.pc-ent-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
}
.pc-enterprise .pc-feat {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9); /* Clear readable light text */
  line-height: 1.45;
}
.pc-enterprise .pc-feat-check {
  background: none !important;
  width: auto !important;
  height: auto !important;
  margin-top: 1px;
  flex-shrink: 0;
  display: inline-flex;
}
.pc-enterprise .pc-feat-check i {
  color: white !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Responsive Overrides */
@media (max-width: 960px) {
  .pc-enterprise {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 36px;
  }
  .pc-ent-grid {
    gap: 16px 20px;
  }
}
@media (max-width: 540px) {
  .pc-enterprise {
    padding: 32px 24px;
    margin-bottom: 40px;
  }
  .pc-ent-right {
    padding: 28px 20px;
  }
  .pc-ent-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .pc-ent-btn {
    align-self: stretch;
    text-align: center;
  }
  .pc-ent-title {
    font-size: 28px;
  }
  .pc-ent-desc {
    font-size: 15px;
    margin-bottom: 8px;
  }
}

/* ── Pricing Card Buttons (Uniform Light SpeakSense-Blue Pills) ── */
.pc-btn {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 30px; /* Perfect pill shape */
  margin-top: 24px; /* Balanced spacing below bullet points */
  background: var(--blue-f); /* Light SpeakSense-blue */
  color: var(--blue); /* Brand blue text */
  border: 1.5px solid rgba(37, 99, 235, 0.25);
  transition: all 0.2s ease;
  text-decoration: none;
}
.pc-btn:hover {
  background: var(--blue); /* Turns solid brand blue on hover */
  color: white;
  border-color: var(--blue);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.2);
}

/* USD Currency Note Badge */
.pricing-note-container {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
}
.pricing-note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  background: white;
  padding: 6px 18px;
  border-radius: 20px;
  border: 1px solid var(--border);
  box-shadow: 0 2px 8px rgba(11, 22, 40, 0.04);
  letter-spacing: -0.1px;
}
.pricing-note i {
  font-size: 15px;
  color: var(--blue);
}