/* SanBrick — supplemental styles beyond theme.json */

/* ── Global resets ─────────────────────────────────────── */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

body {
	overflow-x: clip; /* clip, not hidden — hidden makes body the scroll container and breaks position:sticky */
}

/* ── Utility: accent text span ─────────────────────────── */
.text-accent {
	color: var(--wp--preset--color--accent-primary);
}

/* ── Buttons ───────────────────────────────────────────── */
.wp-block-button__link {
	border-radius: 6px;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--body);
	padding: 14px 28px;
	transition: filter 0.2s ease, transform 0.2s ease;
}

.wp-block-button__link:hover {
	filter: brightness(0.9);
	transform: translateY(-1px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid var(--wp--preset--color--accent-primary);
	color: var(--wp--preset--color--accent-primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: transparent;
}

/* ── Section padding ───────────────────────────────────── */
.sb-section {
	padding-block: var(--wp--preset--spacing--section-y, clamp(72px, 10vw, 120px));
}

/* ── Shared hero + section 03 background ──────────────── */
.sb-header-bg {
	position: relative;
	margin-top: -80px;   /* pull up to cover nav area */
	padding-top: 80px;   /* push content back down */
	background: linear-gradient(183deg, #FF5C39 -20.88%, #A74227 60.54%, #101820 124.09%);
}

.sb-header-bg::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('../images/header.avif') center / cover no-repeat;
	opacity: 0.5;
	pointer-events: none;
	z-index: 0;
}

.sb-header-bg::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: max(24px, calc((100vw - 1280px) / 2));
	width: clamp(300px, 75vw, 960px);
	height: 100%;
	background: url('../images/header-astronaut.webp') bottom right / contain no-repeat;
	pointer-events: none;
	z-index: 1;
}

.sb-header-bg > * {
	position: relative;
	z-index: 2;
}

/* ── Hero (Section 02) ─────────────────────────────────── */
.sb-hero {
	min-height: 100svh;
	display: flex;
	align-items: center;
}

.sb-hero > .wp-block-group {
	width: 100%;
}

.sb-eyebrow {
	color: var(--wp--preset--color--text-primary);
	font-size: clamp(17px, 1.75vw, 28px);
	font-weight: 400;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 20px;
}

.sb-hero__heading {
	color: var(--wp--preset--color--text-primary);
	font-size: clamp(58px, 6vw, 96px);
	font-weight: 900;
	line-height: 1.1;
	margin-top: 0;
	margin-bottom: 24px;
}

.sb-hero__body {
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(15px, 1.375vw, 22px);
	font-weight: 400;
	line-height: 1.5;
	max-width: 750px;
	margin-top: 0;
	margin-bottom: clamp(14px, 1.25vw, 20px);
}

.sb-hero__body--last {
	margin-bottom: 40px;
}

/* Hero buttons */
.sb-btn-primary .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	border-radius: 40px;
	padding: 25px 40px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-btn-primary .wp-block-button__link {
	background-color: var(--wp--preset--color--accent-primary);
	color: var(--wp--preset--color--text-primary);
}

.sb-btn-primary .wp-block-button__link:hover {
	filter: brightness(0.88);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 2px solid currentColor;
}

/* Entrance animation on hero text */
.sb-hero .wp-block-heading,
.sb-hero .sb-eyebrow,
.sb-hero .wp-block-paragraph,
.sb-hero .wp-block-buttons {
	animation: hero-fade-up 0.7s ease both;
}

.sb-hero .sb-eyebrow           { animation-delay: 0.05s; }
.sb-hero .wp-block-heading     { animation-delay: 0.15s; }
.sb-hero .wp-block-paragraph   { animation-delay: 0.25s; }
.sb-hero .wp-block-buttons     { animation-delay: 0.35s; }

@keyframes hero-fade-up {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 767px) {
	.sb-hero {
		min-height: auto;
	}
}

/* ── Data Without Compromise (Section 03) ─────────────── */
.sb-dwc__header {
	margin-bottom: 64px;
}

.sb-dwc__heading {
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2;
	max-width: 750px;
	margin: 0;
}

.sb-dwc__card-title {
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 38px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}

.sb-dwc__card-body {
	color: var(--wp--preset--color--text-primary);
	font-family: var(--wp--preset--font-family--lato);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}

.sb-dwc__grid {
	margin-bottom: 64px;
}

/* DWC CTA button — white pill */
.sb-btn-cta-white .wp-block-button__link {
	background-color: #ffffff;
	color: #101820;
	border-radius: 40px;
	padding: 25px 40px;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.sb-btn-cta-white .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--accent-primary);
	color: #ffffff;
	filter: none;
}

