:root {
  --sbc-ink:#142033;
  --sbc-muted:#526071;
  --sbc-line:#d7e0e7;
  --sbc-navy:#0b2842;
  --sbc-blue:#1261a6;
  --sbc-green:#16705a;
  --sbc-yellow:#f2c94c;
  --sbc-soft:#f5f7f8;
  --sbc-pale:#eaf3f8;
}

body.sbc-pro-page {
  color:var(--sbc-ink) !important;
  background:#f6f8f9 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  line-height:1.58 !important;
}

body.sbc-pro-page::before {
  content:none !important;
  display:none !important;
}

.sbc-pro-page a {
  color:var(--sbc-blue);
  text-underline-offset:3px;
}

.sbc-pro-page .wrap {
  width:min(1120px, calc(100% - 36px)) !important;
  margin-inline:auto !important;
}

.sbc-pro-page .site-nav {
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.sbc-pro-page .brand {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--sbc-ink) !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.sbc-pro-page .brand img {
  width:38px !important;
  height:38px !important;
  border-radius:8px !important;
  object-fit:cover !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

.sbc-pro-page .nav-links {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  align-items:center !important;
}

.sbc-pro-page .nav-links a {
  margin:0 !important;
  padding:0 !important;
  color:var(--sbc-navy) !important;
  background:transparent !important;
  font-size:14px !important;
  font-weight:850 !important;
  text-decoration:none !important;
}

.sbc-pro-page > header:not(.product-hero):not(.hero) {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 82% 22%, rgba(242,201,76,.2), transparent 24%),
    linear-gradient(135deg, #0b2842 0%, #123a63 58%, #16705a 100%) !important;
}

.sbc-pro-page > header:not(.product-hero):not(.hero) .wrap {
  padding:clamp(48px, 8vw, 88px) 0 !important;
}

.sbc-pro-page > header:not(.product-hero):not(.hero) h1,
.sbc-pro-page .hero h1,
.sbc-pro-page .product-hero h1 {
  max-width:900px !important;
  margin:0 0 18px !important;
  color:inherit;
  font-size:clamp(38px, 6.4vw, 72px) !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  text-wrap:balance;
}

.sbc-pro-page > header:not(.product-hero):not(.hero) .lead,
.sbc-pro-page > header:not(.product-hero):not(.hero) p {
  max-width:70ch !important;
  color:#dceaf3 !important;
  font-size:clamp(18px, 2vw, 21px) !important;
}

.sbc-pro-page main.wrap,
.sbc-pro-page main.page-section,
.sbc-pro-page main {
  padding-top:clamp(42px, 6vw, 72px);
}

.sbc-pro-page h2 {
  color:var(--sbc-navy);
  font-size:clamp(28px, 4vw, 44px) !important;
  line-height:1.08 !important;
  letter-spacing:-.02em !important;
  text-wrap:balance;
}

.sbc-pro-page h3 {
  color:var(--sbc-navy);
}

.sbc-pro-page p,
.sbc-pro-page li {
  max-width:74ch;
}

.sbc-pro-page .grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(255px, 1fr)) !important;
  gap:14px !important;
  margin:24px 0 !important;
  border:0 !important;
}

.sbc-pro-page .box,
.sbc-pro-page .item {
  min-height:100% !important;
  padding:22px !important;
  border:1px solid var(--sbc-line) !important;
  border-radius:8px !important;
  background:#fff !important;
}

.sbc-pro-page .box p,
.sbc-pro-page .item p,
.sbc-pro-page .section-lead,
.sbc-pro-page .lead {
  color:var(--sbc-muted);
}

.sbc-pro-page .insight,
.sbc-pro-page .rule {
  margin:clamp(36px, 6vw, 66px) 0 0 !important;
  padding:clamp(24px, 4vw, 38px) !important;
  border:1px solid #c9d9df !important;
  border-radius:0 !important;
  background:#eef6f4 !important;
}

.sbc-pro-page .cta-box,
.sbc-pro-page .product {
  margin:clamp(40px, 7vw, 78px) 0 0 !important;
  padding:clamp(28px, 5vw, 46px) !important;
  border:0 !important;
  border-radius:0 !important;
  color:#fff !important;
  background:linear-gradient(135deg, #0b2842, #123a63) !important;
}

.sbc-pro-page .cta-box h2,
.sbc-pro-page .cta-box h3,
.sbc-pro-page .cta-box p,
.sbc-pro-page .product h2,
.sbc-pro-page .product h3,
.sbc-pro-page .product p {
  color:#fff !important;
}

.sbc-pro-page .note,
.sbc-pro-page .affiliate-note,
.sbc-pro-page .cta-box .note,
.sbc-pro-page .product .note {
  color:#dceaf3 !important;
}

.sbc-pro-page .cta,
.sbc-pro-page .button {
  display:inline-flex !important;
  min-height:50px !important;
  align-items:center !important;
  justify-content:center !important;
  padding:13px 18px !important;
  border:0 !important;
  border-radius:6px !important;
  background:var(--sbc-blue) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.sbc-pro-page .product-band .button,
.sbc-pro-page .cta-box .cta,
.sbc-pro-page .product .cta {
  background:#fff !important;
  color:var(--sbc-navy) !important;
}

.sbc-pro-page .related-guides {
  width:min(1120px, calc(100% - 36px));
  margin:clamp(48px, 8vw, 86px) auto 0 !important;
  padding:30px 0 0 !important;
  border-top:1px solid var(--sbc-line) !important;
}

.sbc-pro-page .related-guides div {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.sbc-pro-page .related-guides a {
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:10px 13px;
  border:1px solid var(--sbc-line);
  border-radius:6px;
  background:#fff;
  color:var(--sbc-navy);
  font-weight:850;
  text-decoration:none;
}

.sbc-pro-page footer,
.sbc-pro-page .site-footer {
  margin-top:clamp(54px, 8vw, 92px) !important;
  padding:34px 0 !important;
  border:0 !important;
  background:#0b2842 !important;
  color:#dceaf3 !important;
}

.sbc-pro-page footer p,
.sbc-pro-page .site-footer p {
  color:#dceaf3 !important;
}

.sbc-pro-page footer a,
.sbc-pro-page .site-footer a {
  color:#fff !important;
}

.sbc-pro-page[data-sbc-cro-page="portfolio"] .product-hero {
  background:
    radial-gradient(circle at 82% 22%, rgba(242,201,76,.2), transparent 24%),
    linear-gradient(135deg, #f7fafb 0%, #eaf3f8 58%, #dff2ec 100%);
}

.sbc-pro-page[data-sbc-cro-page="portfolio"] .product-card-main {
  border-radius:10px;
  box-shadow:none;
  background:#fff;
}

.sbc-pro-page[data-sbc-cro-page="portfolio"] .fit-card {
  border-radius:8px;
}

@media (max-width:820px) {
  .sbc-pro-page .site-nav {
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:14px 0 !important;
  }

  .sbc-pro-page .nav-links a:nth-child(n+5) {
    display:none;
  }
}

@media (max-width:620px) {
  .sbc-pro-page > header:not(.product-hero):not(.hero) h1,
  .sbc-pro-page .hero h1,
  .sbc-pro-page .product-hero h1 {
    font-size:clamp(38px, 12vw, 56px) !important;
  }

  .sbc-pro-page .cta,
  .sbc-pro-page .button {
    width:100% !important;
  }
}