.sv-hero--scrub{--scrub:0;min-height:175vh;display:block;overflow:clip}
.sv-hero-sticky{position:sticky;top:0;height:100vh;min-height:650px;display:grid;align-items:center;overflow:hidden}
.sv-hero--scrub .sv-hero-copy{transform:translate3d(0,calc(var(--scrub) * -58px),0);opacity:calc(1 - var(--scrub) * .88);filter:blur(calc(var(--scrub) * 6px));will-change:transform,opacity,filter}
.sv-hero--scrub .sv-orb-wrap{transform:translate3d(calc(var(--scrub) * -9vw),calc(var(--scrub) * 3vh),0) scale(calc(1 + var(--scrub) * .48));will-change:transform}
.sv-vault-scene{isolation:isolate}
.sv-vault-grid{position:absolute;inset:2%;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:38px 38px;transform:perspective(700px) rotateX(67deg) translateY(32%);mask-image:radial-gradient(circle,#000 12%,transparent 68%);opacity:calc(.55 - var(--scrub) * .38)}
.sv-vault-glow{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(98,200,255,.3),rgba(22,143,229,.08) 42%,transparent 70%);filter:blur(24px);transform:scale(calc(.8 + var(--scrub) * .65));opacity:calc(.55 + var(--scrub) * .4)}
.sv-vault{--tilt-x:0deg;--tilt-y:0deg;position:relative;width:min(420px,78vw);aspect-ratio:1;border-radius:50%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) + var(--scrub) * -22deg)) rotateZ(calc(var(--scrub) * 12deg));background:radial-gradient(circle at 38% 32%,#173a53 0,#0a2033 28%,#06111e 62%,#02070d 100%);border:2px solid rgba(157,227,255,.34);box-shadow:inset 0 0 0 12px #020810,inset 0 0 0 14px rgba(98,200,255,.22),inset 0 0 75px rgba(98,200,255,.15),0 45px 110px rgba(0,0,0,.72);will-change:transform}
.sv-vault:before{content:"SENTRYVAULT  /  SECURE PERIMETER";position:absolute;inset:17px;border-radius:50%;color:rgba(157,227,255,.5);font-size:8px;letter-spacing:.19em;text-align:center;padding-top:10px;transform:rotate(calc(var(--scrub) * -40deg))}
.sv-vault-rim{position:absolute;inset:8%;border:1px solid rgba(98,200,255,.28);border-radius:50%;box-shadow:inset 0 0 25px rgba(98,200,255,.08)}
.sv-vault-ring{position:absolute;border-radius:50%;border:1px solid rgba(157,227,255,.34);transition:border-color .2s}
.sv-vault-ring--outer{inset:17%;border-style:dashed;transform:rotate(calc(var(--scrub) * 145deg));box-shadow:0 0 30px rgba(98,200,255,.08)}
.sv-vault-ring--inner{inset:29%;border-width:3px;transform:rotate(calc(var(--scrub) * -210deg));background:radial-gradient(circle,rgba(98,200,255,.09),transparent 64%)}
.sv-vault-spokes{position:absolute;inset:50%;transform:rotate(calc(var(--scrub) * 115deg))}
.sv-vault-spokes i{position:absolute;left:-4px;top:-31%;width:8px;height:31%;border-radius:5px;background:linear-gradient(#8bdcff,#173e58);box-shadow:0 0 14px rgba(98,200,255,.35);transform-origin:50% 100%}
.sv-vault-spokes i:nth-child(2){transform:rotate(60deg)}.sv-vault-spokes i:nth-child(3){transform:rotate(120deg)}.sv-vault-spokes i:nth-child(4){transform:rotate(180deg)}.sv-vault-spokes i:nth-child(5){transform:rotate(240deg)}.sv-vault-spokes i:nth-child(6){transform:rotate(300deg)}
.sv-vault-core{position:absolute;inset:37%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#bcedff,#62c8ff 38%,#0879c5 72%);box-shadow:0 0 calc(22px + var(--scrub) * 45px) rgba(98,200,255,.75),inset 0 0 18px rgba(255,255,255,.45);transform:translateZ(34px) scale(calc(.92 + var(--scrub) * .15))}
.sv-vault-core svg{width:48%;fill:none;stroke:#00101c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.sv-vault-bolts b{position:absolute;width:11px;height:11px;border-radius:50%;background:#72cff8;box-shadow:0 0 10px rgba(98,200,255,.55)}
.sv-vault-bolts b:nth-child(1){left:49%;top:10%}.sv-vault-bolts b:nth-child(2){right:10%;top:49%}.sv-vault-bolts b:nth-child(3){left:49%;bottom:10%}.sv-vault-bolts b:nth-child(4){left:10%;top:49%}
.sv-scanline{position:absolute;z-index:4;width:78%;height:2px;background:linear-gradient(90deg,transparent,#bdeeff 25%,#62c8ff 75%,transparent);box-shadow:0 0 18px #62c8ff;transform:translateY(calc(var(--scrub) * 300px - 150px));opacity:calc(.2 + var(--scrub) * .8)}
.sv-vault-status{position:absolute;bottom:7%;padding:7px 12px;border:1px solid rgba(98,200,255,.25);border-radius:999px;background:rgba(3,12,22,.78);color:#aee8ff;font-size:.66rem;letter-spacing:.15em;transform:translateY(calc((1 - var(--scrub)) * 14px));opacity:calc(.25 + var(--scrub) * .75)}
.sv-vault-status span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#63ffb0;box-shadow:0 0 9px #63ffb0}
.sv-scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%) translateY(calc(var(--scrub) * 20px));display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;opacity:calc(1 - var(--scrub) * 4)}
.sv-scroll-cue span{width:1px;height:38px;background:linear-gradient(var(--blue),transparent);animation:sv-cue 1.6s ease-in-out infinite}
@keyframes sv-cue{50%{transform:scaleY(.45);transform-origin:top}}
.sv-footer-grid{grid-template-columns:1.2fr repeat(3,minmax(140px,.8fr))}
@media(max-width:900px){.sv-hero-sticky{min-height:620px}.sv-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sv-hero--scrub{min-height:145vh}.sv-hero-sticky{min-height:100svh}.sv-hero--scrub .sv-orb-wrap{transform:translate3d(0,calc(var(--scrub) * 5vh),0) scale(calc(1 + var(--scrub) * .3))}.sv-vault{width:290px}.sv-footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sv-hero--scrub{min-height:auto}.sv-hero-sticky{position:relative;height:auto;min-height:760px}.sv-hero--scrub .sv-hero-copy,.sv-hero--scrub .sv-orb-wrap,.sv-vault{transform:none;opacity:1;filter:none}.sv-scroll-cue,.sv-scanline{display:none}}