.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}html {
scroll-behavior: smooth;
}
body.met-svc-standalone {
margin: 0;
padding: 0;
overflow-x: hidden;
background: #f5efe7;
}
.met-svc-page {
--met-ink: #22312e;
--met-ink-2: #314540;
--met-ink-soft: #596a64;
--met-paper: #f5efe7;
--met-paper-2: #fbf7f1;
--met-white: #ffffff;
--met-card: #fffaf4;
--met-sage: #6d837b;
--met-sage-dark: #4b655c;
--met-sage-soft: #dfe9e4;
--met-gold: #b68b52;
--met-gold-dark: #8c6735;
--met-gold-soft: #efe1cc;
--met-line: #e5dbcf;
--met-shadow: 0 20px 54px rgba(34, 49, 46, 0.11);
--met-shadow-soft: 0 12px 30px rgba(34, 49, 46, 0.075);
--met-radius: 28px;
--met-max: 1180px;
width: 100%;
min-height: 100vh;
overflow: clip;
color: var(--met-ink);
background: var(--met-paper);
font-family: "Open Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.65;
text-align: left;
-webkit-font-smoothing: antialiased;
}
.met-svc-page,
.met-svc-page * {
box-sizing: border-box;
}
.met-svc-page img {
display: block;
max-width: 100%;
height: auto;
}
.met-svc-page a {
color: inherit;
}
.met-svc-page .met-svc-wrap {
width: min(var(--met-max), calc(100% - 40px));
margin-inline: auto;
}
.met-svc-page .met-svc-center {
text-align: center;
}
.met-svc-page h1,
.met-svc-page h2,
.met-svc-page h3 {
padding: 0;
margin: 0 0 18px;
color: inherit;
font-family: inherit;
font-weight: 850;
line-height: 1.08;
letter-spacing: -0.036em;
}
.met-svc-page h1 {
max-width: 840px;
font-size: clamp(2.7rem, 5vw, 5rem);
}
.met-svc-page h2 {
font-size: clamp(2rem, 4vw, 3.5rem);
}
.met-svc-page h3 {
font-size: 1.3rem;
letter-spacing: -0.022em;
}
.met-svc-page p {
padding: 0;
margin: 0 0 18px;
}
.met-svc-page ul {
padding: 0;
margin: 0;
list-style: none;
}
.met-svc-page .met-svc-lead {
color: var(--met-ink-soft);
font-size: clamp(1.06rem, 1.7vw, 1.24rem);
line-height: 1.72;
}
.met-svc-page .met-svc-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
color: var(--met-sage-dark);
font-size: 0.76rem;
font-weight: 850;
letter-spacing: 0.09em;
line-height: 1.4;
text-transform: uppercase;
}
.met-svc-page .met-svc-eyebrow::before {
width: 30px;
height: 2px;
flex: 0 0 auto;
background: var(--met-gold);
content: "";
}
.met-svc-page .met-svc-gold {
color: #efd19e;
}
.met-svc-page .met-svc-heading {
max-width: 900px;
margin-inline: auto;
margin-bottom: 46px;
}
.met-svc-page .met-svc-heading > p {
max-width: 750px;
margin-inline: auto;
color: var(--met-ink-soft);
font-size: 1.08rem;
}
.met-svc-page .met-svc-section {
padding: 94px 0;
}
.met-svc-page .met-svc-white {
background: var(--met-white);
}
.met-svc-page .met-svc-soft {
background: var(--met-paper-2);
}
.met-svc-page .met-svc-sage {
background: linear-gradient(180deg, #edf4f0 0%, #e2ebe6 100%);
}
.met-svc-page .met-svc-dark {
background: var(--met-ink);
color: var(--met-white);
}
.met-svc-page .met-svc-dark .met-svc-heading > p {
color: #cbd7d3;
}
.met-svc-page .met-svc-btn {
min-height: 58px;
max-width: 100%;
padding: 13px 27px;
border: 1px solid transparent;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
font-size: 0.94rem;
font-weight: 850;
line-height: 1.35;
text-align: center;
white-space: normal;
transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.met-svc-page .met-svc-btn:hover {
transform: translateY(-2px);
}
.met-svc-page .met-svc-btn:focus-visible,
.met-svc-page a:focus-visible,
.met-svc-page summary:focus-visible {
outline: 3px solid #d7a969;
outline-offset: 4px;
}
.met-svc-page .met-svc-btn--primary {
background: var(--met-gold);
box-shadow: 0 14px 30px rgba(182, 139, 82, 0.24);
color: #21170c;
}
.met-svc-page .met-svc-btn--primary:hover {
background: #c39961;
color: #21170c;
}
.met-svc-page .met-svc-btn--light {
border-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.1);
color: var(--met-white);
}
.met-svc-page .met-svc-btn--light:hover {
background: rgba(255, 255, 255, 0.17);
}
.met-svc-page .met-svc-btn--outline {
border-color: rgba(255, 255, 255, 0.32);
background: transparent;
color: var(--met-white);
}
.met-svc-page .met-svc-btn--outline:hover {
background: rgba(255, 255, 255, 0.08);
}
.met-svc-page .met-svc-btn--full {
width: 100%;
}
.met-svc-page .met-svc-text-link {
color: var(--met-sage-dark);
font-weight: 800;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
}
.met-svc-page .met-svc-skip {
position: fixed;
top: 10px;
left: 10px;
z-index: 99999;
padding: 11px 16px;
border-radius: 8px;
background: var(--met-white);
box-shadow: var(--met-shadow);
color: var(--met-ink);
font-weight: 800;
text-decoration: none;
transform: translateY(-160%);
}
.met-svc-page .met-svc-skip:focus {
transform: translateY(0);
} .met-svc-page .met-svc-topbar {
position: relative;
z-index: 20;
border-bottom: 1px solid rgba(34, 49, 46, 0.08);
background: rgba(251, 247, 241, 0.92);
backdrop-filter: blur(12px);
}
.met-svc-page .met-svc-topbar__inner {
min-height: 78px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 22px;
}
.met-svc-page .met-svc-brand {
display: inline-flex;
align-items: center;
gap: 12px;
color: var(--met-ink);
text-decoration: none;
}
.met-svc-page .met-svc-brand__logo,
.met-svc-page .met-svc-brand__mark {
width: 44px;
height: 44px;
flex: 0 0 44px;
border-radius: 13px;
}
.met-svc-page .met-svc-brand__logo {
object-fit: contain;
}
.met-svc-page .met-svc-brand__mark {
display: grid;
place-items: center;
background: var(--met-ink);
color: #efd19e;
font-size: 0.62rem;
font-weight: 900;
letter-spacing: 0.08em;
}
.met-svc-page .met-svc-brand strong,
.met-svc-page .met-svc-brand small {
display: block;
}
.met-svc-page .met-svc-brand strong {
font-size: 0.92rem;
}
.met-svc-page .met-svc-brand small {
color: var(--met-ink-soft);
font-size: 0.68rem;
}
.met-svc-page .met-svc-topbar__link {
color: var(--met-sage-dark);
font-size: 0.84rem;
font-weight: 800;
text-decoration: none;
} .met-svc-page .met-svc-hero {
position: relative;
padding: 88px 0 92px;
background:
radial-gradient(circle at 82% 14%, rgba(182, 139, 82, 0.18), transparent 25%),
radial-gradient(circle at 12% 86%, rgba(109, 131, 123, 0.13), transparent 25%),
linear-gradient(150deg, #fbf7f1 0%, #f2ebe2 100%);
}
.met-svc-page .met-svc-hero::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 6px;
background: linear-gradient(90deg, var(--met-sage-dark), var(--met-gold), var(--met-sage-dark));
content: "";
}
.met-svc-page .met-svc-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr);
align-items: center;
gap: 70px;
}
.met-svc-page .met-svc-hero h1 {
max-width: 780px;
}
.met-svc-page .met-svc-hero__copy .met-svc-lead {
max-width: 720px;
}
.met-svc-page .met-svc-hero__detail {
max-width: 720px;
color: var(--met-ink-2);
font-size: 0.98rem;
}
.met-svc-page .met-svc-hero__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 18px 22px;
margin-top: 30px;
}
.met-svc-page .met-svc-trust-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 13px 20px;
margin-top: 28px;
color: var(--met-ink-soft);
font-size: 0.86rem;
font-weight: 750;
}
.met-svc-page .met-svc-trust-row span {
display: inline-flex;
align-items: center;
gap: 7px;
}
.met-svc-page .met-svc-trust-row i {
width: 21px;
height: 21px;
border-radius: 999px;
display: inline-grid;
place-items: center;
background: var(--met-sage-dark);
color: var(--met-white);
font-size: 0.7rem;
font-style: normal;
}
.met-svc-page .met-svc-hero__visual {
position: relative;
min-height: 620px;
}
.met-svc-page .met-svc-photo-frame,
.met-svc-page .met-svc-route-visual {
width: min(100%, 475px);
min-height: 548px;
margin-left: auto;
border: 1px solid rgba(34, 49, 46, 0.1);
border-radius: 36px;
box-shadow: var(--met-shadow);
overflow: hidden;
}
.met-svc-page .met-svc-photo-frame {
background: var(--met-sage-soft);
}
.met-svc-page .met-svc-hero__image {
width: 100%;
height: 548px;
object-fit: cover;
}
.met-svc-page .met-svc-route-visual {
position: relative;
padding: 38px 33px;
background: linear-gradient(150deg, #fffaf4 0%, #f6ede1 100%);
transform: rotate(1.2deg);
}
.met-svc-page .met-svc-route-visual::after {
position: absolute;
right: -65px;
bottom: -65px;
width: 210px;
height: 210px;
border: 36px solid rgba(182, 139, 82, 0.15);
border-radius: 50%;
content: "";
}
.met-svc-page .met-svc-route-visual__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding-bottom: 20px;
border-bottom: 1px solid var(--met-line);
font-size: 0.62rem;
font-weight: 850;
letter-spacing: 0.1em;
}
.met-svc-page .met-svc-route-visual__top b {
color: var(--met-gold-dark);
}
.met-svc-page .met-svc-route-visual__title {
display: block;
max-width: 360px;
margin: 31px 0 28px;
font-size: clamp(2rem, 3.5vw, 3rem);
letter-spacing: -0.05em;
line-height: 1.02;
}
.met-svc-page .met-svc-route-visual__items {
position: relative;
z-index: 1;
display: grid;
gap: 11px;
}
.met-svc-page .met-svc-route-visual__items span {
min-width: 0;
padding: 14px 15px;
border: 1px solid var(--met-line);
border-radius: 16px;
display: grid;
grid-template-columns: 30px minmax(0, 1fr);
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 0.76);
font-size: 0.77rem;
font-weight: 750;
line-height: 1.45;
}
.met-svc-page .met-svc-route-visual__items i {
width: 28px;
height: 28px;
border-radius: 50%;
display: grid;
place-items: center;
background: var(--met-ink);
color: var(--met-white);
font-size: 0.62rem;
font-style: normal;
}
.met-svc-page .met-svc-truth-card {
position: absolute;
border-radius: 20px;
box-shadow: var(--met-shadow);
}
.met-svc-page .met-svc-truth-card {
right: -22px;
bottom: 1px;
max-width: 320px;
padding: 21px 23px;
border: 1px solid rgba(229, 219, 207, 0.9);
background: rgba(255, 250, 244, 0.96);
backdrop-filter: blur(12px);
}
.met-svc-page .met-svc-truth-card strong {
display: block;
margin-bottom: 7px;
font-size: 0.94rem;
}
.met-svc-page .met-svc-truth-card p {
margin: 0;
color: var(--met-ink-soft);
font-size: 0.79rem;
line-height: 1.55;
} .met-svc-page .met-svc-situation-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.met-svc-page .met-svc-card {
min-width: 0;
padding: 27px 24px;
border: 1px solid var(--met-line);
border-radius: var(--met-radius);
background: var(--met-card);
box-shadow: var(--met-shadow-soft);
}
.met-svc-page .met-svc-card__icon {
width: 46px;
height: 46px;
margin-bottom: 21px;
border-radius: 14px;
display: grid;
place-items: center;
background: var(--met-sage-soft);
color: var(--met-sage-dark);
font-size: 1.1rem;
font-weight: 850;
}
.met-svc-page .met-svc-card p {
color: var(--met-ink-soft);
font-size: 0.91rem;
}
.met-svc-page .met-svc-card a {
color: var(--met-sage-dark);
font-size: 0.82rem;
font-weight: 850;
text-decoration: none;
}
.met-svc-page .met-svc-reframe {
max-width: 950px;
margin: 42px auto 0;
padding: 25px 30px;
border-left: 5px solid var(--met-gold);
border-radius: 0 18px 18px 0;
background: var(--met-paper);
}
.met-svc-page .met-svc-reframe strong,
.met-svc-page .met-svc-reframe span {
display: block;
}
.met-svc-page .met-svc-reframe strong {
font-size: 1.12rem;
}
.met-svc-page .met-svc-reframe span {
margin-top: 4px;
color: var(--met-ink-soft);
} .met-svc-page .met-svc-service-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.met-svc-page .met-svc-service-card {
min-width: 0;
padding: 34px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 30px;
display: flex;
flex-direction: column;
background: rgba(255, 255, 255, 0.075);
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.14);
}
.met-svc-page .met-svc-service-card--featured {
border-color: rgba(239, 209, 158, 0.58);
background: linear-gradient(145deg, rgba(109, 131, 123, 0.46), rgba(255, 255, 255, 0.08));
}
.met-svc-page .met-svc-service-card__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 23px;
}
.met-svc-page .met-svc-service-card__number {
color: rgba(255, 255, 255, 0.24);
font-size: 2.3rem;
font-weight: 900;
letter-spacing: -0.07em;
line-height: 1;
}
.met-svc-page .met-svc-service-card__badge {
padding: 7px 11px;
border: 1px solid rgba(239, 209, 158, 0.24);
border-radius: 999px;
background: rgba(239, 209, 158, 0.1);
color: #efd19e;
font-size: 0.67rem;
font-weight: 850;
letter-spacing: 0.03em;
text-align: center;
}
.met-svc-page .met-svc-service-card h3 {
margin-bottom: 13px;
font-size: clamp(1.65rem, 3vw, 2.25rem);
}
.met-svc-page .met-svc-service-card__price {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 8px 14px;
margin-bottom: 20px;
}
.met-svc-page .met-svc-service-card__price strong {
color: #efd19e;
font-size: 1.9rem;
letter-spacing: -0.04em;
}
.met-svc-page .met-svc-service-card__price span {
color: #cbd7d3;
font-size: 0.82rem;
font-weight: 750;
}
.met-svc-page .met-svc-service-card__description {
color: #d9e2df;
}
.met-svc-page .met-svc-service-card ul {
display: grid;
gap: 9px;
margin: 7px 0 25px;
}
.met-svc-page .met-svc-service-card li {
display: grid;
grid-template-columns: 24px minmax(0, 1fr);
align-items: start;
gap: 10px;
color: #e5ede9;
font-size: 0.88rem;
}
.met-svc-page .met-svc-service-card li i {
width: 22px;
height: 22px;
border-radius: 50%;
display: grid;
place-items: center;
background: var(--met-gold);
color: var(--met-ink);
font-size: 0.65rem;
font-style: normal;
font-weight: 900;
}
.met-svc-page .met-svc-service-card__fit {
margin-top: auto;
margin-bottom: 23px;
padding: 18px 19px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 18px;
background: rgba(255, 255, 255, 0.06);
}
.met-svc-page .met-svc-service-card__fit strong,
.met-svc-page .met-svc-service-card__fit span {
display: block;
}
.met-svc-page .met-svc-service-card__fit strong {
margin-bottom: 4px;
color: #efd19e;
font-size: 0.78rem;
}
.met-svc-page .met-svc-service-card__fit span {
color: #cbd7d3;
font-size: 0.82rem;
} .met-svc-page .met-svc-value-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.met-svc-page .met-svc-value-card {
min-width: 0;
padding: 29px 25px;
border: 1px solid var(--met-line);
border-radius: var(--met-radius);
background: var(--met-white);
box-shadow: var(--met-shadow-soft);
}
.met-svc-page .met-svc-value-card > span {
display: block;
margin-bottom: 27px;
color: var(--met-gold-dark);
font-size: 2.2rem;
font-weight: 900;
letter-spacing: -0.06em;
line-height: 1;
}
.met-svc-page .met-svc-value-card p {
margin: 0;
color: var(--met-ink-soft);
font-size: 0.9rem;
} .met-svc-page .met-svc-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
.met-svc-page .met-svc-step {
min-width: 0;
padding: 31px 25px 26px;
border: 1px solid var(--met-line);
border-radius: var(--met-radius);
background: var(--met-card);
box-shadow: var(--met-shadow-soft);
}
.met-svc-page .met-svc-step > span {
display: block;
margin-bottom: 28px;
color: var(--met-gold-dark);
font-size: 2.35rem;
font-weight: 850;
letter-spacing: -0.06em;
line-height: 1;
}
.met-svc-page .met-svc-step p {
margin: 0;
color: var(--met-ink-soft);
font-size: 0.9rem;
} .met-svc-page .met-svc-about-grid {
display: grid;
grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.15fr);
align-items: center;
gap: 72px;
}
.met-svc-page .met-svc-about-photo {
position: relative;
}
.met-svc-page .met-svc-about-photo__image,
.met-svc-page .met-svc-portrait-placeholder {
width: 100%;
height: 530px;
border-radius: 30px;
box-shadow: var(--met-shadow);
}
.met-svc-page .met-svc-about-photo__image {
object-fit: cover;
}
.met-svc-page .met-svc-portrait-placeholder {
display: grid;
place-content: center;
gap: 13px;
background:
radial-gradient(circle at 75% 25%, rgba(239, 209, 158, 0.35), transparent 24%),
linear-gradient(145deg, var(--met-sage-soft), #cbdad3);
color: var(--met-sage-dark);
text-align: center;
}
.met-svc-page .met-svc-portrait-placeholder > span {
width: 108px;
height: 108px;
margin: 0 auto;
border-radius: 50%;
display: grid;
place-items: center;
background: var(--met-sage-dark);
color: var(--met-white);
font-size: 1.9rem;
font-weight: 850;
letter-spacing: 0.04em;
}
.met-svc-page .met-svc-portrait-placeholder small {
font-weight: 800;
line-height: 1.4;
}
.met-svc-page .met-svc-about-photo > div:last-child {
position: relative;
width: calc(100% - 38px);
margin: -55px auto 0;
padding: 18px 20px;
border: 1px solid var(--met-line);
border-radius: 18px;
background: rgba(255, 255, 255, 0.96);
box-shadow: var(--met-shadow-soft);
}
.met-svc-page .met-svc-about-photo > div:last-child strong,
.met-svc-page .met-svc-about-photo > div:last-child span {
display: block;
}
.met-svc-page .met-svc-about-photo > div:last-child span {
margin-top: 3px;
color: var(--met-ink-soft);
font-size: 0.78rem;
}
.met-svc-page .met-svc-human-note {
margin-top: 27px;
padding: 22px 24px;
border-left: 4px solid var(--met-gold);
border-radius: 0 17px 17px 0;
background: var(--met-paper);
}
.met-svc-page .met-svc-human-note strong,
.met-svc-page .met-svc-human-note span {
display: block;
}
.met-svc-page .met-svc-human-note span {
margin-top: 4px;
color: var(--met-ink-soft);
font-size: 0.88rem;
}
.met-svc-page .met-svc-proof-heading {
margin-top: 90px;
margin-bottom: 38px;
}
.met-svc-page .met-svc-testimonials {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.met-svc-page .met-svc-quote {
min-width: 0;
padding: 28px;
margin: 0;
border: 1px solid var(--met-line);
border-radius: var(--met-radius);
background: var(--met-card);
box-shadow: var(--met-shadow-soft);
}
.met-svc-page .met-svc-quote__head {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 20px;
}
.met-svc-page .met-svc-quote__photo,
.met-svc-page .met-svc-quote__initial {
width: 52px;
height: 52px;
flex: 0 0 52px;
border-radius: 50%;
}
.met-svc-page .met-svc-quote__photo {
object-fit: cover;
}
.met-svc-page .met-svc-quote__initial {
display: grid;
place-items: center;
background: var(--met-sage-soft);
color: var(--met-sage-dark);
font-weight: 850;
}
.met-svc-page .met-svc-quote__head strong,
.met-svc-page .met-svc-quote__head small {
display: block;
}
.met-svc-page .met-svc-quote__head small {
margin-top: 2px;
color: var(--met-ink-soft);
}
.met-svc-page .met-svc-quote p {
margin: 0;
color: var(--met-ink-2);
font-size: 1rem;
font-style: italic;
} .met-svc-page .met-svc-faq {
max-width: 920px;
margin: 0 auto;
display: grid;
gap: 12px;
}
.met-svc-page .met-svc-faq details {
padding: 20px 23px;
border: 1px solid var(--met-line);
border-radius: 20px;
background: var(--met-card);
box-shadow: var(--met-shadow-soft);
}
.met-svc-page .met-svc-faq summary {
display: flex;
justify-content: space-between;
gap: 20px;
cursor: pointer;
color: var(--met-ink);
font-weight: 800;
list-style: none;
}
.met-svc-page .met-svc-faq summary::-webkit-details-marker {
display: none;
}
.met-svc-page .met-svc-faq summary::after {
flex: 0 0 auto;
color: var(--met-gold-dark);
content: "+";
font-size: 1.35rem;
line-height: 1;
}
.met-svc-page .met-svc-faq details[open] summary::after {
content: "–";
}
.met-svc-page .met-svc-faq details p {
margin: 14px 0 0;
color: var(--met-ink-soft);
} .met-svc-page .met-svc-final {
padding: 100px 0 112px;
background: var(--met-ink);
color: var(--met-white);
}
.met-svc-page .met-svc-final__inner {
max-width: 930px;
text-align: center;
}
.met-svc-page .met-svc-final__inner .met-svc-eyebrow {
justify-content: center;
}
.met-svc-page .met-svc-final__inner h2 {
max-width: 820px;
margin-inline: auto;
}
.met-svc-page .met-svc-final__inner > p {
max-width: 700px;
margin: 0 auto 29px;
color: #cad7d2;
font-size: 1.08rem;
}
.met-svc-page .met-svc-final__actions {
display: flex;
align-items: stretch;
justify-content: center;
flex-wrap: wrap;
gap: 13px;
}
.met-svc-page .met-svc-final__facts {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 28px;
}
.met-svc-page .met-svc-final__facts span {
padding: 7px 11px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
color: #d3dfdb;
font-size: 0.76rem;
font-weight: 700;
}
.met-svc-page .met-svc-legal-links {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 30px;
color: #aebdb8;
font-size: 0.75rem;
}
.met-svc-page .met-svc-legal-links a {
text-underline-offset: 4px;
}
.met-svc-page .met-svc-sticky-mobile {
display: none;
} .met-svc-page.met-svc-js [data-reveal] {
opacity: 0;
transform: translateY(18px);
transition: opacity 0.52s ease, transform 0.52s ease;
}
.met-svc-page.met-svc-js [data-reveal].met-is-visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1050px) {
.met-svc-page .met-svc-hero__grid,
.met-svc-page .met-svc-about-grid {
gap: 46px;
}
.met-svc-page .met-svc-situation-grid,
.met-svc-page .met-svc-value-grid,
.met-svc-page .met-svc-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.met-svc-page .met-svc-hero__grid,
.met-svc-page .met-svc-about-grid {
grid-template-columns: 1fr;
}
.met-svc-page .met-svc-hero__visual,
.met-svc-page .met-svc-about-photo {
width: min(100%, 620px);
margin-inline: auto;
}
.met-svc-page .met-svc-photo-frame,
.met-svc-page .met-svc-route-visual {
width: min(100%, 540px);
margin-inline: auto;
}
.met-svc-page .met-svc-truth-card {
right: 0;
}
}
@media (max-width: 760px) {
.met-svc-page {
padding-bottom: 78px;
font-size: 15.5px;
}
.met-svc-page .met-svc-wrap {
width: min(100% - 28px, var(--met-max));
}
.met-svc-page .met-svc-topbar__inner {
min-height: 70px;
}
.met-svc-page .met-svc-section {
padding: 72px 0;
}
.met-svc-page .met-svc-hero {
padding: 64px 0 70px;
}
.met-svc-page h1 {
font-size: clamp(2.25rem, 11.6vw, 4rem);
}
.met-svc-page h2 {
font-size: clamp(1.9rem, 8.7vw, 3rem);
}
.met-svc-page .met-svc-hero__grid {
gap: 38px;
}
.met-svc-page .met-svc-hero__actions {
align-items: stretch;
flex-direction: column;
}
.met-svc-page .met-svc-hero__actions .met-svc-btn {
width: 100%;
}
.met-svc-page .met-svc-hero__actions .met-svc-text-link {
text-align: center;
}
.met-svc-page .met-svc-trust-row {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
}
.met-svc-page .met-svc-hero__visual {
min-height: auto;
padding-bottom: 86px;
}
.met-svc-page .met-svc-photo-frame,
.met-svc-page .met-svc-route-visual,
.met-svc-page .met-svc-hero__image {
min-height: 485px;
height: 485px;
}
.met-svc-page .met-svc-route-visual {
height: auto;
padding: 31px 27px;
transform: none;
}
.met-svc-page .met-svc-truth-card {
right: 5px;
bottom: 0;
max-width: 88%;
}
.met-svc-page .met-svc-service-grid,
.met-svc-page .met-svc-testimonials {
grid-template-columns: 1fr;
}
.met-svc-page .met-svc-service-card {
padding: 29px 25px;
}
.met-svc-page .met-svc-sticky-mobile {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 9990;
padding: 10px 13px calc(10px + env(safe-area-inset-bottom));
border-top: 1px solid var(--met-line);
display: block;
background: rgba(255, 250, 244, 0.94);
box-shadow: 0 -12px 35px rgba(34, 49, 46, 0.12);
backdrop-filter: blur(12px);
}
.met-svc-page .met-svc-sticky-mobile .met-svc-btn {
width: 100%;
min-height: 52px;
padding: 10px 18px;
}
}
@media (max-width: 560px) {
.met-svc-page .met-svc-topbar__link {
display: none;
}
.met-svc-page .met-svc-brand small {
display: none;
}
.met-svc-page .met-svc-situation-grid,
.met-svc-page .met-svc-value-grid,
.met-svc-page .met-svc-steps {
grid-template-columns: 1fr;
}
.met-svc-page .met-svc-heading {
margin-bottom: 34px;
}
.met-svc-page .met-svc-card,
.met-svc-page .met-svc-value-card,
.met-svc-page .met-svc-step,
.met-svc-page .met-svc-quote {
padding: 24px 21px;
border-radius: 22px;
}
.met-svc-page .met-svc-service-card {
padding: 25px 21px;
border-radius: 24px;
}
.met-svc-page .met-svc-service-card__top {
align-items: flex-start;
}
.met-svc-page .met-svc-service-card__badge {
max-width: 72%;
}
.met-svc-page .met-svc-hero__visual {
padding-bottom: 108px;
}
.met-svc-page .met-svc-truth-card {
right: 0;
bottom: 0;
max-width: calc(100% - 18px);
}
.met-svc-page .met-svc-photo-frame,
.met-svc-page .met-svc-route-visual,
.met-svc-page .met-svc-hero__image {
min-height: 440px;
height: 440px;
}
.met-svc-page .met-svc-route-visual {
height: auto;
min-height: 505px;
padding: 27px 22px;
}
.met-svc-page .met-svc-route-visual__title {
margin: 25px 0;
font-size: 2.05rem;
}
.met-svc-page .met-svc-route-visual__items span {
padding: 12px;
font-size: 0.72rem;
}
.met-svc-page .met-svc-about-photo__image,
.met-svc-page .met-svc-portrait-placeholder {
height: 440px;
}
.met-svc-page .met-svc-final {
padding: 80px 0 95px;
}
.met-svc-page .met-svc-final__actions {
flex-direction: column;
}
.met-svc-page .met-svc-final__actions .met-svc-btn {
width: 100%;
}
}
@media (max-width: 360px) {
.met-svc-page .met-svc-wrap {
width: calc(100% - 22px);
}
.met-svc-page h1 {
font-size: 2.15rem;
}
.met-svc-page h2 {
font-size: 1.82rem;
}
.met-svc-page .met-svc-brand strong {
font-size: 0.82rem;
}
.met-svc-page .met-svc-service-card,
.met-svc-page .met-svc-card,
.met-svc-page .met-svc-value-card,
.met-svc-page .met-svc-step {
padding-right: 18px;
padding-left: 18px;
}
.met-svc-page .met-svc-btn {
padding-right: 18px;
padding-left: 18px;
font-size: 0.87rem;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.met-svc-page .met-svc-btn,
.met-svc-page.met-svc-js [data-reveal] {
transition: none;
}
.met-svc-page.met-svc-js [data-reveal] {
opacity: 1;
transform: none;
}
}