
/* 1. Navy bands: fine globe-grid texture behind content, KV watermark kept */
.sec.navy,.sec.deep,.split.navy .tx,footer{isolation:isolate}
.kvgrid{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201200%20800%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%271%27%3E%3Cg%20opacity%3D%271%27%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%2760%27%20ry%3D%27560%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%27140%27%20ry%3D%27560%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%27220%27%20ry%3D%27560%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%27300%27%20ry%3D%27560%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%27380%27%20ry%3D%27560%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%27460%27%20ry%3D%27560%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%27540%27%20ry%3D%27560%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27100%27%20rx%3D%27472%27%20ry%3D%2733%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27200%27%20rx%3D%27523%27%20ry%3D%2724%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27300%27%20rx%3D%27550%27%20ry%3D%2716%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27400%27%20rx%3D%27560%27%20ry%3D%278%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27500%27%20rx%3D%27550%27%20ry%3D%2716%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27600%27%20rx%3D%27523%27%20ry%3D%2724%27/%3E%3Cellipse%20cx%3D%27900%27%20cy%3D%27700%27%20rx%3D%27472%27%20ry%3D%2733%27/%3E%3Ccircle%20cx%3D%27900%27%20cy%3D%27400%27%20r%3D%27560%27/%3E%3C/g%3E%3C/svg%3E") right center/auto 140% no-repeat;opacity:.07;}
.sec.deep .kvgrid{opacity:.045
 -webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 70%);mask-image:linear-gradient(90deg,transparent 15%,#000 70%)}
[dir=rtl] .kvgrid{transform:scaleX(-1)}
footer .kvgrid{opacity:.05}
/* 2. Process steppers: completed stages tick, glowing progress head */
.stepper .st .dot{position:relative}
.stepper .st.done .dot:after{content:"";position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;
 background:#6FA8D6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D3A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;
 box-shadow:0 0 0 3px #0B1D3A;animation:kvtick .35s cubic-bezier(.2,.8,.2,1) both}
.sec:not(.navy):not(.deep) .stepper .st.done .dot:after{background-color:#1F5A94;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");box-shadow:0 0 0 3px #fff}
.sec:not(.navy):not(.deep) .stepper .st.done .dot{border-color:#1F5A94;color:#1F5A94}
.stepper .prog{background:linear-gradient(90deg,rgba(111,168,214,.4),#6FA8D6)!important}
.sec:not(.navy):not(.deep) .stepper .prog{background:linear-gradient(90deg,rgba(31,90,148,.35),#1F5A94)!important}
.stepper .prog:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(111,168,214,.35),0 0 18px 4px rgba(111,168,214,.7)}
[dir=rtl] .stepper .prog:after{right:auto;left:-6px}
@keyframes kvtick{from{transform:scale(0)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.stepper .st.done .dot:after{animation:none}}
