.consumer-pricing-page {
--b2c-navy: #071a33;
--b2c-navy-2: #0b2445;
--b2c-accent: var(--accent, #ff7a45);
--b2c-accent-soft: color-mix(in srgb, var(--b2c-accent) 12%, #fff);
--b2c-border: color-mix(in srgb, var(--bs-border-color) 82%, transparent);
}
.b2c-pricing-hero {
min-height: 620px;
isolation: isolate;
background: var(--b2c-navy);
}
.b2c-pricing-hero__image {
object-fit: cover;
object-position: 70% center;
z-index: -2;
}
.b2c-pricing-hero__overlay {
z-index: -1;
background:
linear-gradient(90deg, rgba(7, 26, 51, 0.96) 0%, rgba(7, 26, 51, 0.84) 46%, rgba(7, 26, 51, 0.35) 100%),
linear-gradient(180deg, rgba(7, 26, 51, 0.28) 0%, rgba(7, 26, 51, 0.84) 100%);
}
.b2c-hero-copy {
max-width: 850px;
}
.b2c-hero-title {
max-width: 780px;
font-size: 3.75rem;
line-height: 1.04;
letter-spacing: 0;
}
.b2c-hero-lead {
max-width: 760px;
color: rgba(255, 255, 255, 0.84);
font-size: 1.12rem;
line-height: 1.65;
}
.b2c-pricing-eyebrow,
.b2c-section-kicker {
display: inline-flex;
align-items: center;
gap: 0.45rem;
color: var(--b2c-accent);
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
.b2c-pricing-eyebrow {
padding: 0.48rem 0.72rem;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 8px;
background: rgba(255, 255, 255, 0.08);
color: #fff;
}
.b2c-pricing-breadcrumb .breadcrumb {
--bs-breadcrumb-divider-color: rgba(255, 255, 255, 0.55);
}
.b2c-pricing-breadcrumb a {
color: rgba(255, 255, 255, 0.76);
text-decoration: none;
}
.b2c-pricing-breadcrumb a:hover {
color: #fff;
text-decoration: underline;
text-underline-offset: 3px;
}
.b2c-pricing-breadcrumb .active,
.b2c-pricing-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
color: rgba(255, 255, 255, 0.64);
}
.b2c-pricing-trust {
max-width: 100%;
padding: 0.7rem 0.85rem;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
background: rgba(7, 26, 51, 0.46);
color: rgba(255, 255, 255, 0.86);
font-weight: 700;
}
.b2c-soft-card {
background: color-mix(in srgb, var(--b2c-accent) 8%, #fff);
}
.b2c-check-list li {
position: relative;
padding-left: 1.85rem;
}
.b2c-check-list li::before {
content: "\F26E";
position: absolute;
left: 0;
top: 0.05rem;
font-family: "bootstrap-icons";
color: var(--b2c-accent);
}
.b2c-price-section {
scroll-margin-top: 110px;
}
.b2c-section-head,
.b2c-bottom-copy {
max-width: 820px;
}
.b2c-price-table {
table-layout: fixed;
}
.b2c-price-table thead th {
padding: 1rem 1.25rem;
border: 0;
background: var(--b2c-navy);
color: #fff;
font-size: 0.9rem;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
.b2c-price-table tbody th,
.b2c-price-table tbody td {
padding: 1.15rem 1.25rem;
border-color: var(--b2c-border);
vertical-align: top;
line-height: 1.58;
}
.b2c-price-table tbody th {
width: 28%;
color: var(--b2c-navy);
font-weight: 800;
line-height: 1.3;
}
.b2c-price-table tbody td:nth-child(2) {
width: 52%;
}
.b2c-price-value {
width: 20%;
color: var(--b2c-navy);
font-weight: 850;
}
.b2c-price-badge {
width: fit-content;
max-width: 100%;
background: var(--b2c-accent-soft);
color: var(--b2c-navy);
font-weight: 850;
line-height: 1.25;
}
.b2c-info-icon {
display: inline-grid;
width: 46px;
height: 46px;
place-items: center;
border-radius: 8px;
background: var(--b2c-accent-soft);
color: var(--b2c-accent);
font-size: 1.35rem;
}
.b2c-bottom-cta {
background:
linear-gradient(135deg, rgba(255, 122, 69, 0.18), rgba(255, 122, 69, 0) 44%),
linear-gradient(180deg, var(--b2c-navy), var(--b2c-navy-2));
}
@media (max-width: 991.98px) {
.b2c-pricing-hero {
min-height: 560px;
}
.b2c-pricing-hero__overlay {
background:
linear-gradient(90deg, rgba(7, 26, 51, 0.96) 0%, rgba(7, 26, 51, 0.86) 58%, rgba(7, 26, 51, 0.54) 100%),
linear-gradient(180deg, rgba(7, 26, 51, 0.28) 0%, rgba(7, 26, 51, 0.88) 100%);
}
.b2c-hero-title {
font-size: 2.75rem;
}
}
@media (max-width: 767.98px) {
.b2c-pricing-hero {
min-height: 540px;
}
.b2c-pricing-hero__image {
object-position: 62% center;
}
.b2c-hero-title {
font-size: 2.125rem;
line-height: 1.1;
}
.b2c-hero-lead {
font-size: 1rem;
}
.b2c-pricing-trust {
display: block !important;
line-height: 1.55;
}
}
:where([data-bs-theme="dark"], [data-theme="dark"]) .consumer-pricing-page {
--b2c-accent-soft: color-mix(in srgb, var(--b2c-accent) 16%, transparent);
--b2c-border: rgba(255, 255, 255, 0.1);
}
:where([data-bs-theme="dark"], [data-theme="dark"]) .b2c-soft-card,
:where([data-bs-theme="dark"], [data-theme="dark"]) .b2c-surface-card,
:where([data-bs-theme="dark"], [data-theme="dark"]) .b2c-price-card {
background: color-mix(in srgb, var(--bs-body-bg) 88%, #fff 12%);
}
:where([data-bs-theme="dark"], [data-theme="dark"]) .b2c-price-table tbody th,
:where([data-bs-theme="dark"], [data-theme="dark"]) .b2c-price-value,
:where([data-bs-theme="dark"], [data-theme="dark"]) .b2c-price-badge {
color: rgba(255, 255, 255, 0.94);
}