:root{--navy:#06101d;--navy2:#0a1929;--blue:#1565ff;--cyan:#00bcd4;--light:#f5f7fb;--ink:#07111f;--muted:#667181;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}.velfar-nw-body{margin:0!important;background:#06101d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);overflow-x:hidden}.velfar-nw-body.admin-bar .v-header{top:32px}body.velfar-nw-body>header:not(.v-header),body.velfar-nw-body>footer:not(.v-footer){display:none!important}.v-container{width:min(var(--max),calc(100% - 48px));margin:auto}.v-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;color:#3b91ff;margin-bottom:16px}.v-loader{position:fixed;inset:0;background:#06101d;z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;transition:.6s}.v-loader.hide{opacity:0;visibility:hidden}.v-loader-mark img{width:72px;height:72px;object-fit:contain}.v-loader-line{width:100px;height:2px;background:#173047;overflow:hidden}.v-loader-line span{display:block;width:32%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:vload 1s linear infinite}@keyframes vload{from{transform:translateX(-120%)}to{transform:translateX(420%)}}
.v-header{height:88px;position:fixed;top:0;left:0;right:0;z-index:9990;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;transition:.35s;border-bottom:1px solid transparent}.v-header.scrolled{height:72px;background:rgba(4,12,22,.9);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.08)}.v-brand img{width:176px;display:block}.v-nav{display:flex;align-items:center;gap:27px}.v-nav a{color:#fff;font-size:12px;font-weight:700;opacity:.84;text-decoration:none}.v-nav a:hover{color:#70dcee;opacity:1}.v-nav-cta{border:1px solid rgba(255,255,255,.4);border-radius:7px;padding:12px 17px}.v-menu-btn{display:none;background:0;border:0;width:42px}.v-menu-btn span{display:block;height:2px;background:#fff;margin:7px 0}
.v-hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;color:white;background:#06101d}.v-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.v-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,16,.95) 0%,rgba(2,10,20,.80) 43%,rgba(3,12,24,.34) 100%)}.v-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px}.v-hero-content{position:relative;z-index:2;padding-top:50px}.v-hero h1{font-size:clamp(58px,7.1vw,108px);line-height:.93;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 28px;font-weight:800;max-width:1080px}.v-hero h1 span{display:block}.v-hero h1 em{font-style:normal;background:linear-gradient(90deg,#2876ff,#22d2e5);-webkit-background-clip:text;color:transparent}.v-hero p{max-width:630px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.78);margin:0 0 32px}.v-actions{display:flex;gap:13px}.v-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border-radius:7px;font-size:13px;font-weight:800;text-decoration:none}.v-btn-primary{background:linear-gradient(135deg,var(--blue),#2288ff);color:#fff;box-shadow:0 14px 40px rgba(21,101,255,.25)}.v-btn-ghost{border:1px solid rgba(255,255,255,.32);color:white;background:rgba(255,255,255,.04)}.v-scroll{position:absolute;left:4vw;bottom:34px;font-size:9px;letter-spacing:.2em;color:#a9b6c2;display:flex;gap:12px;align-items:center}.v-scroll i{display:block;width:52px;height:1px;background:#74889b}.v-count{position:absolute;right:4vw;bottom:34px;font-size:10px;color:#a9b6c2}
.v-tech{height:88px;background:#07111e;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);color:white}.v-tech-inner{height:100%;width:min(1260px,94%);margin:auto;display:flex;justify-content:space-around;align-items:center;gap:30px;opacity:.68;font-size:14px;font-weight:800}
.v-section{padding:116px 0}.v-light{background:#f5f7fb}.v-dark{background:#07111e;color:white}.v-intro{display:grid;grid-template-columns:.8fr 1.8fr;gap:58px}.v-copy h2,.v-section-top h2,.v-scale-copy h2,.v-about-inner h2,.v-contact h2{font-size:clamp(36px,4.3vw,60px);line-height:1.02;letter-spacing:-.048em;margin:0 0 22px}.v-copy>p,.v-scale-copy>.v-lead,.v-about-inner>p,.v-contact p{font-size:16px;line-height:1.75;color:var(--muted)}.v-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 16px 36px rgba(10,25,42,.08);position:relative;transition:.3s}.v-card:hover{transform:translateY(-7px)}.v-card img{width:100%;height:220px;object-fit:cover;display:block}.v-card>span{position:absolute;top:198px;left:20px;width:42px;height:42px;border-radius:50%;background:#1565ff;color:white;border:4px solid white;display:grid;place-items:center;font-size:10px;font-weight:800}.v-card h3{font-size:17px;text-transform:uppercase;margin:22px 20px 8px}.v-card p{font-size:13px;line-height:1.65;color:#5e6978;margin:0 20px 24px}
.v-section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:28px;margin-bottom:8px}.v-section-top h2{font-size:46px;margin:0}.v-section-top>a{color:white;font-size:12px;font-weight:800;text-decoration:none}.v-side-copy{max-width:380px;font-size:13px;line-height:1.7;color:rgba(255,255,255,.55)}.v-services{display:grid;grid-template-columns:repeat(6,1fr)}.v-services article{padding:36px 20px 34px;min-height:230px;border-right:1px solid rgba(255,255,255,.14);transition:.25s}.v-services article:first-child{border-left:1px solid rgba(255,255,255,.14)}.v-services article:hover{background:linear-gradient(180deg,rgba(21,101,255,.14),rgba(0,188,212,.03));transform:translateY(-3px)}.v-services i{display:block;color:#3d91ff;font-style:normal;font-size:33px;margin-bottom:22px}.v-services h3{font-size:14px;margin:0 0 10px}.v-services p{font-size:12px;line-height:1.65;color:rgba(255,255,255,.58);margin:0}
.v-scale-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:78px;align-items:start}.v-scale-media{position:sticky;top:105px;height:590px;border-radius:22px;overflow:hidden;background:#07111e;box-shadow:0 24px 60px rgba(7,18,30,.17)}.v-scale-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.v-scale-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,13,23,.8),transparent 55%)}.v-media-label{position:absolute;left:28px;bottom:25px;color:#fff;z-index:2;font-size:10px;letter-spacing:.16em}.v-scale-copy{padding-top:20px}.v-scale-copy h2{font-size:54px}.v-step{display:grid;grid-template-columns:56px 1fr;gap:20px;border-top:1px solid #dce2e8;padding:27px 0}.v-step>b{width:44px;height:44px;border:1px solid #a9b7c8;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#1565ff}.v-step h3{margin:0 0 7px;font-size:17px}.v-step p{margin:0;font-size:13px;line-height:1.65;color:#6a7482}
.v-projects{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:28px}.v-projects article{height:470px;position:relative;overflow:hidden;background:#0b1725}.v-projects article:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to top,rgba(2,9,16,.94) 0%,rgba(2,9,16,.18) 68%),var(--bg);background-size:cover;background-position:center;transition:.45s}.v-projects article:hover:before{transform:scale(1.06);filter:saturate(1.15)}.v-projects article>div{position:absolute;left:24px;right:24px;bottom:26px;z-index:2}.v-projects span{color:#57d9ee;font-size:10px}.v-projects h3{font-size:20px;line-height:1.15;margin:9px 0 10px}.v-projects p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.67)}.v-projects small{font-size:9px;letter-spacing:.1em;color:#64cfee}
.v-insights{display:grid;grid-template-columns:.75fr 1.7fr;gap:60px}.v-btn-outline{margin-top:16px;border:1px solid #aac0df;color:#0d47a1;background:white}.v-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.v-articles article{background:white;border-radius:14px;overflow:hidden;box-shadow:0 12px 32px rgba(7,22,40,.08);padding-bottom:22px}.v-articles img{width:100%;height:170px;object-fit:cover}.v-articles small,.v-articles h3,.v-articles p{display:block;margin-left:19px;margin-right:19px}.v-articles small{font-size:9px;color:#64758a;margin-top:17px}.v-articles h3{font-size:16px;line-height:1.35;margin-top:8px;margin-bottom:8px}.v-articles p{font-size:12px;line-height:1.6;color:#677383}
.v-about{position:relative;min-height:640px;color:white;background:#07111e;display:flex;align-items:center;overflow:hidden}.v-about-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.38}.v-about:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06101d 4%,rgba(6,16,29,.82) 50%,rgba(6,16,29,.3))}.v-about-inner{position:relative;z-index:2;max-width:720px;margin-left:max(24px,calc((100vw - var(--max))/2))}.v-about-inner p{color:rgba(255,255,255,.7);max-width:650px}
.v-contact{padding:92px 0;color:white;background:radial-gradient(circle at 78% 22%,rgba(21,101,255,.22),transparent 25%),#071827}.v-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.v-contact h2{font-size:54px}.v-contact p{color:rgba(255,255,255,.67)}.v-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v-contact-actions a{position:relative;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.035);color:white;text-decoration:none;transition:.25s}.v-contact-actions a:hover{transform:translateY(-5px);border-color:#38cce1}.v-contact-actions b,.v-contact-actions span{display:block}.v-contact-actions span{font-size:11px;color:rgba(255,255,255,.58);margin-top:6px}.v-contact-actions i{position:absolute;right:19px;top:19px;font-style:normal}
.v-footer{background:#030a12;color:white;padding:58px 0 24px}.v-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.v-footer img{width:170px}.v-footer p{max-width:330px;font-size:12px;line-height:1.7;color:rgba(255,255,255,.55)}.v-footer h4{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.v-footer a,.v-footer span{display:block;font-size:11px;color:rgba(255,255,255,.56);text-decoration:none;margin:8px 0}.v-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:38px;padding-top:18px}
@media(max-width:1000px){.v-nav{position:fixed;top:0;right:-100%;width:min(420px,88vw);height:100vh;background:#07111e;display:flex;flex-direction:column;justify-content:center;transition:.35s}.v-nav.open{right:0}.v-menu-btn{display:block;position:relative;z-index:9991}.v-intro,.v-scale-grid,.v-insights,.v-contact-grid{grid-template-columns:1fr}.v-services{grid-template-columns:repeat(3,1fr)}.v-projects{grid-template-columns:repeat(2,1fr)}.v-scale-media{position:relative;top:0;height:480px}.v-about-inner{margin:0 auto;width:min(var(--max),calc(100% - 48px))}}
@media(max-width:720px){.v-container{width:calc(100% - 28px)}.v-header{height:70px;padding:0 14px}.v-brand img{width:148px}.v-hero{min-height:680px}.v-hero h1{font-size:46px;line-height:.98}.v-hero p{font-size:15px}.v-actions{flex-direction:column;align-items:flex-start}.v-scroll{display:none}.v-tech-inner{justify-content:flex-start;overflow:hidden;font-size:11px}.v-section{padding:80px 0}.v-journey,.v-services,.v-projects,.v-articles,.v-contact-actions{grid-template-columns:1fr}.v-section-top{flex-direction:column;align-items:flex-start}.v-section-top h2,.v-scale-copy h2,.v-contact h2{font-size:38px}.v-services article,.v-services article:first-child{border-left:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.v-projects article{height:420px}.v-footer-grid{grid-template-columns:1fr}.v-about{min-height:560px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}} .v-dark h1,.v-dark h2,.v-dark h3,.v-dark h4,
.v-contact h1,.v-contact h2,.v-contact h3,.v-contact h4,
.v-about h1,.v-about h2,.v-about h3,.v-about h4,
.v-section.v-dark .v-section-top h2,
.v-section.v-dark .v-services h3,
.v-section.v-dark .v-projects h3{
color:#ffffff!important;
}
.v-dark p,.v-dark li,.v-dark span,
.v-contact p,.v-about p{color:rgba(255,255,255,.72)}
.v-dark .v-kicker,.v-contact .v-kicker,.v-about .v-kicker{color:#29a7ff!important} .v-services article{opacity:1!important;transform:none!important}
.v-projects article{opacity:1!important;transform:none!important}
.v-articles article{opacity:1!important;transform:none!important}
.v-contact-actions a{opacity:1!important;transform:none!important} .v-services article{
padding:0 0 28px!important;
overflow:hidden;
min-height:395px!important;
background:#0a1725;
}
.v-service-img{
width:100%;
height:150px;
object-fit:cover;
display:block;
border-bottom:1px solid rgba(255,255,255,.10);
filter:saturate(.88) brightness(.78);
}
.v-services article i,
.v-services article h3,
.v-services article p{margin-left:18px;margin-right:18px}
.v-services article i{margin-top:18px}
.v-services article h3{font-size:15px!important;color:#fff!important}
.v-services article p{font-size:12.5px!important;line-height:1.58!important;color:rgba(255,255,255,.72)!important} .v-projects article:before{
background-image:linear-gradient(to top,rgba(2,9,16,.97) 0%,rgba(2,9,16,.42) 58%,rgba(2,9,16,.10) 100%),var(--bg)!important;
}
.v-projects h3{color:#fff!important}
.v-projects p{color:rgba(255,255,255,.78)!important} .v-contact-form{
background:rgba(6,18,31,.78);
border:1px solid rgba(255,255,255,.14);
border-radius:16px;
padding:24px;
box-shadow:0 20px 50px rgba(0,0,0,.20);
backdrop-filter:blur(10px);
}
.v-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v-field{display:flex;flex-direction:column;gap:6px}
.v-field.full{grid-column:1/-1}
.v-field label{font-size:11px;color:rgba(255,255,255,.72);font-weight:700}
.v-contact-form input,.v-contact-form select,.v-contact-form textarea{
width:100%;
border:1px solid rgba(255,255,255,.14);
background:#0b1a2a;
color:#fff;
padding:13px 14px;
border-radius:8px;
outline:none;
font:inherit;
font-size:13px;
}
.v-contact-form input:focus,.v-contact-form select:focus,.v-contact-form textarea:focus{
border-color:#25b8e8;
box-shadow:0 0 0 3px rgba(37,184,232,.08);
}
.v-contact-form textarea{min-height:112px;resize:vertical}
.v-contact-submit{
width:100%;border:0;border-radius:8px;padding:14px 18px;
background:linear-gradient(135deg,#0e55f2,#147df5);
color:#fff;font-weight:800;cursor:pointer;font-size:13px;
}
.v-contact-submit:hover{filter:brightness(1.08)}
.v-form-note{font-size:10px;color:rgba(255,255,255,.48);margin-top:10px;text-align:center}
.v-form-status{padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:12px}
.v-form-status.ok{background:rgba(22,163,74,.16);border:1px solid rgba(22,163,74,.35);color:#b8f7ca}
.v-form-status.err{background:rgba(220,38,38,.14);border:1px solid rgba(220,38,38,.35);color:#fecaca} .v-hero-video{filter:saturate(.82) contrast(1.08) brightness(.72)}
.v-hero-overlay{
background:
linear-gradient(90deg,rgba(1,6,12,.94) 0%,rgba(2,9,18,.72) 43%,rgba(2,9,18,.30) 100%),
linear-gradient(to top,rgba(2,8,15,.50),transparent 45%)!important;
}
.v-grid-overlay{opacity:.22} .v-experience-banner{
margin:26px 0 4px;
height:180px;
border-radius:14px;
background-size:cover;
background-position:center;
position:relative;
overflow:hidden;
}
.v-experience-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,25,.85),rgba(5,15,25,.15))}
.v-experience-banner span{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff!important;font-size:12px;font-weight:800;letter-spacing:.12em}
@media(max-width:1000px){
.v-services{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:720px){
.v-services{grid-template-columns:1fr!important}
.v-form-grid{grid-template-columns:1fr}
.v-field.full{grid-column:auto}
} .v-reveal{opacity:1!important;transform:none!important;visibility:visible!important}
.v-journey{min-height:360px} .v-fade-blur{
opacity:1;
filter:none;
transform:none;
will-change:opacity,filter,transform;
}
html.v-effects-ready body[data-fade-blur="1"] .v-fade-blur{
opacity:0;
filter:blur(14px);
transform:translateY(38px) scale(.985);
}
html.v-effects-ready body[data-fade-blur="1"] .v-fade-blur.v-inview{
opacity:1;
filter:blur(0);
transform:translateY(0) scale(1);
transition:
opacity .95s cubic-bezier(.22,.61,.36,1),
filter 1.05s cubic-bezier(.22,.61,.36,1),
transform 1.05s cubic-bezier(.22,.61,.36,1);
}
@media(prefers-reduced-motion:reduce){
html.v-effects-ready body[data-fade-blur="1"] .v-fade-blur{
opacity:1!important;filter:none!important;transform:none!important;transition:none!important;
}
}  .v-dark,
.v-dark h1,.v-dark h2,.v-dark h3,.v-dark h4,.v-dark h5,.v-dark h6,
.v-dark .v-section-top h2,
.v-dark .v-section-top h3,
.v-dark .v-services h3,
.v-dark .v-projects h3,
.v-about,
.v-about h1,.v-about h2,.v-about h3,.v-about h4,
.v-contact,
.v-contact h1,.v-contact h2,.v-contact h3,.v-contact h4,
.v-footer,
.v-footer h1,.v-footer h2,.v-footer h3,.v-footer h4{
color:#ffffff!important;
}
.v-dark p,
.v-dark .v-side-copy,
.v-dark .v-services p,
.v-dark .v-projects p,
.v-about p,
.v-contact p,
.v-footer p{
color:rgba(255,255,255,.74)!important;
}
.v-dark a,
.v-about a,
.v-contact a,
.v-footer a{
color:#ffffff;
}
.v-dark .v-kicker,
.v-about .v-kicker,
.v-contact .v-kicker{
color:#39a9ff!important;
} .velfar-nw-body .v-dark *:not(.v-kicker):not(a):not(i):not(small){
text-shadow:none;
}
.velfar-nw-body .v-dark .v-services h3,
.velfar-nw-body .v-dark .v-projects h3{
color:#fff!important;
}
.velfar-nw-body .v-dark .v-services p,
.velfar-nw-body .v-dark .v-projects p{
color:rgba(255,255,255,.76)!important;
} html.v-effects-ready body[data-fade-blur="1"] .v-fade-blur{
opacity:0;
filter:blur(12px);
transform:translateY(34px) scale(.99);
transition:
opacity .75s cubic-bezier(.22,.61,.36,1),
filter .85s cubic-bezier(.22,.61,.36,1),
transform .85s cubic-bezier(.22,.61,.36,1);
}
html.v-effects-ready body[data-fade-blur="1"] .v-fade-blur.v-inview{
opacity:1;
filter:blur(0);
transform:translateY(0) scale(1);
} .v-contact-form,.v-footer{opacity:1!important;filter:none!important}
@media(prefers-reduced-motion:reduce){
html.v-effects-ready body[data-fade-blur="1"] .v-fade-blur{
opacity:1!important;
filter:none!important;
transform:none!important;
}
} html.v-effects-ready body[data-fade-blur="1"] .v-contact-left{
opacity:0;
filter:blur(14px);
transform:translateX(-34px);
}
html.v-effects-ready body[data-fade-blur="1"] .v-contact-right{
opacity:0;
filter:blur(14px);
transform:translateX(34px);
}
html.v-effects-ready body[data-fade-blur="1"] .v-contact-left.v-inview,
html.v-effects-ready body[data-fade-blur="1"] .v-contact-right.v-inview{
opacity:1;
filter:blur(0);
transform:translateX(0);
transition:
opacity .85s cubic-bezier(.22,.61,.36,1),
filter .95s cubic-bezier(.22,.61,.36,1),
transform .95s cubic-bezier(.22,.61,.36,1);
}
html.v-effects-ready body[data-fade-blur="1"] .v-contact-right{
transition-delay:110ms;
}
@media(prefers-reduced-motion:reduce){
html.v-effects-ready body[data-fade-blur="1"] .v-contact-left,
html.v-effects-ready body[data-fade-blur="1"] .v-contact-right{
opacity:1!important;
filter:none!important;
transform:none!important;
}
} .v-about{
position:relative;
min-height:620px;
background:#06101d;
display:flex;
align-items:center;
overflow:hidden;
color:#fff;
}
.v-about-bg{
position:absolute!important;
top:0!important;
right:0!important;
bottom:0!important;
left:auto!important;
width:58%!important;
height:100%!important;
background-size:cover!important;
background-position:58% center!important;
background-repeat:no-repeat!important;
opacity:1!important;
filter:none!important;
}
.v-about-bg:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(6,16,29,.92) 0%,rgba(6,16,29,.56) 16%,rgba(6,16,29,.18) 40%,rgba(6,16,29,.06) 100%);
}
.v-about:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,#06101d 0%,#06101d 37%,rgba(6,16,29,.96) 43%,rgba(6,16,29,.70) 50%,rgba(6,16,29,.20) 62%,rgba(6,16,29,0) 76%);
z-index:1;
pointer-events:none;
}
.v-about:after{display:none!important}
.v-about-inner{
position:relative;
z-index:3;
width:min(560px,42vw);
margin-left:max(28px,calc((100vw - var(--max))/2))!important;
margin-right:auto!important;
padding:52px 0;
}
.v-about-inner h2{
color:#fff!important;
font-size:clamp(42px,4vw,62px)!important;
line-height:1.02!important;
max-width:560px;
}
.v-about-inner p{
color:rgba(255,255,255,.82)!important;
font-size:16px!important;
line-height:1.75!important;
max-width:560px;
}
@media(max-width:1100px){
.v-about-bg{width:62%!important;background-position:62% center!important}
.v-about-inner{width:min(520px,44vw)}
}
@media(max-width:760px){
.v-about{display:block;min-height:auto;padding-top:360px}
.v-about-bg{
top:0!important;left:0!important;right:0!important;
width:100%!important;height:360px!important;
background-size:cover!important;background-position:center 24%!important;
}
.v-about-bg:after{
background:linear-gradient(to bottom,rgba(6,16,29,.05),rgba(6,16,29,.32),#06101d 96%);
}
.v-about:before{display:none!important}
.v-about-inner{
width:auto!important;margin:0 20px!important;padding:34px 0 56px!important;
}
.v-about-inner h2{font-size:38px!important}
} .v-clients{
position:relative;
overflow:hidden;
background:linear-gradient(180deg,#f7f9fd 0%,#f3f7fc 100%);
color:#071827;
}
.v-clients-pattern{
position:absolute;inset:0;pointer-events:none;opacity:.48;
background:
radial-gradient(circle at 8% 34%,rgba(45,133,255,.12) 0 2px,transparent 3px),
radial-gradient(circle at 92% 28%,rgba(42,198,224,.11) 0 2px,transparent 3px),
linear-gradient(110deg,transparent 0 14%,rgba(47,133,255,.035) 14.2%,transparent 14.5% 100%);
}
.v-clients-head{position:relative;z-index:1;text-align:center;max-width:850px;margin:0 auto 42px}
.v-clients-head .v-kicker{margin-bottom:13px}
.v-clients-head h2{font-size:clamp(38px,4.2vw,58px);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;color:#071a35}
.v-clients-head p{max-width:760px;margin:0 auto;color:#667387;font-size:15px;line-height:1.7}
.v-clients-carousel{position:relative;z-index:1;overflow:hidden;padding:8px 0 20px;--v-client-gap:16px;--v-client-card-w:calc((min(100vw - 48px, var(--max)) - 64px)/5)}
.v-clients-track{display:flex;width:max-content;will-change:transform;animation:vClientMarquee var(--v-client-duration,34s) linear infinite}
.v-clients-set{display:flex;gap:var(--v-client-gap);padding-right:var(--v-client-gap)}
.v-clients-carousel:hover .v-clients-track,.v-clients-carousel:focus-within .v-clients-track{animation-play-state:paused}
.v-client-card{position:relative;flex:0 0 var(--v-client-card-w);width:var(--v-client-card-w);min-height:260px;padding:24px 20px 22px;border:1px solid rgba(20,73,128,.12);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(21,62,104,.07);text-align:center;text-decoration:none;color:#071827;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}
.v-client-card:hover,.v-client-card:focus-visible{transform:translateY(-8px);border-color:rgba(30,130,255,.72);box-shadow:0 20px 42px rgba(21,101,255,.18);background:#fff;outline:none}
.v-client-logo-wrap{height:108px;display:flex;align-items:center;justify-content:center;padding:8px 4px;margin-bottom:14px}
.v-client-logo-wrap img{display:block;max-width:100%;max-height:92px;width:auto;height:auto;object-fit:contain;filter:saturate(.95);transition:transform .3s ease,filter .3s ease}
.v-client-card:hover .v-client-logo-wrap img,.v-client-card:focus-visible .v-client-logo-wrap img{transform:scale(1.06);filter:saturate(1.08)}
.v-client-logo-fallback{font-size:20px;font-weight:800;letter-spacing:.02em;color:#17375e}
.v-client-card h3{font-size:14px;line-height:1.2;margin:0 0 9px;color:#0b2140;text-transform:uppercase}
.v-client-card p{font-size:12.5px;line-height:1.55;color:#687588;margin:0 auto;max-width:190px}
.v-client-link{position:absolute;right:13px;bottom:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1167e8;font-size:13px;opacity:0;transform:translateY(5px);transition:.25s}
.v-client-card:hover .v-client-link,.v-client-card:focus-visible .v-client-link{opacity:1;transform:translateY(0)}
.v-clients-trust{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;color:#153050}
.v-clients-trust>span{width:42px;height:42px;border:1px solid rgba(21,101,255,.28);border-radius:50%;display:grid;place-items:center;color:#166cff;background:#fff}
.v-clients-trust p{margin:0;font-size:14px}.v-clients-trust strong{color:#1268ee}
@keyframes vClientMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1000px){
.v-clients-carousel{--v-client-card-w:calc((100vw - 48px - 32px)/3)}
}
@media(max-width:720px){
.v-clients-carousel{--v-client-gap:12px;--v-client-card-w:calc((100vw - 28px - 12px)/2);margin-left:0;margin-right:0}
.v-client-card{min-height:228px;padding:20px 14px}
.v-client-logo-wrap{height:88px}.v-client-logo-wrap img{max-height:76px}
.v-client-card h3{font-size:12px}.v-client-card p{font-size:11.5px}
.v-clients-trust{align-items:flex-start;text-align:left}.v-clients-trust p{font-size:12px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
.v-clients-carousel{overflow-x:auto}
.v-clients-track{animation:none!important}
.v-clients-set[aria-hidden="true"]{display:none}
} .v-clients-stage{position:relative;z-index:2}
.v-clients-nav{
position:absolute;top:50%;z-index:8;transform:translateY(-50%);
width:48px;height:48px;border-radius:50%;border:1px solid rgba(20,73,128,.14);
background:#fff;color:#0b2a55;font-size:0;line-height:1;
display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 10px 28px rgba(18,70,128,.14);
transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.v-clients-nav:hover,.v-clients-nav:focus-visible{
transform:translateY(-50%) scale(1.08);background:#1268ee;color:#fff;
box-shadow:0 14px 34px rgba(18,104,238,.28);outline:none;
}
.v-clients-nav::before{display:block;font-size:32px;line-height:1;font-family:Arial,sans-serif;font-weight:400;transform:translateY(-1px)}
.v-clients-prev::before{content:"‹"}
.v-clients-next::before{content:"›"}
.v-clients-prev{left:-24px}
.v-clients-next{right:-24px}
@media(max-width:720px){
.v-clients-nav{width:48px;height:48px}
.v-clients-nav::before{font-size:32px}
.v-clients-prev{left:-4px}.v-clients-next{right:-4px}
.v-clients-carousel{padding-left:8px;padding-right:8px}
}