/* Homepage artwork and logo composition. */
body.vt-home{overflow-x:clip}
.vt-home .vt-hero-scene{display:flex;align-items:center;justify-content:center;isolation:isolate;width:100vw;margin-left:calc(50% - 50vw);min-height:620px;height:min(780px,calc(100svh - 95px));padding:40px 24px 64px;overflow:hidden;background:#100b1c url('../images/eclipse-hero.jpg') center center/cover no-repeat;margin-bottom:48px}
.vt-hero-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,11,18,.12) 0%,rgba(12,11,18,.03) 45%,rgba(12,11,18,.35) 78%,#0c0b12 100%)}
.vt-scene-content{position:absolute;left:24px;right:24px;bottom:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:auto;padding-top:0}
.vt-hero-scene .vt-scene-brand{margin:0;line-height:1;width:100%;font-size:inherit;letter-spacing:normal}
.vt-scene-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 18px #000) drop-shadow(0 0 32px #4b127c99)}
.vt-hero-scene .vt-actions{justify-content:center;position:relative;z-index:1}
.vt-hero-scene .vt-button{box-shadow:0 8px 30px #0008!important}
.vt-hero-scene .vt-button.secondary{background:rgba(12,11,18,.82)!important;border-color:#ba98ff88!important}
@media(min-width:1800px){.vt-home .vt-hero-scene{height:calc(100vw / 2);max-height:900px}}
@media(max-width:700px){.vt-home .vt-hero-scene{min-height:520px;height:72svh;max-height:680px;padding:28px 16px 56px;background-position:center;margin-bottom:28px}.vt-scene-content{left:16px;right:16px;bottom:44px;width:auto;gap:0;padding-top:0}.vt-hero-scene .vt-actions{gap:10px}.vt-hero-scene .vt-button{padding:12px 17px!important;font-size:11px!important}}

/* Compact translucent actions blend with the hero artwork. */
.vt-hero-scene .vt-launch-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:100%;width:auto;position:relative;top:auto}
.vt-launch{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:190px;min-height:48px;padding:0 18px;border:1px solid #ddc8ff66;border-radius:24px;background:linear-gradient(135deg,#b78be947,#52317652);color:#fff;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff24,0 4px 16px #10051d30;text-shadow:0 1px 5px #10051d80;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.vt-launch-account{background:linear-gradient(135deg,#20122f66,#100b1c44);border-color:#d6c1ef45}
.vt-launch::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff3d 50%,transparent 80%);transform:translateX(-150%)}
.vt-launch-icon{display:flex;align-items:center;flex:0 0 17px}
.vt-launch-icon svg{width:17px;height:17px;transition:transform .25s ease}
.vt-launch-copy{font:700 12px/1.4 VoidSans,Arial,sans-serif;letter-spacing:.2px;white-space:nowrap}
.vt-launch:focus-visible{outline:2px solid #ead7ff!important;outline-offset:4px!important;background:#78539c99;box-shadow:0 0 20px #b48af34d}
@media(hover:hover){
.vt-launch:hover{color:#fff;background:#9866c980;border-color:#e8d5ffb3;box-shadow:inset 0 1px 0 #ffffff30,0 0 24px #b48af34d;transform:translateY(-2px)}
.vt-launch:hover::after{animation:vt-launch-sweep .6s ease both}
.vt-launch:hover .vt-launch-icon svg{transform:translateY(-1px)}
}
.vt-launch:active{transform:translateY(0);background:#68438a99}
@keyframes vt-launch-sweep{to{transform:translateX(150%)}}
@media(max-width:700px){.vt-hero-scene .vt-launch-actions{gap:10px}.vt-launch{width:170px;padding:0 14px;gap:7px}.vt-launch-copy{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vt-launch,.vt-launch *{animation:none!important;transition:none!important;transform:none!important}.vt-launch::after{display:none}}