/* Bornbee Hosting - Strategy Aligned Pass v3.8.0
   Uses the project docs as source of truth: complete creative online presence,
   annual Launch Partner offer, enterprise trust, and cinematic editorial rhythm. */
:root {
  --bh-strategy-ink: #0b0f14;
  --bh-strategy-navy: #050e24;
  --bh-strategy-navy-2: #0a162c;
  --bh-strategy-cream: #fafaf3;
  --bh-strategy-stone: #efeee5;
  --bh-strategy-lime: #c8ff3d;
  --bh-strategy-lime-2: #ddff78;
  --bh-strategy-line: rgba(11, 15, 20, .12);
  --bh-strategy-line-dark: rgba(255,255,255,.16);
}

body, .bh-main { background: var(--bh-strategy-cream) !important; }

/* Stronger global typography hierarchy, without hiding headings on dark panels. */
.bb-ref-hero h1,
.bh-page-hosting-hero h1,
.bh-free-hero h1,
.bh-features-hero h1,
.bh-contact-hero h1 {
  font-size: clamp(3rem, 6.2vw, 6.1rem) !important;
  line-height: .92 !important;
  max-width: 1040px !important;
  letter-spacing: -.07em !important;
}

.bb-ref-hero p,
.bh-page-hosting-hero p,
.bh-free-hero p,
.bh-features-hero p,
.bh-contact-hero p {
  max-width: 760px !important;
  font-size: clamp(1.05rem, 1.4vw, 1.22rem) !important;
}

.bb-ref-heading h2,
.bb-modern-flow__intro h2,
.bh-section__header h2,
.bb-ref-copy-block h2,
.bh-content h2 {
  color: var(--bh-strategy-ink) !important;
  letter-spacing: -.062em !important;
}

.bh-section--dark h1,
.bh-section--dark h2,
.bh-section--dark h3,
.bh-cta-final__inner h2,
.bb-ref-section--pricing h2,
.bb-ref-dark-panel h2,
.bb-ref-final-cta__inner h2,
.bb-ref-hero h1,
.bh-page-hosting-hero h1,
.bh-free-hero h1,
.bh-features-hero h1,
.bh-contact-hero h1 {
  color: #fff !important;
}

.bh-section--dark p,
.bh-cta-final__inner p,
.bb-ref-section--pricing p,
.bb-ref-dark-panel p,
.bb-ref-final-cta__inner p,
.bb-ref-hero p,
.bh-page-hosting-hero p,
.bh-free-hero p,
.bh-features-hero p,
.bh-contact-hero p {
  color: rgba(255,255,255,.76) !important;
}

/* Premium but clear buttons. */
.bh-btn,
.bb-ref-btn,
.bb-ref-domain__form button,
button[type="submit"] {
  border-radius: 12px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  transform: none !important;
}

.bh-btn--primary,
.bb-ref-btn--primary,
.bb-ref-domain__form button,
button[type="submit"] {
  background: var(--bh-strategy-lime) !important;
  color: var(--bh-strategy-ink) !important;
  border-color: rgba(11,15,20,.22) !important;
}

.bh-btn--primary:hover,
.bb-ref-btn--primary:hover,
.bb-ref-domain__form button:hover,
button[type="submit"]:hover {
  background: var(--bh-strategy-lime-2) !important;
}

/* Cinematic editorial blocks. */
.bb-ref-hero,
.bh-page-hosting-hero,
.bh-free-hero,
.bh-features-hero,
.bh-contact-hero,
.bb-ref-section--pricing,
.bh-section--dark {
  background: var(--bh-strategy-navy) !important;
  background-image:
    radial-gradient(circle at 78% 12%, rgba(200,255,61,.13), transparent 27%),
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) !important;
  background-size: auto, 68px 68px, 68px 68px !important;
}

.bb-ref-hero { min-height: 720px !important; padding-bottom: 110px !important; }
.bb-ref-hero__grid { grid-template-columns: minmax(0, 1.08fr) minmax(340px, .82fr) !important; }
.bb-polish-hero-visual { max-width: 460px !important; border-radius: 28px !important; }
.bb-ref-hero__mini-card { border-radius: 14px !important; }

.bb-modern-inclusions span {
  border-radius: 999px !important;
  padding: 8px 12px !important;
}

.bb-ref-logos ul {
  gap: 0 !important;
  border-top: 1px solid var(--bh-strategy-line);
  border-bottom: 1px solid var(--bh-strategy-line);
}
.bb-ref-logos li { padding-block: 18px; color: rgba(11,15,20,.64) !important; }

