/* Shared visual theme, loaded after page-specific styles. */
:root{--bg:#f6f8fc;--surface:#fff;--surface-soft:#edf3ff;--soft:#edf3ff;--ink:#14233b;--text:#14233b;--muted:#5a6b83;--brand:#2563eb;--brand2:#2563eb;--brand-dark:#1e40af;--accent:#2563eb;--accent-soft:#edf3ff;--dark:#101e35;--dark2:#162b48;--footer:#101e35;--line:#dce4f0;--header-border:#dce4f0;--panel-soft:#f0f4fa;--text-strong:#14233b;--text-soft:#5a6b83;--shadow:0 16px 40px rgba(16,30,53,.08)}
body{background:#f6f8fc;color:var(--ink)}.site-header{background:#fff;border-color:var(--line);box-shadow:0 3px 18px rgba(16,30,53,.04)}.pro-topbar{background:#101e35;color:#dbe6fa}.pro-nav-wrap{background:#fff}.pro-nav a,.ms-navigation a{color:#253954}.pro-nav a:hover{color:#2563eb}.pro-quote{background:#2563eb;color:#fff;box-shadow:none;border-radius:10px}.ms-wordmark{display:block;font-size:29px;line-height:1.05;font-weight:850;letter-spacing:-1.2px;color:#14233b}.ms-wordmark>span{color:#2563eb}.ms-wordmark small{display:block;color:#65758c;font-size:10px;letter-spacing:.12em;font-weight:650;margin-top:7px;text-transform:uppercase}.pro-logo{text-decoration:none}.eyebrow{background:#edf3ff;border-color:#d8e5ff;color:#2456b5;font-size:12px;letter-spacing:.065em}.service-page{color:#14233b}.sp-hero{padding-top:60px}.sp-hero h1{color:#14233b;font-weight:780}.sp-three h3 a,.sp-back{color:#253954}.sp-three a,.sp-app-links a{color:#2456b5}.sp-cta{background:#edf3ff}.sp-section,.sp-three article,.sp-capabilities article{border-color:#dce4f0}.sp-capabilities h3{color:#1d3557}.btn.primary,.btn.play{background:#2563eb!important;color:#fff!important;box-shadow:0 6px 16px rgba(37,99,235,.16);border-color:#2563eb;border-radius:10px}.btn.primary:hover,.btn.play:hover{background:#1d4ed8!important}.btn.secondary{background:#fff;color:#253954;border-color:#d3ddec;border-radius:10px}.btn.secondary:hover{background:#edf3ff;border-color:#9bb8ed}.site-footer{background:#101e35;border-top:0}.footer-cta{background:#162b48;border-color:#314867;box-shadow:none;border-radius:16px}.footer-kicker,.footer-badges span{background:#243d60;color:#dbe8ff;border-color:#385579}.footer-col h4{color:#c9ddff}.footer-actions a.primary{background:#2563eb;color:#fff;border-color:#2563eb}.footer-contact-card a[href^="https://wa.me"]{color:#dbe8ff!important}.float-btn.wa{background:#2563eb;border:2px solid #fff;box-shadow:0 8px 20px rgba(16,30,53,.18)}.contact-chip-row span,.contact-box,.legal-card,.contact-method-card{border-color:#dce4f0}.ds-hero h1 span,.ds-kicker{color:#2456b5}.controller-panel .pkg,.controller-panel .pkg code{color:#dbe8ff}.controller-panel{border-color:#385579}.service-page a:focus-visible,.ms-navigation a:focus-visible{outline-color:#2563eb}::selection{background:#cdddff;color:#14233b}@media(max-width:640px){.sp-hero{padding-top:32px}.ms-wordmark{font-size:25px}.sp-hero h1{font-size:36px}}

/* Compact shared header. */
.pro-header .pro-topbar-inner{min-height:30px;padding:0;gap:12px;font-size:12px;font-weight:550}.pro-header .pro-top-left,.pro-header .pro-top-actions{gap:14px}.pro-header .pro-nav-inner{min-height:64px;padding:8px 0;gap:20px}.pro-header .ms-wordmark{font-size:25px}.pro-header .ms-wordmark small{font-size:9px;margin-top:5px;letter-spacing:.08em}.pro-header .pro-nav.ms-navigation{gap:22px}.pro-header .pro-nav a{font-size:14px;font-weight:650}.pro-header .pro-quote{padding:9px 13px;min-height:36px;line-height:18px;border-radius:8px;font-size:13px;font-weight:650;box-shadow:none}.pro-header .pro-quote span{font-size:15px;margin-left:4px}.pro-header .ms-lang{gap:4px}.pro-header .ms-lang select{font-size:12px;font-weight:550;padding:2px 7px;max-width:130px;border-radius:6px}.pro-header .ms-lang>span{font-size:12px}
@media(max-width:1100px){.pro-header .pro-nav-inner{gap:8px 16px;padding:10px 0}.pro-header .pro-nav.ms-navigation{padding:6px 0 0;gap:18px;min-height:34px}.pro-header .pro-nav a{padding:2px 0}}
@media(max-width:720px){.pro-header .pro-topbar-inner{min-height:32px;padding:3px 0;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:6px}.pro-header .pro-top-actions{gap:0}.pro-header .pro-top-left a{font-size:11px;white-space:nowrap}.pro-header .ms-lang select{max-width:112px}.pro-header .pro-nav-inner{min-height:0;padding:9px 0 6px}.pro-header .ms-wordmark{font-size:23px}.pro-header .pro-nav.ms-navigation{justify-content:space-between;gap:8px}.pro-header .pro-nav a{font-size:13px}.pro-header .pro-quote{padding:8px 11px;min-height:34px;font-size:12px}}

/* QC: consistent page width, focus, and contrast. */
main.service-page{width:100%;max-width:none}.sp-section#portfolio{padding-top:48px}.sp-section#portfolio h1{font-size:clamp(34px,4.8vw,56px);line-height:1.15}.ms-skip{position:absolute;left:16px;top:-100px;z-index:100000;padding:10px 16px;background:#fff;color:#14233b;border:2px solid #2563eb;border-radius:8px}.ms-skip:focus{top:10px}.ms-navigation a[aria-current="page"]{color:#1d4ed8;text-decoration:underline;text-underline-offset:7px}.controller-hero #pricing-intl:checked ~ .pricing-tab-labels label[for="pricing-intl"],#pricing-intl:checked ~ .pricing-tab-labels label[for="pricing-intl"],#pricing-india:checked ~ .pricing-tab-labels label[for="pricing-india"]{color:#fff}.pricing-tab-labels label:focus-within{outline:2px solid #2563eb;outline-offset:3px}.pricing-tabs input[type="radio"]:focus-visible ~ .pricing-tab-labels{outline:2px solid #2563eb;outline-offset:4px}.pro-header .pro-quote:focus-visible,.btn:focus-visible,.float-btn:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:720px){.pro-header .pro-nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px}.pro-header .pro-nav.ms-navigation{grid-column:1/-1;display:flex!important;flex-wrap:nowrap;justify-content:space-between;gap:6px;min-height:30px;padding:5px 0 0}.pro-header .pro-nav.ms-navigation>a{padding:3px 0;font-size:12px;white-space:nowrap}.pro-header .pro-quote{padding:7px 9px;margin:0;font-size:12px}.pro-header .ms-wordmark{font-size:22px}.pro-header .ms-wordmark small{font-size:8px}}

.service-page .sp-note{margin-top:16px}.service-page .sp-hero .sp-note{max-width:790px}