/* VayoTech 2026 – cinematic high-tech visual layer */
:root{--vt-cyan:#33e4ff;--vt-blue:#2487ff;--vt-purple:#8b5cf6;--vt-ink:#050812;--vt-panel:rgba(12,21,39,.72);--vt-line:rgba(104,225,255,.13)}
body{background:radial-gradient(circle at 75% 10%,rgba(36,135,255,.12),transparent 32rem),radial-gradient(circle at 10% 52%,rgba(139,92,246,.09),transparent 34rem),var(--vt-ink)}
body::before{background-image:linear-gradient(var(--vt-line) 1px,transparent 1px),linear-gradient(90deg,var(--vt-line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%);animation:vtGridDrift 26s linear infinite}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(420px circle at var(--vt-x,72%) var(--vt-y,18%),rgba(51,228,255,.11),transparent 62%);transition:opacity .25s}
nav{box-sizing:border-box;height:76px;margin:18px auto;width:min(1180px,calc(100% - 32px));padding:0 24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(5,10,21,.72);box-shadow:0 18px 55px rgba(0,0,0,.3);top:18px}
.nav-logo{font-size:1.48rem;letter-spacing:-.04em}.nav-logo::before{content:"";display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:var(--vt-cyan);box-shadow:0 0 18px var(--vt-cyan);animation:vtPulse 2.4s ease-in-out infinite}
.nav-cta,.btn-primary,.btn-ac,.btn-sf,.btn-sw,.btn-wf,.btn-neon,.btn-white,.form-btn{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(115deg,#0b6cff,#6746ed)!important;box-shadow:0 10px 35px rgba(36,135,255,.28),inset 0 1px rgba(255,255,255,.25)!important}
.cta-strip .btn-white,.cta-strip .btn-neon,.cta-section .btn-white,.final-cta .btn-white{color:var(--vt-cyan)!important;-webkit-text-fill-color:var(--vt-cyan)!important;text-shadow:0 0 16px rgba(51,228,255,.32)!important}
.nav-cta::after,.btn-primary::after,.btn-ac::after,.btn-sf::after,.btn-sw::after,.btn-wf::after,.btn-neon::after,.btn-white::after,.form-btn::after{content:"";position:absolute;inset:-2px auto -2px -45%;width:36%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left 1.15s cubic-bezier(.16,1,.3,1)}
.nav-cta:hover::after,.btn-primary:hover::after,.btn-ac:hover::after,.btn-sf:hover::after,.btn-sw:hover::after,.btn-wf:hover::after,.btn-neon:hover::after,.btn-white:hover::after,.form-btn:hover::after{left:120%}
#hero{min-height:calc(100vh - 12px);padding-top:150px;background:linear-gradient(180deg,rgba(5,8,18,.1),rgba(5,8,18,.82));isolation:isolate}
#hero::before,.hero::before,.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.85%,rgba(51,228,255,.18) 50%,transparent 50.15%) 0 0/100% 100%,linear-gradient(transparent 0 49.85%,rgba(51,228,255,.14) 50%,transparent 50.15%) 0 0/100% 100%;opacity:.16}
.hero-content{max-width:690px}.hero-badge,.section-label,.sec-label{border:1px solid rgba(51,228,255,.22);background:rgba(51,228,255,.06);border-radius:999px;padding:.42rem .75rem;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.08em}
.hero-badge::before,.section-label::before,.sec-label::before{content:""!important;position:static!important;display:block!important;flex:0 0 6px!important;width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:currentColor!important;box-shadow:0 0 10px currentColor!important;font-size:0!important;line-height:0!important;animation:vtDotPulse 2.4s ease-in-out infinite!important;transform:none!important}
.hero-title,.page-title,.sec-title{letter-spacing:-.055em;text-wrap:balance}.hero-title .hl,.page-title .hl{background:linear-gradient(100deg,#fff 5%,var(--vt-cyan) 45%,#9b7cff 92%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.vt-hero-stage{position:absolute;right:5%;top:50%;width:min(43vw,610px);height:520px;transform:translateY(-45%);perspective:1000px;z-index:1}
.vt-orbit{position:absolute;inset:55px;border:1px solid rgba(51,228,255,.18);border-radius:50%;animation:vtSpin 32s linear infinite}.vt-orbit::before,.vt-orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--vt-cyan);box-shadow:0 0 22px var(--vt-cyan)}.vt-orbit::before{left:12%;top:12%}.vt-orbit::after{right:8%;bottom:18%;background:var(--vt-purple);box-shadow:0 0 22px var(--vt-purple)}
.vt-core{position:absolute;inset:145px 135px;border-radius:34px;background:linear-gradient(145deg,rgba(24,45,78,.8),rgba(8,14,28,.9));border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.1);display:grid;place-items:center;transform:rotate(-6deg);animation:vtCoreFloat 7s ease-in-out infinite}.vt-core-code{font-family:monospace;font-size:4rem;font-weight:700;color:var(--vt-cyan);text-shadow:0 0 35px rgba(51,228,255,.55)}
.vt-float-card{position:absolute;padding:13px 17px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(10,20,38,.82);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.35);font-size:.8rem;color:#dcecff;animation:vtFloat 6s ease-in-out infinite}.vt-float-card b{display:block;color:#fff;font-size:.9rem}.vt-float-card::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:var(--vt-cyan);box-shadow:0 0 12px var(--vt-cyan)}.vt-f1{left:1%;top:14%}.vt-f2{right:0;top:25%;animation-delay:-2s}.vt-f3{left:5%;bottom:13%;animation-delay:-4s}.vt-f4{right:6%;bottom:4%;animation-delay:-1s}
.srv-card,.why-card,.l-card,.hw-card,.price-card,.process-card,.feature-card,.contact-form,.info-card{background:linear-gradient(145deg,rgba(16,28,51,.76),rgba(7,13,26,.88))!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 20px 55px rgba(0,0,0,.2);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s!important}
.srv-card::before,.why-card::before,.l-card::before,.hw-card::before,.price-card::before,.process-card::before,.feature-card::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--card-x,50%) var(--card-y,0%),rgba(51,228,255,.12),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.srv-card:hover,.why-card:hover,.l-card:hover,.hw-card:hover,.price-card:hover,.process-card:hover,.feature-card:hover{transform:translateY(-8px)!important;border-color:rgba(51,228,255,.3)!important;box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 35px rgba(51,228,255,.08)!important}.srv-card:hover::before,.why-card:hover::before,.l-card:hover::before,.hw-card:hover::before,.price-card:hover::before,.process-card:hover::before,.feature-card:hover::before{opacity:1}
.srv-icon,.l-icon{filter:drop-shadow(0 0 14px rgba(51,228,255,.32))}.srv-tag{border-color:rgba(51,228,255,.16)!important;background:rgba(51,228,255,.055)!important}
.page-hero,.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 26%,rgba(36,135,255,.18),transparent 30rem),linear-gradient(180deg,#070c17,#091121)!important}.page-hero::after,.hero::after{content:"";position:absolute;width:340px;height:340px;right:9%;top:15%;border:1px solid rgba(51,228,255,.12);border-radius:50%;box-shadow:0 0 90px rgba(36,135,255,.1);animation:vtSpin 25s linear infinite}
.fade-up{transform:translateY(26px) scale(.985);filter:blur(5px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease}.fade-up.visible{transform:none;filter:none}
.vt-progress{position:fixed;left:0;top:0;height:2px;width:var(--vt-progress,0%);z-index:999;background:linear-gradient(90deg,var(--vt-cyan),var(--vt-purple));box-shadow:0 0 12px var(--vt-cyan)}
footer{position:relative;background:linear-gradient(180deg,rgba(7,13,25,.96),#03050b);border-top:1px solid rgba(255,255,255,.08)}
.cookie-settings-trigger{position:fixed;right:18px;bottom:18px;z-index:9999;padding:9px 13px;border:1px solid rgba(51,228,255,.3);border-radius:999px;background:rgba(5,10,21,.9);color:#dcecff;font:600 .75rem/1.2 inherit;box-shadow:0 10px 30px rgba(0,0,0,.3);cursor:pointer;backdrop-filter:blur(12px);transition:border-color .25s,color .25s,transform .25s}.cookie-settings-trigger:hover{color:var(--vt-cyan);border-color:rgba(51,228,255,.65);transform:translateY(-2px)}.cookie-settings-trigger[hidden]{display:none!important}
@keyframes vtGridDrift{to{background-position:72px 72px}}
@keyframes vtSpin{to{transform:rotate(360deg)}}
@keyframes vtPulse{50%{opacity:.45;transform:scale(.72)}}
@keyframes vtDotPulse{50%{opacity:.45;box-shadow:0 0 5px currentColor}}
@keyframes vtFloat{50%{transform:translateY(-14px) rotate(1deg)}}
@keyframes vtCoreFloat{50%{transform:translateY(-12px) rotate(-3deg)}}
@media(max-width:1050px){.vt-hero-stage{opacity:.42;right:-18%;transform:translateY(-45%) scale(.82)}.hero-content{max-width:650px}}
@media(max-width:900px){nav{width:calc(100% - 20px);margin:12px auto;top:12px;height:64px;border-radius:14px}.vt-hero-stage{display:none}#hero{padding-top:130px}.hero-content{max-width:100%}.page-hero::after,.hero::after{right:-180px;opacity:.5}}
@media(max-width:600px){body::before{background-size:48px 48px}.hero-title{font-size:clamp(2.55rem,13vw,4rem)}.hero-stats{gap:1.35rem}.srv-card,.why-card,.l-card{border-radius:18px!important}#cookie-banner{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;max-width:none!important;padding:18px!important;transform:none!important;animation:none!important;z-index:10000!important}.cookie-btn-row{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.cookie-btn{width:100%!important}.cookie-settings-trigger{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.fade-up{opacity:1!important;transform:none!important;filter:none!important}}