/* CAR IMPORT56: public UI. Built from maintained components; no legacy cascade. */
@layer reset,features,components,utilities;
/* Self-hosted Google Fonts: Inter, Manrope, Roboto Condensed (SIL Open Font License). */
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/font-1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/font-2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/font-3.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/font-4.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/font-5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/font-6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/fonts/font-7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/font-8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/font-9.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/font-10.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/font-11.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/font-12.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/font-13.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/assets/fonts/font-14.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/assets/fonts/font-15.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/assets/fonts/font-16.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/assets/fonts/font-17.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/assets/fonts/font-18.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/assets/fonts/font-19.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url(/assets/fonts/font-20.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@layer features {
@media (min-width: 1000px) {
    .ci-v9 .premium-deal-view {
        max-width: 1120px;
        margin: 0 auto
    }
}
.process-number {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 11px;
    color: #ff5a64;
    background: var(--red-soft);
    font-size: 12px;
    font-weight: 800
}
.process-step strong {
    display: block;
    font-size: 12px
}
.process-step span {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: 12px
}
.condition-box span {
    display: block;
    margin-bottom: 5px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 650
}
.condition-box strong {
    font-size: 12px;
    line-height: 1.5
}
.toast {
    position: fixed;
    z-index: 150;
    bottom: calc(86px + var(--safe-bottom));
    left: 50%;
    max-width: calc(100% - 28px);
    padding: 11px 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    color: white;
    background: rgba(28,28,28,.95);
    box-shadow: 0 15px 35px rgba(0,0,0,.35);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    transform: translateX(-50%);
    animation: toast-in 250ms ease both;
    backdrop-filter: blur(14px)
}
.toast.error {
    border-color: rgba(241,14,28,.25);
    background: rgba(73,10,15,.96)
}
.process-step {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 63px;
    padding: 11px 14px;
    border: 1px solid var(--line);
    border-radius: 17px;
    border-color: rgba(195,214,236,.12);
    background-color: #0d1116;
    background: linear-gradient(145deg, #10151b, #0b0e13)
}
.deal-view {
    width: 100%;
    max-width: 710px;
    margin: 0 auto;
    padding: 25px 14px 32px
}
.deal-hero {
    margin-bottom: 18px
}
.deal-hero > p {
    margin: 0 3px 7px;
    color: #9aa4b1;
    font-size: 12px
}
.deal-hero h1 {
    margin: 0 3px;
    font-size: clamp(31px, 9vw, 48px);
    line-height: .98;
    letter-spacing: -.065em
}
.deal-card {
    overflow: hidden;
    margin-top: 12px;
    border: 1px solid rgba(194,213,235,.14);
    border-radius: 22px;
    background: radial-gradient(circle at 100% 0, rgba(241,14,28,.1), transparent 42%),
    linear-gradient(145deg, #121820, #090c11);
    box-shadow: 0 22px 55px rgba(0,0,0,.3)
}
.deal-list {
    display: grid;
    gap: 14px
}
.deal-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px;
    border-bottom: 1px solid rgba(193,212,234,.09)
}
.deal-card > .deal-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 16px;
    border-bottom: 1px solid rgba(193,212,234,.09)
}
.deal-number {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(193,212,234,.09)
}
.deal-number span {
    color: #ff6670;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase
}
.deal-number strong {
    max-width: 55%;
    padding: 6px 8px;
    border-radius: 999px;
    color: #ff737c;
    background: rgba(241,14,28,.1);
    font-size: 12px;
    line-height: 1.3;
    text-align: right
}
.deal-car {
    display: grid;
    grid-template-columns: minmax(116px, 40%) minmax(0,1fr);
    min-height: 132px
}
.deal-car img {
    width: 100%;
    height: 100%;
    min-height: 132px;
    object-fit: cover
}
.deal-car > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 16px
}
.deal-car h2 {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 18px;
    line-height: 1.15;
    letter-spacing: -.04em
}
.deal-car h3 {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 18px;
    line-height: 1.15;
    letter-spacing: -.04em
}
.deal-car p {
    margin: 6px 0 0;
    color: #8d97a5;
    font-size: 12px;
    line-height: 1.5
}
.deal-car span {
    margin: 6px 0 0;
    color: #8d97a5;
    font-size: 12px;
    line-height: 1.5
}
.deal-car strong {
    margin-top: 13px;
    font-size: 17px;
    letter-spacing: -.035em
}
.deal-price-line {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    border-top: 1px solid rgba(193,212,234,.09);
    border-bottom: 1px solid rgba(193,212,234,.09)
}
.deal-price-line > div {
    min-width: 0;
    padding: 13px 15px
}
.deal-price-line > div + div {
    border-left: 1px solid rgba(193,212,234,.09)
}
.deal-price-line span {
    display: block;
    color: #7f8997;
    font-size: 12px
}
.deal-price-line strong {
    display: block;
    margin-top: 5px;
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.35
}
.deal-next {
    margin: 12px 13px 0;
    padding: 13px;
    border: 1px solid rgba(193,212,234,.1);
    border-radius: 15px;
    background: rgba(255,255,255,.025)
}
.deal-next span {
    display: block;
    color: #ff6670;
    font-size: 12px;
    font-weight: 750
}
.deal-next strong {
    display: block;
    margin-top: 5px;
    color: #d8dde4;
    font-size: 12px;
    line-height: 1.5
}
.deal-delivery strong {
    display: block;
    margin-top: 5px;
    color: #d8dde4;
    font-size: 12px;
    line-height: 1.5
}
.deal-delivery {
    margin: 12px 13px 0;
    padding: 13px;
    border: 1px solid rgba(193,212,234,.1);
    border-radius: 15px;
    border-color: rgba(46,199,126,.16);
    background: rgba(46,199,126,.055)
}
.deal-delivery span {
    display: block;
    font-size: 12px;
    font-weight: 750;
    color: #5cd399
}
.deal-cancelled {
    margin: 12px 13px 0;
    padding: 13px;
    border: 1px solid rgba(193,212,234,.1);
    border-radius: 15px;
    color: #ff7b83;
    border-color: rgba(241,14,28,.16);
    background: rgba(241,14,28,.07);
    font-size: 12px;
    line-height: 1.5
}
.deal-documents {
    display: block;
    margin-top: 13px;
    padding: 17px;
    border: 1px solid rgba(193,212,234,.12);
    border-radius: 18px;
    background: #0e1319
}
.deal-documents > h2 {
    margin: 0;
    font-size: 15px;
    letter-spacing: -.03em
}
.deal-documents > p {
    margin: 7px 0 0;
    color: #7f8997;
    font-size: 12px;
    line-height: 1.55
}
.deal-documents > a {
    display: flex;
    min-height: 76px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(193,212,234,.12);
    border-radius: 16px;
    color: #c7ced7;
    background: #0e1319;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.35;
    text-align: left
}
.deal-documents > button {
    display: flex;
    min-height: 76px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(193,212,234,.12);
    border-radius: 16px;
    color: #c7ced7;
    background: #0e1319;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.35;
    text-align: left
}
.deal-document {
    display: flex;
    min-height: 76px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(193,212,234,.12);
    border-radius: 16px;
    color: #c7ced7;
    background: #0e1319;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.35;
    text-align: left
}
.deal-documents svg {
    width: 24px;
    flex: 0 0 24px;
    fill: none;
    stroke: #ff4f5a;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5
}
.deal-document svg {
    width: 24px;
    flex: 0 0 24px;
    fill: none;
    stroke: #ff4f5a;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5
}
.condition-box {
    margin-top: 8px;
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 16px;
    border-color: rgba(193,212,234,.12);
    background: #0e1319
}
@media (min-width: 620px) {
    .deal-view {
        padding-inline: 24px
    }
    .deal-documents {
        grid-template-columns: repeat(3, minmax(0,1fr))
    }
}
@media (max-width: 389px) {
    .deal-documents {
        grid-template-columns: 1fr
    }
    .deal-car {
        grid-template-columns: 108px minmax(0,1fr)
    }
}
.ci-v9 .premium-deal-hero > span {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: #ff5b65;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase
}
.ci-v9 .premium-deal-hero > span::before {
    width: 23px;
    height: 2px;
    border-radius: 2px;
    background: var(--red);
    content: ""
}
.ci-v9 .premium-deal-hero h1 {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(39px,10vw,64px);
    line-height: .92;
    letter-spacing: -.072em
}
.ci-v9 .premium-deal-hero h1 em {
    color: var(--red);
    font-style: normal
}
.ci-v9 .premium-deal-hero p {
    position: relative;
    z-index: 1;
    max-width: 500px;
    margin: 16px 0 0;
    color: #87919e;
    font-size: 12px;
    line-height: 1.55
}
.ci-v9 .deal-list {
    display: grid;
    gap: 22px
}
.ci-v9 .deal-dossier {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.105);
    border-radius: 27px;
    background: linear-gradient(150deg,#11151b,#080a0e 68%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 30px 70px rgba(0,0,0,.3)
}
.ci-v9 .deal-cover-premium {
    position: relative;
    min-height: 340px;
    overflow: hidden
}
.ci-v9 .deal-cover-premium > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.ci-v9 .deal-cover-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(4,5,7,.58),transparent 35%,rgba(5,7,9,.94) 88%),linear-gradient(90deg,rgba(4,5,7,.55),transparent 68%)
}
.ci-v9 .deal-cover-head {
    position: absolute;
    z-index: 2;
    inset: 17px 17px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}