/* Outcome-led flow section */
.bb-modern-flow {
  position: relative;
  background: var(--bh-strategy-cream) !important;
}
.bb-modern-flow__intro { max-width: 930px !important; }
.bb-modern-flow__grid--four,
.bh-strategy-included__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.bb-modern-flow__card,
.bh-strategy-included__grid article {
  min-height: 280px;
  padding: 26px !important;
  border-radius: 24px !important;
  background: #fff !important;
  border: 1px solid var(--bh-strategy-line) !important;
  box-shadow: none !important;
}
.bb-modern-flow__card:nth-child(2),
.bh-strategy-included__grid article:nth-child(2) { background: #f1f0e7 !important; }
.bb-modern-flow__card:nth-child(3),
.bh-strategy-included__grid article:nth-child(3) { background: #edf5d6 !important; }
.bb-modern-flow__card:nth-child(4),
.bh-strategy-included__grid article:nth-child(4) { background: #fff !important; }
.bb-modern-flow__card span,
.bh-strategy-included__grid article span {
  display: inline-flex;
  margin-bottom: 36px;
  color: rgba(11,15,20,.42);
  font-family: var(--font-mono);
  font-size: .78rem;
  font-weight: 700;
}
.bb-modern-flow__card h3,
.bh-strategy-included__grid h3 { color: var(--bh-strategy-ink) !important; }
.bb-modern-flow__card p,
.bh-strategy-included__grid p { color: rgba(11,15,20,.68) !important; }

/* Strategy value band */
.bh-strategy-value {
  background: var(--bh-strategy-cream);
  padding: clamp(60px, 7vw, 108px) 0;
}
.bh-strategy-value__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: clamp(26px, 5vw, 72px);
  align-items: center;
  padding: clamp(34px, 6vw, 76px);
  border-radius: 30px;
  background: var(--bh-strategy-navy);
  border: 1px solid var(--bh-strategy-line-dark);
}
.bh-strategy-value__inner h2 { color: #fff !important; font-size: clamp(2.1rem, 4.8vw, 4.7rem); line-height: .98; }
.bh-strategy-value__inner p { color: rgba(255,255,255,.72) !important; font-size: 1.05rem; max-width: 720px; }
.bh-strategy-value__inner ul { display: grid; gap: 12px; margin: 0; }
.bh-strategy-value__inner li {
  display: grid;
  gap: 4px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
  background: rgba(255,255,255,.055);
}
.bh-strategy-value__inner li strong { color: var(--bh-strategy-lime); font-size: 1.35rem; line-height: 1; }
.bh-strategy-value__inner li span { color: rgba(255,255,255,.72); }

/* Hosting plan support sections */
.bh-strategy-included { background: var(--bh-strategy-cream) !important; }
.bh-strategy-included .bh-section__header { max-width: 860px; }
.bh-strategy-value--hosting { padding-top: 0; }
.bh-strategy-value--hosting .bh-strategy-value__inner { grid-template-columns: 1fr auto; }

/* Cards and pricing should be crisp, not cheap. */
.bb-ref-service-card,
.bb-ref-plan-card,
.bh-plan-card,
.bh-feature-card,
.bh-feature-list__item,
.bh-contact-option,
.bh-step,
.bh-math-table,
.bh-promo,
.bh-faq-item,
.bh-faq__item {
  border-radius: 22px !important;
  box-shadow: none !important;
  border: 1px solid var(--bh-strategy-line) !important;
}
.bb-ref-plan-card.is-featured,
.bh-plan-card--recommended {
  border-color: rgba(200,255,61,.9) !important;
  box-shadow: inset 0 0 0 1px rgba(200,255,61,.55) !important;
}
.bh-plan-card__badge,
.bb-ref-plan-card__badge { background: var(--bh-strategy-ink) !important; color: var(--bh-strategy-lime) !important; }

/* FAQ consistency across home, hosting and inner pages. */
.bh-faq, .bb-ref-faq { gap: 10px !important; }
.bh-faq-item__trigger,
.bh-faq__question { color: var(--bh-strategy-ink) !important; font-weight: 800 !important; }
.bh-faq-item__body,
.bh-faq__answer { color: rgba(11,15,20,.68) !important; }
.bh-faq-item__trigger[aria-expanded="true"] { border-bottom: 1px solid rgba(11,15,20,.08); }

/* Media should feel editorial, not decorative clipart. */
.bb-polish-photo,
.bb-polish-single-art img,
.bb-polish-launch-art img,
.bb-polish-network-map img {
  border-radius: 26px !important;
  object-position: center !important;
}
.bb-polish-network-map img { max-height: 420px; object-fit: cover; }
.bb-ref-dark-panel { padding: clamp(30px, 6vw, 72px) !important; }

/* Footer and newsletter cleaner. */
.bh-footer { background: #05070d !important; }
.bh-footer__newsletter { background: #05070d !important; }
.bh-footer__nl-inner { border-bottom: 1px solid rgba(255,255,255,.1); }
.bh-logo__accent { color: var(--bh-strategy-lime) !important; }

@media (max-width: 1120px) {
  .bb-modern-flow__grid--four,
  .bh-strategy-included__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bb-ref-hero__grid { grid-template-columns: 1fr !important; }
  .bb-polish-hero-visual { max-width: 520px !important; }
}

@media (max-width: 720px) {
  .bb-ref-hero h1,
  .bh-page-hosting-hero h1,
  .bh-free-hero h1,
  .bh-features-hero h1,
  .bh-contact-hero h1 { font-size: clamp(2.55rem, 12vw, 4.1rem) !important; }
  .bb-modern-flow__grid--four,
  .bh-strategy-included__grid,
  .bh-strategy-value__inner,
  .bh-strategy-value--hosting .bh-strategy-value__inner { grid-template-columns: 1fr !important; }
  .bb-modern-flow__card,
  .bh-strategy-included__grid article { min-height: 0; }
  .bh-strategy-value__inner { padding: 28px; border-radius: 22px; }
}