.sb-dwc__icon {
	display: inline-flex;
	flex-shrink: 0;
}

.sb-dwc__card {
	display: flex !important;
	padding: 60px 30px !important;
	flex-direction: column !important;
	justify-content: center;
	align-items: flex-start !important;
	gap: 30px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.20);
	backdrop-filter: saturate(180%) blur(10px);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	box-shadow: inset 0em 0em 3px 1px rgb(255 255 255 / 20%);
}

/* Tablet: 2-col wrap */
@media (min-width: 768px) and (max-width: 1023px) {
	.sb-dwc__grid {
		flex-wrap: wrap;
	}

	.sb-dwc__grid .wp-block-column {
		flex-basis: calc(50% - 16px) !important;
	}
}

/* ── Navigation bar (Section 01) ──────────────────────── */
.sb-nav {
	position: sticky;
	top: 0;
	z-index: 100;
	/* transparent by default — gradient from .sb-header-bg shows through */
	transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.sb-nav .alignwide {
	height: 80px;
}

/* Tighten nav gap on mid-size screens */
@media (max-width: 1100px) {
	.sb-nav__right {
		gap: 1.5rem !important;
	}
}

/* Logo */
.sb-nav__logo {
	display: block;
	flex-shrink: 0;
	width: 140px;
	height: 32px;
	background: url('../images/logos/sanbrick-logo.svg') no-repeat center / contain;
}

/* Nav links */
.sb-nav__menu .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(14px, 1.5vw, 18px);
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
	text-decoration: none;
	transition: color 0.2s ease;
	padding: 0 !important;
}

.sb-nav__menu .wp-block-navigation-item__content:hover,
.sb-nav__menu .wp-block-navigation-item__content:focus {
	color: var(--wp--preset--color--accent-primary);
	outline: none;
}

.sb-nav__menu .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--bg-primary);
}

/* CTA button — pill style */
.sb-nav__cta-wrap {
	flex-shrink: 0;
}

.is-style-nav-cta .wp-block-button__link {
	background-color: #ffffff;
	color: #101820 !important;
	border-radius: 40px;
	padding: 15px 20px;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--wp--preset--font-size--body);
	font-weight: 600;
	line-height: 1;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	border: none;
	transform: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.is-style-nav-cta .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--accent-primary);
	color: #ffffff !important;
	filter: none;
	transform: none;
}

/* Mobile nav — hamburger toggle */
.sb-nav__menu .wp-block-navigation__responsive-container-close,
.sb-nav__menu .wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--text-primary);
}

@media (max-width: 767px) {
	.sb-header-bg {
		margin-top: -64px;
		padding-top: 64px;
	}

	.sb-nav .alignwide {
		height: 64px;
	}

	.sb-nav__cta-wrap {
		display: none;
	}

	.sb-nav__menu .wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container {
		padding: 2rem;
		gap: 2rem;
		align-items: flex-start;
	}
}

/* ── Sticky header scroll state ────────────────────────── */
header.is-scrolled .sb-nav {
	backdrop-filter: blur(8px);
	background-color: rgba(16, 24, 32, 0.85) !important;
}

/* ── AtlantisOS — The Cloud Trap (Section 04) ─────────── */
.sb-cloud-trap {
	padding-block: clamp(72px, 10vw, 120px);
}