.ci-v9 .deal-cover-head > strong > i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #48d992;
    box-shadow: 0 0 0 4px rgba(46,199,126,.1)
}
.ci-v9 .deal-cover-head > strong.cancelled {
    border-color: rgba(241,14,28,.25);
    color: #ff6570;
    background: rgba(30,6,9,.66)
}
.ci-v9 .deal-cover-head > strong.cancelled > i {
    background: var(--red)
}
.ci-v9 .deal-cover-copy {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 20px;
    left: 18px
}
.ci-v9 .deal-cover-copy > p {
    margin: 0 0 6px;
    color: #b9c2cc;
    font-size: 12px;
    font-weight: 650;
    text-transform: uppercase
}
.ci-v9 .deal-cover-copy h2 {
    max-width: 82%;
    margin: 0 0 16px;
    font-size: clamp(29px,7.5vw,44px);
    line-height: .98;
    letter-spacing: -.06em
}
.ci-v9 .deal-cover-copy > div {
    display: grid;
    gap: 2px
}
.ci-v9 .deal-cover-copy > div strong {
    font-size: clamp(23px,6vw,35px);
    letter-spacing: -.05em
}
.ci-v9 .deal-cover-monogram {
    position: absolute;
    right: 7px;
    bottom: 2px;
    color: rgba(255,255,255,.07);
    font-size: 94px;
    font-weight: 800;
    line-height: .8;
    letter-spacing: -.1em
}
.ci-v9 .deal-snapshot-grid > div {
    display: grid;
    grid-template-columns: 22px minmax(0,1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 7px;
    min-width: 0;
    padding: 13px 10px
}
.ci-v9 .deal-snapshot-grid > div + div {
    border-left: 1px solid rgba(255,255,255,.065)
}
.ci-v9 .deal-snapshot-grid .ci-icon {
    grid-row: 1/3;
    width: 18px;
    color: #ff4c57
}
.ci-v9 .deal-progress-premium {
    padding: 19px 16px
}
.ci-v9 .deal-progress-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px
}
.ci-v9 .deal-progress-head > div {
    display: grid;
    gap: 3px
}
.ci-v9 .deal-progress-head h3 {
    margin: 0;
    font-size: 17px;
    letter-spacing: -.04em
}
.ci-v9 .deal-progress-head > strong {
    color: #ff414c;
    font-size: 22px;
    letter-spacing: -.05em
}
.ci-v9 .deal-progress-line {
    height: 4px;
    overflow: hidden;
    border-radius: 9px;
    background: #1b2027
}
.ci-v9 .deal-progress-line i {
    display: block;
    height: 100%;
    border-radius: 9px;
    background: linear-gradient(90deg,#b90611,#f10e1c,#ff5660);
    box-shadow: 0 0 16px rgba(241,14,28,.35)
}
.ci-v9 .deal-stage-rail {
    display: grid;
    margin-top: 17px
}
.ci-v9 .deal-stage {
    position: relative;
    display: grid;
    grid-template-columns: 39px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 63px;
    padding: 7px 0
}
.ci-v9 .deal-stage:not(:last-child)::after {
    position: absolute;
    top: 45px;
    bottom: -12px;
    left: 19px;
    width: 1px;
    background: rgba(255,255,255,.09);
    content: ""
}
.ci-v9 .deal-stage > i {
    position: relative;
    z-index: 1;
    display: grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    color: #66717e;
    background: #0a0d11
}
.ci-v9 .deal-stage > i .ci-icon {
    width: 18px
}
.ci-v9 .deal-stage > span {
    display: grid;
    min-width: 0;
    gap: 3px
}
.ci-v9 .deal-stage.done > i {
    border-color: rgba(46,199,126,.22);
    color: #48d991;
    background: rgba(46,199,126,.08)
}
.ci-v9 .deal-stage.done:not(:last-child)::after {
    background: rgba(46,199,126,.28)
}
.ci-v9 .deal-stage.done > span b {
    color: #b6c0ca
}
.ci-v9 .deal-stage.active > i {
    border-color: var(--red);
    color: #fff;
    background: linear-gradient(145deg,#f10e1c,#b80510);
    box-shadow: 0 8px 22px rgba(241,14,28,.22)
}
.ci-v9 .deal-stage.active > span b {
    color: #fff
}
.ci-v9 .deal-stage.active > span small {
    color: #8b95a1
}
.ci-v9 .deal-next-premium {
    display: grid;
    grid-template-columns: 43px minmax(0,1fr);
    gap: 11px;
    margin: 0 15px 17px;
    padding: 14px;
    border: 1px solid rgba(241,14,28,.2);
    border-radius: 18px;
    background: linear-gradient(135deg,rgba(241,14,28,.12),rgba(241,14,28,.025))
}
.ci-v9 .deal-next-premium > span {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border-radius: 13px;
    color: #ff5963;
    background: rgba(241,14,28,.12)
}
.ci-v9 .deal-next-premium > span .ci-icon {
    width: 21px
}
.ci-v9 .deal-next-premium > div {
    display: grid;
    gap: 4px
}
.ci-v9 .deal-section-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px
}
.ci-v9 .document-grid-premium > div {
    display: grid;
    grid-template-columns: 35px minmax(0,1fr) 20px;
    align-items: center;
    gap: 9px;
    min-height: 58px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 15px;
    background: rgba(255,255,255,.02)
}
.ci-v9 .document-grid-premium > div > .ci-icon {
    width: 20px;
    color: #a9b3bf
}
.ci-v9 .document-grid-premium > div > span {
    display: grid;
    gap: 2px
}
.ci-v9 .document-grid-premium strong {
    font-size: 12px
}
.ci-v9 .document-grid-premium small {
    color: #65707c;
    font-size: 12px
}
.ci-v9 .document-grid-premium > div > i {
    color: #59646f
}
.ci-v9 .document-grid-premium > div > i .ci-icon {
    width: 14px
}
.ci-v9 .deal-security-note .ci-icon {
    width: 16px;
    flex: 0 0 16px;
    color: #45c984
}
@media (min-width: 620px) {
    .ci-v9 .premium-deal-view {
        padding-inline: 28px
    }
    .ci-v9 .deal-cover-premium {
        min-height: 410px
    }
    .ci-v9 .document-grid-premium {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
    .ci-v9 .document-grid-premium > div {
        grid-template-columns: 34px minmax(0,1fr);
        min-height: 78px
    }
    .ci-v9 .document-grid-premium > div > i {
        display: none
    }
}
@media (max-width: 389px) {
    .ci-v9 .deal-snapshot-grid {
        grid-template-columns: 1fr
    }
    .ci-v9 .deal-snapshot-grid > div + div {
        border-top: 1px solid rgba(255,255,255,.06);
        border-left: 0
    }
}
.ci-v9 .document-grid-premium > button {
    display: grid;
    grid-template-columns: 35px minmax(0,1fr) 20px;
    align-items: center;
    gap: 9px;
    min-height: 64px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 15px;
    color: #f4f6f8;
    background: rgba(255,255,255,.025);
    text-align: left;
    cursor: pointer
}
.ci-v9 .document-grid-premium > button:hover {
    border-color: rgba(241,14,28,.28);
    background: rgba(241,14,28,.055);
    transform: translateY(-1px)
}
.ci-v9 .document-grid-premium > button > .ci-icon {
    width: 20px;
    color: #b7c0ca
}
.ci-v9 .document-grid-premium > button > span {
    display: grid;
    gap: 3px
}
.ci-v9 .document-grid-premium > button strong {
    font-size: 12px
}
.ci-v9 .document-grid-premium > button small {
    color: #76818e;
    font-size: 12px
}
.ci-v9 .document-grid-premium > button > i {
    color: #65707c
}
.ci-v9 .document-grid-premium > button > i .ci-icon {
    width: 15px
}
.ci-v9 .deal-cover-head > span {
    color: rgba(255,255,255,.82);
    font-weight: 800;
    letter-spacing: .12em;
    text-shadow: 0 2px 12px #000;
    font-size: 12px
}
.ci-v9 .deal-cover-head > strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 29px;
    padding: 0 9px;
    border: 1px solid rgba(46,199,126,.22);
    border-radius: 10px;
    color: #58dc9a;
    background: rgba(6,17,12,.58);
    backdrop-filter: blur(12px);
    text-transform: uppercase;
    font-size: 12px
}
.ci-v9 .deal-cover-copy > div span {
    color: #87929f;
    text-transform: uppercase;
    font-size: 12px
}
.ci-v9 .deal-progress-head span {
    color: #737e8b;
    text-transform: uppercase;
    font-size: 12px
}
.ci-v9 .deal-stage > span small {
    overflow: hidden;
    color: #596470;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}
.ci-v9 .deal-stage > em {
    padding: 5px 7px;
    border-radius: 8px;
    color: #ff6972;
    background: rgba(241,14,28,.1);
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px
}
.ci-v9 .deal-next-premium small {
    color: #ff6872;
    font-weight: 750;
    text-transform: uppercase;
    font-size: 12px
}
.ci-v9 .deal-next-premium p {
    margin: 0;
    color: #727d89;
    font-size: 12px
}
.ci-v9 .deal-security-note {
    display: flex;
    gap: 8px;
    margin: 0 15px 17px;
    padding: 11px;
    border-top: 1px solid rgba(255,255,255,.06);
    color: #68737f;
    line-height: 1.45;
    font-size: 12px
}
.ci-v9 .deal-stage > span b {
    color: #939da9;
    font-size: 12px
}
.ci-v9 .deal-next-premium h3 {
    margin: 0;
    line-height: 1.45;
    font-size: 12px
}
@media (min-width: 620px) {
    .ci-v9 .document-grid-premium > button {
        grid-template-columns: 34px minmax(0,1fr);
        min-height: 86px
    }
    .ci-v9 .document-grid-premium > button > i {
        display: none
    }
}
@media (max-width: 520px) {
    .ci-v9 .deal-snapshot-grid {
        grid-template-columns: 1fr
    }
    .ci-v9 .deal-snapshot-grid > div + div {
        border-top: 1px solid rgba(255,255,255,.065);
        border-left: 0
    }
}
.ci-v9 .deal-snapshot-grid {
    display: grid;
    border-top: 1px solid rgba(255,255,255,.07);
    border-bottom: 1px solid rgba(255,255,255,.07);
    grid-template-columns: repeat(auto-fit,minmax(130px,1fr))
}
.ci-v9 .deal-snapshot-grid span {
    overflow: hidden;
    color: #6f7a87;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px
}
.ci-v9 .deal-snapshot-grid strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}
@media (max-width:520px) {
    .ci-v9 .deal-snapshot-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
    .ci-v9 .deal-snapshot-grid>div+div {
        border-top: 0
    }
}
@media (max-width:389px) {
    .ci-v9 .deal-snapshot-grid {
        grid-template-columns: 1fr
    }
}
@media (min-width:1000px) {
    .ci-v9 .premium-deal-view {
        width: 100%;
        max-width: 1120px;
        margin: 0 auto
    }
}
.ci-v9 .deal-hero h1 {
    color: #17222c
}
.ci-v9 .deal-card {
    color: #1e2a34;
    border-color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.58);
    box-shadow: 0 18px 50px rgba(66,84,97,.13),inset 0 1px 0 #fff;
    backdrop-filter: blur(26px)
}
.ci-v9 .condition-box {
    color: #27353f;
    border-color: rgba(113,133,148,.18);
    background: rgba(255,255,255,.58)
}
.ci-v9 .condition-box span {
    color: #76848e
}
.ci-v9 .condition-box strong {
    color: #1f2c36
}
.ci-v9 .deal-hero-card {
    color: #1d2933;
    border-color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.58);
    box-shadow: 0 17px 48px rgba(66,83,97,.12),inset 0 1px 0 #fff;
    backdrop-filter: blur(25px)
}
.ci-v9 .deal-timeline {
    color: #1d2933;
    border-color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.58);
    box-shadow: 0 17px 48px rgba(66,83,97,.12),inset 0 1px 0 #fff;
    backdrop-filter: blur(25px)
}
.ci-v9 .deal-task-list {
    color: #1d2933;
    border-color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.58);
    box-shadow: 0 17px 48px rgba(66,83,97,.12),inset 0 1px 0 #fff;
    backdrop-filter: blur(25px)
}
.ci-v9 .deal-manager {
    color: #1d2933;
    border-color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.58);
    box-shadow: 0 17px 48px rgba(66,83,97,.12),inset 0 1px 0 #fff;
    backdrop-filter: blur(25px)
}
.ci-v9 .deal-document-card {
    color: #1d2933;
    border-color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.58);
    box-shadow: 0 17px 48px rgba(66,83,97,.12),inset 0 1px 0 #fff;
    backdrop-filter: blur(25px)
}
.ci-v9 .credit-term-option {
    color: #24323c;
    border-color: rgba(112,132,147,.18);
    background: rgba(255,255,255,.56)
}
.ci-v9 .credit-term-option.active {
    color: #fff;
    border-color: var(--glass-accent);
    background: linear-gradient(135deg,#f12c44,#d90a2d);
    box-shadow: 0 13px 28px rgba(203,9,39,.17)
}
@media (max-width:760px) {
    .ci-v9 .brand-mark {
        width: 46px;
        height: 46px
    }
}
.ci-v9 .deal-hero p {
    color: #6f7d87;
    font-size: 13px;
    line-height: 1.65
}
.ci-v9 .deal-hero>span {
    color: var(--glass-accent);
    font-size: 12px
}
html[data-theme="dark"] .ci-v9 .deal-hero h1 {
    color: #f4f7f9
}
html[data-theme="dark"] .ci-v9 .deal-hero p {
    color: #b0bcc6
}
html[data-theme="dark"] .ci-v9 .popular-brand .brand-mark {
    border-color: rgba(255,255,255,.18);
    background: #f4f7f9
}
html[data-theme="dark"] .ci-v9 .brand-mark b {
    color: #18242d
}
html[data-theme="dark"] .ci-v9 .deal-card {
    color: #f2f5f7;
    border-color: rgba(255,255,255,.12);
    background: rgba(17,23,30,.78);
    box-shadow: 0 20px 54px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)
}
html[data-theme="dark"] .ci-v9 .condition-box strong {
    color: #f5f7f9
}
html[data-theme="dark"] .ci-v9 .condition-box span {
    color: #aab6c0
}
html[data-theme="dark"] .ci-v9 .condition-box {
    color: #f2f5f7;
    border-color: rgba(255,255,255,.12);
    background: rgba(19,25,32,.82);
    box-shadow: none
}
html[data-theme="dark"] .ci-v9 .deal-hero-card {
    color: #eff3f6;
    border-color: rgba(255,255,255,.12);
    background: rgba(17,23,30,.78);
    background-image: none;
    box-shadow: 0 17px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)
}
html[data-theme="dark"] .ci-v9 .deal-timeline {
    color: #eff3f6;
    border-color: rgba(255,255,255,.12);
    background: rgba(17,23,30,.78);
    background-image: none;
    box-shadow: 0 17px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)
}
html[data-theme="dark"] .ci-v9 .deal-task-list {
    color: #eff3f6;
    border-color: rgba(255,255,255,.12);
    background: rgba(17,23,30,.78);
    background-image: none;
    box-shadow: 0 17px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)
}
html[data-theme="dark"] .ci-v9 .deal-manager {
    color: #eff3f6;
    border-color: rgba(255,255,255,.12);
    background: rgba(17,23,30,.78);
    background-image: none;
    box-shadow: 0 17px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)
}
html[data-theme="dark"] .ci-v9 .deal-document-card {
    color: #eff3f6;
    border-color: rgba(255,255,255,.12);
    background: rgba(17,23,30,.78);
    background-image: none;
    box-shadow: 0 17px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06)
}
html[data-theme="dark"] .ci-v9 .credit-term-option {
    color: #eef2f5;
    border-color: rgba(255,255,255,.11);
    background: rgba(255,255,255,.045)
}
.ci-v9 .brand-mark {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.94);
    border-radius: 50%;
    background: linear-gradient(145deg,rgba(255,255,255,.95),rgba(226,234,239,.73));
    box-shadow: 0 9px 22px rgba(68,84,96,.14),inset 0 1px 0 #fff;
    position: relative;
    overflow: hidden
}
.ci-v9 .brand-mark b {
    font-size: 12px;
    letter-spacing: -.04em;
    position: relative;
    z-index: 0;
    color: #26343e
}
.ci-v9 .brand-mark img {
    width: 27px;
    height: 27px;
    display: block;
    object-fit: contain;
    position: absolute;
    z-index: 1;
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%)
}
.ci-v9 .car-card:hover .car-media .brand-mark img {
    transform: translate(-50%,-50%)
}
.ci-v9 .filter-explorer-option>span>.body-mark {
    grid-row: 1/3;
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border: 1px solid var(--theme-line);
    border-radius: 14px;
    background: rgba(255,255,255,.78);
    box-shadow: inset 0 1px #fff
}
.ci-v9 .filter-explorer-option>span>.body-mark svg {
    width: 31px;
    height: 31px;
    fill: none;
    stroke: #25333e;
    stroke-width: 1.25;
    stroke-linecap: round;
    stroke-linejoin: round
}
.ci-v9 .filter-explorer-option>span:has(.body-mark) {
    grid-template-columns: 43px minmax(0,1fr);
    gap: 3px 11px
}
.ci-v9 .filter-explorer-option:has(.body-mark) {
    min-height: 106px
}
html[data-theme="dark"] .ci-v9 .filter-explorer-option>span>.body-mark {
    border-color: rgba(255,255,255,.18);
    background: #f4f7f9
}
@media (max-width:760px) {
    .ci-v9 .filter-explorer-option:has(.body-mark) {
        min-height: 84px
    }
}
.ci-v9 .deal-command-center {
    overflow: hidden;
    border: 1px solid var(--theme-line);
    border-radius: 22px;
    color: var(--theme-ink);
    background: linear-gradient(145deg,var(--theme-surface-strong),var(--theme-surface));
    box-shadow: 0 15px 38px rgba(42,61,75,.09)
}
.ci-v9 .deal-command-head {
    min-height: 108px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--theme-line);
    background: linear-gradient(120deg,rgba(239,35,60,.06),transparent 58%)
}
.ci-v9 .deal-command-head>div>span {
    color: var(--glass-accent);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .1em
}
.ci-v9 .deal-command-head h3 {
    margin: 6px 0 4px;
    color: var(--theme-ink);
    font-size: 24px;
    letter-spacing: -.04em
}
.ci-v9 .deal-command-head p {
    margin: 0;
    color: var(--theme-muted);
    font-size: 12px
}
.ci-v9 .deal-command-head>b {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border: 1px solid rgba(21,169,96,.2);
    border-radius: 11px;
    color: #087546;
    background: rgba(45,196,116,.1);
    font-size: 12px
}
.ci-v9 .deal-command-head>b i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #20bc6b;
    box-shadow: 0 0 0 5px rgba(32,188,107,.1)
}
.ci-v9 .deal-command-metrics {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
    padding: 14px
}
.ci-v9 .deal-command-metrics>button {
    min-width: 0;
    min-height: 94px;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--theme-line);
    border-radius: 16px;
    color: var(--theme-ink);
    background: var(--theme-surface-strong);
    text-align: left;
    cursor: pointer;
    transition: .2s ease
}
.ci-v9 .deal-command-metrics>button:hover {
    transform: translateY(-2px);
    border-color: rgba(239,35,60,.28);
    box-shadow: 0 12px 26px rgba(54,72,86,.1)
}
.ci-v9 .deal-command-metrics>button.active {
    transform: translateY(-2px);
    border-color: rgba(239,35,60,.28);
    box-shadow: 0 12px 26px rgba(54,72,86,.1)
}
.ci-v9 .deal-command-metrics>button>i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--glass-accent);
    background: rgba(239,35,60,.09)
}
.ci-v9 .deal-command-metrics>button>i .ci-icon {
    width: 18px
}
.ci-v9 .deal-command-metrics span {
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 7px
}
.ci-v9 .deal-command-metrics small {
    grid-column: 1;
    color: var(--theme-muted);
    font-size: 12px;
    font-weight: 700
}
.ci-v9 .deal-command-metrics strong {
    grid-column: 2;
    grid-row: 1/3;
    color: var(--theme-ink);
    font-size: 24px;
    letter-spacing: -.05em
}
.ci-v9 .deal-command-metrics em {
    grid-column: 1;
    color: var(--theme-faint);
    font-size: 12px;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.ci-v9 .deal-pipeline {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    padding: 0 14px 15px
}
.ci-v9 .deal-pipeline>button {
    position: relative;
    min-width: 0;
    min-height: 82px;
    display: grid;
    grid-template-columns: 24px minmax(0,1fr) auto;
    grid-template-rows: 20px auto;
    gap: 5px 6px;
    padding: 10px 8px;
    border: 0;
    border-top: 1px solid var(--theme-line);
    color: var(--theme-muted);
    background: transparent;
    text-align: left;
    cursor: pointer
}
.ci-v9 .deal-pipeline>button:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 19px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--theme-line);
    border-right: 1px solid var(--theme-line);
    transform: rotate(45deg)
}
.ci-v9 .deal-pipeline>button>span {
    font-size: 12px;
    font-weight: 850
}
.ci-v9 .deal-pipeline>button>i {
    width: 7px;
    height: 7px;
    margin-top: 2px;
    border-radius: 50%;
    background: var(--theme-line)
}
.ci-v9 .deal-pipeline>button>strong {
    grid-column: 1/3;
    color: var(--theme-ink);
    font-size: 12px;
    line-height: 1.35
}
.ci-v9 .deal-pipeline>button>b {
    grid-column: 3;
    grid-row: 1/3;
    align-self: center;
    color: var(--glass-accent);
    font-size: 17px
}
.ci-v9 .deal-pipeline>button.active {
    background: rgba(239,35,60,.05)
}
.ci-v9 .deal-control-bar {
    min-height: 64px;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(240px,330px) auto;
    align-items: center;
    gap: 10px;
    margin: 14px 0 10px;
    padding: 9px;
    border: 1px solid var(--theme-line);
    border-radius: 17px;
    background: var(--theme-surface-strong)
}
.ci-v9 .deal-filter-chips {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    scrollbar-width: none
}
.ci-v9 .deal-filter-chips::-webkit-scrollbar {
    display: none
}
.ci-v9 .deal-filter-chips button {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: var(--theme-muted);
    background: transparent;
    font: 750 8px Manrope,sans-serif;
    white-space: nowrap;
    cursor: pointer
}
.ci-v9 .deal-filter-chips button b {
    min-width: 20px;
    padding: 3px 5px;
    border-radius: 7px;
    color: inherit;
    background: rgba(120,139,153,.09);
    font-size: 12px;
    text-align: center
}
.ci-v9 .deal-filter-chips button.active {
    color: #fff;
    border-color: var(--glass-accent);
    background: var(--glass-accent);
    box-shadow: 0 8px 20px rgba(218,8,41,.16)
}
.ci-v9 .deal-search {
    min-height: 42px;
    display: grid;
    grid-template-columns: 18px minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid var(--theme-line);
    border-radius: 12px;
    color: var(--theme-muted);
    background: var(--theme-surface)
}
.ci-v9 .deal-search>.ci-icon {
    width: 16px
}
.ci-v9 .deal-search input {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--theme-ink);
    background: transparent;
    font: 650 9px Manrope,sans-serif
}
.ci-v9 .deal-search input::placeholder {
    color: var(--theme-faint)
}
.ci-v9 .deal-search kbd {
    padding: 3px 5px;
    border: 1px solid var(--theme-line);
    border-radius: 5px;
    color: var(--theme-faint);
    font: 700 7px Manrope,sans-serif
}
.ci-v9 .deal-visible-count {
    padding-right: 8px;
    color: var(--theme-faint);
    font-size: 12px;
    white-space: nowrap
}
.ci-v9 .deal-visible-count b {
    color: var(--theme-ink)
}
.ci-v9 .deal-stage-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid rgba(239,35,60,.18);
    border-radius: 10px;
    color: var(--glass-accent);
    background: rgba(239,35,60,.075);
    font-size: 12px;
    white-space: nowrap
}
.ci-v9 .deal-stage-badge i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(239,35,60,.08)
}
.ci-v9 .stage-completed .deal-stage-badge {
    color: #087848;
    border-color: rgba(28,172,99,.2);
    background: rgba(34,190,109,.09)
}
.ci-v9 .stage-cancelled .deal-stage-badge {
    color: var(--theme-faint);
    border-color: var(--theme-line);
    background: var(--theme-surface)
}
html[data-theme="dark"] .ci-v9 .deal-command-head>b {
    color: #7de5ad;
    background: rgba(32,171,98,.12)
}
html[data-theme="dark"] .ci-v9 .deal-stage-badge {
    color: #ff778b
}
html[data-theme="dark"] .ci-v9 .stage-completed .deal-stage-badge {
    color: #7de5ad
}
@media (max-width:1180px) {
    .ci-v9 .deal-command-metrics {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
    .ci-v9 .deal-pipeline {
        overflow-x: auto;
        grid-template-columns: repeat(6,minmax(135px,1fr));
        scrollbar-width: thin
    }
    .ci-v9 .deal-control-bar {
        grid-template-columns: 1fr minmax(220px,300px)
    }
    .ci-v9 .deal-visible-count {
        display: none
    }
}
@media (max-width:760px) {
    .ci-v9 .deal-command-head {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px
    }
    .ci-v9 .deal-command-head h3 {
        font-size: 21px
    }
    .ci-v9 .deal-command-metrics {
        grid-template-columns: 1fr 1fr;
        padding: 9px
    }
    .ci-v9 .deal-command-metrics>button {
        min-height: 82px;
        grid-template-columns: 31px minmax(0,1fr);
        padding: 9px
    }
    .ci-v9 .deal-command-metrics>button>i {
        width: 31px;
        height: 31px
    }
    .ci-v9 .deal-pipeline {
        padding: 0 9px 10px;
        grid-template-columns: repeat(6,minmax(126px,1fr))
    }
    .ci-v9 .deal-control-bar {
        grid-template-columns: 1fr;
        margin-top: 10px
    }
    .ci-v9 .deal-filter-chips {
        grid-row: 2
    }
    .ci-v9 .deal-search {
        grid-row: 1
    }
    .ci-v9 .deal-stage-badge {
        grid-column: 1/-1;
        justify-self: stretch;
        justify-content: center
    }
}
.ci-v9 .premium-deal-view {
    width: min(1180px,calc(100% - 32px));
    margin: 24px auto 48px;
    padding: 30px;
    border: 1px solid var(--theme-line);
    border-radius: 32px;
    color: var(--theme-ink);
    background: linear-gradient(145deg,var(--theme-surface-strong),var(--theme-surface));
    box-shadow: var(--theme-shadow)
}
.ci-v9 .premium-deal-hero {
    position: relative;
    overflow: hidden;
    padding: 20px 4px 27px
}
.ci-v9 .premium-deal-hero::after {
    position: absolute;
    right: -20px;
    top: 5px;
    content: "PRIVATE";
    font-size: 58px;
    font-weight: 800;
    letter-spacing: -.08em;
    writing-mode: vertical-rl;
    pointer-events: none;
    color: rgba(86,105,119,.055)
}
.ci-v9 .premium-deal-view>.empty-state {
    min-height: 340px;
    color: var(--theme-ink);
    border: 1px solid var(--theme-line);
    background: var(--theme-surface-strong);
    box-shadow: 0 18px 44px rgba(54,73,88,.09)
}
.ci-v9 .premium-deal-view>.empty-state h2 {
    color: var(--theme-ink);
    font-size: 24px
}
.ci-v9 .premium-deal-view>.empty-state p {
    max-width: 520px;
    color: var(--theme-muted);
    font-size: 13px;
    line-height: 1.65
}
.ci-v9 .premium-deal-view>.empty-state>span {
    color: #6c7e8d;
    background: #edf2f5
}
html[data-theme="dark"] .ci-v9 .premium-deal-view {
    border-color: rgba(255,255,255,.12);
    background: linear-gradient(145deg,rgba(15,20,27,.88),rgba(7,11,16,.9))
}
html[data-theme="dark"] .ci-v9 .premium-deal-hero::after {
    color: rgba(255,255,255,.025)
}
html[data-theme="dark"] .ci-v9 .premium-deal-view>.empty-state {
    border-color: rgba(255,255,255,.12);
    background: rgba(18,24,31,.82)
}
html[data-theme="dark"] .ci-v9 .premium-deal-view>.empty-state>span {
    color: #b8c4ce;
    background: #111821
}
@media (max-width:760px) {
    .ci-v9 .premium-deal-view {
        width: calc(100% - 20px);
        margin: 10px auto 30px;
        padding: 16px;
        border-radius: 24px
    }
    .ci-v9 .premium-deal-view>.empty-state {
        min-height: 300px;
        padding: 24px 16px
    }
    .ci-v9 .premium-deal-view>.empty-state h2 {
        font-size: 21px
    }
    .ci-v9 .premium-deal-view>.empty-state p {
        font-size: 12px
    }
}
.ci-v9 .brand-mark.has-logo b {
    display: none
}
.ci-v9 .brand-mark.is-fallback img {
    display: none
}
.ci-v9 .brand-mark.has-logo img {
    position: static;
    inset: auto;
    z-index: auto;
    opacity: 1;
    transform: none;
    object-fit: contain;
    object-position: center;
    margin: 0
}
.ci-v9 .popular-brand .brand-mark.has-logo img {
    width: 30px;
    height: 30px;
    max-width: 70%;
    max-height: 70%
}
.ci-v9 .filter-explorer-option .brand-mark.has-logo img {
    transform: none
}
html[data-theme="light"] .ci-v9 .deal-snapshot-grid {
    border-color: rgba(86,106,120,.16);
    background: rgba(255,255,255,.66)
}
html[data-theme="light"] .ci-v9 .deal-snapshot-grid>div+div {
    border-color: rgba(86,106,120,.14)
}
html[data-theme="light"] .ci-v9 .deal-snapshot-grid span {
    color: #667784
}
html[data-theme="light"] .ci-v9 .deal-progress-head span {
    color: #667784
}
html[data-theme="light"] .ci-v9 .deal-stage>span small {
    color: #667784
}
html[data-theme="light"] .ci-v9 .deal-section-title small {
    color: #667784
}
html[data-theme="light"] .ci-v9 .document-grid-premium small {
    color: #667784
}
html[data-theme="light"] .ci-v9 .deal-snapshot-grid strong {
    color: #17232d
}
html[data-theme="light"] .ci-v9 .deal-progress-head h3 {
    color: #17232d
}
html[data-theme="light"] .ci-v9 .deal-stage>span b {
    color: #17232d
}
html[data-theme="light"] .ci-v9 .deal-next-premium h3 {
    color: #17232d
}
html[data-theme="light"] .ci-v9 .deal-section-title span {
    color: #17232d
}
html[data-theme="light"] .ci-v9 .document-grid-premium strong {
    color: #17232d
}
html[data-theme="light"] .ci-v9 .deal-progress-line {
    background: #dce4e9
}
html[data-theme="light"] .ci-v9 .deal-stage:not(:last-child)::after {
    background: #d8e0e6
}
html[data-theme="light"] .ci-v9 .deal-stage>i {
    color: #657683;
    border-color: rgba(86,106,120,.17);
    background: #f2f6f8
}
html[data-theme="light"] .ci-v9 .deal-stage.done>i {
    color: #168e59;
    border-color: rgba(30,160,96,.25);
    background: #e7f7ef
}
html[data-theme="light"] .ci-v9 .deal-stage.active>i {
    color: #fff;
    border-color: #e90f2d;
    background: linear-gradient(145deg,#f12640,#bd071f)
}
html[data-theme="light"] .ci-v9 .deal-stage.active>span b {
    color: #17232d
}
html[data-theme="light"] .ci-v9 .document-grid-premium>button {
    color: #17232d;
    border-color: rgba(86,106,120,.16);
    background: rgba(255,255,255,.72)
}
.ci-v9 .document-grid-premium>button {
    display: grid;
    grid-template-columns: 35px minmax(0,1fr) 20px;
    align-items: center;
    gap: 9px;
    min-height: 64px;
    padding: 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 15px;
    color: inherit;
    background: rgba(255,255,255,.025);
    text-align: left
}
.ci-v9 .document-grid-premium>button>.ci-icon {
    width: 20px;
    color: #8795a1
}
.ci-v9 .document-grid-premium>button>span {
    display: grid;
    gap: 3px
}
.ci-v9 .document-grid-premium>button strong {
    font-size: 12px
}
.ci-v9 .document-grid-premium>button small {
    font-size: 12px
}
@media (min-width:900px) {
    .ci-v9 .deal-snapshot-grid span {
        font-size: 12px
    }
    .ci-v9 .deal-progress-head span {
        font-size: 12px
    }
    .ci-v9 .deal-section-title small {
        font-size: 12px
    }
    .ci-v9 .deal-snapshot-grid strong {
        font-size: 13px
    }
    .ci-v9 .deal-stage>span b {
        font-size: 13px
    }
    .ci-v9 .deal-stage>span small {
        font-size: 12px
    }
    .ci-v9 .deal-stage>em {
        font-size: 12px
    }
    .ci-v9 .deal-next-premium small {
        font-size: 12px
    }
    .ci-v9 .deal-security-note {
        font-size: 12px
    }
    .ci-v9 .deal-next-premium h3 {
        font-size: 14px
    }
    .detail-sheet :is(.condition-box,.included-box)>span {
        font-size: 12px;
        line-height: 1.4
    }
    .ci-v9 :is(.condition-box,.included-box)>span {
        font-size: 12px;
        line-height: 1.4
    }
}
.ci-v9 .about-view {
    color: var(--ci-ink)
}
.ci-v9 .about-hero {
    position: relative;
    min-height: clamp(560px,68vw,760px);
    overflow: hidden;
    border-radius: 30px;
    background: #05090c;
    box-shadow: 0 28px 80px rgba(15,22,28,.22)
}
.ci-v9 .about-hero>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}
.ci-v9 .about-hero-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(3,7,10,.94) 0%,rgba(3,7,10,.72) 40%,rgba(3,7,10,.08) 72%),linear-gradient(180deg,transparent 55%,rgba(2,5,8,.65))
}
.ci-v9 .about-hero-copy {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: clamp(28px,6vw,86px);
    width: min(680px,52%);
    transform: translateY(-52%);
    color: #fff
}
.ci-v9 .about-hero-copy>span {
    color: #ff4057;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .17em
}
.ci-v9 .about-principles header>span {
    color: #ff4057;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .17em
}
.ci-v9 .about-process header>span {
    color: #ff4057;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .17em
}
.ci-v9 .about-reviews header>span {
    color: #ff4057;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .17em
}
.ci-v9 .about-final>span {
    color: #ff4057;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .17em
}
.ci-v9 .about-hero-copy h1 {
    margin: 17px 0 22px;
    font-size: clamp(48px,5.7vw,88px);
    line-height: .92;
    letter-spacing: -.065em
}
.ci-v9 .about-hero-copy h1 em {
    color: #ff304a;
    font-style: normal
}
.ci-v9 .about-hero-copy p {
    max-width: 610px;
    margin: 0 0 28px;
    color: #c6ced5;
    font-size: 15px;
    line-height: 1.7
}
.ci-v9 .about-hero-copy>div {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}
.ci-v9 .about-hero-copy .primary-btn {
    min-height: 54px;
    padding: 0 22px;
    border-radius: 13px;
    font-weight: 850
}
.ci-v9 .about-route-stats {
    position: absolute;
    z-index: 2;
    right: 28px;
    bottom: 24px;
    display: flex;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 18px;
    background: rgba(7,12,16,.74);
    backdrop-filter: blur(16px)
}
.ci-v9 .about-route-stats>div {
    min-width: 145px;
    padding: 17px 20px;
    border-right: 1px solid rgba(255,255,255,.1);
    color: #fff
}
.ci-v9 .about-route-stats>div:last-child {
    border-right: 0
}
.ci-v9 .about-route-stats strong {
    display: block;
    font-size: 22px
}
.ci-v9 .about-route-stats span {
    color: #9da8b1;
    font-size: 12px;
    text-transform: uppercase
}
.ci-v9 .about-principles {
    padding: 92px 0
}
.ci-v9 .about-principles header {
    max-width: 850px;
    margin-bottom: 42px
}
.ci-v9 .about-process header {
    max-width: 850px;
    margin-bottom: 42px
}
.ci-v9 .about-reviews header {
    max-width: 850px;
    margin-bottom: 42px
}
.ci-v9 .about-principles h2 {
    margin: 13px 0 16px;
    color: #101820;
    font-size: clamp(38px,5vw,70px);
    line-height: .98;
    letter-spacing: -.06em
}
.ci-v9 .about-process h2 {
    margin: 13px 0 16px;
    color: #101820;
    font-size: clamp(38px,5vw,70px);
    line-height: .98;
    letter-spacing: -.06em
}
.ci-v9 .about-reviews h2 {
    margin: 13px 0 16px;
    color: #101820;
    font-size: clamp(38px,5vw,70px);
    line-height: .98;
    letter-spacing: -.06em
}
.ci-v9 .about-principles header p {
    max-width: 700px;
    color: #6c7882;
    font-size: 14px;
    line-height: 1.7
}
.ci-v9 .about-process header p {
    max-width: 700px;
    color: #6c7882;
    font-size: 14px;
    line-height: 1.7
}
.ci-v9 .about-reviews header p {
    max-width: 700px;
    color: #6c7882;
    font-size: 14px;
    line-height: 1.7
}
.ci-v9 .about-principles>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px
}
.ci-v9 .about-principles article {
    min-height: 230px;
    padding: 28px;
    border: 1px solid #dfe4e8;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 42px rgba(21,31,39,.06)
}
.ci-v9 .about-principles article>.ci-icon {
    width: 34px;
    color: var(--ci-red)
}
.ci-v9 .about-principles article h3 {
    margin: 36px 0 10px;
    font-size: 23px;
    letter-spacing: -.04em
}
.ci-v9 .about-principles article p {
    margin: 0;
    color: #6c7882;
    font-size: 12px;
    line-height: 1.65
}
.ci-v9 .about-story {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: clamp(34px,6vw,90px);
    align-items: center;
    padding: 42px 0 84px
}
.ci-v9 .about-story-inspection {
    grid-template-columns: .92fr 1.08fr
}
.ci-v9 .about-story-media {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border-radius: 28px;
    background: #0a0e12;
    box-shadow: 0 24px 70px rgba(13,22,28,.17)
}
.ci-v9 .about-story-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.ci-v9 .about-story-media>span {
    position: absolute;
    left: 18px;
    bottom: 18px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 9px;
    color: #fff;
    background: rgba(7,10,13,.68);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .12em;
    backdrop-filter: blur(10px)
}
.ci-v9 .about-story-copy>span {
    color: var(--ci-red);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em
}
.ci-v9 .about-story-copy h2 {
    margin: 12px 0 20px;
    color: #111a21;
    font-size: clamp(38px,4.2vw,62px);
    line-height: .98;
    letter-spacing: -.06em
}
.ci-v9 .about-story-copy>p {
    color: #65727d;
    font-size: 14px;
    line-height: 1.75
}
.ci-v9 .about-story-copy ul {
    display: grid;
    gap: 12px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none
}
.ci-v9 .about-story-copy li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #303c45;
    font-size: 12px;
    font-weight: 700
}
.ci-v9 .about-story-copy li .ci-icon {
    width: 18px;
    color: var(--ci-red)
}
.ci-v9 .about-inline-action {
    min-height: 48px;
    margin-top: 20px;
    padding: 0 17px;
    border: 1px solid #e0e4e7;
    border-radius: 12px;
    color: #202b34;
    background: #fff;
    font-weight: 800
}
.ci-v9 .about-process-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 13px
}
.ci-v9 .about-process-grid article {
    position: relative;
    min-height: 260px;
    padding: 24px;
    border: 1px solid #dde3e7;
    border-radius: 22px;
    background: #fff
}
.ci-v9 .about-process-grid article>span {
    position: absolute;
    top: 18px;
    right: 19px;
    color: #c6cdd2;
    font-size: 12px;
    font-weight: 900
}
.ci-v9 .about-process-grid article>i {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: var(--ci-red);
    background: #ffedf0
}
.ci-v9 .about-process-grid article>i .ci-icon {
    width: 22px
}
.ci-v9 .about-process-grid h3 {
    margin: 38px 0 10px;
    color: #17212a;
    font-size: 19px;
    line-height: 1.2;
    letter-spacing: -.035em
}
.ci-v9 .about-process-grid p {
    margin: 0;
    color: #6b7781;
    font-size: 12px;
    line-height: 1.62
}
.ci-v9 .about-reviews {
    padding: 92px 0;
    overflow: hidden
}
.ci-v9 .about-reviews>header {
    max-width: none;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px
}
.ci-v9 .about-reviews>header>div {
    max-width: 850px
}
.ci-v9 .about-reviews>header>aside {
    min-width: 210px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: 0 11px;
    border: 1px solid #dde4e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(19,29,36,.06)
}
.ci-v9 .about-reviews>header>aside strong {
    grid-row: 1 / 3;
    color: var(--ci-red);
    font-size: 48px;
    line-height: .9;
    letter-spacing: -.07em
}
.ci-v9 .about-reviews>header>aside span {
    color: #19232b;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase
}
.ci-v9 .about-reviews>header>aside small {
    color: #7b8790;
    font-size: 12px;
    line-height: 1.4
}
.ci-v9 .review-marquee-stack {
    display: grid;
    gap: 17px
}
.ci-v9 .review-track {
    width: max-content;
    display: flex;
    gap: 16px;
    padding: 4px 16px;
    animation: ci-review-marquee 155s linear infinite;
    will-change: transform
}
.ci-v9 .review-marquee.reverse .review-track {
    animation-name: ci-review-marquee-reverse;
    animation-duration: 148s
}
.ci-v9 .review-video::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 38%,rgba(4,7,10,.88));
    content: "";
    transition: background .25s
}
.ci-v9 .review-video:hover::after {
    background: linear-gradient(180deg,rgba(239,35,60,.08),rgba(4,7,10,.92))
}
.ci-v9 .review-video>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease
}
.ci-v9 .review-video:hover>img {
    transform: scale(1.035)
}
.ci-v9 .review-video>.review-play {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    color: #fff;
    background: rgba(239,35,60,.9);
    box-shadow: 0 10px 28px rgba(239,35,60,.35);
    transform: translate(-50%,-50%);
    backdrop-filter: blur(8px)
}
.ci-v9 .review-video>.review-play .ci-icon {
    width: 19px;
    transform: rotate(-45deg)
}
.ci-v9 .review-video>small {
    position: absolute;
    z-index: 2;
    bottom: 13px;
    left: 12px;
    padding: 5px 7px;
    border-radius: 6px;
    color: #fff;
    background: rgba(5,8,10,.72);
    font-size: 12px;
    font-weight: 850
}
.ci-v9 .review-video>b {
    position: absolute;
    z-index: 2;
    bottom: 13px;
    right: 12px;
    max-width: 88px;
    font-size: 12px;
    line-height: 1.25;
    text-align: right
}
.ci-v9 .client-review-card>div {
    padding: 23px;
    display: flex;
    flex-direction: column
}
.ci-v9 .client-review-card>div>span {
    color: #ffb225;
    letter-spacing: .12em
}
.ci-v9 .client-review-card p {
    min-height: 86px;
    margin: 17px 0;
    color: #37434c;
    font-size: 12px;
    line-height: 1.62
}
.ci-v9 .client-review-card strong {
    display: block;
    margin-top: auto;
    color: #151f27;
    font-size: 12px
}
.ci-v9 .client-review-card>div>small {
    margin-top: 5px;
    color: #7b8790;
    font-size: 12px
}
.client-review-modal {
    position: fixed;
    z-index: 1500;
    inset: 0;
    padding: 18px;
    display: grid;
    place-items: center;
    font-family: Inter,Manrope,sans-serif
}
.client-review-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(3,7,10,.86);
    backdrop-filter: blur(18px);
    cursor: pointer
}
.client-review-modal header {
    min-height: 68px;
    padding: 13px 15px 13px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid rgba(255,255,255,.1)
}
.client-review-modal header>div {
    display: flex;
    flex-direction: column;
    gap: 4px
}
.client-review-modal header span {
    color: #ff4057;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .13em
}
.client-review-modal header strong {
    font-size: 14px
}
.client-review-modal header button {
    min-height: 40px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    color: #fff;
    background: rgba(255,255,255,.07);
    font: 800 9px Inter,sans-serif;
    cursor: pointer
}
.client-review-modal header button .ci-icon {
    width: 16px
}
.client-review-modal header button span {
    color: #fff;
    letter-spacing: 0;
    text-transform: none
}
body.review-open .ai-fab {
    display: none
}
body.review-open .ai-panel {
    display: none
}
.ci-v9 .about-final {
    margin-bottom: 86px;
    padding: 70px;
    border-radius: 30px;
    color: #fff;
    background: radial-gradient(circle at 90% 10%,rgba(239,38,63,.28),transparent 35%),#10171d
}
.ci-v9 .about-final h2 {
    margin: 13px 0 16px;
    font-size: clamp(38px,5vw,70px);
    line-height: .98;
    letter-spacing: -.06em;
    max-width: 850px;
    color: #fff
}
.ci-v9 .about-final>p {
    max-width: 700px;
    color: #aeb8c0;
    font-size: 14px;
    line-height: 1.65
}
.ci-v9 .about-final>div {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 26px
}
.ci-v9 .about-final a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none
}
.ci-v9 .about-final a .ci-icon {
    width: 18px
}
.ci-v9 .credit-tool-card {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 18px;
    margin-top: 24px;
    padding: 22px;
    border: 1px solid #dde3e7;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(20,30,37,.08)
}
.ci-v9 .credit-tool-fields {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 14px
}
.ci-v9 .credit-tool-fields label {
    display: grid;
    gap: 8px
}
.ci-v9 .credit-tool-fields span {
    color: #63717c;
    font-size: 12px;
    font-weight: 750
}
.ci-v9 .credit-tool-fields input {
    height: 52px;
    padding: 0 14px;
    border: 1px solid #d9e0e4;
    border-radius: 12px;
    color: #17222b;
    background: #f9fafb;
    font-size: 13px;
    font-weight: 750;
    color-scheme: light
}
.ci-v9 .credit-tool-fields select {
    height: 52px;
    padding: 0 14px;
    border: 1px solid #d9e0e4;
    border-radius: 12px;
    color: #17222b;
    background: #f9fafb;
    font-size: 13px;
    font-weight: 750;
    color-scheme: light
}
.ci-v9 .credit-tool-card aside {
    padding: 28px;
    border-radius: 20px;
    color: #fff;
    background: radial-gradient(circle at 100% 0,rgba(239,38,63,.35),transparent 42%),#10171d
}
.ci-v9 .credit-tool-card aside>span {
    color: #aab5bd;
    font-size: 12px;
    text-transform: uppercase
}
.ci-v9 .credit-tool-card aside>strong {
    display: block;
    margin: 9px 0 26px;
    font-size: clamp(34px,5vw,56px);
    letter-spacing: -.06em
}
.ci-v9 .credit-tool-card aside>strong small {
    font-size: 13px;
    letter-spacing: 0
}
.ci-v9 .credit-tool-card aside>div {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,.1);
    font-size: 12px
}
.ci-v9 .credit-tool-card aside>p {
    color: #9da8b0;
    font-size: 12px
}
html[data-theme="light"] .ci-v9 .premium-deal-view {
    color: #17222b;
    background: transparent
}
html[data-theme="light"] .ci-v9 .premium-deal-hero h1 {
    color: #17222b
}
html[data-theme="light"] .ci-v9 .premium-deal-hero p {
    color: #687581
}
html[data-theme="light"] .ci-v9 .deal-dossier {
    color: #17232d;
    border-color: #dce2e6;
    background: #fff;
    box-shadow: 0 18px 54px rgba(20,29,36,.09)
}
html[data-theme="light"] .ci-v9 .deal-snapshot-grid>div {
    border-color: #e0e5e8;
    color: #17222b;
    background: #f8fafb
}
html[data-theme="light"] .ci-v9 .deal-progress-premium {
    border-color: #e0e5e8;
    color: #17222b;
    background: #f8fafb
}
html[data-theme="light"] .ci-v9 .deal-next-premium {
    border-color: #e0e5e8;
    color: #17222b;
    background: #f8fafb
}
html[data-theme="light"] .ci-v9 .deal-documents-premium {
    border-color: #e0e5e8;
    color: #17222b;
    background: #f8fafb
}
html[data-theme="light"] .ci-v9 .deal-security-note {
    border-color: #e0e5e8;
    color: #17222b;
    background: #f8fafb
}
html[data-theme="light"] .ci-v9 .deal-dossier h2 {
    color: #17222b
}
html[data-theme="light"] .ci-v9 .deal-dossier h3 {
    color: #17222b
}
html[data-theme="light"] .ci-v9 .deal-dossier strong {
    color: #17222b
}
html[data-theme="light"] .ci-v9 .deal-dossier p {
    color: #687581
}
html[data-theme="light"] .ci-v9 .deal-dossier small {
    color: #687581
}
html[data-theme="light"] .ci-v9 .deal-dossier span {
    color: #687581
}
html[data-theme="light"] .ci-v9 .deal-cover-premium h2 {
    color: #fff
}
html[data-theme="light"] .ci-v9 .deal-cover-premium strong {
    color: #fff
}
html[data-theme="light"] .ci-v9 .deal-cover-premium span {
    color: #fff
}
html[data-theme="light"] .ci-v9 .deal-cover-premium p {
    color: #fff
}
@media (max-width:899px) {
    .ci-v9 .about-hero {
        min-height: 700px;
        border-radius: 0 0 26px 26px
    }
    .ci-v9 .about-hero>img {
        object-position: 62% center
    }
    .ci-v9 .about-hero-shade {
        background: linear-gradient(180deg,rgba(3,7,10,.28),rgba(3,7,10,.86) 56%,#03070a)
    }
    .ci-v9 .about-hero-copy {
        top: auto;
        right: 22px;
        bottom: 135px;
        left: 22px;
        width: auto;
        transform: none
    }
    .ci-v9 .about-hero-copy>span {
        font-size: 12px
    }
    .ci-v9 .about-hero-copy h1 {
        margin: 11px 0 15px;
        font-size: 42px
    }
    .ci-v9 .about-hero-copy p {
        font-size: 12px;
        line-height: 1.55
    }
    .ci-v9 .about-route-stats {
        right: 12px;
        bottom: 16px;
        left: 12px
    }
    .ci-v9 .about-route-stats>div {
        min-width: 0;
        flex: 1;
        padding: 12px 9px
    }
    .ci-v9 .about-route-stats strong {
        font-size: 16px
    }
    .ci-v9 .about-route-stats span {
        font-size: 12px
    }
    .ci-v9 .about-principles {
        padding: 58px 15px
    }
    .ci-v9 .about-reviews {
        padding: 58px 15px
    }
    .ci-v9 .about-principles h2 {
        font-size: 38px
    }
    .ci-v9 .about-process h2 {
        font-size: 38px
    }
    .ci-v9 .about-reviews h2 {
        font-size: 38px
    }
    .ci-v9 .about-final h2 {
        font-size: 38px
    }
    .ci-v9 .about-principles>div {
        grid-template-columns: 1fr
    }
    .ci-v9 .about-process-grid {
        grid-template-columns: 1fr
    }
    .ci-v9 .about-principles article {
        min-height: 190px
    }
    .ci-v9 .about-story {
        grid-template-columns: 1fr;
        padding: 20px 15px 58px
    }
    .ci-v9 .about-story-inspection {
        grid-template-columns: 1fr;
        padding: 20px 15px 58px
    }
    .ci-v9 .about-story-media {
        min-height: 420px
    }
    .ci-v9 .about-story-inspection .about-story-media {
        order: -1
    }
    .ci-v9 .about-story-copy h2 {
        font-size: 38px
    }
    .ci-v9 .review-marquee {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .ci-v9 .review-track article {
        width: 340px;
        grid-template-columns: 110px 1fr
    }
    .ci-v9 .about-final {
        margin: 0 15px 58px;
        padding: 35px 24px
    }
    .ci-v9 .about-final>div {
        align-items: flex-start;
        flex-direction: column
    }
    .ci-v9 .credit-tool-card {
        grid-template-columns: 1fr;
        padding: 14px
    }
    .ci-v9 .credit-tool-fields {
        grid-template-columns: 1fr
    }
}
@media (prefers-reduced-motion:reduce) {
    .ci-v9 .review-marquee {
        overflow-x: auto;
        -webkit-mask-image: none;
        mask-image: none;
        scrollbar-width: thin
    }
}
.ci-v9 .about-process {
    padding: 92px 0;
    overflow: hidden
}
.ci-v9 .process-showcase {
    display: grid;
    grid-template-columns: minmax(0,1.7fr) minmax(340px,.75fr);
    min-height: 590px;
    overflow: hidden;
    border-radius: 27px;
    background: #080d11;
    box-shadow: 0 30px 80px rgba(10,18,24,.22)
}
.ci-v9 .process-visual {
    position: relative;
    min-height: 590px;
    overflow: hidden
}
.ci-v9 .process-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    transform: scale(1.06);
    transition: opacity .8s ease,transform 1.4s cubic-bezier(.2,.8,.2,1)
}
.ci-v9 .process-slide.active {
    z-index: 2;
    opacity: 1;
    transform: scale(1)
}
.ci-v9 .process-slide::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,transparent 52%,rgba(8,13,17,.86)),linear-gradient(0deg,rgba(5,9,12,.45),transparent 44%);
    content: ""
}
.ci-v9 .process-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.ci-v9 .process-slide>span {
    position: absolute;
    z-index: 2;
    left: 24px;
    bottom: 25px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px;
    color: #fff;
    background: rgba(8,13,17,.58);
    backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .1em
}
.ci-v9 .process-progress {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255,255,255,.12)
}
.ci-v9 .process-progress i {
    display: block;
    width: 0;
    height: 100%;
    background: #f1263f
}
.ci-v9 .process-progress i.run {
    animation: process-progress 7.2s linear forwards
}
.ci-v9 .process-copy-stack {
    position: relative;
    min-height: 590px;
    background: linear-gradient(145deg,#111920,#080d11)
}
.ci-v9 .process-copy {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    padding: 45px 37px;
    color: #fff;
    opacity: 0;
    transform: translateX(28px);
    pointer-events: none;
    transition: opacity .55s ease,transform .7s ease
}
.ci-v9 .process-copy.active {
    z-index: 2;
    opacity: 1;
    transform: none;
    pointer-events: auto
}
.ci-v9 .process-copy>span {
    color: #ff4057;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em
}
.ci-v9 .process-copy>i {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin: 34px 0 26px;
    border: 1px solid rgba(255,64,87,.28);
    border-radius: 15px;
    color: #ff4057;
    background: rgba(239,38,63,.1)
}
.ci-v9 .process-copy>i .ci-icon {
    width: 24px
}
.ci-v9 .process-copy h3 {
    margin: 0 0 16px;
    font-size: 34px;
    line-height: 1.03;
    letter-spacing: -.045em
}
.ci-v9 .process-copy p {
    margin: 0;
    color: #aeb8c0;
    font-size: 13px;
    line-height: 1.7
}
.ci-v9 .process-copy ul {
    display: grid;
    gap: 10px;
    margin: auto 0 0;
    padding: 0;
    list-style: none
}
.ci-v9 .process-copy li {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #e4e8eb;
    font-size: 12px
}
.ci-v9 .process-copy li .ci-icon {
    width: 16px;
    color: #ff4057
}
.ci-v9 .process-step-nav {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap: 7px;
    margin-top: 10px;
    overflow: auto;
    scrollbar-width: none
}
.ci-v9 .process-step-nav button {
    min-width: 112px;
    min-height: 65px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid #dce2e6;
    border-radius: 13px;
    color: #697680;
    background: #fff;
    text-align: left;
    transition: .3s
}
.ci-v9 .process-step-nav button b {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #9ba5ad;
    background: #f0f3f4;
    font-size: 12px
}
.ci-v9 .process-step-nav button span {
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em
}
.ci-v9 .process-step-nav button.active {
    border-color: #f1263f;
    color: #17222b;
    box-shadow: 0 9px 25px rgba(239,38,63,.1)
}
.ci-v9 .process-step-nav button.active b {
    color: #fff;
    background: #ef263f
}
@media (max-width:899px) {
    .ci-v9 .process-showcase {
        display: block;
        min-height: 0;
        border-radius: 21px
    }
    .ci-v9 .process-visual {
        min-height: 330px
    }
    .ci-v9 .process-slide::after {
        background: linear-gradient(0deg,#080d11,transparent 48%)
    }
    .ci-v9 .process-slide>span {
        left: 14px;
        bottom: 14px
    }
    .ci-v9 .process-copy-stack {
        min-height: 455px
    }
    .ci-v9 .process-copy {
        padding: 28px 22px
    }
    .ci-v9 .process-copy>i {
        margin: 22px 0 18px
    }
    .ci-v9 .process-copy h3 {
        font-size: 29px
    }
    .ci-v9 .process-copy p {
        font-size: 12px
    }
    .ci-v9 .process-step-nav {
        grid-template-columns: repeat(8,112px)
    }
    .ci-v9 .about-process {
        padding: 58px 15px;
        padding-inline: 15px
    }
}
html[data-theme="dark"] .ci-v9 .about-view {
    color: #f7f9fb
}
html[data-theme="dark"] .ci-v9 .about-principles h2 {
    color: #f7f9fb
}
html[data-theme="dark"] .ci-v9 .about-process>header h2 {
    color: #f7f9fb
}
html[data-theme="dark"] .ci-v9 .about-reviews>header h2 {
    color: #f7f9fb
}
html[data-theme="dark"] .ci-v9 .about-story-copy h2 {
    color: #f7f9fb
}
html[data-theme="dark"] .ci-v9 .about-principles>header p {
    color: #b6c0c8
}
html[data-theme="dark"] .ci-v9 .about-process>header p {
    color: #b6c0c8
}
html[data-theme="dark"] .ci-v9 .about-reviews>header p {
    color: #b6c0c8
}
html[data-theme="dark"] .ci-v9 .about-story-copy>p {
    color: #b6c0c8
}
html[data-theme="dark"] .ci-v9 .about-story-copy li {
    color: #e0e6ea
}
html[data-theme="dark"] .ci-v9 .about-principles article h3 {
    color: #17222b
}
html[data-theme="dark"] .ci-v9 .about-principles article p {
    color: #65737e
}
html[data-theme="dark"] .ci-v9 .about-reviews>header>aside {
    border-color: rgba(255,255,255,.11);
    background: #11181e;
    box-shadow: 0 18px 48px rgba(0,0,0,.2)
}
html[data-theme="dark"] .ci-v9 .client-review-card {
    border-color: rgba(255,255,255,.11);
    background: #11181e;
    box-shadow: 0 18px 48px rgba(0,0,0,.2)
}
html[data-theme="dark"] .ci-v9 .about-reviews>header>aside span {
    color: #f4f7f9
}
html[data-theme="dark"] .ci-v9 .client-review-card strong {
    color: #f4f7f9
}
html[data-theme="dark"] .ci-v9 .client-review-card p {
    color: #b9c3ca
}
@media (max-width:899px) {
    .ci-v9 .about-view .about-hero {
        left: 50%;
        width: 100vw;
        max-width: none;
        min-height: clamp(700px,calc(100svh - 124px),800px);
        margin-inline: 0;
        transform: translateX(-50%);
        border-radius: 0 0 28px 28px
    }
    .ci-v9 .about-view .about-hero>img {
        object-fit: cover;
        object-position: 58% center
    }
    .ci-v9 .about-view .about-hero-copy {
        right: 20px;
        left: 20px
    }
    html[data-theme="dark"] .ci-v9 .about-principles>header {
        padding: 0 3px
    }
    html[data-theme="dark"] .ci-v9 .about-process>header {
        padding: 0 3px
    }
    html[data-theme="dark"] .ci-v9 .about-reviews>header {
        padding: 0 3px
    }
    html[data-theme="dark"] .ci-v9 .about-principles h2 {
        text-shadow: 0 2px 22px rgba(0,0,0,.3)
    }
    html[data-theme="dark"] .ci-v9 .about-process>header h2 {
        text-shadow: 0 2px 22px rgba(0,0,0,.3)
    }
    html[data-theme="dark"] .ci-v9 .about-reviews>header h2 {
        text-shadow: 0 2px 22px rgba(0,0,0,.3)
    }
    html[data-theme="dark"] .ci-v9 .about-story-copy h2 {
        text-shadow: 0 2px 22px rgba(0,0,0,.3)
    }
    html[data-theme="dark"] .ci-v9 .about-story-copy {
        padding: 25px 22px;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 22px;
        background: rgba(7,13,17,.82);
        box-shadow: 0 22px 60px rgba(0,0,0,.22);
        backdrop-filter: blur(14px)
    }
    html[data-theme="dark"] .ci-v9 .about-story-copy>span {
        color: #ff4057
    }
    .ci-v9 .about-reviews>header {
        align-items: flex-start;
        flex-direction: column;
        gap: 22px
    }
    .ci-v9 .about-reviews>header>aside {
        width: 100%;
        min-width: 0
    }
    .ci-v9 .review-marquee-stack {
        gap: 12px
    }
    .ci-v9 .review-track {
        gap: 12px;
        padding-inline: 8px
    }
    .ci-v9 .review-track .client-review-card {
        width: 335px;
        grid-template-columns: 124px 1fr;
        border-radius: 18px
    }
    .ci-v9 .client-review-card>div {
        padding: 17px
    }
    .ci-v9 .client-review-card p {
        min-height: 77px;
        margin: 13px 0;
        font-size: 12px
    }
    .client-review-modal header button span {
        display: none
    }
}
@media (max-width:899px) and (hover:hover) and (pointer:fine) {
    .ci-v9 .about-view .about-hero {
        width: calc(100vw - 15px)
    }
}
.journey-dossier {
    font-family: Inter, Manrope, sans-serif;
    max-width: 1440px;
    margin-inline: auto
}
.journey-command-strip {
    display: grid;
    grid-template-columns: 1.15fr repeat(3, 1fr);
    gap: 1px;
    margin: 18px 0;
    overflow: hidden;
    border: 1px solid var(--account-line);
    border-radius: 22px;
    background: var(--account-line)
}
.journey-command-strip > div {
    min-height: 108px;
    padding: 22px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-content: center;
    column-gap: 13px;
    background: var(--account-panel)
}
.journey-command-strip > div:first-child {
    display: flex;
    flex-direction: column
}
.journey-command-strip svg {
    width: 22px;
    height: 22px;
    color: var(--account-red);
    grid-row: 1 / 3
}
.journey-command-strip span {
    color: var(--account-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.journey-command-strip strong {
    color: var(--account-ink);
    font-size: 16px;
    line-height: 1.25
}
.journey-command-strip > div:first-child strong {
    margin-top: 5px;
    font-size: 28px
}
.journey-command-strip > div:first-child i {
    height: 5px;
    margin-top: 13px;
    overflow: hidden;
    border-radius: 99px;
    background: #e8edf1
}
.journey-command-strip > div:first-child b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--account-red), #ff687d);
    box-shadow: 0 0 20px #f21f4360
}
.journey-now {
    --journey-image: none;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(360px, .85fr);
    min-height: 540px;
    overflow: hidden;
    border-radius: 30px;
    color: #fff;
    background: #091119;
    box-shadow: 0 35px 90px #0911192b
}
.journey-now-visual {
    position: relative;
    min-height: 420px;
    background: linear-gradient(90deg, transparent 70%, #091119), var(--journey-image) center/cover no-repeat
}
.journey-now-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #091119 0, transparent 40%);
    opacity: .55
}
.journey-now-visual > span {
    position: absolute;
    z-index: 1;
    left: 26px;
    bottom: 24px;
    padding: 10px 14px;
    border: 1px solid #ffffff38;
    border-radius: 11px;
    background: #071018b8;
    font: 800 13px/1 Inter, sans-serif;
    letter-spacing: .14em;
    backdrop-filter: blur(10px)
}
.journey-now-copy {
    padding: clamp(34px, 4vw, 64px);
    display: flex;
    flex-direction: column;
    justify-content: center
}
.journey-dossier .journey-now-copy > span {
    color: #ff3a59;
    font: 800 12px/1.3 Inter, sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase
}
.journey-now-copy > i {
    width: 54px;
    height: 54px;
    margin: 28px 0;
    display: grid;
    place-items: center;
    border: 1px solid #f21f4360;
    border-radius: 17px;
    background: #f21f4317;
    color: #ff3654
}
.journey-now-copy > i svg {
    width: 26px;
    height: 26px
}
.journey-dossier .journey-now-copy h3 {
    margin: 0;
    max-width: 470px;
    color: #fff;
    font-size: clamp(34px, 3.2vw, 54px);
    line-height: .98;
    letter-spacing: -.055em
}
.journey-dossier .journey-now-copy p {
    margin: 24px 0;
    color: #aeb9c4;
    font-size: 16px;
    line-height: 1.7
}
.journey-now-copy > div {
    display: flex;
    align-items: center;
    gap: 14px
}
.journey-now-copy > div b {
    padding: 10px 13px;
    border-radius: 9px;
    color: #fff;
    background: var(--account-red);
    font-size: 12px
}
.journey-dossier .journey-now-copy > div small {
    color: #82909e
}
.client-journey-timeline {
    margin-top: 28px;
    padding: clamp(24px, 4vw, 54px);
    border: 1px solid var(--account-line);
    border-radius: 30px;
    background: var(--account-panel)
}
.client-report-vault {
    margin-top: 28px;
    padding: clamp(24px, 4vw, 54px);
    border: 1px solid var(--account-line);
    border-radius: 30px;
    background: var(--account-panel)
}
.client-journey-timeline > header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px
}
.client-report-vault > header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px
}
.client-journey-timeline > header span {
    color: var(--account-red);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase
}
.client-report-vault > header span {
    color: var(--account-red);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase
}
.client-journey-timeline > header h3 {
    margin: 7px 0 0;
    color: var(--account-ink);
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1;
    letter-spacing: -.05em
}
.client-report-vault > header h3 {
    margin: 7px 0 0;
    color: var(--account-ink);
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1;
    letter-spacing: -.05em
}
.client-journey-timeline > header p {
    max-width: 460px;
    margin: 0;
    color: var(--account-muted);
    line-height: 1.6
}
.client-journey-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}
.client-journey-step {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--account-line);
    border-radius: 20px;
    background: var(--account-soft);
    transition: transform .25s, border-color .25s, box-shadow .25s
}
.client-journey-step:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 40px #14202c12
}
.client-journey-step[open] {
    border-color: #f21f4355;
    background: var(--account-panel);
    box-shadow: 0 18px 42px #14202c12
}
.client-journey-step.active {
    border-color: #f21f437a;
    background: linear-gradient(135deg, #fff 0, #fff4f6 100%);
    box-shadow: 0 18px 45px #f21f4318
}
.client-journey-step.done {
    background: #f8fafb
}
.client-journey-step.issue {
    border-color: #f6a800;
    background: #fff8e8
}
.client-journey-step summary {
    min-height: 154px;
    padding: 22px;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    list-style: none;
    cursor: pointer
}
.client-journey-step summary::-webkit-details-marker {
    display: none
}
.client-stage-index {
    display: flex;
    flex-direction: column;
    gap: 12px
}
.client-stage-index span {
    color: #a6b1ba;
    font: 900 14px/1 Inter, sans-serif
}
.client-stage-index i {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #fff;
    color: var(--account-red);
    box-shadow: 0 7px 24px #12202d0c
}
.client-stage-index svg {
    width: 23px;
    height: 23px
}
.client-stage-heading {
    min-width: 0;
    display: flex;
    flex-direction: column
}
.client-journey-step small {
    color: var(--account-red);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.client-journey-step h4 {
    margin: 8px 0 10px;
    color: var(--account-ink);
    font-size: 18px;
    letter-spacing: -.025em
}
.client-stage-heading > div {
    margin-top: auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 18px;
    gap: 10px;
    align-items: center
}
.client-stage-heading b {
    width: fit-content;
    padding: 7px 9px;
    border-radius: 8px;
    color: #6f7d88;
    background: #e9eef1;
    font-size: 12px;
    text-transform: uppercase
}
.client-journey-step.active .client-stage-heading b {
    color: #fff;
    background: var(--account-red)
}
.client-journey-step.done .client-stage-heading b {
    color: #fff;
    background: #16b775
}
.client-journey-step.issue .client-stage-heading b {
    color: #1b2228;
    background: #ffc348
}
.client-stage-heading time {
    min-width: 0;
    overflow: hidden;
    color: var(--account-muted);
    font-size: 12px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap
}
.client-stage-heading > div > svg {
    width: 18px;
    height: 18px;
    color: var(--account-muted);
    transition: transform .2s
}
.client-journey-step[open] .client-stage-heading > div > svg {
    transform: rotate(90deg)
}
.client-stage-content {
    padding: 0 22px 22px 98px
}
.client-stage-content p {
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid var(--account-line);
    color: var(--account-muted);
    font-size: 13px;
    line-height: 1.6
}
.client-stage-content footer {
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}
.client-stage-content footer span {
    display: flex;
    gap: 5px;
    align-items: center;
    color: var(--account-red);
    font-size: 12px;
    font-weight: 800
}
.client-stage-content footer b {
    display: flex;
    gap: 5px;
    align-items: center;
    color: var(--account-red);
    font-size: 12px;
    font-weight: 800
}
.client-stage-content footer svg {
    width: 16px;
    height: 16px
}
.client-report-vault > header > b {
    color: var(--account-ink);
    font-size: 54px;
    letter-spacing: -.06em
}
.journey-report-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px
}
.journey-report-card {
    overflow: hidden;
    border: 1px solid var(--account-line);
    border-radius: 19px;
    background: var(--account-soft)
}
.journey-report-card > img {
    width: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    background: #091119
}
.journey-report-card > video {
    width: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    background: #091119
}
.journey-report-card > div {
    padding: 17px
}
.journey-report-card > div > span {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--account-red)
}
.journey-report-card > div > span svg {
    width: 17px;
    height: 17px
}
.journey-report-card > div > span small {
    margin-left: auto;
    color: var(--account-muted);
    font-size: 12px
}
.journey-report-card h4 {
    margin: 11px 0 5px;
    color: var(--account-ink);
    font-size: 16px
}
.journey-report-card p {
    margin: 0;
    color: var(--account-muted);
    font-size: 12px;
    line-height: 1.5
}
.journey-report-card button {
    margin-top: 13px;
    padding: 7px 10px;
    border: 1px solid #f21f4340;
    border-radius: 8px;
    color: var(--account-red);
    background: transparent;
    font: 800 10px Inter, sans-serif
}
.report-vault-empty {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    border: 1px dashed #cbd4db;
    border-radius: 20px;
    color: var(--account-muted);
    background: var(--account-soft)
}
.report-vault-empty > svg {
    width: 46px;
    height: 46px;
    color: var(--account-red)
}
.report-vault-empty strong {
    display: block;
    color: var(--account-ink);
    font-size: 17px
}
.report-vault-empty p {
    max-width: 580px;
    margin: 7px 0 0;
    line-height: 1.5
}
.stage-editor-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}
.stage-editor-grid label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #72808b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase
}
.stage-editor-grid input {
    width: 100%;
    min-height: 46px;
    padding: 12px 13px;
    border: 1px solid #d9e1e7;
    border-radius: 11px;
    outline: 0;
    color: #121b24;
    background: #f7f9fa;
    font: 650 12px Inter, sans-serif;
    text-transform: none
}
.stage-editor-grid select {
    width: 100%;
    min-height: 46px;
    padding: 12px 13px;
    border: 1px solid #d9e1e7;
    border-radius: 11px;
    outline: 0;
    color: #121b24;
    background: #f7f9fa;
    font: 650 12px Inter, sans-serif;
    text-transform: none
}
.stage-editor-grid textarea {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #d9e1e7;
    border-radius: 11px;
    outline: 0;
    color: #121b24;
    background: #f7f9fa;
    font: 650 12px Inter, sans-serif;
    text-transform: none;
    min-height: 105px;
    resize: vertical;
    line-height: 1.5
}
.stage-editor-grid input:focus {
    border-color: #f21f43;
    box-shadow: 0 0 0 3px #f21f4310
}
.stage-editor-grid textarea:focus {
    border-color: #f21f43;
    box-shadow: 0 0 0 3px #f21f4310
}
.stage-editor-grid .wide {
    grid-column: 1 / -1
}
.stage-editor-grid .internal textarea {
    color: #cbd4dc;
    background: #151d25;
    border-color: #29343d
}
.report-file {
    min-height: 122px;
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px dashed #cbd5dc;
    border-radius: 15px;
    background: #f7f9fa;
    cursor: pointer
}
.report-file > svg {
    width: 34px;
    height: 34px;
    color: #f21f43
}
.report-file > span {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #111a23
}
.report-file small {
    color: #7d8a95;
    font-size: 12px
}
.report-file input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}
.report-visible {
    display: flex;
    gap: 9px;
    align-items: center;
    color: #566570;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer
}
.report-visible input {
    display: none
}
.report-visible i {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: transparent;
    background: #e4e9ed
}
.report-visible input:checked + i {
    color: #fff;
    background: #f21f43
}
.report-visible svg {
    width: 16px;
    height: 16px
}
.stage-visual {
    min-height: 100%;
    padding: 18px;
    display: flex;
    align-items: end;
    overflow: hidden;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(0deg, #081119e6, #08111918), var(--stage-image) center/cover no-repeat
}
.stage-visual span {
    font-size: 12px;
    line-height: 1.55
}
[data-theme="dark"] .client-journey-step.active {
    background: linear-gradient(135deg, #18232c, #241a22)
}
[data-theme="dark"] .client-journey-step.done {
    background: #151f27
}
[data-theme="dark"] .client-journey-step[open] {
    background: #111a22
}
[data-theme="dark"] .client-stage-index i {
    background: #202b34
}
[data-theme="dark"] .report-vault-empty {
    border-color: #34414b
}
@media (max-width: 980px) {
    .journey-now {
        grid-template-columns: 1fr
    }
    .journey-now-visual {
        min-height: 430px;
        background: linear-gradient(0deg, #091119 0, transparent 48%), var(--journey-image) center/cover no-repeat
    }
    .journey-command-strip {
        grid-template-columns: repeat(2, 1fr)
    }
}
@media (max-width: 700px) {
    .premium-deal-view {
        padding-inline: 10px
    }
    .journey-vehicle-cover {
        min-height: 430px;
        border-radius: 22px
    }
    .journey-vehicle-cover .deal-cover-copy h2 {
        font-size: 35px
    }
    .journey-command-strip {
        grid-template-columns: 1fr 1fr;
        border-radius: 17px
    }
    .journey-command-strip > div {
        min-height: 92px;
        padding: 15px
    }
    .journey-command-strip strong {
        font-size: 12px
    }
    .journey-now {
        min-height: 0;
        border-radius: 22px
    }
    .journey-now-visual {
        min-height: 310px
    }
    .journey-now-copy {
        padding: 27px 23px 34px
    }
    .journey-now-copy > i {
        margin: 20px 0
    }
    .journey-now-copy h3 {
        font-size: 35px
    }
    .client-journey-timeline {
        padding: 22px 15px;
        border-radius: 22px
    }
    .client-report-vault {
        padding: 22px 15px;
        border-radius: 22px
    }
    .client-journey-timeline > header {
        align-items: start;
        flex-direction: column
    }
    .client-report-vault > header {
        align-items: start;
        flex-direction: column
    }
    .client-journey-grid {
        grid-template-columns: 1fr
    }
    .client-journey-step summary {
        min-height: 150px;
        padding: 18px 14px;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 10px
    }
    .client-stage-content {
        padding: 0 14px 18px 70px
    }
    .client-stage-heading h4 {
        overflow-wrap: anywhere;
        font-size: 16px
    }
    .client-stage-heading > div {
        grid-template-columns: auto 1fr 18px;
        gap: 7px
    }
    .client-stage-heading time {
        font-size: 12px
    }
    .client-stage-index i {
        width: 42px;
        height: 42px
    }
    .journey-report-grid {
        grid-template-columns: 1fr
    }
    .report-vault-empty {
        padding: 24px;
        align-items: start
    }
    .stage-editor-grid {
        grid-template-columns: 1fr
    }
    .stage-editor-grid .wide {
        grid-column: 1
    }
    .stage-editor-grid input {
        min-height: 49px;
        font-size: 16px
    }
    .stage-editor-grid select {
        min-height: 49px;
        font-size: 16px
    }
    .stage-editor-grid textarea {
        min-height: 49px;
        font-size: 16px
    }
    .stage-visual {
        min-height: 220px
    }
}
@media (max-width: 520px) {
    .report-file {
        padding: 18px 14px;
        align-items: flex-start
    }
}
@media (prefers-reduced-motion: reduce) {
    .client-journey-step {
        transition: none
    }
}
.journey-vehicle-cover {
    min-height: 520px;
    isolation: isolate;
    overflow: hidden
}
.journey-vehicle-cover .deal-cover-copy {
    max-width: 780px;
    z-index: 3;
    width: min(760px,calc(100% - 190px));
    min-width: 0
}
.journey-vehicle-cover .deal-cover-copy h2 {
    letter-spacing: -.055em;
    max-width: 100%;
    font-size: clamp(36px,4.6vw,72px);
    line-height: .96;
    overflow-wrap: anywhere;
    text-wrap: balance
}
.journey-vehicle-cover .deal-cover-monogram {
    z-index: 2;
    right: clamp(16px,3vw,48px);
    bottom: -.12em;
    max-width: 25%;
    font-size: clamp(110px,17vw,250px);
    line-height: 1;
    opacity: .92
}
.deal-tracking-map-card {
    margin: 28px 0;
    overflow: hidden;
    border: 1px solid #dbe2e7;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 22px 65px rgba(25,41,53,.1)
}
.deal-tracking-map-card>header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px 22px
}
.deal-tracking-map-card>header>div>span {
    color: #ec2842;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em
}
.deal-tracking-map-card>header h3 {
    margin: 7px 0 5px;
    color: #17222b;
    font-size: clamp(24px,2.4vw,38px);
    line-height: 1.05;
    letter-spacing: -.045em
}
.deal-tracking-map-card>header p {
    max-width: 760px;
    margin: 0;
    color: #73808a;
    font-size: 13px;
    line-height: 1.6
}
.tracking-status {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border-radius: 999px;
    color: #34414a;
    background: #eef2f4;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .04em
}
.tracking-status i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #94a0a9;
    box-shadow: 0 0 0 4px rgba(148,160,169,.13)
}
.tracking-status.tracking-live {
    color: #14704b;
    background: #e9f8f1
}
.tracking-status.tracking-link_verified {
    color: #14704b;
    background: #e9f8f1
}
.tracking-status.tracking-live i {
    background: #1cc47b;
    box-shadow: 0 0 0 4px rgba(28,196,123,.15)
}
.tracking-status.tracking-link_verified i {
    background: #1cc47b;
    box-shadow: 0 0 0 4px rgba(28,196,123,.15)
}
.tracking-status.tracking-error {
    color: #bd2439;
    background: #fff0f2
}
.tracking-status.tracking-error i {
    background: #ef2b45
}
.deal-leaflet-map {
    height: clamp(420px,52vw,620px);
    min-height: 360px;
    background: #e7ecef;
    z-index: 1
}
.deal-leaflet-map :is(.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas) {
    position: absolute;
    left: 0;
    top: 0
}
.deal-leaflet-map :is(.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow) {
    max-width: none;
    max-height: none
}
.deal-leaflet-map .leaflet-tile {
    width: 256px;
    height: 256px;
    object-fit: fill
}
.deal-tracking-map-card>footer {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-items: center;
    gap: 18px;
    padding: 18px 24px
}
.deal-tracking-map-card>footer>div {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0
}
.deal-tracking-map-card>footer .ci-icon {
    width: 20px;
    height: 20px;
    color: #ef2b45
}
.deal-tracking-map-card>footer span {
    display: grid;
    gap: 2px
}
.deal-tracking-map-card>footer small {
    color: #89959e;
    font-size: 12px;
    font-weight: 750
}
.deal-tracking-map-card>footer strong {
    overflow: hidden;
    color: #202b33;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.deal-tracking-map-card>footer>a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #d9223b;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none
}
.deal-tracking-map-card>footer>a .ci-icon {
    width: 15px;
    height: 15px
}
html[data-theme="dark"] .deal-tracking-map-card {
    border-color: #293640;
    background: #101820;
    box-shadow: 0 24px 75px rgba(0,0,0,.35)
}
html[data-theme="dark"] .deal-tracking-map-card>header h3 {
    color: #f3f6f8
}
html[data-theme="dark"] .deal-tracking-map-card>footer strong {
    color: #f3f6f8
}
html[data-theme="dark"] .deal-tracking-map-card>header p {
    color: #9daab4
}
html[data-theme="dark"] .deal-tracking-map-card>footer small {
    color: #9daab4
}
html[data-theme="dark"] .deal-leaflet-map .leaflet-tile-pane {
    filter: brightness(.62) saturate(.58) contrast(1.15) hue-rotate(165deg)
}
html[data-theme="dark"] .deal-leaflet-map .leaflet-control-zoom a {
    border-color: #34414b;
    background: #111a22;
    color: #ccd4da
}
html[data-theme="dark"] .deal-leaflet-map .leaflet-control-attribution {
    border-color: #34414b;
    background: #111a22;
    color: #ccd4da
}
.tracking-enable input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}
.tracking-enable>i {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border: 1px solid #ccd5da;
    border-radius: 8px;
    background: #fff
}
.tracking-enable input:checked+i {
    border-color: #ef2943;
    color: #fff;
    background: #ef2943
}
.tracking-enable>i .ci-icon {
    width: 16px;
    height: 16px
}
.tracking-enable>span {
    display: grid;
    gap: 2px
}
.tracking-enable>span strong {
    color: #25313a;
    font-size: 12px
}
.tracking-enable>span small {
    color: #7c8992;
    font-size: 12px
}
.tracking-error {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 11px;
    color: #c3243c;
    background: #fff0f2;
    font-size: 12px
}
html[data-theme="dark"] .tracking-enable>span strong {
    color: #f3f6f8
}
html[data-theme="dark"] .tracking-enable>span small {
    color: #9eabb5
}
.deal-chat-modal {
    position: fixed;
    z-index: 2200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px
}
.deal-chat-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(5,10,14,.72);
    backdrop-filter: blur(10px)
}
.deal-chat-modal>section {
    position: relative;
    width: min(720px,100%);
    height: min(780px,calc(100dvh - 36px));
    display: grid;
    grid-template-rows: auto auto minmax(0,1fr) auto;
    overflow: hidden;
    border: 1px solid #dce2e6;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 35px 110px rgba(0,0,0,.4)
}
.deal-chat-modal header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #e1e6e9;
    background: #f8fafb
}
.deal-chat-modal header>div {
    display: flex;
    align-items: center;
    gap: 13px
}
.deal-chat-avatar {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(145deg,#ee2943,#981727);
    box-shadow: 0 10px 24px rgba(221,33,59,.24);
    font-size: 14px;
    font-weight: 900
}
.deal-chat-modal header small {
    color: #e12640;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em
}
.deal-chat-modal header h2 {
    margin: 3px 0 2px;
    color: #17222b;
    font-size: 18px
}
.deal-chat-modal header p {
    margin: 0;
    color: #78858e;
    font-size: 12px
}
.deal-chat-modal header p i {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #21c579
}
.deal-chat-modal header>button {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 12px;
    color: #44515a;
    background: #e9edf0
}
.deal-chat-modal header>button .ci-icon {
    width: 20px;
    height: 20px
}
.deal-chat-security {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    color: #6e7b84;
    background: #fff8e7;
    font-size: 12px;
    line-height: 1.45
}
.deal-chat-security .ci-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: #c58b18
}
.deal-chat-messages {
    overflow: auto;
    padding: 22px;
    background: #f1f4f6;
    scroll-behavior: smooth
}
.deal-chat-messages article {
    width: fit-content;
    max-width: min(78%,520px);
    margin: 0 0 14px;
    padding: 12px 14px;
    border-radius: 16px 16px 16px 4px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(27,44,56,.07)
}
.deal-chat-messages article.mine {
    margin-left: auto;
    border-radius: 16px 16px 4px 16px;
    color: #fff;
    background: linear-gradient(145deg,#ef2b45,#ba1c32)
}
.deal-chat-messages article>span {
    display: block;
    margin-bottom: 5px;
    color: #8b969e;
    font-size: 12px;
    font-weight: 850
}
.deal-chat-messages article.mine>span {
    color: rgba(255,255,255,.68)
}
.deal-chat-messages article p {
    margin: 0;
    color: #25313a;
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere
}
.deal-chat-messages article.mine p {
    color: #fff
}
.deal-chat-messages article time {
    display: block;
    margin-top: 6px;
    color: #98a2a9;
    font-size: 12px;
    text-align: right
}
.deal-chat-messages article.mine time {
    color: rgba(255,255,255,.65)
}
.deal-chat-empty {
    height: 100%;
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    color: #7c8992
}
.deal-chat-loading {
    height: 100%;
    display: grid;
    place-content: center;
    justify-items: center;
    text-align: center;
    color: #7c8992
}
.deal-chat-empty .ci-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    color: #e12640
}
.deal-chat-empty strong {
    color: #26323b;
    font-size: 16px
}
.deal-chat-empty p {
    max-width: 340px;
    margin: 7px 0 0;
    font-size: 12px;
    line-height: 1.55
}
.deal-chat-spinner {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: chatSpin .8s linear infinite
}
html[data-theme="dark"] .deal-chat-modal>section {
    border-color: #2b3741;
    background: #101820
}
html[data-theme="dark"] .deal-chat-modal header {
    border-color: #293640;
    background: #141e26
}
html[data-theme="dark"] .deal-chat-modal header h2 {
    color: #f4f7f9
}
html[data-theme="dark"] .deal-chat-modal header p {
    color: #a0adb7
}
html[data-theme="dark"] .deal-chat-modal header>button {
    color: #e1e7eb;
    background: #202c35
}
html[data-theme="dark"] .deal-chat-security {
    color: #c5b681;
    background: #2b2516
}
html[data-theme="dark"] .deal-chat-messages {
    background: #0b1218
}
html[data-theme="dark"] .deal-chat-messages article {
    background: #172129;
    box-shadow: none
}
html[data-theme="dark"] .deal-chat-messages article p {
    color: #ecf1f4
}
html[data-theme="dark"] .deal-chat-empty strong {
    color: #f2f5f7
}
.process-tree-section {
    padding-block: 50px
}
.process-tree-section>header {
    max-width: 820px;
    margin: 0 auto 45px;
    text-align: center
}
.process-tree-section>header>span {
    color: #eb2741;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .18em
}
.process-tree-section>header h2 {
    margin: 10px 0;
    color: #17222b;
    font-size: clamp(38px,5vw,70px);
    line-height: .95;
    letter-spacing: -.06em
}
.process-tree-section>header p {
    max-width: 660px;
    margin: auto;
    color: #73808a;
    font-size: 14px;
    line-height: 1.65
}
.process-tree {
    position: relative;
    display: grid;
    gap: 80px
}
.process-tree::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background: linear-gradient(180deg,transparent,#e62a43 8%,#e62a43 92%,transparent);
    transform: translateX(-50%);
    opacity: .22
}
.process-tree-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr);
    align-items: center;
    gap: 72px;
    min-height: 470px;
    opacity: .28;
    transform: translateY(50px);
    transition: opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)
}
.process-tree-row.revealed {
    opacity: .72;
    transform: none
}
.process-tree-row.active {
    opacity: 1
}
.process-tree-row.reverse .process-tree-media {
    order: 2
}
.process-tree-row.reverse .process-tree-copy {
    order: 1
}
.process-tree-media {
    position: relative;
    height: 470px;
    overflow: hidden;
    border-radius: 28px;
    background: #111a20;
    box-shadow: 0 28px 75px rgba(17,29,38,.18)
}
.process-tree-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.82) brightness(.78);
    transform: scale(1.04);
    transition: filter .8s ease,transform 1.1s ease
}
.process-tree-row.active .process-tree-media img {
    filter: saturate(1.04) brightness(.98);
    transform: scale(1)
}
.process-tree-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 50%,rgba(4,8,11,.68))
}
.process-tree-media>span {
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 18px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    color: #fff;
    background: rgba(5,10,14,.56);
    backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .1em
}
.process-tree-copy {
    position: relative;
    padding: 25px
}
.process-tree-copy>span {
    color: #e72640;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em
}
.process-tree-copy>i {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    margin: 20px 0;
    border-radius: 17px;
    color: #fff;
    background: #e72640;
    box-shadow: 0 14px 28px rgba(224,35,62,.22)
}
.process-tree-copy>i .ci-icon {
    width: 27px;
    height: 27px
}
.process-tree-copy h3 {
    max-width: 580px;
    margin: 0 0 13px;
    color: #18232b;
    font-size: clamp(30px,3.2vw,50px);
    line-height: .98;
    letter-spacing: -.055em;
    text-wrap: balance
}
.process-tree-copy p {
    max-width: 600px;
    margin: 0;
    color: #66747e;
    font-size: 14px;
    line-height: 1.7
}
.process-tree-copy ul {
    display: grid;
    gap: 9px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none
}
.process-tree-copy li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #34414a;
    font-size: 12px;
    font-weight: 650
}
.process-tree-copy li .ci-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    color: #e72640
}
.process-tree-node {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 7px solid #f0f3f5;
    border-radius: 50%;
    color: #fff;
    background: #adb8c0;
    box-shadow: 0 0 0 1px #dce2e6;
    transform: translate(-50%,-50%);
    font-size: 12px;
    transition: background .4s ease,box-shadow .4s ease
}
.process-tree-row.active .process-tree-node {
    background: #e72640;
    box-shadow: 0 0 0 1px #e72640,0 0 0 9px rgba(231,38,64,.12)
}
.process-tree-section.reveal-section {
    opacity: 1;
    transform: none
}
html[data-theme="dark"] .process-tree-section>header h2 {
    color: #f5f7f9
}
html[data-theme="dark"] .process-tree-copy h3 {
    color: #f5f7f9
}
html[data-theme="dark"] .process-tree-section>header p {
    color: #a5b1ba
}
html[data-theme="dark"] .process-tree-copy p {
    color: #a5b1ba
}
html[data-theme="dark"] .process-tree-copy li {
    color: #d3dbe0
}
html[data-theme="dark"] .process-tree-node {
    border-color: #070d12;
    box-shadow: 0 0 0 1px #34414b
}
.ci-v9 .about-secondary {
    min-height: 54px;
    padding: 0 22px;
    border-radius: 13px;
    font-weight: 850;
    border: 1px solid rgba(255,255,255,.52);
    color: #fff;
    background: rgba(255,255,255,.16);
    box-shadow: 0 10px 32px rgba(0,0,0,.18);
    backdrop-filter: blur(14px)
}
.ci-v9 .about-secondary:hover {
    border-color: #fff;
    background: #fff;
    color: #bd1d33;
    transform: translateY(-2px)
}
.client-review-card>div>span {
    font-size: 19px;
    line-height: 1;
    letter-spacing: .08em;
    color: #f2b01e;
    text-shadow: 0 2px 8px rgba(242,176,30,.16)
}
.client-review-card>div>strong {
    display: none
}
.client-review-card>div>p {
    min-height: 2.8em
}
.client-review-modal video {
    display: block;
    width: 100%;
    max-height: calc(100dvh - 270px);
    aspect-ratio: 16/9;
    object-fit: contain;
    background: #030506
}
.client-review-modal footer {
    padding: 14px 18px 16px;
    justify-content: space-between;
    border-top: 1px solid rgba(255,255,255,.1);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 20px
}
.client-review-modal footer p {
    color: #e3e8ec;
    margin: 5px 0 0;
    font-size: 15px;
    line-height: 1.5
}
.client-review-modal footer em {
    display: block;
    max-width: 760px;
    margin-top: 6px;
    color: #7b8790;
    font-size: 12px;
    font-style: normal;
    line-height: 1.5
}
.client-review-modal footer small {
    flex: none;
    color: #8f9ba4;
    font-size: 12px;
    white-space: nowrap
}
.review-modal-rating {
    color: #f2b01e;
    font-size: 22px;
    letter-spacing: .08em
}
.review-marquee:has(.review-video:active) .review-track {
    animation-play-state: paused
}
@media (max-width:899px) {
    .deal-tracking-map-card {
        margin: 18px 0;
        border-radius: 21px
    }
    .deal-tracking-map-card>header {
        display: grid;
        gap: 13px;
        padding: 20px
    }
    .deal-tracking-map-card>header h3 {
        font-size: 27px
    }
    .tracking-status {
        width: max-content
    }
    .deal-leaflet-map {
        height: 430px;
        min-height: 360px
    }
    .deal-tracking-map-card>footer {
        grid-template-columns: 1fr;
        padding: 16px 18px
    }
    .deal-tracking-map-card>footer>a {
        min-height: 44px;
        justify-content: center;
        border: 1px solid #dbe2e6;
        border-radius: 12px
    }
    .journey-vehicle-cover .deal-cover-copy {
        width: calc(100% - 34px)
    }
    .journey-vehicle-cover .deal-cover-copy h2 {
        font-size: clamp(30px,10vw,43px)
    }
    .journey-vehicle-cover .deal-cover-monogram {
        right: 10px;
        font-size: 100px;
        opacity: .35
    }
    .process-tree {
        gap: 34px
    }
    .process-tree::before {
        left: 20px
    }
    .process-tree-row {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: 0;
        padding-left: 42px;
        opacity: .55;
        transform: translateY(24px)
    }
    .process-tree-row.reverse {
        grid-template-columns: 1fr;
        gap: 0;
        min-height: 0;
        padding-left: 42px;
        opacity: .55;
        transform: translateY(24px)
    }
    .process-tree-row .process-tree-media {
        order: 1;
        height: 290px;
        border-radius: 21px
    }
    .process-tree-row.reverse .process-tree-media {
        order: 1;
        height: 290px;
        border-radius: 21px
    }
    .process-tree-row .process-tree-copy {
        order: 2;
        padding: 22px 4px
    }
    .process-tree-row.reverse .process-tree-copy {
        order: 2;
        padding: 22px 4px
    }
    .process-tree-node {
        top: 25px;
        left: 20px
    }
    .process-tree-copy h3 {
        font-size: 34px
    }
    .deal-chat-modal {
        padding: 0;
        place-items: stretch
    }
    .deal-chat-modal>section {
        width: 100%;
        height: 100dvh;
        border: 0;
        border-radius: 0
    }
    .deal-chat-messages {
        padding: 16px
    }
    .deal-chat-messages article {
        max-width: 88%
    }
    .client-review-modal footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        grid-template-columns: 1fr
    }
    .client-review-modal footer small {
        white-space: normal
    }
}
@media (prefers-reduced-motion:reduce) {
    .process-tree-row {
        transition: none
    }
    .process-tree-media img {
        transition: none
    }
}
html[data-theme="dark"] body.ci-v9 .report-file :is(strong,span) {
    color: #f2f6f8
}
html[data-theme="dark"] body.ci-v9 .report-file small {
    color: #9eabb5
}
html[data-theme="dark"] body.ci-v9 .report-file>i {
    border-color: #394751;
    background: #17222b
}
html[data-theme="dark"] body.ci-v9 .tracking-status {
    color: #cdd6dc;
    background: #1b2730
}
html[data-theme="dark"] body.ci-v9 .tracking-status.tracking-live {
    color: #70e4ad;
    background: #123124
}
html[data-theme="dark"] body.ci-v9 .tracking-status.tracking-link_verified {
    color: #70e4ad;
    background: #123124
}
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map {
    background: #111a22
}
.ci-v9 .client-review-card {
    display: grid;
    overflow: hidden;
    border: 1px solid #dfe4e8;
    background: #fff;
    box-shadow: 0 15px 42px rgba(19,29,36,.07);
    cursor: pointer;
    width: 590px;
    min-height: 310px;
    grid-template-columns: 210px minmax(0,1fr);
    border-radius: 26px
}
.ci-v9 .review-video {
    position: relative;
    padding: 0;
    display: block;
    overflow: hidden;
    border: 0;
    color: #fff;
    background: #090d10;
    text-align: center;
    cursor: pointer;
    min-height: 310px
}
.ci-v9 .review-card-copy {
    padding: 25px;
    display: flex;
    flex-direction: column;
    min-width: 0
}
.ci-v9 .review-card-copy>header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px
}
.ci-v9 .review-card-copy>header>span {
    color: #f2b01e;
    font-size: 21px;
    letter-spacing: .07em;
    line-height: 1
}
.ci-v9 .review-card-copy>header>em {
    color: #8a98a2;
    font-size: 12px;
    font-style: normal;
    font-weight: 800
}
.ci-v9 .review-card-copy h3 {
    margin: 18px 0 9px;
    color: #17222b;
    font-size: 19px;
    line-height: 1.12;
    letter-spacing: -.035em
}
.ci-v9 .review-card-copy>p {
    min-height: 0;
    margin: 0;
    color: #566570;
    font-size: 12px;
    line-height: 1.62
}
.ci-v9 .review-card-copy>footer {
    margin-top: auto;
    padding-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #e5e9ec
}
.ci-v9 .review-card-copy>footer b {
    color: #202c35;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em
}
.ci-v9 .review-card-copy>footer small {
    color: #89959e;
    font-size: 12px
}
.ci-v9 .review-marquee:hover .review-track {
    animation-play-state: paused
}
.ci-v9 .review-marquee:focus-within .review-track {
    animation-play-state: paused
}
.ci-v9 .review-marquee:active .review-track {
    animation-play-state: paused
}
.ci-v9 .review-marquee {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    mask-image: linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
    width: 100%;
    margin-left: 0;
    margin-right: 0
}
html[data-theme="dark"] body.ci-v9 .review-card-copy h3 {
    color: #f4f7f9
}
html[data-theme="dark"] body.ci-v9 .review-card-copy>p {
    color: #b7c2ca
}
html[data-theme="dark"] body.ci-v9 .review-card-copy>footer {
    border-color: #2c3943
}
html[data-theme="dark"] body.ci-v9 .review-card-copy>footer b {
    color: #eef3f6
}
.client-review-modal>section {
    position: relative;
    z-index: 1;
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    color: #fff;
    background: #080d11;
    box-shadow: 0 35px 110px rgba(0,0,0,.5);
    animation: ci-review-modal-in .25s ease-out;
    width: min(1180px,calc(100vw - 36px));
    max-height: calc(100dvh - 36px);
    grid-template-rows: auto minmax(0,1fr);
    border-radius: 28px
}
.client-review-modal .review-modal-layout {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0,1.45fr) minmax(300px,.7fr)
}
.client-review-modal .review-modal-player {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #020405
}
.client-review-modal .review-modal-player video {
    width: 100%;
    height: auto;
    max-height: calc(100dvh - 150px);
    aspect-ratio: 16/9;
    object-fit: contain;
    background: #000
}
.client-review-modal .review-modal-player>span {
    padding: 10px 16px;
    color: #7f8d97;
    font-size: 12px;
    background: #070b0e
}
.client-review-modal .review-modal-layout>aside {
    min-height: 0;
    padding: 32px;
    overflow: auto;
    border-left: 1px solid rgba(255,255,255,.1);
    background: #0e151b
}
.client-review-modal .review-modal-layout>aside>.review-modal-rating {
    display: block;
    color: #f2b01e;
    font-size: 26px;
    letter-spacing: .08em
}
.client-review-modal .review-modal-layout>aside>small {
    display: block;
    margin-top: 8px;
    color: #8d9aa4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.client-review-modal .review-modal-layout>aside h3 {
    margin: 24px 0 12px;
    color: #f5f7f9;
    font-size: clamp(25px,2.5vw,38px);
    line-height: 1.04;
    letter-spacing: -.045em
}
.client-review-modal .review-modal-layout>aside p {
    margin: 0;
    color: #b7c2ca;
    font-size: 13px;
    line-height: 1.7
}
.client-review-modal .review-modal-layout dl {
    margin: 26px 0 0;
    display: grid;
    gap: 10px
}
.client-review-modal .review-modal-layout dl>div {
    padding: 12px 0;
    display: grid;
    gap: 5px;
    border-top: 1px solid rgba(255,255,255,.09)
}
.client-review-modal .review-modal-layout dt {
    color: #798690;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .1em
}
.client-review-modal .review-modal-layout dd {
    margin: 0;
    color: #e6ebee;
    font-size: 12px;
    line-height: 1.45
}
@media (max-width:899px) {
    .ci-v9 .process-tree-row {
        opacity: 1
    }
    .ci-v9 .client-review-card {
        width: 360px;
        min-height: 270px;
        grid-template-columns: 128px minmax(0,1fr)
    }
    .ci-v9 .review-video {
        min-height: 270px
    }
    .ci-v9 .review-card-copy {
        padding: 17px
    }
    .ci-v9 .review-card-copy>header>span {
        font-size: 17px
    }
    .ci-v9 .review-card-copy h3 {
        margin-top: 13px;
        font-size: 17px;
        line-height: 1.15
    }
    .ci-v9 .review-card-copy>p {
        font-size: 12px;
        line-height: 1.52
    }
    .ci-v9 .review-card-copy>footer {
        padding-top: 11px;
        align-items: flex-start;
        flex-direction: column;
        gap: 4px
    }
    .client-review-modal {
        padding: 0;
        place-items: stretch
    }
    .client-review-modal>section {
        width: 100%;
        max-height: 100dvh;
        border: 0;
        border-radius: 0
    }
    .client-review-modal .review-modal-layout {
        grid-template-columns: 1fr;
        overflow: auto
    }
    .client-review-modal .review-modal-player video {
        max-height: 52dvh
    }
    .client-review-modal .review-modal-layout>aside {
        overflow: visible;
        padding: 22px 18px 34px;
        border-top: 1px solid rgba(255,255,255,.1);
        border-left: 0
    }
    .client-review-modal .review-modal-layout>aside h3 {
        font-size: 27px
    }
}
@media (prefers-reduced-motion:reduce) {
    .ci-v9 .review-track {
        animation: none
    }
}
.ci-v9 .deal-tracking-map-card {
    overflow: hidden;
    border-radius: 26px
}
.ci-v9 .deal-tracking-map-card:has(.deal-map-shell.is-expanded) {
    overflow: visible
}
.ci-v9 .deal-tracking-map-card>header {
    align-items: center;
    padding: 24px 26px 20px
}
.ci-v9 .deal-tracking-map-card>header h3 {
    font-size: clamp(25px,2.25vw,36px)
}
.ci-v9 .deal-map-toolbar {
    position: relative;
    z-index: 900;
    min-height: 66px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid #dbe2e7;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(18px)
}
.ci-v9 .deal-map-toolbar>button:hover {
    border-color: #ef2b45;
    color: #d91f39;
    background: #fff;
    transform: translateY(-1px)
}
.ci-v9 .deal-map-zoom button:hover {
    border-color: #ef2b45;
    color: #d91f39;
    background: #fff;
    transform: translateY(-1px)
}
.ci-v9 .deal-map-toolbar .ci-icon {
    width: 18px;
    height: 18px;
    color: #ef2b45
}
.ci-v9 .deal-map-zoom {
    display: grid;
    grid-template-columns: 44px 44px;
    gap: 5px;
    margin-left: auto
}
.ci-v9 .deal-map-expand b {
    font-size: 19px;
    line-height: 1;
    font-weight: 500
}
.ci-v9 .deal-leaflet-map:active {
    cursor: grabbing
}
.ci-v9 .deal-leaflet-map .leaflet-control-container {
    position: relative;
    z-index: 800
}
.ci-v9 .deal-leaflet-map .leaflet-control-attribution {
    width: auto;
    height: auto;
    padding: 3px 7px;
    color: #66747d;
    background: rgba(255,255,255,.82);
    font-size: 12px;
    backdrop-filter: blur(8px)
}
.ci-v9 .deal-leaflet-map .leaflet-control-attribution a {
    color: #d51f38
}
.ci-v9 .deal-leaflet-map .leaflet-popup-content-wrapper {
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 12px;
    color: #202c34;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 35px rgba(12,25,34,.2);
    backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 750
}
.ci-v9 .deal-leaflet-map .leaflet-tooltip {
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 12px;
    color: #202c34;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 35px rgba(12,25,34,.2);
    backdrop-filter: blur(12px);
    font-size: 12px;
    font-weight: 750
}
.ci-v9 .deal-leaflet-map .leaflet-popup-tip {
    background: #fff
}
.ci-v9 .deal-map-current {
    position: absolute;
    z-index: 850;
    top: 84px;
    left: 16px;
    max-width: min(310px,calc(100% - 32px));
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 15px;
    color: #fff;
    background: rgba(10,17,22,.84);
    box-shadow: 0 14px 35px rgba(7,13,18,.25);
    backdrop-filter: blur(14px);
    pointer-events: none
}
.ci-v9 .deal-map-current>i {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #21cb82;
    box-shadow: 0 0 0 5px rgba(33,203,130,.18)
}
.ci-v9 .deal-map-current span {
    min-width: 0;
    display: grid;
    gap: 2px
}
.ci-v9 .deal-map-stops button:last-child {
    border-right: 0
}
.ci-v9 .deal-map-stops button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: #dce3e7
}
.ci-v9 .deal-map-stops button.passed::before {
    background: #27bd7d
}
.ci-v9 .deal-map-stops button.current::before {
    background: #ef2943;
    box-shadow: 0 3px 14px rgba(239,41,67,.32)
}
.ci-v9 .deal-map-stops button:hover {
    background: #f7f9fa
}
.ci-v9 .deal-map-stops button.current>i {
    background: #fff0f2;
    box-shadow: 0 0 0 1px #ffcbd2
}
.ci-v9 .deal-map-stops button span {
    min-width: 0;
    display: grid;
    gap: 3px
}
.ci-v9 .deal-map-stops button small {
    color: #89959e;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em
}
.ci-v9 .deal-map-stops button strong {
    overflow: hidden;
    color: inherit;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}
