/*
 * 3Rivers custom Gutenberg blocks.
 *
 * This file is intentionally the single source of truth for frontend
 * block presentation. Keep page-wide layout in main.css and block-specific
 * rules here so future design changes do not become stacked override layers.
 */

.trivers-block {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 5rem 1rem;
}

.entry-content > .trivers-block {
	width: 100%;
	max-width: none;
	margin: 0;
}

.trivers-block__inner {
	width: min(100% - 2rem, 1240px);
	margin-inline: auto;
}

.trivers-block__inner--readable {
	max-width: 980px;
}

.trivers-block__header {
	max-width: 820px;
	margin: 0 auto 2.6rem;
	text-align: center;
}

/* Component reset: custom blocks own their internal spacing and typography.
 * Generic .entry-content rules in main.css are deliberately low-specificity,
 * and this reset prevents browser/Gutenberg defaults from leaking in. */
.trivers-block :where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, dl, dd) {
	margin: 0;
}

.trivers-block :where(ul, ol) {
	padding: 0;
}

.trivers-block :where(blockquote) {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.trivers-block__header > * + * {
	margin-top: .55rem;
}

.trivers-block__eyebrow {
	font-size: 0.88rem;
	font-weight: 800;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.trivers-block :where(h1, h2, h3) {
	line-height: 1.18;
}

.trivers-block h2 {
	color: #377dff;
	font-size: clamp(1.65rem, 2.2vw, 2.05rem);
	font-weight: 500;
}

.trivers-block p + p {
	margin-top: .9rem;
}

.trivers-block__header p {
	color: #6b7688;
	font-size: 1.155rem;
	line-height: 1.65;
}

.trivers-card-grid,
.trivers-step-grid,
.trivers-situation-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* --------------------------------------------------------------------------
 * Hero + media credibility
 * ----------------------------------------------------------------------- */

/*
 * The live Front theme uses a 1140px Bootstrap container and Poppins.
 * Keep those proportions here without importing Bootstrap or Front itself.
 */
.trivers-hero {
	overflow: hidden;
	padding: 2.25rem 1rem 2.35rem;
	background:
		linear-gradient(90deg, rgb(1 29 64 / 28%) 0%, rgb(1 29 64 / 22%) 48%, rgb(1 29 64 / 8%) 100%),
		url("../images/hero-home.png") center 52% / cover no-repeat,
		#05274d;
	color: #fff;
}

.trivers-hero::before { display: none; }

.trivers-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 560px) 515px;
	column-gap: 65px;
	align-items: start;
	width: min(100% - 2rem, 1140px);
	max-width: 1140px;
	margin-inline: auto;
}

.trivers-hero__content {
	min-width: 0;
	max-width: 560px;
	padding-top: .3rem;
}

.trivers-hero__rating {
	display: flex;
	align-items: center;
	gap: .42rem;
	margin: 0 0 .65rem;
	color: #f5b62c;
	font-size: .9rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.25;
	text-transform: none;
}

.trivers-hero__rating-stars {
	display: inline-flex;
	flex: 0 0 auto;
	color: #f5b62c;
	font-size: .96rem;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1;
}

.trivers-hero h1 {
	max-width: 620px;
	margin: 0;
	color: #fff;
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.08;
}

.trivers-hero h1 span,
.trivers-hero h1 strong {
	display: block;
	color: inherit;
	font-weight: inherit;
}

/* Match the approved desktop hero line break exactly. */
.trivers-hero h1 span {
	white-space: nowrap;
}

.trivers-hero__intro {
	max-width: 600px;
	margin-top: .7rem;
	color: rgb(255 255 255 / 94%);
	font-size: 1.21rem;
	font-weight: 300;
	line-height: 1.55;
}

.trivers-check-list {
	display: grid;
	gap: .48rem;
	margin-top: .9rem;
	padding: 0;
	list-style: none;
}

.trivers-check-list li {
	position: relative;
	padding-left: 1.35rem;
}

.trivers-check-list li::before {
	position: absolute;
	top: .12rem;
	left: 0;
	color: #2f3947;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	content: "✓";
}

.trivers-check-list li::after {
	display: none;
	content: none;
}

.trivers-hero .trivers-check-list {
	max-width: 540px;
	margin-top: 1rem;
	gap: .52rem;
}

.trivers-hero .trivers-check-list li {
	padding-left: 1.55rem;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.38;
}

.trivers-hero .trivers-check-list li::before {
	top: .1rem;
	display: grid;
	place-items: center;
	width: 1rem;
	height: 1rem;
	border-radius: 2px;
	background: #75c852;
	color: #fff;
	font-size: .76rem;
	font-weight: 800;
	line-height: 1;
	content: "✓";
}

.trivers-hero .trivers-check-list li::after {
	display: none;
	content: none;
}

/* Approved live design: the testimonial is inline on the blue hero, not a white card. */
.trivers-hero__quote {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: .75rem;
	align-items: center;
	width: min(100%, 500px);
	margin-top: 1.1rem;
	padding: 0;
	background: transparent;
	color: #fff;
}

.trivers-hero__quote-image {
	display: block;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	object-fit: contain;
	object-position: center;
}

.trivers-hero__quote blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	font-size: 1.056rem;
	font-style: italic;
	font-weight: 300;
	line-height: 1.5;
}

.trivers-hero__quote figcaption {
	margin-top: .2rem;
	color: #fff;
	font-size: 0.858rem;
	font-weight: 600;
}

.trivers-hero__stats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: min(100%, 500px);
	margin-top: .95rem;
	border-top: 1px solid rgb(255 255 255 / 24%);
}

.trivers-hero__stat { padding: .72rem .25rem .2rem 0; }
.trivers-hero__stat + .trivers-hero__stat { padding-left: 1.25rem; border-left: 1px solid rgb(255 255 255 / 24%); }
.trivers-hero__stat strong,
.trivers-hero__stat span { display: block; }
.trivers-hero__stat strong { font-size: 1.43rem; font-weight: 600; line-height: 1.05; }
.trivers-hero__stat span { margin-top: .08rem; color: rgb(255 255 255 / 92%); font-size: 0.902rem; font-weight: 400; line-height: 1.25; }

