.wd-site.is-before-strategy {
    --before-accent: #c96622;
    --before-accent-soft: #f7eee8;
}

.wd-site.is-before-strategy[data-theme='light'] {
    --before-accent: #5870ca;
    --before-accent-soft: #eef1fa;
}

.wd-site.is-before-strategy[data-theme='corporate'] {
    --before-accent: #25869e;
    --before-accent-soft: #eaf3f5;
}

.wd-site.is-before-strategy[data-theme='elegant'] {
    --before-accent: #9b7a50;
    --before-accent-soft: #f5f0e9;
}

.wd-site.is-before-strategy[data-theme='green'] {
    --before-accent: #43866f;
    --before-accent-soft: #edf5f2;
}

.wd-site.is-before-strategy[data-theme='terracotta'] {
    --before-accent: #ad654d;
    --before-accent-soft: #f7efeb;
}

.wd-site.is-before-strategy [data-demo-section='proof'],
.wd-site.is-before-strategy [data-demo-section='values'],
.wd-site.is-before-strategy [data-demo-section='gallery'],
.wd-site.is-before-strategy [data-demo-section='reviews'] {
    display: none !important;
}

.wd-site.is-before-strategy .wds-nav-cta {
    display: none !important;
}

.wd-site.is-before-strategy .wds-brand span {
    color: var(--before-accent) !important;
}

.wd-site.is-before-strategy .wds-hero {
    grid-template-columns: 1fr !important;
    min-height: 300px !important;
    background: var(--before-accent-soft) !important;
    color: #444b52 !important;
    border-top: 4px solid var(--before-accent) !important;
    border-bottom: 0 !important;
}

.wd-site.is-before-strategy .wds-hero-copy {
    max-width: 760px;
    padding: 2.7rem 2.2rem !important;
}

.wd-site.is-before-strategy .wds-kicker {
    color: var(--before-accent) !important;
}

.wd-site.is-before-strategy .wds-hero h2 {
    max-width: 620px;
    color: #444b52 !important;
    font-size: clamp(1.8rem, 3.3vw, 2.8rem) !important;
    letter-spacing: -.025em !important;
}

.wd-site.is-before-strategy .wds-hero p {
    max-width: 620px;
    color: #747a80 !important;
}

.wd-site.is-before-strategy .wds-visual {
    display: none !important;
}

.wd-site.is-before-strategy .wds-hero-actions {
    margin-top: 1rem !important;
}

.wd-site.is-before-strategy .wds-btn-secondary {
    display: none !important;
}

.wd-site.is-before-strategy .wds-btn-primary {
    min-height: auto !important;
    padding: .3rem 0 !important;
    color: var(--before-accent) !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wd-site.is-before-strategy [data-demo-section='services'] {
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 2.4rem 2.2rem !important;
    background: #fff !important;
}

.wd-site.is-before-strategy [data-demo-section='services'] .wds-section-head small {
    color: var(--before-accent) !important;
}

.wd-site.is-before-strategy [data-demo-section='services'] .wds-section-head h3 {
    color: #444b52 !important;
    font-size: 1.65rem !important;
}

.wd-site.is-before-strategy [data-demo-section='services'] .wds-section-head p {
    color: #777d84 !important;
}

.wd-site.is-before-strategy .wds-service-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 1.25rem !important;
}

.wd-site.is-before-strategy .wds-service-card {
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7e9 !important;
    border-radius: 0 !important;
    padding: .85rem 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.wd-site.is-before-strategy .wds-service-card:first-child {
    border-top: 2px solid var(--before-accent) !important;
}

.wd-site.is-before-strategy .wds-service-icon,
.wd-site.is-before-strategy .wds-service-thumb,
.wd-site.is-before-strategy .wds-service-card-photo {
    display: none !important;
}

.wd-site.is-before-strategy .wds-service-card strong {
    margin: 0 !important;
    color: #4b5157 !important;
    font-size: .85rem !important;
}

.wd-site.is-before-strategy .wds-service-card span:last-child {
    margin-top: .2rem !important;
    color: #8a9096 !important;
    font-size: .7rem !important;
}

.wd-site.is-before-strategy [data-demo-section='conversion'] {
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 2.6rem 2.2rem !important;
    color: #4b4f54 !important;
    background: var(--before-accent-soft) !important;
    border-top: 1px solid color-mix(in srgb, var(--before-accent) 25%, #d9dcdf) !important;
}

.wd-site.is-before-strategy .wds-conversion-copy {
    max-width: 680px;
}

.wd-site.is-before-strategy .wds-conversion-copy h3 {
    color: #4b4f54 !important;
    font-size: 1.75rem !important;
}

.wd-site.is-before-strategy .wds-conversion-copy p {
    color: #757b81 !important;
}

.wd-site.is-before-strategy .wds-conversion-copy .wds-kicker {
    color: var(--before-accent) !important;
}

.wd-site.is-before-strategy .wds-conversion-form {
    max-width: 680px;
    margin-top: 1.2rem;
    border: 1px solid #d9dcdf !important;
    border-top: 3px solid var(--before-accent) !important;
    border-radius: 4px !important;
    padding: 1rem !important;
    background: #fff !important;
    box-shadow: none !important;
}

.wd-site.is-before-strategy .wds-form-grid .wds-field:nth-child(-n+3) {
    display: none !important;
}

.wd-site.is-before-strategy .wds-form-grid {
    grid-template-columns: 1fr !important;
}

.wd-site.is-before-strategy .wds-field {
    grid-column: 1 / -1 !important;
}

.wd-site.is-before-strategy .wds-field label {
    color: #666d73 !important;
}

.wd-site.is-before-strategy .wds-field input,
.wd-site.is-before-strategy .wds-field select,
.wd-site.is-before-strategy .wds-field textarea {
    color: #444b52 !important;
    background: #fff !important;
    border-color: #d6d9dc !important;
}

.wd-site.is-before-strategy .wds-submit {
    width: auto !important;
    min-height: 38px !important;
    border-radius: 3px !important;
    padding: .55rem 1rem !important;
    color: #fff !important;
    background: var(--before-accent) !important;
    box-shadow: none !important;
}

@media (max-width: 575.98px) {
    .wd-site.is-before-strategy .wds-hero-copy,
    .wd-site.is-before-strategy [data-demo-section='services'],
    .wd-site.is-before-strategy [data-demo-section='conversion'] {
        padding-left: 1.35rem !important;
        padding-right: 1.35rem !important;
    }
}