.sales-home {
    --sales-blue: #4169e1;
    --sales-panel: #171717;
    --sales-line: rgba(255, 255, 255, .12);
}

.sales-home .theme-btn,
.sales-home a.theme-btn { color: #fff; }

.sales-hero {
    min-height: 760px;
    padding: 190px 0 100px;
}

.sales-kicker {
    color: var(--sales-blue);
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sales-hero h1 {
    font-size: clamp(54px, 6.5vw, 96px);
    line-height: 1.02;
    margin: 22px 0 28px;
    max-width: 1050px;
}

.sales-hero h1 span { color: var(--sales-blue); }
.sales-hero-copy {
    color: #c4c4c4;
    font-size: 20px;
    line-height: 1.7;
    max-width: 720px;
}

.sales-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 35px;
}

.sales-link {
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.45);
    color: #fff;
    display: inline-flex;
    font-weight: 600;
    margin-left: 12px;
}

.sales-proof {
    border-bottom: 1px solid var(--sales-line);
    border-top: 1px solid var(--sales-line);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 75px;
}

.sales-proof > div { padding: 24px 30px 24px 0; }
.sales-proof > div:not(:last-child) { border-right: 1px solid var(--sales-line); margin-right: 30px; }
.sales-proof strong { color: #fff; display: block; font-size: 18px; margin-bottom: 4px; }
.sales-proof span { color: #929292; font-size: 14px; }

.sales-section-head {
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(0, .8fr) minmax(320px, 1.2fr);
    margin-bottom: 65px;
}

.sales-section-head h2 {
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.1;
    margin-bottom: 0;
}

.sales-section-head p { color: #a9a9a9; font-size: 18px; max-width: 640px; }

.sales-services { border-top: 1px solid var(--sales-line); }
.sales-service {
    align-items: start;
    border-bottom: 1px solid var(--sales-line);
    display: grid;
    gap: 35px;
    grid-template-columns: 70px minmax(220px, .7fr) minmax(280px, 1.3fr);
    padding: 38px 0;
}

.sales-service > span { color: var(--sales-blue); font-family: monospace; }
.sales-service h3 { font-size: 27px; margin-bottom: 0; }
.sales-service p { color: #a5a5a5; margin-bottom: 12px; }
.sales-service ul { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.sales-service li { color: #d0d0d0; font-size: 14px; }
.sales-service li::before { color: var(--sales-blue); content: '•'; margin-right: 8px; }

.conversion-work .section-title { max-width: 760px; text-align: left !important; }
.conversion-work .section-title h2 { font-size: clamp(40px, 5vw, 66px); }
.conversion-work .wow { animation: none !important; visibility: visible !important; }
.conversion-work .row.align-items-center { padding-bottom: 90px !important; }
.conversion-work .project-content p { color: #a7a7a7; font-size: 17px; }
.conversion-work .project-content .sub-title { color: var(--sales-blue); }
.conversion-work .project-image img { border: 1px solid var(--sales-line); }
.conversion-work .project-visit {
    border-bottom: 1px solid rgba(255,255,255,.4);
    color: #fff;
    display: inline-block;
    font-weight: 600;
    margin-top: 8px;
}

.sales-process { border-top: 1px solid var(--sales-line); counter-reset: sales-step; }
.sales-process li {
    border-bottom: 1px solid var(--sales-line);
    counter-increment: sales-step;
    display: grid;
    gap: 30px;
    grid-template-columns: 80px minmax(220px, .7fr) minmax(280px, 1.3fr);
    padding: 30px 0;
}
.sales-process li::before { color: var(--sales-blue); content: '0' counter(sales-step); font-family: monospace; }
.sales-process h4 { font-size: 23px; margin: 0; }
.sales-process p { color: #a5a5a5; margin: 0; }

.sales-contact {
    background: var(--sales-panel);
    border: 1px solid var(--sales-line);
    display: grid;
    gap: 60px;
    grid-template-columns: 1.2fr .8fr;
    padding: clamp(30px, 6vw, 80px);
}
.sales-contact h2 { font-size: clamp(42px, 5vw, 68px); line-height: 1.08; }
.sales-contact p { color: #aaa; font-size: 18px; max-width: 650px; }
.sales-contact-options { border-top: 1px solid var(--sales-line); }
.sales-contact-option { border-bottom: 1px solid var(--sales-line); display: block; padding: 22px 0; }
.sales-contact-option strong { color: #fff; display: block; font-size: 18px; }
.sales-contact-option span { color: #969696; font-size: 14px; }
.sales-contact-option i { color: var(--sales-blue); float: right; margin-top: 10px; }

.sales-programme-note {
    align-items: center;
    border-left: 2px solid var(--sales-blue);
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 30px;
    padding-left: 20px;
}
.sales-programme-note p { font-size: 14px; margin: 0; }
.sales-programme-note a { color: #fff; flex: none; font-weight: 600; }

@media (max-width: 991px) {
    .sales-hero { min-height: auto; }
    .sales-section-head, .sales-contact { grid-template-columns: 1fr; }
    .sales-service, .sales-process li { grid-template-columns: 50px 1fr; }
    .sales-service > div:last-child, .sales-process li p { grid-column: 2; }
}

@media (max-width: 767px) {
    .sales-hero { padding: 145px 0 75px; }
    .sales-hero h1 { font-size: 46px; }
    .sales-hero-copy { font-size: 17px; }
    .sales-link { margin: 8px 0 0; }
    .sales-proof { grid-template-columns: 1fr; margin-top: 50px; }
    .sales-proof > div { padding: 18px 0; }
    .sales-proof > div:not(:last-child) { border-bottom: 1px solid var(--sales-line); border-right: 0; margin-right: 0; }
    .sales-section-head { display: block; }
    .sales-section-head h2 { margin-bottom: 22px; }
    .sales-service, .sales-process li { display: block; }
    .sales-service > span, .sales-process li::before { display: block; margin-bottom: 18px; }
    .sales-service h3, .sales-process h4 { margin-bottom: 14px; }
    .sales-contact { padding: 30px 22px; }
    .sales-programme-note { align-items: start; flex-direction: column; }
}