/* Consistent service surfaces. Scoped to service pages, after legacy theme rules. */
.service-page {
    --service-hover: #edf6f8;
    --service-icon-bg: #e3f0f4;
    --service-icon-ink: #10445a;
    --service-shadow: 0 6px 24px #0b202d0a;
    --service-hover-shadow: 0 16px 36px #0b202d18;
}
html.dark-theme .service-page {
    --service-hover: #193b4b;
    --service-icon-bg: #234858;
    --service-icon-ink: #9adbea;
    --service-shadow: 0 6px 24px #00000020;
    --service-hover-shadow: 0 16px 36px #00000035;
}
html body.service-page :is(.webapp-hero, .webapp-section, #we-offer, .webapp-faq-glass) { background: var(--site-card) !important; }
html body.service-page :is(.webapp-section--soft, .webapp-industries-section, #we-offer, .webapp-faq-glass) { background: var(--site-surface) !important; }
html body.service-page :is(.webapp-section--dark, .webapp-process-theme, .cta-one) {
    background: var(--site-dark-gradient) !important;
    --site-card: #14303f;
    --site-surface: #0b202d;
    --site-text: #edf5f8;
    --site-muted: #b4c8d2;
    --site-line: #2c4a59;
    --service-hover: #193b4b;
    --service-icon-bg: #234858;
    --service-icon-ink: #9adbea;
}
html body.service-page :is(.webapp-list-card, .webapp-reason, .webapp-stack, .webapp-industry, .webapp-hero__stat, .webapp-process-card, .webapp-process-theme .process-one__content, #we-offer .services-two__single-inner, .webapp-faq-glass .accrodion) {
    background: var(--site-card) !important;
    border: 1px solid var(--site-line) !important;
    box-shadow: var(--service-shadow) !important;
    border-radius: 18px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}
html body.service-page :is(.webapp-list-card, .webapp-reason, .webapp-stack, .webapp-industry, .webapp-hero__stat, .webapp-process-card, .webapp-process-theme .process-one__content, #we-offer .services-two__single-inner, .webapp-faq-glass .accrodion) :is(h3, h4, h3 a, h4 a) { color: var(--site-text) !important; }
html body.service-page :is(.webapp-list-card, .webapp-reason, .webapp-stack, .webapp-industry, .webapp-process-card, .webapp-process-theme, #we-offer, .webapp-faq-glass .accrodion) :is(p, li) { color: var(--site-muted) !important; }
html body.service-page .webapp-hero__stat :is(strong, span) { color: var(--site-text) !important; }
html body.service-page :is(.webapp-list-card, .webapp-reason, .webapp-stack)::before { background: linear-gradient(90deg, #40859a, #9adbea) !important; }
html body.service-page .webapp-process-card::before { background: linear-gradient(135deg, #9adbea10, transparent) !important; pointer-events: none; }
html body.service-page :is(#we-offer .services-two__icon, .webapp-process-card__icon, .webapp-industry > span, .webapp-stack__tags span) {
    background: var(--service-icon-bg) !important;
    color: var(--service-icon-ink) !important;
    border-color: var(--site-line) !important;
}
html body.service-page :is(#we-offer .services-two__icon, .webapp-process-card__icon) span { color: var(--service-icon-ink) !important; }
html body.service-page #we-offer .services-two__icon::before { background: var(--service-icon-bg) !important; }
html body.service-page .webapp-process-theme :is(.section-title__title, .process-one__title) { color: #edf5f8 !important; }
html body.service-page :is(.webapp-process-theme, .webapp-section--dark) .section-title__tagline { color: #9adbea !important; }
html body.service-page .webapp-faq-glass .faq-one__contact-box { background: var(--site-dark-gradient) !important; border: 1px solid #2c4a59; box-shadow: var(--service-shadow); }
html body.service-page .webapp-faq-glass :is(.faq-one__author-box, .faq-one__author-img) { background: #ffffff0d !important; border-color: #ffffff26 !important; }
html body.service-page .webapp-faq-glass :is(.faq-one__contact-title, .faq-one__author-name a, .faq-one__contact-number a) { color: #edf5f8 !important; }
html body.service-page .webapp-faq-glass :is(.faq-one__contact-text, .faq-one__author-sub-title) { color: #b4c8d2 !important; }
html body.service-page .webapp-faq-glass .accrodion.active { border-color: #568395 !important; }
html body.service-page :is(.webapp-list-card, .webapp-reason, .webapp-stack, .webapp-industry, .webapp-process-card, #we-offer .services-two__single-inner):focus-within {
    background: var(--service-hover) !important;
    border-color: #568395 !important;
    box-shadow: var(--service-hover-shadow) !important;
}
@media (hover: hover) and (pointer: fine) {
    html body.service-page :is(.webapp-list-card, .webapp-reason, .webapp-stack, .webapp-industry, .webapp-hero__stat, .webapp-process-card, #we-offer .services-two__single-inner):hover {
        background: var(--service-hover) !important;
        border-color: #568395 !important;
        box-shadow: var(--service-hover-shadow) !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html body.service-page :is(.webapp-hero__stat, .webapp-list-card, .webapp-reason, .webapp-stack, .webapp-industry, .webapp-process-card, .services-two__single, .services-two__single-inner, .accrodion, .wow) {
        animation: none !important; transition: none !important; transform: none !important; visibility: visible !important;
    }
}