body.deal-map-expanded {
    overflow: hidden
}
.ci-v9 .deal-map-shell.is-expanded {
    position: fixed;
    z-index: 4000;
    inset: 12px;
    grid-template-rows: auto minmax(0,1fr) auto;
    border: 1px solid #293640;
    border-radius: 22px;
    box-shadow: 0 0 0 9999px rgba(2,6,9,.78),0 35px 120px rgba(0,0,0,.55)
}
.ci-v9 .deal-map-shell.is-expanded .deal-leaflet-map {
    min-height: 0
}
.ci-v9 .deal-map-shell.is-expanded .deal-map-expand {
    color: #fff;
    background: #e9223e;
    border-color: #e9223e
}
html[data-theme="dark"] body.ci-v9 .deal-map-shell {
    border-color: #2a3740;
    background: #101820
}
html[data-theme="dark"] body.ci-v9 .deal-map-toolbar {
    border-color: #2b3842;
    background: rgba(14,22,29,.96)
}
html[data-theme="dark"] body.ci-v9 .deal-map-toolbar>button {
    border-color: #33414b;
    color: #e8edf0;
    background: #17222b
}
html[data-theme="dark"] body.ci-v9 .deal-map-zoom button {
    border-color: #33414b;
    color: #e8edf0;
    background: #17222b
}
html[data-theme="dark"] body.ci-v9 .deal-map-toolbar>button:hover {
    border-color: #ef2b45;
    color: #fff;
    background: #202d36
}
html[data-theme="dark"] body.ci-v9 .deal-map-zoom button:hover {
    border-color: #ef2b45;
    color: #fff;
    background: #202d36
}
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-tile-pane {
    filter: invert(.92) hue-rotate(180deg) brightness(.78) saturate(.7) contrast(.96)
}
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-control-attribution {
    color: #aeb8bf;
    background: rgba(12,19,25,.82)
}
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-popup-content-wrapper {
    border-color: #35434d;
    color: #edf2f5;
    background: rgba(15,23,30,.95)
}
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-tooltip {
    border-color: #35434d;
    color: #edf2f5;
    background: rgba(15,23,30,.95)
}
html[data-theme="dark"] body.ci-v9 .deal-leaflet-map .leaflet-popup-tip {
    background: #0f171e
}
html[data-theme="dark"] body.ci-v9 .deal-map-stops {
    border-color: #2a3740;
    background: #111a22
}
html[data-theme="dark"] body.ci-v9 .deal-map-stops button {
    border-color: #293640;
    color: #e7edf1
}
html[data-theme="dark"] body.ci-v9 .deal-map-stops button:hover {
    background: #17222b
}
html[data-theme="dark"] body.ci-v9 .deal-map-stops button>i {
    background: #1c2730
}
html[data-theme="dark"] body.ci-v9 .deal-map-stops button.current>i {
    background: #321923;
    box-shadow: 0 0 0 1px #5b2632
}
@media (max-width:899px) {
    .ci-v9 .deal-tracking-map-card {
        border-radius: 20px
    }
    .ci-v9 .deal-tracking-map-card>header h3 {
        font-size: 25px
    }
    .ci-v9 .deal-tracking-map-card>header p {
        font-size: 12px
    }
    .ci-v9 .deal-map-toolbar {
        min-height: 112px;
        display: grid;
        grid-template-columns: 1fr 1fr 94px;
        padding: 9px
    }
    .ci-v9 .deal-map-toolbar>button {
        min-height: 44px;
        padding: 0 10px
    }
    .ci-v9 .deal-map-toolbar>button:nth-child(1) {
        grid-row: 1
    }
    .ci-v9 .deal-map-toolbar>button:nth-child(2) {
        grid-row: 1
    }
    .ci-v9 .deal-map-zoom {
        grid-row: 2;
        grid-column: 1/3;
        width: 100%;
        grid-template-columns: 1fr 1fr;
        margin: 0
    }
    .ci-v9 .deal-map-expand {
        grid-row: 1/3;
        grid-column: 3;
        flex-direction: column;
        gap: 4px
    }
    .ci-v9 .deal-map-expand span {
        font-size: 12px;
        text-align: center
    }
    .ci-v9 .deal-map-current {
        top: 128px;
        left: 10px;
        max-width: calc(100% - 20px);
        padding: 9px 12px
    }
    .ci-v9 .deal-map-stops::-webkit-scrollbar {
        display: none
    }
    .ci-v9 .deal-map-stops button {
        min-height: 72px;
        padding: 10px 12px;
        scroll-snap-align: start
    }
    .ci-v9 .deal-map-stops button>i {
        width: 31px;
        height: 31px;
        flex-basis: 31px
    }
    .ci-v9 .deal-map-shell.is-expanded {
        inset: 0;
        border: 0;
        border-radius: 0
    }
    .ci-v9 .deal-map-shell.is-expanded .deal-map-toolbar {
        padding-top: max(9px,env(safe-area-inset-top))
    }
    .ci-v9 .deal-map-shell.is-expanded .deal-map-current {
        top: calc(128px + env(safe-area-inset-top))
    }
    .ci-v9 .deal-tracking-map-card>footer {
        padding: 14px 16px
    }
}
@media (prefers-reduced-motion:reduce) {
    .ci-v9 .deal-map-toolbar button {
        transition: none
    }
}
.ci-v9 .stage-editor-grid .internal textarea {
    color: #16222b;
    border-color: #d8e0e6;
    background: #f7f9fa
}
.ci-v9 .stage-visual {
    padding: 14px;
    background: var(--stage-image) center/cover no-repeat
}
.ci-v9 .stage-visual>span {
    max-width: 520px;
    padding: 11px 13px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 11px;
    color: #18242d;
    background: rgba(255,255,255,.9);
    box-shadow: 0 10px 28px rgba(7,14,20,.16);
    backdrop-filter: blur(12px);
    font-size: 12px
}
.ci-v9 .deal-map-stops {
    position: relative;
    z-index: 4;
    display: grid;
    gap: 0;
    border-top: 1px solid #dbe2e7;
    background: #fff;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(145px,1fr);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin
}
.ci-v9 .deal-map-stops button {
    position: relative;
    min-width: 0;
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border: 0;
    border-right: 1px solid #e1e6e9;
    color: #293640;
    background: transparent;
    text-align: left;
    font: inherit;
    cursor: pointer;
    scroll-snap-align: start
}
.ci-v9 .deal-map-stops button>i {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #f0f3f5;
    font-style: normal;
    font-size: 16px
}
.ci-v9 .deal-map-toolbar>button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid #d7dfe4;
    border-radius: 13px;
    color: #27343d;
    background: #f7f9fa;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    transition: border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
    min-height: 48px;
    font-size: 12px
}
.ci-v9 .deal-map-zoom button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #d7dfe4;
    border-radius: 13px;
    color: #27343d;
    background: #f7f9fa;
    font: inherit;
    cursor: pointer;
    transition: border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
    padding: 0;
    font-weight: 650;
    min-height: 48px;
    font-size: 12px
}
.ci-v9 .deal-leaflet-map {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #dfe6ea;
    font-family: Inter,Arial,sans-serif;
    cursor: grab;
    min-height: 500px;
    overscroll-behavior: contain
}
html[data-theme="dark"] body.ci-v9 .stage-editor-grid .internal textarea {
    color: #eef3f6;
    border-color: #35434d;
    background: #111a22
}
html[data-theme="dark"] body.ci-v9 .stage-visual>span {
    border-color: #35434d;
    color: #f2f6f8;
    background: rgba(13,21,28,.9)
}
@media (max-width:899px) {
    .ci-v9 .deal-map-shell {
        grid-template-rows: auto minmax(430px,58dvh) auto
    }
    .ci-v9 .deal-leaflet-map {
        min-height: 430px
    }
    .ci-v9 .deal-map-stops {
        grid-auto-flow: column;
        grid-template-columns: none;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        grid-auto-columns: minmax(155px,44vw)
    }
}
.ci-v9 .journey-dossier {
    --journey-surface: #fff;
    --journey-soft: #f3f6f8;
    --journey-ink: #15212a;
    --journey-muted: #657682;
    --journey-line: #d8e1e7
}
.ci-v9 .journey-vehicle-cover {
    min-height: 0;
    display: grid;
    grid-template-rows: clamp(390px,51vw,680px) auto;
    overflow: hidden;
    border: 1px solid var(--journey-line);
    border-radius: 30px;
    color: var(--journey-ink);
    background: var(--journey-surface);
    box-shadow: 0 26px 70px rgba(16,31,42,.12)
}
.ci-v9 .journey-vehicle-cover>img {
    position: relative;
    inset: auto;
    grid-row: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: none;
    opacity: 1
}
.ci-v9 .journey-vehicle-cover .deal-cover-shade {
    display: none
}
.ci-v9 .journey-vehicle-cover .deal-cover-head {
    z-index: 4;
    top: 18px;
    right: 18px;
    left: 18px
}
.ci-v9 .journey-vehicle-cover .deal-cover-head>span {
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 999px;
    color: #fff;
    background: rgba(9,17,24,.76);
    box-shadow: 0 8px 22px rgba(0,0,0,.17);
    backdrop-filter: blur(10px);
    font-size: 12px
}
.ci-v9 .journey-vehicle-cover .deal-cover-head>strong {
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 999px;
    color: #fff;
    background: rgba(9,17,24,.76);
    box-shadow: 0 8px 22px rgba(0,0,0,.17);
    backdrop-filter: blur(10px);
    font-size: 12px
}
.ci-v9 .journey-vehicle-cover .deal-cover-copy {
    position: relative;
    z-index: 2;
    inset: auto;
    grid-row: 2;
    width: 100%;
    max-width: none;
    min-height: 170px;
    padding: 27px 210px 28px 30px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    column-gap: 28px;
    background: var(--journey-surface)
}
.ci-v9 .journey-vehicle-cover .deal-cover-copy>p {
    grid-column: 1;
    margin: 0 0 8px;
    color: var(--journey-muted);
    font-size: 13px;
    line-height: 1.45;
    letter-spacing: .04em
}
.ci-v9 .journey-vehicle-cover .deal-cover-copy h2 {
    grid-column: 1;
    margin: 0;
    max-width: none;
    color: var(--journey-ink);
    font-size: clamp(38px,5vw,68px);
    line-height: .98
}
.ci-v9 .journey-vehicle-cover .deal-cover-copy>div {
    grid-column: 2;
    grid-row: 1/3;
    min-width: 230px;
    padding: 18px 20px;
    border: 1px solid #ffd1d8;
    border-radius: 18px;
    background: #fff3f5
}
.ci-v9 .journey-vehicle-cover .deal-cover-copy>div span {
    color: #bb3047;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em
}
.ci-v9 .journey-vehicle-cover .deal-cover-copy>div strong {
    margin-top: 6px;
    color: #df1736;
    font-size: clamp(27px,3vw,39px)
}
.ci-v9 .journey-vehicle-cover .deal-cover-monogram {
    z-index: 1;
    right: 18px;
    bottom: 3px;
    color: rgba(239,35,63,.055);
    font-size: 170px;
    opacity: 1;
    pointer-events: none
}
.ci-v9 .journey-command-strip span {
    font-size: 12px;
    line-height: 1.35
}
.ci-v9 .journey-command-strip strong {
    font-size: 17px
}
.ci-v9 .deal-cancelled-premium {
    margin: 16px;
    border: 1px solid rgba(241,14,28,.2);
    border-radius: 16px;
    color: #ff6972;
    background: rgba(241,14,28,.07);
    min-height: 48px;
    padding: 14px 17px;
    font-size: 13px;
    line-height: 1.45
}
.ci-v9 .deal-vehicle-gallery {
    margin: 20px 0 28px;
    padding: 24px;
    border: 1px solid var(--journey-line);
    border-radius: 24px;
    background: var(--journey-surface)
}
.ci-v9 .deal-vehicle-gallery>header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px
}
.ci-v9 .deal-vehicle-gallery>header span {
    color: #ef233f;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase
}
.ci-v9 .deal-vehicle-gallery>header h3 {
    margin: 5px 0 0;
    color: var(--journey-ink);
    font-size: 29px;
    letter-spacing: -.045em
}
.ci-v9 .deal-vehicle-gallery>header b {
    color: var(--journey-ink);
    font-size: 42px;
    letter-spacing: -.06em
}
.ci-v9 .deal-vehicle-gallery-rail {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(240px,30%);
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin
}
.ci-v9 .deal-vehicle-gallery-rail button {
    position: relative;
    aspect-ratio: 4/3;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 17px;
    background: #e8edf0;
    cursor: zoom-in;
    scroll-snap-align: start
}
.ci-v9 .deal-vehicle-gallery-rail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s ease
}
.ci-v9 .deal-vehicle-gallery-rail button:hover img {
    transform: scale(1.035)
}
.ci-v9 .deal-vehicle-gallery-rail span {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 7px 9px;
    border-radius: 8px;
    color: #fff;
    background: rgba(10,18,25,.76);
    font-size: 12px;
    font-weight: 850;
    backdrop-filter: blur(8px)
}
.ci-v9 .deal-vehicle-gallery>p {
    margin: 13px 0 0;
    color: var(--journey-muted);
    font-size: 13px;
    line-height: 1.5
}
.ci-v9 .journey-now {
    background: #101922
}
.ci-v9 .journey-now-visual {
    background-image: var(--journey-image);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}
