:root {
            --green: #006c35;
            --green-dark: #004d27;
            --green-soft: #eaf6ef;
            --sand: #f6f1e7;
            --gold: #d8a72f;
            --ink: #13241b;
            --muted: #68746d;
            --line: #dfe7e2;
            --white: #ffffff;
            --danger: #b42318;
            --shadow: 0 18px 50px rgba(24, 55, 38, .10);
            --radius-lg: 28px;
            --radius-md: 18px;
            --radius-sm: 12px;
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            background:
                radial-gradient(circle at 90% 0%, rgba(216, 167, 47, .11), transparent 27rem),
                linear-gradient(180deg, #fbfdfb 0%, #f5f8f6 100%);
            color: var(--ink);
            font-family: Tahoma, Arial, "Segoe UI", sans-serif;
            line-height: 1.6;
        }

        body.lang-en {
            direction: ltr;
            font-family: Inter, Arial, "Segoe UI", sans-serif;
        }

        button,
        input {
            font: inherit;
        }

        button {
            cursor: pointer;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        .platform-bar {
            background: var(--ink);
            color: #fff;
            font-size: 13px;
        }

        .platform-bar__inner {
            max-width: 1240px;
            margin: auto;
            padding: 8px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }

        .platform-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .platform-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #58d58a;
            box-shadow: 0 0 0 5px rgba(88, 213, 138, .15);
        }

        .platform-controls {
            display: flex;
            gap: 8px;
        }

        .mini-button {
            border: 1px solid rgba(255, 255, 255, .22);
            background: rgba(255, 255, 255, .08);
            color: #fff;
            border-radius: 999px;
            padding: 5px 12px;
        }

        .mini-button.active {
            background: #fff;
            color: var(--ink);
        }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 30;
            background: rgba(255, 255, 255, .88);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(0, 108, 53, .08);
        }

        .site-header__inner {
            max-width: 1240px;
            margin: auto;
            padding: 15px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 12px;
            min-width: max-content;
        }

        .brand-mark {
            width: 47px;
            height: 47px;
            border-radius: 15px;
            display: grid;
            place-items: center;
            color: white;
            background:
                linear-gradient(145deg, #08743d 0%, #004d27 100%);
            box-shadow: 0 10px 26px rgba(0, 108, 53, .25);
        }

        .brand-mark svg {
            width: 30px;
            height: 30px;
        }

        .brand-title {
            font-weight: 800;
            font-size: 17px;
            line-height: 1.15;
        }

        .brand-subtitle {
            color: var(--muted);
            font-size: 11px;
            letter-spacing: .04em;
        }

        .main-nav {
            display: flex;
            align-items: center;
            gap: 28px;
            font-size: 14px;
            font-weight: 700;
        }

        .main-nav a:hover {
            color: var(--green);
        }

        .header-actions {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .button {
            min-height: 44px;
            border-radius: 12px;
            border: 1px solid transparent;
            padding: 10px 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-weight: 800;
        }

        .button-primary {
            background: var(--green);
            color: white;
            box-shadow: 0 12px 24px rgba(0, 108, 53, .18);
        }

        .button-primary:hover {
            background: var(--green-dark);
        }

        .button-outline {
            border-color: var(--line);
            background: white;
            color: var(--ink);
        }

        .button-soft {
            background: var(--green-soft);
            color: var(--green-dark);
        }

        .page-view {
            display: none;
        }

        .page-view.active {
            display: block;
        }

        .hero {
            max-width: 1240px;
            margin: auto;
            padding: 58px 24px 34px;
            display: grid;
            grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
            align-items: center;
            gap: 54px;
        }

        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--green-soft);
            color: var(--green-dark);
            border: 1px solid #cde7d8;
            padding: 7px 12px;
            border-radius: 999px;
            font-size: 13px;
            font-weight: 800;
        }

        .hero h1 {
            margin: 18px 0;
            font-size: clamp(38px, 5.3vw, 72px);
            line-height: 1.08;
            letter-spacing: -.04em;
        }

        .hero h1 span {
            color: var(--green);
        }

        .hero-copy {
            max-width: 680px;
            color: var(--muted);
            font-size: 18px;
            margin-bottom: 26px;
        }

        .trust-row {
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            color: #435149;
            font-size: 14px;
            font-weight: 700;
        }

        .trust-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .check {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: var(--green-soft);
            color: var(--green);
            display: inline-grid;
            place-items: center;
            font-weight: 900;
        }

        .hero-art {
            position: relative;
            min-height: 460px;
            border-radius: 38px;
            overflow: hidden;
            background:
                linear-gradient(150deg, #0b7040 0%, #004d27 70%),
                var(--green);
            box-shadow: var(--shadow);
        }

        .hero-art::before {
            content: "";
            position: absolute;
            width: 310px;
            height: 310px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .07);
            top: -80px;
            left: -70px;
        }

        .hero-art::after {
            content: "";
            position: absolute;
            width: 280px;
            height: 280px;
            border-radius: 50%;
            border: 60px solid rgba(216, 167, 47, .15);
            bottom: -160px;
            right: -80px;
        }

        .hero-car {
            position: absolute;
            width: 92%;
            left: 4%;
            top: 108px;
            z-index: 2;
            filter: drop-shadow(0 35px 24px rgba(0, 0, 0, .24));
        }

        .hero-card {
            position: absolute;
            z-index: 4;
            background: rgba(255, 255, 255, .96);
            border: 1px solid rgba(255, 255, 255, .5);
            border-radius: 16px;
            box-shadow: 0 16px 35px rgba(0, 0, 0, .12);
            padding: 12px 14px;
        }

        .hero-card strong {
            display: block;
            font-size: 14px;
        }

        .hero-card small {
            color: var(--muted);
        }

        .hero-card--top {
            top: 28px;
            right: 28px;
        }

        .hero-card--bottom {
            bottom: 28px;
            left: 28px;
        }

        .search-shell {
            max-width: 1180px;
            margin: 0 auto 58px;
            padding: 0 24px;
        }

        .search-card {
            background: white;
            padding: 18px;
            border: 1px solid var(--line);
            border-radius: 22px;
            box-shadow: var(--shadow);
            display: grid;
            grid-template-columns: 1.3fr 1fr 1fr auto;
            gap: 12px;
        }

        .field {
            border: 1px solid var(--line);
            border-radius: 14px;
            padding: 10px 13px;
            background: #fbfcfb;
        }

        .field label {
            display: block;
            color: var(--muted);
            font-size: 11px;
            font-weight: 800;
            margin-bottom: 3px;
        }

        .field input {
            width: 100%;
            border: 0;
            outline: 0;
            background: transparent;
            color: var(--ink);
            font-weight: 800;
        }

        .section {
            max-width: 1240px;
            margin: auto;
            padding: 54px 24px;
        }

        .section-heading {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 30px;
            margin-bottom: 26px;
        }

        .section-heading h2 {
            margin: 0 0 5px;
            font-size: clamp(27px, 4vw, 42px);
            line-height: 1.2;
        }

        .section-heading p {
            margin: 0;
            color: var(--muted);
        }

        .cars-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .car-card {
            background: white;
            border: 1px solid var(--line);
            border-radius: 22px;
            overflow: hidden;
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .car-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow);
        }

        .car-visual {
            position: relative;
            width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
            padding: 0;
            overflow: hidden;
            background:
                radial-gradient(circle at 50% 95%, rgba(0, 108, 53, .10), transparent 42%),
                linear-gradient(180deg, #f9fbfa 0%, #edf4f0 100%);
            display: grid;
            place-items: center;
        }

        .car-visual > div[aria-hidden="true"] {
            width: 100%;
            height: 100%;
            display: grid;
            place-items: center;
            padding: 18px;
        }

        .car-visual svg {
            width: 100%;
            max-width: 310px;
            filter: drop-shadow(0 18px 12px rgba(32, 58, 43, .14));
        }

        .car-body {
            padding: 20px;
        }

        .car-topline {
            display: flex;
            justify-content: space-between;
            align-items: start;
            gap: 14px;
        }

        .car-title {
            font-size: 20px;
            font-weight: 900;
        }

        .rating {
            color: #926b00;
            font-weight: 800;
            white-space: nowrap;
        }

        .car-meta {
            margin: 13px 0;
            color: var(--muted);
            display: flex;
            flex-wrap: wrap;
            gap: 10px 15px;
            font-size: 13px;
        }

        .price-row {
            border-top: 1px solid var(--line);
            padding-top: 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .price strong {
            color: var(--green);
            font-size: 22px;
        }

        .features-strip {
            background: var(--sand);
            border-block: 1px solid #eadfca;
        }

        .features-grid {
            max-width: 1240px;
            margin: auto;
            padding: 36px 24px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;
        }

        .feature-item {
            display: flex;
            align-items: center;
            gap: 13px;
        }

        .feature-icon {
            width: 48px;
            height: 48px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            background: white;
            color: var(--green);
            font-size: 22px;
            box-shadow: 0 8px 20px rgba(84, 69, 38, .08);
        }

        .feature-item strong {
            display: block;
        }

        .feature-item small {
            color: var(--muted);
        }

        .company-cta {
            margin: 24px auto 70px;
            max-width: 1192px;
            background:
                linear-gradient(115deg, rgba(0, 77, 39, .98), rgba(0, 108, 53, .91));
            border-radius: 30px;
            color: white;
            padding: 46px;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 30px;
            align-items: center;
            overflow: hidden;
            position: relative;
        }

        .company-cta::after {
            content: "";
            width: 280px;
            height: 280px;
            border: 60px solid rgba(255, 255, 255, .06);
            border-radius: 50%;
            position: absolute;
            left: -100px;
            top: -160px;
        }

        .company-cta h2 {
            font-size: 34px;
            margin: 0 0 10px;
        }

        .company-cta p {
            margin: 0;
            color: rgba(255, 255, 255, .76);
        }

        .footer {
            background: #102018;
            color: #fff;
        }

        .footer-inner {
            max-width: 1240px;
            margin: auto;
            padding: 28px 24px;
            display: flex;
            justify-content: space-between;
            gap: 24px;
            align-items: center;
        }

        .footer small {
            color: rgba(255, 255, 255, .62);
        }

        /* Company dashboard */
        .dashboard-shell {
            min-height: calc(100vh - 96px);
            display: grid;
            grid-template-columns: 270px 1fr;
            background: #f4f7f5;
        }

        .sidebar {
            background: #102018;
            color: #fff;
            padding: 28px 20px;
        }

        .sidebar-brand {
            margin-bottom: 34px;
        }

        .sidebar-menu {
            display: grid;
            gap: 7px;
        }

        .sidebar-link {
            width: 100%;
            border: 0;
            background: transparent;
            color: rgba(255, 255, 255, .73);
            padding: 12px 13px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 11px;
            text-align: inherit;
        }

        .sidebar-link.active {
            background: rgba(255, 255, 255, .11);
            color: white;
        }

        .dashboard-main {
            min-width: 0;
        }

        .dashboard-topbar {
            min-height: 76px;
            background: white;
            border-bottom: 1px solid var(--line);
            padding: 16px 28px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }

        .dashboard-content {
            padding: 28px;
            max-width: 1440px;
            margin: auto;
        }

        .dashboard-title h1 {
            margin: 0;
            font-size: 28px;
        }

        .dashboard-title p {
            margin: 3px 0 0;
            color: var(--muted);
        }

        .company-chip {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .company-avatar {
            width: 42px;
            height: 42px;
            border-radius: 13px;
            background: var(--green-soft);
            color: var(--green);
            display: grid;
            place-items: center;
            font-weight: 900;
        }

        .stat-grid {
            margin-top: 24px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
        }

        .stat-card,
        .panel {
            background: white;
            border: 1px solid var(--line);
            border-radius: 18px;
        }

        .stat-card {
            padding: 19px;
        }

        .stat-label {
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
        }

        .stat-number {
            font-size: 30px;
            font-weight: 900;
            margin: 7px 0;
        }

        .stat-note {
            color: var(--green);
            font-size: 12px;
            font-weight: 800;
        }

        .dashboard-grid {
            display: grid;
            grid-template-columns: 1.35fr .85fr;
            gap: 18px;
            margin-top: 18px;
        }

        .panel {
            padding: 22px;
        }

        .panel-heading {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 18px;
        }

        .panel-heading h3 {
            margin: 0;
            font-size: 18px;
        }

        .status-badge {
            border-radius: 999px;
            padding: 5px 10px;
            font-size: 12px;
            font-weight: 900;
        }

        .status-warning {
            color: #8a5200;
            background: #fff2cf;
        }

        .status-success {
            color: var(--green-dark);
            background: var(--green-soft);
        }

        .progress {
            height: 9px;
            border-radius: 999px;
            background: #e7ece9;
            overflow: hidden;
        }

        .progress > span {
            display: block;
            height: 100%;
            width: 72%;
            background: linear-gradient(90deg, var(--green), #2c9f61);
            border-radius: inherit;
        }

        .check-list {
            margin: 18px 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 12px;
        }

        .check-list li {
            display: flex;
            justify-content: space-between;
            gap: 18px;
            border-bottom: 1px dashed var(--line);
            padding-bottom: 10px;
        }

        .check-list li:last-child {
            border-bottom: 0;
        }

        .subscription-card {
            background:
                linear-gradient(145deg, #0e7440 0%, #004d27 100%);
            color: white;
            border: 0;
        }

        .subscription-card small {
            color: rgba(255, 255, 255, .68);
        }

        .subscription-price {
            font-size: 33px;
            font-weight: 900;
            margin: 12px 0;
        }

        .table-wrap {
            overflow-x: auto;
        }

        table {
            border-collapse: collapse;
            width: 100%;
            font-size: 14px;
        }

        th,
        td {
            padding: 13px 10px;
            text-align: inherit;
            border-bottom: 1px solid var(--line);
            white-space: nowrap;
        }

        th {
            color: var(--muted);
            font-size: 12px;
        }

        .company-fleet-status { min-height:24px; margin:10px 0 14px; color:var(--muted); font-size:13px; font-weight:700; }
        .company-fleet-status.is-error { color:#a51d1d; }
        .company-fleet-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; }
        .company-fleet-card { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; }
        .company-fleet-image { width:100%; height:155px; object-fit:cover; background:#f0f6f2; }
        .company-fleet-image-placeholder { height:155px; display:grid; place-items:center; background:var(--green-soft); color:var(--green); font-size:34px; }
        .company-fleet-card-body { padding:15px; display:grid; gap:10px; }
        .company-fleet-card-title { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
        .company-fleet-card-title h4 { margin:0; font-size:17px; }
        .company-fleet-meta { color:var(--muted); font-size:12px; }
        .company-fleet-price { color:var(--green-dark); font-size:18px; font-weight:900; }

        .empty-fleet[hidden] { display: none; }

        .empty-fleet {
            min-height: 285px;
            display: grid;
            place-items: center;
            text-align: center;
            border: 1px dashed #b9cbc1;
            border-radius: 18px;
            background:
                radial-gradient(circle at 50% 100%, rgba(0, 108, 53, .08), transparent 38%),
                #fbfdfc;
        }

        .empty-fleet-icon {
            width: 76px;
            height: 76px;
            border-radius: 24px;
            background: var(--green-soft);
            color: var(--green);
            display: grid;
            place-items: center;
            font-size: 33px;
            margin: auto auto 13px;
        }

        .empty-fleet h3 {
            margin: 0 0 6px;
        }

        .empty-fleet p {
            margin: 0 auto 16px;
            color: var(--muted);
            max-width: 430px;
        }

        .toast {
            position: fixed;
            z-index: 100;
            left: 50%;
            bottom: 28px;
            transform: translate(-50%, 30px);
            background: #102018;
            color: #fff;
            border-radius: 14px;
            padding: 12px 18px;
            box-shadow: var(--shadow);
            opacity: 0;
            pointer-events: none;
            transition: .2s ease;
        }

        .toast.show {
            transform: translate(-50%, 0);
            opacity: 1;
        }


        .marketplace-search-status {
            max-width: 1180px;
            margin: 12px auto 0;
            min-height: 24px;
            padding-inline: 4px;
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
        }

        .marketplace-search-status.is-error {
            color: #9f2b1f;
        }

        .field select,
        .field input,
        .marketplace-form input,
        .marketplace-form textarea {
            width: 100%;
            border: 0;
            outline: 0;
            background: transparent;
            color: var(--ink);
            font-weight: 800;
        }

        .field select {
            cursor: pointer;
        }

        .button[disabled] {
            cursor: wait;
            opacity: .62;
        }

        .cars-grid.is-loading {
            min-height: 280px;
        }

        .marketplace-state {
            grid-column: 1 / -1;
            min-height: 220px;
            border: 1px dashed #b9cbc1;
            border-radius: 22px;
            background: #fbfdfc;
            display: grid;
            place-items: center;
            padding: 32px;
            text-align: center;
            color: var(--muted);
        }

        .marketplace-state strong {
            display: block;
            color: var(--ink);
            font-size: 18px;
            margin-bottom: 6px;
        }

        .marketplace-spinner {
            width: 34px;
            height: 34px;
            border: 3px solid #dbe8e1;
            border-top-color: var(--green);
            border-radius: 50%;
            margin: 0 auto 12px;
            animation: marketplace-spin .8s linear infinite;
        }

        @keyframes marketplace-spin {
            to {
                transform: rotate(360deg);
            }
        }

        .car-visual img {
            width: 100%;
            max-width: 310px;
            max-height: 190px;
            object-fit: contain;
            filter: drop-shadow(0 18px 12px rgba(32, 58, 43, .14));
        }

        .crs-vehicle-gallery {
            position: relative;
            width: 100%;
            height: 100%;
            display: grid;
            place-items: center;
            overflow: hidden;
            border-radius: inherit;
        }

        .crs-vehicle-gallery__slides {
            width: 100%;
            height: 100%;
            display: grid;
            place-items: center;
        }

        .car-visual .crs-vehicle-gallery__slide {
            grid-area: 1 / 1;
            display: block;
            width: 100%;
            height: 100%;
            max-width: none;
            max-height: none;
            object-fit: cover;
            object-position: center;
            filter: none;
        }

        .crs-vehicle-gallery__slide[hidden] {
            display: none !important;
        }

        .crs-vehicle-gallery__control {
            position: absolute;
            z-index: 4;
            top: 50%;
            width: 34px;
            height: 34px;
            border: 1px solid rgba(16, 39, 29, .12);
            border-radius: 999px;
            background: rgba(255, 255, 255, .94);
            color: var(--green);
            box-shadow: 0 6px 18px rgba(16, 39, 29, .14);
            display: grid;
            place-items: center;
            font-size: 24px;
            line-height: 1;
            cursor: pointer;
            transform: translateY(-50%);
        }

        .crs-vehicle-gallery__control--previous {
            inset-inline-start: 8px;
        }

        .crs-vehicle-gallery__control--next {
            inset-inline-end: 8px;
        }

        .crs-vehicle-gallery__count {
            position: absolute;
            z-index: 4;
            inset-inline-end: 9px;
            bottom: 9px;
            padding: 4px 8px;
            border-radius: 999px;
            background: rgba(16, 39, 29, .82);
            color: white;
            font-size: 11px;
            font-weight: 900;
            direction: ltr;
        }

        .car-card__badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 7px;
            padding: 4px 9px;
            border-radius: 999px;
            background: var(--green-soft);
            color: var(--green);
            font-size: 11px;
            font-weight: 900;
        }

        .car-company {
            color: var(--muted);
            font-size: 12px;
            margin-top: 4px;
        }

        .marketplace-modal {
            position: fixed;
            inset: 0;
            z-index: 120;
            display: grid;
            place-items: center;
            padding: 24px;
        }

        .marketplace-modal[hidden] {
            display: none;
        }

        .marketplace-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(9, 25, 18, .72);
            backdrop-filter: blur(5px);
        }

        .marketplace-modal__panel {
            position: relative;
            z-index: 1;
            width: min(980px, 100%);
            max-height: min(90vh, 920px);
            overflow: auto;
            background: #fff;
            border-radius: 28px;
            box-shadow: 0 28px 90px rgba(0, 0, 0, .28);
        }

        .marketplace-modal__header {
            position: sticky;
            top: 0;
            z-index: 3;
            min-height: 66px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 16px 20px;
            background: rgba(255, 255, 255, .96);
            border-bottom: 1px solid var(--line);
            backdrop-filter: blur(8px);
        }

        .marketplace-modal__header h2 {
            margin: 0;
            font-size: 21px;
        }

        .marketplace-modal__close {
            width: 40px;
            height: 40px;
            border: 1px solid var(--line);
            border-radius: 50%;
            background: #fff;
            color: var(--ink);
            cursor: pointer;
            font-size: 24px;
            line-height: 1;
        }

        .marketplace-modal__content {
            padding: 24px;
        }

        .marketplace-detail-grid {
            display: grid;
            grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
            gap: 24px;
            align-items: start;
        }

        .marketplace-detail-image {
            min-height: 310px;
            display: grid;
            place-items: center;
            padding: 24px;
            border-radius: 22px;
            background:
                radial-gradient(circle at 50% 95%, rgba(0, 108, 53, .10), transparent 42%),
                linear-gradient(180deg, #f9fbfa 0%, #edf4f0 100%);
        }

        .marketplace-detail-image img {
            width: 100%;
            max-height: 270px;
            object-fit: contain;
        }

        .marketplace-detail h3 {
            margin: 0 0 7px;
            font-size: 30px;
        }

        .marketplace-detail p {
            color: var(--muted);
            line-height: 1.8;
        }

        .marketplace-detail__price {
            margin: 18px 0;
            padding: 15px 0;
            border-block: 1px solid var(--line);
        }

        .marketplace-detail__price strong {
            color: var(--green);
            font-size: 28px;
        }

        .marketplace-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 15px 0;
        }

        .marketplace-chip {
            padding: 7px 10px;
            border-radius: 999px;
            background: #f1f5f3;
            color: #335046;
            font-size: 12px;
            font-weight: 800;
        }

        .marketplace-fulfillment {
            margin: 18px 0;
            padding: 16px;
            border: 1px solid var(--line);
            border-radius: 18px;
            background: #fbfdfc;
        }

        .marketplace-fulfillment__title {
            display: block;
            margin-bottom: 10px;
            font-size: 15px;
            font-weight: 900;
        }

        .marketplace-fulfillment__options {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .marketplace-fulfillment__option {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            min-height: 76px;
            padding: 12px;
            border: 1px solid #cfded6;
            border-radius: 14px;
            background: white;
            cursor: pointer;
        }

        .marketplace-fulfillment__option:has(input:checked) {
            border-color: var(--green);
            box-shadow: 0 0 0 2px rgba(0, 108, 53, .10);
        }

        .marketplace-fulfillment__option input {
            margin-top: 4px;
        }

        .marketplace-fulfillment__option strong,
        .marketplace-fulfillment__option small {
            display: block;
        }

        .marketplace-fulfillment__option small,
        .marketplace-fulfillment__help,
        .marketplace-location-status {
            color: var(--muted);
            font-size: 12px;
            line-height: 1.6;
        }

        .marketplace-delivery-fields {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
            margin-top: 14px;
        }

        .marketplace-delivery-fields[hidden] {
            display: none;
        }

        .marketplace-delivery-fields .field--full,
        .marketplace-delivery-location-actions {
            grid-column: 1 / -1;
        }

        .marketplace-delivery-location-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
        }

        .marketplace-place-picker {
            position: relative;
        }

        .marketplace-readonly-field {
            background: #eef1ef !important;
            color: #6b756f !important;
            cursor: not-allowed;
        }

        .marketplace-place-suggestions {
            position: absolute;
            z-index: 20;
            inset-inline: 0;
            top: calc(100% + 6px);
            overflow: hidden;
            border: 1px solid #cfded6;
            border-radius: 14px;
            background: #fff;
            box-shadow: 0 16px 34px rgba(18, 54, 38, .16);
        }

        .marketplace-place-suggestions[hidden] {
            display: none;
        }

        .marketplace-place-suggestion {
            display: block;
            width: 100%;
            padding: 11px 13px;
            border: 0;
            border-bottom: 1px solid #edf1ef;
            background: #fff;
            color: #163c2b;
            text-align: start;
            cursor: pointer;
        }

        .marketplace-place-suggestion:hover,
        .marketplace-place-suggestion:focus-visible {
            background: var(--green-soft);
            outline: none;
        }

        .marketplace-place-suggestion strong,
        .marketplace-place-suggestion small {
            display: block;
        }

        .marketplace-place-suggestion small,
        .marketplace-powered-by-google {
            color: var(--muted);
            font-size: 11px;
        }

        .marketplace-powered-by-google {
            padding: 8px 12px;
            text-align: end;
            background: #fafcfb;
        }

        .marketplace-pickup-summary {
            margin-top: 12px;
            padding: 11px 12px;
            border-radius: 12px;
            background: var(--sand);
            color: #335046;
            font-size: 13px;
            line-height: 1.7;
        }

        .marketplace-fulfillment-badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin-top: 8px;
            padding: 5px 9px;
            border-radius: 999px;
            background: var(--green-soft);
            color: var(--green-dark);
            font-size: 11px;
            font-weight: 900;
        }

        .marketplace-step {
            border-top: 1px solid var(--line);
            margin-top: 24px;
            padding-top: 24px;
        }

        .marketplace-step[hidden] {
            display: none;
        }

        .marketplace-quote {
            display: grid;
            gap: 8px;
            padding: 16px;
            border-radius: 18px;
            background: var(--sand);
            margin-bottom: 18px;
        }

        .marketplace-quote__row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;
        }

        .marketplace-quote__row.total {
            border-top: 1px solid #dfd0b6;
            padding-top: 10px;
            margin-top: 3px;
            font-size: 18px;
            font-weight: 900;
        }

        .marketplace-form {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }

        .marketplace-form .field {
            min-width: 0;
        }

        .marketplace-form .field--full,
        .marketplace-form__actions,
        .marketplace-terms {
            grid-column: 1 / -1;
        }

        .marketplace-form textarea {
            min-height: 90px;
            resize: vertical;
        }

        .marketplace-terms {
            display: flex;
            gap: 10px;
            align-items: flex-start;
            color: var(--muted);
            font-size: 13px;
        }

        .marketplace-terms input {
            width: auto;
            margin-top: 3px;
        }

        .marketplace-form__actions {
            display: flex;
            justify-content: flex-end;
        }

        .marketplace-error {
            color: #9f2b1f;
            background: #fff3f1;
            border: 1px solid #f2c8c2;
            border-radius: 14px;
            padding: 12px 14px;
            margin-bottom: 14px;
        }

        .marketplace-success {
            text-align: center;
            padding: 28px 10px 18px;
        }

        .marketplace-success__icon {
            width: 76px;
            height: 76px;
            margin: 0 auto 16px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--green-soft);
            color: var(--green);
            font-size: 34px;
            font-weight: 900;
        }

        .marketplace-success h3 {
            margin: 0 0 8px;
            font-size: 29px;
        }

        .marketplace-success__reference {
            display: inline-block;
            direction: ltr;
            margin: 12px 0;
            padding: 9px 13px;
            border-radius: 12px;
            background: #f1f5f3;
            font-weight: 900;
            letter-spacing: .04em;
        }

        body.marketplace-modal-open {
            overflow: hidden;
        }

        @media (max-width: 760px) {
            .marketplace-modal {
                padding: 0;
                align-items: end;
            }

            .marketplace-modal__panel {
                width: 100%;
                max-height: 94vh;
                border-radius: 24px 24px 0 0;
            }

            .marketplace-detail-grid,
            .marketplace-form,
            .marketplace-fulfillment__options,
            .marketplace-delivery-fields {
                grid-template-columns: 1fr;
            }

            .marketplace-detail-image {
                min-height: 230px;
            }

            .marketplace-form .field--full,
            .marketplace-form__actions,
            .marketplace-terms,
            .marketplace-delivery-fields .field--full,
            .marketplace-delivery-location-actions {
                grid-column: auto;
            }
        }


        .company-bookings-panel {
            margin-top: 18px;
        }

        .company-login-form {
            display: grid;
            grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
            gap: 12px;
            align-items: end;
            margin-bottom: 16px;
        }

        .company-login-form .field {
            min-width: 0;
        }

        .company-session-toolbar {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 14px;
        }

        .company-context-field {
            display: grid;
            gap: 7px;
            min-width: min(100%, 310px);
        }

        .company-context-field[hidden] {
            display: none;
        }

        .company-context-field label {
            color: var(--muted);
            font-size: 12px;
            font-weight: 900;
        }

        .company-context-field select,
        .company-bookings-toolbar select {
            border: 1px solid var(--line);
            border-radius: 12px;
            background: #fff;
            color: var(--ink);
            padding: 10px 12px;
            font-weight: 800;
        }

        .company-session-actions,
        .company-bookings-toolbar {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }

        .company-bookings-toolbar {
            justify-content: space-between;
            margin-bottom: 14px;
        }

        .company-session-summary {
            display: grid;
            gap: 3px;
            min-width: 220px;
        }

        .company-session-summary strong {
            font-size: 14px;
        }

        .company-session-summary small {
            color: var(--muted);
        }

        .company-bookings-status {
            min-height: 24px;
            margin-bottom: 10px;
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
        }

        .company-bookings-status.is-error {
            color: #9f2b1f;
        }

        .company-bookings-table {
            min-width: 980px;
        }

        .company-bookings-table td {
            vertical-align: top;
        }

        .company-bookings-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-width: 210px;
        }

        .company-bookings-actions button {
            border: 1px solid var(--line);
            border-radius: 10px;
            background: #fff;
            padding: 7px 9px;
            color: var(--ink);
            cursor: pointer;
            font-size: 11px;
            font-weight: 900;
        }

        .company-bookings-actions button:hover {
            border-color: var(--green);
            color: var(--green);
        }

        .company-bookings-actions button:disabled {
            cursor: wait;
            opacity: .55;
        }

        .company-booking-reference {
            direction: ltr;
            display: inline-block;
            font-weight: 900;
        }

        .company-booking-customer,
        .company-booking-vehicle {
            display: grid;
            gap: 3px;
        }

        .company-booking-customer small,
        .company-booking-vehicle small {
            color: var(--muted);
        }

        @media (max-width: 900px) {
            .company-login-form {
                grid-template-columns: 1fr 1fr;
            }

            .company-login-form .button {
                width: 100%;
            }
        }

        @media (max-width: 620px) {
            .company-login-form {
                grid-template-columns: 1fr;
            }

            .company-session-toolbar,
            .company-session-actions,
            .company-bookings-toolbar {
                align-items: stretch;
                flex-direction: column;
            }

            .company-context-field,
            .company-session-summary,
            .company-session-actions .button,
            .company-bookings-toolbar select,
            .company-bookings-toolbar .button {
                width: 100%;
            }
        }

        @media (max-width: 1050px) {
            .main-nav {
                display: none;
            }

            .hero {
                grid-template-columns: 1fr;
            }

            .hero-art {
                min-height: 430px;
            }

            .cars-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .features-grid,
            .stat-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .dashboard-shell {
                grid-template-columns: 86px 1fr;
            }

            .sidebar {
                padding-inline: 12px;
            }

            .sidebar .brand-title,
            .sidebar .brand-subtitle,
            .sidebar-link span {
                display: none;
            }

            .sidebar-link {
                justify-content: center;
                font-size: 20px;
            }
        }

        @media (max-width: 760px) {
            .platform-bar__inner,
            .site-header__inner,
            .footer-inner {
                padding-inline: 16px;
            }

            .platform-bar__inner {
                align-items: flex-start;
                flex-direction: column;
                gap: 8px;
            }

            .header-actions .button-outline {
                display: none;
            }

            .brand-subtitle {
                display: none;
            }

            .hero {
                padding: 36px 16px 24px;
                gap: 30px;
            }

            .hero h1 {
                font-size: 42px;
            }

            .hero-copy {
                font-size: 16px;
            }

            .hero-art {
                min-height: 330px;
                border-radius: 26px;
            }

            .hero-car {
                top: 86px;
            }

            .hero-card--top {
                top: 18px;
                right: 18px;
            }

            .hero-card--bottom {
                bottom: 16px;
                left: 16px;
            }

            .search-shell {
                padding-inline: 16px;
            }

            .search-card {
                grid-template-columns: 1fr;
            }

            .section {
                padding: 42px 16px;
            }

            .section-heading {
                align-items: start;
                flex-direction: column;
            }

            .cars-grid,
            .features-grid,
            .stat-grid,
            .dashboard-grid {
                grid-template-columns: 1fr;
            }

            .company-cta {
                margin-inline: 16px;
                padding: 30px 22px;
                grid-template-columns: 1fr;
            }

            .footer-inner {
                align-items: flex-start;
                flex-direction: column;
            }

            .dashboard-shell {
                display: block;
            }

            .sidebar {
                display: none;
            }

            .dashboard-topbar,
            .dashboard-content {
                padding-inline: 16px;
            }

            .company-chip > div:last-child {
                display: none;
            }
        }

        .brand-logo-approved { width: 245px; max-height: 60px; object-fit: contain; }
        .hero-banner-image { width:100%; height:100%; min-height:420px; object-fit:cover; border-radius:28px; }
        .car-card { position:relative; }
        .featured-badge { position:absolute; z-index:3; top:14px; inset-inline-start:14px; display:inline-flex; gap:6px; align-items:center; padding:7px 11px; border-radius:999px; background:#d6a63c; color:#10271d; font-size:12px; font-weight:900; box-shadow:0 5px 18px rgba(0,0,0,.15); }