/* VoxEtiket homepage UX & motion layer v2 */
:root{--vx2-ease:cubic-bezier(.16,1,.3,1);--vx2-blue:#2563eb;--vx2-ink:#0f172a}
html{scroll-padding-top:92px}
body.vox-homepage{background:#fff}
.vox-skip-link{position:fixed;left:16px;top:12px;z-index:10000;padding:11px 16px;border-radius:12px;background:#0f172a;color:#fff;font-weight:800;transform:translateY(-160%);transition:transform .2s ease}
.vox-skip-link:focus{transform:none}
.vox-home-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;z-index:1000;transform:scaleX(var(--vox-home-progress,0));transform-origin:left;background:linear-gradient(90deg,#d7b56d,#8ab4ff,#9fb5a7);box-shadow:0 0 18px rgba(215,181,109,.35);pointer-events:none}
body.vox-homepage nav{transition:padding .28s var(--vx2-ease),background .28s ease,box-shadow .28s ease,border-color .28s ease}
body.vox-homepage nav.vox-nav-scrolled{background:rgba(7,8,11,.92)!important;box-shadow:0 14px 44px rgba(0,0,0,.28);border-color:rgba(255,255,255,.10)!important}
body.vox-homepage nav.vox-nav-scrolled>div{padding-top:.72rem!important;padding-bottom:.72rem!important}
body.vox-homepage .hero-pattern{isolation:isolate}
body.vox-homepage .hero-pattern::before,body.vox-homepage .hero-pattern::after{content:"";position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none;z-index:0;opacity:.22;animation:voxHomeOrb 12s ease-in-out infinite alternate}
body.vox-homepage .hero-pattern::before{width:420px;height:420px;left:-150px;top:20px;background:#d7b56d}
body.vox-homepage .hero-pattern::after{width:360px;height:360px;right:-100px;bottom:-90px;background:#8ab4ff;animation-delay:-5s}
@keyframes voxHomeOrb{to{transform:translate3d(30px,-18px,0) scale(1.08)}}
body.vox-homepage .hero-pattern h1 span{background:linear-gradient(100deg,#fff1b8,#d7b56d,#8ab4ff,#d7b56d);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:voxHomeGradient 7s linear infinite}
@keyframes voxHomeGradient{to{background-position:220% 0}}
.vox-home-reveal{opacity:0;transform:translate3d(0,26px,0);filter:blur(8px)}
.vox-home-reveal.is-visible{opacity:1;transform:none;filter:none;transition:opacity .72s var(--vx2-ease),transform .72s var(--vx2-ease),filter .72s var(--vx2-ease);transition-delay:var(--vox-home-delay,0ms)}
.vox-home-surface{position:relative;isolation:isolate;overflow:hidden;--vx2-x:50%;--vx2-y:50%;transition:transform .28s var(--vx2-ease),box-shadow .28s ease,border-color .28s ease!important}
.vox-home-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--vx2-x) var(--vx2-y),rgba(215,181,109,.13),transparent 46%);opacity:0;transition:opacity .25s ease}
@media(hover:hover) and (pointer:fine){.vox-home-surface:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(15,23,42,.12)!important;border-color:rgba(215,181,109,.28)!important}.vox-home-surface:hover::after{opacity:1}}
body.vox-homepage a,body.vox-homepage button{-webkit-tap-highlight-color:transparent}
body.vox-homepage :where(a,button,input,textarea,select):focus-visible{outline:3px solid rgba(215,181,109,.52)!important;outline-offset:4px!important}
.vox-home-mobile-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.vox-home-mobile-menu{position:fixed;z-index:980;left:12px;right:12px;top:76px;padding:14px;border-radius:24px;background:rgba(10,11,15,.97);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:.25s var(--vx2-ease)}
.vox-home-mobile-menu.is-open{opacity:1;visibility:visible;transform:none}
.vox-home-mobile-menu a{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:13px 14px;border-radius:14px;color:#f4f6fb!important;font-weight:750;text-decoration:none}
.vox-home-mobile-menu a:hover{background:rgba(215,181,109,.10);color:#f2d898!important}
.vox-home-mobile-menu .vox-mobile-primary{margin-top:8px;background:linear-gradient(135deg,#e8cc86,#9d7a33)!important;color:#08090d!important;justify-content:center}
.vox-home-menu-backdrop{position:fixed;inset:0;z-index:970;background:rgba(15,23,42,.24);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s ease}
.vox-home-menu-backdrop.is-open{opacity:1;visibility:visible}
.vox-home-ripple{position:absolute;border-radius:999px;background:rgba(255,255,255,.38);pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:voxHomeRipple .55s ease-out forwards}
@keyframes voxHomeRipple{to{opacity:0;transform:translate(-50%,-50%) scale(8)}}
@media(max-width:767px){
  .vox-home-mobile-toggle{display:inline-flex}
  body.vox-homepage nav .max-w-7xl{padding-left:14px!important;padding-right:14px!important}
  body.vox-homepage nav .text-2xl{font-size:1.25rem!important}
  body.vox-homepage .hero-pattern{padding-top:7rem!important}
  body.vox-homepage .hero-pattern h1{font-size:clamp(2.35rem,11vw,3.35rem)!important;line-height:1.03!important}
  body.vox-homepage section{content-visibility:auto;contain-intrinsic-size:1px 720px}
}
@media(prefers-reduced-motion:reduce){
  .vox-home-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  body.vox-homepage .hero-pattern::before,body.vox-homepage .hero-pattern::after,body.vox-homepage .hero-pattern h1 span{animation:none!important}
  .vox-home-surface{transition:none!important;transform:none!important}
}