.ci-v9 .journey-now-visual::after {
    display: none
}
.ci-v9 .journey-now-copy>span {
    font-size: 13px
}
.ci-v9 .journey-now-copy p {
    font-size: 16px
}
.ci-v9 .journey-now-copy>div small {
    font-size: 12px
}
.ci-v9 .client-journey-timeline {
    overflow: hidden
}
.ci-v9 .client-journey-timeline>header p {
    font-size: 14px
}
.ci-v9 .client-journey-grid {
    position: relative;
    grid-template-columns: 1fr;
    gap: 15px;
    padding-left: 9px
}
.ci-v9 .client-journey-grid::before {
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 53px;
    width: 2px;
    border-radius: 2px;
    background: linear-gradient(#1ab873 0 18%,#ef233f 18% 35%,#dbe3e8 35%);
    content: ""
}
.ci-v9 .client-journey-step {
    overflow: visible;
    margin-left: 0;
    border-radius: 22px;
    background: var(--journey-soft);
    transform-origin: center left
}
.ci-v9 .client-journey-step.journey-motion-ready {
    opacity: 0;
    transform: translate3d(0,28px,0) scale(.985)
}
.ci-v9 .client-journey-step.journey-motion-ready.is-visible {
    opacity: 1;
    transform: none;
    transition: opacity .55s ease var(--journey-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--journey-delay,0ms),border-color .25s,box-shadow .25s
}
.ci-v9 .client-journey-step.active {
    border-color: #f21f4380;
    box-shadow: 0 17px 45px rgba(242,31,67,.13)
}
.ci-v9 .client-stage-index {
    position: relative;
    z-index: 1;
    align-items: center;
    gap: 8px
}
.ci-v9 .client-stage-index>span {
    min-width: 40px;
    padding: 6px 7px;
    border: 1px solid var(--journey-line);
    border-radius: 999px;
    color: #74838e;
    text-align: center;
    background: var(--journey-surface);
    font-size: 12px
}
.ci-v9 .client-stage-index>i>b svg {
    width: 13px;
    height: 13px
}
.ci-v9 .client-stage-heading small {
    font-size: 12px;
    line-height: 1.4
}
.ci-v9 .client-stage-heading h4 {
    margin: 7px 0 13px;
    font-size: 21px;
    line-height: 1.2
}
.ci-v9 .client-stage-heading b {
    padding: 8px 11px;
    font-size: 12px
}
.ci-v9 .client-stage-heading time {
    font-size: 12px
}
.ci-v9 .client-stage-content {
    padding: 0 24px 24px 120px
}
.ci-v9 .client-stage-content>p {
    font-size: 14px;
    line-height: 1.7
}
.ci-v9 .client-stage-media-empty {
    margin-top: 16px;
    padding: 13px 15px;
    border: 1px dashed #cbd6de;
    border-radius: 12px;
    color: var(--journey-muted);
    font-size: 12px;
    line-height: 1.5;
    background: var(--journey-soft)
}
.ci-v9 .client-stage-media-strip {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    gap: 9px
}
.ci-v9 .client-stage-media-strip :is(img,video) {
    width: 100%;
    aspect-ratio: 16/10;
    display: block;
    object-fit: cover;
    border-radius: 12px;
    background: #0b1218
}
.ci-v9 .client-stage-content footer :is(span,b) {
    font-size: 12px
}
.ci-v9 .journey-report-card>div>span b {
    overflow: hidden;
    color: #ef233f;
    font-size: 12px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap
}
.ci-v9 .journey-report-card>div>span small {
    font-size: 12px
}
.ci-v9 .journey-report-card h4 {
    font-size: 18px
}
.ci-v9 .journey-report-card p {
    font-size: 13px;
    line-height: 1.6
}
.ci-v9 .report-vault-empty p {
    font-size: 14px
}
.ci-v9 .deal-section-title span {
    font-weight: 800;
    font-size: 12px
}
.ci-v9 .deal-section-title small {
    color: #65707d;
    text-align: right;
    font-size: 13px;
    line-height: 1.5
}
.ci-v9 .document-register-item>svg {
    width: 27px;
    height: 27px;
    color: #ef233f
}
.ci-v9 .document-register-item small {
    color: var(--journey-muted);
    font-size: 12px;
    line-height: 1.45
}
.ci-v9 .document-register-item.active em {
    color: #fff;
    background: #ef233f
}
.ci-v9 .document-register-item.done em {
    color: #08784a;
    background: #dff7ec
}
.ci-v9 .deal-security-note span {
    font-size: 13px;
    line-height: 1.55
}
.ci-v9 .deal-tracking-map-card>header p {
    font-size: 13px;
    line-height: 1.65
}
.ci-v9 .deal-map-current small {
    color: #aab6bd;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 12px
}
.ci-v9 .deal-map-stops small {
    font-size: 12px
}
.ci-v9 .deal-tracking-map-card>footer small {
    font-size: 12px
}
.ci-v9 .deal-map-current strong {
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px
}
.ci-v9 .deal-map-stops strong {
    font-size: 13px
}
.ci-v9 .deal-tracking-map-card>footer strong {
    font-size: 13px
}
html[data-theme="dark"] body.ci-v9 .journey-dossier {
    --journey-surface: #111a22;
    --journey-soft: #17222b;
    --journey-ink: #f4f7f9;
    --journey-muted: #a5b2bb;
    --journey-line: #33414c
}
html[data-theme="dark"] body.ci-v9 .journey-vehicle-cover .deal-cover-copy {
    background: #111a22
}
html[data-theme="dark"] body.ci-v9 .journey-vehicle-cover .deal-cover-copy>div {
    border-color: #5b2b35;
    background: #25171d
}
html[data-theme="dark"] body.ci-v9 .journey-vehicle-cover .deal-cover-copy>div strong {
    color: #ff4862
}
html[data-theme="dark"] body.ci-v9 .client-journey-step {
    color: var(--journey-ink);
    background: var(--journey-soft)
}
html[data-theme="dark"] body.ci-v9 .client-stage-index>i {
    border-color: #51303a;
    background: #24171d
}
html[data-theme="dark"] body.ci-v9 .client-stage-media-empty {
    border-color: #3a4853;
    background: #111a22
}
html[data-theme="dark"] body.ci-v9 .document-register-item em {
    color: #b6c1c9;
    background: #25323c
}
@media (max-width:899px) {
    .ci-v9 .journey-vehicle-cover {
        grid-template-rows: minmax(310px,72vw) auto
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-copy {
        padding: 22px 24px;
        grid-template-columns: 1fr;
        gap: 18px
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-copy>div {
        grid-column: 1;
        grid-row: auto;
        min-width: 0
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-monogram {
        display: none
    }
    .ci-v9 .deal-vehicle-gallery {
        padding: 18px
    }
    .ci-v9 .deal-vehicle-gallery-rail {
        grid-auto-columns: minmax(220px,70%)
    }
    .ci-v9 .document-grid-premium {
        grid-template-columns: 1fr
    }
}
@media (max-width:560px) {
    .ci-v9 .journey-vehicle-cover {
        border-radius: 22px;
        grid-template-rows: minmax(260px,72vw) auto
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-head {
        top: 11px;
        right: 11px;
        left: 11px;
        gap: 6px
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-head>span {
        padding: 7px 8px;
        font-size: 12px
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-head>strong {
        padding: 7px 8px;
        font-size: 12px
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-copy h2 {
        font-size: 34px
    }
    .ci-v9 .journey-vehicle-cover .deal-cover-copy>p {
        font-size: 12px
    }
    .ci-v9 .journey-command-strip>div {
        min-height: 102px;
        padding: 16px
    }
    .ci-v9 .journey-command-strip span {
        font-size: 12px
    }
    .ci-v9 .journey-command-strip strong {
        font-size: 13px
    }
    .ci-v9 .deal-vehicle-gallery-rail {
        grid-auto-columns: 82%
    }
    .ci-v9 .client-journey-timeline {
        padding: 24px 14px
    }
    .ci-v9 .client-journey-grid {
        padding-left: 0
    }
    .ci-v9 .client-journey-grid::before {
        left: 37px
    }
    .ci-v9 .client-journey-step summary {
        min-height: 126px;
        padding: 16px 13px;
        grid-template-columns: 56px minmax(0,1fr);
        gap: 12px
    }
    .ci-v9 .client-stage-index>i {
        width: 54px;
        height: 54px;
        border-radius: 16px
    }
    .ci-v9 .client-stage-index>span {
        font-size: 12px
    }
    .ci-v9 .client-stage-heading small {
        font-size: 12px
    }
    .ci-v9 .client-stage-heading h4 {
        font-size: 17px
    }
    .ci-v9 .client-stage-heading>div {
        grid-template-columns: auto minmax(0,1fr) 17px;
        gap: 7px
    }
    .ci-v9 .client-stage-heading time {
        font-size: 12px
    }
    .ci-v9 .client-stage-content {
        padding: 0 14px 18px 81px
    }
    .ci-v9 .client-stage-content>p {
        font-size: 13px
    }
    .ci-v9 .client-stage-media-strip {
        grid-template-columns: 1fr
    }
    .ci-v9 .deal-documents-premium {
        padding: 20px 14px
    }
    .ci-v9 .document-register-item {
        grid-template-columns: 34px minmax(0,1fr) 18px
    }
}
@media (prefers-reduced-motion:reduce) {
    .ci-v9 .client-journey-step {
        transition: none;
        animation: none
    }
}
.ci-v9 .deal-route-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: flex-start
}
.ci-v9 .deal-route-quality {
    min-height: 31px;
    padding: 8px 11px;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    border: 1px solid #dce4e8;
    border-radius: 999px;
    color: #62727d;
    background: #f6f8f9;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .035em;
    text-transform: uppercase
}
.ci-v9 .deal-route-quality i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #a7b3bb;
    box-shadow: 0 0 0 4px rgba(167,179,187,.13)
}
.ci-v9 .deal-route-quality.is-loading i {
    animation: route-pulse 1.15s ease-in-out infinite
}
.ci-v9 .deal-route-quality.is-road {
    border-color: #bce9d5;
    color: #087749;
    background: #eafaf3
}
.ci-v9 .deal-route-quality.is-road i {
    background: #15ad70;
    box-shadow: 0 0 0 4px rgba(21,173,112,.14)
}
.ci-v9 .deal-route-quality.is-fallback {
    border-color: #f4d697;
    color: #79550b;
    background: #fff8e8
}
.ci-v9 .deal-route-quality.is-fallback i {
    background: #e5a723;
    box-shadow: 0 0 0 4px rgba(229,167,35,.14)
}
.ci-v9 .deal-map-shell {
    isolation: isolate;
    display: grid;
    overflow: hidden;
    border-block: 1px solid #dbe2e7;
    background: #e8edf0;
    grid-template-rows: auto minmax(500px,62vh) auto;
    position: relative
}
.ci-v9 .deal-leaflet-map.is-route-loading::after {
    content: 'Прокладываем персональный маршрут по дорогам';
    position: absolute;
    z-index: 650;
    left: 50%;
    top: 50%;
    min-width: min(310px,calc(100% - 42px));
    padding: 13px 18px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 999px;
    color: #15222b;
    text-align: center;
    background: rgba(255,255,255,.9);
    box-shadow: 0 16px 45px rgba(20,32,45,.18);
    backdrop-filter: blur(16px);
    font-size: 12px;
    font-weight: 850;
    transform: translate(-50%,-50%)
}
.ci-v9 .deal-map-route-meta {
    position: relative;
    z-index: 3;
    margin: -1px 16px 14px;
    padding: 13px 15px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 18px;
    align-items: center;
    border: 1px solid #dfe6ea;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(18,30,42,.08)
}
.ci-v9 .deal-map-route-meta>div {
    min-width: 0;
    display: flex;
    gap: 10px;
    align-items: center
}
.ci-v9 .deal-map-route-meta>div:first-child>.journey-raster-icon {
    width: 54px;
    height: 48px;
    flex: 0 0 54px
}
.ci-v9 .deal-map-route-meta span {
    min-width: 0;
    display: grid;
    gap: 3px
}
.ci-v9 .deal-map-route-meta>div:not(:first-child) {
    padding-left: 17px;
    display: grid;
    gap: 3px;
    border-left: 1px solid #e5eaed
}
.ci-v9 .deal-map-route-meta small {
    color: #84919a;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase
}
.ci-v9 .deal-map-route-meta strong {
    overflow: hidden;
    color: #15222b;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.ci-v9 .journey-raster-icon {
    width: 100%;
    height: 100%;
    display: block;
    background-image: url('/assets/cabinet/journey-icons-flat-v1.png');
    aspect-ratio: 9/8;
    background-size: 400% 300%;
    background-position: var(--journey-icon-position);
    background-repeat: no-repeat
}
.ci-v9 .journey-now-copy>i {
    border-color: #ffbac5;
    background: #fff1f3;
    width: 104px;
    height: 92px;
    padding: 8px;
    border-radius: 22px
}
.ci-v9 .client-journey-step summary {
    min-height: 132px;
    padding: 20px 24px;
    align-items: center;
    grid-template-columns: 102px minmax(0,1fr);
    gap: 24px
}
.ci-v9 .client-stage-index>i {
    position: relative;
    border: 1px solid #ffcbd3;
    background: #fff5f6;
    box-shadow: 0 10px 30px rgba(18,32,45,.09);
    width: 92px;
    height: 82px;
    padding: 8px;
    border-radius: 21px
}
.ci-v9 .client-stage-index>i>.journey-raster-icon {
    width: 100%;
    height: 100%
}
.ci-v9 .client-stage-index>i>b {
    position: absolute;
    display: grid;
    place-items: center;
    border: 3px solid var(--journey-surface);
    border-radius: 50%;
    color: #fff;
    background: #18b978;
    right: -4px;
    bottom: -4px;
    width: 27px;
    height: 27px
}
.ci-v9 .deal-documents-premium {
    margin-top: 28px;
    padding: 28px;
    border-radius: 24px
}
.ci-v9 .deal-documents-premium .deal-section-title {
    margin-bottom: 18px;
    display: grid;
    gap: 5px
}
.ci-v9 .deal-documents-premium .deal-section-title>span {
    color: #17242d;
    font-size: 25px;
    font-weight: 850
}
.ci-v9 .deal-documents-premium .deal-section-title>small {
    max-width: 780px;
    color: #71808a;
    font-size: 12px;
    line-height: 1.55
}
.ci-v9 .document-grid-premium {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}
.ci-v9 .document-register-item {
    display: grid;
    align-items: start;
    border: 1px solid var(--journey-line);
    min-height: 190px;
    padding: 17px;
    grid-template-columns: 74px minmax(0,1fr) 26px;
    gap: 14px;
    border-radius: 18px;
    background: #f7f9fa
}
.ci-v9 .document-register-icon {
    width: 74px;
    height: 66px;
    padding: 6px;
    border: 1px solid #ffd0d7;
    border-radius: 17px;
    background: #fff3f5
}
.ci-v9 .document-register-icon .journey-raster-icon {
    width: 100%;
    height: 100%
}
.ci-v9 .document-register-item>span {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 5px
}
.ci-v9 .document-register-item .document-owner {
    color: #ef233f;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase
}
.ci-v9 .document-register-item strong {
    color: var(--journey-ink);
    font-size: 15px;
    line-height: 1.35
}
.ci-v9 .document-register-item p {
    margin: 0;
    color: #71808a;
    font-size: 12px;
    line-height: 1.5
}
.ci-v9 .document-register-item .document-result {
    color: #52636e;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.45
}
.ci-v9 .document-register-item em {
    width: max-content;
    max-width: 100%;
    padding: 6px 8px;
    border-radius: 7px;
    color: #697985;
    background: #e7ecef;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
    text-transform: uppercase;
    margin-top: 3px
}
.ci-v9 .document-register-item>i {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #84919a;
    background: #e5eaed
}
.ci-v9 .document-register-item>i svg {
    color: #8a98a2;
    width: 14px;
    height: 14px
}
.ci-v9 .document-register-item.done {
    border-color: #bfe9d5;
    background: #f2fbf7
}
.ci-v9 .document-register-item.done>i {
    color: #fff;
    background: #15ad70
}
.ci-v9 .document-register-item.active {
    border-color: #ffb9c5;
    background: #fff6f7;
    box-shadow: 0 12px 32px rgba(239,35,63,.08)
}
.ci-v9 .document-register-item.active>i {
    color: #fff;
    background: #ef233f
}
.ci-v9 .document-register-item.issue {
    border-color: #f2d38d;
    background: #fff9ea
}
html[data-theme="dark"] body.ci-v9 .deal-route-quality {
    border-color: #35434d;
    color: #b8c2c9;
    background: #17222b
}
html[data-theme="dark"] body.ci-v9 .deal-route-quality.is-road {
    border-color: #255b46;
    color: #8fe0bb;
    background: #102a22
}
html[data-theme="dark"] body.ci-v9 .deal-map-route-meta {
    border-color: #35434d;
    background: #111a22;
    color: #edf2f5
}
html[data-theme="dark"] body.ci-v9 .document-register-icon {
    border-color: #51303a;
    background: #24171d
}
html[data-theme="dark"] body.ci-v9 .document-register-item {
    border-color: #35434d;
    background: #17222b
}
@media (max-width:899px) {
    .ci-v9 .deal-tracking-map-card>header {
        align-items: start;
        padding: 18px;
        display: grid
    }
    .ci-v9 .deal-route-badges {
        justify-content: flex-start
    }
    .ci-v9 .deal-map-route-meta {
        grid-template-columns: 1fr 1fr;
        margin-inline: 10px;
        gap: 10px
    }
    .ci-v9 .deal-map-route-meta>div:first-child {
        grid-column: 1/-1
    }
    .ci-v9 .deal-map-route-meta>div:not(:first-child) {
        padding: 9px 0 0;
        border-left: 0;
        border-top: 1px solid #e5eaed
    }
}
@media (max-width:620px) {
    .ci-v9 .journey-now-copy>i {
        width: 88px;
        height: 78px
    }
    .ci-v9 .client-journey-step summary {
        grid-template-columns: 74px minmax(0,1fr);
        gap: 13px
    }
    .ci-v9 .client-stage-index>i {
        width: 70px;
        height: 62px;
        padding: 6px
    }
    .ci-v9 .document-grid-premium {
        grid-template-columns: 1fr
    }
    .ci-v9 .document-register-item {
        grid-template-columns: 64px minmax(0,1fr) 23px
    }
    .ci-v9 .document-register-icon {
        width: 64px;
        height: 57px
    }
}
@media (prefers-reduced-motion:reduce) {
    .ci-v9 .deal-route-quality.is-loading i {
        animation: none
    }
}
@media (min-width:900px) {
    .ci-v9 .about-view {
        padding-top: 78px
    }
    .ci-v9 .about-view.globe-about-view {
        padding-top: 0
    }
    body.ci-v9.globe-page #app {
        padding: 0
    }
    body.ci-v9.globe-page .desktop-market-subbar {
        transition: none
    }
    body.ci-v9.globe-page .desktop-theme-switch__icons {
        position: relative;
        overflow: hidden
    }
    body.ci-v9.globe-page .desktop-theme-switch__icons .ci-icon {
        position: absolute;
        inset: 0;
        margin: auto
    }
}
.commerce-view {
    --cv-card: var(--commerce-card);
    width: min(1480px,calc(100% - 32px));
    margin: 0 auto;
    color: var(--commerce-ink)
}
.commerce-view button {
    font: inherit
}
.commerce-view input {
    font: inherit
}
.commerce-view select {
    font: inherit
}
.commerce-view textarea {
    font: inherit
}
.commerce-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: var(--commerce-muted);
    font-size: 12px
}
.commerce-breadcrumbs span {
    padding: 0;
    border: 0;
    color: inherit;
    background: none;
    font-weight: 750
}
.commerce-breadcrumbs button {
    padding: 0;
    border: 0;
    color: inherit;
    background: none;
    font-weight: 750;
    cursor: pointer
}
.commerce-breadcrumbs button:hover {
    color: var(--commerce-red)
}
.commerce-breadcrumbs i {
    opacity: .5;
    font-style: normal
}
.commerce-root-hero {
    position: relative;
    min-height: 570px;
    display: grid;
    grid-template-columns: minmax(0,1.06fr) minmax(420px,.94fr);
    align-items: center;
    overflow: hidden;
    padding: 72px;
    border: 1px solid var(--commerce-line);
    border-radius: 36px;
    background: radial-gradient(circle at 75% 48%,rgba(237,16,41,.17),transparent 31%),linear-gradient(145deg,#080d12,#111923 62%,#080d12);
    box-shadow: 0 34px 110px rgba(0,0,0,.24);
    color: #fff
}
.commerce-root-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(90deg,#000,transparent 82%)
}
.commerce-root-copy {
    position: relative;
    z-index: 2;
    max-width: 700px
}
.commerce-root-copy>span {
    color: var(--commerce-red-2);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em
}
.commerce-brand-directory header>div>span {
    color: var(--commerce-red-2);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em
}
.commerce-root-process header>span {
    color: var(--commerce-red-2);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em
}
.commerce-faq header>span {
    color: var(--commerce-red-2);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em
}
.commerce-city-section header>span {
    color: var(--commerce-red-2);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em
}
.commerce-local-content header>span {
    color: var(--commerce-red-2);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .16em
}
.commerce-root-copy h1 {
    max-width: 760px;
    margin: 22px 0 20px;
    font: 900 clamp(48px,5.1vw,86px)/.94 Inter,sans-serif;
    letter-spacing: -.065em;
    white-space: pre-line
}
.commerce-root-copy p {
    max-width: 640px;
    margin: 0;
    color: #b6c1ca;
    font-size: 17px;
    line-height: 1.65
}
.commerce-root-copy>a {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 34px;
    padding: 18px 22px;
    border-radius: 14px;
    color: #fff;
    background: var(--commerce-red);
    box-shadow: 0 15px 36px rgba(237,16,41,.28);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none
}
.commerce-detail-copy>a {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 34px;
    padding: 18px 22px;
    border-radius: 14px;
    color: #fff;
    background: var(--commerce-red);
    box-shadow: 0 15px 36px rgba(237,16,41,.28);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none
}
.commerce-root-copy>a b {
    font-size: 18px
}
.commerce-detail-copy>a b {
    font-size: 18px
}
.commerce-root-proof {
    position: relative;
    z-index: 1;
    width: min(480px,100%);
    justify-self: end;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 24px;
    background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    box-shadow: 0 26px 70px rgba(0,0,0,.28);
    backdrop-filter: blur(12px)
}
.commerce-root-proof>span {
    color: #ff5365;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .13em
}
.commerce-root-proof>strong {
    display: block;
    max-width: 390px;
    margin: 10px 0 22px;
    color: #fff;
    font-size: 28px;
    line-height: 1.08;
    letter-spacing: -.04em
}
.commerce-root-proof>div {
    display: grid;
    gap: 8px
}
.commerce-root-proof p {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 2px 10px;
    margin: 0;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 13px;
    background: rgba(3,7,10,.42)
}
.commerce-root-proof p b {
    grid-row: 1/3;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    color: #fff;
    background: #e9132d;
    font-size: 12px
}
.commerce-root-proof p em {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 800
}
.commerce-root-proof p small {
    color: #8f9ca7;
    font-size: 12px;
    line-height: 1.4
}
.commerce-root-proof footer {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 14px;
    color: #b7c3cc;
    font-size: 12px;
    line-height: 1.45
}
.commerce-root-proof footer i {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #08130e;
    background: #55e6a1;
    font-style: normal;
    font-weight: 900
}
.commerce-root-stats {
    position: absolute;
    right: 60px;
    bottom: 34px;
    left: 72px;
    z-index: 2;
    display: flex;
    gap: 44px
}
.commerce-root-stats span {
    display: flex;
    align-items: baseline;
    gap: 8px
}
.commerce-root-stats strong {
    font-size: 25px
}
.commerce-root-stats small {
    color: #8997a2;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em
}
.commerce-brand-directory {
    margin-top: 28px;
    padding: 46px;
    border: 1px solid var(--commerce-line);
    border-radius: 30px;
    background: var(--cv-card);
    box-shadow: var(--commerce-shadow)
}
.commerce-root-process {
    margin-top: 28px;
    padding: 46px;
    border: 1px solid var(--commerce-line);
    border-radius: 30px;
    background: var(--cv-card);
    box-shadow: var(--commerce-shadow)
}
.commerce-faq {
    margin-top: 28px;
    padding: 46px;
    border: 1px solid var(--commerce-line);
    border-radius: 30px;
    background: var(--cv-card);
    box-shadow: var(--commerce-shadow)
}
.commerce-city-section {
    margin-top: 28px;
    padding: 46px;
    border: 1px solid var(--commerce-line);
    border-radius: 30px;
    background: var(--cv-card);
    box-shadow: var(--commerce-shadow)
}
.commerce-local-content {
    margin-top: 28px;
    padding: 46px;
    border: 1px solid var(--commerce-line);
    border-radius: 30px;
    background: var(--cv-card);
    box-shadow: var(--commerce-shadow)
}
.commerce-brand-directory>header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px
}
.commerce-brand-directory h2 {
    margin: 8px 0 0;
    font: 850 clamp(30px,3vw,48px)/1 Inter,sans-serif;
    letter-spacing: -.045em
}
.commerce-root-process h2 {
    margin: 8px 0 0;
    font: 850 clamp(30px,3vw,48px)/1 Inter,sans-serif;
    letter-spacing: -.045em
}
.commerce-faq h2 {
    margin: 8px 0 0;
    font: 850 clamp(30px,3vw,48px)/1 Inter,sans-serif;
    letter-spacing: -.045em
}
.commerce-city-section h2 {
    margin: 8px 0 0;
    font: 850 clamp(30px,3vw,48px)/1 Inter,sans-serif;
    letter-spacing: -.045em
}
.commerce-local-content h2 {
    margin: 8px 0 0;
    font: 850 clamp(30px,3vw,48px)/1 Inter,sans-serif;
    letter-spacing: -.045em
}
.commerce-brand-directory header p {
    max-width: 680px;
    margin: 12px 0 0;
    color: var(--commerce-muted);
    line-height: 1.55
}
.commerce-city-section header p {
    max-width: 680px;
    margin: 12px 0 0;
    color: var(--commerce-muted);
    line-height: 1.55
}
.commerce-local-content header p {
    max-width: 680px;
    margin: 12px 0 0;
    color: var(--commerce-muted);
    line-height: 1.55
}
.commerce-brand-directory header label {
    width: min(360px,100%);
    display: grid;
    gap: 7px;
    color: var(--commerce-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em
}
.commerce-brand-directory header input {
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--commerce-line);
    border-radius: 12px;
    outline: 0;
    color: var(--commerce-ink);
    background: var(--commerce-soft);
    font-size: 14px;
    text-transform: none;
    letter-spacing: 0
}
.commerce-brand-directory header input:focus {
    border-color: rgba(237,16,41,.55);
    box-shadow: 0 0 0 4px rgba(237,16,41,.08)
}
.commerce-brand-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 10px
}
.commerce-brand-card {
    min-height: 112px;
    display: grid;
    grid-template-columns: 54px minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--commerce-line);
    border-radius: 16px;
    color: var(--commerce-ink);
    background: var(--commerce-soft);
    text-decoration: none;
    transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.commerce-brand-card:hover {
    z-index: 2;
    transform: translateY(-3px);
    border-color: rgba(237,16,41,.32);
    box-shadow: 0 16px 34px rgba(20,34,43,.11)
}
.commerce-brand-card[hidden] {
    display: none
}
.commerce-brand-logo {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--commerce-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: inset 0 0 18px rgba(22,30,36,.05)
}
.commerce-brand-logo img {
    width: 72%;
    height: 72%;
    object-fit: contain;
    filter: contrast(1.05)
}
.commerce-brand-card>span:nth-child(2) {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px
}
.commerce-brand-card small {
    overflow: hidden;
    color: var(--commerce-muted);
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .07em
}
.commerce-brand-card strong {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.commerce-brand-card em {
    color: var(--commerce-red);
    font-size: 12px;
    font-style: normal;
    font-weight: 800
}
.commerce-brand-card>b {
    color: var(--commerce-red);
    font-size: 15px
}
.commerce-empty-search {
    padding: 34px;
    text-align: center;
    color: var(--commerce-muted)
}
.commerce-root-process>header {
    margin-bottom: 28px
}
.commerce-faq>header {
    margin-bottom: 28px
}
.commerce-root-process>div {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px
}
.commerce-root-process article {
    min-height: 190px;
    padding: 24px;
    border: 1px solid var(--commerce-line);
    border-radius: 18px;
    background: var(--commerce-soft)
}
.commerce-local-content article {
    min-height: 190px;
    padding: 24px;
    border: 1px solid var(--commerce-line);
    border-radius: 18px;
    background: var(--commerce-soft)
}
.commerce-root-process article>b {
    color: var(--commerce-red);
    font-size: 12px
}
.commerce-local-content article>b {
    color: var(--commerce-red);
    font-size: 12px
}
.commerce-root-process h3 {
    margin: 44px 0 8px;
    font-size: 17px
}
.commerce-local-content h3 {
    margin: 44px 0 8px;
    font-size: 17px
}
.commerce-root-process p {
    margin: 0;
    color: var(--commerce-muted);
    font-size: 13px;
    line-height: 1.55
}
.commerce-local-content article p {
    margin: 0;
    color: var(--commerce-muted);
    font-size: 13px;
    line-height: 1.55
}
.commerce-faq>div {
    display: grid;
    gap: 8px
}
.commerce-faq details {
    border: 1px solid var(--commerce-line);
    border-radius: 15px;
    background: var(--commerce-soft)
}
.commerce-faq summary {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 20px;
    cursor: pointer;
    font-weight: 800;
    list-style: none
}
.commerce-faq summary::-webkit-details-marker {
    display: none
}
.commerce-faq summary b {
    color: var(--commerce-red);
    font-size: 20px;
    transition: .2s
}
.commerce-faq details[open] summary b {
    transform: rotate(45deg)
}
.commerce-faq details p {
    margin: 0;
    padding: 0 20px 20px;
    color: var(--commerce-muted);
    font-size: 13px;
    line-height: 1.6
}
.commerce-detail-hero {
    min-height: 520px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 380px;
    gap: 28px;
    padding: 58px;
    border-radius: 32px;
    color: #fff;
    background: radial-gradient(circle at 78% 20%,rgba(237,16,41,.23),transparent 26%),linear-gradient(135deg,#080d12,#121b25);
    box-shadow: 0 32px 95px rgba(0,0,0,.24)
}
.commerce-detail-copy>span {
    color: #ff3a4f;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em
}
.commerce-detail-brand {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 25px 0
}
.commerce-brand-logo.large {
    width: 76px;
    height: 76px;
    border-radius: 20px
}
.commerce-detail-brand p {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 850
}
.commerce-detail-brand small {
    max-width: 500px;
    color: #91a0aa;
    font-size: 12px;
    font-weight: 650
}
.commerce-detail-copy h1 {
    max-width: 850px;
    margin: 0;
    font: 900 clamp(48px,5vw,82px)/.93 Inter,sans-serif;
    letter-spacing: -.065em
}
.commerce-detail-copy>p {
    max-width: 720px;
    margin: 24px 0 0;
    color: #b4c0c8;
    font-size: 16px;
    line-height: 1.65
}
.commerce-detail-hero>aside {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    background: rgba(4,8,11,.42);
    backdrop-filter: blur(16px)
}
.commerce-detail-hero>aside>small {
    color: #ff3347;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .13em
}
.commerce-detail-hero>aside>strong {
    margin: 12px 0;
    font-size: 23px;
    line-height: 1.15
}
.commerce-detail-hero>aside>p {
    flex: 1;
    margin: 0 0 24px;
    color: #98a6b0;
    font-size: 12px;
    line-height: 1.65
}
.commerce-detail-hero>aside>div {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,.1);
    font-size: 12px
}
.commerce-detail-hero>aside>div span {
    color: #8997a2
}
.commerce-city-section>header {
    margin-bottom: 25px
}
.commerce-city-section>div {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px
}
.commerce-city-card {
    min-height: 126px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid var(--commerce-line);
    border-radius: 17px;
    color: var(--commerce-ink);
    background: var(--commerce-soft);
    text-decoration: none;
    transition: .2s ease
}
.commerce-city-card:hover {
    border-color: rgba(237,16,41,.38);
    background: linear-gradient(145deg,rgba(237,16,41,.08),var(--commerce-soft));
    transform: translateY(-2px)
}
.commerce-city-card.active {
    border-color: rgba(237,16,41,.38);
    background: linear-gradient(145deg,rgba(237,16,41,.08),var(--commerce-soft));
    transform: translateY(-2px)
}
.commerce-city-card span {
    font-size: 17px;
    font-weight: 850
}
.commerce-city-card small {
    flex: 1;
    margin-top: 6px;
    color: var(--commerce-muted);
    font-size: 12px
}
.commerce-city-card b {
    margin-top: 18px;
    color: var(--commerce-red);
    font-size: 12px
}
.commerce-form-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 300px;
    align-items: start;
    gap: 18px;
    margin-top: 28px
}
.commerce-form {
    display: grid;
    gap: 16px
}
.commerce-form-section {
    padding: 32px;
    border: 1px solid var(--commerce-line);
    border-radius: 24px;
    background: var(--cv-card);
    box-shadow: var(--commerce-shadow)
}
.commerce-form-section>header {
    display: grid;
    grid-template-columns: 50px minmax(0,1fr);
    gap: 18px;
    margin-bottom: 26px
}
.commerce-form-section>header>b {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: var(--commerce-red);
    font-size: 12px
}
.commerce-form-section>header span {
    color: var(--commerce-red);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em
}
.commerce-form-section>header h2 {
    margin: 4px 0;
    font-size: 28px;
    letter-spacing: -.035em
}
.commerce-form-section>header p {
    margin: 0;
    color: var(--commerce-muted);
    font-size: 12px;
    line-height: 1.5
}
.commerce-fields {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}
.commerce-fields label {
    display: grid;
    gap: 7px;
    color: var(--commerce-muted);
    font-size: 12px;
    font-weight: 800
}
.commerce-fields input {
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 14px;
    border: 1px solid var(--commerce-line);
    border-radius: 12px;
    outline: 0;
    color: var(--commerce-ink);
    background: var(--commerce-soft);
    font-size: 13px;
    font-weight: 650
}
.commerce-fields select {
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 14px;
    border: 1px solid var(--commerce-line);
    border-radius: 12px;
    outline: 0;
    color: var(--commerce-ink);
    background: var(--commerce-soft);
    font-size: 13px;
    font-weight: 650
}
.commerce-fields input:focus {
    border-color: rgba(237,16,41,.5);
    box-shadow: 0 0 0 4px rgba(237,16,41,.07)
}
.commerce-fields select:focus {
    border-color: rgba(237,16,41,.5);
    box-shadow: 0 0 0 4px rgba(237,16,41,.07)
}
.commerce-textarea textarea:focus {
    border-color: rgba(237,16,41,.5);
    box-shadow: 0 0 0 4px rgba(237,16,41,.07)
}
.commerce-textarea {
    display: grid;
    gap: 7px;
    color: var(--commerce-muted);
    font-size: 12px;
    font-weight: 800;
    margin-top: 14px
}
.commerce-textarea textarea {
    width: 100%;
    min-width: 0;
    padding: 0 14px;
    border: 1px solid var(--commerce-line);
    border-radius: 12px;
    outline: 0;
    color: var(--commerce-ink);
    background: var(--commerce-soft);
    font-size: 13px;
    font-weight: 650;
    height: 130px;
    padding-block: 13px;
    resize: vertical;
    line-height: 1.5
}
.condition-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px
}
.condition-grid label {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--commerce-line);
    border-radius: 12px;
    cursor: pointer;
    background: var(--commerce-soft);
    font-size: 12px;
    font-weight: 750
}
.credit-tradein-check {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--commerce-line);
    border-radius: 12px;
    cursor: pointer;
    background: var(--commerce-soft);
    font-size: 12px;
    font-weight: 750
}
.condition-grid input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}
.credit-tradein-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}
.commerce-consent input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}
.condition-grid i {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--commerce-line);
    border-radius: 6px;
    color: transparent;
    background: var(--cv-card);
    font-style: normal
}
.credit-tradein-check>i {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--commerce-line);
    border-radius: 6px;
    color: transparent;
    background: var(--cv-card);
    font-style: normal
}
.commerce-consent>i {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--commerce-line);
    border-radius: 6px;
    color: transparent;
    background: var(--cv-card);
    font-style: normal
}
.condition-grid input:checked+i {
    color: #fff;
    border-color: var(--commerce-red);
    background: var(--commerce-red)
}
.credit-tradein-check input:checked+i {
    color: #fff;
    border-color: var(--commerce-red);
    background: var(--commerce-red)
}
.commerce-consent input:checked+i {
    color: #fff;
    border-color: var(--commerce-red);
    background: var(--commerce-red)
}
.tradein-photo-guide {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 7px;
    margin-bottom: 13px
}
.tradein-photo-guide span {
    padding: 9px;
    border-radius: 9px;
    color: var(--commerce-muted);
    background: var(--commerce-soft);
    font-size: 12px;
    font-weight: 800;
    text-align: center
}
.commerce-photo-drop {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 26px;
    border: 1.5px dashed rgba(237,16,41,.38);
    border-radius: 18px;
    cursor: pointer;
    background: rgba(237,16,41,.035);
    text-align: center
}
.commerce-photo-drop input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}
.commerce-photo-drop>span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 11px;
    border-radius: 50%;
    color: #fff;
    background: var(--commerce-red);
    font-size: 25px
}
.commerce-photo-drop strong {
    font-size: 15px
}
.commerce-photo-drop small {
    margin-top: 5px;
    color: var(--commerce-muted);
    font-size: 12px
}
.commerce-photo-preview {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 7px;
    margin-top: 10px
}
.commerce-photo-preview>p {
    grid-column: 1/-1;
    margin: 0;
    padding: 14px;
    border-radius: 10px;
    color: var(--commerce-muted);
    background: var(--commerce-soft);
    font-size: 12px;
    text-align: center
}
.commerce-photo-preview article {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    border-radius: 10px;
    background: var(--commerce-soft)
}
.commerce-photo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.commerce-photo-preview span {
    position: absolute;
    right: 4px;
    bottom: 4px;
    left: 4px;
    padding: 3px;
    border-radius: 5px;
    color: #fff;
    background: rgba(0,0,0,.64);
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.commerce-favorites-empty {
    padding: 22px;
    border: 1px solid var(--commerce-line);
    border-radius: 15px;
    background: var(--commerce-soft)
}
.commerce-favorites-empty p {
    margin: 5px 0 13px;
    color: var(--commerce-muted);
    font-size: 12px
}
.commerce-favorites-empty button {
    padding: 9px 13px;
    border: 0;
    border-radius: 9px;
    color: #fff;
    background: var(--commerce-red);
    font-size: 12px;
    font-weight: 800
}
.commerce-favorite-rail {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px
}
.commerce-favorite-option {
    min-height: 76px;
    display: grid;
    grid-template-columns: 70px minmax(0,1fr) 24px;
    align-items: center;
    gap: 10px;
    padding: 7px;
    border: 1px solid var(--commerce-line);
    border-radius: 13px;
    color: var(--commerce-ink);
    background: var(--commerce-soft);
    text-align: left;
    cursor: pointer
}
.commerce-favorite-option.active {
    border-color: var(--commerce-red);
    box-shadow: 0 0 0 3px rgba(237,16,41,.08)
}
.commerce-favorite-option img {
    width: 70px;
    height: 60px;
    border-radius: 9px;
    object-fit: cover
}
.commerce-favorite-option span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}
.commerce-favorite-option strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}
.commerce-favorite-option small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--commerce-muted);
    font-size: 12px
}
.commerce-favorite-option>b {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: transparent;
    background: var(--cv-card);
    font-size: 12px
}
.commerce-favorite-option.active>b {
    color: #fff;
    background: var(--commerce-red)
}
.commerce-sticky-summary {
    position: sticky;
    top: 96px;
    padding: 26px;
    border: 1px solid var(--commerce-line);
    border-radius: 23px;
    color: var(--commerce-ink);
    background: var(--cv-card);
    box-shadow: var(--commerce-shadow)
}
.commerce-sticky-summary>span {
    color: var(--commerce-red);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .13em
}
.commerce-sticky-summary>.commerce-brand-logo {
    margin: 22px 0 13px
}
.commerce-sticky-summary h3 {
    margin: 0;
    font-size: 25px
}
.commerce-sticky-summary>p {
    margin: 4px 0 22px;
    color: var(--commerce-muted);
    font-size: 12px
}
.commerce-sticky-summary ol {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none
}
.commerce-sticky-summary li {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px;
    border-radius: 10px;
    background: var(--commerce-soft);
    font-size: 12px;
    font-weight: 750
}
.commerce-sticky-summary li b {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: var(--commerce-red);
    background: var(--cv-card)
}
.commerce-sticky-summary>div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--commerce-line)
}
.commerce-sticky-summary>div small {
    color: var(--commerce-muted);
    font-size: 12px;
    line-height: 1.4
}
.commerce-consent {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 22px;
    color: var(--commerce-muted);
    font-size: 12px;
    line-height: 1.45;
    cursor: pointer
}
.commerce-submit {
    width: 100%;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 10px;
    padding: 0 20px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(90deg,#df0e27,#fb1b35);
    box-shadow: 0 15px 30px rgba(237,16,41,.22);
    font-size: 12px;
    font-weight: 850;
    cursor: pointer
}
.commerce-submit b {
    font-size: 19px
}
.commerce-submit:disabled {
    cursor: wait;
    opacity: .65
}
.commerce-submit-note {
    margin: 10px 0 0;
    color: var(--commerce-muted);
    font-size: 12px;
    text-align: center
}
.credit-calculator-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 310px;
    gap: 18px
}
.credit-controls {
    display: grid;
    gap: 24px
}
.credit-controls>label:not(.credit-tradein-check) {
    display: grid;
    gap: 12px;
    color: var(--commerce-muted);
    font-size: 12px;
    font-weight: 800
}
.credit-controls>label>span {
    display: flex;
    justify-content: space-between;
    gap: 10px
}
.credit-controls>label>span b {
    color: var(--commerce-ink)
}
.credit-controls input[type="range"] {
    width: 100%;
    accent-color: var(--commerce-red)
}
.credit-controls>label>small {
    display: flex;
    justify-content: space-between;
    color: var(--commerce-muted);
    font-size: 12px
}
.credit-tradein-check span {
    display: flex;
    flex-direction: column;
    gap: 3px
}
.credit-tradein-check small {
    color: var(--commerce-muted);
    font-size: 12px
}
.credit-live-result {
    min-height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(145deg,#111923,#090d12)
}
.credit-live-result>small {
    color: #8998a3;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .1em
}
.credit-live-result>strong {
    margin-top: 12px;
    font-size: 38px;
    letter-spacing: -.05em
}
.credit-live-result>span {
    color: #8998a3;
    font-size: 12px
}
.credit-live-result>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 22px
}
.credit-live-result p {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 11px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(255,255,255,.04)
}
.credit-live-result p small {
    color: #82919c;
    font-size: 12px
}
.credit-live-result p b {
    font-size: 12px
}
.credit-live-result>em {
    margin-top: 15px;
    color: #6f7e89;
    font-size: 12px;
    font-style: normal
}
.commerce-local-content>div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    margin-top: 24px
}
.commerce-local-content article h3 {
    margin-top: 35px
}
.about-view.globe-about-view {
    max-width: none;
    width: 100%;
    margin: 0;
    padding-inline: 0;
    overflow-x: hidden
}
.company-globe-stage {
    position: relative;
    height: max(760px,calc(100svh - 72px));
    min-height: 760px;
    overflow: hidden;
    color: #fff;
    background: #000;
    isolation: isolate
}
.company-globe-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(90deg,rgba(0,0,0,.62) 0,transparent 22%,transparent 78%,rgba(0,0,0,.58) 100%),linear-gradient(180deg,rgba(0,0,0,.16),transparent 26%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.56))
}
.company-globe-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 55% 24% at 55% 13%,rgba(26,62,68,.22),transparent 70%),#000
}
.globe-vector-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none
}
.globe-vector-overlay.is-degraded {
    display: none
}
.globe-vector-active-fill {
    fill: rgba(102,0,13,.22);
    stroke: none
}
.globe-vector-country-lines {
    fill: none;
    stroke: rgba(215,222,226,.52);
    stroke-width: .62;
    stroke-linecap: round;
    stroke-linejoin: round
}
.globe-vector-active-lines {
    fill: none;
    stroke: rgba(255,45,67,.76);
    stroke-width: 1.05;
    stroke-linecap: round;
    stroke-linejoin: round
}
.globe-vector-spoke {
    fill: none;
    stroke: rgba(255,244,246,.62);
    stroke-width: .68;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .48;
    filter: drop-shadow(0 0 2px rgba(227,25,49,.30))
}
.globe-vector-main-route {
    fill: none;
    stroke: #fff8f9;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 2px rgba(255,255,255,.72)) drop-shadow(0 0 5px rgba(227,25,49,.70))
}
.globe-panel {
    position: absolute;
    z-index: 5;
    border: 1px solid rgba(188,202,213,.24);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(5,7,9,.93),rgba(8,11,14,.86));
    box-shadow: 0 22px 70px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.045);
    backdrop-filter: blur(13px)
}
.company-globe-stage.is-map-focused .globe-route-card {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none
}
.company-globe-stage.is-map-focused .globe-benefit-card {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none
}
.company-globe-stage.is-map-focused .globe-left-tools {
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none
}
.company-globe-stage.is-map-focused .globe-brand-seal {
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%,-10px);
    pointer-events: none
}
.globe-brand-seal {
    transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
    position: absolute;
    top: 22px;
    left: 50%;
    z-index: 6;
    width: 278px;
    display: grid;
    grid-template-columns: 54px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    transform: translateX(-50%);
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(135deg,rgba(8,11,14,.92),rgba(5,7,9,.74));
    box-shadow: 0 18px 50px rgba(0,0,0,.44);
    backdrop-filter: blur(13px)
}
.globe-brand-seal>img {
    width: 54px;
    height: 34px;
    object-fit: contain;
    filter: drop-shadow(0 0 10px rgba(237,26,47,.2))
}
.globe-brand-seal>span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px
}
.globe-brand-seal>span strong {
    font-size: 12px;
    letter-spacing: .08em
}
.globe-brand-seal>span small {
    color: #7f8d94;
    font-size: 12px;
    letter-spacing: .16em
}
.globe-brand-seal>em {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 8px;
    color: #b9d8c8;
    background: rgba(53,214,137,.08);
    font-size: 12px;
    font-style: normal;
    font-weight: 750;
    letter-spacing: .035em
}
.globe-brand-seal>em i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3bdd8c;
    box-shadow: 0 0 0 4px rgba(59,221,140,.11),0 0 10px rgba(59,221,140,.68)
}
.globe-route-card {
    transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
    top: 28px;
    left: clamp(28px,3vw,52px);
    width: min(402px,calc(100% - 56px));
    padding: 19px 20px 17px
}
.globe-route-kicker {
    display: block;
    margin-bottom: 8px;
    color: #55e7a1;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .11em;
    line-height: 1.3
}
.globe-route-card h1 {
    margin: 0;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: -.035em
}
.globe-road-distance {
    display: block;
    margin-top: 5px;
    color: #93a1a8;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase
}
.globe-route-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(65,222,148,.25);
    border-radius: 10px;
    background: linear-gradient(135deg,rgba(47,188,121,.16),rgba(24,83,59,.06))
}
.globe-route-badge b {
    color: #52e69f;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .055em
}
.globe-route-badge span {
    color: #b7c7bf;
    font-size: 12px;
    text-align: right
}
.company-globe-stage[data-globe-route="direct"] .globe-route-badge {
    border-color: rgba(255,255,255,.13);
    background: rgba(255,255,255,.035)
}
.company-globe-stage[data-globe-route="direct"] .globe-route-kicker {
    color: #ffb263
}
.company-globe-stage[data-globe-route="direct"] .globe-route-badge b {
    color: #ffb263
}
.globe-route-steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    margin: 13px 0;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 10px;
    background: rgba(255,255,255,.025)
}
.globe-route-steps span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #f5f7f8;
    font-size: 12px;
    font-weight: 750;
    text-align: center
}
.globe-route-steps .route-flag {
    position: relative;
    flex: 0 0 auto;
    width: 21px;
    height: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.23);
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,.3)
}
.globe-route-steps .flag-cn {
    background: #de2910
}
.globe-route-steps .flag-cn::after {
    content: "★";
    position: absolute;
    top: -2px;
    left: 2px;
    color: #ffde00;
    font-size: 12px
}
.globe-route-steps .flag-kz {
    background: #00afca
}
.globe-route-steps .flag-kz::after {
    content: "✹";
    position: absolute;
    inset: -2px 0 0;
    display: grid;
    place-items: center;
    color: #f5cf29;
    font-size: 12px
}
.globe-route-steps .flag-ru {
    background: linear-gradient(#fff 0 33.33%,#1c57a5 33.33% 66.66%,#d52b1e 66.66%)
}
.globe-route-steps i {
    color: #ed2037;
    font-size: 14px;
    font-style: normal
}
.globe-route-progress {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 5px;
    margin: 16px 0 17px;
    padding-top: 22px
}
.globe-route-progress::before {
    content: "";
    position: absolute;
    top: 7px;
    right: 10%;
    left: 10%;
    height: 2px;
    background: linear-gradient(90deg,#df0b20,#ff2940);
    box-shadow: 0 0 12px rgba(255,20,44,.48)
}
.globe-route-progress span {
    position: relative;
    text-align: center;
    font-size: 12px
}
.globe-route-progress span::before {
    content: "";
    position: absolute;
    top: -21px;
    left: 50%;
    width: 15px;
    height: 15px;
    transform: translateX(-50%);
    border: 2px solid #ed172d;
    border-radius: 50%;
    background: #e71429;
    box-shadow: 0 0 12px rgba(255,18,43,.45)
}
.globe-route-progress span:last-child::before {
    border: 3px solid #ff263d;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255,31,52,.22),0 0 15px rgba(255,255,255,.7)
}
.globe-route-copy {
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.1)
}
.globe-route-copy strong {
    font-size: 16px
}
.globe-route-copy strong em {
    color: #ff263d;
    font-style: normal
}
.globe-route-copy p {
    margin: 7px 0 0;
    color: #a1aab1;
    font-size: 12px;
    line-height: 1.55
}
.globe-benefit-card {
    transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
    top: 28px;
    right: clamp(28px,3vw,52px);
    width: 296px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    overflow: hidden
}
.globe-benefit-card::before {
    content: "";
    position: absolute;
    top: -50px;
    right: -35px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(55,219,139,.17),transparent 69%);
    pointer-events: none
}
.globe-benefit-card header {
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr);
    align-items: center;
    gap: 10px
}
.globe-benefit-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    color: #45e29a;
    background: radial-gradient(circle,rgba(56,224,145,.14),transparent 68%);
    filter: drop-shadow(0 0 10px rgba(56,224,145,.22))
}
.globe-benefit-icon svg {
    width: 54px;
    height: 54px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round
}
.globe-benefit-orbit {
    stroke-width: 1.5;
    stroke-dasharray: 82 13;
    transform: rotate(-24deg);
    transform-origin: center
}
.globe-benefit-tag {
    fill: rgba(174,12,32,.1);
    stroke-width: 1.7;
    transform: rotate(-9deg);
    transform-origin: center
}
.globe-benefit-hole {
    fill: #080b0e;
    stroke-width: 1.5
}
.globe-benefit-percent {
    stroke-width: 2.4
}
.globe-benefit-card header span {
    display: block;
    color: #73cfa3;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .09em
}
.globe-benefit-card header strong {
    display: block;
    margin-top: 2px;
    color: #49e69d;
    font-size: 32px;
    line-height: .96;
    letter-spacing: -.055em;
    text-shadow: 0 0 18px rgba(73,230,157,.18)
}
.globe-saving-money {
    position: relative;
    padding: 11px 12px;
    border: 1px solid rgba(69,225,154,.22);
    border-radius: 11px;
    background: linear-gradient(135deg,rgba(46,181,117,.14),rgba(23,73,53,.05))
}
.globe-saving-money small {
    display: block;
    color: #8f9ca1;
    font-size: 12px;
    line-height: 1.35
}
.globe-saving-money span {
    display: block;
    color: #8f9ca1;
    font-size: 12px;
    line-height: 1.35
}
.globe-saving-money b {
    display: block;
    margin: 3px 0;
    color: #effff6;
    font-size: 19px;
    line-height: 1;
    letter-spacing: -.035em
}
.globe-saving-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px
}
.globe-saving-metrics>span {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 9px;
    background: rgba(255,255,255,.025)
}
.globe-saving-metrics b {
    color: #eaf4ee;
    font-size: 12px;
    line-height: 1.15
}
.globe-saving-metrics small {
    color: #7e8a91;
    font-size: 12px;
    line-height: 1.35
}
.globe-benefit-card p {
    position: relative;
    margin: 0;
    color: #a6b1b6;
    font-size: 12px;
    line-height: 1.52
}
.globe-benefit-card>em {
    color: #6f7d83;
    font-size: 12px;
    line-height: 1.45;
    font-style: normal
}
.globe-benefit-card.is-direct::before {
    background: radial-gradient(circle,rgba(255,145,56,.17),transparent 69%)
}
.globe-benefit-card.is-direct .globe-benefit-icon {
    color: #ffad5c;
    filter: none;
    text-shadow: 0 0 18px rgba(255,149,62,.18)
}
.globe-benefit-card.is-direct header strong {
    color: #ffad5c;
    filter: none;
    text-shadow: 0 0 18px rgba(255,149,62,.18)
}
.globe-benefit-card.is-direct header span {
    color: #e9a35f
}
.globe-benefit-card.is-direct .globe-saving-money {
    border-color: rgba(255,157,71,.25);
    background: linear-gradient(135deg,rgba(178,85,28,.15),rgba(78,40,16,.06))
}
.globe-benefit-card.is-direct .globe-saving-money b {
    color: #fff1e4
}
.globe-city-hit-layer {
    position: absolute;
    inset: 0;
    z-index: 4;
    overflow: hidden;
    pointer-events: none
}
.globe-city-hit {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    outline: 0;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation
}
.globe-city-hit.is-hub {
    width: 68px;
    height: 68px
}
.globe-city-hit:focus-visible {
    box-shadow: 0 0 0 3px rgba(82,230,159,.85),0 0 0 8px rgba(82,230,159,.17)
}
.globe-city-hit[hidden] {
    display: none
}
.globe-city-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 330px;
    padding: 17px;
    border: 1px solid rgba(82,228,158,.30);
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg,rgba(5,9,9,.98),rgba(7,13,12,.96));
    box-shadow: 0 24px 72px rgba(0,0,0,.72),0 0 28px rgba(40,204,128,.10);
    pointer-events: none;
    will-change: transform
}
.globe-city-tooltip[hidden] {
    display: none
}
.globe-city-tooltip-head {
    display: grid;
    grid-template-columns: 68px minmax(0,1fr);
    align-items: center;
    gap: 14px
}
.globe-city-tooltip-head img {
    width: 68px;
    height: 68px;
    object-fit: contain;
    filter: drop-shadow(0 7px 9px rgba(0,0,0,.55))
}
.globe-city-tooltip-head span {
    display: flex;
    flex-direction: column;
    gap: 2px
}
.globe-city-tooltip-head small {
    display: block;
    margin-top: 5px;
    color: #8e9b94;
    font-size: 12px;
    line-height: 1.35
}
.globe-city-tooltip-head strong {
    color: #fff;
    font-size: 21px;
    line-height: 1.1;
    letter-spacing: -.025em
}
.globe-city-tooltip dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin: 14px 0 10px
}
.globe-city-tooltip dl div {
    padding: 12px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 10px;
    background: rgba(255,255,255,.03)
}
.globe-city-tooltip dt {
    color: #84918a;
    font-size: 12px;
    line-height: 1.3
}
.globe-city-tooltip dd {
    margin: 5px 0 0;
    color: #effff6;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.15
}
.globe-city-tooltip p {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    padding: 12px;
    border-radius: 10px;
    background: rgba(52,213,137,.10)
}
.globe-city-tooltip p b {
    color: #52e69f;
    font-size: 12px
}
.globe-city-tooltip p span {
    color: #b9c8c0;
    font-size: 12px;
    line-height: 1.45
}
.globe-city-tooltip>em {
    display: block;
    margin-top: 9px;
    color: #7c8982;
    font-size: 12px;
    line-height: 1.45;
    font-style: normal
}
.globe-model-credit {
    position: absolute;
    right: 14px;
    bottom: 5px;
    z-index: 5;
    color: #59645f;
    font-size: 12px;
    pointer-events: none
}
.globe-mobile-map-label {
    display: none
}
.globe-panel-toggle {
    position: absolute;
    right: clamp(72px,7vw,102px);
    bottom: 18px;
    z-index: 8;
    min-width: 116px;
    height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: #dce5e1;
    background: rgba(5,9,11,.84);
    box-shadow: 0 12px 35px rgba(0,0,0,.38);
    backdrop-filter: blur(11px);
    font-size: 12px;
    font-weight: 750;
    cursor: pointer
}
.globe-panel-toggle:hover {
    border-color: rgba(81,226,157,.38);
    color: #58e5a1;
    background: rgba(10,34,25,.88)
}
.globe-left-tools {
    transition: opacity .2s ease,visibility .2s ease,transform .2s ease;
    position: absolute;
    bottom: 32px;
    left: clamp(28px,3vw,52px);
    z-index: 5;
    width: 315px;
    display: flex;
    flex-direction: column;
    gap: 12px
}
.globe-left-tools .globe-panel {
    position: relative
}
.globe-route-switch {
    padding: 12px
}
.globe-route-switch h2 {
    margin: 0 3px 9px;
    color: #f2f4f5;
    font-size: 12px
}
.globe-panel-tabs {
    display: flex;
    gap: 7px;
    margin: -4px 0 7px;
    padding: 0 3px 6px;
    border-bottom: 1px solid rgba(255,255,255,.1)
}
.globe-panel-tabs button {
    min-width: 94px;
    padding: 8px 6px;
    border: 0;
    border-bottom: 2px solid transparent;
    color: #929aa1;
    background: transparent;
    font-size: 12px;
    cursor: pointer
}
.globe-panel-tabs button.active {
    border-color: #f20e28;
    color: #fff
}
.globe-route-switch .globe-route-option {
    width: 100%;
    min-height: 55px;
    display: grid;
    grid-template-columns: 20px minmax(0,1fr);
    gap: 7px;
    margin-top: 6px;
    padding: 8px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 9px;
    color: #fff;
    background: rgba(255,255,255,.025);
    text-align: left;
    cursor: pointer
}
.globe-route-switch .globe-route-option.active {
    border-color: rgba(255,28,50,.5);
    background: rgba(128,8,22,.17)
}
.globe-route-option>i {
    width: 14px;
    height: 14px;
    border: 1.5px solid #7d878e;
    border-radius: 50%
}
.globe-route-option.active>i {
    border: 4px solid #f11b32;
    box-shadow: 0 0 6px rgba(255,25,48,.25)
}
.globe-route-option span {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 12px;
    font-weight: 750
}
.globe-route-option small {
    color: #98a0a6;
    font-size: 12px;
    font-weight: 550
}
.globe-route-option.active small {
    color: #4cac52
}
.globe-filter-card {
    padding: 14px 15px 13px
}
.globe-filter-card h2 {
    margin: 0 0 9px;
    font-size: 13px
}
.globe-filter-card button {
    width: 100%;
    height: 23px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
    color: #eef0f1;
    background: transparent;
    font-size: 12px;
    text-align: left;
    cursor: pointer
}
.globe-filter-card button i {
    width: 15px;
    height: 15px;
    display: grid;
    place-items: center;
    border: 1px solid #4e5960;
    border-radius: 3px;
    background: #12171b
}
.globe-filter-card button.active i {
    border-color: #d8162b;
    background: #cf172a
}
.globe-filter-card button.active i::after {
    content: "";
    width: 7px;
    height: 4px;
    margin-top: -2px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg)
}
.globe-zoom-controls {
    position: absolute;
    right: clamp(20px,3vw,48px);
    top: 50%;
    z-index: 6;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 12px;
    background: rgba(6,8,10,.83);
    box-shadow: 0 20px 50px rgba(0,0,0,.35);
    backdrop-filter: blur(10px)
}
.globe-zoom-controls button {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.09);
    color: #fff;
    background: transparent;
    font-size: 23px;
    line-height: 1;
    cursor: pointer
}
.globe-zoom-controls button:last-child {
    border-bottom: 0
}
.globe-zoom-controls button:hover {
    background: rgba(255,35,56,.16)
}
.globe-zoom-controls svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8
}
.globe-error {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    gap: 8px;
    padding: 20px;
    color: #fff;
    background: #06090c;
    text-align: center
}
.globe-error p {
    color: #8997a2
}
.globe-about-content {
    width: min(1480px,calc(100% - 32px));
    margin: 0 auto;
    padding-bottom: 28px
}
.globe-about-view .about-principles {
    margin-top: 28px
}
@media (max-width:1100px) {
    .commerce-brand-grid {
        grid-template-columns: repeat(4,1fr)
    }
    .commerce-root-hero {
        grid-template-columns: 1fr 340px;
        padding: 52px
    }
    .commerce-root-stats {
        left: 52px
    }
    .commerce-form-layout {
        grid-template-columns: 1fr
    }
    .commerce-sticky-summary {
        display: none
    }
    .commerce-city-section>div {
        grid-template-columns: repeat(2,1fr)
    }
}
@media (min-width:900px) and (max-width:1240px) {
    .globe-route-card {
        top: 18px;
        left: 18px;
        width: 350px;
        padding: 16px 17px 14px
    }
    .globe-route-card h1 {
        font-size: 18px
    }
    .globe-brand-seal {
        top: 17px;
        width: 228px;
        grid-template-columns: 46px minmax(0,1fr)
    }
    .globe-brand-seal>img {
        width: 46px;
        height: 30px
    }
    .globe-benefit-card {
        top: 18px;
        right: 18px;
        width: 270px;
        padding: 13px;
        gap: 9px
    }
    .globe-benefit-card header strong {
        font-size: 27px
    }
    .globe-saving-money {
        padding: 9px 10px
    }
    .globe-saving-money b {
        font-size: 17px
    }
    .globe-benefit-card p {
        font-size: 12px
    }
    .globe-left-tools {
        top: auto;
        bottom: 24px;
        left: 18px;
        width: 286px
    }
    .globe-filter-card {
        display: none
    }
    .globe-zoom-controls {
        right: 18px
    }
}
@media (min-width:900px) and (max-height:780px) {
    .globe-filter-card {
        display: none
    }
    .globe-left-tools {
        top: auto;
        bottom: 20px
    }
}
@media (max-width:899px) {
    .commerce-view {
        width: min(100% - 20px,720px);
        padding-top: 18px
    }
    .commerce-root-hero {
        min-height: 650px;
        grid-template-columns: 1fr;
        align-content: start;
        padding: 34px 24px;
        border-radius: 24px
    }
    .commerce-root-copy h1 {
        font-size: 46px
    }
    .commerce-root-copy p {
        font-size: 14px
    }
    .commerce-root-proof {
        width: 100%;
        margin: 32px 0 54px;
        justify-self: stretch;
        padding: 20px
    }
    .commerce-root-proof>strong {
        font-size: 24px
    }
    .commerce-root-stats {
        right: 22px;
        bottom: 24px;
        left: 22px;
        gap: 16px;
        justify-content: space-between
    }
    .commerce-root-stats span {
        flex-direction: column;
        gap: 1px
    }
    .commerce-brand-directory {
        padding: 24px 16px;
        border-radius: 22px
    }
    .commerce-root-process {
        padding: 24px 16px;
        border-radius: 22px
    }
    .commerce-faq {
        padding: 24px 16px;
        border-radius: 22px
    }
    .commerce-city-section {
        padding: 24px 16px;
        border-radius: 22px
    }
    .commerce-local-content {
        padding: 24px 16px;
        border-radius: 22px
    }
    .commerce-brand-directory>header {
        align-items: stretch;
        flex-direction: column
    }
    .commerce-brand-grid {
        grid-template-columns: repeat(2,1fr);
        gap: 7px
    }
    .commerce-brand-card {
        min-height: 98px;
        grid-template-columns: 45px minmax(0,1fr);
        padding: 9px
    }
    .commerce-brand-card>b {
        display: none
    }
    .commerce-brand-logo {
        width: 45px;
        height: 45px;
        border-radius: 12px
    }
    .commerce-root-process>div {
        grid-template-columns: 1fr
    }
    .commerce-local-content>div {
        grid-template-columns: 1fr
    }
    .commerce-root-process article {
        min-height: 140px
    }
    .commerce-local-content article {
        min-height: 140px
    }
    .commerce-detail-hero {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 32px 22px;
        border-radius: 24px
    }
    .commerce-detail-copy h1 {
        font-size: 46px
    }
    .commerce-detail-hero>aside {
        min-height: 250px
    }
    .commerce-city-section>div {
        grid-template-columns: 1fr 1fr
    }
    .commerce-form-section {
        padding: 22px 15px;
        border-radius: 20px
    }
    .commerce-form-section>header {
        grid-template-columns: 40px 1fr;
        gap: 12px
    }
    .commerce-form-section>header>b {
        width: 40px;
        height: 40px
    }
    .commerce-form-section>header h2 {
        font-size: 23px
    }
    .commerce-fields {
        grid-template-columns: 1fr
    }
    .condition-grid {
        grid-template-columns: 1fr
    }
    .commerce-favorite-rail {
        grid-template-columns: 1fr
    }
    .tradein-photo-guide {
        grid-template-columns: repeat(2,1fr)
    }
    .commerce-photo-preview {
        grid-template-columns: repeat(3,1fr)
    }
    .credit-calculator-grid {
        grid-template-columns: 1fr
    }
    .company-globe-stage {
        height: auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 612px 12px 12px;
        overflow: visible;
        background: #020304
    }
    .company-globe-stage::before {
        top: 0;
        bottom: auto;
        height: 600px;
        background: linear-gradient(180deg,rgba(0,0,0,.05),transparent 58%,rgba(0,0,0,.46))
    }
    .globe-vector-overlay {
        height: 600px
    }
    .globe-route-card {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        padding: 16px
    }
    .globe-brand-seal {
        display: none
    }
    .globe-benefit-card {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        padding: 14px
    }
    .globe-benefit-card header strong {
        font-size: 27px
    }
    .globe-left-tools {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%
    }
    .globe-left-tools .globe-panel {
        width: 100%
    }
    .company-globe-stage.is-map-focused .globe-route-card {
        visibility: visible;
        opacity: 1;
        transform: none;
        pointer-events: auto
    }
    .company-globe-stage.is-map-focused .globe-benefit-card {
        visibility: visible;
        opacity: 1;
        transform: none;
        pointer-events: auto
    }
    .company-globe-stage.is-map-focused .globe-left-tools {
        visibility: visible;
        opacity: 1;
        transform: none;
        pointer-events: auto
    }
    .globe-filter-card {
        display: none
    }
    .globe-zoom-controls {
        position: absolute;
        top: 76px;
        right: 12px
    }
    .globe-city-tooltip {
        position: fixed;
        top: auto;
        right: 62px;
        bottom: 14px;
        left: 12px;
        z-index: 60;
        width: auto;
        max-height: min(62svh,520px);
        overflow: hidden;
        transform: none
    }
    .globe-mobile-map-label {
        position: absolute;
        top: 14px;
        left: 12px;
        z-index: 7;
        display: flex;
        flex-direction: column;
        gap: 3px;
        max-width: 260px;
        padding: 10px 12px;
        border: 1px solid rgba(81,226,157,.24);
        border-radius: 12px;
        color: #fff;
        background: rgba(5,10,11,.78);
        box-shadow: 0 14px 36px rgba(0,0,0,.36);
        backdrop-filter: blur(10px);
        pointer-events: none
    }
    .globe-mobile-map-label strong {
        color: #f3faf6;
        font-size: 13px
    }
    .globe-mobile-map-label small {
        color: #91a39b;
        font-size: 12px
    }
    .globe-panel-toggle {
        display: none
    }
    .globe-model-credit {
        display: none
    }
    .globe-about-content {
        width: min(100% - 20px,720px)
    }
}
@media (max-width:520px) {
    .commerce-root-copy h1 {
        font-size: 38px
    }
    .commerce-detail-copy h1 {
        font-size: 38px
    }
    .commerce-root-stats strong {
        font-size: 20px
    }
    .commerce-brand-card small {
        display: none
    }
    .commerce-brand-card strong {
        font-size: 12px
    }
    .commerce-city-section>div {
        grid-template-columns: 1fr
    }
    .commerce-city-card {
        min-height: 105px
    }
    .globe-route-card h1 {
        font-size: 18px
    }
    .globe-route-badge {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px
    }
    .globe-route-badge span {
        text-align: left
    }
    .globe-route-steps span {
        font-size: 12px
    }
    .globe-city-tooltip {
        padding: 14px
    }
    .globe-city-tooltip-head {
        grid-template-columns: 54px minmax(0,1fr);
        gap: 11px
    }
    .globe-city-tooltip-head img {
        width: 54px;
        height: 54px
    }
    .globe-city-tooltip-head strong {
        font-size: 18px
    }
    .globe-city-tooltip dt {
        font-size: 12px
    }
    .globe-city-tooltip dd {
        font-size: 17px
    }
}
@media (prefers-reduced-motion:reduce) {
    .commerce-brand-card {
        transition: none
    }
    .commerce-city-card {
        transition: none
    }
}
.commerce-auth-gate {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    align-items: center;
    gap: 13px;
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid rgba(242,42,62,.28);
    border-radius: 15px;
    background: rgba(242,42,62,.07)
}
.commerce-auth-gate>i {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    font-style: normal;
    font-weight: 900;
    background: #ed263e
}
.commerce-auth-gate>span {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px
}
.commerce-auth-gate strong {
    color: var(--commerce-text);
    font-size: 13px
}
.commerce-auth-gate small {
    color: var(--commerce-muted);
    font-size: 12px;
    line-height: 1.45
}
.commerce-auth-gate>button {
    min-height: 42px;
    padding: 0 15px;
    border: 0;
    border-radius: 11px;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    background: #ed263e;
    cursor: pointer
}
.commerce-auth-gate.is-authenticated {
    border-color: rgba(45,203,132,.3);
    background: rgba(45,203,132,.08)
}
.commerce-auth-gate.is-authenticated>i {
    background: #21a969
}
.commerce-auth-gate.attention {
    animation: commerce-auth-attention .52s ease
}
@media (max-width:620px) {
    .commerce-auth-gate {
        grid-template-columns: 38px minmax(0,1fr)
    }
    .commerce-auth-gate>i {
        width: 38px;
        height: 38px
    }
    .commerce-auth-gate>button {
        grid-column: 1/-1;
        width: 100%
    }
}
@media (prefers-reduced-motion:reduce) {
    .commerce-auth-gate.attention {
        animation: none
    }
}
@media (min-width:900px) {
    .commerce-brand-card small {
        font-size: 12px
    }
    .commerce-brand-card em {
        font-size: 12px
    }
    .commerce-root-stats small {
        font-size: 12px
    }
    .commerce-root-proof p small {
        font-size: 12px
    }
    .commerce-brand-card strong {
        font-size: 15px
    }
    .commerce-city-card small {
        font-size: 12px;
        line-height: 1.55
    }
    .commerce-local-content p {
        font-size: 12px;
        line-height: 1.55
    }
    .commerce-faq p {
        font-size: 12px;
        line-height: 1.55
    }
    .globe-route-option span {
        font-size: 12px
    }
    .globe-route-option small {
        font-size: 12px
    }
    .globe-benefit-card header span {
        font-size: 12px
    }
    .globe-saving-money small {
        font-size: 12px
    }
    .globe-saving-money span {
        font-size: 12px
    }
    .globe-saving-metrics small {
        font-size: 12px
    }
    .globe-benefit-card>em {
        font-size: 12px
    }
    .globe-benefit-card p {
        font-size: 12px
    }
    .globe-route-copy p {
        font-size: 12px
    }
}
.ci-v9 .company-chronicle {
    padding: 96px 0 86px
}
.ci-v9 .company-chronicle>header {
    max-width: 980px;
    margin-bottom: 42px
}
.ci-v9 .company-chronicle>header>span {
    color: #ef263f;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .17em
}
.ci-v9 .company-identity>div>span {
    color: #ef263f;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .17em
}
.ci-v9 .company-chronicle>header h2 {
    margin: 13px 0 18px;
    color: #101820;
    font-size: clamp(40px,5.4vw,72px);
    line-height: .97;
    letter-spacing: -.062em
}
.ci-v9 .company-chronicle>header p {
    max-width: 800px;
    margin: 0;
    color: #65727d;
    font-size: 14px;
    line-height: 1.75
}
.ci-v9 .company-chronicle-layout {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr);
    gap: 16px;
    align-items: stretch
}
.ci-v9 .company-chronicle-player {
    position: relative;
    min-height: 610px;
    overflow: hidden;
    border-radius: 30px;
    color: #fff;
    background: #080c10;
    box-shadow: 0 28px 75px rgba(12,20,27,.24)
}
.ci-v9 .company-chronicle-player::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(3,6,9,.02) 25%,rgba(3,6,9,.35) 54%,rgba(3,6,9,.94));
    content: "";
    pointer-events: none
}
.ci-v9 .company-chronicle-player video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #05070a
}
.ci-v9 .company-chronicle-player>div {
    position: absolute;
    z-index: 2;
    right: 32px;
    bottom: 32px;
    left: 32px
}
.ci-v9 .company-chronicle-player>div>span {
    color: #ff5268;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .15em
}
.ci-v9 .company-chronicle-player h3 {
    max-width: 720px;
    margin: 10px 0 12px;
    font-size: clamp(30px,3.4vw,50px);
    line-height: 1;
    letter-spacing: -.052em
}
.ci-v9 .company-chronicle-player p {
    max-width: 720px;
    margin: 0;
    color: #c4ccd3;
    font-size: 12px;
    line-height: 1.65
}
.ci-v9 .company-chronicle-player button {
    min-height: 45px;
    margin-top: 20px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 12px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font: 850 10px Inter,sans-serif;
    backdrop-filter: blur(12px)
}
.ci-v9 .company-chronicle-player button .ci-icon {
    width: 17px
}
.ci-v9 .company-history-sequence {
    margin: 0;
    padding: 14px;
    display: grid;
    gap: 8px;
    list-style: none;
    border: 1px solid #dfe4e8;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(18,28,36,.08)
}
.ci-v9 .company-history-sequence li {
    min-height: 130px;
    padding: 19px;
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 14px;
    align-items: start;
    border-radius: 19px;
    background: #f4f6f8
}
.ci-v9 .company-history-sequence li>b {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #ef263f;
    background: #fff;
    font-size: 12px;
    box-shadow: 0 8px 22px rgba(21,30,38,.07)
}
.ci-v9 .company-history-sequence span {
    display: block
}
.ci-v9 .company-history-sequence strong {
    display: block;
    margin: 3px 0 7px;
    color: #17222b;
    font-size: 15px
}
.ci-v9 .company-history-sequence small {
    display: block;
    color: #697680;
    font-size: 12px;
    line-height: 1.55
}
.ci-v9 .company-video-ribbon {
    width: 100vw;
    margin: 18px 0 0 calc((100vw - min(1480px,calc(100vw - 32px)))/-2);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
    mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)
}
.ci-v9 .company-video-ribbon-track {
    width: max-content;
    display: flex;
    gap: 12px;
    padding: 5px 12px;
    animation: company-chronicle-flow 72s linear infinite;
    will-change: transform
}
.ci-v9 .company-video-ribbon:hover .company-video-ribbon-track {
    animation-play-state: paused
}
.ci-v9 .company-video-ribbon:focus-within .company-video-ribbon-track {
    animation-play-state: paused
}
.ci-v9 .company-chronicle-card {
    position: relative;
    width: 360px;
    height: 174px;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 20px;
    color: #fff;
    background: #070a0d;
    text-align: left;
    box-shadow: 0 13px 34px rgba(13,21,28,.18)
}
.ci-v9 .company-chronicle-card::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,rgba(3,6,8,.03),rgba(3,6,8,.88));
    content: ""
}
.ci-v9 .company-chronicle-card>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease
}
.ci-v9 .company-chronicle-card:hover>img {
    transform: scale(1.035)
}
.ci-v9 .company-chronicle-card>span {
    position: absolute;
    z-index: 2;
    right: 54px;
    bottom: 16px;
    left: 17px
}
.ci-v9 .company-chronicle-card strong {
    display: block;
    font-size: 13px;
    line-height: 1.25
}
.ci-v9 .company-chronicle-card small {
    display: block;
    margin-top: 5px;
    color: #c2cbd2;
    font-size: 12px
}
.ci-v9 .company-chronicle-card>i {
    position: absolute;
    z-index: 2;
    right: 15px;
    bottom: 15px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #ef263f
}
.ci-v9 .company-chronicle-card>i .ci-icon {
    width: 15px
}
.ci-v9 .company-identity {
    margin: 8px 0 86px;
    padding: clamp(28px,5vw,68px);
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(440px,.82fr);
    gap: clamp(34px,6vw,90px);
    align-items: start;
    border-radius: 30px;
    color: #fff;
    background: radial-gradient(circle at 8% 10%,rgba(239,38,63,.23),transparent 36%),#10171d;
    box-shadow: 0 28px 75px rgba(12,20,27,.2)
}
.ci-v9 .company-identity h2 {
    margin: 13px 0 18px;
    line-height: .97;
    letter-spacing: -.062em;
    color: #fff;
    font-size: clamp(38px,4.6vw,62px)
}
.ci-v9 .company-identity>div>p {
    max-width: 800px;
    margin: 0;
    font-size: 14px;
    line-height: 1.75;
    color: #aeb8c0
}
.ci-v9 .company-identity-actions {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 9px
}
.ci-v9 .company-identity-actions button {
    min-height: 43px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 11px;
    color: #fff;
    background: rgba(255,255,255,.065);
    font: 800 9px Inter,sans-serif
}
.ci-v9 .company-identity dl {
    margin: 0;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    background: rgba(255,255,255,.045)
}
.ci-v9 .company-identity dl>div {
    min-width: 0;
    padding: 15px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: rgba(2,5,8,.28)
}
.ci-v9 .company-identity dt {
    margin-bottom: 6px;
    color: #87939d;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase
}
.ci-v9 .company-identity dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #fff;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.45
}
.ci-v9 .company-identity dd a {
    color: #fff;
    text-decoration: none
}
@media (max-width:899px) {
    .ci-v9 .company-globe-stage[data-globe-touch-mode="scroll"] #company-globe .cesium-viewer {
        touch-action: pan-y;
        pointer-events: none
    }
    .ci-v9 .company-globe-stage[data-globe-touch-mode="scroll"] #company-globe .cesium-viewer-cesiumWidgetContainer {
        touch-action: pan-y;
        pointer-events: none
    }
    .ci-v9 .company-globe-stage[data-globe-touch-mode="scroll"] #company-globe .cesium-widget {
        touch-action: pan-y;
        pointer-events: none
    }
    .ci-v9 .company-globe-stage[data-globe-touch-mode="scroll"] #company-globe .cesium-widget canvas {
        touch-action: pan-y;
        pointer-events: none
    }
    .ci-v9 .company-chronicle {
        padding: 64px 5px 60px
    }
    .ci-v9 .company-chronicle>header {
        margin-bottom: 28px
    }
    .ci-v9 .company-chronicle>header h2 {
        font-size: 39px
    }
    .ci-v9 .company-chronicle>header p {
        font-size: 12px
    }
    .ci-v9 .company-chronicle-layout {
        grid-template-columns: 1fr
    }
    .ci-v9 .company-chronicle-player {
        min-height: 570px;
        border-radius: 24px
    }
    .ci-v9 .company-chronicle-player video {
        height: 58%;
        object-position: center
    }
    .ci-v9 .company-chronicle-player::after {
        background: linear-gradient(180deg,rgba(3,6,9,.02) 24%,rgba(3,6,9,.7) 50%,rgba(3,6,9,.98) 64%)
    }
    .ci-v9 .company-chronicle-player>div {
        right: 22px;
        bottom: 24px;
        left: 22px
    }
    .ci-v9 .company-chronicle-player h3 {
        font-size: 30px
    }
    .ci-v9 .company-history-sequence {
        border-radius: 24px
    }
    .ci-v9 .company-history-sequence li {
        min-height: 116px;
        padding: 16px
    }
    .ci-v9 .company-video-ribbon {
        margin-left: -15px;
        width: calc(100vw - 5px);
        -webkit-mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
        mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)
    }
    .ci-v9 .company-chronicle-card {
        width: 285px;
        height: 152px;
        border-radius: 17px
    }
    .ci-v9 .company-identity {
        margin: 4px 5px 62px;
        padding: 28px 21px;
        grid-template-columns: 1fr;
        border-radius: 24px
    }
    .ci-v9 .company-identity h2 {
        font-size: 38px
    }
    .ci-v9 .company-identity dl {
        grid-template-columns: 1fr
    }
}
html[data-theme="dark"] .ci-v9 .company-chronicle>header h2 {
    color: #f5f7f9
}
html[data-theme="dark"] .ci-v9 .company-chronicle>header p {
    color: #aeb8c0
}
html[data-theme="dark"] .ci-v9 .company-history-sequence {
    border-color: rgba(255,255,255,.1);
    background: #10171d
}
html[data-theme="dark"] .ci-v9 .company-history-sequence li {
    background: #151e25
}
html[data-theme="dark"] .ci-v9 .company-history-sequence li>b {
    background: #202a32
}
html[data-theme="dark"] .ci-v9 .company-history-sequence strong {
    color: #f3f6f8
}
html[data-theme="dark"] .ci-v9 .company-history-sequence small {
    color: #aab5bd
}
@media (prefers-reduced-motion:reduce) {
    .ci-v9 .company-video-ribbon-track {
        animation: none
    }
    .ci-v9 .company-video-ribbon {
        overflow-x: auto;
        -webkit-mask-image: none;
        mask-image: none
    }
}
.globe-preview {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: #0b1320;
    overflow: hidden;
    touch-action: pan-y
}
.globe-preview>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none
}
.globe-preview>button {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 5
}
@media (max-width:899px) {
    .globe-preview>img {
        object-fit: cover
    }
    .about-view .reveal-section {
        opacity: 1;
        transform: none
    }
}
@media (prefers-reduced-motion:reduce) {
    .about-view .reveal-section {
        opacity: 1;
        transform: none
    }
    .company-chronicle-track {
        animation: none
    }
}
.contract-vault {
    margin: 22px 0;
    padding: clamp(16px,3vw,28px);
    border: 1px solid #ffffff24;
    border-radius: 24px;
    background: linear-gradient(135deg,#ffffff0f,#ffffff03),#171b20;
    color: #f5f7fa;
    box-shadow: 0 16px 45px #0002;
    min-width: 0
}
.contract-vault>header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px
}
.contract-vault>header>div {
    flex: 1;
    min-width: 0
}
.contract-vault header h3 {
    font-size: 23px;
    margin: 5px 0
}
.contract-vault header small {
    font-size: 12px;
    letter-spacing: .12em;
    color: #fba0a6
}
.contract-vault header p {
    font-size: 13px;
    color: #b9c1cc;
    line-height: 1.6;
    margin: 0
}
.contract-vault header>b {
    font-size: 30px;
    color: #bec9d7;
    font-weight: 500
}
.contract-seal {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: none;
    border-radius: 16px;
    background: #ffffff0b;
    border: 1px solid #ffffff20;
    color: #f9a5ac
}
.contract-seal svg {
    width: 24px;
    height: 24px
}
.contract-files {
    display: grid;
    gap: 10px;
    margin-bottom: 20px
}
.contract-empty {
    padding: 24px;
    border: 1px dashed #ffffff28;
    border-radius: 16px;
    color: #bac1cc;
    text-align: center;
    font-size: 13px
}
.contract-file {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 16px;
    background: #ffffff06;
    border: 1px solid #ffffff1c;
    border-radius: 16px;
    min-width: 0;
    color: #f5f7fa
}
.file-format {
    display: grid;
    place-items: center;
    flex: none;
    min-width: 48px;
    height: 58px;
    border-radius: 9px;
    background: linear-gradient(145deg,#d5354640,#e7566412);
    border: 1px solid #ed6c793b;
    color: #ffc1c8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em
}
.contract-file>div:not(.contract-file-actions) {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 5px
}
.contract-file strong {
    font-size: 14px;
    overflow-wrap: anywhere
}
.contract-file span:not(.file-format) {
    font-size: 12px;
    line-height: 1.6;
    color: #bec6d0;
    overflow-wrap: anywhere
}
.contract-file small {
    font-size: 12px;
    line-height: 1.6;
    color: #bec6d0;
    overflow-wrap: anywhere
}
.contract-file p {
    font-size: 12px;
    margin: 4px 0;
    color: #d5dce5;
    overflow-wrap: anywhere
}
.contract-file-actions {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    flex: none
}
.contract-file-actions button {
    border: 1px solid #ffffff2c;
    border-radius: 10px;
    color: #fff;
    padding: 9px 12px;
    background: linear-gradient(#ffffff14,#ffffff06);
    cursor: pointer;
    font-size: 12px
}
.contract-file-actions button:hover {
    background: #ffffff24
}
.contract-file-actions button:disabled {
    opacity: .5
}
.contract-form {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 16px
}
.contract-form>label {
    display: grid;
    gap: 8px;
    font-size: 12px;
    color: #c9d1dc;
    min-width: 0
}
.contract-form input:not([type=checkbox]):not([type=file]) {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #ffffff26;
    background: #ffffff05;
    border-radius: 12px;
    padding: 13px;
    color: #fff;
    font: inherit
}
.contract-form input:focus-visible {
    outline: 2px solid #fc929f;
    outline-offset: 2px
}
.contract-form .contract-drop {
    position: relative;
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 26px 14px;
    min-height: 150px;
    border: 1px dashed #ffffff3c;
    border-radius: 18px;
    background: linear-gradient(135deg,#ffffff08,#ffffff02);
    cursor: pointer;
    text-align: center;
    overflow: hidden
}
.contract-drop>svg {
    width: 26px;
    height: 26px;
    color: #ffa5b0
}
.contract-drop strong {
    font-size: 14px;
    color: #f5f7fa
}
.contract-drop small {
    color: #aeb9c6;
    font-size: 12px
}
.contract-drop input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}
.contract-drop:focus-within {
    outline: 2px solid #fb8998;
    background: #f9748910
}
.contract-drop.dragover {
    outline: 2px solid #fb8998;
    background: #f9748910
}
.contract-drop [data-file-selection] {
    font-size: 12px;
    color: #f4cbd0;
    max-width: 100%;
    overflow-wrap: anywhere
}
.contract-form .contract-visible {
    display: flex;
    align-items: center;
    gap: 9px;
    grid-column: 1/-1
}
.contract-visible input {
    accent-color: #f35163;
    width: 17px;
    height: 17px
}
.contract-form .primary-btn {
    grid-column: 1/-1;
    border: 1px solid #ffffff23;
    border-radius: 13px;
    background: linear-gradient(135deg,#e54154,#c62e44);
    box-shadow: inset 0 1px #ffffff30,0 7px 22px #b5163026;
    min-height: 48px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px
}
.contract-form .primary-btn svg {
    width: 18px
}
.contract-hint {
    grid-column: 1/-1;
    font-size: 12px;
    color: #bac4d1;
    line-height: 1.6;
    margin: 0
}
.document-upload-status {
    grid-column: 1/-1;
    display: grid;
    gap: 12px;
    padding: 15px;
    background: #ffffff08;
    border-radius: 12px;
    overflow-wrap: anywhere;
    font-size: 12px;
    color: #cbd5e1
}
.document-upload-status[hidden] {
    display: none
}
.document-upload-status progress {
    width: 100%;
    height: 6px;
    accent-color: #ee5d70
}
html:root body.ci-v9 .client-stage-content:has(.contract-vault) {
    padding: 0 14px 20px
}
html:root body.ci-v9 .contract-vault p {
    border: 0;
    padding-top: 0;
    color: #bac4d1
}
html:root body.ci-v9 .contract-vault :is(h3,h4,strong) {
    color: #f5f7fa
}
html:root body.ci-v9 .contract-vault small {
    color: #bac4d1;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal
}
html:root body.ci-v9 .contract-vault>header small {
    color: #f6a4b1;
    font-size: 12px;
    letter-spacing: .1em
}
html:root body.ci-v9 .contract-vault :is(label>span,.contract-file>div>span) {
    color: #cad4e1
}
html:root body.ci-v9 .contract-vault .file-format {
    color: #ffc1c8;
    font-size: 12px
}
@media (max-width:600px) {
    .contract-form {
        grid-template-columns: minmax(0,1fr)
    }
    .contract-file {
        flex-wrap: wrap;
        gap: 10px
    }
    .contract-file-actions {
        width: 100%;
        justify-content: flex-end
    }
    .contract-vault>header {
        gap: 10px;
        align-items: flex-start
    }
    .contract-seal {
        width: 36px;
        height: 36px;
        border-radius: 12px
    }
    .contract-vault header h3 {
        font-size: 19px
    }
    .contract-vault>header>b {
        font-size: 24px
    }
    .contract-vault {
        padding: 14px;
        border-radius: 18px
    }
}
html:root body.ci-v9 .commerce-root-copy h1 {
    margin: 16px 0 20px;
    font-family: Manrope,Arial,sans-serif;
    font-weight: 800;
    font-size: clamp(36px,3.7vw,60px);
    line-height: 1.12;
    letter-spacing: -.045em;
    overflow-wrap: normal;
    word-break: normal
}
html:root body.ci-v9 .commerce-detail-copy h1 {
    margin: 16px 0 20px;
    font-family: Manrope,Arial,sans-serif;
    font-weight: 800;
    font-size: clamp(36px,3.7vw,60px);
    line-height: 1.12;
    letter-spacing: -.045em;
    overflow-wrap: normal;
    word-break: normal
}
html:root body.ci-v9 .commerce-root-hero {
    gap: 36px;
    padding: 48px;
    min-height: 0
}
html:root body.ci-v9 .commerce-root-proof {
    margin: 0
}
html:root body.ci-v9 .commerce-root-stats {
    position: static;
    grid-column: 1/-1;
    flex-wrap: wrap;
    gap: 16px 32px;
    padding-top: 24px;
    margin-top: 4px;
    border-top: 1px solid #ffffff18
}
html:root body.ci-v9 .commerce-root-stats span {
    gap: 8px
}
html:root body.ci-v9 .commerce-root-copy>a {
    margin-top: 24px
}
html:root body.ci-v9 .commerce-breadcrumbs {
    flex-wrap: wrap;
    gap: 8px;
    line-height: 1.5;
    margin-bottom: 16px
}
html:root body.ci-v9 .commerce-view :is(h2,h3) {
    line-height: 1.22
}
html:root body.ci-v9 .commerce-view :is(input,textarea,select) {
    min-width: 0
}
@media (min-width:900px) {
    html:root body.ci-v9 .commerce-root-hero {
        grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr)
    }
}
@media (min-width:900px) and (max-width:1199px) {
    html:root body.ci-v9 .commerce-root-hero {
        padding: 32px;
        gap: 24px
    }
}
@media (max-width:899px) {
    html:root body.ci-v9 .commerce-root-hero {
        grid-template-columns: minmax(0,1fr);
        padding: 24px 20px;
        gap: 24px;
        border-radius: 20px
    }
    html:root body.ci-v9 .commerce-root-copy h1 {
        font-size: clamp(28px,7.8vw,42px);
        line-height: 1.14;
        margin: 14px 0 16px;
        letter-spacing: -.045em
    }
    html:root body.ci-v9 .commerce-detail-copy h1 {
        font-size: clamp(28px,7.8vw,42px);
        line-height: 1.14;
        margin: 14px 0 16px;
        letter-spacing: -.045em
    }
    html:root body.ci-v9 .commerce-root-copy>span {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: .1em
    }
    html:root body.ci-v9 .commerce-root-copy p {
        font-size: 14px;
        line-height: 1.65
    }
    html:root body.ci-v9 .commerce-root-proof {
        padding: 20px
    }
    html:root body.ci-v9 .commerce-root-stats {
        gap: 16px;
        justify-content: space-between;
        padding-top: 20px
    }
    html:root body.ci-v9 .commerce-root-stats span {
        flex-direction: column;
        gap: 4px
    }
    html:root body.ci-v9 .commerce-brand-directory {
        margin-top: 20px;
        padding: 24px 20px
    }
    html:root body.ci-v9 .commerce-root-process {
        margin-top: 20px;
        padding: 24px 20px
    }
    html:root body.ci-v9 .commerce-faq {
        margin-top: 20px;
        padding: 24px 20px
    }
    html:root body.ci-v9 .commerce-view :is(h2,h3) {
        overflow-wrap: normal;
        word-break: normal
    }
    html:root body.ci-v9 .commerce-brand-directory h2 {
        font-size: 26px;
        line-height: 1.22
    }
    html:root body.ci-v9 .commerce-root-process h2 {
        font-size: 26px;
        line-height: 1.22
    }
    html:root body.ci-v9 .commerce-faq h2 {
        font-size: 26px;
        line-height: 1.22
    }
    html:root body.ci-v9 .company-globe-stage {
        --mobile-map-height: clamp(320px,52svh,440px);
        padding-top: calc(var(--mobile-map-height) + 12px)
    }
    html:root body.ci-v9 .company-globe-stage::before {
        height: var(--mobile-map-height)
    }
    html:root body.ci-v9 .globe-vector-overlay {
        height: var(--mobile-map-height)
    }
    html:root body.ci-v9 .globe-city-tooltip {
        bottom: calc(var(--mobile-nav-space) + 12px)
    }
    html:root body.ci-v9 .company-video-ribbon {
        width: 100%;
        max-width: 100%;
        margin-inline: 0
    }
    html:root body.ci-v9 .commerce-view :is(input,select,textarea) {
        font-size: 16px
    }
}
}
@layer components {
.privacy-banner,.privacy-settings,.privacy-launcher{font-family:Inter,Arial,sans-serif;box-sizing:border-box;color:#17232c}
.privacy-banner{position:fixed;z-index:2200;inset:auto 18px 18px;max-width:1400px;margin:auto;display:flex;align-items:center;gap:28px;padding:22px 26px;border:1px solid #dbe2e8;border-radius:18px;background:#fff;box-shadow:0 10px 60px #10202e30}
.privacy-copy{flex:1;min-width:0}.privacy-copy strong{font-size:17px;line-height:1.35}.privacy-copy p{max-width:780px;margin:7px 0 10px;color:#52616e;font-size:13px;line-height:1.6}
.privacy-links{font-size:12px;line-height:1.6}.privacy-links a{color:#a90c28;text-decoration:underline;text-underline-offset:3px}
.privacy-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:480px}
.privacy-banner button,.privacy-settings button{min-height:44px;border:1px solid #c9d2da;border-radius:10px;padding:11px 16px;color:#243540;background:#f6f8fa;font:600 13px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.privacy-banner button.privacy-primary,.privacy-settings button.privacy-primary{color:white;background:#d91435;border-color:#d91435}
.privacy-banner button:hover,.privacy-settings button:hover{filter:brightness(.96)}
.privacy-banner :focus-visible,.privacy-settings :focus-visible,.privacy-launcher:focus-visible{outline:3px solid #1670c4;outline-offset:3px}
.privacy-launcher{position:fixed;z-index:1200;left:16px;bottom:18px;min-height:36px;padding:7px 12px;border:1px solid #c9d2da;border-radius:9px;background:#fff;font-size:12px;box-shadow:0 4px 18px #10202e20;cursor:pointer}
.privacy-settings{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:24px;border:1px solid #dbe2e8;border-radius:20px;background:#fff;overflow:auto;box-shadow:0 28px 100px #0005}
.privacy-settings::backdrop{background:#101a25a6;backdrop-filter:blur(3px)}
.privacy-settings header{display:flex;gap:16px;align-items:center;justify-content:space-between}.privacy-settings header small{font-size:10px;letter-spacing:.1em;color:#677683}.privacy-settings h2{font-size:25px;margin:8px 0}
.privacy-settings header button{font-size:25px;line-height:1;padding:7px 12px}.privacy-settings p{font-size:13px;line-height:1.65;color:#52616e}
.privacy-category{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:14px 0;padding:16px;border:1px solid #dbe2e8;border-radius:12px;background:#f6f8fa;cursor:pointer}.privacy-category strong{font-size:14px}.privacy-category p{margin:6px 0 0}.privacy-required{font-size:11px;font-weight:600;flex:0 0 84px;color:#435c4e}
.privacy-category input{appearance:auto;position:static;opacity:1;pointer-events:auto;flex:0 0 23px;width:23px;height:23px;accent-color:#d91435;cursor:pointer}
.privacy-settings footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.privacy-settings .privacy-small{font-size:11px}
html[data-theme=dark] .privacy-banner,html[data-theme=dark] .privacy-settings,html[data-theme=dark] .privacy-launcher{background:#15202b;color:#f4f7fa;border-color:#394957}
html[data-theme=dark] .privacy-copy p,html[data-theme=dark] .privacy-settings p{color:#bfccd6}html[data-theme=dark] .privacy-links a{color:#ff8297}
html[data-theme=dark] .privacy-category{background:#1c2a36;border-color:#394957}html[data-theme=dark] .privacy-required{color:#acdac1}
@media(max-width:1050px){.privacy-banner{gap:16px}.privacy-actions{flex:0 0 210px}.privacy-actions button{width:100%}}
@media(max-width:900px){.privacy-banner{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.privacy-launcher{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
@media(max-width:600px){.privacy-banner{inset:auto 8px calc(72px + env(safe-area-inset-bottom,0px));display:block;padding:15px;max-height:calc(100dvh - 100px);overflow:auto;border-radius:14px}.privacy-copy strong{font-size:16px}.privacy-copy p{font-size:12px;margin:6px 0 8px}.privacy-links{font-size:11px}.privacy-actions{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.privacy-actions button{font-size:12px;padding:9px 8px}.privacy-actions button:last-child{grid-column:1/-1;min-height:36px}.privacy-launcher{left:10px;bottom:calc(76px + env(safe-area-inset-bottom,0px))}.privacy-settings{padding:18px}.privacy-settings h2{font-size:22px}.privacy-category{padding:12px;gap:12px}.privacy-settings footer button{flex:1 1 180px}}
@media(prefers-reduced-motion:reduce){.privacy-banner,.privacy-settings{scroll-behavior:auto}}

html.manager-contact-open{overflow:hidden}
@media(min-width:900px){html:root body.ci-v9 .desktop-market-subbar .desktop-market-phone{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin-left:6px}}
.manager-contact-help{display:flex;align-items:center;gap:9px 16px;flex-wrap:wrap;font-size:12px;color:var(--muted,#64727e);line-height:1.6;margin:12px 0 18px}.manager-contact-help a{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--text,#16222c);text-decoration:underline;text-underline-offset:3px}.manager-contact-help svg{width:16px;height:16px}
.manager-contact-dialog{--contact-bg:#fff;--contact-text:#16222c;--contact-muted:#64727e;--contact-line:#e2e7ec;--contact-soft:#f6f8fa;box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid var(--contact-line);border-radius:28px;background:var(--contact-bg);color:var(--contact-text);font-family:Manrope,Inter,Arial,sans-serif;overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 100px #0005;text-align:left}
.manager-contact-dialog *{box-sizing:border-box}
.manager-contact-dialog::backdrop{background:#050b12b8;backdrop-filter:blur(7px)}
.manager-contact-dialog[open]{animation:manager-contact-enter .18s ease-out}
.manager-contact-dialog a{color:inherit;text-decoration:none}
.manager-contact-close{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:40px;height:40px;padding:10px;border:1px solid var(--contact-line);border-radius:50%;color:var(--contact-muted);background:var(--contact-soft);cursor:pointer}
.manager-contact-close svg{width:20px;height:20px}
.manager-contact-eyebrow{display:flex;align-items:center;gap:11px;margin:0 46px 26px 0;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1.5}
.manager-contact-eyebrow small{font-size:8px;font-weight:700;letter-spacing:.13em;color:var(--contact-muted)}
.manager-contact-emblem{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#ec1738;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.08em}
.manager-contact-dialog h2{margin:0 0 15px;font-size:38px;font-weight:800;line-height:1.12;letter-spacing:-.045em;color:var(--contact-text)}
.manager-contact-dialog #manager-contact-description{margin:0 0 24px;max-width:440px;font-size:14px;line-height:1.7;color:var(--contact-muted)}
.manager-contact-number{position:relative;display:block;margin:0 0 22px;padding:17px 62px 18px 20px;border:1px solid var(--contact-line);border-radius:18px;background:var(--contact-soft)}
.manager-contact-number>span{display:block;font-size:11px;font-weight:600;color:var(--contact-muted);margin-bottom:5px}
.manager-contact-number strong{display:block;font-size:28px;line-height:1.3;letter-spacing:-.04em;font-weight:800;white-space:nowrap}
.manager-contact-number i{position:absolute;right:19px;top:50%;transform:translateY(-50%);color:#eb1738}
.manager-contact-number svg{display:block;width:25px;height:25px}
.manager-contact-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.manager-contact-channel{display:flex;align-items:center;flex-direction:column;padding:17px 6px 14px;border:1px solid var(--contact-line);border-radius:17px;background:var(--contact-bg);transition:transform .15s ease,border-color .15s ease,background .15s ease}
.manager-contact-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:15px;overflow:hidden}
.manager-contact-icon img{display:block;width:29px;height:29px;object-fit:contain}
.manager-contact-max .manager-contact-icon{background:#6551ef}
.manager-contact-max .manager-contact-icon img{width:48px;height:48px}
.manager-contact-telegram .manager-contact-icon{background:linear-gradient(145deg,#37b2ec,#188ecd)}
.manager-contact-whatsapp .manager-contact-icon{background:linear-gradient(145deg,#2dd66a,#13ad50)}
.manager-contact-phone .manager-contact-icon{background:#ec1738;color:#fff}
.manager-contact-icon svg{width:25px;height:25px}
.manager-contact-channel strong{font-size:12px;line-height:1.4;font-weight:800;white-space:nowrap}
.manager-contact-channel small{margin-top:3px;font-size:10px;line-height:1.4;color:var(--contact-muted)}
.manager-contact-dialog .manager-contact-note{margin:20px 0 0;text-align:center;color:var(--contact-muted);font-size:11px;line-height:1.5}
.manager-contact-dialog :focus-visible{outline:3px solid #298bdc;outline-offset:4px}
.manager-contact-close:hover,.manager-contact-number:hover{border-color:#acb9c5}
@media(hover:hover){.manager-contact-channel:hover{transform:translateY(-3px);border-color:#acb9c5;background:var(--contact-soft)}}
html[data-theme=dark] .manager-contact-dialog{--contact-bg:#10191f;--contact-text:#f3f6fa;--contact-muted:#a0aeb9;--contact-line:#2a3943;--contact-soft:#17232c;color-scheme:dark}
@media(max-width:600px){.manager-contact-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:25px 20px 21px;border-radius:24px}.manager-contact-eyebrow{margin-bottom:22px}.manager-contact-close{top:16px;right:16px}.manager-contact-dialog h2{font-size:33px}.manager-contact-dialog #manager-contact-description{font-size:13px;margin-bottom:19px}.manager-contact-number{padding:14px 47px 15px 14px;margin-bottom:16px}.manager-contact-number strong{font-size:clamp(21px,6.6vw,28px)}.manager-contact-number i{right:14px}.manager-contact-number svg{width:22px;height:22px}.manager-contact-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.manager-contact-channel{display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-content:center;text-align:left;padding:13px 11px}.manager-contact-icon{width:42px;height:42px;grid-row:1/3;margin:0;border-radius:13px}.manager-contact-max .manager-contact-icon img{width:42px;height:42px}.manager-contact-channel strong{align-self:end;font-size:12px}.manager-contact-channel small{align-self:start;font-size:10px}.manager-contact-dialog .manager-contact-note{margin-top:16px}}
@media(max-height:600px){.manager-contact-dialog{padding-top:23px;padding-bottom:20px}.manager-contact-eyebrow{margin-bottom:17px}.manager-contact-dialog h2{font-size:29px}.manager-contact-dialog #manager-contact-description{margin-bottom:17px}.manager-contact-dialog .manager-contact-note{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.manager-contact-dialog[open]{animation:none}.manager-contact-channel{transition:none}}
@keyframes manager-contact-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

}
@layer reset {
  :root{--bg:#f2f5f7;--surface:#fff;--soft:#f6f8fa;--ink:#182630;--muted:#61717e;--line:#dce4e9;--accent:#e91638;--accent-ink:#cb1230;--accent-hover:#c90e2c;--accent-soft:#fff0f3;--success:#19764b;--shadow:0 8px 28px #172b3a08;--radius:20px;--page:1480px;--gutter:24px;--header:76px;--mobile-nav-space:0px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--commerce-red:var(--accent);--commerce-red-2:var(--accent);--commerce-ink:var(--ink);--commerce-muted:var(--muted);--commerce-line:var(--line);--commerce-card:var(--surface);--commerce-soft:var(--soft);--commerce-shadow:var(--shadow);--glass-accent:var(--accent);--ci-red:var(--accent);--text:var(--ink);--text-muted:var(--muted);--border:var(--line);--card:var(--surface);--accent-light:var(--accent-soft);color-scheme:light}
  html[data-theme=dark]{--bg:#0b1218;--surface:#131e27;--soft:#1b2934;--ink:#f1f5f8;--muted:#adbbc6;--line:#31414e;--accent:#f12648;--accent-ink:#ff7289;--accent-hover:#ff4563;--accent-soft:#3a202b;--success:#8cdbb4;--shadow:0 8px 28px #0002;color-scheme:dark}
  *{box-sizing:border-box}html{scroll-padding-top:calc(var(--header) + 16px);scroll-padding-bottom:calc(var(--mobile-nav-space) + 16px)}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 Inter,Arial,sans-serif;-webkit-text-size-adjust:100%;padding-bottom:var(--mobile-nav-space)}
  h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Inter,Arial,sans-serif;font-weight:800;line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(28px,3.3vw,44px)}h2{font-size:clamp(22px,2.3vw,30px)}h3{font-size:20px}p{line-height:1.65}small{font-size:12px}em,i{font-style:normal}a{color:inherit;text-underline-offset:3px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{padding:0}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%;object-fit:cover}svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg,a svg{pointer-events:none}input,textarea,select{max-width:100%;min-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);outline-offset:3px}textarea{min-height:112px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input[type=checkbox],input[type=radio]{width:20px;height:20px;flex:none;accent-color:var(--accent-ink);margin:0}input[type=range]{width:100%;accent-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,a{touch-action:manipulation}[hidden]{display:none!important}body.modal-open,body.legal-open,body.filter-explorer-open,body:has(.smart-filter.open){overflow:hidden}summary{cursor:pointer}summary>*{vertical-align:middle}table{border-collapse:collapse;width:100%}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
}
@layer components {
  /* Shared controls have one size, one icon scale and an explicit focus state. */
  .ci-symbols{position:absolute;width:0;height:0;overflow:hidden}.ci-icon{width:20px;height:20px}.desktop-market-subbar{display:none}
  :is(.primary-btn,.card-open,.desktop-card-primary,.about-inline-action){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:12px;background:var(--accent);color:#fff;text-align:center;text-decoration:none;font-size:14px;font-weight:750;line-height:1.4;box-shadow:none}
  :is(.primary-btn,.card-open,.desktop-card-primary,.about-inline-action):hover{background:var(--accent-hover)}
  :is(.secondary-btn,.desktop-card-secondary,.filter-reset,.flow-back,.call-only){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);font-size:13px;font-weight:650;line-height:1.4;text-decoration:none}
  .app-shell{width:100%;min-width:0}#app{width:min(100%,var(--page));margin:auto;padding:32px var(--gutter) 0}.view{min-width:0;margin:0 auto;padding:0}.view>section+section{margin-top:24px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-head p{color:var(--muted);margin-top:12px}.empty-state{display:grid;justify-items:center;gap:16px;text-align:center;padding:48px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.empty-state>svg{width:40px;height:40px;color:var(--muted)}.empty-state p{max-width:520px;color:var(--muted)}.loading-screen{min-height:40vh;display:grid;align-content:center;justify-items:center;gap:20px}.loader-mark{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--accent-ink);border-radius:50%;animation:ui-spin .8s linear infinite}
  .topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:24px;min-height:var(--header);padding:12px max(var(--gutter),calc((100vw - var(--page))/2 + var(--gutter)));background:var(--surface);border-bottom:1px solid var(--line)}
  .brand{display:flex;align-items:center;gap:10px;min-width:0;flex:none;text-align:left}.brand>img{width:44px;height:44px;border-radius:50%}.brand-copy{display:grid;gap:3px}.brand-copy strong{font-size:16px;white-space:nowrap;letter-spacing:-.035em}.brand-copy em{color:var(--accent)}.brand-copy small{font-size:9px;letter-spacing:.015em;color:var(--muted);white-space:nowrap}
  .top-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;min-width:0}.nav-item{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:650;white-space:nowrap}.nav-item.active{color:var(--accent-ink);background:var(--accent-soft)}.nav-item[data-view=deals]{display:none}.nav-item svg{width:18px;height:18px}.top-actions{display:flex;align-items:center;gap:8px;flex:none}.theme-toggle,.top-contact{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:14px;background:var(--soft);text-decoration:none}.theme-toggle span{display:none}.top-contact{color:var(--accent)}.theme-icon-dark{display:none}html[data-theme=dark] .theme-icon-light{display:none}html[data-theme=dark] .theme-icon-dark{display:block}.top-actions .header-catalog-search{display:none}.top-selection-cta{min-height:44px;padding:10px 16px;background:var(--accent);color:#fff;border-radius:12px;font-weight:700;font-size:13px}.mobile-nav,.mobile-services:not([open]){display:none}
  /* Catalogue: the card is shared at every breakpoint. */
  .desktop-campaign-experience{margin-bottom:32px}.desktop-campaign-hero{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--soft);aspect-ratio:2.35}.desktop-campaign-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.desktop-campaign-next{opacity:0;transition:opacity .7s}.desktop-campaign-next.is-visible{opacity:1}.desktop-campaign-copy,.desktop-campaign-controls,.desktop-campaign-thumbs,.desktop-campaign-progress{display:none}
  .desktop-catalog-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.desktop-catalog-sidebar{position:sticky;top:calc(var(--header) + 16px);max-height:calc(100dvh - var(--header) - 32px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);scrollbar-width:thin}.desktop-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.desktop-sidebar-heading small{font-size:12px;color:var(--muted)}.desktop-sidebar-heading h2{font-size:18px;margin-top:4px}.desktop-sidebar-heading button{color:var(--accent-ink);font-size:12px;min-height:44px}.desktop-sidebar-search{position:relative;display:block}.desktop-sidebar-search input{padding-right:40px;font-size:13px}.desktop-sidebar-search svg{position:absolute;right:12px;top:14px}.desktop-filter-group{display:grid;gap:8px;padding:20px 0;border-bottom:1px solid var(--line)}.desktop-filter-group:last-child{border:0}.desktop-filter-group h3{font-size:14px;margin-bottom:4px}.desktop-filter-row{display:flex;align-items:center;gap:10px;min-height:36px;font-size:13px;text-align:left}.desktop-filter-row>i{width:16px;height:16px;flex:none;border:1px solid var(--line);border-radius:4px;background:var(--soft)}.desktop-filter-row.active>i{background:var(--accent);border-color:var(--accent-ink);box-shadow:inset 0 0 0 3px var(--surface)}.desktop-filter-row small{font-size:12px;color:var(--muted)}.desktop-filter-options{display:grid;gap:4px}.desktop-filter-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.desktop-filter-field,.desktop-filter-custom{display:grid;gap:6px;min-width:0}.desktop-filter-field>span,.desktop-filter-custom>span{font-size:12px;color:var(--muted)}.desktop-filter-field input{padding:10px;font-size:13px}.desktop-hot-switch{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:12px}.desktop-hot-switch>i{display:none}.desktop-more-filters{display:flex;align-items:center;gap:8px;min-height:48px;font-size:13px;color:var(--accent)}.desktop-catalog-main{min-width:0}.desktop-catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.desktop-catalog-heading h1{font-size:28px}.desktop-catalog-heading>div>span{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.desktop-catalog-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:end}.desktop-catalog-tools>strong{font-size:12px;color:var(--muted)}.desktop-sort-control{width:190px}.desktop-whatsapp{display:none}
  .cars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.car-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.car-media{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--soft)}.car-media>img{width:100%;height:100%;object-fit:cover}.card-brand-mark,.car-year,.car-specs{display:none}.favorite-btn{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fffffff0;color:#34424d;border:1px solid #ffffffa0}.favorite-btn.saved{color:#fff;background:var(--accent);border-color:var(--accent)}.favorite-btn svg{width:23px;height:23px}.photo-count{position:absolute;right:12px;bottom:12px;display:flex;gap:5px;align-items:center;font-size:12px;padding:4px 7px;border-radius:8px;background:#10202cbf;color:#fff}.photo-count svg{width:16px;height:16px}.hot-badge,.detail-hot-offer{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;color:#fff;background:#ac351b;font-size:12px}.hot-badge{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 80px)}.is-hot-offer{border-color:#df7d42}.car-body{padding:16px}.car-title h3{font-size:20px;overflow-wrap:anywhere}.car-title p{font-size:12px;color:var(--muted);margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desktop-card-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}.desktop-card-facts>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:58px;padding:8px 3px}.desktop-card-facts>span+span{border-left:1px solid var(--line)}.desktop-card-facts b{font-size:13px;font-weight:750;white-space:nowrap}.desktop-card-facts small{font-size:10px;line-height:1.2;color:var(--muted);text-transform:uppercase}.car-price-row{display:grid;gap:12px}.price-label{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-bottom:6px}.car-price{display:block;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.source-price-live{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:6px;font-size:11px;color:var(--muted);line-height:1.5}.source-price-live i{font-size:10px;color:var(--success);background:color-mix(in srgb,var(--success) 9%,transparent);padding:2px 5px;border-radius:4px}.desktop-credit{display:block;color:var(--muted);font-size:12px;margin-top:8px}.car-price-row>.card-open{display:none}.desktop-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.desktop-card-actions button{min-height:44px;padding:10px 8px;font-size:12px;line-height:1.4}.catalog-load-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:28px 0}.catalog-load-more>span{color:var(--muted);font-size:13px}.catalog-load-more button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent-ink);font-weight:700}.catalog-load-notice{position:fixed;right:24px;bottom:90px;z-index:120;width:min(300px,calc(100vw - 32px));padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);font-size:13px}.catalog-load-notice progress{width:100%;accent-color:var(--accent)}
  .market-intro{margin-bottom:24px}.market-intro>div>span,.market-intro aside{display:none}.market-intro h1 em{font-style:normal;color:var(--muted);font-weight:600}.market-intro p{margin-top:12px;color:var(--muted);font-size:14px}.glass-search-row{display:grid;grid-template-columns:1fr 48px;gap:8px;margin-bottom:24px}.glass-search{display:flex;align-items:center;gap:10px;padding:0 14px;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.glass-search input{padding:12px 0;border:0;background:none}.filter-open-button{display:grid;place-items:center;position:relative;width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.filter-open-button>span{display:none}.filter-open-button>b{position:absolute;top:-5px;right:-5px;font-size:11px;background:var(--accent);color:#fff;border-radius:20px;padding:2px 5px}.popular-brand-section{margin-bottom:24px}.market-section-title,.inventory-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.market-section-title h2,.inventory-title h2{font-size:20px}.market-section-title>div>span,.market-section-title>small{display:none}.popular-brand-rail{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:thin}.popular-brand{flex:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.popular-brand strong{font-size:13px}.popular-brand small,.brand-rail-arrow{display:none}.popular-brand.active{border-color:var(--accent-ink);background:var(--accent-soft)}.popular-brand .brand-mark{display:grid;place-items:center;width:26px;height:26px;flex:none}.popular-brand .brand-mark img{width:24px;height:24px;object-fit:contain}.sort-control{width:44px;position:relative;display:grid;place-items:center}.sort-control>svg{position:absolute;pointer-events:none}.sort-control .filter-select-value,.sort-control .filter-select-trigger>svg{visibility:hidden}.sort-control .filter-select-trigger{width:44px;padding:10px;background:var(--surface)}.sort-control .filter-select-menu{right:0;left:auto;min-width:240px}.inventory-tools{display:flex;gap:8px}.inventory-tools>button{display:none}.active-filter-rail{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.active-filter-rail button{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:var(--accent-soft);font-size:12px}.active-filter-rail svg{width:16px;height:16px}
  /* Custom selects and the complete filter use the same field primitive. */
  .filter-select-control{position:relative;min-width:0}.filter-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);text-align:left;font-size:13px}.filter-select-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.filter-select-trigger>svg{width:16px;height:16px;transform:rotate(90deg)}.filter-select-menu{display:none;position:absolute;z-index:110;top:calc(100% + 6px);left:0;min-width:100%;max-height:260px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 35px #0003}.filter-select-control.open>.filter-select-menu{display:block}.filter-select-control.drop-up>.filter-select-menu{top:auto;bottom:calc(100% + 6px)}.filter-select-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:10px;border-radius:7px;text-align:left;font-size:13px;white-space:normal}.filter-select-menu button[aria-selected=true],.filter-select-menu button:hover{background:var(--accent-soft);color:var(--accent)}.filter-select-menu button>i{width:18px;flex:none}.filter-select-menu button:not([aria-selected=true])>i{visibility:hidden}.filter-option-count{padding-left:6px;color:var(--muted)}
  .smart-filter:not(.open),.smart-filter-trigger{display:none}.smart-filter.open{position:fixed;z-index:300;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 0 0 100vmax #07121b99,0 20px 60px #0003;overscroll-behavior:contain}.smart-filter-body{padding:24px}.smart-filter-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.smart-filter-topline>div{display:grid;gap:6px}.smart-filter-topline span{font-size:12px;color:var(--accent)}.smart-filter-topline strong{font-size:24px;line-height:1.25}.smart-filter-topline small{color:var(--muted)}.smart-filter-topline>button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:13px}.filter-modal-section{padding:24px 0;border-top:1px solid var(--line)}.filter-stage-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}.filter-stage-head>span{display:grid;place-items:center;width:36px;height:36px;background:var(--accent-soft);color:var(--accent-ink);border-radius:10px;font-size:13px;font-weight:700}.filter-stage-head strong{display:block;font-size:16px}.filter-stage-head small{display:block;margin-top:4px;color:var(--muted)}.filter-modal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.filter-modal-grid>:is(label,.advanced-select-field){min-width:0;display:grid;align-content:start;gap:8px}.filter-modal-grid>:is(label,.advanced-select-field)>span{font-size:13px;color:var(--muted)}.filter-modal-grid .filter-select-trigger{min-height:48px}.filter-modal-grid input{font-size:14px}.filter-switch{grid-column:span 2;display:flex;align-items:center;gap:10px}.filter-switch>i{display:none}.filter-switch span{display:grid;gap:4px}.filter-switch small{color:var(--muted)}.smart-filter-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:var(--surface);border-top:1px solid var(--line);z-index:120}.smart-filter-footer .primary-btn{min-width:220px}
  /* Vehicle dialog: independent scrolling and a reserved action area. */
  .detail-backdrop,.legal-backdrop,.lightbox-backdrop,.filter-explorer-backdrop{position:fixed;inset:0;background:#07121bb3;z-index:400}.detail-sheet{position:fixed;z-index:401;inset:24px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);grid-template-rows:minmax(0,1fr) 88px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.sheet-handle{display:none}.detail-actions-stack{position:absolute;z-index:4;right:16px;top:16px;display:flex;gap:8px}.detail-actions-stack button,.detail-gallery-arrow{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.detail-favorite.saved{color:var(--accent)}.detail-gallery-wrap{position:relative;min-height:0;overflow:hidden;background:var(--soft);grid-column:1;grid-row:1}.detail-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;overscroll-behavior:contain}.detail-gallery>button{flex:0 0 100%;min-width:100%;height:100%;scroll-snap-align:center}.detail-gallery img{width:100%;height:100%;object-fit:contain}.detail-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.detail-gallery-arrow.prev{left:16px}.detail-gallery-arrow.next{right:16px}.detail-gallery-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:5px 10px;background:#10202cbf;color:#fff;font-size:12px;border-radius:12px}.detail-thumbnails{display:flex;gap:8px;padding:12px;overflow-x:auto;grid-column:1;grid-row:2;border-top:1px solid var(--line)}.detail-thumbnail{position:relative;flex:0 0 76px;height:60px;border:2px solid transparent;border-radius:9px;overflow:hidden}.detail-thumbnail.active{border-color:var(--accent)}.detail-thumbnail img{width:100%;height:100%}.detail-thumbnail span{position:absolute;right:3px;bottom:3px;font-size:10px;padding:1px 4px;background:#10202cbf;color:#fff;border-radius:4px}.detail-content{grid-column:2;grid-row:1/-1;overflow-y:auto;overscroll-behavior:contain;padding:80px 28px 112px;min-width:0}.detail-eyebrow{font-size:12px;color:var(--accent-ink);margin-bottom:12px}.detail-title-row h2{font-size:clamp(26px,2.5vw,36px);overflow-wrap:anywhere}.detail-trim{color:var(--muted);font-size:13px;margin-top:8px}.detail-price{margin:24px 0;padding:24px 0;border-block:1px solid var(--line)}.detail-price strong{display:block;font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.2}.detail-price span{display:block;font-size:13px;color:var(--muted);margin-top:10px}.spec-title{font-size:18px;margin:24px 0 14px}.detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-spec,.condition-box,.included-box{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);min-width:0;font-size:13px}.detail-spec span,.condition-box span,.included-box>span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.detail-spec strong,.condition-box strong{overflow-wrap:anywhere}.condition-box,.included-box{margin-top:12px}.included-box{line-height:1.65;background:var(--accent-soft)}.detail-breakdown,.extra-specs{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;padding:4px 16px}.detail-breakdown>div,.extra-specs>div{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:12px 0;font-size:13px;border-bottom:1px solid var(--line)}.detail-breakdown>div:last-child,.extra-specs>div:last-child{border:0}.detail-breakdown strong{white-space:nowrap}.detail-breakdown small{display:block;color:var(--muted)}.full-specs-panel,.equipment-groups details{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px}.full-specs-panel summary{display:flex;gap:12px;align-items:center;font-size:13px}.full-specs-panel summary>span{flex:1;display:grid;gap:4px}.full-specs-panel small{color:var(--muted)}.full-specs-content{margin-top:16px}.equipment-heading{display:grid;gap:6px;margin-top:24px}.equipment-heading>span,.equipment-heading>small{color:var(--muted);font-size:12px}.equipment-groups summary{display:flex;justify-content:space-between;gap:12px;font-size:14px}.equipment-groups p{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:13px}.source-link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:12px;text-decoration:none}.source-link>span{display:grid;gap:4px}.source-link small{color:var(--muted)}.detail-cta{position:fixed;z-index:402;right:25px;bottom:25px;width:calc((100vw - 50px) * .4);min-width:360px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px 28px;background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 24px 0}.detail-cta .call-only{padding:0;height:48px}.detail-cta .primary-btn{padding-inline:12px}.detail-data-loading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:12px}
  /* Checkout: sections, fields, consent and summary share a single content edge. */
  .checkout-view{max-width:1040px}.flow-top{display:flex;align-items:center;gap:16px;margin-bottom:28px}.flow-back{width:48px;height:48px;padding:0;flex:none}.flow-step{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.flow-top h1{font-size:32px}.flow-top h1 br{display:none}.checkout-vehicle-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.checkout-vehicle-hero>img{width:100%;height:100%;min-height:260px;max-height:360px;object-fit:cover}.checkout-vehicle-shade,.checkout-vehicle-number,.checkout-vehicle-top{display:none}.checkout-vehicle-copy{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px}.checkout-vehicle-copy>p{color:var(--muted);font-size:13px}.checkout-vehicle-copy h2{font-size:28px}.checkout-vehicle-copy>div{display:grid;gap:8px}.checkout-vehicle-copy>div>span{font-size:12px;color:var(--muted)}.checkout-vehicle-copy strong{font-size:32px;line-height:1.25;letter-spacing:-.04em}.checkout-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px 0}.checkout-assurance>div{display:flex;gap:12px;align-items:center;justify-content:center}.checkout-assurance svg{color:var(--accent-ink);width:24px;height:24px}.checkout-assurance span{display:grid;gap:3px}.checkout-assurance strong{font-size:14px}.checkout-assurance small{color:var(--muted)}
  :is(.checkout-section,.checkout-economics,.transaction-brief,.finance-panel,.tradein-panel,.bank-financing,.checkout-confirmation){padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0}.checkout-form{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.checkout-form>*{min-width:0}.premium-section-head{display:flex;align-items:center;gap:14px;margin-bottom:24px}.premium-section-head>span{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);font-weight:750;font-size:14px}.premium-section-head>div{flex:1;min-width:0}.premium-section-head p{color:var(--muted);font-size:12px;margin-bottom:5px}.premium-section-head h2{font-size:24px}.premium-section-head>small{color:var(--muted)}.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-option{position:relative;display:flex;flex-direction:column;align-items:start;gap:12px;min-height:164px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--soft);text-align:left}.payment-option.selected{border-color:var(--accent-ink);background:var(--accent-soft)}.payment-option>i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--surface);color:var(--accent)}.payment-option strong{font-size:16px}.payment-option small{font-size:13px;color:var(--muted);line-height:1.5}.payment-option>b{position:absolute;top:16px;right:16px;color:var(--accent)}.payment-code{display:none}
  .economics-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px}.economics-heading span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.economics-heading h2{font-size:24px}.economics-heading>b{font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:8px}.economics-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.economics-lines>div{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.economics-lines>div>span{display:flex;gap:10px;align-items:start}.economics-lines i{font-size:12px;color:var(--muted);line-height:1.8}.economics-lines strong{white-space:nowrap}.economics-total{font-weight:700}.economics-total>span{flex-direction:column;gap:4px}.economics-total small{font-weight:400;color:var(--muted)}.util-explainer{display:flex;align-items:start;gap:12px;padding:20px;background:var(--soft);border-radius:14px}.util-explainer>span{color:var(--accent)}.util-explainer small{display:block;color:var(--muted)}.util-explainer strong{display:block;font-size:20px;margin:8px 0}.util-explainer p{font-size:13px;color:var(--muted)}.market-advantage{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.market-advantage span{font-size:12px;color:var(--muted)}.market-advantage h3{font-size:20px;margin:6px 0 10px}.market-advantage p,.market-advantage>small{font-size:13px;color:var(--muted)}.market-advantage a{display:inline-flex;align-items:center;gap:8px;font-size:13px;flex:none}
  .transaction-brief-head{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:20px}.transaction-brief-head>span{color:var(--accent)}.transaction-brief-head>b{margin-left:auto;font-size:12px;color:var(--muted)}.transaction-brief-price{display:grid;gap:8px;margin-bottom:16px}.transaction-brief-price>span{color:var(--muted);font-size:13px}.transaction-brief-price>strong{font-size:30px;letter-spacing:-.035em}.transaction-brief-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}.transaction-brief-row>span{color:var(--muted)}.transaction-brief>p{display:flex;align-items:start;gap:10px;margin-top:16px;color:var(--muted);font-size:13px}.transaction-brief>p svg{width:18px;height:18px;margin-top:2px}.finance-panel-top{display:flex;align-items:center;gap:16px;margin-bottom:24px}.finance-panel-top>span{color:var(--accent)}.finance-panel-top>div{display:grid;gap:8px;flex:1;min-width:0}.finance-panel-top small{color:var(--muted)}.finance-panel-top strong{font-size:28px;letter-spacing:-.035em}.finance-panel-top em{font-size:14px;font-weight:400;margin-left:6px;color:var(--muted)}.finance-panel-top>b{font-size:16px}.finance-term{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px;min-width:0}.finance-term>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.finance-term button{min-width:0;min-height:44px;flex:1;display:flex;justify-content:center;gap:6px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.finance-term button.active{background:var(--accent-soft);border-color:var(--accent-ink);color:var(--accent)}.finance-down{display:grid;gap:12px}.finance-down>span{display:flex;justify-content:space-between;gap:16px;font-size:14px}.finance-down small{color:var(--muted)}.finance-panel>p{font-size:12px;color:var(--muted);margin-top:16px}.bank-financing{margin-top:24px}.bank-financing h3{margin-bottom:12px}.bank-financing p{font-size:13px;color:var(--muted)}.bank-grid,.bank-choices,.bank-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.bank-choice{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;text-align:left}.bank-choice.selected{border-color:var(--accent-ink);background:var(--accent-soft)}.bank-choice img,.bank-choice>i{width:40px;height:40px;object-fit:contain;flex:none}.bank-choice>span{display:grid;gap:6px;flex:1;min-width:0;overflow-wrap:anywhere}.bank-choice small{color:var(--muted)}.tradein-toggle{display:flex;align-items:center;gap:12px;width:100%;text-align:left}.tradein-toggle>span{display:grid;gap:5px;flex:1}.tradein-toggle small{color:var(--muted)}.tradein-toggle svg{color:var(--accent)}.tradein-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.tradein-fields>label{display:grid;gap:8px;font-size:13px}.tradein-fields p{grid-column:1/-1;font-size:12px;color:var(--muted)}
  .contact-section>.checkout-disclaimer{text-align:left;margin:0 0 16px}.manager-contact-help{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:20px}.manager-contact-help a{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--ink);font-weight:650}.manager-contact-help svg{width:18px;height:18px}.contact-channel-picker{display:grid;gap:12px;margin-bottom:24px}.contact-channel-picker>span{font-size:13px;color:var(--muted)}.contact-channel-picker>div:not(.channel-handle){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.contact-channel-picker button{position:relative;display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);min-width:0;text-align:left}.contact-channel-picker button.active{border-color:var(--accent-ink);background:var(--accent-soft)}.contact-channel-picker button>span{display:grid;gap:4px;min-width:0}.contact-channel-picker button strong{font-size:14px}.contact-channel-picker button small{font-size:12px;color:var(--muted)}.contact-channel-picker button>svg{position:absolute;top:4px;right:4px;width:13px;height:13px;color:var(--accent)}.channel-brand-icon{width:28px;height:28px;flex:none;display:grid;place-items:center}.channel-brand-icon img,.channel-brand-icon svg{width:28px;height:28px;object-fit:contain}.channel-handle{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px 12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.channel-handle>i{grid-row:1/3;color:var(--accent-ink);align-self:center}.channel-handle>span{font-size:13px}.channel-handle>input{grid-column:2;padding:8px 0;border:0;background:transparent}.channel-handle.phone{display:flex;align-items:center;gap:12px}.channel-handle.phone>span{display:grid;gap:4px}.channel-handle small{color:var(--muted)}.checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.checkout-fields>label{display:grid;grid-template-columns:20px minmax(0,1fr);align-content:start;gap:8px 10px;min-width:0}.checkout-fields>label>i{color:var(--accent-ink);grid-column:1;grid-row:1;display:grid;place-items:center}.checkout-fields>label>span{grid-column:2;font-size:13px;font-weight:600}.checkout-fields input,.checkout-fields textarea{grid-column:1/-1;grid-row:2;font-size:16px}.contact-city,.contact-comment{grid-column:1/-1}
  .checkout-confirmation{display:grid;gap:20px}.consent-row{position:relative;display:flex;align-items:start;gap:12px;font-size:14px;line-height:1.6}.consent-row>input{position:static;opacity:1;margin-top:2px;width:20px;height:20px;flex:none}.consent-row>i{display:none}.consent-row>span{flex:1;min-width:0}.legal-inline-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0 0 0 32px;font-size:13px;line-height:1.6}.legal-inline-links button,.legal-inline-links a{min-height:28px;text-decoration:underline;text-underline-offset:4px;color:var(--muted);text-align:left}.legal-inline-links>span{display:none}.checkout-final-action{display:grid;grid-template-columns:1fr;justify-items:center;gap:20px;border-top:1px solid var(--line);padding-top:24px;text-align:center}.checkout-final-action>div{display:grid;gap:6px;justify-items:center}.checkout-final-action>div>span{font-size:12px;color:var(--muted)}.checkout-final-action strong{font-size:18px;line-height:1.4}.checkout-final-action small{font-size:30px;line-height:1.2;color:var(--ink);font-weight:800;letter-spacing:-.035em}.checkout-final-action .checkout-submit{width:min(100%,420px);min-height:52px;font-size:16px;padding:14px 24px}.checkout-disclaimer{font-size:13px;color:var(--muted);line-height:1.65;text-align:center}.checkout-confirmation>.checkout-disclaimer{max-width:600px;justify-self:center}
  /* Profiles and authentication. */
  .profile-auth-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:24px;align-items:start}.profile-auth-intro,.profile-auth-card,.manager-login-intro,.manager-login-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.profile-premium-head>div>span{font-size:12px;color:var(--accent)}.profile-premium-head h1{margin:12px 0 16px}.profile-premium-head p{color:var(--muted);font-size:14px}.profile-auth-benefits{display:grid;gap:20px;margin-top:32px}.profile-auth-benefits>div{display:flex;gap:12px;align-items:start}.profile-auth-benefits svg{color:var(--accent-ink);margin-top:2px}.profile-auth-benefits span{display:grid;gap:6px}.profile-auth-benefits strong{font-size:14px}.profile-auth-benefits small{color:var(--muted)}.profile-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.profile-auth-card>i{display:grid;place-items:center;width:44px;height:44px;background:var(--accent-soft);color:var(--accent-ink);border-radius:12px;margin-bottom:20px}.profile-auth-card h2{font-size:24px;margin-bottom:12px}.profile-auth-card p{font-size:14px;color:var(--muted);margin-bottom:20px}.profile-auth-tabs{display:flex;padding:4px;border-radius:12px;background:var(--soft);margin-bottom:20px}.profile-auth-tabs button{flex:1;min-height:44px;padding:10px;border-radius:9px;font-size:13px}.profile-auth-tabs button.active{background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow)}.profile-auth-form,.login-form{display:grid;gap:20px}.profile-auth-form label,.login-form label{display:grid;gap:8px;font-size:13px;font-weight:600}.profile-auth-card>.primary-btn{width:100%;margin-bottom:16px}.profile-auth-card .profile-auth-note{font-size:12px;margin:0}.manager-login-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:auto}.manager-login-features{display:grid;gap:20px;margin-top:24px}.manager-login-features>div{display:flex;align-items:center;gap:12px}.manager-login-features span{display:grid;gap:6px}.manager-login-intro p{color:var(--muted);margin-top:16px}.manager-login-card h2{margin-bottom:16px}
  .profile-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.profile-dashboard-head span{font-size:12px;color:var(--accent)}.profile-dashboard-head h1{margin:12px 0}.profile-dashboard-head p{color:var(--muted);font-size:14px}.profile-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px}.profile-dashboard-grid>main{display:grid;gap:20px}.profile-v2-identity,.profile-v2-stats,.profile-v2-deal,.profile-v2-favorites,.profile-v2-sidebar{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.profile-v2-identity{display:flex;gap:16px;align-items:center}.profile-avatar-wrap{flex:none}.profile-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:24px}.profile-v2-identity>div:nth-child(2){flex:1;min-width:0}.profile-v2-identity small,.profile-v2-identity p{font-size:13px;color:var(--muted)}.profile-v2-identity h2{font-size:24px;margin:6px 0}.profile-v2-identity>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--success)}.profile-v2-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-v2-stats>*{display:grid;justify-content:start;gap:6px;text-align:left}.profile-v2-stats strong{font-size:28px}.profile-v2-stats span{font-size:14px}.profile-v2-stats small{color:var(--muted)}.profile-v2-deal{display:flex;align-items:center;gap:16px;text-align:left}.profile-v2-deal>i{color:var(--accent)}.profile-v2-deal>span{display:grid;gap:6px;flex:1}.profile-v2-deal small,.profile-v2-deal em{color:var(--muted);font-size:12px}.profile-v2-sidebar>header{margin-bottom:20px}.profile-v2-sidebar>header span{font-size:12px;color:var(--muted)}.profile-v2-sidebar h2{font-size:22px;margin-top:8px}.profile-v2-sidebar>:is(a,button){display:flex;gap:12px;align-items:center;width:100%;padding:16px 0;border-top:1px solid var(--line);text-align:left;text-decoration:none}.profile-v2-sidebar>:is(a,button)>i{color:var(--accent)}.profile-v2-sidebar>:is(a,button)>span{display:grid;gap:6px;flex:1}.profile-v2-sidebar strong{font-size:14px}.profile-v2-sidebar small{color:var(--muted)}.profile-v2-favorites>header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.profile-v2-favorites>header span{font-size:12px;color:var(--accent)}.profile-v2-favorites h2{font-size:24px;margin:8px 0}.profile-v2-favorites p{font-size:13px;color:var(--muted)}.profile-v2-favorites>header>button{font-size:13px;color:var(--accent-ink);min-height:44px}.profile-v2-favorites-empty{display:flex;gap:14px;align-items:center;padding:24px;background:var(--soft);border-radius:14px}.profile-v2-favorites-empty>span{display:grid;gap:6px;flex:1}.profile-v2-favorites-empty small{color:var(--muted)}.profile-v2-favorites article{position:relative;padding:12px 0;border-top:1px solid var(--line)}.profile-favorite-open{display:flex;gap:16px;align-items:center;text-align:left;width:100%;padding-right:44px}.profile-favorite-open>img{width:120px;aspect-ratio:16/10;border-radius:10px}.profile-favorite-open>span{display:grid;gap:6px}.profile-favorite-open small{color:var(--muted)}.profile-favorite-remove{position:absolute;right:0;top:20px;width:44px;height:44px;color:var(--accent)}
  /* Footer and legal documents retain comfortable clickable text. */
  .site-footer{overflow:hidden;margin:64px 0 0;border:1px solid var(--line);border-radius:24px 24px 0 0;background:var(--surface)}.site-footer-visual{position:relative;height:220px;overflow:hidden;background:#10202c}.site-footer-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.site-footer-art-dark{display:none}html[data-theme=dark] .site-footer-art-dark{display:block}html[data-theme=dark] .site-footer-art-light{display:none}.site-footer-visual>div{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:var(--surface);color:var(--ink)}.site-footer-visual>div>img{width:44px;height:44px;border-radius:50%}.site-footer-visual span{display:grid;gap:4px}.site-footer-visual small{color:var(--muted)}.site-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:32px}.site-footer-grid section{display:flex;flex-direction:column;align-items:start;gap:4px;min-width:0}.site-footer-grid section>span{font-size:12px;color:var(--muted);margin-bottom:10px;font-weight:700}.site-footer-grid :is(button,a){display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 0;text-align:left;text-decoration:none;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.site-footer-grid :is(button,a):hover{color:var(--accent)}.site-footer-grid img{width:20px;height:20px;object-fit:contain;background:#25a263;border-radius:4px;padding:2px}.site-footer-bottom{display:grid;gap:8px;padding:24px 32px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted)}
  /* Specialised pages inherit the same spacing and control sizes. */
  .commerce-view{min-width:0}.commerce-view :is(input,textarea,select){font-size:16px}.commerce-view .commerce-form-grid{gap:20px}.commerce-view :is(.commerce-root-hero,.commerce-detail-hero){padding:32px;gap:32px}.commerce-view :is(.commerce-root-copy,.commerce-detail-copy) h1{font-size:clamp(30px,3.6vw,52px);line-height:1.15;margin:16px 0 20px}.commerce-view :is(.commerce-root-copy,.commerce-detail-copy) p{font-size:15px;line-height:1.7}.commerce-view :is(.commerce-root-stats,.commerce-root-actions){flex-wrap:wrap;gap:16px}.commerce-view :is(.commerce-form,.commerce-request-form){padding:28px}.commerce-view label{line-height:1.5}.commerce-view label>span{font-size:13px}.commerce-view .consent-row{padding:16px 0}.commerce-view .legal-inline-links{padding-left:32px;margin-bottom:20px}.commerce-view button[type=submit]{min-height:52px}.about-story-copy :is(p,li){font-size:15px;line-height:1.7}.about-story-copy li{display:flex;align-items:start;gap:10px}.about-story-copy li svg{margin-top:3px}.process-tree-copy p,.process-tree-copy li{font-size:14px;line-height:1.7}.process-tree-copy li{gap:10px}.profile-view,.deal-view,.commerce-view,.about-view{color:var(--ink)}
  .ai-fab{position:fixed;right:20px;bottom:calc(var(--mobile-nav-space) + 20px);z-index:150;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--accent);color:#fff;box-shadow:var(--shadow)}.ai-fab svg{width:24px;height:24px}.ai-fab>b{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;min-width:20px;height:20px;padding:2px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:10px}.ai-fab>img{display:none}.privacy-launcher{bottom:calc(var(--mobile-nav-space) + 20px);left:20px}.privacy-choice{font-size:14px;line-height:1.6}.privacy-choice a{margin-inline:2px}.privacy-actions{gap:12px}.manager-contact-help svg{flex:none}.contact-dialog__option{min-height:60px}
  .toast{position:fixed;bottom:calc(var(--mobile-nav-space) + 24px);left:50%;transform:translateX(-50%);z-index:1000;padding:14px 20px;width:max-content;max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 24px #0003;font-size:14px}
  @media(min-width:900px) and (max-width:1199px){.topbar{gap:16px}.top-nav{gap:0}.nav-item{font-size:12px;padding-inline:9px}.nav-item svg{display:none}.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px}.desktop-catalog-shell{grid-template-columns:220px minmax(0,1fr);gap:20px}.desktop-catalog-sidebar{padding:16px}.cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-auth-grid{grid-template-columns:1fr}.desktop-catalog-heading{align-items:start;flex-direction:column}.desktop-catalog-tools{justify-content:start}.detail-sheet{grid-template-columns:1fr 1fr}.detail-cta{width:calc((100vw - 50px)/2);padding-inline:20px}.detail-content{padding-inline:20px}.top-selection-cta{display:none}}
  @media(min-width:1200px){.desktop-catalog-shell .cars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:899px){
    :root{--gutter:16px;--header:64px;--mobile-nav-space:calc(68px + env(safe-area-inset-bottom,0px))}body{font-size:14px}#app{padding-top:24px}.topbar{gap:8px;padding:10px 16px;min-height:64px}.brand{gap:8px;flex:1}.brand>img{width:36px;height:36px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:7px}.top-nav,.top-selection-cta{display:none}.top-actions{gap:6px}.theme-toggle,.top-contact{width:42px;height:42px}.mobile-nav{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;border-radius:12px;font-size:10px;font-weight:600;line-height:1.2}.mobile-nav-item svg{width:22px;height:22px}.mobile-nav-item.active{color:var(--accent-ink);background:var(--accent-soft)}html[data-theme=dark] .mobile-nav-item.active{color:#ff8297}.mobile-services{position:fixed;inset:auto 12px calc(var(--mobile-nav-space) + 12px);width:calc(100% - 24px);max-width:520px;margin:0 auto;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink)}.mobile-services::backdrop{background:#07121b99}.mobile-services header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mobile-services header span{font-size:12px;color:var(--muted)}.mobile-services h2{margin-top:4px;font-size:24px}.mobile-services header>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px}.mobile-services-list{display:grid;gap:12px}.mobile-services-list button{display:flex;align-items:center;gap:12px;min-height:72px;padding:16px;border:1px solid var(--line);border-radius:12px;text-align:left}.mobile-services-list button>span{display:grid;gap:6px;flex:1}.mobile-services-list small{color:var(--muted)}.mobile-services-contact{display:flex;align-items:center;gap:12px;margin-top:16px;text-decoration:none;padding:12px 0}.mobile-services-contact span{display:grid;gap:6px;font-size:12px}.mobile-services-contact strong{font-size:16px}
    .desktop-campaign,.desktop-catalog-shell{display:none}.cars-grid{grid-template-columns:minmax(0,1fr);gap:20px}.car-price-row{grid-template-columns:minmax(0,1fr) 108px;gap:6px 12px;align-items:center}.car-price-row>div{display:contents}.price-label{grid-column:1/-1;grid-row:1;font-size:12px}.car-price{grid-column:1;grid-row:2;font-size:26px}.source-price-live{grid-column:1;grid-row:3;font-size:11px;gap:4px;margin:0}.source-price-live i{font-size:9px}.car-price-row>.card-open{display:flex;grid-column:2;grid-row:2/4;padding:10px;font-size:12px;min-height:44px}.card-open svg{width:17px;height:17px}.desktop-credit,.desktop-card-actions{display:none}.desktop-card-facts>span{min-height:52px}.catalog-load-more{flex-direction:column}.catalog-load-more button{width:100%;padding:12px}.market-intro h1{font-size:28px}.market-intro p{font-size:13px}.popular-brand-section{margin-bottom:20px}.market-section-title h2,.inventory-title h2{font-size:20px}.page-head{align-items:start;flex-direction:column}
    .smart-filter.open{inset:auto 0 0;transform:none;width:100%;max-height:94dvh;border-radius:20px 20px 0 0}.smart-filter-body{padding:20px 16px}.smart-filter-topline{gap:16px}.smart-filter-topline strong{font-size:21px}.smart-filter-topline>button{font-size:12px;padding:10px}.filter-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.filter-modal-grid input{font-size:16px}.filter-stage-head small{font-size:12px}.smart-filter-footer{bottom:0;padding:16px 0 calc(16px + env(safe-area-inset-bottom,0px))}.smart-filter-footer .primary-btn{min-width:0;flex:1;font-size:13px;padding:12px}.smart-filter-footer .filter-reset{font-size:13px}.smart-filter-topline>div>span{display:none}body:has(.smart-filter.open) :is(.privacy-launcher,.ai-fab){display:none}
    .detail-sheet{inset:12px 0 0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;border-radius:20px 20px 0 0;padding-bottom:90px}.detail-actions-stack{position:sticky;top:0;right:auto;justify-content:end;min-height:68px;padding:12px;background:var(--surface);order:-1}.detail-gallery-wrap{flex:none;aspect-ratio:4/3;width:100%;min-height:0}.detail-gallery-arrow{width:40px;height:44px}.detail-gallery-arrow.prev{left:12px}.detail-gallery-arrow.next{right:12px}.detail-thumbnails{flex:none;min-height:84px}.detail-content{overflow:visible;padding:24px 16px;flex:none}.detail-title-row h2{font-size:28px}.detail-price strong{font-size:30px}.detail-specs{gap:10px}.detail-cta{bottom:0;left:0;right:0;width:100%;min-width:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-radius:0}.detail-content .source-price-live{font-size:12px}.detail-content .source-price-live i{font-size:10px}
    .flow-top{margin-bottom:24px}.flow-top h1{font-size:28px}.checkout-vehicle-hero{grid-template-columns:1fr}.checkout-vehicle-hero>img{aspect-ratio:16/10;min-height:0;max-height:none}.checkout-vehicle-copy{padding:24px;gap:12px}.checkout-vehicle-copy h2{font-size:26px}.checkout-vehicle-copy strong{font-size:30px}.checkout-assurance{gap:8px;padding:20px 0}.checkout-assurance>div{gap:8px;flex-direction:column;text-align:center}.checkout-assurance strong{font-size:12px}.checkout-assurance small{font-size:11px;line-height:1.4}.checkout-assurance svg{width:22px;height:22px}:is(.checkout-section,.checkout-economics,.transaction-brief,.finance-panel,.tradein-panel,.bank-financing,.checkout-confirmation){padding:20px}.premium-section-head{gap:10px;margin-bottom:20px}.premium-section-head h2{font-size:21px}.premium-section-head>span{width:34px;height:34px;border-radius:10px}.premium-section-head>small{display:none}.payment-grid{grid-template-columns:1fr}.payment-option{display:grid;grid-template-columns:40px minmax(0,1fr);min-height:96px;padding:16px;gap:6px 12px}.payment-option>i{grid-column:1;grid-row:1/3;align-self:center}.payment-option strong,.payment-option small{grid-column:2;padding-right:18px}.payment-option strong{font-size:15px}.payment-option small{font-size:13px}.payment-option>b{top:16px;right:12px}.economics-heading{align-items:start;flex-direction:column;gap:12px}.economics-heading h2{font-size:22px}.economics-layout{grid-template-columns:1fr;gap:20px}.economics-lines>div{font-size:13px;gap:12px}.economics-lines>div>span{gap:8px}.economics-total strong{font-size:16px}.util-explainer{padding:16px}.market-advantage{flex-direction:column;align-items:start;gap:16px}.transaction-brief-price>strong{font-size:28px}.transaction-brief-row{font-size:13px}.transaction-brief-row strong{text-align:right}.finance-panel-top{gap:12px}.finance-panel-top strong{font-size:24px}.finance-panel-top>b{font-size:13px}.finance-down>span{flex-wrap:wrap;gap:6px}.bank-grid,.bank-choices,.bank-choice-grid{grid-template-columns:1fr}.tradein-fields{grid-template-columns:1fr}.checkout-fields{grid-template-columns:1fr;gap:20px}.contact-channel-picker>div:not(.channel-handle){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-channel-picker button{padding:12px;gap:8px}.contact-channel-picker button strong{font-size:13px}.contact-channel-picker button small{font-size:11px}.channel-brand-icon,.channel-brand-icon svg,.channel-brand-icon img{width:26px;height:26px}.consent-row{font-size:13px}.legal-inline-links{font-size:13px;gap:8px;padding-left:32px;align-items:start;flex-direction:column}.checkout-final-action{gap:20px}.checkout-final-action strong{font-size:18px}.checkout-final-action small{font-size:28px}.checkout-disclaimer{font-size:12px}.checkout-form{gap:20px}
    .profile-auth-layout,.profile-auth-grid,.manager-login-layout,.profile-dashboard-grid{grid-template-columns:1fr;gap:20px}.profile-auth-intro,.profile-auth-card,.manager-login-intro,.manager-login-card{padding:24px}.profile-auth-benefits{margin-top:24px;gap:16px}.profile-auth-intro h1 br{display:none}.profile-auth-intro h1{font-size:30px}.profile-auth-card h2{font-size:24px}.profile-dashboard-head{flex-direction:column;align-items:start;gap:20px}.profile-v2-identity,.profile-v2-stats,.profile-v2-deal,.profile-v2-favorites,.profile-v2-sidebar{padding:20px}.profile-v2-identity{flex-wrap:wrap}.profile-v2-identity>span{margin-left:80px}.profile-v2-identity h2{font-size:22px}.profile-v2-stats{gap:12px}.profile-v2-stats strong{font-size:24px}.profile-v2-stats span{font-size:12px}.profile-v2-stats small{font-size:11px}.profile-v2-favorites>header{flex-direction:column}.profile-v2-favorites-empty{padding:16px;flex-wrap:wrap}.profile-v2-favorites-empty>button{flex-basis:100%;min-height:44px;color:var(--accent)}.profile-favorite-open>img{width:96px}.profile-favorite-open strong{font-size:14px}.profile-favorite-open small{font-size:12px}
    .site-footer{margin-top:40px}.site-footer-visual{height:180px}.site-footer-visual>div{left:16px;bottom:16px;right:16px;padding:10px 12px}.site-footer-visual small{font-size:11px}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:24px 20px}.site-footer-grid :is(button,a){font-size:12px;min-height:36px}.site-footer-bottom{padding:20px;font-size:12px}.ai-fab{width:44px;height:44px;right:12px;bottom:calc(var(--mobile-nav-space) + 12px)}.privacy-launcher{left:12px;bottom:calc(var(--mobile-nav-space) + 12px)}
    .commerce-view :is(.commerce-root-hero,.commerce-detail-hero){padding:24px 20px;gap:24px}.commerce-view :is(.commerce-root-copy,.commerce-detail-copy) h1{font-size:30px}.commerce-view :is(.commerce-form,.commerce-request-form){padding:20px}.commerce-view .commerce-form-grid{grid-template-columns:1fr;gap:20px}.commerce-view .legal-inline-links{padding-left:32px}.about-story-copy :is(p,li){font-size:14px}.process-tree-copy p,.process-tree-copy li{font-size:14px}.globe-route-card h1{font-size:24px;line-height:1.3}.globe-route-copy p{font-size:13px;line-height:1.65}
  }
  @media(min-width:700px) and (max-width:899px){.cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-vehicle-hero{grid-template-columns:1fr 1fr}.checkout-vehicle-hero>img{height:100%}.checkout-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:359px){:root{--gutter:12px}.topbar{padding-inline:12px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:6px}.brand{gap:6px}.top-actions{gap:4px}.theme-toggle,.top-contact{width:40px;height:40px}.car-body{padding:14px}.car-price{font-size:23px}.car-price-row{grid-template-columns:minmax(0,1fr) 94px;column-gap:8px}.car-price-row>.card-open{font-size:11px;padding:10px 6px}.desktop-card-facts b{font-size:12px}.market-intro h1{font-size:26px}.inventory-title h2{font-size:18px}.checkout-section,.checkout-economics,.checkout-confirmation,.transaction-brief,.finance-panel,.tradein-panel{padding:16px}.contact-channel-picker button{padding:10px;gap:6px}.contact-channel-picker button small{display:none}.finance-panel-top strong{font-size:22px}.finance-term button{padding:10px 2px;gap:3px;font-size:13px}.finance-term button small{font-size:11px}.smart-filter-topline>button{font-size:0;gap:0;width:44px;flex:none}.smart-filter-topline strong{font-size:20px}.filter-modal-grid{gap:16px 10px}.filter-select-trigger{font-size:12px;padding-inline:10px}}
  .inventory-tools>strong{font-size:12px;color:var(--muted)}
  .legal-backdrop{z-index:600}.legal-modal{position:fixed;z-index:601;inset:24px max(24px,calc((100vw - 1040px)/2));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden}.legal-modal>header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--line);flex:none}.legal-modal>header>img{width:44px;height:44px;border-radius:50%}.legal-modal>header>div{flex:1;min-width:0}.legal-modal>header span{font-size:12px;color:var(--muted)}.legal-modal h2{font-size:24px;margin-top:6px;overflow-wrap:anywhere}.legal-modal>header>button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.legal-document-scroll{overflow-y:auto;overscroll-behavior:contain;padding:28px;line-height:1.75;font-size:15px}.legal-document-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted);margin-bottom:20px}.legal-lead{margin-bottom:24px}.legal-compliance-warning{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--soft);margin-bottom:24px}.legal-compliance-warning p{margin-top:8px;color:var(--muted)}.legal-block-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.legal-block-heading>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);font-size:13px}.legal-block-heading small{font-size:12px;color:var(--muted)}.legal-block-heading h3{font-size:20px;margin-top:6px}.legal-operator-card,.legal-toc,.legal-sources{padding:24px 0;border-block-start:1px solid var(--line)}.legal-operator-card dl{display:grid;gap:12px;margin:0}.legal-operator-card dl>div{display:grid;grid-template-columns:180px 1fr;gap:20px;font-size:14px}.legal-operator-card dt{color:var(--muted)}.legal-operator-card dd{margin:0;overflow-wrap:anywhere}.legal-toc>div:last-child{display:grid;gap:8px}.legal-toc a{display:flex;align-items:baseline;gap:12px;padding:8px 0;text-decoration:none}.legal-toc b{font-size:12px;color:var(--muted)}.legal-sections>section{margin:24px 0;padding-top:24px;border-top:1px solid var(--line)}.legal-sections h3{font-size:21px;margin-bottom:16px}.legal-sections p,.legal-sections li{font-size:14px;line-height:1.8}.legal-sections p+p{margin-top:12px}.legal-sources>div:last-child{display:grid;gap:12px}.legal-sources a{display:flex;align-items:center;gap:8px;font-size:13px}.legal-contact{padding-top:24px;font-size:14px;color:var(--muted)}.legal-modal>footer{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:end;flex:none}
  .lightbox{position:fixed;z-index:700;inset:0;display:grid;place-items:center;background:#060b10f5;padding:60px}.lightbox>img{max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain}.lightbox-close,.lightbox-arrow{position:absolute;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:12px;background:#17212be6;color:#fff}.lightbox-close{top:16px;right:16px}.lightbox-arrow{top:calc(50% - 22px)}.lightbox-arrow.prev{left:16px}.lightbox-arrow.next{right:16px}.lightbox-count{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:6px 12px;border-radius:10px;background:#17212be6;color:#fff;font-size:13px}
  .filter-explorer{position:fixed;z-index:401;inset:40px max(24px,calc((100vw - 900px)/2));display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden}.filter-explorer>header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.filter-explorer>header>div{flex:1}.filter-explorer h2{font-size:26px;margin:8px 0}.filter-explorer header span,.filter-explorer p,.filter-explorer-summary{font-size:13px;color:var(--muted)}.filter-explorer header>button{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.filter-explorer-search{position:relative;margin-bottom:16px}.filter-explorer-search>svg{position:absolute;top:14px;left:14px}.filter-explorer-search input{padding-left:44px}.filter-explorer-summary{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.filter-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;align-content:start;padding:2px;flex:1}.filter-explorer-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;text-align:left;min-height:60px}.filter-explorer-option.selected{border-color:var(--accent-ink);background:var(--accent-soft)}.filter-explorer-option .brand-mark{width:32px;height:32px}.filter-explorer-option span{display:grid;gap:4px;font-size:14px}.filter-explorer-option small{color:var(--muted)}.filter-explorer>footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.filter-explorer footer>button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px}.filter-explorer footer>div{display:grid;gap:4px;font-size:13px}.filter-custom-budget{display:flex;gap:12px;align-items:end;margin-bottom:16px}.filter-custom-budget label{display:grid;gap:8px;flex:1}.filter-custom-budget button{min-height:48px;padding:12px 16px;border-radius:12px;background:var(--accent);color:#fff}
  @media(max-width:899px){.inventory-tools>strong{display:none}.desktop-campaign-experience{display:none}.legal-modal{inset:12px 0 0;border-radius:20px 20px 0 0}.legal-modal>header{padding:16px;gap:12px}.legal-modal>header>img{display:none}.legal-modal h2{font-size:21px}.legal-document-scroll{padding:20px 16px;font-size:14px}.legal-operator-card dl>div{grid-template-columns:1fr;gap:4px}.legal-modal>footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.legal-modal>footer .primary-btn{width:100%}.legal-block-heading h3{font-size:18px}.legal-sections h3{font-size:20px}.lightbox{padding:60px 0}.lightbox>img{max-height:calc(100dvh - 120px)}.filter-explorer{inset:12px 0 0;border-radius:20px 20px 0 0;padding:20px 16px}.filter-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-explorer-summary{font-size:12px}.filter-explorer header>button>span{display:none}.filter-explorer footer{padding-bottom:env(safe-area-inset-bottom,0px)}}
  :root{--account-ink:var(--ink);--account-line:var(--line);--account-muted:var(--muted);--account-panel:var(--surface);--account-red:var(--accent);--account-soft:var(--soft);--ci-ink:var(--ink);--commerce-text:var(--ink);--cv-card:var(--surface);--journey-ink:var(--ink);--journey-line:var(--line);--journey-muted:var(--muted);--journey-soft:var(--soft);--journey-surface:var(--surface);--red:var(--accent);--red-soft:var(--accent-soft);--safe-bottom:env(safe-area-inset-bottom,0px);--theme-faint:var(--soft);--theme-ink:var(--ink);--theme-line:var(--line);--theme-muted:var(--muted);--theme-shadow:var(--shadow);--theme-surface:var(--surface);--theme-surface-strong:var(--surface)}
  body:is(.modal-open,.legal-open,.filter-explorer-open) :is(.privacy-launcher,.ai-fab),body:has(.checkout-view,.commerce-form,.smart-filter.open) :is(.privacy-launcher,.ai-fab){display:none}
  .bank-financing-head{display:flex;align-items:start;gap:20px;justify-content:space-between;margin-bottom:20px}.bank-financing-head span,.bank-financing-head>small{font-size:12px;color:var(--muted)}.bank-financing-head h3{margin:6px 0 0;font-size:22px}.bank-marquee{overflow:hidden;margin:24px 0}.bank-marquee>div{display:flex;gap:20px;overflow-x:auto;padding-bottom:8px}.bank-marquee span{display:grid;justify-items:center;gap:8px;flex:none;width:120px}.bank-marquee img{width:84px;height:36px;object-fit:contain}.bank-marquee small{color:var(--muted);font-size:10px}
  .commerce-fields{gap:20px}.commerce-fields>label{display:grid;gap:8px;min-width:0}.commerce-consent{display:flex;align-items:start;gap:12px;position:relative;padding:20px 0 0;margin-top:20px;font-size:14px;line-height:1.6}.commerce-consent>input{position:static;opacity:1;width:20px;height:20px;flex:none;margin:2px 0 0}.commerce-consent>i{display:none}.commerce-consent>span{flex:1;min-width:0}.commerce-contact>.legal-inline-links{margin:12px 0 24px;padding-left:32px}.commerce-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,420px);min-height:52px;margin:24px auto 16px;padding:14px 24px;background:var(--accent);color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:700;text-align:center}.commerce-submit-note{max-width:600px;margin:0 auto;text-align:center;color:var(--muted);font-size:13px;line-height:1.65}
  .ai-fab>span{display:grid;place-items:center}.ai-fab.is-open{display:none}.client-guide{position:fixed;z-index:250;right:20px;bottom:calc(var(--mobile-nav-space) + 20px);display:flex;flex-direction:column;width:min(400px,calc(100vw - 32px));height:600px;max-height:calc(100dvh - var(--mobile-nav-space) - 40px);border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #0003;overflow:hidden}.client-guide>header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.client-guide>header>div{display:flex;align-items:center;gap:12px;flex:1}.client-guide header img{width:36px;height:36px;border-radius:50%}.client-guide header span{display:grid;gap:4px}.client-guide header strong{font-size:15px}.client-guide header small{font-size:12px;color:var(--muted)}.client-guide header>button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:12px}.client-guide-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 16px;font-size:12px;border-bottom:1px solid var(--line);color:var(--muted)}.client-guide-toolbar button{display:flex;gap:6px;align-items:center;min-height:36px;color:var(--ink)}.client-guide .ai-messages{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;padding:16px;overflow-y:auto;overscroll-behavior:contain}.ai-message{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:14px;line-height:1.65;overflow-wrap:anywhere}.ai-message.user{align-self:end;max-width:90%;background:var(--accent-soft)}.ai-message>span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.ai-message p{font-size:14px;line-height:1.65}.client-answer-choices{display:grid;gap:8px;margin-top:14px}.client-answer-choices button,.ai-message-action{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;text-align:left;text-decoration:none}.ai-message-action{margin-top:12px;background:var(--accent-soft);justify-content:start}.client-guide form{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.client-guide form input{font-size:16px;min-width:0;flex:1}.client-guide form button{display:grid;place-items:center;width:48px;height:48px;flex:none;background:var(--accent);color:#fff;border-radius:12px}.client-guide .ai-note{font-size:11px;color:var(--muted);padding:0 16px 16px;line-height:1.6}
  @media(max-width:899px){.bank-financing-head{flex-direction:column;gap:10px}.bank-financing-head h3{font-size:20px}.commerce-consent{font-size:13px}.commerce-submit{font-size:14px;padding:14px 12px;gap:8px}.commerce-submit-note{font-size:12px}.client-guide{right:12px;bottom:calc(var(--mobile-nav-space) + 12px);width:calc(100vw - 24px);max-height:calc(100dvh - var(--mobile-nav-space) - 24px)}.client-guide header small{font-size:11px}}
  .tradein-panel>button{display:flex;align-items:center;gap:16px;width:100%;text-align:left}.tradein-panel>button>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.tradein-panel>button>div{display:grid;gap:6px;flex:1;min-width:0}.tradein-panel>button small,.tradein-panel>button p{font-size:13px;color:var(--muted)}.tradein-panel>button strong{font-size:17px}.tradein-panel>button>i{display:grid;place-items:center;width:32px;height:32px;color:var(--accent)}.commerce-form-section>.commerce-fields{margin-top:24px}.commerce-submit{box-shadow:none}.commerce-submit>b{font-size:20px;line-height:1;flex:none}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  @media(max-width:899px){.payment-grid{grid-template-columns:1fr}.tradein-panel>button{gap:12px}.tradein-panel>button>span{width:36px;height:36px}.tradein-panel>button strong{font-size:15px}.tradein-panel>button small,.tradein-panel>button p{font-size:12px}}
  .globe-zoom-controls{top:auto;bottom:24px;right:24px}.about-story{gap:32px}.about-story-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.2}.process-tree-copy h3{font-size:clamp(24px,2.5vw,32px);line-height:1.25}.globe-about-content>section{margin-block:64px}
  @media(max-width:899px){.about-story{gap:24px}.about-story-copy h2{font-size:28px}.process-tree-copy h3{font-size:24px}.globe-about-content>section{margin-block:40px}.globe-zoom-controls{top:auto;bottom:20px;right:16px}}
  .sort-control>svg{z-index:1}.contact-channel-picker>.channel-phone-note{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.channel-phone-note>svg{color:var(--accent-ink);width:20px;height:20px;flex:none}.channel-phone-note>span{display:grid;gap:6px;min-width:0}.channel-phone-note strong{font-size:13px;line-height:1.5}.channel-phone-note small{font-size:12px;color:var(--muted);line-height:1.6}
  .flow-top>div{min-width:0;flex:1}.economics-lines{min-width:0}.economics-lines>div>span{min-width:0;overflow-wrap:anywhere}.breakdown-estimate{display:grid;gap:4px;justify-items:end}.breakdown-estimate small{font-size:11px;line-height:1.4;white-space:normal;color:var(--muted);font-weight:400}.economics-layout>*{min-width:0}
  @keyframes ui-spin{to{transform:rotate(360deg)}}
}