/* Public marketing and customer pages only. Admin and opt-in funnels keep their own styles. */
.business-front {
  --navy: #11243b;
  --yellow: #f5b748;
  --green-btn: #ec6a43;
  --silver: #fff;
  --silver-2: #edf2f7;
  --silver-3: #f5f8fb;
  --border: #d9e3ec;
  --border-dark: #b5c5d3;
  --text: #182b3e;
  --text-light: #fff;
  --text-muted: #536578;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-pixel: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #f5f8fb;
  color: #182b3e;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.58;
}
.business-front h1,.business-front h2,.business-front h3,.business-front h4 { font-family: var(--font); letter-spacing: -.025em; line-height: 1.18; }
.business-front .container { max-width: 1180px; padding-left: 24px; padding-right: 24px; }
.business-front .navbar { background: #0f2137; border: 0; padding: 12px 0; }
.business-front .navbar .container { gap: 28px; }
.business-front .navbar-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; border: 0; padding: 0; color: #fff !important; font: 800 20px/1.15 var(--font); letter-spacing: -.02em; text-shadow: none; }
.business-front .navbar-brand img { display: block; width: 36px; height: 36px; border-radius: 8px; background: #fff; padding: 3px; }
.business-front .navbar-nav { gap: 8px; align-items: center; }
.business-front .navbar-nav li a { border: 0; border-radius: 8px; color: #d7e3ed !important; font-size: 14px; font-weight: 600; padding: 9px 12px; }
.business-front .navbar-nav li a:hover { background: #223c58; color: #fff !important; }
.business-front .navbar-nav li a.text-sunflower { color: #fff !important; background: #294a69; }
.business-front .navbar-nav li a.text-sunflower:hover { background: #365f83; color: #fff !important; }
.business-front .btn { border: 1px solid #c8d4df; border-radius: 9px; background: #fff; color: #173451 !important; box-shadow: none; font: 700 15px/1.2 var(--font); padding: 12px 18px; transition: background .16s ease, transform .16s ease, box-shadow .16s ease; }
.business-front .btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(10,32,53,.11); }
.business-front .btn-blast { background: #e76440; border-color: #e76440; color: #fff !important; text-shadow: none; }
.business-front .btn-blast:hover { background: #c94e2f; color: #fff !important; }
.business-front .btn-ghost,.business-front .btn-secondary { background: #fff; color: #173451 !important; border-color: #b7c9d9; }
.business-front :is(a,button,input,textarea):focus-visible { outline: 3px solid #f5b748; outline-offset: 3px; }
.business-front .section { padding: 72px 0; background: #fff; border: 0; }
.business-front .section-dark { background: #f1f6fa; }
.business-front .section-darker { background: #eaf2f8; border: 0; }
.business-front .section-eyebrow { color: #bb573b; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 12px; }
.business-front .section-title { color: #11243b; font-size: clamp(29px, 3.2vw, 42px); text-shadow: none; margin-bottom: 12px; }
.business-front .section-subtitle { color: #526577; font-size: 17px; max-width: 750px; margin: 0 auto 32px; }
.business-front.sales-page .hero-launch { background: linear-gradient(135deg,#0c2038 0%,#153555 100%); border: 0; padding: 76px 0 82px; }
.business-front.sales-page .hero-content { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); align-items: center; gap: clamp(36px,5vw,70px); }
.business-front.sales-page .hero-text { min-width: 0; }
.business-front.sales-page .hero-badge { background: rgba(245,183,72,.16); border: 1px solid rgba(245,183,72,.42); border-radius: 999px; color: #ffda96; padding: 8px 14px; font-size: 11px; letter-spacing: .09em; }
.business-front.sales-page .hero-headline { color: #fff !important; font-size: clamp(44px,4.3vw,68px); line-height: 1.04; text-shadow: none; margin: 8px 0 24px; }
.business-front.sales-page .hero-sub { color: #e2edf6; font-size: 18px; line-height: 1.62; max-width: 620px; }
.business-front.sales-page .hero-ctas { gap: 12px; margin: 28px 0 20px; }
.business-front.sales-page .hero-ctas .btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; }
.business-front.sales-page .hero-price-note { color: #fff; font-size: 15px; }
.business-front.sales-page .hero-action-note { color: #b9d1e2; font-size: 14px; margin-top: 7px; }
.business-front .hero-media { margin: 0; position: relative; overflow: hidden; border-radius: 20px; box-shadow: 0 30px 60px rgba(0,0,0,.3); }
.business-front .hero-media img { display: block; width: 100%; height: clamp(380px,35vw,490px); object-fit: cover; object-position: 68% center; }
.business-front .hero-media figcaption { position: absolute; inset: auto 0 0; padding: 30px 22px 18px; background: linear-gradient(transparent,rgba(9,24,40,.82)); color: #fff; font-size: 13px; font-weight: 700; }
.business-front.sales-page #how-it-works table { border: 1px solid #dce5ed !important; border-radius: 16px; overflow: hidden; background: #fff !important; box-shadow: 0 14px 35px rgba(23,52,80,.06); }
.business-front.sales-page #how-it-works table td { background: #fff !important; padding: 18px !important; border-bottom: 1px solid #e5edf3; }
.business-front.sales-page #how-it-works table td:first-child { background: #eff5f9 !important; width: 74px; border-right: 1px solid #e5edf3; text-align: center; }
.business-front.sales-page #how-it-works table td:first-child b { color: #d75b39 !important; font: 800 21px var(--font) !important; }
.business-front.sales-page #how-it-works table td b { color: #11243b !important; font-size: 16px !important; }
.business-front.sales-page #how-it-works table td span { color: #536578 !important; font-size: 15px !important; }
.business-front .blast-grid { gap: 18px; }
.business-front .blast-card { border: 1px solid #d8e3ec; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 12px 26px rgba(22,52,80,.07); }
.business-front .blast-card:hover { background: #fff; box-shadow: 0 18px 34px rgba(22,52,80,.12); }
.business-front.sales-page .blast-card.selected { border-color: #e76440; box-shadow: 0 0 0 2px #e76440,0 18px 34px rgba(22,52,80,.12); }
.business-front .blast-name { background: #eff5f9; border: 0; color: #11243b; text-shadow: none; font: 800 18px var(--font); text-align: left; padding: 18px 20px 9px; }
.business-front .blast-price { font: 800 34px var(--font); text-align: left; padding: 4px 20px 12px; }
.business-front .blast-price-sub { font-size: 13px; }
.business-front .blast-views { background: #fff; border-color: #e4edf3; padding: 14px 20px; text-align: left; }
.business-front .blast-views-num { font: 800 26px var(--font); color: #11243b; }
.business-front .blast-views-label { font: 700 12px var(--font); color: #536578; }
.business-front .blast-meta { background: #f5f8fb; text-align: left; color: #526577; font-size: 13px; padding: 10px 20px; }
.business-front .blast-desc { color: #344b5e; font-size: 14px; padding: 14px 20px 8px; }
.business-front .blast-popular-badge { background: #e6f3fb !important; color: #184f74; border: 0; font-size: 11px; padding: 9px 14px; }
.business-front .blast-select-btn { margin: 14px 20px 20px; width: calc(100% - 40px); }
.business-front.sales-page .blast-card.selected .blast-select-btn { background: #11243b; border-color: #11243b; }
.business-front .package-clarity { border: 1px solid #d8e6ef; border-left: 4px solid #e76440; border-radius: 10px; background: #fff; font-size: 15px; }
.business-front .what-you-get { background: #fff; border: 1px solid #dce5ed; border-radius: 16px; padding: 24px; }
.business-front .wyg-header { font: 800 20px var(--font); margin-bottom: 16px; }
.business-front .wyg-item { font-size: 14px; padding: 6px 0; }
.business-front .wyg-item svg { color: #19936d; }
.business-front.sales-page .trust-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.88fr); align-items: center; gap: 56px; }
.business-front.sales-page .trust-headline { max-width: none; border: 0; padding: 0; }
.business-front .trust-headline h2 { font-size: clamp(32px,3vw,44px); color: #11243b; }
.business-front .trust-headline > p,.business-front .trust-point p { color: #526577; font-size: 16px; line-height: 1.6; }
.business-front .trust-point { border-bottom: 1px solid #e5edf3; padding: 14px 0; }
.business-front .trust-point strong { color: #11243b; }
.business-front .trust-photo { margin: 0; }
.business-front .trust-photo img { display: block; width: 100%; height: auto; border-radius: 18px; box-shadow: 0 20px 42px rgba(21,50,78,.13); }
.business-front .trust-photo figcaption { color: #60758a; font-size: 12px; margin-top: 10px; }
.business-front .question-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.business-front .question-grid article { padding: 26px; border: 1px solid #dce6ee; border-radius: 15px; background: #fff; }
.business-front .question-grid h3 { color: #11243b; font-size: 19px; margin-bottom: 10px; }
.business-front .question-grid p { color: #526577; font-size: 15px; }
.business-front .order-form-card,.business-front .order-package-panel { background: #fff; border: 1px solid #d7e3ec; border-radius: 16px; box-shadow: 0 14px 32px rgba(22,52,80,.06); overflow: hidden; }
.business-front .pkg-panel-header { background: #11243b; color: #fff; border: 0; font: 800 14px var(--font); padding: 13px; }
.business-front .pkg-panel-name { font-size: 18px; }
.business-front .pkg-panel-price { font: 800 28px var(--font); }
.business-front .pkg-panel-note,.business-front .pkg-panel-views,.business-front .pkg-panel-days,.business-front .form-section-sub,.business-front .form-hint { font-size: 13px; }
.business-front .campaign-steps { background: #fff; border: 1px solid #d7e3ec; border-radius: 12px; }
.business-front .camp-step-num,.business-front .form-section-num { border: 0; border-radius: 50%; font-family: var(--font); }
.business-front .form-label { font-size: 14px; }
.business-front .form-input { border: 1px solid #bdcbd7; border-radius: 8px; min-height: 47px; font: 15px var(--font); }
.business-front .payment-option { border: 1px solid #c9d8e4; border-radius: 10px; background: #fff; }
.business-front .payment-option.selected { border-color: #246aa0; background: #eff7fc; }
.business-front .order-summary { border: 0; border-radius: 12px; }
.business-front .footer-cta { background: #eff5f9; }
.business-front .footer-cta table { background: #fff !important; border: 1px solid #d7e3ec !important; border-radius: 16px; }
.business-front .footer-cta td { padding: 28px !important; background: #fff !important; }
.business-front .footer { background: #0f2137; border: 0; color: #dbe6ee; }
.business-front .footer-content p,.business-front .footer-links a { color: #dbe6ee !important; font-size: 14px; }
/* Resource and article templates carry small inline styles; these rules load after them. */
.business-front .resource-hero { background: linear-gradient(135deg,#10243a,#214967); padding: 72px 0; }
.business-front .resource-card,.business-front .resource-panel,.business-front .article-shell,.business-front .related-card { background: #fff; color: #182b3e; border: 1px solid #dce6ee; border-radius: 15px; box-shadow: 0 10px 26px rgba(22,52,80,.06); }
.business-front .resource-card,.business-front .resource-panel { padding: 24px; }
.business-front .resource-card p,.business-front .resource-panel p,.business-front .article-body { color: #344b5e; font-size: 16px; }
.business-front .article-title { color: #153756; font: 750 20px var(--font); }
.business-front .cat-nav a { background: #fff; border-color: #d4e0e9; color: #1e4c70; }
.business-front .searchbar input { min-height: 48px; font-size: 15px; }
.business-front .cta-box,.business-front .mid-cta,.business-front .end-cta { background: #11243b; border-radius: 15px; }
.business-front .cta-box h2,.business-front .mid-cta h2,.business-front .end-cta h2 { color: #fff; }
.business-front .article-wrap { max-width: 1020px; padding: 0 24px; }
.business-front .article-shell { padding: clamp(24px,4vw,48px); }
.business-front .resource-basics { max-width: 1050px; margin: 0 auto 36px; }
.business-front .resource-basics > h2 { color: #11243b; text-align: center; font-size: clamp(27px,3vw,38px); margin-bottom: 10px; }
.business-front .resource-basics > p { color: #526577; text-align: center; font-size: 17px; max-width: 760px; margin: 0 auto 26px; }
.business-front .resource-basics-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.business-front .resource-basics-grid article { background: #f6f9fb; border: 1px solid #dce6ee; border-radius: 15px; padding: 26px; }
.business-front .resource-basics-grid span { display: inline-block; color: #ca5938; font-weight: 800; margin-bottom: 14px; }
.business-front .resource-basics-grid h3 { color: #11243b; font-size: 19px; margin-bottom: 8px; }
.business-front .resource-basics-grid p { color: #526577; font-size: 15px; }
.business-front .page { background: #f5f8fb; padding: 64px 0; }
.business-front .container-sm { max-width: 640px; padding: 0 20px; }
.business-front .page h1 { color: #11243b; font-size: clamp(30px,3vw,42px); margin-bottom: 10px; }
.business-front .text-muted { color: #536578; font-size: 15px; }
.business-front .card,.business-front .stat-card { background: #fff; border: 1px solid #d8e4ec; border-radius: 15px; box-shadow: 0 12px 28px rgba(22,52,80,.06); }
.business-front .card { padding: 24px; }
.business-front .btn-primary { background: #e76440; border-color: #e76440; color: #fff !important; }
.business-front .btn-primary:hover { background: #c94e2f; color: #fff !important; }
.business-front .portal-header { background: #11243b; color: #fff; border: 0; }
.business-front .portal-header h1 { color: #fff; }
.business-front .card-header { background: #f3f7fa; border-bottom: 1px solid #dce6ee; }
.business-front .card-title { color: #11243b; font: 800 18px var(--font); }
.business-front .stat-value { font-family: var(--font); }
.business-front .section > .container > table { background: #fff !important; border: 1px solid #d8e4ec !important; border-radius: 16px; }
.business-front .section > .container > table > tbody > tr > td { padding: 32px !important; }
@media (max-width: 900px) {
  .business-front.sales-page .hero-content,.business-front.sales-page .trust-grid { grid-template-columns: 1fr; }
  .business-front .hero-media img { height: 360px; }
  .business-front .question-grid { grid-template-columns: 1fr; }
  .business-front .resource-basics-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .business-front .container { padding-left: 18px; padding-right: 18px; }
  .business-front .navbar { padding: 12px 0; }
  .business-front .navbar .container { gap: 12px; }
  .business-front .navbar-brand { font-size: 18px; text-align: left; }
  .business-front .navbar-nav { justify-content: flex-start; flex-wrap: wrap; gap: 3px; }
  .business-front .navbar-nav li a { font-size: 13px; padding: 6px 9px; }
  .business-front.sales-page .hero-launch { padding: 36px 0 52px; }
  .business-front.sales-page .hero-headline { font-size: clamp(37px,9vw,52px); }
  .business-front.sales-page .hero-sub { font-size: 16px; }
  .business-front .hero-media img { height: 245px; }
  .business-front .section { padding: 52px 0; }
  .business-front .question-grid article { padding: 22px; }
  .business-front .blast-name { font-size: 18px; }
  .business-front .blast-price { font-size: 30px; }
  .business-front .footer-cta td { padding: 24px 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .business-front .btn { transition: none; }
  .business-front .btn:hover { transform: none; }
}