.sb-atlantis__inner {
	display: flex;
	gap: 60px;
	align-items: center;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

/* Left column */
.sb-atlantis__left {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* Progress bar */
.sb-atlantis__progress {
	width: 100%;
	height: 10px;
	background: #d9d9d9;
	border-radius: 10px;
	overflow: hidden;
}

.sb-atlantis__progress-fill {
	height: 100%;
	width: 0%;
	background: var(--wp--preset--color--accent-primary);
	border-radius: 10px;
}

/* Slides — stacked via CSS grid, only active is visible */
.sb-atlantis__slides {
	display: grid;
}

.sb-atlantis__slide {
	grid-area: 1 / 1;
	display: flex;
	flex-direction: column;
	gap: 60px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease;
}

.sb-atlantis__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.sb-atlantis__slide-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sb-atlantis__slide-heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	margin: 0;
}

.sb-atlantis__slide-body {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.5;
	color: #101820;
	margin: 0;
}

.sb-atlantis__slide-solution {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sb-atlantis__slide-solution h3 {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(24px, 2.75vw, 38px);
	font-weight: 600;
	line-height: 1.3;
	color: #101820;
	margin: 0;
}

.sb-atlantis__slide-solution ul {
	list-style: disc;
	padding-left: 30px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sb-atlantis__slide-solution li {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #212121;
}

/* Prev / Next controls */
.sb-atlantis__controls {
	display: flex;
	gap: 30px;
	align-items: center;
	justify-content: center;
}

.sb-atlantis__prev,
.sb-atlantis__next {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	transition: opacity 0.2s ease;
}

.sb-atlantis__prev:hover,
.sb-atlantis__next:hover {
	opacity: 0.6;
}

.sb-atlantis__prev:focus,
.sb-atlantis__next:focus {
	outline: none;
}

/* Right column — image with teal overlay */
.sb-atlantis__image {
	position: relative;
	flex-shrink: 0;
	width: 500px;
}

.sb-atlantis__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.sb-atlantis__image::after {
	content: '';
	position: absolute;
	inset: 0;
	background: #59cbe8;
	border-radius: 10px;
	mix-blend-mode: multiply;
	pointer-events: none;
}

@media (max-width: 1023px) {
	.sb-atlantis__inner {
		gap: 40px;
	}
	.sb-atlantis__image {
		width: 380px;
	}
}

@media (max-width: 767px) {
	.sb-atlantis__inner {
		flex-direction: column;
	}
	.sb-atlantis__image {
		width: 100%;
	}
}

/* ── Meet AtlantisOS (Section 04 — part 2) ────────────── */
.sb-meet-atlantis {
	padding-top: 200px;
	display: flex;
	flex-direction: column;
	gap: 100px;
	align-items: center;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

/* Intro block */
.sb-meet-atlantis__intro {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
	width: 100%;
}

.sb-meet-atlantis__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	text-align: center;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-meet-atlantis__text {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: center;
	max-width: 1056px;
}

.sb-meet-atlantis__lead,
.sb-meet-atlantis__lead--bold,
.sb-meet-atlantis__lead--accent {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	line-height: 1.5;
	margin: 0;
}

.sb-meet-atlantis__lead         { font-weight: 400; color: #101820; }
.sb-meet-atlantis__lead--bold   { font-weight: 700; color: #101820; }
.sb-meet-atlantis__lead--accent { font-weight: 700; color: var(--wp--preset--color--accent-primary); }

/* Shared pill button base */
.sb-btn-pill {
	display: inline-block;
	border-radius: 40px;
	padding: 25px 40px;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	text-decoration: none;
	transition: opacity 0.2s ease;
	cursor: pointer;
	border: 2px solid transparent;
	text-align: left;
	width: fit-content;
}

.sb-btn-pill:hover { opacity: 0.8; }

.sb-btn-pill--dark-outline {
	background: transparent;
	border-color: #101820;
	color: #101820;
}

.sb-btn-pill--dark {
	background: #101820;
	color: #ffffff;
}

.sb-btn-pill--accent-outline {
	background: transparent;
	border-color: var(--wp--preset--color--accent-primary);
	color: var(--wp--preset--color--accent-primary);
}

.sb-meet-atlantis__buttons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}

.sb-meet-atlantis__buttons .sb-btn-pill {
	display: inline-block;
	text-align: center;
}

/* Video placeholder */
.sb-meet-atlantis__video-wrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
	width: 100%;
}

.sb-meet-atlantis__video-wrap .sb-btn-pill {
	display: inline-block;
	text-align: center;
}

.sb-meet-atlantis__video {
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #e5e5e5;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sb-meet-atlantis__play-icon {
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.sb-meet-atlantis {
		padding-top: 80px;
		gap: 60px;
	}
}

/* ── Enterprise Features Grid (Section 06) ────────────── */
.sb-enterprise {
	padding-block: 100px 300px;
}

.sb-enterprise__inner {
	display: flex;
	flex-direction: column;
	gap: 60px;
	align-items: center;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

.sb-enterprise__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	text-align: center;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-enterprise__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	width: 100%;
}

.sb-enterprise__card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 60px 30px;
	background: #ffffff;
	border: 2px solid var(--wp--preset--color--accent-primary);
	border-radius: 10px;
}

.sb-enterprise__card img {
	display: block;
	width: 62px;
	height: 50px;
	flex-shrink: 0;
}

.sb-enterprise__card h3 {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(24px, 2.75vw, 38px);
	font-weight: 600;
	line-height: 1.3;
	color: var(--wp--preset--color--accent-primary);
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-enterprise__card p {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #101820;
	margin: 0;
}

@media (max-width: 1023px) {
	.sb-enterprise__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 599px) {
	.sb-enterprise__grid {
		grid-template-columns: 1fr;
	}
	.sb-enterprise {
		padding-block: 60px 80px;
	}
}

/* ── Series Section Wrapper (Sections 07 + 08) ────────── */
.sb-series-bg {
	position: relative;
	background-color: #101820;
	overflow: visible;
}

/* Dark bg image at 30% opacity */
.sb-series-bg::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('../images/seriesbg.webp') center / cover no-repeat;
	opacity: 0.3;
	pointer-events: none;
	z-index: 0;
}

/* All direct block children sit above the bg */
.sb-series-bg > .wp-block-group,
.sb-series-bg > .wp-block-html {
	position: relative;
	z-index: 1;
}

/* Astronaut — absolutely positioned inside .sb-ready, bleeds upward */
.sb-series__astronaut {
	position: absolute;
	left: 0;
	top: -249px;
	width: clamp(520px, calc(330px + 24.7vw), 686px);
	pointer-events: none;
	z-index: -1;
}

/* ── Section 07 — Ready-to-Deploy ─────────────────────── */
.sb-ready {
	padding-top: 200px;
	padding-bottom: 100px;
	position: relative;
}

.sb-ready__inner {
	display: flex;
	flex-direction: column;
	gap: 60px;
	align-items: center;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

.sb-ready__header {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	text-align: center;
}

.sb-ready__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #ffffff;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-ready__subtitle {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.5;
	color: #ffffff;
	margin: 0;
}

/* 3-column card grid */
.sb-ready__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	width: 100%;
}

.sb-ready__card {
	background: #ffffff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}

/* Card top — white bg */
.sb-ready__card-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	padding: 40px 20px 0;
}

.sb-ready__card-symbol {
	display: block;
	width: 77px;
	height: 70px;
	object-fit: contain;
	flex-shrink: 0;
}

.sb-ready__card-name {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 38px;
	font-weight: 600;
	line-height: 1.3;
	color: #101820;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-ready__card-label {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #101820;
}

.sb-ready__card-product {
	display: block;
	height: 140px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

/* Segment + price stacked with 5px gap */
.sb-ready__card-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	text-align: center;
}

.sb-ready__card-segment {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--wp--preset--color--accent-primary);
}

.sb-ready__card-price {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	color: #212121;
}

/* Card bottom — warm off-white bg */
.sb-ready__card-bottom {
	background: #fff9f8;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 40px;
	flex: 1;
	margin-top: 30px;
	border-radius: 0 0 10px 10px;
}

/* "Show More" row: lines flanking centred icon+label */
.sb-ready__show-more {
	display: flex;
	align-items: center;
	gap: 10px;
	background: none;
	border: none;
	cursor: pointer;
	width: 100%;
	padding: 0;
	transition: opacity 0.2s ease;
}

.sb-ready__show-more:hover { opacity: 0.7; }
.sb-ready__show-more:focus { outline: none; }

.sb-ready__show-more-line {
	flex: 1;
	height: 2px;
	background: var(--wp--preset--color--accent-primary);
	display: block;
}

.sb-ready__show-more-group {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	font-family: var(--wp--preset--font-family--lato);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	color: #101820;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-ready__show-more-group img {
	flex-shrink: 0;
}

/* Explore CTA — full-width dark pill */
.sb-ready__cta {
	display: block;
	width: 100%;
	padding: 25px 40px;
	text-align: center;
	background: #101820;
	color: #ffffff;
	border-radius: 40px;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	transition: background-color 0.2s ease;
}

.sb-ready__cta:hover {
	background-color: var(--wp--preset--color--accent-primary);
	color: #ffffff;
}

@media (max-width: 1023px) {
	.sb-ready__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.sb-ready {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.sb-ready__grid {
		grid-template-columns: 1fr;
	}
	.sb-series__astronaut {
		display: none;
	}
}

/* ── Section 08 — Trusted by European Institutions ────── */
.sb-trusted {
	padding-block: 100px;
	position: relative;
}

.sb-trusted__inner {
	display: flex;
	flex-direction: column;
	gap: 60px;
	align-items: center;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

.sb-trusted__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 48px;
	font-weight: 600;
	line-height: 1.2;
	color: #ffffff;
	text-align: center;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-trusted__grid {
	display: grid;
	grid-template-columns: 1fr 444px;
	gap: 40px;
	width: 100%;
	align-items: start;
}

/* Left: glassmorphism case study card */
.sb-trusted__case {
	display: flex;
	flex-direction: column;
	gap: 60px;
	padding: 40px;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(34px);
	-webkit-backdrop-filter: blur(34px);
	border-radius: 12px;
}

.sb-trusted__divider {
	border: none;
	border-top: 2px solid var(--wp--preset--color--accent-primary);
	margin: 0;
	width: 100%;
}

.sb-trusted__case-text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sb-trusted__logo {
	display: block;
	width: 300px;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.sb-trusted__case-title {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 38px;
	font-weight: 600;
	line-height: 1.3;
	color: #ffffff;
	margin: 0;
	padding-top: 20px;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-trusted__quote {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 32px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.5;
	color: #ffffff;
	margin: 0;
	padding: 0;
	border: none;
}

.sb-trusted__attribution {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #ffffff;
	margin: 0;
}

.sb-trusted__attribution strong {
	font-weight: 700;
}

/* Right: Quick Facts */
.sb-trusted__facts {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sb-trusted__facts-heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
	color: #ffffff;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-trusted__facts-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sb-trusted__fact {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 30px;
	background: #59cbe8;
	border: none;
	border-radius: 10px;
	min-height: 131px;
}

.sb-trusted__fact img {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
}

.sb-trusted__fact span {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	color: #101820;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

/* White outline pill button variant */
.sb-btn-pill--white-outline {
	background: transparent;
	border-color: #ffffff;
	color: #ffffff;
}

.sb-btn-pill--white-outline:hover {
	background: #ffffff;
	color: #101820;
	opacity: 1;
}

@media (max-width: 1023px) {
	.sb-trusted__grid {
		grid-template-columns: 1fr;
	}
	.sb-trusted__facts {
		width: 100%;
	}
	.sb-trusted__facts-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 599px) {
	.sb-trusted {
		padding-block: 60px;
	}
	.sb-trusted__case {
		padding: 32px 24px;
	}
	.sb-trusted__facts-list {
		grid-template-columns: 1fr;
	}
}

/* ── Section 09 — Pricing / Year 5 ────────────────────── */
.sb-pricing {
	background: #ffffff;
	padding-top: 200px;
	padding-bottom: 100px;
}

.sb-pricing__inner {
	display: flex;
	flex-direction: column;
	gap: 80px;
	align-items: center;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

/* Top row: text + chart */
.sb-pricing__top {
	display: flex;
	gap: 20px;
	align-items: center;
	width: 100%;
}

.sb-pricing__text {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 60px;
	min-width: 0;
}

.sb-pricing__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	margin: 0;
}

.sb-pricing__costs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sb-pricing__cost-cloud {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(20px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.5;
	color: #212121;
	margin: 0;
}

.sb-pricing__cost-sanbrick {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(20px, 2vw, 28px);
	font-weight: 700;
	line-height: 1.5;
	color: #212121;
	margin: 0;
}

/* Chart mockup placeholder */
.sb-pricing__chart {
	flex: 1;
	aspect-ratio: 16 / 9;
	background: #d9d9d9;
	border-radius: 10px;
	min-width: 0;
}

/* Accordions */
.sb-pricing__accordions {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

.sb-accordion {
	width: 100%;
}

.sb-accordion__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 0 20px;
	background: none;
	border: none;
	border-bottom: 2px solid var(--wp--preset--color--accent-primary);
	cursor: pointer;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(24px, 2.5vw, 38px);
	font-weight: 600;
	line-height: 1.3;
	color: #101820;
	text-align: left;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	transition: color 0.2s ease;
}

.sb-accordion__trigger:focus { outline: none; }
.sb-accordion__trigger:hover { color: var(--wp--preset--color--accent-primary); }

.sb-accordion__icon {
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.sb-accordion__trigger[aria-expanded="true"] .sb-accordion__icon {
	transform: rotate(180deg);
}

.sb-accordion__panel {
	padding: 30px 0 0;
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(16px, 1.5vw, 20px);
	font-weight: 400;
	line-height: 1.6;
	color: #212121;
}

.sb-accordion__panel p { margin: 0; }

@media (max-width: 767px) {
	.sb-pricing {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.sb-pricing__top {
		flex-direction: column;
	}
	.sb-pricing__chart {
		width: 100%;
	}
}

/* ── Section 10 — Solve Your Data Challenges ──────────── */
.sb-challenges {
	background: #ffffff;
	padding-block: 100px;
}

.sb-challenges__inner {
	display: flex;
	flex-direction: column;
	gap: 80px;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

.sb-challenges__header {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	text-align: center;
}

.sb-challenges__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-challenges__subtitle {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.5;
	color: #101820;
	margin: 0;
}

/* 2-col grid, 5 rows */
.sb-challenges__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(5, auto);
	column-gap: 150px;
	row-gap: 60px;
	position: relative;
}

/* Vertical dashed centre line */
.sb-challenges__line {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 10px;
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 0;
	background-image: url("data:image/svg+xml,%3csvg width='10' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='5' y1='0' x2='5' y2='100%25' stroke='%23f26440' stroke-width='6' stroke-dasharray='6%2c 20' stroke-linecap='round'/%3e%3c%2fsvg%3e");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 10px 100%;
}

/* Sticky floating astronaut on the centre line */
.sb-challenges__astronaut-wrap {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.sb-challenges__astronaut {
	position: sticky;
	top: 50vh;
	transform: translateY(-50%);
	display: block;
	width: 121px;
	height: 121px;
	object-fit: contain;
}

/* Text block */
.sb-challenges__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 40px;
	justify-content: center;
	position: relative;
	z-index: 1;
}

/* Odd rows: text is right-aligned in col 1 */
.sb-challenges__text--right {
	text-align: right;
	align-items: flex-end;
}

.sb-challenges__number {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 96px;
	font-weight: 700;
	line-height: 1;
	color: var(--wp--preset--color--accent-primary);
	display: block;
}

.sb-challenges__title {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(24px, 2.5vw, 38px);
	font-weight: 600;
	line-height: 1.3;
	color: #101820;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-challenges__body {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sb-challenges__body p {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.5;
	color: #101820;
	margin: 0 0 10px;
}

.sb-challenges__body p:last-child { margin-bottom: 0; }

.sb-challenges__body--bold {
	font-weight: 700 !important;
}

/* Image placeholder with green tint */
.sb-challenges__image {
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.sb-challenges__image-inner {
	width: 100%;
	height: 100%;
	background: #d9d9d9;
	border-radius: 10px;
	position: relative;
}

.sb-challenges__image-inner::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(76, 214, 77, 0.5);
	mix-blend-mode: darken;
	border-radius: 10px;
}

/* Grid column/row placement via data attributes */
.sb-challenges__text[data-col="1"]  { grid-column: 1; }
.sb-challenges__text[data-col="2"]  { grid-column: 2; }
.sb-challenges__image[data-col="1"] { grid-column: 1; }
.sb-challenges__image[data-col="2"] { grid-column: 2; }

.sb-challenges__text[data-row="1"],
.sb-challenges__image[data-row="1"] { grid-row: 1; }
.sb-challenges__text[data-row="2"],
.sb-challenges__image[data-row="2"] { grid-row: 2; }
.sb-challenges__text[data-row="3"],
.sb-challenges__image[data-row="3"] { grid-row: 3; }
.sb-challenges__text[data-row="4"],
.sb-challenges__image[data-row="4"] { grid-row: 4; }
.sb-challenges__text[data-row="5"],
.sb-challenges__image[data-row="5"] { grid-row: 5; }

@media (max-width: 767px) {
	.sb-challenges__grid {
		grid-template-columns: 1fr;
		column-gap: 0;
	}
	.sb-challenges__line,
	.sb-challenges__astronaut-wrap { display: none; }
	.sb-challenges__text[data-col],
	.sb-challenges__image[data-col] { grid-column: 1 !important; }
	.sb-challenges__text--right { text-align: left; align-items: flex-start; }
	/* reorder so text always comes before image */
	.sb-challenges__text[data-row="1"] { grid-row: 1; }
	.sb-challenges__image[data-row="1"] { grid-row: 2; }
	.sb-challenges__image[data-row="2"] { grid-row: 3; }
	.sb-challenges__text[data-row="2"]  { grid-row: 4; }
	.sb-challenges__text[data-row="3"]  { grid-row: 5; }
	.sb-challenges__image[data-row="3"] { grid-row: 6; }
	.sb-challenges__image[data-row="4"] { grid-row: 7; }
	.sb-challenges__text[data-row="4"]  { grid-row: 8; }
	.sb-challenges__text[data-row="5"]  { grid-row: 9; }
	.sb-challenges__image[data-row="5"] { grid-row: 10; }
}

/* ── Section 11 — Validate Before You Commit ──────────── */
.sb-validate {
	background: #ffffff;
	padding-block: 100px;
}

.sb-validate__inner {
	display: flex;
	flex-direction: column;
	gap: 80px;
	align-items: center;
	max-width: 1440px;
	margin-inline: auto;
	padding-inline: clamp(24px, 4vw, 50px);
	width: 100%;
}

.sb-validate__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	text-align: center;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-validate__slider {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

/* Progress bar */
.sb-validate__progress {
	width: 100%;
	height: 10px;
	background: #d9d9d9;
	border-radius: 10px;
	overflow: hidden;
}

.sb-validate__progress-fill {
	height: 100%;
	width: 0%;
	background: var(--wp--preset--color--accent-primary);
	border-radius: 10px;
}

/* Slides stack */
.sb-validate__slides-wrap {
	display: grid;
	padding: 40px;
}

.sb-validate__slide {
	grid-area: 1 / 1;
	display: flex;
	gap: 80px;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease;
}

.sb-validate__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

/* Image placeholder */
.sb-validate__image {
	flex: 1;
	aspect-ratio: 4 / 3;
	background: #d9d9d9;
	border-radius: 10px;
	min-width: 0;
	flex-shrink: 0;
}

/* Text + button */
.sb-validate__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 40px;
	min-width: 0;
}

.sb-validate__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sb-validate__text h3 {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(24px, 2.5vw, 38px);
	font-weight: 600;
	line-height: 1.3;
	color: #101820;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-validate__text ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.sb-validate__text li {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 400;
	line-height: 1.5;
	color: #101820;
}

.sb-validate__timeline {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 700;
	line-height: 1.5;
	color: #101820;
	margin: 0;
}

/* Prev / Next controls */
.sb-validate__controls {
	display: flex;
	gap: 30px;
	align-items: center;
	justify-content: center;
}

.sb-validate__prev,
.sb-validate__next {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	transition: opacity 0.2s ease;
}

.sb-validate__prev:hover,
.sb-validate__next:hover { opacity: 0.6; }

.sb-validate__prev:focus,
.sb-validate__next:focus { outline: none; }

@media (max-width: 767px) {
	.sb-validate__slide {
		flex-direction: column;
		gap: 32px;
	}
	.sb-validate__slides-wrap { padding: 0; }
}

/* ── Section 12 — Value Proposition Marquee ───────────── */
.sb-marquee-section {
	background: #ffffff;
	padding-top: 100px;
	padding-bottom: 200px;
	overflow: hidden;
}

.sb-marquee-section__inner {
	display: flex;
	flex-direction: column;
	gap: 60px;
	align-items: center;
}

.sb-marquee-section__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	text-align: center;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	padding-inline: clamp(24px, 4vw, 50px);
}

.sb-marquee-section__rows {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

.sb-marquee__row {
	overflow: hidden;
	line-height: 1;
}

.sb-marquee__track {
	display: inline-flex;
	white-space: nowrap;
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(64px, 9vw, 128px);
	font-weight: 300;
	line-height: 1.35;
	font-synthesis: none;
}

.sb-marquee__row--accent .sb-marquee__track { color: var(--wp--preset--color--accent-primary); }
.sb-marquee__row--dark   .sb-marquee__track { color: #101820; }

/* Scroll animations */
@keyframes marquee-left {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@keyframes marquee-right {
	from { transform: translateX(-50%); }
	to   { transform: translateX(0); }
}

.sb-marquee__track--left  { animation: marquee-left  45s linear infinite; }
.sb-marquee__track--right { animation: marquee-right 45s linear infinite; }

/* Pause on reduced motion */
@media (prefers-reduced-motion: reduce) {
	.sb-marquee__track--left,
	.sb-marquee__track--right { animation: none; }
}

/* ── Section 13 — Final CTA ───────────────────────────── */
.sb-final-cta {
	/* two-tone split: light panel left, dark strip right */
	background: linear-gradient(
		to right,
		#fff9f8 calc(100% - clamp(200px, 10vw, 400px)),
		#101820 calc(100% - clamp(200px, 10vw, 400px))
	);
	position: relative;
	overflow-x: clip;
}

/* Hard cut: dark overlay on the right strip sits above the astronaut,
   cutting his body exactly at the panel boundary                      */
.sb-final-cta::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: clamp(200px, 10vw, 400px);
	background: #101820;
	z-index: 1;
	pointer-events: none;
}

/* Panel is now a pure content wrapper — same pattern as every other section */
.sb-final-cta__panel {
	background: none;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: clamp(80px, 10vw, 150px) clamp(24px, 5vw, 80px);
	position: relative;
	z-index: 1;
}

.sb-final-cta__content {
	display: flex;
	flex-direction: column;
	gap: 80px;
	max-width: 860px;
}

.sb-final-cta__text {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sb-final-cta__heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: clamp(32px, 3.5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	color: #101820;
	margin: 0;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

.sb-final-cta__lead {
	font-family: var(--wp--preset--font-family--lato);
	font-size: clamp(18px, 2vw, 28px);
	font-weight: 700;
	line-height: 1.5;
	color: #212121;
	margin: 0;
}

.sb-final-cta__trust {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sb-final-cta__trust-label {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #212121;
	margin: 0;
}

.sb-final-cta__trust-list {
	list-style: disc;
	padding-left: 24px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sb-final-cta__trust-list li {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	color: #212121;
}

.sb-final-cta__buttons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

/* Planet decoration */
.sb-final-cta__planet {
	position: absolute;
	right: -281px;
	top: 320px;
	transform: translateY(-50%);
	width: 692px;
	pointer-events: none;
	z-index: 2;
}

.sb-final-cta__planet img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1023px) {
	.sb-final-cta {
		background: #fff9f8;
	}
	.sb-final-cta__planet {
		display: none;
	}
	.sb-final-cta::after {
		display: none;
	}
}

@media (max-width: 599px) {
	.sb-final-cta__buttons {
		flex-direction: column;
	}
	.sb-final-cta__buttons .sb-btn-pill {
		width: 100%;
		justify-content: center;
	}
}

/* ── Footer ─────────────────────────────────────────────── */
.wp-site-blocks > footer {
	margin-block-start: 0;
}

.sb-footer {
	background: var(--wp--preset--color--bg-section);
}

.sb-footer__inner {
	max-width: 1440px;
	margin: 0 auto;
	padding: 80px clamp(24px, 5vw, 80px) 40px;
}

/* Four-column grid */
.sb-footer__cols {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	padding-bottom: 60px;
	border-bottom: 1px solid var(--wp--preset--color--border);
}

/* Column headings */
.sb-footer__col-heading {
	font-family: var(--wp--preset--font-family--poppins);
	font-size: 18px;
	font-weight: 600;
	color: var(--wp--preset--color--text-primary);
	margin: 0 0 28px;
	line-height: 1.3;
}

/* Column link list */
.sb-footer__col-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sb-footer__col-list a {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 16px;
	font-weight: 400;
	color: var(--wp--preset--color--text-secondary);
	text-decoration: none;
	transition: color 0.2s ease;
}

.sb-footer__col-list a:hover {
	color: var(--wp--preset--color--text-primary);
}

/* Brand column */
.sb-footer__brand {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.sb-footer__brand img {
	display: block;
}

.sb-footer__copy,
.sb-footer__address {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--wp--preset--color--text-secondary);
	margin: 0;
	font-style: normal;
}

/* LinkedIn button */
.sb-footer__linkedin {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #ffffff;
	flex-shrink: 0;
	transition: opacity 0.2s ease;
	margin-top: 8px;
}

.sb-footer__linkedin:hover {
	opacity: 0.8;
}

.sb-footer__linkedin svg path {
	fill: #101820;
}

/* Bottom bar */
.sb-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-top: 32px;
	flex-wrap: wrap;
}

.sb-footer__tagline {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 14px;
	font-weight: 400;
	color: var(--wp--preset--color--text-secondary);
	margin: 0;
}

.sb-footer__legal {
	display: flex;
	gap: 24px;
}

.sb-footer__legal a {
	font-family: var(--wp--preset--font-family--lato);
	font-size: 14px;
	font-weight: 400;
	color: var(--wp--preset--color--text-secondary);
	text-decoration: none;
	transition: color 0.2s ease;
}

.sb-footer__legal a:hover {
	color: var(--wp--preset--color--text-primary);
}

/* Responsive */
@media (max-width: 1023px) {
	.sb-footer__cols {
		grid-template-columns: repeat(2, 1fr);
		gap: 48px 40px;
	}
}

@media (max-width: 599px) {
	.sb-footer__cols {
		grid-template-columns: 1fr;
	}
	.sb-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}