.wd-goal-highlight {
    border: 1px solid rgba(255,107,0,.24);
    border-radius: 14px;
    padding: .9rem;
    background: linear-gradient(180deg, rgba(255,107,0,.055), rgba(255,255,255,.98));
}

.wd-goal-highlight .wd-field-label {
    color: #d85b00;
}

.wd-toolbar-groups {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.wd-experience-switch {
    display: inline-flex;
    gap: .28rem;
    padding: .28rem;
    border-radius: 10px;
    background: #20242a;
}

.wd-experience-btn {
    min-height: 38px;
    border: 0;
    border-radius: 8px;
    padding: .45rem .78rem;
    background: transparent;
    color: rgba(255,255,255,.68);
    font-size: .8rem;
    font-weight: 800;
    cursor: pointer;
}

.wd-experience-btn.active {
    background: #fff;
    color: #22272e;
    box-shadow: 0 3px 10px rgba(0,0,0,.13);
}

.wd-comparison-note {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .7rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid #e6e8eb;
    background: #fff;
    color: #5f6873;
    font-size: .82rem;
}

.wd-comparison-note strong { color: #242a31; }

.wd-site.is-before {
    --wds-primary: #7a7f85 !important;
    --wds-dark: #ececec !important;
    --wds-bg: #fff !important;
    --wds-soft: #f8f8f8 !important;
    --wds-text: #4b4f54 !important;
    --wds-muted: #8a8f94 !important;
}

.wd-site.is-before .wds-nav {
    color: #5d6268;
    background: #ececec;
    border-bottom: 1px solid #ddd;
}

.wd-site.is-before .wds-brand span { color: #5d6268; }
.wd-site.is-before .wds-nav-links { color: #9a9ea2; }
.wd-site.is-before .wds-nav-cta {
    color: #666;
    background: transparent;
    border: 1px solid #b9bdc1;
}

.wd-site.is-before .wds-hero {
    grid-template-columns: 1fr;
    min-height: 320px;
    color: #4a4f55;
    background: #f1f1f1;
}

.wd-site.is-before .wds-hero-copy { padding: 3rem 2.4rem; }
.wd-site.is-before .wds-kicker { color: #8a8f94; }
.wd-site.is-before .wds-hero p { color: #777d84; }
.wd-site.is-before .wds-visual { display: none; }
.wd-site.is-before .wds-btn-primary {
    color: #666;
    background: #ddd;
}
.wd-site.is-before .wds-btn-secondary {
    color: #777;
    border-color: #c9cccf;
}
.wd-site.is-before .wds-proof { display: none; }
.wd-site.is-before .wds-section { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.wd-site.is-before .wds-service-card {
    border-radius: 2px;
    box-shadow: none;
}
.wd-site.is-before .wds-service-icon { display: none; }
.wd-site.is-before .wds-gallery { opacity: .34; filter: grayscale(1); }
.wd-site.is-before .wds-conversion-section {
    background: #f3f3f3;
}
.wd-site.is-before .wds-submit {
    background: #777 !important;
}

.wd-conversion-lab {
    margin-top: 1.1rem;
    border: 1px solid rgba(20,24,30,.10);
    border-radius: 24px;
    padding: 1.5rem;
    background: #fff;
    box-shadow: 0 22px 60px rgba(22,27,34,.07);
}

.wd-conversion-lab[hidden] { display: none; }

.wd-conversion-lab-head h2 {
    max-width: 760px;
    margin: .65rem 0 0;
    color: #22272e;
    font-size: clamp(1.6rem, 2.5vw, 2.35rem);
    letter-spacing: -.035em;
}

.wd-conversion-lab-head p {
    max-width: 820px;
    margin: .7rem 0 0;
    color: #68717c;
    line-height: 1.7;
}

.wd-conversion-flow-demo {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: .7rem;
    align-items: center;
    margin-top: 1.4rem;
}

.wd-flow-step {
    min-height: 130px;
    border: 1px solid #e5e8eb;
    border-radius: 16px;
    padding: 1rem;
    background: #fafbfc;
}

.wd-flow-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #eceff2;
    color: #626a74;
    font-size: .7rem;
    font-weight: 900;
}

.wd-flow-step strong,
.wd-flow-step small {
    display: block;
}

.wd-flow-step strong {
    margin-top: .7rem;
    color: #22272e;
}

.wd-flow-step small {
    margin-top: .25rem;
    color: #747d87;
    line-height: 1.45;
}

.wd-flow-step.complete,
.wd-flow-step.active {
    border-color: rgba(255,107,0,.22);
    background: rgba(255,107,0,.045);
}

.wd-flow-step.complete span,
.wd-flow-step.active span {
    color: #d85b00;
    background: rgba(255,107,0,.11);
}

.wd-flow-arrow {
    color: #a4aab0;
    font-size: 1.4rem;
    font-weight: 900;
}

.wd-mini-crm {
    margin-top: 1.2rem;
    overflow: hidden;
    border: 1px solid #e3e6e9;
    border-radius: 18px;
    background: #111317;
    color: #fff;
}

.wd-mini-crm-top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.wd-mini-crm-top small,
.wd-mini-crm-top strong { display: block; }
.wd-mini-crm-top small { color: #ff8a3d; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.wd-mini-crm-top strong { margin-top: .2rem; font-size: 1.05rem; }

.wd-mini-status {
    border-radius: 999px;
    padding: .38rem .65rem;
    background: rgba(47,191,113,.15);
    color: #75dda2;
    font-size: .72rem;
    font-weight: 900;
}

.wd-mini-crm-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: rgba(255,255,255,.08);
}

.wd-mini-crm-grid > div {
    min-width: 0;
    padding: 1rem;
    background: #171a1f;
}

.wd-mini-crm-grid span,
.wd-mini-crm-grid strong { display: block; }
.wd-mini-crm-grid span { color: rgba(255,255,255,.47); font-size: .68rem; }
.wd-mini-crm-grid strong { margin-top: .3rem; overflow-wrap: anywhere; font-size: .82rem; }

.wd-mini-crm-note {
    margin: 0;
    padding: .9rem 1rem;
    color: rgba(255,255,255,.55);
    font-size: .75rem;
    line-height: 1.55;
}

.wd-config-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin: 1.1rem 0 1.25rem;
}

.wd-config-summary > span {
    min-width: 0;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: .8rem;
    background: rgba(255,255,255,.055);
}

.wd-config-summary small,
.wd-config-summary strong { display: block; }
.wd-config-summary small { color: rgba(255,255,255,.5); font-size: .66rem; text-transform: uppercase; letter-spacing: .08em; }
.wd-config-summary strong { margin-top: .28rem; color: #fff; overflow-wrap: anywhere; font-size: .8rem; }

@media (max-width: 991.98px) {
    .wd-toolbar-groups { flex-wrap: wrap; justify-content: flex-end; }
    .wd-conversion-flow-demo { grid-template-columns: 1fr; }
    .wd-flow-arrow { transform: rotate(90deg); text-align: center; }
    .wd-mini-crm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wd-config-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .wd-stage-toolbar { align-items: flex-start; }
    .wd-toolbar-groups { width: 100%; justify-content: flex-start; }
    .wd-experience-switch,
    .wd-device-switch { width: 100%; }
    .wd-experience-btn,
    .wd-device-btn { flex: 1; }
    .wd-comparison-note { display: block; }
    .wd-comparison-note span { display: block; margin-top: .25rem; }
    .wd-mini-crm-grid,
    .wd-config-summary { grid-template-columns: 1fr; }
}