/* Bright blue-and-white visual direction for TOKNAV. */
:root {
	--tb2b-navy: #173b63;
	--tb2b-navy-2: #234a72;
	--tb2b-ink: #173b63;
	--tb2b-muted: #59728b;
	--tb2b-soft: #f1f8fd;
	--tb2b-line: #d7e6f1;
}

.tb2b-hero,
.tb2b-page-hero,
.tb2b-product-hero {
	color: var(--tb2b-ink);
	background: linear-gradient(128deg, #fbfdff 0%, #eef8ff 54%, #e6efff 100%);
}

.tb2b-hero__grid,
.tb2b-page-hero__grid,
.tb2b-product-hero__grid {
	opacity: .58;
	background-image: linear-gradient(rgba(12, 128, 213, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(12, 128, 213, .08) 1px, transparent 1px);
}

.tb2b-hero .tb2b-eyebrow,
.tb2b-eyebrow,
.tb2b-product-cta .tb2b-eyebrow { color: #1677cb; }

.tb2b-hero h1,
.tb2b-page-hero h1,
.tb2b-product-hero h1 { color: #153c63; }

.tb2b-hero__lead,
.tb2b-hero__list,
.tb2b-page-hero p:not(.tb2b-eyebrow):not(.tb2b-breadcrumb),
.tb2b-product-hero__copy > p:not(.tb2b-eyebrow):not(.tb2b-breadcrumb) { color: #4e6e88; }

.tb2b-hero__list li::before { background: #188ee2; }

.tb2b-button--ghost {
	border-color: #6daee3;
	background: rgba(255, 255, 255, .75);
	color: var(--tb2b-blue) !important;
}

.tb2b-button--ghost:hover {
	border-color: var(--tb2b-blue);
	background: var(--tb2b-blue);
	color: #fff !important;
}

.tb2b-hero__orb--one,
.tb2b-product-hero__visual > span {
	border-color: rgba(12, 128, 213, .26);
	background: radial-gradient(circle at 40% 35%, rgba(37, 182, 233, .24), rgba(37, 182, 233, .06) 61%, transparent 63%);
}

.tb2b-hero__orb--two { background: rgba(12, 128, 213, .12); }

.tb2b-hero__product,
.tb2b-page-hero__visual img,
.tb2b-product-hero__visual img { filter: drop-shadow(0 20px 20px rgba(31, 88, 139, .2)); }

.tb2b-hero__badge,
.tb2b-contact-page__marker {
	border-color: #c7e4f6;
	background: rgba(255, 255, 255, .84);
	box-shadow: 0 15px 35px rgba(31, 88, 139, .13);
	color: var(--tb2b-ink);
}

.tb2b-hero__badge span,
.tb2b-contact-page__marker span { color: #1677cb; }

.tb2b-breadcrumb { color: #5a7c99; }
.tb2b-breadcrumb a { color: var(--tb2b-blue); }

.tb2b-page-hero__visual::before {
	border-color: rgba(12, 128, 213, .25);
	background: radial-gradient(circle, rgba(37, 182, 233, .2), transparent 66%);
}

.tb2b-product-hero__copy h2 { color: #2865b9; }

.tb2b-solution-card:hover {
	background: linear-gradient(145deg, #fff, #e4f4ff);
	color: var(--tb2b-ink);
	box-shadow: 0 16px 30px rgba(31, 88, 139, .11);
}

.tb2b-solution-card:hover .tb2b-card__kicker,
.tb2b-solution-card:hover .tb2b-solution-card__number,
.tb2b-solution-card:hover .tb2b-card__link { color: var(--tb2b-blue); }

.tb2b-solution-card:hover h3,
.tb2b-solution-card:hover > p:not(.tb2b-card__kicker) { color: var(--tb2b-ink); }

.tb2b-feature {
	color: var(--tb2b-ink);
	background: linear-gradient(128deg, #f7fcff, #e7f4ff);
}

.tb2b-feature__visual {
	border-color: #c8e6f5;
	background: radial-gradient(circle at 45% 45%, rgba(37, 182, 233, .18), rgba(12, 128, 213, .08) 47%, rgba(255, 255, 255, .5) 72%);
}

.tb2b-feature__visual img { filter: drop-shadow(0 20px 20px rgba(31, 88, 139, .18)); }
.tb2b-feature h2 { color: var(--tb2b-ink); }

.tb2b-feature__content > p:not(.tb2b-eyebrow),
.tb2b-feature__points div { color: #4e6e88; }

.tb2b-feature__points div { border-bottom-color: #cfe4f1; }
.tb2b-feature__points strong,
.tb2b-text-link--light { color: var(--tb2b-blue); }

.tb2b-final-cta,
.tb2b-product-cta {
	color: var(--tb2b-ink);
	background: linear-gradient(125deg, #f5fbff, #e0efff);
}

.tb2b-final-cta h2,
.tb2b-product-cta h2 { color: var(--tb2b-ink); }
.tb2b-final-cta .tb2b-eyebrow { color: #1677cb; }
.tb2b-product-cta p:not(.tb2b-eyebrow) { color: #4e6e88; }

.tb2b-final-cta .tb2b-button,
.tb2b-product-cta .tb2b-button {
	border-color: var(--tb2b-blue);
	background: var(--tb2b-blue);
	color: #fff !important;
}

.tb2b-final-cta .tb2b-button:hover,
.tb2b-product-cta .tb2b-button:hover { background: #20238f; }

.tb2b-footer { color: #fff; background: #06253e; }
.tb2b-footer__grid { gap: 34px; padding: 40px 0; }
.tb2b-footer__brand img { width: 151px; filter: brightness(0) invert(1) !important; }
.tb2b-footer__brand p { margin-top: 13px; color: #fff; font-size: 13px; line-height: 1.5; }
.tb2b-footer h3 { margin-bottom: 12px; color: #fff; font-size: 15px; }
.tb2b-footer ul { gap: 7px; }
.tb2b-footer li,
.tb2b-footer a { color: #fff; font-size: 13px; }
.tb2b-footer a:hover { color: #8edcff; }
.tb2b-footer__social { margin-top: 12px; }
.tb2b-footer__legal { border-top-color: rgba(255, 255, 255, .20); }
.tb2b-footer__legal .tb2b-shell { padding: 14px 0; color: #fff; font-size: 12px; }
.tb2b-footer__legal a { color: #fff; }
@media (max-width: 780px) { .tb2b-footer__grid { gap: 28px; padding: 34px 0; } }

/* Site-wide type colour system: clear hierarchy, brand-blue actions, calm readable body copy. */
:root{--tb2b-navy:#172b45;--tb2b-navy-2:#243c59;--tb2b-ink:#1d3045;--tb2b-muted:#52697d;--tb2b-blue:#2857d5;--tb2b-sky:#168bd1;--tb2b-soft:#f4f9fc;--tb2b-line:#d5e3ec}
.toknav-b2b-homepage,.toknav-b2b-inner-page{color:var(--tb2b-ink)}
.tb2b-hero h1,.tb2b-page-hero h1,.tb2b-product-hero h1{color:#1d3045}
.tb2b-hero__lead,.tb2b-hero__list,.tb2b-page-hero p:not(.tb2b-eyebrow):not(.tb2b-breadcrumb),.tb2b-product-hero__copy>p:not(.tb2b-eyebrow):not(.tb2b-breadcrumb){color:#52697d}
.tb2b-breadcrumb{color:#52697d}.tb2b-product-hero__copy h2{color:#2857d5}
.tb2b-feature__content>p:not(.tb2b-eyebrow),.tb2b-feature__points div,.tb2b-product-cta p:not(.tb2b-eyebrow),.tb2b-final-cta p:not(.tb2b-eyebrow){color:#52697d}