:root {
    --ms-hero-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #d97706 100%);
    --ms-cta-gradient: linear-gradient(135deg, #1e293b 0%, #d97706 100%);
    --ms-accent: #d97706;
    --ms-accent-light: #f59e0b;
    --ms-card-accent: linear-gradient(90deg, #d97706, #f59e0b);
}
.ms-hero { background: linear-gradient(135deg, rgba(15,23,42,0.62), rgba(217,119,6,0.38)), url('/static/assets/operations/digital-marketing-hero.jpg') center/cover no-repeat; }
.ms-cta { background: var(--ms-cta-gradient); }
.ms-card { --card-accent: var(--ms-card-accent); }
.ms-insight-tag { background: rgba(217,119,6,0.1); color: #d97706; }
.ms-card-icon { background: linear-gradient(135deg, #fef3c7, #fffbeb); color: #d97706; font-size: 1.5rem; }

.ms-hero {
    background-attachment: fixed;
}
@media (max-width: 1023px) {
    .ms-hero { background-attachment: scroll; }
}

.ms-section-connector {
    position: relative;
    height: 56px;
    overflow: hidden;
    background: transparent;
    line-height: 0;
}
.ms-section-connector svg {
    display: block;
    width: 100%;
    height: 56px;
}
.ms-section-connector--wave {
    margin: -1px 0;
}
.ms-section-connector--dots {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.ms-section-connector--dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ms-accent);
    opacity: 0.35;
}
.ms-section-connector--bar {
    height: 8px;
    background: linear-gradient(90deg, transparent, var(--ms-accent), transparent);
    opacity: 0.28;
}