/* VugaLabs Technologies brand system — drawn from the supplied blue, cyan and magenta logo. */
:root{
  --navy:#08133d;
  --ink:#111a42;
  --muted:#596783;
  --teal:#2447ed;
  --green:#14bfe7;
  --brand-blue:#153ee8;
  --brand-cyan:#00b9ec;
  --brand-violet:#7025e9;
  --brand-magenta:#ed0ca8;
  --pale:#f6f8ff;
  --line:#e7eaf4;
}
body{font-family:'DM Sans',Arial,sans-serif;font-size:16px;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.brand{gap:9px;font-size:21px;letter-spacing:-.8px;color:#101947}
.brand-icon{display:block;width:48px;height:33px;object-fit:contain;flex:none}
.brand small{font-size:7px;letter-spacing:1.8px;color:#75809a}
.topbar{border-bottom-color:#e6eaf3}
.nav{gap:21px}
.nav>a:not(.nav-cta){font-size:13px;color:#3e4b6a}
.nav-cta,.button.primary{background:linear-gradient(112deg,#173fe8 0%,#4529e9 58%,#7025e9 100%);box-shadow:0 8px 19px #3026bf25}
.button.primary:hover,.nav-cta:hover{box-shadow:0 12px 24px #3026bf38}
.hero{background:radial-gradient(ellipse at 91% 52%,#e9edff 0,transparent 43%),linear-gradient(110deg,#fbfcff 0%,#f7f9ff 100%)}
.hero h1,.section h2,.coverage h2,.contact-section h2{color:#0b1748}
.hero h1 em,.section h2 em,.coverage h2 em,.contact-section h2 em{color:#2548e8}
.cta-banner h2 em{color:#60d7f2}
.eyebrow{color:#3452d8}
.pulse{background:#ed20a8;box-shadow:0 0 0 4px #ed20a81c}
.hero-meta b,.text-link span{color:#3853ed}
.glow{background:#dce5ff}
.mini-mark{background:linear-gradient(135deg,#00b9ec,#173fe8 56%,#ed0ca8);box-shadow:0 4px 11px #1b3fe933}
.online i,.hc-header>span:first-child i{background:#18b9dc}
.side-active{background:#eef0ff;color:#3349dd}
.stat-up{color:#1a9ed0}
.spark b{background:#86a8ff}.spark.teal b{background:#52c7e7}.spark.green b{background:#b267eb}
.stock-icon.teal-bg{background:#eef0ff;color:#394fe5}
.stock-icon.blue-bg{background:#e8f8ff;color:#168ec2}
.stock-icon.amber-bg{background:#fff2e8;color:#d38a42}
.product-symbol{background:#eef0ff;color:#334ce8}
.pharm .product-symbol{background:#fff1e9;color:#d78550}
.lab .product-symbol{background:#f2ebff;color:#8448d8}
.biz .product-symbol{background:#e9f7ff;color:#178cca}
.product-foot a{background:#eff1ff;color:#344ce9}
.why-visual{background:radial-gradient(circle,#eef0ff 0 25%,transparent 26%),radial-gradient(circle,#f8f8ff 0 47%,transparent 48%)}
.orbit{border-color:#cdd5fb}.orbit-two{border-color:#e0e4fa}
.orbit-center .brand-mark{background:linear-gradient(135deg,#00b9ec,#173fe8 56%,#ed0ca8)}
.orbit-tag{border-color:#e2e5f4}
.healthcare-section{background:#f5f6ff}
.hc-welcome{background:linear-gradient(110deg,#edf0ff,#effaff)}
.hc-welcome h3{color:#162d61}.hc-cross{color:#3453ec}
.hc-statrow b{color:#24366b}
.patient-avatar{background:#e7f5ff;color:#276ca0}.pa2{background:#fff0df;color:#a3714b}.pa3{background:#efe9ff;color:#7552ab}
.biz-icon{background:#eef0ff;color:#3a50e5}
.biz-kpis span{color:#158bb7}
.biz-alert a{color:#3551e7}
.industry-grid a>span,.industry-grid i{color:#3852e9}
.coverage{background:#f0f3ff}
.africa-outline svg path:first-child{fill:#e5eaff;stroke:#c1caff}
.africa-outline svg path:nth-child(2){stroke:#cdd5fa}
.map-dot i{background:#3454ed;box-shadow:0 0 0 3px #3454ed35}
.map-dot.dot-juba span{color:#2c45d0}
.map-connect{border-color:#8194f2}
.coverage-note>span{color:#3752e9}
.process-icon,.about-mark>.brand-mark{background:linear-gradient(145deg,#00b9ec 0%,#2348eb 57%,#8225e3 100%);color:#fff}
.process-icon{background:linear-gradient(145deg,#eef0ff,#e8f8ff);color:#3651e9}
.services-ribbon i{background:#ec25a5}
.about-section,.industries-section,.faq-section{background:#f7f8fc}
.mission-row small{color:#354fe5}
.plan-label{color:#354fe5}
.pricing-grid article.featured-plan{border-color:#a8b6ff;box-shadow:0 12px 34px #263fc313;background:linear-gradient(160deg,#fff,#f5f7ff)}
.pricing-grid h3 span{color:#394fe2;background:#eef0ff}
.pricing-grid li:before{color:#3451e8}
.plan-link span{color:#3c53e8}
.faq-list summary span{color:#3d54e8}
.resource-grid article>small{color:#3d52de}
.resource-art.art-teal{background:#e4eaff;color:#3048d2}
.resource-art.art-blue{background:#e4f4ff;color:#3985b4}
.cta-banner{background:linear-gradient(112deg,#0b1747 0%,#182363 58%,#3d1b76 100%)}
.cta-decoration{border-color:#ffffff12}
.button.white span{color:#3852ec}
.button.cta-outline span{color:#50c9ef}
.contact-facts>div>span{background:#eef0ff;color:#3952e9}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.newsletter input:focus{border-color:#6275ed;box-shadow:0 0 0 3px #324be51a}
.checkbox-label input{accent-color:#3a50e7}
.cookie-banner button{background:#eef0ff;color:#3047da}
.floating-help{background:linear-gradient(120deg,#1643e8,#542ae5);box-shadow:0 7px 18px #322c9c42}
.footer{background:#f6f7fb}
.footer-col>a:hover,.footer-bottom a:hover{color:#344ee4}
:focus-visible{outline-color:#4d64eb}

/* Legible content sizes across the full page; dashboard detail stays compact as illustration. */
.hero-copy>p{font-size:16px;line-height:1.75}
.trustline{font-size:12px}
.section-head>p,.split-copy>p,.about-copy>p,.faq-intro>p,.coverage-copy>p{font-size:14px;line-height:1.75}
.challenge-grid h3,.industry-grid b,.process-grid h3{font-size:13px}
.challenge-grid p,.product-card>p,.split-copy .check-list li,.why-list small,.process-grid p{font-size:12px}
.product-label,.eyebrow{font-size:10px}
.product-chips span{font-size:9px}
.product-foot{font-size:10px}
.industry-grid small{font-size:10px}
.pricing-grid p,.pricing-grid li,.plan-link{font-size:11px}
.faq-list summary{font-size:12px}
.faq-list details p{font-size:11px}
.resource-grid article>small,.resource-grid article>a{font-size:9px}
.resource-grid h3{font-size:14px}
.contact-copy>p{font-size:13px}
.contact-facts b{font-size:11px}
.contact-form label:not(.checkbox-label){font-size:10px}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:12px}
.form-heading h3{font-size:19px}
.form-heading>span,.checkbox-label{font-size:10px}
.footer-col>a,.footer-col>span{font-size:10px}
.footer-brand p{font-size:11px}
.footer-bottom{font-size:9px}
.service-detail-grid h3{font-size:14px}
.service-detail-grid p{font-size:11px}
.service-detail-grid article>small,.service-detail-grid a{font-size:9px}
@media(max-width:800px){.nav>a:not(.nav-cta){font-size:14px}}
@media(max-width:520px){.brand-icon{width:42px;height:29px}.hero-copy>p{font-size:14px}.section-head>p,.split-copy>p,.about-copy>p,.faq-intro>p,.coverage-copy>p{font-size:12px}.challenge-grid h3,.industry-grid b,.process-grid h3{font-size:11px}.challenge-grid p,.product-card>p,.split-copy .check-list li,.why-list small,.process-grid p{font-size:10px}.faq-list summary{font-size:10px}.faq-list details p{font-size:10px}.resource-grid h3{font-size:13px}}

.brand-logo{display:flex;align-items:center;justify-content:flex-start;width:190px;height:48px;flex:none}.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.admin-sidebar .brand-logo{width:165px;height:48px;padding:4px 7px;background:#fff;border-radius:5px}.login-brand .login-logo{display:block;width:min(240px,100%);height:66px;max-height:66px;object-fit:cover;object-position:center}@media(max-width:620px){.admin-sidebar .brand-logo{width:156px;height:42px}}@media(max-width:520px){.brand-logo{width:160px;height:42px}}

/* Mobile readability and intrinsic-width safeguards for the public landing page. */
@media(max-width:520px){
  body:not(.admin-page):not(.store-page) main,
  body:not(.admin-page):not(.store-page) section,
  body:not(.admin-page):not(.store-page) article,
  body:not(.admin-page):not(.store-page) .hero-copy,
  body:not(.admin-page):not(.store-page) .split-copy,
  body:not(.admin-page):not(.store-page) .contact-copy{min-width:0}
  body:not(.admin-page):not(.store-page) img,
  body:not(.admin-page):not(.store-page) svg{max-width:100%}
  body:not(.admin-page):not(.store-page) .challenge-grid{grid-template-columns:1fr;gap:11px}
  body:not(.admin-page):not(.store-page) .challenge-grid article{min-height:0;padding:18px}
  body:not(.admin-page):not(.store-page) .challenge-grid h3{font-size:14px}
  body:not(.admin-page):not(.store-page) .challenge-grid p{font-size:12px;line-height:1.65}
  body:not(.admin-page):not(.store-page) .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:not(.admin-page):not(.store-page) .industry-grid a{min-width:0;padding:12px;min-height:100px}
  body:not(.admin-page):not(.store-page) .industry-grid b{font-size:10px;overflow-wrap:anywhere}
  body:not(.admin-page):not(.store-page) .industry-grid small{font-size:8px}
  body:not(.admin-page):not(.store-page) .process-grid{grid-template-columns:1fr;gap:0}
  body:not(.admin-page):not(.store-page) .process-grid article,
  body:not(.admin-page):not(.store-page) .process-grid article:nth-child(2){padding:14px 12px;text-align:left;border-right:0;border-bottom:1px solid #eaf0f1}
  body:not(.admin-page):not(.store-page) .process-grid h3{font-size:13px}
  body:not(.admin-page):not(.store-page) .process-grid p{font-size:11px;line-height:1.6}
  body:not(.admin-page):not(.store-page) .journey{gap:8px;padding:10px}
  body:not(.admin-page):not(.store-page) .journey span{flex:1 1 28%;justify-content:center;font-size:9px}
  body:not(.admin-page):not(.store-page) .journey i{display:none}
  body:not(.admin-page):not(.store-page) .section-head>p,
  body:not(.admin-page):not(.store-page) .split-copy>p,
  body:not(.admin-page):not(.store-page) .about-copy>p,
  body:not(.admin-page):not(.store-page) .coverage-copy>p{font-size:13px;line-height:1.7}
  body:not(.admin-page):not(.store-page) .check-list li{font-size:11px;line-height:1.6}
  body:not(.admin-page):not(.store-page) .faq-list summary{min-height:44px;font-size:11px}
  body:not(.admin-page):not(.store-page) .logo-strip>span{font-size:8px}
  body:not(.admin-page):not(.store-page) .logo-strip>div{gap:9px;font-size:8px}
  body:not(.admin-page):not(.store-page) .footer-col>b{font-size:9px}
  body:not(.admin-page):not(.store-page) .footer-col>a,
  body:not(.admin-page):not(.store-page) .footer-col>span{font-size:9px;overflow-wrap:anywhere}
}
@media(max-width:380px){
  body:not(.admin-page):not(.store-page) .brand-logo{width:145px;height:38px}
  body:not(.admin-page):not(.store-page) .hero{padding-left:18px;padding-right:18px}
  body:not(.admin-page):not(.store-page) .hero h1{font-size:clamp(34px,10vw,39px);letter-spacing:-1.7px}
  body:not(.admin-page):not(.store-page) .hero-actions{max-width:none}
  body:not(.admin-page):not(.store-page) .button{width:100%;gap:12px}
  body:not(.admin-page):not(.store-page) .industry-grid{grid-template-columns:1fr}
  body:not(.admin-page):not(.store-page) .industry-grid a{min-height:76px}
  body:not(.admin-page):not(.store-page) .hero-meta{gap:9px 12px}
  body:not(.admin-page):not(.store-page) .dashboard{transform:none}
  body:not(.admin-page):not(.store-page) .dash-side{display:none}
}

/* Larger supporting type throughout the public marketing site. */
body:not(.admin-page):not(.store-page){font-size:16px}
body:not(.admin-page):not(.store-page) .nav>a:not(.nav-cta){font-size:13px}
body:not(.admin-page):not(.store-page) .eyebrow,
body:not(.admin-page):not(.store-page) .product-label{font-size:11px}
body:not(.admin-page):not(.store-page) .hero-copy>p{font-size:17px;line-height:1.75}
body:not(.admin-page):not(.store-page) .section-head>p,
body:not(.admin-page):not(.store-page) .split-copy>p,
body:not(.admin-page):not(.store-page) .about-copy>p,
body:not(.admin-page):not(.store-page) .faq-intro>p,
body:not(.admin-page):not(.store-page) .coverage-copy>p,
body:not(.admin-page):not(.store-page) .contact-copy>p{font-size:15px;line-height:1.75}
body:not(.admin-page):not(.store-page) .challenge-grid h3,
body:not(.admin-page):not(.store-page) .industry-grid b,
body:not(.admin-page):not(.store-page) .process-grid h3,
body:not(.admin-page):not(.store-page) .service-detail-grid h3{font-size:15px}
body:not(.admin-page):not(.store-page) .challenge-grid p,
body:not(.admin-page):not(.store-page) .product-card>p,
body:not(.admin-page):not(.store-page) .split-copy .check-list li,
body:not(.admin-page):not(.store-page) .why-list small,
body:not(.admin-page):not(.store-page) .process-grid p,
body:not(.admin-page):not(.store-page) .service-detail-grid p{font-size:14px;line-height:1.7}
body:not(.admin-page):not(.store-page) .product-chips span,
body:not(.admin-page):not(.store-page) .product-foot,
body:not(.admin-page):not(.store-page) .industry-grid small,
body:not(.admin-page):not(.store-page) .pricing-grid p,
body:not(.admin-page):not(.store-page) .pricing-grid li,
body:not(.admin-page):not(.store-page) .plan-link,
body:not(.admin-page):not(.store-page) .faq-list details p,
body:not(.admin-page):not(.store-page) .resource-grid article>small,
body:not(.admin-page):not(.store-page) .resource-grid article>a,
body:not(.admin-page):not(.store-page) .service-detail-grid article>small,
body:not(.admin-page):not(.store-page) .service-detail-grid a{font-size:12px}
body:not(.admin-page):not(.store-page) .resource-grid h3{font-size:17px}
body:not(.admin-page):not(.store-page) .contact-facts b{font-size:13px}
body:not(.admin-page):not(.store-page) .contact-form label:not(.checkbox-label),
body:not(.admin-page):not(.store-page) .form-heading>span,
body:not(.admin-page):not(.store-page) .checkbox-label{font-size:12px}
body:not(.admin-page):not(.store-page) .contact-form input:not([type=checkbox]),
body:not(.admin-page):not(.store-page) .contact-form select,
body:not(.admin-page):not(.store-page) .contact-form textarea{font-size:15px}
body:not(.admin-page):not(.store-page) .footer-col>b{font-size:11px}
body:not(.admin-page):not(.store-page) .footer-col>a,
body:not(.admin-page):not(.store-page) .footer-col>span,
body:not(.admin-page):not(.store-page) .footer-brand p{font-size:13px;line-height:1.65}
body:not(.admin-page):not(.store-page) .footer-bottom{font-size:11px}
body:not(.admin-page):not(.store-page) .button{font-size:14px}
body:not(.admin-page):not(.store-page) .faq-list summary{font-size:14px;line-height:1.5}
@media(max-width:520px){
  body:not(.admin-page):not(.store-page) .hero-copy>p{font-size:16px}
  body:not(.admin-page):not(.store-page) .section-head>p,
  body:not(.admin-page):not(.store-page) .split-copy>p,
  body:not(.admin-page):not(.store-page) .about-copy>p,
  body:not(.admin-page):not(.store-page) .faq-intro>p,
  body:not(.admin-page):not(.store-page) .coverage-copy>p,
  body:not(.admin-page):not(.store-page) .contact-copy>p{font-size:14px}
  body:not(.admin-page):not(.store-page) .challenge-grid h3,
  body:not(.admin-page):not(.store-page) .industry-grid b,
  body:not(.admin-page):not(.store-page) .process-grid h3{font-size:15px}
  body:not(.admin-page):not(.store-page) .challenge-grid p,
  body:not(.admin-page):not(.store-page) .product-card>p,
  body:not(.admin-page):not(.store-page) .split-copy .check-list li,
  body:not(.admin-page):not(.store-page) .why-list small,
  body:not(.admin-page):not(.store-page) .process-grid p{font-size:14px}
  body:not(.admin-page):not(.store-page) .industry-grid small,
  body:not(.admin-page):not(.store-page) .product-chips span,
  body:not(.admin-page):not(.store-page) .product-foot{font-size:12px}
  body:not(.admin-page):not(.store-page) .journey span{font-size:12px}
  body:not(.admin-page):not(.store-page) .faq-list summary{font-size:13px}
  body:not(.admin-page):not(.store-page) .faq-list details p{font-size:13px}
  body:not(.admin-page):not(.store-page) .resource-grid h3{font-size:16px}
  body:not(.admin-page):not(.store-page) .resource-grid article>small,
  body:not(.admin-page):not(.store-page) .resource-grid article>a{font-size:11px}
  body:not(.admin-page):not(.store-page) .footer-col>b{font-size:10px}
  body:not(.admin-page):not(.store-page) .footer-col>a,
  body:not(.admin-page):not(.store-page) .footer-col>span{font-size:12px}
}