:root {
--mvlift-blue: #006db6;
--mvlift-blue-hover: #005792;
--mvlift-navy: #0a2e4e;
--mvlift-ink: #12202b;
--mvlift-muted: #536575;
--mvlift-sky: #eaf5fc;
--mvlift-line: #d8e3ea;
--mvlift-white: #fff;
--mvlift-shadow: 0 18px 50px rgba(10, 46, 78, 0.12);
--mvlift-radius: 1.25rem;
}
html {
scroll-behavior: smooth;
}
body {
background: var(--mvlift-white);
color: var(--mvlift-ink);
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.admin-bar .mvlift-header {
top: 32px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
.mvlift-site {
overflow: clip;
}
.mvlift-site :where(h1, h2, h3, p, ul) {
margin-top: 0;
}
.mvlift-site :where(section, [id]) {
scroll-margin-top: 6rem;
}
.mvlift-site a:focus-visible,
.mvlift-site button:focus-visible,
.mvlift-site input:focus-visible,
.mvlift-site textarea:focus-visible,
.mvlift-site summary:focus-visible {
outline: 3px solid #ffbf47;
outline-offset: 3px;
}
.mvlift-header {
backdrop-filter: blur(14px);
background: rgba(255, 255, 255, 0.96);
border-bottom: 1px solid rgba(216, 227, 234, 0.9);
position: sticky;
top: 0;
z-index: 100;
}
.mvlift-header__inner {
align-items: center;
display: flex;
gap: 1.5rem;
justify-content: space-between;
min-height: 76px;
padding: 0.7rem 1.25rem;
}
.mvlift-logo {
flex: 0 0 auto;
margin: 0;
width: 140px;
}
.mvlift-logo img {
display: block;
height: auto;
width: 100% !important;
}
.mvlift-nav {
margin-left: auto;
}
.mvlift-nav ul {
align-items: center;
display: flex;
gap: clamp(1rem, 2vw, 2rem);
list-style: none;
margin: 0;
padding: 0;
}
.mvlift-nav a {
color: var(--mvlift-navy);
font-size: 0.92rem;
font-weight: 750;
text-decoration: none;
}
.mvlift-nav a:hover {
color: var(--mvlift-blue);
}
.mvlift-header-cta,
.mvlift-button .wp-block-button__link,
.mvlift-submit {
align-items: center;
background: var(--mvlift-blue);
border: 2px solid var(--mvlift-blue);
border-radius: 0.6rem;
color: var(--mvlift-white);
cursor: pointer;
display: inline-flex;
font-size: 1rem;
font-weight: 800;
justify-content: center;
line-height: 1.2;
min-height: 48px;
padding: 0.8rem 1.2rem;
text-decoration: none;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.mvlift-header-cta:hover,
.mvlift-button .wp-block-button__link:hover,
.mvlift-submit:hover {
background: var(--mvlift-blue-hover);
border-color: var(--mvlift-blue-hover);
color: var(--mvlift-white);
transform: translateY(-1px);
}
.mvlift-button.is-secondary .wp-block-button__link {
background: transparent;
border-color: rgba(255, 255, 255, 0.7);
color: var(--mvlift-white);
}
.mvlift-button.is-secondary .wp-block-button__link:hover {
background: var(--mvlift-white);
border-color: var(--mvlift-white);
color: var(--mvlift-navy);
}
.mvlift-hero {
background:
radial-gradient(circle at 15% 10%, rgba(67, 175, 236, 0.32), transparent 34rem),
linear-gradient(135deg, #082942 0%, #0a426f 58%, #006db6 100%);
color: var(--mvlift-white);
padding: clamp(4rem, 8vw, 7.5rem) 1.25rem;
position: relative;
}
.mvlift-hero::after {
background-image: linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
background-size: 56px 56px;
content: "";
inset: 0;
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent 86%);
pointer-events: none;
position: absolute;
}
.mvlift-hero__inner {
align-items: center;
display: grid;
gap: clamp(2.5rem, 6vw, 5.5rem);
grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
position: relative;
z-index: 1;
}
.mvlift-eyebrow {
color: #bfe6ff;
font-size: 0.82rem;
font-weight: 850;
letter-spacing: 0.12em;
margin-bottom: 1rem;
text-transform: uppercase;
}
.mvlift-hero h1 {
color: var(--mvlift-white);
font-size: clamp(2.5rem, 4.7vw, 4.15rem);
hyphens: none;
letter-spacing: -0.045em;
line-height: 0.98;
margin-bottom: 1.5rem;
max-width: 12ch;
overflow-wrap: normal;
word-break: normal;
}
.mvlift-hero__lead {
color: #eaf6ff;
font-size: clamp(1.08rem, 1.5vw, 1.28rem);
line-height: 1.6;
max-width: 60ch;
}
.mvlift-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-top: 2rem;
}
.mvlift-hero__micro {
color: #cfe7f7;
font-size: 0.9rem;
margin-top: 1.1rem;
}
.mvlift-hero__media {
margin: 0;
position: relative;
}
.mvlift-hero__media::before {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: var(--mvlift-radius);
content: "";
inset: 1rem -1rem -1rem 1rem;
position: absolute;
}
.mvlift-hero__media img {
background: var(--mvlift-sky);
border-radius: var(--mvlift-radius);
box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3);
display: block;
height: auto;
position: relative;
width: 100%;
}
.mvlift-trust {
background: var(--mvlift-white);
border-bottom: 1px solid var(--mvlift-line);
box-shadow: 0 10px 30px rgba(10, 46, 78, 0.05);
padding: 1.25rem;
}
.mvlift-trust__grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(3, 1fr);
}
.mvlift-trust__item {
align-items: center;
display: flex;
font-size: 0.95rem;
font-weight: 800;
gap: 0.75rem;
justify-content: center;
margin: 0;
text-align: center;
}
.mvlift-trust__mark {
align-items: center;
background: var(--mvlift-sky);
border-radius: 999px;
color: var(--mvlift-blue);
display: inline-flex;
font-size: 0.8rem;
font-weight: 900;
min-height: 2.2rem;
justify-content: center;
min-width: 3.5rem;
padding: 0.25rem 0.7rem;
}
.mvlift-section {
padding: clamp(4.5rem, 8vw, 7.5rem) 1.25rem;
}
.mvlift-section.is-soft {
background: var(--mvlift-sky);
}
.mvlift-section.is-dark {
background: var(--mvlift-navy);
color: var(--mvlift-white);
}
.mvlift-section.is-dark :where(h2, h3) {
color: var(--mvlift-white);
}
.mvlift-section__head {
margin-bottom: clamp(2rem, 5vw, 3.5rem);
max-width: 760px;
}
.mvlift-section__head.is-centered {
margin-inline: auto;
text-align: center;
}
.mvlift-kicker {
color: var(--mvlift-blue);
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.14em;
margin-bottom: 0.8rem;
text-transform: uppercase;
}
.is-dark .mvlift-kicker {
color: #78c9ff;
}
.mvlift-section h2 {
font-size: clamp(2rem, 4.2vw, 3.6rem);
hyphens: none;
letter-spacing: -0.035em;
margin-bottom: 1rem;
overflow-wrap: normal;
word-break: normal;
}
.mvlift-section__intro {
color: var(--mvlift-muted);
font-size: clamp(1.05rem, 1.4vw, 1.2rem);
margin-bottom: 0;
}
.is-dark .mvlift-section__intro {
color: #cde2f0;
}
.mvlift-card-grid {
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(3, 1fr);
}
.mvlift-card {
background: var(--mvlift-white);
border: 1px solid var(--mvlift-line);
border-radius: var(--mvlift-radius);
box-shadow: 0 12px 36px rgba(10, 46, 78, 0.06);
display: flex;
flex-direction: column;
margin: 0;
min-height: 100%;
padding: clamp(1.5rem, 3vw, 2.25rem);
}
.mvlift-card__number,
.mvlift-step__number {
align-items: center;
background: var(--mvlift-blue);
border-radius: 0.55rem;
color: var(--mvlift-white);
display: inline-flex;
font-size: 0.86rem;
font-weight: 900;
height: 2.7rem;
justify-content: center;
margin-bottom: 1.5rem;
width: 2.7rem;
}
.mvlift-card h3,
.mvlift-step h3,
.mvlift-reason h3 {
font-size: 1.25rem;
margin-bottom: 0.7rem;
}
.mvlift-card p,
.mvlift-step p,
.mvlift-reason p {
color: var(--mvlift-muted);
margin-bottom: 0;
}
.mvlift-card .mvlift-card__number {
color: var(--mvlift-white);
}
.mvlift-capability {
align-items: stretch;
display: grid;
gap: clamp(1.5rem, 4vw, 3rem);
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.mvlift-specs {
display: grid;
gap: 1rem;
grid-template-columns: 1fr;
}
.mvlift-spec {
align-items: center;
background: var(--mvlift-navy);
border-radius: var(--mvlift-radius);
color: var(--mvlift-white);
display: grid;
gap: 1rem;
grid-template-columns: minmax(7.5rem, auto) minmax(0, 1fr);
min-height: 0;
padding: 1.25rem 1.5rem;
}
.mvlift-spec strong {
color: #78c9ff;
font-size: clamp(1.6rem, 2.2vw, 2.15rem);
line-height: 1;
margin-bottom: 0;
white-space: nowrap;
}
.mvlift-spec span {
font-size: 0.9rem;
font-weight: 750;
line-height: 1.4;
}
.mvlift-equipment {
background: var(--mvlift-white);
border: 1px solid var(--mvlift-line);
border-radius: var(--mvlift-radius);
box-shadow: 0 12px 36px rgba(10, 46, 78, 0.06);
padding: clamp(1.5rem, 4vw, 2.5rem);
}
.mvlift-equipment h3 {
font-size: clamp(1.4rem, 2.5vw, 2rem);
margin-bottom: 1.25rem;
}
.mvlift-equipment ul {
display: grid;
gap: 0.65rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none;
margin-bottom: 1.25rem;
padding: 0;
}
.mvlift-equipment li {
background: var(--mvlift-sky);
border-radius: 0.55rem;
font-weight: 750;
padding: 0.75rem 0.85rem 0.75rem 2rem;
position: relative;
}
.mvlift-equipment li::before {
color: var(--mvlift-blue);
content: "✓";
font-weight: 900;
left: 0.8rem;
position: absolute;
}
.mvlift-equipment p {
color: var(--mvlift-muted);
margin-bottom: 0;
}
.mvlift-fit {
align-items: center;
display: grid;
gap: clamp(2rem, 6vw, 5rem);
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}
.mvlift-fit__panel {
background: var(--mvlift-navy);
border-radius: var(--mvlift-radius);
color: var(--mvlift-white);
padding: clamp(1.75rem, 4vw, 3.5rem);
}
.mvlift-fit__panel h2 {
color: var(--mvlift-white);
}
.mvlift-checklist {
list-style: none;
margin: 1.5rem 0 0;
padding: 0;
}
.mvlift-checklist li {
border-top: 1px solid rgba(255, 255, 255, 0.18);
padding: 0.85rem 0 0.85rem 2rem;
position: relative;
}
.mvlift-checklist li::before {
color: #78c9ff;
content: "✓";
font-weight: 900;
left: 0;
position: absolute;
}
.mvlift-fit__copy h3 {
font-size: clamp(1.6rem, 3vw, 2.3rem);
margin-bottom: 1rem;
}
.mvlift-fit__copy p {
color: var(--mvlift-muted);
}
.mvlift-process {
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(3, 1fr);
}
.mvlift-step {
border-left: 3px solid var(--mvlift-blue);
margin-block-start: 0 !important;
padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}
.mvlift-step__number {
background: var(--mvlift-sky);
color: var(--mvlift-blue);
margin-bottom: 1rem;
}
.mvlift-gallery {
display: grid;
gap: 1.25rem;
grid-template-columns: 1.25fr 0.75fr;
}
.mvlift-gallery figure {
margin: 0;
min-height: 100%;
}
.mvlift-gallery img {
border-radius: var(--mvlift-radius);
display: block;
height: 100%;
min-height: 340px;
object-fit: cover;
width: 100%;
}
.mvlift-reasons {
align-items: stretch;
display: grid;
gap: 1rem;
grid-template-columns: repeat(3, 1fr);
}
.mvlift-reason {
border-top: 1px solid rgba(255, 255, 255, 0.24);
margin-block-start: 0 !important;
padding: 1.5rem 0;
}
.mvlift-reason p {
color: #cde2f0;
}
.mvlift-price {
align-items: center;
background: var(--mvlift-white);
border: 1px solid var(--mvlift-line);
border-radius: var(--mvlift-radius);
box-shadow: var(--mvlift-shadow);
display: grid;
gap: 2rem;
grid-template-columns: 1fr 1fr;
padding: clamp(1.75rem, 5vw, 4rem);
}
.mvlift-price h2 {
font-size: clamp(1.8rem, 3.5vw, 3rem);
}
.mvlift-price ul {
margin-bottom: 0;
padding-left: 1.2rem;
}
.mvlift-price li + li {
margin-top: 0.6rem;
}
.mvlift-price__summary h2 {
color: var(--mvlift-blue);
font-size: clamp(2.3rem, 4.5vw, 4rem);
line-height: 1;
}
.mvlift-price__minimum {
font-size: 1.08rem;
}
.mvlift-price__details {
background: var(--mvlift-sky);
border-radius: 0.9rem;
padding: clamp(1.4rem, 3vw, 2rem);
}
.mvlift-price__details h3 {
font-size: 1.35rem;
margin-bottom: 1rem;
}
.mvlift-price__details ul {
margin-top: 0;
}
.mvlift-price__cta {
color: var(--mvlift-blue);
display: inline-flex;
font-weight: 850;
margin-top: 0.7rem;
}
.mvlift-faq {
display: grid;
gap: 0.8rem;
margin-inline: auto;
max-width: 860px;
}
.mvlift-faq details {
background: var(--mvlift-white);
border: 1px solid var(--mvlift-line);
border-radius: 0.8rem;
padding: 0;
}
.mvlift-faq summary {
color: var(--mvlift-navy);
cursor: pointer;
font-size: 1.05rem;
font-weight: 800;
padding: 1.2rem 3rem 1.2rem 1.25rem;
position: relative;
}
.mvlift-faq details > :not(summary) {
color: var(--mvlift-muted);
margin: 0;
padding: 0 1.25rem 1.25rem;
}
.mvlift-contact {
background: linear-gradient(135deg, #082942, #0b4f80);
color: var(--mvlift-white);
padding: clamp(4.5rem, 8vw, 7rem) 1.25rem;
}
.mvlift-contact__grid {
align-items: start;
display: grid;
gap: clamp(2.5rem, 7vw, 6rem);
grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1.2fr);
}
.mvlift-contact h2 {
color: var(--mvlift-white);
font-size: clamp(2.2rem, 4.8vw, 4rem);
letter-spacing: -0.04em;
}
.mvlift-contact__lead {
color: #d7edf9;
font-size: 1.1rem;
}
.mvlift-contact-links {
display: grid;
gap: 0.75rem;
margin-top: 2rem;
}
.mvlift-contact-links a {
color: var(--mvlift-white);
display: inline-flex;
font-size: 1.15rem;
font-weight: 800;
gap: 0.7rem;
text-decoration: none;
}
.mvlift-contact-links a:hover {
text-decoration: underline;
}
.mvlift-form-wrap {
background: var(--mvlift-white);
border-radius: var(--mvlift-radius);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
color: var(--mvlift-ink);
padding: clamp(1.5rem, 4vw, 2.5rem);
}
.mvlift-form {
display: grid;
gap: 1.15rem;
}
.mvlift-form-grid {
display: grid;
gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.mvlift-form-field {
display: grid;
gap: 0.45rem;
}
.mvlift-form label {
color: var(--mvlift-navy);
font-size: 0.92rem;
font-weight: 800;
}
.mvlift-form input[type="text"],
.mvlift-form input[type="tel"],
.mvlift-form input[type="email"],
.mvlift-form textarea {
background: var(--mvlift-white);
border: 1px solid #9aadb9;
border-radius: 0.45rem;
color: var(--mvlift-ink);
font: inherit;
font-size: 1rem;
min-height: 48px;
padding: 0.75rem 0.85rem;
width: 100%;
}
.mvlift-form textarea {
min-height: 145px;
resize: vertical;
}
.mvlift-form input:focus,
.mvlift-form textarea:focus {
border-color: var(--mvlift-blue);
box-shadow: 0 0 0 3px rgba(0, 109, 182, 0.16);
}
.mvlift-optional,
.mvlift-field-help,
.mvlift-form-footnote {
color: var(--mvlift-muted);
font-size: 0.82rem;
font-weight: 500;
margin: 0;
}
.mvlift-consent {
align-items: flex-start;
display: flex;
font-weight: 600 !important;
gap: 0.7rem;
line-height: 1.45;
}
.mvlift-consent input {
flex: 0 0 auto;
height: 1.5rem;
margin-top: 0.15rem;
width: 1.5rem;
}
.mvlift-submit {
font-family: inherit;
width: 100%;
}
.mvlift-form-notice {
border-radius: 0.5rem;
margin-bottom: 1.25rem;
padding: 1rem;
}
.mvlift-form-notice.is-success {
background: #e7f7ee;
border: 1px solid #6bb98d;
}
.mvlift-form-notice.is-error {
background: #fff1f1;
border: 1px solid #d88a8a;
}
.mvlift-trap {
height: 1px;
left: -10000px;
overflow: hidden;
position: absolute;
width: 1px;
}
.mvlift-footer {
background: #061d30;
color: #cbdbe6;
padding: 1.5rem 1.25rem;
}
.mvlift-footer__inner {
align-items: center;
display: flex;
font-size: 0.9rem;
gap: 1rem;
justify-content: space-between;
}
.mvlift-footer p {
margin: 0;
}
.mvlift-footer a {
color: var(--mvlift-white);
}
.mvlift-privacy-placeholder[aria-disabled="true"] {
cursor: default;
opacity: 0.7;
pointer-events: none;
text-decoration: none;
}
@media (max-width: 960px) {
body.admin-bar .mvlift-header {
top: 46px;
}
.mvlift-nav {
display: none;
}
.mvlift-hero__inner,
.mvlift-fit,
.mvlift-contact__grid {
grid-template-columns: 1fr;
}
.mvlift-hero__inner {
gap: 3rem;
}
.mvlift-hero h1 {
max-width: 15ch;
}
.mvlift-hero__media {
max-width: 720px;
}
.mvlift-card-grid,
.mvlift-process,
.mvlift-reasons {
grid-template-columns: 1fr 1fr;
}
.mvlift-capability {
grid-template-columns: 1fr;
}
.mvlift-contact__grid {
max-width: 760px;
}
}
@media (max-width: 680px) {
.mvlift-header__inner {
gap: 0.75rem;
min-height: 66px;
padding: 0.55rem 1rem;
}
.mvlift-logo {
width: 118px;
}
.mvlift-header-cta {
font-size: 0.88rem;
min-height: 44px;
padding: 0.68rem 0.85rem;
}
.mvlift-hero {
padding-bottom: 4rem;
padding-top: 3.5rem;
}
.mvlift-hero h1 {
font-size: clamp(2.4rem, 12vw, 3.7rem);
}
.mvlift-hero__actions,
.mvlift-hero__actions .wp-block-button,
.mvlift-hero__actions .wp-block-button__link {
width: 100%;
}
.mvlift-hero__media::before {
display: none;
}
.mvlift-trust__grid,
.mvlift-card-grid,
.mvlift-process,
.mvlift-reasons,
.mvlift-gallery,
.mvlift-price,
.mvlift-specs,
.mvlift-form-grid {
grid-template-columns: 1fr;
}
.mvlift-equipment ul {
grid-template-columns: 1fr;
}
.mvlift-trust__item {
justify-content: flex-start;
text-align: left;
}
.mvlift-gallery img {
min-height: 260px;
}
.mvlift-contact__grid {
grid-template-columns: minmax(0, 1fr);
}
.mvlift-footer__inner {
align-items: flex-start;
flex-direction: column;
}
}
@media (max-width: 360px) {
.mvlift-header-cta {
font-size: 0;
}
.mvlift-header-cta::after {
content: "Päring";
font-size: 0.86rem;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.mvlift-header-cta,
.mvlift-button .wp-block-button__link,
.mvlift-submit {
transition: none;
}
}
@media print {
.mvlift-header {
position: static;
}
.mvlift-form-wrap {
box-shadow: none;
}
}