.trivers-hero__trust { width: 330px; max-width: 100%; margin-top: 1.3rem; }
.trivers-hero__trust-image { display: block; width: 100%; height: auto; max-width: none; max-height: none; object-fit: contain; object-position: left center; }

/* Keep the form's live right edge while widening it toward the left. */
.trivers-hero__form {
	--trivers-form-control-min-height: 3.45rem;
	--trivers-form-control-padding: .6rem .68rem;
	--trivers-form-control-border-color: #d9e2ec;
	--trivers-form-control-font-size: .99rem;
	--trivers-form-textarea-min-height: 11.5rem;
	--trivers-form-label-margin-bottom: .34rem;
	--trivers-form-label-font-size: .77rem;
	--trivers-form-label-font-weight: 600;
	--trivers-form-submit-min-width: 180px;
	--trivers-form-submit-min-height: 2.55rem;
	--trivers-form-submit-padding: .54rem 1.12rem;
	--trivers-form-submit-font-size: .924rem;
	--trivers-form-submit-font-weight: 600;
	justify-self: end;
	width: 515px;
	max-width: none;
	margin: 0;
	padding: 2rem 1.75rem 1.75rem;
	border-radius: .25rem;
	background: #fff;
	color: #1e2022;
	box-shadow: 0 .75rem 2.25rem rgb(0 0 0 / 16%);
}

.trivers-hero__form h2 { margin: 0; color: #377dff; font-size: 1.701rem; font-weight: 400; line-height: 1.25; text-align: center; }
.trivers-hero__form > p { margin-top: .38rem; color: #77838f; font-size: 0.814rem; font-weight: 400; line-height: 1.45; text-align: center; }
/* Form internals are styled in forms.css. */
.trivers-hero__form-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .36rem;
	margin-top: .9rem;
	color: #8c98a4;
	font-size: 0.77rem;
	text-align: center;
}

.trivers-hero__form-note::before {
	flex: 0 0 .96rem;
	width: .96rem;
	height: .96rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5a623' d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2Zm-7-2a2 2 0 1 1 4 0v2h-4V6Zm3 10.73V18h-2v-1.27a2 2 0 1 1 2 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
}


/* Media credibility immediately follows the hero in the live design. */
.trivers-media-quotes {
	padding: 3.75rem 1rem 4.15rem;
	background: #031f42;
	color: #fff;
	text-align: center;
}

.trivers-media-quotes .trivers-block__header {
	display: none;
}

.trivers-media-quotes__viewport {
	display: grid;
	max-width: 760px;
	margin-inline: auto;
}

.trivers-media-quotes__slide {
	grid-area: 1 / 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 150px;
	opacity: 0;
	visibility: hidden;
	transition: opacity .45s ease, visibility .45s ease;
}

.trivers-media-quotes__slide.is-active {
	opacity: 1;
	visibility: visible;
}

.trivers-media-quotes__slide h3 {
	margin: 0;
	color: #fff;
	font-size: clamp(1.75rem, 3vw, 2.35rem);
	font-weight: 600;
	line-height: 1.15;
}

.trivers-media-quotes__slide blockquote {
	max-width: 720px;
	margin: 1rem auto 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: rgb(255 255 255 / 94%);
	font-size: 1.056rem;
	font-weight: 300;
	line-height: 1.7;
}

.trivers-media-quotes__sources {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .35rem 1.15rem;
	margin: .55rem 0 0;
}

.trivers-media-quotes__source {
	position: relative;
	appearance: none;
	padding: .28rem .08rem .42rem;
	border: 0;
	background: transparent;
	color: #9fb3ca;
	font: inherit;
	font-size: 0.77rem;
	font-weight: 400;
	line-height: 1.2;
	cursor: pointer;
	transition: color .2s ease;
}

.trivers-media-quotes__source::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #fff;
	content: "";
	transform: translateX(-50%);
	transition: width .2s ease;
}

.trivers-media-quotes__source:hover,
.trivers-media-quotes__source:focus-visible,
.trivers-media-quotes__source.is-active {
	color: #fff;
}

.trivers-media-quotes__source.is-active::after {
	width: 100%;
}

.trivers-media-quotes__source:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.trivers-media-quotes__slide,
	.trivers-media-quotes__source,
	.trivers-media-quotes__source::after {
		transition: none;
	}
}

/* --------------------------------------------------------------------------
 * How it works
 * ----------------------------------------------------------------------- */

.trivers-how-it-works {
	padding: 3.25rem 1rem 3.2rem;
	background: #fff;
}

.trivers-how-it-works .trivers-block__header { margin-bottom: 2.2rem; }
.trivers-how-it-works .trivers-block__header h2 { color: #377dff; font-size: 2.152rem; font-weight: 500; }

.trivers-step-grid {
	position: relative;
	display: grid;
	gap: 2.4rem;
	margin-inline: auto;
	padding: 0 0 3.35rem;
}

.trivers-step-grid--count-1 { grid-template-columns: minmax(0, 1fr); max-width: 380px; }
.trivers-step-grid--count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 700px; }
.trivers-step-grid--count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 940px; }
.trivers-step-grid--count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1240px; }
.trivers-step-grid--count-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 1240px; }
.trivers-step-grid--count-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); max-width: 1240px; }

.trivers-step-grid::after {
	position: absolute;
	left: 2.5%;
	bottom: 0;
	width: 95%;
	height: 3rem;
	background: url("../images/process-pointer.svg") center bottom / 100% 100% no-repeat;
	content: "";
	opacity: .9;
	pointer-events: none;
}

.trivers-step-grid--count-1::after,
.trivers-step-grid--count-2::after,
.trivers-step-grid--count-5::after,
.trivers-step-grid--count-6::after {
	display: none;
}

.trivers-step-grid--count-3::after {
	left: 4%;
	width: 92%;
}

