/* Matic Health blue palette. This file is deliberately last on every page. */
:root,body,.home-v3,.workflow-page,.about-page{--bg:#FFFFFF;--ink:#0B2A4F;--primary:#007AFF;--button:#007AFF;--accent:#16A8A0;--tint:#E6F1FF;--border:#DCE6F2;--muted:#3A4F66;--forest:#0B2A4F;background-color:#FFFFFF;color:#0B2A4F}
body p{color:#3A4F66}h1,h2,h3,.product-copy h3,.home-v3 h1,.home-v3 h2,.home-v3 .product-copy h3,.workflow-page h1,.workflow-page h2,.workflow-page h3,.about-page h1,.about-page h2,.about-page h3{color:#0B2A4F}
.eyebrow,.home-v3 .eyebrow,.workflow-page .eyebrow,.about-page .eyebrow{color:#16A8A0}
a:hover,.navlinks a:hover,.workflow-toggle:hover{color:#0062CC}
a:focus-visible,button:focus-visible{outline-color:#007AFF}
.announcement,.home-v3 .announcement,.workflow-page .announcement,.about-page .announcement{background:#0B2A4F;color:#FFFFFF}
header,.home-v3 header,.workflow-page header,.about-page header{background:#FFFFFFF5}header.scrolled{border-color:#DCE6F2}.brand,.brandmark{color:#007AFF}
.button,nav .button,.home-v3 .button,.workflow-page .button,.about-page .button{background:#007AFF;border-color:#007AFF;color:#FFFFFF;border-radius:999px}
.button:hover,nav .button:hover,.home-v3 .button:hover,.workflow-page .button:hover,.about-page .button:hover,.button:active{background:#0062CC;border-color:#0062CC;color:#FFFFFF}
.button.secondary,.home-v3 .button.secondary,.workflow-page .button.secondary,.about-page .button.secondary{background:#FFFFFF;color:#007AFF;border:1px solid #007AFF}
.button.secondary:hover,.home-v3 .button.secondary:hover,.workflow-page .button.secondary:hover,.about-page .button.secondary:hover{background:#F5F9FF;color:#0062CC;border-color:#0062CC}
.v-link,.workflow-page a:not(.button):not(.brand):not(.announcement):not(.related-card),.about-page a:not(.button):not(.brand):not(.announcement){color:#007AFF}.v-link:hover{color:#0062CC;border-color:#0062CC}
.home-v3 .v-phrase,.home-v3 .v-icon,.home-v3 .v-number,.home-v3 .v-steps article>span{color:#16A8A0}
.home-v3 .v-hero{background:#F5F9FF}.home-v3 main>.v-marquee{background:#FFFFFF;border-color:#DCE6F2}.home-v3 #problem{background:#FFFFFF}.home-v3 #how{background:#E6F1FF}.home-v3 #case-walkthrough{background:#FFFFFF}.home-v3 #inside-matic{background:#F5F9FF}.home-v3 #voice{background:#FFFFFF}.home-v3 #scheme{background:#0B2A4F}.home-v3 #tracking{background:#E6F1FF}.home-v3 #mati{background:#0B2A4F}.home-v3 main>.v-section:has(.v-flip){background:#FFFFFF}.home-v3 #time{background:#F5F9FF}.home-v3 #custom{background:#FFFFFF}.home-v3 #south-africa{background:#E6F1FF}.home-v3 #monday{background:#FFFFFF}.home-v3 #popia{background:#F5F9FF}.home-v3 #founder{background:#FFFFFF}.home-v3 #faq{background:#F5F9FF}.home-v3 #booking{background:#CCE3FF}
.home-v3 #problem .v-card,.home-v3 #voice .v-card,.home-v3 .v-face,.home-v3 .v-back,.home-v3 #case-walkthrough .walk-stage{background:#F5F9FF;border:1px solid #DCE6F2}
.home-v3 #how .v-card,.home-v3 #inside-matic .product-visual,.home-v3 #inside-matic .software,.home-v3 #tracking .v-phone,.home-v3 #time .v-card,.home-v3 #popia .v-card{background:#FFFFFF;border-color:#DCE6F2;box-shadow:0 8px 25px #007AFF0A}
.home-v3 .v-floating,.home-v3 .v-task,.home-v3 .windowbar,.home-v3 .day-software .day-reply{background:#F5F9FF;border-color:#DCE6F2}
.home-v3 .v-timeline,.home-v3 #scheme .v-timeline,.home-v3 .v-mati,.home-v3 .v-reply,.home-v3 #mati .v-reply,.home-v3 #mati .v-chips button{background:#12375F;border-color:#CCE3FF36;color:#FFFFFF}
.home-v3 #scheme h2,.home-v3 #mati h2,.home-v3 #scheme .v-heading p,.home-v3 #mati .v-heading p,.home-v3 #scheme .v-timeline :is(b,span),.home-v3 #mati .v-reply p{color:#FFFFFF}.home-v3 #scheme .eyebrow,.home-v3 #mati .eyebrow{color:#16A8A0}.home-v3 #scheme .v-link,.home-v3 #mati .v-link{color:#CCE3FF;border-color:#CCE3FF80}.home-v3 #scheme .v-link:hover,.home-v3 #mati .v-link:hover{color:#FFFFFF}
.home-v3 .v-orb,.workflow-page .wf-orb{background:radial-gradient(circle at 45% 40%,#CCE3FF 0%,#007AFF 36%,#16A8A0 84%);box-shadow:0 0 36px #CCE3FFAA,0 0 68px #007AFF35}
.home-v3 .v-orb i,.workflow-page .wf-orb i{background:radial-gradient(ellipse at 68% 42%,#16A8A090,transparent 65%)}
.home-v3 .v-ripple,.workflow-page .wf-ripple{border-color:#CCE3FFAA}
.home-v3 .v-footer,.workflow-page>footer,.about-page>footer{background:#0B2A4F;color:#FFFFFF}.home-v3 .v-footer :is(a,p,span),.workflow-page>footer :is(a,p,span),.about-page>footer :is(a,p,span){color:#C9D8EA}.home-v3 .v-footer .brand,.workflow-page>footer .brand,.about-page>footer .brand{color:#FFFFFF}
.workflow-page .surface-white,.about-page .surface-white{background:#FFFFFF}.workflow-page .surface-mist,.about-page .surface-mist{background:#F5F9FF}.workflow-page .surface-sky,.about-page .surface-sky{background:#E6F1FF}
:is(.workflow-page,.about-page) .surface-white :is(.problem-step,.related-card,.trust-card,.product-visual,.software,.walk-stage,.mati-lab,.mode-demo){background:#F5F9FF;border-color:#DCE6F2}
:is(.workflow-page,.about-page) :is(.surface-mist,.surface-sky) :is(.problem-step,.related-card,.trust-card,.product-visual,.software,.walk-stage,.mati-lab,.mode-demo){background:#FFFFFF;border-color:#DCE6F2;box-shadow:0 8px 25px #007AFF0A}
:is(.workflow-page,.about-page) .windowbar{background:#F5F9FF;border-color:#DCE6F2}
.workflow-page .walkthrough .step-number{background:#F5F9FF;border-color:#DCE6F2;color:#007AFF}.workflow-page .walkthrough .walk-active .step-number{background:#007AFF;color:#FFFFFF;box-shadow:0 0 0 5px #CCE3FF}.workflow-page .walk-caption{color:#007AFF}.workflow-page .walk-caption:before{background:#16A8A0;box-shadow:0 0 0 4px #CCE3FF}
.workflow-page .closing,.about-page .closing{background:#CCE3FF;border-color:#DCE6F2}.workflow-page .closing :is(h2,p,.eyebrow,.custom-line),.about-page .closing :is(h2,p,.eyebrow,.custom-line){color:#0B2A4F}
:is(.workflow-page,.about-page) .scene-flow .flow-item{background:#F5F9FF;border-color:#DCE6F2;color:#0B2A4F}:is(.workflow-page,.about-page) .flow-item b{color:#16A8A0}:is(.workflow-page,.about-page) .flow-final{color:#007AFF}
.workflow-page .mode-tabs [aria-selected=true],.workflow-page .mati-tabs [aria-selected=true]{background:#007AFF;border-color:#007AFF;color:#FFFFFF}.workflow-page .mode-tabs button:hover,.workflow-page .mati-tabs button:hover,.workflow-page .mati-suggestions button:hover{border-color:#007AFF}
.workflow-page .wf-orb-wrap{filter:drop-shadow(0 0 8px #CCE3FF88)}
.workflow-page .scene .tick,.home-v3 .software .tick,.home-v3 .v-dream b{color:#16A8A0}.workflow-page .readiness i,.workflow-page .scene[data-phase="3"] .pending-dot i,.workflow-page .scene[data-phase="4"] .pending-dot i{background:#1F9D6B}.workflow-page .readiness.pending-dot i{background:#E0A030}.workflow-page .urgent,.workflow-page .blocked,.home-v3 .urgent{color:#D2483D;background:#D2483D14}.workflow-page .amber,.home-v3 .amber{color:#0B2A4F;background:#E0A0302B}
.workflow-page .mode-demo :is(.flow-item,.flow-final),.workflow-page .mati-answer{background:#FFFFFF}.workflow-page .mati-auth button{color:#007AFF;border-color:#007AFF}.workflow-page .mati-auth button:hover{background:#F5F9FF}
.home-v3 .v-dialog,.workflow-page dialog,.about-page dialog{background:#FFFFFF;border-color:#DCE6F2;color:#0B2A4F}.home-v3 .v-dialog :is(h2,p,li),.workflow-page dialog :is(h2,p,li),.about-page dialog :is(h2,p,li){color:#0B2A4F}
.workflow-dropdown.grouped-workflows,.home-v3 .workflow-dropdown.grouped-workflows{background:#FFFFFF;border-color:#DCE6F2;box-shadow:0 18px 45px #0B2A4F16}.workflow-group h3,.workflow-group a>span:last-child{color:#007AFF}.workflow-group a{color:#0B2A4F}.workflow-group a:hover,.workflow-group a:focus-visible,.workflow-group a[aria-current=page]{background:#F5F9FF;color:#0062CC}.workflow-group small{color:#3A4F66}
@media(max-width:650px){.navlinks,.home-v3 .navlinks,.workflow-page .navlinks,.about-page .navlinks{background:#FFFFFF}.workflow-dropdown.grouped-workflows,.home-v3 .workflow-dropdown.grouped-workflows{background:transparent;box-shadow:none}}

.tick{color:#16A8A0;background:#E6F1FF}.home-v3 .v-dream b{color:#16A8A0}.home-v3 .windowbar i,.workflow-page .windowbar i,.about-page .windowbar i{background:#16A8A0}

/* Status hues are reserved for case states inside demos. */
:is(.home-v3,.workflow-page,.about-page) .missing{background:#FFFFFF;border-color:#E0A030;color:#0B2A4F}
:is(.home-v3,.workflow-page,.about-page) .missing-before{color:#E0A030}
:is(.home-v3,.workflow-page,.about-page) .missing-after{color:#1F9D6B}
:is(.home-v3,.workflow-page,.about-page) .scene[data-phase="3"] .missing,:is(.home-v3,.workflow-page,.about-page) .scene[data-phase="4"] .missing,:is(.home-v3,.workflow-page,.about-page) .software[data-phase="3"] .missing,:is(.home-v3,.workflow-page,.about-page) .software[data-phase="4"] .missing{background:#FFFFFF;border-color:#1F9D6B}
.home-v3 #scheme .v-timeline>div:before{background:#007AFF}

:is(.home-v3,.workflow-page,.about-page) .closing h2 em{color:#0B2A4F}
:is(.home-v3,.workflow-page,.about-page) footer .compliance{color:#C9D8EA;border-color:#DCE6F2}
.home-v3>.site-footer{background:#0B2A4F;color:#FFFFFF}.home-v3>.site-footer :is(p,a,span,button){color:#C9D8EA}.home-v3>.site-footer :is(.brand,h4){color:#FFFFFF}.home-v3>.site-footer .footer-top,.home-v3>.site-footer .footer-bottom,.home-v3>.site-footer .compliance{border-color:#FFFFFF30}.home-v3>.site-footer a:hover,.home-v3>.site-footer button:hover{color:#FFFFFF}
:is(.workflow-page,.about-page)>footer .footer-top a:not(.brand){color:#C9D8EA}
:is(.workflow-page,.about-page)>footer .footer-top a:not(.brand):hover{color:#FFFFFF}
:is(.workflow-page,.about-page,.contact-page,.privacy-page)>footer .footer-top a:not(.brand){color:#C9D8EA!important}
:is(.workflow-page,.about-page,.contact-page,.privacy-page)>footer .footer-top a:not(.brand):hover{color:#FFFFFF!important}
