.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.moexfe-calc {
--moexfe-bg: #f3f4f6;
--moexfe-surface: #ffffff;
--moexfe-ink: #1a1a1a;
--moexfe-ink-muted: #7b7b7b;
--moexfe-line: #e5e7eb;
--moexfe-accent: #3984ca;
--moexfe-accent-ink: #ffffff;
--moexfe-accent-soft: rgba(57, 132, 202, 0.12);
--moexfe-accent-shadow: rgba(57, 132, 202, 0.22);
container-type: inline-size;
container-name: moexfecalc;
font-family: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 16px;
color: var(--moexfe-ink);
background: var(--moexfe-surface);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
line-height: 1.4;
box-sizing: border-box;
}
.moexfe-calc *, .moexfe-calc *::before, .moexfe-calc *::after { box-sizing: border-box; }
.moexfe-calc [hidden] { display: none !important; }
.moexfe-calc__inner {
max-width: 920px;
margin: 0 auto;
padding: 64px 32px 72px;
} .moexfe-header { text-align: center; margin-bottom: 32px; }
.moexfe-eyebrow {
display: inline-block;
padding: 6px 14px;
border: 1px solid var(--moexfe-line);
border-radius: 999px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--moexfe-ink-muted);
background: var(--moexfe-surface);
}
.moexfe-title {
margin: 14px auto 12px;
max-width: 720px;
font-size: clamp(30px, 4vw, 42px);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.02em;
color: var(--moexfe-ink);
text-wrap: balance;
}
.moexfe-title__accent { color: var(--moexfe-accent); }
.moexfe-subtitle {
margin: 0 auto;
max-width: 540px;
font-size: 16px;
color: var(--moexfe-ink-muted);
line-height: 1.55;
} .moexfe-panel {
background: var(--moexfe-bg);
border-radius: 20px;
padding: 36px;
box-shadow: inset 0 0 0 1px var(--moexfe-line);
display: flex;
flex-direction: column;
gap: 22px;
}
.moexfe-row { display: grid; gap: 18px; }
.moexfe-row.cols-2 { grid-template-columns: 1fr 1fr; } .moexfe-field {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
}
.moexfe-field__label {
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--moexfe-ink);
} .moexfe-segmented {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
background: white;
border: 1px solid var(--moexfe-line);
border-radius: 10px;
padding: 4px;
gap: 4px;
}
.moexfe-segmented button,
.moexfe-segmented button:hover,
.moexfe-segmented button:focus,
.moexfe-segmented button:active,
.moexfe-segmented button:visited {
-webkit-appearance: none !important;
appearance: none !important;
border: none !important;
background-color: transparent !important;
background-image: none !important;
color: var(--moexfe-ink-muted) !important;
font-family: inherit !important;
font-weight: 500;
font-size: 16px;
padding: 0 8px !important;
margin: 0 !important;
border-radius: 8px !important;
cursor: pointer;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important;
transition: background-color 0.15s, color 0.15s, box-shadow 0.15s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
line-height: 1.2 !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
width: auto;
min-width: 0;
text-transform: none;
letter-spacing: normal;
transform: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
box-sizing: border-box !important;
}
.moexfe-segmented button.is-active,
.moexfe-segmented button.is-active:hover,
.moexfe-segmented button.is-active:focus,
.moexfe-segmented button.is-active:active {
background-color: var( --e-global-color-ca6f016 ) !important;
color: white !important;
font-weight: 600;
box-shadow: 0 1px 0 var(--moexfe-line), 0 1px 3px rgba(0,0,0,0.04) !important;
}
.moexfe-segmented__sub {
font-size: 11px;
color: var(--moexfe-ink-muted);
font-weight: 500;
opacity: 0.85;
}
.moexfe-segmented button.is-active .moexfe-segmented__sub, .moexfe-segmented button.is-active:hover .moexfe-segmented__sub{
color:white !important;
} .moexfe-numinput {
position: relative;
display: flex;
align-items: stretch;
background: var(--moexfe-surface);
border: 1px solid var(--moexfe-line);
border-radius: 10px;
overflow: hidden;
transition: border-color 0.15s, box-shadow 0.15s;
min-height: 50px;
}
.moexfe-numinput:focus-within {
border-color: var(--moexfe-accent);
box-shadow: 0 0 0 3px var(--moexfe-accent-soft);
}
.moexfe-numinput input,
.moexfe-numinput input[type=number],
.moexfe-numinput input:focus,
.moexfe-numinput input:hover,
.moexfe-numinput input:active {
-webkit-appearance: none !important;
-moz-appearance: textfield !important;
appearance: none !important;
flex: 1 1 auto;
background-color: transparent !important;
background-image: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
padding: 12px 14px !important;
margin: 0 !important;
font-size: 18px !important;
font-family: inherit !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: var(--moexfe-ink) !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
border-radius: 0 !important;
text-align: left;
}
.moexfe-numinput input::-webkit-inner-spin-button,
.moexfe-numinput input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.moexfe-numinput input::placeholder {
color: var(--moexfe-ink-muted);
opacity: 0.7;
}
.moexfe-numinput__suffix {
display: flex;
align-items: center;
padding: 0 14px;
color: var(--moexfe-ink-muted);
font-size: 14px;
font-weight: 500;
pointer-events: none;
flex-shrink: 0;
background: transparent;
} .moexfe-checkbox {
--moexfe-check-color: var(--e-global-color-ca6f016, var(--moexfe-accent));
display: flex;
align-items: flex-start;
gap: 12px;
padding: 14px;
background: var(--moexfe-surface);
border: 1px solid var(--moexfe-line);
border-radius: 10px;
transition: background 0.15s, border-color 0.15s;
cursor: pointer;
position: relative;
}
.moexfe-checkbox.is-checked {
background: color-mix(in srgb, var(--moexfe-check-color) 12%, var(--moexfe-surface));
border-color: var(--moexfe-check-color);
}
.moexfe-checkbox input {
position: absolute;
opacity: 0;
width: 18px;
height: 18px;
margin: 14px 0 0 14px;
cursor: pointer;
}
.moexfe-checkbox__visual {
width: 18px;
height: 18px;
border-radius: 4px;
border: 1.5px solid var(--moexfe-ink-muted);
background: transparent;
flex-shrink: 0;
margin-top: 1px;
display: grid;
place-items: center;
transition: background 0.15s, border-color 0.15s;
position: relative;
}
.moexfe-checkbox.is-checked .moexfe-checkbox__visual {
background: var(--moexfe-check-color);
border-color: var(--moexfe-check-color);
}
.moexfe-checkbox.is-checked .moexfe-checkbox__visual::after {
content: "";
width: 5px;
height: 9px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg) translate(-1px, -1px);
}
.moexfe-checkbox__body { flex: 1; min-width: 0; }
.moexfe-checkbox__title {
font-size: 14px;
font-weight: 600;
color: var(--moexfe-ink);
line-height: 1.35;
}
.moexfe-checkbox__desc {
font-size: 13px;
color: var(--moexfe-ink-muted);
margin-top: 2px;
line-height: 1.4;
} .moexfe-result {
margin-top: 6px;
background: var(--moexfe-surface);
border: 1px solid var(--moexfe-line);
border-radius: 12px;
padding: 20px 24px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: center;
}
.moexfe-result__eyebrow {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--moexfe-ink-muted);
margin-bottom: 6px;
}
.moexfe-result__price-row {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
}
.moexfe-result__amount {
font-size: clamp(34px, 4.5vw, 42px);
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1;
color: var(--moexfe-ink);
}
.moexfe-result__iva-note {
font-size: 12px;
color: var(--moexfe-ink-muted);
font-weight: 500;
}
.moexfe-result__custom {
font-size: 24px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--moexfe-ink);
}
.moexfe-result__breakdown {
font-size: 13px;
color: var(--moexfe-ink-muted);
margin-top: 6px;
}
.moexfe-result__breakdown b {
color: var(--moexfe-ink);
font-weight: 600;
}
.moexfe-result__breakdown .moexfe-result__tabular {
font-variant-numeric: tabular-nums;
}
.moexfe-result__tier {
font-size: 11px;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 600;
color: var(--moexfe-accent);
background: var(--moexfe-accent-soft);
padding: 8px 12px;
border-radius: 6px;
white-space: nowrap;
align-self: center;
} .moexfe-cta,
.moexfe-cta:hover,
.moexfe-cta:focus,
.moexfe-cta:active,
.moexfe-cta:visited {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 0;
width: 100%;
padding: 16px 56px !important;
background-color: #25D366 !important;
background-image: none !important;
color: #ffffff !important;
border: none !important;
border-radius: 10px !important;
font-family: inherit !important;
font-size: 15px !important;
font-weight: 600 !important;
cursor: pointer;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.28) !important;
text-transform: none !important;
letter-spacing: normal !important;
text-align: center;
transition: transform 0.1s, filter 0.15s;
}
.moexfe-cta:hover { filter: brightness(1.04); }
.moexfe-cta:active { transform: translateY(1px); }
.moexfe-cta__icon {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
flex-shrink: 0;
}
.moexfe-cta__arrow {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
margin-left: 0;
} .moexfe-privacy {
font-size: 12px;
color: var(--moexfe-ink-muted);
text-align: center;
line-height: 1.5;
margin: 0;
}
.moexfe-privacy a {
color: var(--moexfe-accent);
text-decoration: underline;
} .moexfe-contact {
margin-top: 26px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.moexfe-contact__card {
background: var(--moexfe-surface);
border: 1px solid var(--moexfe-line);
border-radius: 12px;
padding: 18px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
text-align: center;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.moexfe-contact__icon {
width: 38px;
height: 38px;
border-radius: 999px;
background: var(--moexfe-accent);
color: var(--moexfe-accent-ink);
display: grid;
place-items: center;
}
.moexfe-contact__label {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--moexfe-ink-muted);
}
.moexfe-contact__value {
font-size: 14px;
color: var(--moexfe-ink);
font-weight: 500;
line-height: 1.35;
} .moexfe-calc button:focus-visible,
.moexfe-calc input:focus-visible,
.moexfe-calc a:focus-visible {
outline: 2px solid var(--moexfe-accent);
outline-offset: 2px;
} @container moexfecalc (max-width: 699px) {
.moexfe-calc__inner { padding: 32px 18px 36px; }
.moexfe-header { margin-bottom: 24px; }
.moexfe-title { font-size: 26px; }
.moexfe-subtitle { font-size: 14px; }
.moexfe-panel {
padding: 22px;
gap: 18px;
border-radius: 16px;
}
.moexfe-row { gap: 14px; }
.moexfe-row.cols-2 { grid-template-columns: 1fr; }
.moexfe-result {
grid-template-columns: 1fr;
padding: 16px 18px;
gap: 14px;
}
.moexfe-result__amount { font-size: 32px; }
.moexfe-result__custom { font-size: 20px; }
.moexfe-result__tier { justify-self: flex-start; }
.moexfe-contact {
margin-top: 18px;
grid-template-columns: 1fr;
gap: 10px;
}
}