/* Vozua Chama public experience — fixed navigation, restrained motion and clickable solution surfaces. */
:root{--site-nav-h:76px;--site-blue:#06429A;--site-blue2:#0E59C4;--site-navy:#062658;--site-gold:#D19D30;--site-line:#E1E8F2}
html{scroll-padding-top:calc(var(--site-nav-h) + 18px)}
body{padding-top:var(--site-nav-h)}
.site-nav,.vc-nav,.security-page-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;transform:none!important;will-change:auto!important;background:rgba(255,255,255,.97)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 1px 0 rgba(6,38,88,.07)}
.site-nav.is-scrolled,.vc-nav.is-scrolled,.security-page-nav.is-scrolled{box-shadow:0 10px 30px rgba(6,38,88,.09)!important}
.page-hero,.vc-hero,[id]{scroll-margin-top:calc(var(--site-nav-h) + 18px)}
.nav-menu,.nav-links{z-index:1002!important}

/* Page transition. Intentionally light: it confirms navigation without hiding content for long. */
.site-page-loader{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:rgba(248,251,255,.88);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease}
.site-page-loader.active{opacity:1;visibility:visible;pointer-events:auto}
.site-page-loader-card{display:grid;justify-items:center;gap:12px;min-width:142px;padding:18px 22px;border:1px solid #e0e8f1;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(6,38,88,.10)}
.site-page-loader-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid #e4eaf2;box-shadow:0 8px 22px rgba(6,38,88,.08);position:relative;overflow:hidden}
.site-page-loader-mark img{width:40px;height:32px;object-fit:contain}
.site-page-loader-line{width:96px;height:3px;border-radius:99px;background:#e7eef7;overflow:hidden;position:relative}
.site-page-loader-line:after{content:"";position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,var(--site-blue),var(--site-blue2),var(--site-gold));animation:siteLoad 1s cubic-bezier(.4,0,.2,1) infinite}
.site-page-loader small{font-size:11px;font-weight:750;color:#5f7184;letter-spacing:.02em}
@keyframes siteLoad{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}

/* Whole-card click affordance for public solution lists. */
.solution-grid a.solution-choice,.solution-detail.solution-choice{color:inherit;text-decoration:none;cursor:pointer;position:relative}
.solution-grid a.solution-choice{min-height:78px;border:1px solid #e5ebf2;border-radius:11px;padding:14px;display:flex;align-items:center;gap:11px;background:#fff;box-shadow:0 4px 12px rgba(26,60,95,.025);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.solution-grid a.solution-choice:hover,.solution-detail.solution-choice:hover{border-color:#b9cfe6;box-shadow:0 14px 34px rgba(6,66,154,.08);transform:translateY(-2px)}
.solution-grid a.solution-choice>span{color:var(--site-blue2)}
.solution-grid a.solution-choice h3{font-size:10px;margin:0 0 4px}.solution-grid a.solution-choice p{font-size:7.5px;color:#748597;line-height:1.4;margin:0}
.solution-choice-arrow{margin-left:auto;width:27px;height:27px;border:1px solid #dce6f0;border-radius:9px;display:grid;place-items:center;color:var(--site-blue);font-size:14px;flex:none;transition:.18s ease}
.solution-choice:hover .solution-choice-arrow{background:var(--site-blue);border-color:var(--site-blue);color:#fff;transform:translateX(2px)}
.solution-detail.solution-choice{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.solution-detail.solution-choice .text-arrow{pointer-events:none}

/* Other informational cards should feel interactive when they contain navigation. */
.feature-matrix article[data-href],.why-grid article[data-href],.primary-feature-row article[data-href]{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.feature-matrix article[data-href]:hover,.why-grid article[data-href]:hover,.primary-feature-row article[data-href]:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(6,38,88,.06);border-color:#c8d8e8}

@media(max-width:780px){
  :root{--site-nav-h:66px}
  .nav-links,.nav-menu{top:calc(var(--site-nav-h) + 5px)!important;max-height:calc(100dvh - var(--site-nav-h) - 18px);overflow:auto}
  .site-page-loader-card{min-width:132px;padding:16px 20px}
  .solution-grid a.solution-choice h3{font-size:12px}.solution-grid a.solution-choice p{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.site-page-loader-line:after{animation:none;width:100%}.solution-grid a.solution-choice,.solution-detail.solution-choice,[data-href]{transition:none!important;transform:none!important}}