@font-face {
            font-family: "SF Pro Text";
            src: url("/fonts/SFProText-Regular.woff2") format("woff2");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: "SF Pro Text";
            src: url("/fonts/SFProText-Medium.woff2") format("woff2");
            font-weight: 510;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: "SF Pro Text";
            src: url("/fonts/SFProText-Semibold.woff2") format("woff2");
            font-weight: 590;
            font-style: normal;
            font-display: swap;
        }
        @font-face {
            font-family: "SF Pro Text";
            src: url("/fonts/SFProText-Bold.woff2") format("woff2");
            font-weight: 700;
            font-style: normal;
            font-display: swap;
        }
        :root {
            --orange: #FBA004;
            --black: #040404;
            --gray: #363636;
            --white: #FFFFFF;
            --radius-xl: 24px;
            --radius-lg: 20px;
            --radius-md: 16px;
        }
        * { box-sizing: border-box; }
        body {
            margin: 0;
            color: var(--black);
            background: #fff;
            font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
        }
        a { color: inherit; text-decoration: none; }
        .mp-wrap { max-width: 1920px; margin: 0 auto; }
        .mp-inner { max-width: 1760px; margin: 0 auto; }
        .fw-510 { font-weight: 510; }
        .fw-590 { font-weight: 590; }
        .muted-50 { opacity: .5; }
        .btn-reset { border: 0; background: transparent; }

        .mp-header {
            border-bottom: 2px solid rgba(54, 54, 54, .1);
            border-radius: 24px;
            padding: 20px 80px;
        }
        .mp-header-row {
            min-height: 100px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }
        .logo {
            display: inline-flex;
            align-items: center;
        }
        .logo img {
            width: 194px;
            height: 47px;
            object-fit: contain;
        }
        .menu-links {
            display: flex;
            gap: 40px;
            align-items: center;
            font-size: 14px;
            line-height: 17px;
            font-weight: 700;
        }
        .phone-link {
            display: flex;
            align-items: center;
            gap: 16px;
            font-size: 14px;
            line-height: 17px;
            font-weight: 700;
            white-space: nowrap;
        }
        .phone-icon {
            width: 24px;
            height: 24px;
            border: 2px solid var(--black);
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            transform: rotate(-20deg);
        }
        .hero { padding: 40px 80px; }
        .hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 366px;
            gap: 32px;
            min-height: 696px;
        }
        .hero-main {
            background: var(--orange);
            border-radius: var(--radius-xl);
            padding: 40px 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 96px;
        }
        .hero-title {
            margin: 0;
            font-size: 72px;
            line-height: 1;
            color: #fff;
            font-weight: 700;
            max-width: 980px;
        }
        .hero-subtitle {
            margin: 0;
            color: #fff;
            font-size: 24px;
            line-height: 30px;
            font-weight: 510;
            max-width: 980px;
        }
        .hero-cta {
            width: 300px;
            height: 56px;
            border-radius: 54px;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 4px 4px 4px 40px;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: -.32px;
            color: #363636;
            font-weight: 590;
            font-family: inherit;
            text-align: left;
            cursor: pointer;
        }
        .hero-cta-icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--orange);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }
        .hero-side {
            border-radius: var(--radius-xl);
            background: url("/images/hero-desktop.webp") center/cover no-repeat;
            min-height: 696px;
            position: relative;
            overflow: hidden;
        }
        .hero-side::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(0,0,0,.14));
        }

        .section { padding: 32px 80px; }
        .title-xl { margin: 0 0 12px; font-size: 56px; line-height: 64px; font-weight: 700; }
        .desc-xl { margin: 0; font-size: 22px; line-height: 28px; color: #363636; opacity: .5; font-weight: 510; }
        .service-intro {
            border-left: 3px solid var(--orange);
            padding: 0 24px;
            margin-top: 32px;
            display: grid;
            grid-template-columns: 465px minmax(0,1fr);
            gap: 40px;
        }
        .service-intro p { margin: 0; }
        .left-stack { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; }
        .left-top { font-size: 18px; line-height: 22px; color: #363636; font-weight: 700; }
        .left-orange { color: var(--orange); text-transform: uppercase; letter-spacing: -.32px; font-size: 20px; line-height: 24px; font-weight: 700; }
        .left-strong { color: #363636; font-size: 20px; line-height: 24px; font-weight: 700; }
        .right-stack { display: flex; flex-direction: column; gap: 32px; }
        .sub-title { font-size: 22px; line-height: 26px; font-weight: 700; margin: 0 0 16px; }
        .bullet-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
        .bullet-list li {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 18px;
            line-height: 22px;
            color: #363636;
            font-weight: 510;
        }
        .dot {
            width: 24px; height: 24px; border: 2px solid var(--orange); border-radius: 50%;
            display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px;
        }
        .dot::after { content: "›"; color: var(--orange); font-size: 16px; line-height: 1; }
        .right-note { font-size: 18px; line-height: 22px; font-family: Inter, sans-serif; font-weight: 700; color: #363636; margin: 0; }

        .cards-row {
            display: grid;
            grid-template-columns: minmax(280px, 480px) minmax(0, 1fr);
            gap: 32px;
            align-items: start;
        }
        .services-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
        }
        .shop-card {
            border-radius: 22px;
            padding: 8px 8px 16px;
            min-height: 611px;
            border: 2px solid rgba(251, 160, 4, .3);
        }
        .shop-image {
            border-radius: 16px;
            height: 470px;
            margin-bottom: 16px;
            overflow: hidden;
            position: relative;
        }
        .shop-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: opacity .35s ease;
            opacity: 1;
        }
        .shop-image img.is-fading { opacity: 0; }
        .shop-title { font-size: 24px; line-height: 28px; font-weight: 590; margin: 0 0 6px; }
        .shop-sub { font-size: 16px; line-height: 19px; color: #363636; opacity: .5; margin: 0; }

        .benefit-wrap {
            background: #363636;
            border-radius: var(--radius-xl);
            padding: 40px;
            color: #fff;
        }
        .benefit-grid {
            margin-top: 32px;
            display: grid;
            grid-template-columns: 1fr 604px;
            gap: 40px;
        }
        .steps-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }
        .step-card {
            position: relative;
            z-index: 0;
            overflow: hidden;
            background-color: #f4f4f4;
            border-radius: var(--radius-md);
            padding: 20px;
            color: #040404;
            min-height: 277px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 12px;
        }
        .step-card > * {
            position: relative;
            z-index: 1;
        }
        .step-card::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            pointer-events: none;
        }
        .step-head {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 24px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 700;
        }
        .step-num {
            width: 48px;
            min-width: 48px;
            max-width: 48px;
            height: 48px;
            min-height: 48px;
            max-height: 48px;
            flex: 0 0 48px;
            aspect-ratio: 1 / 1;
            border-radius: 999px;
            background: var(--orange);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            line-height: 1;
            font-weight: 700;
        }
        .step-desc { margin: 0; color: rgba(4,4,4,.6); font-size: 15px; line-height: 19px; font-weight: 510; }
        .step-card-1::before { background-image: url("/images/bg-1.webp"); }
        .step-card-2::before { background-image: url("/images/bg-2.webp"); }
        .step-card-3::before { background-image: url("/images/bg-3.webp"); }
        .wait-card {
            position: relative;
            z-index: 0;
            overflow: hidden;
            border-radius: var(--radius-md);
            padding: 20px;
            color: #040404;
            min-height: 277px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 24px;
        }
        .wait-card > * {
            position: relative;
            z-index: 1;
        }
        .wait-card::before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            background: url("/images/bg-4.webp") center/cover no-repeat;
            pointer-events: none;
        }
        .benefit-wrap .benefit-title-accent {
            color: var(--orange);
        }
        .wait-head { display: flex; justify-content: space-between; gap: 24px; font-size: 16px; line-height: 20px; font-weight: 700; }
        .wait-arrow {
            width: 48px;
            min-width: 48px;
            max-width: 48px;
            height: 48px;
            min-height: 48px;
            max-height: 48px;
            flex: 0 0 48px;
            aspect-ratio: 1 / 1;
            border-radius: 999px;
            background: #fff;
            color: var(--orange);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            line-height: 1;
            font-weight: 700;
        }
        .wait-main { font-size: 16px; line-height: 20px; font-weight: 510; }
        .wait-sub { font-size: 14px; line-height: 17px; color: rgba(54,54,54,.65); font-weight: 510; }
        .benefit-note {
            margin-top: 32px;
            text-align: center;
            font-size: 22px;
            line-height: 28px;
            color: #363636;
            font-weight: 700;
        }

        .lead-title { text-align: center; }
        .lead-row { display: flex; justify-content: center; gap: 24px; margin-top: 32px; }
        .mp-input {
            width: 526px;
            height: 60px;
            border-radius: 12px;
            border: 2px solid rgba(54,54,54,.1);
            padding: 8px 28px;
            font-size: 14px;
            font-weight: 590;
            color: #363636;
            letter-spacing: -.02em;
        }
        .mp-input::placeholder { color: rgba(54,54,54,.5); }
        .lead-btn {
            width: 264px;
            height: 61px;
            border-radius: 12px;
            border: none;
            background: var(--orange);
            color: #fff;
            font-size: 24px;
            line-height: 29px;
            letter-spacing: -.32px;
            font-weight: 590;
        }

        .mp-footer {
            background: #363636;
            color: #fff;
            padding: 32px 80px;
        }
        .foot-top {
            display: grid;
            grid-template-columns: 1fr 152px;
            gap: 40px;
            align-items: start;
        }
        .foot-cols { display: flex; gap: 124px; }
        .foot-col h6 { margin: 0 0 16px; font-size: 16px; line-height: 19px; font-weight: 700; }
        .foot-col a { display: block; margin-bottom: 12px; font-size: 14px; line-height: 17px; font-weight: 510; color: #fff; }
        .qr-col { text-align: center; }
        .qr-col img {
            width: 128px;
            height: 128px;
            background: #363636;
            border: 1px solid rgba(255, 255, 255, .35);
            border-radius: 8px;
            padding: 6px;
        }
        .qr-col p { margin: 12px 0 0; font-size: 14px; line-height: 17px; font-weight: 510; }
        .socials {
            margin-top: 24px;
            display: flex;
            gap: 40px;
            align-items: center;
            flex-wrap: wrap;
        }
        .social-item { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 17px; font-weight: 600; }
        .social-icon {
            width: 32px; height: 32px; border-radius: 8px; background: var(--orange); color: #fff;
            display: inline-flex; align-items: center; justify-content: center;
            flex: 0 0 32px;
        }
        .social-icon svg {
            width: 18px;
            height: 18px;
            display: block;
            fill: #fff;
        }
        .foot-line { margin: 24px 0 20px; border-top: 2px solid rgba(236,236,236,.5); }
        .policy { font-size: 12px; line-height: 14px; font-weight: 510; opacity: .5; }

        .menu-links .menu-modal-trigger {
            cursor: pointer;
            border: 0;
            padding: 0;
            margin: 0;
            background: none;
            font: inherit;
            color: inherit;
        }
        #partnersModal .modal-dialog {
            max-width: 420px;
            margin: 1.75rem auto;
        }
        #partnersModal .modal-content {
            border: none;
            border-radius: 20px;
            box-shadow: 0 16px 48px rgba(0, 0, 0, .12);
            overflow: hidden;
        }
        #partnersModal .partners-inner {
            padding: 28px 32px 24px;
            background: #fff;
        }
        #partnersModal .partners-title {
            margin: 0 0 20px;
            text-align: center;
            font-size: 22px;
            line-height: 26px;
            font-weight: 700;
            color: var(--black);
        }
        #partnersModal .partners-rule {
            height: 1px;
            background: rgba(54, 54, 54, .15);
            margin: 0 -32px 20px;
        }
        #partnersModal .partners-rule--bottom {
            margin: 20px -32px 20px;
        }
        #partnersModal .partners-list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        #partnersModal .partner-link {
            display: flex;
            align-items: center;
            gap: 16px;
            color: inherit;
            text-decoration: none;
            border-radius: 12px;
            margin: 0 -10px;
            padding: 6px 10px;
            outline-offset: 2px;
            transition: background .15s ease;
        }
        #partnersModal .partner-link:hover {
            background: rgba(0, 0, 0, .05);
        }
        #partnersModal .partner-link:focus-visible {
            outline: 2px solid var(--orange);
        }
        #partnersModal .partner-logo {
            width: 48px;
            height: 48px;
            flex: 0 0 48px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #partnersModal .partner-logo svg {
            display: block;
            width: 44px;
            height: 44px;
        }
        #partnersModal .partner-name {
            font-size: 18px;
            line-height: 22px;
            font-weight: 700;
            color: var(--black);
        }
        #partnersModal .partner-logo--petrovich {
            font-size: 8px;
            line-height: 1;
            font-weight: 900;
            letter-spacing: -0.04em;
            color: #E31E24;
            text-align: center;
            padding: 4px;
        }
        #partnersModal .partners-footer {
            display: flex;
            justify-content: center;
            padding-top: 4px;
        }
        #partnersModal .partners-close {
            min-width: 160px;
            padding: 12px 32px;
            border-radius: 12px;
            border: 1.5px solid var(--black);
            background: #fff;
            color: var(--black);
            font-size: 16px;
            line-height: 20px;
            font-weight: 510;
            cursor: pointer;
        }
        #partnersModal .partners-close:hover {
            background: rgba(0, 0, 0, .04);
        }
        #partnersModal.modal {
            --bs-modal-bg: transparent;
        }

        #leadRequestModal .modal-dialog {
            max-width: 420px;
            margin: 1.75rem auto;
        }
        #leadRequestModal .lead-modal-content {
            border: none;
            border-radius: 20px;
            box-shadow: 0 16px 48px rgba(0, 0, 0, .12);
            overflow: hidden;
        }
        #leadRequestModal .lead-modal-inner {
            padding: 28px 32px 24px;
            background: #fff;
        }
        #leadRequestModal .lead-modal-title {
            margin: 0 0 8px;
            text-align: center;
            font-size: 22px;
            line-height: 26px;
            font-weight: 700;
            color: var(--black);
        }
        #leadRequestModal .lead-modal-subtitle {
            margin: 0 0 24px;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
            font-weight: 510;
            color: rgba(54, 54, 54, .55);
        }
        #leadRequestModal .lead-modal-feedback {
            margin-bottom: 12px;
        }
        #leadRequestModal .lead-modal-feedback:empty {
            display: none;
        }
        #leadRequestModal .lead-modal-form {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        #leadRequestModal .lead-modal-input {
            width: 100%;
            height: 52px;
            border-radius: 12px;
            border: 2px solid rgba(54, 54, 54, .12);
            padding: 0 16px;
            font-size: 15px;
            font-weight: 510;
            color: #363636;
            font-family: inherit;
        }
        #leadRequestModal .lead-modal-input::placeholder {
            color: rgba(54, 54, 54, .45);
        }
        #leadRequestModal .lead-modal-submit {
            margin-top: 8px;
            width: 100%;
            height: 52px;
            border: none;
            border-radius: 12px;
            background: var(--orange);
            color: #fff;
            font-size: 16px;
            line-height: 20px;
            font-weight: 590;
            font-family: inherit;
            cursor: pointer;
        }
        #leadRequestModal .lead-modal-submit:hover:not(:disabled) {
            filter: brightness(1.05);
        }
        #leadRequestModal .lead-modal-submit:disabled {
            opacity: .65;
            cursor: not-allowed;
        }
        #leadRequestModal .lead-modal-legal {
            margin: 20px 0 0;
            text-align: center;
            font-size: 11px;
            line-height: 15px;
            font-weight: 510;
            color: rgba(54, 54, 54, .5);
        }
        #leadRequestModal .lead-modal-legal a {
            color: inherit;
            text-decoration: underline;
        }
        #leadRequestModal.modal {
            --bs-modal-bg: transparent;
        }

        #leadSuccessModal .modal-dialog {
            max-width: 360px;
            margin: 1.75rem auto;
        }
        #leadSuccessModal .lead-success-content {
            border: none;
            border-radius: 20px;
            box-shadow: 0 16px 48px rgba(0, 0, 0, .12);
            overflow: hidden;
        }
        #leadSuccessModal .lead-success-inner {
            padding: 36px 28px 28px;
            background: #fff;
            text-align: center;
        }
        #leadSuccessModal .lead-success-icon {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        #leadSuccessModal .lead-success-icon svg {
            width: 72px;
            height: 72px;
            display: block;
        }
        #leadSuccessModal .lead-success-title {
            margin: 0 0 12px;
            font-size: 20px;
            line-height: 24px;
            font-weight: 700;
            color: var(--black);
        }
        #leadSuccessModal .lead-success-text {
            margin: 0 0 24px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 510;
            color: rgba(54, 54, 54, .55);
        }
        #leadSuccessModal .lead-success-btn {
            min-width: 160px;
            padding: 12px 28px;
            border-radius: 12px;
            border: none;
            background: var(--orange);
            color: #fff;
            font-size: 16px;
            line-height: 20px;
            font-weight: 590;
            font-family: inherit;
            cursor: pointer;
        }
        #leadSuccessModal .lead-success-btn:hover {
            filter: brightness(1.05);
        }
        #leadSuccessModal.modal {
            --bs-modal-bg: transparent;
        }

        @media (max-width: 1500px) and (min-width: 992px) {
            #services .cards-row {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            #benefits .benefit-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }
        }

        .mobile-menu-btn { display: none; }
        @media (max-width: 991.98px) {
            .mp-inner { max-width: 100%; }
            .mp-header, .hero, .section, .mp-footer { padding: 16px; }
            .mp-header-row { min-height: auto; }
            .logo { font-size: 24px; }
            .logo img { width: 98px; height: 24px; }
            .menu-links, .phone-link { display: none; }
            .mobile-menu-btn {
                display: inline-flex; align-items: center; justify-content: center;
                width: 24px; height: 24px; border: 0; background: transparent; font-size: 20px;
            }
            .hero-grid { grid-template-columns: 1fr; min-height: auto; }
            .hero-main {
                border-radius: var(--radius-lg);
                padding: 20px;
                gap: 24px;
                min-height: 330px;
            }
            .hero-title { font-size: 32px; line-height: 1; max-width: 321px; }
            .hero-subtitle { font-size: 18px; line-height: 21px; max-width: 321px; }
            .hero-cta {
                width: 100%;
                height: 43px;
                border-radius: 12px;
                justify-content: center;
                padding: 12px 24px;
                font-size: 16px;
                line-height: 19px;
            }
            .hero-cta-icon { display: none; }
            .hero-side {
                min-height: 160px;
                border-radius: var(--radius-lg);
                background-image: url("/images/hero-mobile.webp");
            }
            .title-xl { font-size: 24px; line-height: 29px; margin-bottom: 8px; }
            .desc-xl { font-size: 16px; line-height: 1.1; }
            .service-intro {
                margin-top: 14px;
                grid-template-columns: 1fr;
                gap: 14px;
                padding: 0 12px;
                border-left-width: 2px;
            }
            .left-stack { gap: 14px; }
            .right-stack { gap: 14px; }
            .left-top, .left-orange, .left-strong, .sub-title, .right-note { font-size: 14px; line-height: 17px; }
            .sub-title { margin-bottom: 10px; }
            .bullet-list { gap: 6px; }
            .bullet-list li { font-size: 14px; line-height: 17px; align-items: flex-start; }
            .cards-row { grid-template-columns: 1fr; gap: 14px; }
            .services-cards {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }
            .shop-card {
                min-width: 0;
                width: 100%;
                min-height: 260px;
                border-radius: 16px;
                padding: 6px 6px 10px;
            }
            .shop-image { height: 120px; border-radius: 10px; margin-bottom: 6px; }
            .shop-title { font-size: 14px; line-height: 17px; margin-bottom: 2px; }
            .shop-sub { font-size: 10px; line-height: 12px; }
            .services-cards .shop-card:nth-child(3) { display: none; }
            .benefit-wrap { border-radius: 20px; padding: 20px; }
            .benefit-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 20px; }
            .steps-3 { grid-template-columns: 1fr; gap: 16px; }
            .step-card, .wait-card { min-height: 86px; border-radius: 12px; padding: 10px; }
            .step-card-1::before,
            .step-card-2::before,
            .step-card-3::before { display: none; }
            .step-card { background-color: #fff; }
            .step-head { justify-content: center; }
            .step-head span:last-child { display: none; }
            .step-desc { text-align: center; font-size: 12px; line-height: 14px; }
            .wait-card::before { display: none; }
            .wait-card { background-color: var(--orange); min-height: 96px; }
            .wait-head, .wait-main { font-size: 12px; line-height: 14px; }
            .wait-sub { font-size: 12px; line-height: 14px; }
            .benefit-note { margin-top: 12px; font-size: 12px; line-height: 14px; text-align: center; }
            .lead-row { flex-direction: column; gap: 12px; margin-top: 20px; }
            .mp-input, .lead-btn { width: 100%; }
            .mp-input { height: 48px; }
            .lead-btn { height: 43px; font-size: 16px; line-height: 19px; }
            .foot-top { grid-template-columns: 1fr; gap: 20px; }
            .foot-cols { flex-direction: column; gap: 20px; }
            .foot-col {
                border-bottom: 2px solid rgba(255,255,255,.1);
                padding-bottom: 20px;
            }
            .socials {
                justify-content: center;
                gap: 40px;
                padding-bottom: 20px;
                border-bottom: 2px solid rgba(255,255,255,.1);
            }
            .social-item span:last-child { display: none; }
            .qr-col { display: none; }
            .foot-line { margin: 10px 0 12px; }
            .policy { font-size: 12px; line-height: 14px; }
        }