.trivers-step-card { position: relative; min-width: 0; text-align: center; }
.trivers-step-card__number { display: block; width: 60px; height: 60px; margin: 0 auto .9rem; border-radius: 50%; background: #edf4ff center / 31px 31px no-repeat; color: transparent; font-size: 0; }
.trivers-step-card--icon-contact .trivers-step-card__number { background-image: url("../images/process-contact.svg"); }
.trivers-step-card--icon-visit .trivers-step-card__number { background-image: url("../images/process-visit.svg"); }
.trivers-step-card--icon-offer .trivers-step-card__number { background-image: url("../images/process-offer.svg"); }
.trivers-step-card--icon-closing .trivers-step-card__number { background-image: url("../images/process-closing.svg"); }
.trivers-step-card h3 { color: #17243a; font-size: 1.166rem; font-weight: 600; }
.trivers-step-card p { margin-top: .48rem; color: #6e7887; font-size: 1.012rem; line-height: 1.62; }
.trivers-step-card::after { display: none; }

/* --------------------------------------------------------------------------
 * Why sell to us
 * ----------------------------------------------------------------------- */

.trivers-why-choose-us { padding: 2.4rem 1rem 3.1rem; background: #fff; }
.trivers-why-choose-us .trivers-block__inner { display: grid; grid-template-columns: minmax(330px, .9fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 4rem; align-items: center; max-width: 1240px; }
.trivers-why-choose-us .trivers-block__header { grid-column: 1 / -1; margin-bottom: 1.65rem; }
.trivers-why-choose-us .trivers-block__header h2 { color: #377dff; font-size: 2.1rem; font-weight: 500; }
.trivers-why-choose-us .trivers-block__header p { color: #6b7688; font-size: 1.1rem; }
.trivers-why-choose-us .trivers-block__inner::before { display: block; grid-column: 1; grid-row: 2; width: 100%; max-width: 430px; aspect-ratio: 1.16 / 1; margin-inline: auto; background: url("../images/why-sell-illustration.svg") center / contain no-repeat; content: ""; }
.trivers-why-choose-us .trivers-card-grid { display: grid; grid-column: 2; grid-row: 2; grid-template-columns: 1fr; gap: 1rem; }
.trivers-feature-card { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 1.15rem; row-gap: .24rem; align-items: start; min-height: 3.7rem; padding: 0; border: 0; background: transparent; box-shadow: none; }
.trivers-feature-card__mark { grid-column: 1; grid-row: 1 / span 2; align-self: center; width: 3.25rem; height: 3.25rem; background-position: center; background-repeat: no-repeat; background-size: contain; }
.trivers-feature-card__mark--condition { background-image: url("../images/benefit-condition.svg"); }
.trivers-feature-card__mark--terms { background-image: url("../images/benefit-terms.svg"); }
.trivers-feature-card__mark--hassle { background-image: url("../images/benefit-hassle.svg"); }
.trivers-feature-card__mark--fees { background-image: url("../images/benefit-fees.svg"); }
.trivers-feature-card__mark--local { background-image: url("../images/benefit-local.svg"); }
.trivers-feature-card h3 { grid-column: 2; grid-row: 1; margin: 0; color: #17243a; font-size: 1.166rem; font-weight: 700; line-height: 1.35; }
.trivers-feature-card p { grid-column: 2; grid-row: 2; margin: 0; color: #6d7787; font-size: 1.012rem; line-height: 1.58; }

/* --------------------------------------------------------------------------
 * Owner intro
 * ----------------------------------------------------------------------- */

.trivers-owner-intro { padding: 2.85rem 1rem; background: #f7f9fc; }
.trivers-owner-intro__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .78fr); gap: 3.2rem; align-items: center; width: min(100% - 2rem, 1160px); max-width: 1160px; margin-inline: auto; }
.trivers-owner-intro .trivers-block__header { max-width: none; margin: 0 0 .85rem; text-align: left; }
.trivers-owner-intro .trivers-block__eyebrow { color: #377dff; font-size: 1rem; font-weight: 700; }
.trivers-owner-intro .trivers-block__header h2 { margin-top: .22rem; color: #377dff; font-size: 2.047rem; font-weight: 500; line-height: 1.2; }
.trivers-owner-intro__content > p { color: #5b6778; font-size: 1.056rem; line-height: 1.68; }
.trivers-owner-intro .trivers-check-list { gap: .28rem; margin-top: .7rem; }
.trivers-owner-intro .trivers-check-list li { color: #445268; font-size: 0.99rem; }
.trivers-owner-intro__highlight { margin-top: .85rem; padding: .62rem .8rem; border-left: 3px solid #377dff; background: #fff; color: #15233b; font-size: 0.99rem; font-weight: 700; }
.trivers-owner-intro__button { display: inline-flex; margin-top: .75rem; padding: .65rem 1rem; border-radius: 2px; background: #377dff; color: #fff; font-size: 0.946rem; font-weight: 700; text-decoration: none; }
.trivers-owner-intro__button:hover,
.trivers-owner-intro__button:focus-visible { background: #1768eb; color: #fff; }
.trivers-owner-intro__rating { display: flex; align-items: center; gap: .3rem; margin-top: .5rem; color: #6b7688; font-size: 0.924rem; }
.trivers-owner-intro__rating-star { color: #f5a623; font-size: 1.08em; line-height: 1; }
.trivers-owner-intro__media { margin: 0; text-align: center; }
.trivers-owner-intro__image { display: block; width: 100%; max-width: 360px; margin-inline: auto; border-radius: 3px; box-shadow: 0 12px 30px rgb(10 33 65 / 10%); }

/* --------------------------------------------------------------------------
 * Seller situations
 * ----------------------------------------------------------------------- */

.trivers-seller-situations { padding: 2.8rem 1rem 3.1rem; background: #fff; }
.trivers-seller-situations .trivers-block__inner { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr); grid-template-rows: auto auto; column-gap: 3.4rem; align-items: center; max-width: 1240px; }
.trivers-seller-situations .trivers-block__header { grid-column: 1 / -1; margin-bottom: 1.8rem; }
.trivers-seller-situations .trivers-block__header h2 { color: #377dff; font-size: 1.943rem; font-weight: 500; }

/* Match the live site's connected situation-card treatment. */
.trivers-seller-situations .trivers-situation-list {
	position: relative;
	display: grid;
	grid-column: 1;
	grid-row: 2;
	gap: 1.55rem;
	max-width: 560px;
	padding-left: 44px;
}

.trivers-seller-situations .trivers-situation-list::before {
	position: absolute;
	top: 44px;
	bottom: 44px;
	left: 0;
	width: 1px;
	background: #dce4ee;
	content: "";
}

.trivers-seller-situations .trivers-situation-list li {
	position: relative;
	display: flex;
	min-height: 88px;
	align-items: center;
	padding: 1.15rem 1.55rem;
	border: 1px solid #dce4ee;
	border-radius: 4px;
	background: #fff;
	color: #687589;
	font-size: 1.045rem;
	font-weight: 600;
	line-height: 1.45;
	box-shadow: none;
}

.trivers-seller-situations .trivers-situation-list li::before {
	position: absolute;
	top: 50%;
	left: -44px;
	width: 32px;
	height: 1px;
	border-radius: 0;
	background: #dce4ee;
	content: "";
	transform: translateY(-50%);
}

.trivers-seller-situations .trivers-situation-list li::after { display: none; content: none; }

.trivers-seller-situations .trivers-block__inner::after { display: block; grid-column: 2; grid-row: 2; width: 100%; max-width: 455px; aspect-ratio: 1.1 / 1; margin-inline: auto; background: url("../images/seller-situations-illustration.svg") center / contain no-repeat; content: ""; }

/* --------------------------------------------------------------------------
 * Trustpilot reviews
 * ----------------------------------------------------------------------- */

.trivers-testimonials {
	overflow: hidden;
	padding: 3.8rem 1rem 4.15rem;
	background: linear-gradient(180deg, #fff 0%, #f6faff 100%);
}

.trivers-testimonials .trivers-block__inner {
	width: min(100% - 2rem, 1240px);
}

.trivers-testimonials .trivers-block__header {
	max-width: 780px;
	margin-bottom: 2.45rem;
}

.trivers-testimonials .trivers-block__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .42rem .8rem;
	border-radius: 999px;
	background: #e6f7f1;
	color: #008f64;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.trivers-testimonials .trivers-block__header h2 {
	color: #17243a;
	font-size: clamp(2rem, 3vw, 2.65rem);
	font-weight: 700;
	letter-spacing: -.02em;
}

.trivers-testimonials .trivers-block__header p {
	max-width: 680px;
	margin-inline: auto;
	color: #245c8f;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.55;
}

.trivers-testimonials__carousel {
	position: relative;
	max-width: 1180px;
	margin-inline: auto;
	padding: 0 3.25rem 2.2rem;
}

.trivers-testimonials__viewport {
	overflow: hidden;
}

.trivers-testimonials__track {
	display: flex;
	gap: 1.25rem;
	will-change: transform;
	transition: transform .55s cubic-bezier(.22, .61, .36, 1);
}

.trivers-review-card {
	position: relative;
	box-sizing: border-box;
	flex: 0 0 calc((100% - 2.5rem) / 3);
	min-width: 0;
	min-height: 330px;
	padding: 1.6rem 1.55rem 1.55rem;
	border: 1px solid #dce8f3;
	border-radius: 12px;
	background: #eef6fb;
	box-shadow: 0 12px 28px rgb(18 51 88 / 6%);
}

.trivers-testimonials--count-1 .trivers-review-card {
	flex-basis: 100%;
}

.trivers-testimonials--count-2 .trivers-review-card {
	flex-basis: calc((100% - 1.25rem) / 2);
}

.trivers-testimonials.is-carousel-static .trivers-testimonials__arrow,
.trivers-testimonials.is-carousel-static .trivers-testimonials__dots {
	display: none;
}

.trivers-review-card::after {
	position: absolute;
	top: .65rem;
	right: 1.15rem;
	color: #d8e8f5;
	font-family: Georgia, serif;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1;
	content: "“";
	pointer-events: none;
}

.trivers-review-card__header {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: .9rem;
	padding-right: 2.2rem;
}

.trivers-review-card__avatar {
	display: inline-flex;
	flex: 0 0 52px;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: linear-gradient(145deg, #377dff, #164e91);
	box-shadow: 0 5px 14px rgb(18 66 119 / 18%);
	color: #fff;
	font-size: .96rem;
	font-weight: 800;
	letter-spacing: .03em;
}

.trivers-review-card__meta {
	display: grid;
	gap: .12rem;
	min-width: 0;
}

.trivers-review-card__stars {
	display: flex;
	gap: .08rem;
	color: #b9c6d4;
	font-size: 1rem;
	line-height: 1;
}

.trivers-review-card__stars .is-filled {
	color: #00a77a;
}

.trivers-review-card__name {
	color: #17243a;
	font-size: 1.06rem;
	font-weight: 700;
	line-height: 1.3;
}

.trivers-review-card__source {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	color: #627286;
	font-size: .86rem;
	line-height: 1.35;
}

.trivers-review-card__verified {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #00a77a;
	color: #fff;
	font-size: .62rem;
	font-weight: 800;
	line-height: 1;
}

.trivers-review-card blockquote {
	position: relative;
	z-index: 1;
	margin-top: 1.45rem;
	color: #26364d;
	font-size: 1.06rem;
	font-weight: 400;
	line-height: 1.68;
}

.trivers-testimonials__arrow {
	position: absolute;
	top: calc(50% - 1.9rem);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid #1664a8;
	border-radius: 50%;
	background: #1664a8;
	box-shadow: 0 8px 20px rgb(13 64 110 / 10%);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease;
}

.trivers-testimonials__arrow:hover,
.trivers-testimonials__arrow:focus-visible {
	transform: scale(1.06);
	background: #0f4f87;
	color: #fff;
}

.trivers-testimonials__arrow--prev { left: 0; }
.trivers-testimonials__arrow--next { right: 0; }

.trivers-testimonials__dots {
	position: absolute;
	left: 50%;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	transform: translateX(-50%);
}

.trivers-testimonials__dot {
	width: 11px;
	height: 11px;
	padding: 0;
	border: 1px solid #1664a8;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease;
}

.trivers-testimonials__dot.is-active {
	transform: scale(1.15);
	background: #1664a8;
}

.trivers-testimonials__link {
	margin-top: .8rem;
	font-size: 1rem;
	text-align: center;
}

.trivers-testimonials__link a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: #1664a8;
	font-weight: 700;
	text-decoration: none;
}

.trivers-testimonials__link a::after {
	font-size: 1.05em;
	content: "↗";
}

.trivers-testimonials__link a:hover,
.trivers-testimonials__link a:focus-visible {
	text-decoration: underline;
}

@media (max-width: 959px) {
	.trivers-review-card {
		flex-basis: calc((100% - 1.25rem) / 2);
	}

	.trivers-testimonials--count-1 .trivers-review-card {
		flex-basis: 100%;
	}
}

@media (max-width: 639px) {
	.trivers-testimonials {
		padding: 3rem .75rem 3.4rem;
	}

	.trivers-testimonials .trivers-block__header {
		margin-bottom: 1.8rem;
	}

	.trivers-testimonials .trivers-block__header h2 {
		font-size: 1.85rem;
	}

	.trivers-testimonials .trivers-block__header p {
		font-size: 1rem;
	}

	.trivers-testimonials__carousel {
		padding-inline: 2.75rem;
	}

	.trivers-review-card {
		flex-basis: 100%;
		min-height: 0;
		padding: 1.35rem 1.25rem;
	}

	.trivers-review-card__avatar {
		flex-basis: 46px;
		width: 46px;
		height: 46px;
	}

	.trivers-review-card blockquote {
		font-size: 1rem;
	}

	.trivers-testimonials__arrow {
		width: 36px;
		height: 36px;
		font-size: 1.05rem;
	}
}

/* --------------------------------------------------------------------------
 * Homeowner reasons
 * ----------------------------------------------------------------------- */

.trivers-homeowner-reasons { padding: 3rem 1rem 3.1rem; background: #fff; }
.trivers-homeowner-reasons .trivers-block__inner { max-width: 1040px; }
.trivers-homeowner-reasons .trivers-block__header { max-width: none; margin: 0 0 .9rem; text-align: left; }
.trivers-homeowner-reasons .trivers-block__header h2 { color: #377dff; font-size: 1.943rem; font-weight: 500; }
.trivers-homeowner-reasons p { color: #5a6678; font-size: 1.056rem; line-height: 1.72; }
.trivers-homeowner-reasons__items { gap: .3rem; margin-top: .75rem; }
.trivers-homeowner-reasons__items li { color: #445269; font-size: 0.99rem; }

/* --------------------------------------------------------------------------
 * Comparison
 * ----------------------------------------------------------------------- */

.trivers-compare {
	padding: 31px 16px 44px;
	background: #0c2d48;
	color: #fff;
}

.trivers-compare .trivers-block__inner {
	max-width: 1240px;
}

.trivers-compare .trivers-block__header {
	max-width: 900px;
	margin: 0 auto 30px;
	text-align: center;
}

.trivers-compare .trivers-block__eyebrow {
	display: none;
}

.trivers-compare .trivers-block__header h2 {
	margin: 0;
	color: #fff;
	font-size: 2.25rem;
	font-weight: 400;
	line-height: 1.16;
}

.trivers-compare .trivers-block__header p {
	margin: 12px 0 0;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
}

.trivers-compare__table-wrap {
	max-width: 1000px;
	margin-inline: auto;
	overflow-x: auto;
	border-radius: 8px;
	-webkit-overflow-scrolling: touch;
}

/* Comparison table owns its presentation. Generic article table rules in
 * main.css use :where(), so this component does not require selector escalation. */
.trivers-compare__table {
	width: 100%;
	min-width: 780px;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	color: #17243a;
	font-size: 16px;
	line-height: 1.25;
	table-layout: fixed;
}

.trivers-compare__table th,
.trivers-compare__table td {
	height: 57px;
	padding: 0 12px;
	border: 0;
	border-right: 1px solid #2e5a7d;
	border-bottom: 1px solid #2e5a7d;
	vertical-align: middle;
}

.trivers-compare__table tr > *:last-child {
	border-right: 0;
}

.trivers-compare__table tbody tr:last-child > * {
	border-bottom: 0;
}

.trivers-compare__table thead th {
	height: 57px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

.trivers-compare__corner {
	width: 33.333%;
	background: #1a4364;
}

.trivers-compare__heading--company {
	width: 33.333%;
	background: #ecfdf5;
	color: #115f46;
}

.trivers-compare__heading--agent {
	width: 33.334%;
	background: #fef2f2;
	color: #991b1b;
}

.trivers-compare__table tbody th {
	background: #1a4364;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

.trivers-compare__value {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

.trivers-compare__value--company {
	background: #ecfdf5;
	color: #115f46;
}

.trivers-compare__value--agent {
	background: #fef2f2;
	color: #991b1b;
}

.trivers-compare__value > span:last-child {
	display: inline;
}

.trivers-compare__status {
	display: inline-grid;
	place-items: center;
	width: 17px;
	height: 17px;
	margin-right: 6px;
	vertical-align: -2px;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
}

.trivers-compare__status--yes {
	border-radius: 2px;
	background: #77b255;
	color: #fff;
}

.trivers-compare__status--no {
	position: relative;
	width: 18px;
	height: 18px;
	background: transparent;
	color: #dd2e44;
	font-size: 25px;
	font-weight: 300;
	line-height: 16px;
}

@media (max-width: 760px) {
	.trivers-compare {
		padding: 2.65rem .8rem 3rem;
	}

	.trivers-compare .trivers-block__header h2 {
		font-size: 1.85rem;
	}

	.trivers-compare .trivers-block__header {
		margin-bottom: 1.5rem;
	}

	.trivers-compare .trivers-block__header p {
		font-size: 1rem;
	}

	.trivers-compare__table {
		font-size: .95rem;
		table-layout: auto;
	}

	.trivers-compare__table th,
	.trivers-compare__table td {
		height: auto;
		min-height: 57px;
		padding: .75rem .9rem;
	}

	.trivers-compare__value {
		font-size: .95rem;
		white-space: normal;
	}
}

/* --------------------------------------------------------------------------
 * FAQ
 * ----------------------------------------------------------------------- */

.trivers-faq { padding: 3.55rem 1rem 4rem; background: #fff; }
.trivers-faq .trivers-block__header { margin-bottom: 2rem; }
.trivers-faq .trivers-block__eyebrow { display: inline-block; padding: .28rem .68rem; border-radius: 999px; background: #e8faf5; color: #4ebc9f; font-size: 0.78rem; font-weight: 600; text-transform: none; }
.trivers-faq .trivers-block__header h2 { margin-top: .55rem; color: #377dff; font-size: 1.995rem; font-weight: 400; }
.trivers-faq__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.55rem 4.2rem; max-width: 1040px; margin-inline: auto; }
.trivers-faq__item { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.trivers-faq__item summary { padding: 0; color: #17243a; font-size: 1.078rem; font-weight: 700; cursor: pointer; list-style: none; }
.trivers-faq__item summary::-webkit-details-marker { display: none; }
.trivers-faq__item summary::marker,
.trivers-faq__item summary::after { display: none; content: ""; }
.trivers-faq__answer { padding: .35rem 0 0; color: #6c7787; font-size: 0.99rem; line-height: 1.62; }

/* --------------------------------------------------------------------------
 * Dynamic business information (Contact page)
 * ----------------------------------------------------------------------- */

.trivers-recent-offers { padding: 4rem 1rem 4.6rem; background: #0b3451; color: #fff; }
.trivers-recent-offers .trivers-block__header { margin-bottom: 2rem; color: #fff; text-align: center; }
.trivers-recent-offers .trivers-block__header h2 { color: #fff; }
.trivers-recent-offers__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.trivers-recent-offers__card { overflow: hidden; border: 1px solid rgb(133 174 197 / 22%); border-radius: .9rem; background: #173f5b; }
.trivers-recent-offers__card img { display: block; width: 100%; aspect-ratio: 1.65; border-bottom: 3px solid #23c96b; object-fit: cover; }
.trivers-recent-offers__body { padding: 1.25rem 1.25rem 1.1rem; }
.trivers-recent-offers__card h3 { margin: 0 0 .7rem; color: #25d16f; font-size: .78rem; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; }
.trivers-recent-offers__card p { min-height: 4.7em; margin: 0 0 1rem; color: #d0dce4; font-size: .9rem; line-height: 1.55; }
.trivers-recent-offers__card small { display: block; margin-bottom: .25rem; color: #7896aa; font-size: .7rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.trivers-recent-offers__card strong { display: block; margin: 0 0 .8rem; color: #fff; font-family: Georgia, serif; font-size: 1.75rem; }
.trivers-recent-offers__card footer { display: flex; padding-top: .8rem; border-top: 1px solid rgb(158 190 207 / 14%); color: #7f9caf; font-size: .76rem; align-items: center; justify-content: space-between; }
.trivers-recent-offers__badge { padding: .3rem .55rem; border-radius: .4rem; background: rgb(17 110 82 / 28%); color: #2bbd72; font-weight: 600; }
.trivers-recent-offers__cta { padding-top: 3.2rem; text-align: center; }
.trivers-recent-offers__button { display: inline-flex; min-height: 3.9rem; padding: .8rem 2.55rem; border-radius: 999px; background: #2fc95f; box-shadow: 0 10px 22px rgb(14 184 80 / 16%); color: #fff; font-size: 1.05rem; font-weight: 800; text-decoration: none; align-items: center; justify-content: center; }
.trivers-recent-offers__button:hover, .trivers-recent-offers__button:focus-visible { background: #28b755; color: #fff; transform: translateY(-1px); }
.trivers-recent-offers__cta p { margin: 1rem auto 0; color: #7f9caf; font-size: .88rem; }
@media (max-width: 899px) { .trivers-recent-offers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .trivers-recent-offers__grid { grid-template-columns: 1fr; } .trivers-recent-offers__button { width: 100%; } }

.trivers-term-buttons { padding: 2.8rem 1rem; background: #eef5ff; }
.trivers-term-buttons .trivers-block__header { max-width: 700px; margin: 0 auto 1.35rem; text-align: center; }
.trivers-term-buttons__links { display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center; }
.trivers-term-buttons__links a { display: inline-flex; min-height: 2.75rem; padding: .58rem 1rem; border: 1px solid #c9dcfb; border-radius: 999px; background: #fff; box-shadow: 0 7px 18px rgb(10 33 65 / 5%); color: #246bf0; font-size: .9rem; font-weight: 700; text-decoration: none; align-items: center; }
.trivers-term-buttons__links a:hover, .trivers-term-buttons__links a:focus-visible { border-color: #377dff; background: #377dff; color: #fff; transform: translateY(-1px); }
@media (max-width: 479px) {
	.trivers-term-buttons { padding: 2.25rem .75rem; }
	.trivers-term-buttons__links { gap: .6rem; }
	.trivers-term-buttons__links a { width: 100%; justify-content: center; text-align: center; }
}

.trivers-business-info {
	padding: 3.5rem 1rem;
	background: #f7f9fc;
}

.trivers-business-info .trivers-block__header {
	margin-bottom: 1.35rem;
}

.trivers-business-info .trivers-block__header h2 {
	color: #17243a;
	font-size: 1.65rem;
	font-weight: 600;
}

.trivers-business-info__inner {
	max-width: 920px;
}

.trivers-business-info__grid {
	display: grid;
	grid-template-columns: 1fr 1.15fr .85fr;
	border-top: 1px solid #dfe6ef;
	border-bottom: 1px solid #dfe6ef;
	background: #fff;
}

.trivers-business-info__item {
	padding: 1rem 1.1rem;
	border-right: 1px solid #e6ebf1;
}

.trivers-business-info__item:last-child {
	border-right: 0;
}

.trivers-business-info__item h3 {
	margin: 0 0 .45rem;
	color: #17243a;
	font-size: 0.924rem;
}

.trivers-business-info__contact,
.trivers-business-info__hours,
.trivers-business-info__socials {
	display: grid;
	gap: .3rem;
	margin: 0;
}

.trivers-business-info__contact {
	font-style: normal;
	color: #5f6c7d;
	font-size: 0.836rem;
}

.trivers-business-info__contact a,
.trivers-business-info__socials a {
	font-weight: 700;
	text-decoration: none;
}

.trivers-business-info__hours div {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: .55rem;
	padding: .18rem 0;
	font-size: 0.902rem;
}

.trivers-business-info__hours dt {
	color: #26364d;
	font-weight: 700;
}

.trivers-business-info__hours dd {
	margin: 0;
	color: #738095;
}

.trivers-business-info__socials {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 0;
	list-style: none;
	font-size: 0.902rem;
}

.trivers-business-info__social-link {
	display: inline-flex;
	width: 2.35rem;
	height: 2.35rem;
	align-items: center;
	justify-content: center;
	border-radius: .5rem;
	color: #fff;
	text-decoration: none;
	transition: transform .15s ease, opacity .15s ease;
}

.trivers-business-info__social-link:hover,
.trivers-business-info__social-link:focus-visible {
	color: #fff;
	opacity: .88;
	transform: translateY(-2px);
}

.trivers-business-info__social-link svg {
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	fill: currentColor;
}

.trivers-business-info__social-link--facebook { background: #1877f2; }
.trivers-business-info__social-link--instagram { background: #e4405f; }
.trivers-business-info__social-link--x { background: #111; }
.trivers-business-info__social-link--youtube { background: #ff0000; }
.trivers-business-info__social-link--yelp { background: #d32323; }
.trivers-business-info__social-link--pinterest { background: #e60023; border-radius: 50%; }

/* --------------------------------------------------------------------------
 * Latest posts carousel
 * ----------------------------------------------------------------------- */

.trivers-latest-posts {
	overflow: hidden;
	padding-block: clamp(4rem, 7vw, 6.5rem);
	border-block: 1px solid #e9eef5;
	background:
		radial-gradient(circle at 9% 4%, rgb(55 125 255 / 7%), transparent 27rem),
		#fff;
}

.trivers-latest-posts__inner {
	width: min(100% - 2rem, 1320px);
}

.trivers-latest-posts__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}

.trivers-latest-posts__heading {
	max-width: 800px;
}

.trivers-latest-posts__eyebrow {
	margin-bottom: .55rem;
	color: var(--trivers-green, #27b83f);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .12em;
	line-height: 1.35;
	text-transform: uppercase;
}

.trivers-latest-posts .trivers-latest-posts__title {
	color: var(--trivers-navy, #06264a);
	font-size: clamp(2rem, 4vw, 3.35rem);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.02;
}

.trivers-latest-posts__intro {
	max-width: 680px;
	margin-top: .85rem;
	color: var(--trivers-muted, #657185);
	font-size: 1.02rem;
	line-height: 1.7;
}

.trivers-latest-posts__controls {
	display: flex;
	flex: 0 0 auto;
	gap: .55rem;
}

.trivers-latest-posts__controls button {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 1px solid #cad6e5;
	border-radius: 50%;
	background: #fff;
	color: var(--trivers-navy, #06264a);
	cursor: pointer;
	transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.trivers-latest-posts__controls button:hover:not(:disabled),
.trivers-latest-posts__controls button:focus-visible {
	border-color: var(--trivers-blue, #377dff);
	background: var(--trivers-blue, #377dff);
	color: #fff;
	transform: translateY(-2px);
}

.trivers-latest-posts__controls button:disabled {
	opacity: .36;
	cursor: default;
}

.trivers-latest-posts__controls svg {
	width: 1.4rem;
	height: 1.4rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.trivers-latest-posts__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	padding: .35rem .15rem 1.25rem;
	scroll-behavior: smooth;
	scroll-padding-inline: .15rem;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.trivers-latest-posts__viewport::-webkit-scrollbar {
	display: none;
}

.trivers-latest-posts__viewport:focus-visible {
	border-radius: 14px;
	outline: 3px solid rgb(55 125 255 / 28%);
	outline-offset: 4px;
}

.trivers-latest-posts__track {
	display: grid;
	grid-auto-columns: calc((100% - 2.5rem) / 3);
	grid-auto-flow: column;
	gap: 1.25rem;
}

.trivers-latest-posts__card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e0e8f2;
	border-radius: 14px;
	background: #fff;
	box-shadow: none;
	scroll-snap-align: start;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.trivers-latest-posts__card:hover {
	border-color: #c9d7e9;
	box-shadow: 0 8px 20px rgb(7 31 63 / 8%);
	transform: translateY(-4px);
}

.trivers-latest-posts__media {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: #eaf1fa;
}

.trivers-latest-posts__media img,
.trivers-latest-posts__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.trivers-latest-posts__placeholder {
	background:
		radial-gradient(circle at 72% 28%, rgb(55 125 255 / 20%) 0 10%, transparent 10.5%),
		linear-gradient(145deg, rgb(55 125 255 / 12%), rgb(6 38 74 / 4%)),
		#eef4fb;
}

.trivers-latest-posts__media img {
	transition: transform 420ms ease;
}

.trivers-latest-posts__card:hover .trivers-latest-posts__media img {
	transform: scale(1.035);
}

.trivers-latest-posts__media time {
	position: absolute;
	top: .8rem;
	left: .8rem;
	padding: .38rem .58rem;
	border-radius: 4px;
	background: rgb(255 255 255 / 94%);
	box-shadow: 0 5px 16px rgb(6 38 74 / 12%);
	color: var(--trivers-navy, #06264a);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .035em;
	line-height: 1;
	text-transform: uppercase;
}

.trivers-latest-posts__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 1.3rem 1.35rem 1.4rem;
}

.trivers-latest-posts__category {
	margin-bottom: .55rem;
	color: var(--trivers-blue, #377dff);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .075em;
	line-height: 1.3;
	text-decoration: none;
	text-transform: uppercase;
}

.trivers-latest-posts__body h3 {
	color: var(--trivers-navy, #06264a);
	font-size: clamp(1.14rem, 1.55vw, 1.38rem);
	font-weight: 750;
	letter-spacing: -.025em;
	line-height: 1.3;
}

.trivers-latest-posts__body h3 a {
	color: inherit;
	text-decoration: none;
}

.trivers-latest-posts__body h3 a:hover,
.trivers-latest-posts__body h3 a:focus-visible {
	color: var(--trivers-blue, #377dff);
}

.trivers-latest-posts__body > p {
	margin-top: .75rem;
	color: #5f6d80;
	font-size: .94rem;
	line-height: 1.65;
}

.trivers-latest-posts__read-more {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin-top: auto;
	padding-top: 1.15rem;
	color: var(--trivers-blue, #377dff);
	font-size: .88rem;
	font-weight: 750;
	text-decoration: none;
}

.trivers-latest-posts__read-more span {
	font-size: 1.15em;
	transition: transform 160ms ease;
}

.trivers-latest-posts__read-more:hover span,
.trivers-latest-posts__read-more:focus-visible span {
	transform: translateX(3px);
}

.trivers-latest-posts__footer {
	margin-top: 1.4rem;
	text-align: center;
}

.trivers-latest-posts__footer a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: .72rem 1.35rem;
	border-radius: 6px;
	background: var(--trivers-green, #27b83f);
	box-shadow: 0 8px 18px rgb(39 184 63 / 19%);
	color: #fff;
	font-size: .9rem;
	font-weight: 750;
	text-decoration: none;
	transition: background 160ms ease, transform 160ms ease;
}

.trivers-latest-posts__footer a:hover,
.trivers-latest-posts__footer a:focus-visible {
	background: var(--trivers-green-dark, #19932f);
	color: #fff;
	transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
 * Responsive
 * ----------------------------------------------------------------------- */

@media (max-width: 1023px) {
	.trivers-hero__inner { grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 1.25rem; }
	.trivers-hero__content { max-width: 560px; }
	.trivers-hero__form { width: min(100%, 460px); justify-self: end; }
	.trivers-step-grid { gap: 1.35rem; }
	.trivers-why-choose-us .trivers-block__inner,
	.trivers-seller-situations .trivers-block__inner { column-gap: 2.4rem; }
}

@media (max-width: 899px) {
	.trivers-block { padding-block: 3.2rem; }
	.trivers-hero { padding: 1.8rem 1rem 2.4rem; }
	.trivers-hero__inner { grid-template-columns: 1fr; max-width: 720px; gap: 1.5rem; }
	.trivers-hero__content { max-width: 610px; padding-top: 0; }
	.trivers-hero__form { justify-self: start; width: min(100%, 515px); margin: 0; }
	.trivers-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.2rem 1.5rem; padding-bottom: 0; }
	.trivers-step-grid::after { display: none; }
	.trivers-why-choose-us .trivers-block__inner,
	.trivers-seller-situations .trivers-block__inner,
	.trivers-owner-intro__inner { grid-template-columns: 1fr; gap: 1.8rem; }
	.trivers-why-choose-us .trivers-block__header,
	.trivers-seller-situations .trivers-block__header { grid-column: 1; }
	.trivers-why-choose-us .trivers-block__inner::before,
	.trivers-why-choose-us .trivers-card-grid,
	.trivers-seller-situations .trivers-situation-list,
	.trivers-seller-situations .trivers-block__inner::after { grid-column: 1; grid-row: auto; }
	.trivers-why-choose-us .trivers-block__inner::before { width: min(100%, 360px); }
	.trivers-seller-situations .trivers-block__inner::after { width: min(100%, 340px); }
	.trivers-owner-intro__media { order: -1; }
	.trivers-owner-intro__image { max-width: 330px; }
	.trivers-faq__items { grid-template-columns: 1fr; gap: 1.15rem; max-width: 620px; }
	.trivers-business-info__grid { grid-template-columns: 1fr; }
	.trivers-business-info__item,
	.trivers-business-info__item:last-child { border-right: 0; border-bottom: 1px solid #e6ebf1; }
	.trivers-business-info__item:last-child { border-bottom: 0; }
	.trivers-latest-posts__track { grid-auto-columns: calc((100% - 1.25rem) / 2); }
}

@media (max-width: 639px) {
	.trivers-seller-situations .trivers-situation-list { gap: 1rem; padding-left: 30px; }
	.trivers-seller-situations .trivers-situation-list::before { top: 38px; bottom: 38px; }
	.trivers-seller-situations .trivers-situation-list li { min-height: 76px; padding: .95rem 1.05rem; font-size: .98rem; }
	.trivers-seller-situations .trivers-situation-list li::before { left: -30px; width: 22px; }
	.trivers-block__inner,
	.trivers-hero__inner,
	.trivers-owner-intro__inner { width: min(100% - 1.5rem, 1140px); }
	.trivers-hero h1 { font-size: 2.257rem; }
	.trivers-hero h1 span { white-space: normal; }
	.trivers-hero__form { padding: .95rem; }
	.trivers-hero__quote { grid-template-columns: 46px minmax(0, 1fr); }
	.trivers-hero__quote-image { width: 48px; height: 48px; object-fit: contain; }
	.trivers-step-grid { grid-template-columns: 1fr; }
	.trivers-step-card { max-width: 360px; margin-inline: auto; }
	.trivers-homeowner-reasons .trivers-block__inner { max-width: 100%; }
	.trivers-business-info__socials { grid-template-columns: 1fr; }
	.trivers-latest-posts { padding-inline: .25rem; padding-block: 3.5rem; }
	.trivers-latest-posts__inner { width: min(100% - 1rem, 1320px); }
	.trivers-latest-posts__header { align-items: flex-end; gap: 1rem; }
	.trivers-latest-posts__controls { gap: .4rem; }
	.trivers-latest-posts__controls button { width: 2.7rem; height: 2.7rem; }
	.trivers-latest-posts__track { grid-auto-columns: min(86vw, 340px); gap: .9rem; }
	.trivers-latest-posts__body { padding: 1.1rem 1.1rem 1.2rem; }
}

@media (prefers-reduced-motion: reduce) {
	.trivers-latest-posts__viewport { scroll-behavior: auto; }
	.trivers-latest-posts__card,
	.trivers-latest-posts__media img,
	.trivers-latest-posts__read-more span { transition: none; }
}