/* ===== va-vision: visionOS-style liquid glass over a soft room backdrop. Remove the <link> to roll back. ===== */
:root{
--vg-bg:linear-gradient(135deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.34) 100%);
--vg-bg-2:linear-gradient(140deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.56) 100%);
--vg-line:rgba(255,255,255,.65);
--vg-blur:blur(30px) saturate(165%);
--vg-sh:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.18),0 30px 70px rgba(38,52,40,.16),0 2px 6px rgba(38,52,40,.06);
--vg-r:34px;
}
html{background:#DCE1D3}
body.va-home{background:transparent!important;position:relative}
body.va-home::before{content:'';position:fixed;inset:0;z-index:-2;background:#DCE1D3 url('/front_assets/va/va-bg.jpg') center/cover no-repeat}
body.va-home::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.22))}

/* reusable glass */
.va-home .va-header,
.va-home .va-hero > .va-wrap,
.va-home #services,.va-home #process,.va-home #pricing,.va-home .va-why,.va-home #about,.va-home #faq,.va-home #file{background:var(--vg-bg);-webkit-backdrop-filter:var(--vg-blur);backdrop-filter:var(--vg-blur);border:1px solid var(--vg-line);box-shadow:var(--vg-sh)}

/* header: floating capsule */
.va-home .va-header{position:sticky;top:12px;max-width:1180px;margin:12px auto 0;border-radius:999px}
.va-home .va-header__in{padding:10px 14px 10px 26px}
.va-home .va-header .va-btn{border-radius:999px}

/* hero panel */
.va-home .va-hero{background:transparent;border:0}
.va-home .va-hero > .va-wrap{margin-top:22px;border-radius:var(--vg-r);padding:30px 46px 42px}
.va-home .va-tabs{border:1px solid var(--vg-line);background:rgba(255,255,255,.45);border-radius:999px;padding:4px;gap:4px}
.va-home .va-tab{border-radius:999px}
.va-home .va-hero__art svg{filter:drop-shadow(0 24px 40px rgba(38,52,40,.18))}
.va-home a.va-qf{background:var(--vg-bg-2);border:1px solid var(--vg-line);border-top-width:3px;border-radius:20px;box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(38,52,40,.10)}
.va-home .va-countries span.c{background:rgba(255,255,255,.55);border:1px solid var(--vg-line);border-radius:999px}

/* section panels */
.va-home #services,.va-home #process,.va-home #pricing,.va-home .va-why,.va-home #about,.va-home #faq,.va-home #file{border-radius:var(--vg-r);margin-top:26px;padding:42px 46px}
.va-home #services{margin-top:26px}
.va-services::before{display:none!important}

/* tiles inside panels */
.va-home a.va-card,.va-step,.va-price,.va-dd,.va-trust > div,.va-form,.va-faq details,.va-detail{background:var(--vg-bg-2)!important;border:1px solid var(--vg-line);border-radius:22px;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(38,52,40,.08)}
.va-home a.va-card{border-color:var(--vg-line)!important;border-top-width:3px!important}
.va-price,.va-dd{border-top-width:3px}
.va-trust > div{border-left-width:3px}
.va-step--dark{background:linear-gradient(140deg,rgba(20,33,61,.88),rgba(20,33,61,.72))!important;border-color:rgba(255,255,255,.25)}
.va-faq{border-top:0;display:flex;flex-direction:column;gap:10px}
.va-faq details{padding:0 22px}
.va-form{border-top:3px solid var(--va-green)}
.va-input{background:rgba(255,255,255,.75);border-radius:12px}
.va-chip span{border-radius:999px;background:rgba(255,255,255,.7)}
.va-hint{background:rgba(255,255,255,.55);border:1px solid var(--vg-line);padding:7px 14px;border-radius:999px}

/* dark glass band */
.va-home .va-band{background:transparent;margin-top:26px}
.va-home .va-band > .va-wrap{background:linear-gradient(140deg,rgba(20,33,61,.86),rgba(20,33,61,.70));-webkit-backdrop-filter:var(--vg-blur);backdrop-filter:var(--vg-blur);border:1px solid rgba(255,255,255,.22);border-radius:var(--vg-r);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 30px 70px rgba(20,33,61,.25);padding-left:46px;padding-right:46px}

/* footer */
.va-home .va-footer{margin-top:40px;background:rgba(20,33,61,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.va-home .va-header,.va-home .va-hero > .va-wrap,.va-home #services,.va-home #process,.va-home #pricing,.va-home .va-why,.va-home #about,.va-home #faq,.va-home #file{background:rgba(255,255,255,.9)}
}
@media (max-width:860px){
.va-home .va-hero > .va-wrap{padding:24px 28px 32px}
}
@media (max-width:760px){
.va-home .va-header{margin:8px 8px 0;top:8px;border-radius:24px}
.va-home .va-header__in{padding:10px 12px 10px 18px}
}
@media (max-width:560px){
.va-home .va-hero > .va-wrap,.va-home #services,.va-home #process,.va-home #pricing,.va-home .va-why,.va-home #about,.va-home #faq,.va-home #file,.va-home .va-band > .va-wrap{margin-left:8px;margin-right:8px;border-radius:24px;padding:24px 16px}
.va-home .va-hero > .va-wrap{margin-top:12px}
.va-home #services,.va-home #process,.va-home #pricing,.va-home .va-why,.va-home #about,.va-home #faq,.va-home #file{margin-top:14px}
.va-home .va-band{margin-top:14px}
}
