/* Homepage Our Process — independently scoped, animated clinical journey. */
.vhp{--vhp-deep:var(--viv-primary-deep);--vhp-teal:var(--viv-primary);--vhp-aqua:var(--viv-primary);--vhp-gold:var(--viv-accent);position:relative;isolation:isolate;overflow:hidden;padding:clamp(76px,7.2vw,115px) 0 clamp(78px,7vw,112px);background:linear-gradient(155deg,var(--viv-primary-soft) 0%,#fff 42%,var(--viv-primary-soft) 100%);color:var(--vhp-deep)}
.vhp *{box-sizing:border-box}
.vhp::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-2;background-image:radial-gradient(color-mix(in srgb,var(--viv-primary) 12.94%,transparent) .9px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 8%,transparent 32%,transparent 70%,black 94%,transparent)}
.vhp__ambient{position:absolute;pointer-events:none;z-index:-1}
.vhp__ambient--left{width:clamp(260px,36vw,630px);height:clamp(260px,36vw,630px);left:-22%;top:12%;border:1px solid color-mix(in srgb,color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white)) 35.69%,transparent);border-radius:50%;box-shadow:0 0 0 44px color-mix(in srgb,var(--viv-primary-soft-2) 17.25%,transparent),0 0 0 88px color-mix(in srgb,var(--viv-primary-soft-2) 13.33%,transparent)}
.vhp__ambient--right{width:clamp(270px,35vw,610px);height:clamp(270px,35vw,610px);right:-22%;bottom:-46%;border-radius:38% 62% 64% 36%;background:linear-gradient(138deg,color-mix(in srgb,var(--viv-primary-soft-2) 46.67%,transparent),color-mix(in srgb,var(--viv-primary-soft-2) 3.53%,transparent));transform:rotate(28deg)}
.vhp__container{position:relative;width:min(1280px,calc(100% - 64px));margin:0 auto}
.vhp__intro{text-align:center;max-width:860px;margin:0 auto 27px}
.vhp__eyebrow{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--viv-primary);margin-bottom:18px}
.vhp__eyebrow-line{width:25px;height:1.5px;background:var(--vhp-gold);flex:none}
.vhp__intro h2{margin:0;font-size:clamp(31px,3.1vw,39px);font-weight:800;letter-spacing:-.035em;line-height:1.22;color:var(--viv-primary-deep)}
.vhp__intro p{font-size:16px;line-height:1.72;color:var(--viv-slate);margin:15px auto 0;max-width:670px}
.vhp__scroll{min-width:0}
.vhp__rail{position:relative;margin-top:16px;min-width:0}
.vhp__steps{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--vhp-count),minmax(0,1fr));gap:clamp(14px,2.5vw,38px)}
.vhp__connector{position:absolute;inset:0 0 auto;width:100%;height:264px;overflow:visible;pointer-events:none;z-index:0}
.vhp__connector path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.vhp__line--base{stroke:color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));stroke-width:1.4;stroke-dasharray:3 8}
.vhp__line--active{stroke:var(--vhp-aqua);stroke-width:2.2;stroke-dasharray:5 15;opacity:.9}
.vhp.is-visible .vhp__line--active{animation:vhp-dash-flow 13s linear infinite}
@keyframes vhp-dash-flow{to{stroke-dashoffset:-240}}
.vhp__step{text-align:center;min-width:0;position:relative}
.vhp__step:nth-child(even){padding-top:40px}
.vhp__node{position:relative;width:156px;height:156px;margin:42px auto 26px;display:grid;place-items:center}
.vhp__node-ring{position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));border-radius:50%;background:linear-gradient(145deg,#fff,var(--viv-primary-soft-2));box-shadow:0 14px 34px color-mix(in srgb,var(--viv-primary-deep) 6.67%,transparent),0 0 0 10px color-mix(in srgb,var(--viv-primary-soft) 70.2%,transparent)}
.vhp__node-icon{position:relative;z-index:1;display:grid;place-items:center;width:88px;height:88px;border-radius:26px;background:var(--viv-primary-soft-2);color:var(--viv-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--viv-primary) 48%,var(--viv-white));transform:rotate(-5deg);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease,box-shadow .3s ease}
.vhp__node-icon svg{width:46px;height:46px;transform:rotate(5deg);transition:transform .35s ease}
.vhp__node-dot{position:absolute;bottom:4px;left:50%;width:10px;height:10px;transform:translateX(-50%);background:var(--vhp-gold);border:3px solid #fff;border-radius:50%;box-sizing:content-box;box-shadow:0 0 0 4px color-mix(in srgb,var(--viv-accent) 12.94%,transparent)}
.vhp__step:nth-child(2n) .vhp__node-icon{background:var(--viv-accent-soft);color:color-mix(in srgb,var(--viv-accent) 72%,var(--viv-ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--viv-accent) 55%,var(--viv-white))}
.vhp__step:hover .vhp__node-icon{transform:rotate(0) translateY(-6px);background:var(--viv-primary);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--viv-primary) 20%,transparent)}
.vhp__step:hover .vhp__node-icon svg{transform:rotate(0) scale(1.08)}
.vhp__step-content{position:relative;margin:0 auto;max-width:350px;padding:0 10px}
.vhp__step-label{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--viv-slate);line-height:1.4;text-transform:uppercase}
.vhp__step-label span{font-size:12px;color:var(--vhp-teal);letter-spacing:.05em}
.vhp__step h3{margin:12px 0 9px;font-size:clamp(20px,1.65vw,24px);line-height:1.3;font-weight:800;letter-spacing:-.025em;color:var(--viv-primary-deep)}
.vhp__step p{margin:0 auto;max-width:320px;color:var(--viv-slate);font-size:14px;line-height:1.75}
@media(min-width:901px){.vhp__rail--many{overflow:visible}.vhp__rail--many .vhp__node{width:132px;height:132px;margin-top:51px}.vhp__rail--many .vhp__node-icon{width:76px;height:76px}.vhp__rail--many .vhp__node-icon svg{width:37px;height:37px}.vhp__rail--many .vhp__step-content{padding:0}.vhp__rail--many .vhp__step h3{font-size:20px}}
@media(max-width:900px){.vhp{padding:76px 0 85px}.vhp__container{width:min(700px,calc(100% - 40px))}.vhp__intro{margin-bottom:44px}.vhp__connector{display:none}.vhp__steps{grid-template-columns:1fr;gap:0;padding-left:50px}.vhp__steps::before{content:"";position:absolute;top:45px;bottom:45px;left:21px;width:2px;background:repeating-linear-gradient(to bottom,var(--viv-primary) 0 7px,transparent 7px 16px);animation:vhp-mobile-flow 8s linear infinite}.vhp__step,.vhp__step:nth-child(even){display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;text-align:left;padding:14px 0;gap:19px}.vhp__node{width:98px;height:98px;margin:0}.vhp__node-ring{inset:4px}.vhp__node-icon{width:59px;height:59px;border-radius:20px}.vhp__node-icon svg{width:31px;height:31px}.vhp__node-dot{left:-29px;top:42px;bottom:auto;width:7px;height:7px;transform:none;border-width:2px}.vhp__step-content{margin:0;max-width:none;padding:0}.vhp__step h3{font-size:22px;margin:8px 0 5px}.vhp__step p{margin:0;max-width:430px}}
@keyframes vhp-mobile-flow{to{background-position:0 160px}}
@media(max-width:520px){.vhp{padding:65px 0 68px}.vhp__container{width:calc(100% - 34px)}.vhp__intro{margin-bottom:29px}.vhp__intro p{font-size:14px}.vhp__steps{padding-left:25px}.vhp__steps::before{left:9px}.vhp__step,.vhp__step:nth-child(even){grid-template-columns:72px minmax(0,1fr);gap:12px;padding:15px 0}.vhp__node{width:68px;height:68px}.vhp__node-ring{inset:1px;box-shadow:0 3px 14px color-mix(in srgb,var(--viv-primary-deep) 7.06%,transparent)}.vhp__node-icon{width:45px;height:45px;border-radius:15px}.vhp__node-icon svg{width:25px;height:25px}.vhp__node-dot{left:-20px;top:27px}.vhp__step h3{font-size:19px}.vhp__step p{font-size:13px;line-height:1.65}.vhp__step-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vhp .vhp__line--active,.vhp .vhp__steps::before{animation:none!important}.vhp .vhp__node-icon,.vhp .vhp__node-icon svg{transition:none!important}}