/* VX | Visual Express Agency — style.css
   Palette: ink #070B24 · deep #111852 · volt #4B4BFF · halo #A9ACFF · paper #F3F4FA · brass #C9A45C */
:root{
  --ink:#070B24;--ink-2:#0E1442;--deep:#111852;--volt:#4B4BFF;--volt-2:#3434E6;--halo:#A9ACFF;
  --paper:#F3F4FA;--white:#fff;--text:#0B1030;--muted:#555C80;--line:#DDE0EE;--brass:#C9A45C;--wa:#1FAF5A;
  --on-dark:#EEF0FF;--on-dark-2:#A7ACD2;--line-d:rgba(169,172,255,.16);
  --f-d:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--f-b:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-brand:"29LT Azer","Figtree",system-ui,sans-serif;--lime:#94DE10;
  --r-s:10px;--r-m:18px;--r-l:28px;--wrap:1240px;--pad:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
[dir=rtl]{--f-d:"Readex Pro",system-ui,sans-serif;--f-b:"Readex Pro",system-ui,sans-serif;--f-brand:"29LT Azer","Readex Pro",system-ui,sans-serif}
/* Kurumsal yazı tipi: 29LT Azer (Regular). Latin ve Arapça ayrı dosyalarda; tarayıcı yalnızca gerekeni indirir. */
@font-face{font-family:"29LT Azer";src:url(/assets/fonts/29LTAzer-Regular-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0020-007E,U+00A0-017F,U+0218-021B,U+02C6,U+02DA,U+02DC,U+2010-2027,U+2030,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2212}
@font-face{font-family:"29LT Azer";src:url(/assets/fonts/29LTAzer-Regular-arabic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:400 17px/1.65 var(--f-b);color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;
  padding-bottom:env(safe-area-inset-bottom,0px)}
[dir=rtl] body{font-size:17px;line-height:1.8}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--f-d);font-weight:700;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.3;font-weight:600}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:6px}
.dark :focus-visible{outline-color:var(--halo)}
.i{width:20px;height:20px;flex:none}
[dir=rtl] .i-flip,[dir=rtl] .btn .i:last-child:not(:first-child){transform:scaleX(-1)}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--volt);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
.narrow{max-width:860px}
.dark{background:var(--ink);color:var(--on-dark)}
.sec{padding-block:clamp(72px,9vw,128px)}
.h1{font-size:clamp(38px,5.4vw,68px)}
.h2{font-size:clamp(30px,3.6vw,48px);margin-bottom:.6em}
.h3{font-size:clamp(21px,1.8vw,25px);margin-bottom:.8em}
.lead{font:400 clamp(19.5px,1.65vw,23px)/1.5 var(--f-brand);color:var(--muted);max-width:60ch}
[dir=rtl] .lead{line-height:1.8}
.dark .lead{color:var(--on-dark-2)}
.big-p{font-size:clamp(19px,1.6vw,22px);line-height:1.65;max-width:62ch}
.prose p{max-width:68ch}

/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font:600 16px/1 var(--f-b);
  text-decoration:none;border:1.5px solid transparent;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-volt{background:var(--volt);color:#fff;box-shadow:0 10px 30px -10px rgba(75,75,255,.8)}
.btn-volt:hover{background:var(--volt-2)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 10px 30px -12px rgba(31,175,90,.8)}
.btn-wa:hover{background:#18964C}
.btn-ghost{color:var(--on-dark);border-color:rgba(238,240,255,.28)}
.btn-ghost:hover{border-color:var(--on-dark);background:rgba(255,255,255,.06)}
.btn-ghost-l{color:var(--text);border-color:var(--line)}
.btn-ghost-l:hover{border-color:var(--text)}
.btn-sm{min-height:42px;padding:0 18px;font-size:15px}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--volt);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.dark .link{color:var(--halo)}
.link .i{width:16px;height:16px;transition:transform .25s var(--ease)}
.link:hover .i{transform:translateX(4px)}
[dir=rtl] .link .i{transform:scaleX(-1)}
[dir=rtl] .link:hover .i{transform:scaleX(-1) translateX(4px)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:15px;transition:border-color .2s,background .2s}
.chip .i{width:17px;height:17px}
.chip:hover{border-color:var(--volt);color:var(--volt)}
.chip-wa{background:var(--wa);border-color:var(--wa);color:#fff}
.chip-wa:hover{background:#18964C;color:#fff;border-color:#18964C}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

/* header */
.hdr{position:fixed;inset-inline:0;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .35s,box-shadow .35s,transform .35s}
.hdr-in{display:flex;align-items:center;gap:20px;height:78px}
.hdr::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(7,11,36,.9);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:0 1px 0 var(--line-d);opacity:0;transition:opacity .35s}
.hdr.scrolled::before{opacity:1}
.logo{display:flex;align-items:center;gap:10px;color:var(--white);text-decoration:none;flex:none}
.logo-mark{width:52px;height:32px;color:var(--volt)}
.hdr .logo-mark{filter:drop-shadow(0 0 18px rgba(75,75,255,.55))}
.logo-t{font:400 16.5px/.95 var(--f-brand);letter-spacing:0;direction:ltr;text-align:left}
.logo-img{transition:transform .5s var(--ease)}
.logo:hover .logo-img{transform:rotate(-8deg) scale(1.06)}
.nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav-a{display:block;white-space:nowrap;padding:10px 12px;color:var(--on-dark);text-decoration:none;font-weight:500;font-size:15.5px;border-radius:999px;transition:background .2s,color .2s}
.nav-a:hover,.nav-a[aria-current]{background:rgba(169,172,255,.12);color:#fff}
.nav-mega{position:relative}
.mega{position:absolute;top:100%;inset-inline-start:-40px;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease)}
.nav-mega:hover .mega,.nav-mega:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-in{display:grid;grid-template-columns:repeat(2,minmax(270px,1fr));gap:2px;padding:12px;background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r-m);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.mega a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--on-dark);text-decoration:none;font-size:15px;font-weight:500}
.mega a .i{color:var(--halo)}
.mega a:hover{background:rgba(75,75,255,.18)}
.nav-m-cta{display:none}
.hdr-act{display:flex;align-items:center;gap:10px}
.lang{position:relative}
.lang-b{display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;background:none;border:1px solid var(--line-d);border-radius:999px;color:var(--on-dark);font:600 14px var(--f-b);cursor:pointer}
.lang-b .i{width:17px;height:17px}
.lang-l{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:150px;padding:6px;background:var(--ink-2);border:1px solid var(--line-d);border-radius:14px;display:none;box-shadow:0 20px 40px -12px rgba(0,0,0,.6)}
.lang.open .lang-l{display:block}
.lang-l a{display:block;padding:10px 12px;border-radius:9px;color:var(--on-dark);text-decoration:none;font-weight:500}
.lang-l a:hover{background:rgba(75,75,255,.2)}
.lang-l a[aria-current]{color:var(--halo)}
.burger{display:none;width:46px;height:46px;border-radius:50%;background:rgba(169,172,255,.12);border:0;cursor:pointer;position:relative}
.burger i{position:absolute;inset-inline-start:14px;width:18px;height:2px;background:#fff;border-radius:2px;transition:.3s var(--ease)}
.burger i:first-child{top:19px}.burger i:last-child{top:26px}
.menu-open .burger i:first-child{top:22px;transform:rotate(45deg)}
.menu-open .burger i:last-child{top:22px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;overflow:hidden;padding:calc(120px + env(safe-area-inset-top,0px)) 0 40px}
.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-d) 1px,transparent 1px),linear-gradient(90deg,var(--line-d) 1px,transparent 1px);
  background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 20%,transparent 75%);opacity:.55}
.hero-bg span{position:absolute;width:60vw;height:60vw;max-width:900px;max-height:900px;inset-inline-end:-15vw;top:-25vw;border-radius:50%;
  background:radial-gradient(circle,rgba(75,75,255,.55),rgba(75,75,255,0) 65%);filter:blur(20px);animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(-8vw,6vw) scale(1.1)}}
.hero-grid{position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.display{font-size:clamp(40px,4.4vw,66px);font-weight:800;letter-spacing:-.035em;line-height:1.0}
[dir=rtl] .display{font-weight:600;line-height:1.25;letter-spacing:0;font-size:clamp(36px,4.8vw,66px)}
.display .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.display .w>span{display:inline-block;transform:translateY(105%);animation:rise .9s var(--ease) forwards;animation-delay:calc(var(--d)*55ms + 100ms)}
@keyframes rise{to{transform:none}}
.hero-lead{margin-top:28px;opacity:0;animation:fade .8s .7s forwards}
.hero-copy .btns{opacity:0;animation:fade .8s .85s forwards}
@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-video{position:relative;margin:0;border-radius:var(--r-l);background:linear-gradient(165deg,#1A2070,#0E1442 70%);
  box-shadow:0 50px 100px -40px rgba(75,75,255,.75),0 0 0 1px var(--line-d);clip-path:inset(12% 12% 12% 12% round 28px);animation:unveil 1.3s .35s var(--ease) forwards;
  translate:0 calc(var(--sc,0)*-.05px);transition:transform .6s var(--ease);will-change:transform}
@keyframes unveil{to{clip-path:inset(-140px -140px -140px -140px round 28px)}}
.yt{position:relative;display:block;width:100%;overflow:hidden;background:var(--deep);cursor:pointer;text-decoration:none;color:#fff;isolation:isolate}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.yt:hover img{transform:scale(1.045)}
.yt::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(7,11,36,.3),transparent 46%);pointer-events:none;transition:opacity .4s}
.yt-play{position:absolute;z-index:2;top:50%;left:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.45);color:#fff;transition:transform .3s var(--ease),background .3s,border-color .3s}
.yt-play .i{width:30px;height:30px;transform:translateX(-1px)}
.yt:hover .yt-play{transform:scale(1.1);background:var(--volt);border-color:var(--volt)}
.yt-play::before,.yt-play::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);animation:ping 2.6s var(--ease) infinite}
.yt-play::after{animation-delay:1.3s}
@keyframes ping{from{transform:scale(.85);opacity:1}to{transform:scale(1.5);opacity:0}}
.hero-video .yt{aspect-ratio:16/9;border-radius:var(--r-l) var(--r-l) 0 0}
.yt-empty{cursor:default;aspect-ratio:16/10;border-radius:var(--r-l);background:radial-gradient(120% 90% at 20% 10%,#2A2AB8 0%,var(--deep) 45%,var(--ink) 100%)}
.yt-orb{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;top:-20%;inset-inline-end:-15%;background:radial-gradient(circle,rgba(169,172,255,.45),transparent 60%);animation:drift 14s ease-in-out infinite alternate}
.yt-mono{position:absolute;top:26%;inset-inline-start:8%;color:rgba(169,172,255,.16)}
.yt-mono .logo-mark{width:min(60%,340px);height:auto;color:inherit;filter:none}
.hv-cap{display:grid;gap:14px;padding:22px 26px 24px;color:#fff}
.hv-cap q{font:400 clamp(18px,1.5vw,21px)/1.5 var(--f-brand);quotes:"“" "”"}
[dir=rtl] .hv-cap q{quotes:"«" "»";line-height:1.75}
.hv-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-size:14px;padding-top:14px;border-top:1px solid var(--line-d)}
.hv-who strong{font-weight:600}
.hv-who span{color:var(--on-dark-2)}
.clocks{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line-d);opacity:0;animation:fade .8s 1.1s forwards}
.clocks li{display:flex;align-items:baseline;gap:14px;padding:22px 0;flex-wrap:wrap}
.clocks li:not(:last-child){padding-inline-end:28px}
.clocks li+li{padding-inline-start:28px;border-inline-start:1px solid var(--line-d)}
.c-city{font-weight:600}
.clock{font:600 15px var(--f-b);font-variant-numeric:tabular-nums;color:var(--halo)}
.clocks a{margin-inline-start:auto;color:var(--on-dark-2);text-decoration:none;font-size:14.5px;transition:color .2s}
.clocks a:hover{color:#fff}

/* clients marquee */
.clients{padding-block:44px;border-bottom:1px solid var(--line);background:var(--paper);overflow:hidden}
.clients-t{font-size:15px;color:var(--muted);margin-bottom:22px}
.marquee{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;flex:none;gap:64px;padding-inline-end:64px;animation:marq 40s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track li{font:700 clamp(20px,2vw,26px)/1 "Bricolage Grotesque",sans-serif;color:#9095B4;white-space:nowrap;letter-spacing:-.01em;transition:color .3s}
.marquee-track li:hover{color:var(--text)}
@keyframes marq{to{transform:translateX(-100%)}}
[dir=rtl] .marquee-track{animation-name:marq-r}
@keyframes marq-r{to{transform:translateX(100%)}}

/* section heads */
.sec-head{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.sec-head .h2{margin:0}
.sec-head p{color:var(--muted);margin-bottom:18px}
.dark .sec-head p{color:var(--on-dark-2)}

/* service index */
.svc-index{display:grid;border-top:1px solid var(--line)}
.svc-index.two,.svc-index.three{grid-template-columns:repeat(2,1fr);column-gap:clamp(24px,4vw,56px)}
.svc-index.three{grid-template-columns:repeat(3,1fr)}
.svc-index li{border-bottom:1px solid var(--line)}
.svc-index a{position:relative;display:flex;align-items:center;gap:20px;padding:26px 8px;text-decoration:none;isolation:isolate}
.svc-index a::before{content:"";position:absolute;inset:6px -12px;border-radius:var(--r-m);background:var(--paper);z-index:-1;opacity:0;transform:scale(.97);transition:.35s var(--ease)}
.svc-index a:hover::before{opacity:1;transform:none}
.svc-ic{width:52px;height:52px;flex:none;border-radius:14px;display:grid;place-items:center;background:rgba(75,75,255,.08);color:var(--volt);transition:.35s var(--ease)}
.svc-ic .i{width:24px;height:24px}
.svc-index a:hover .svc-ic{background:var(--volt);color:#fff;transform:rotate(-6deg)}
.svc-tx{display:grid;gap:3px;flex:1}
.svc-tx strong{font:700 clamp(19px,1.6vw,23px)/1.2 var(--f-d);letter-spacing:-.015em}
[dir=rtl] .svc-tx strong{font-weight:600;letter-spacing:0}
.svc-tx span{color:var(--muted);font-size:15.5px}
.svc-go{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);flex:none;transition:.35s var(--ease)}
.svc-go .i{width:18px;height:18px}
[dir=rtl] .svc-go .i{transform:scaleX(-1)}
.svc-index a:hover .svc-go{background:var(--text);color:#fff;border-color:var(--text);transform:translateX(4px)}
[dir=rtl] .svc-index a:hover .svc-go{transform:translateX(-4px)}
.svc-index.big a{padding-block:34px}
.svc-index.big .svc-tx strong{font-size:clamp(24px,2.4vw,34px)}

/* flow */
.flow{background:var(--paper)}
.flow-list{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.flow-line{position:absolute;top:27px;inset-inline:28px;width:calc(100% - 56px);height:4px;overflow:visible}
.flow-line line{stroke:var(--volt);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.8s var(--ease)}
[dir=rtl] .flow-line{transform:scaleX(-1)}
.flow.in .flow-line line{stroke-dashoffset:0}
.flow-step{position:relative}
.flow-n{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--white);border:1.5px solid var(--volt);color:var(--volt);font:700 20px var(--f-d);margin-bottom:24px;position:relative;z-index:1;transition:background .4s,color .4s}
.flow.in .flow-step .flow-n{background:var(--volt);color:#fff;transition-delay:calc(var(--i,0)*.35s + .3s)}
.flow-step h3{font-size:clamp(22px,2vw,28px);margin-bottom:10px}
.flow-step p{color:var(--muted);font-size:16px}

/* case */
.case{position:relative;overflow:hidden}
.case::before{content:"";position:absolute;width:700px;height:700px;inset-inline-start:-250px;bottom:-400px;border-radius:50%;background:radial-gradient(circle,rgba(75,75,255,.4),transparent 65%)}
.case-in{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.case-client{font:700 20px var(--f-d);color:#fff;margin:0}
.case-scope{color:var(--on-dark-2);font-size:15.5px}
.case-q{margin:28px 0 32px;padding-inline-start:22px;border-inline-start:2px solid var(--brass);font:500 clamp(20px,1.8vw,25px)/1.45 var(--f-d);color:#fff}
.case-stats{display:grid;gap:0}
.stat{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--line-d)}
.stat:first-child{border-top:1px solid var(--line-d)}
.stat b{font:800 clamp(52px,6vw,88px)/1 var(--f-d);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
[dir=rtl] .stat b{font-weight:700;letter-spacing:0}
.stat b{direction:ltr;unicode-bidi:isolate}
.stat>span{color:var(--on-dark-2);text-align:end;max-width:16ch}

/* testimonials */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px)}
.quote{margin:0;padding-top:28px;border-top:2px solid var(--text);display:flex;flex-direction:column}
.stars{display:flex;gap:3px;color:var(--brass);margin-bottom:18px}
.stars .i{width:17px;height:17px}
.quote blockquote{margin:0 0 24px;flex:1}
.quote blockquote p{font:500 clamp(17px,1.35vw,19px)/1.55 var(--f-b);margin:0}
.quote figcaption{display:grid;gap:2px}
.quote figcaption span{color:var(--muted);font-size:14.5px}
.center-link{display:flex;justify-content:center;margin-top:-48px;padding-bottom:clamp(72px,9vw,120px)}

/* global / offices */
.global{background:var(--paper)}
.offices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.office{background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);padding:28px;display:flex;flex-direction:column}
.office-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.office h3{font-size:24px}
.office .clock{color:var(--volt)}
.office-country{color:var(--muted);font-size:15px;margin:4px 0 18px}
.office-phone{font:600 19px var(--f-b);text-decoration:none;margin-bottom:20px;align-self:flex-start}
[dir=rtl] .office-phone{align-self:flex-start}
.office-phone:hover{color:var(--volt)}
.office-act{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.offices-big .office{padding:36px}
.offices-big .office h3{font-size:30px}
.numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px}
.num{padding-top:22px;border-top:1px solid var(--line);display:grid;gap:4px}
.num b{font:800 clamp(44px,4.6vw,64px)/1 var(--f-d);letter-spacing:-.04em;color:var(--volt);direction:ltr;unicode-bidi:isolate;text-align:start}
[dir=rtl] .num b{font-weight:700;letter-spacing:0;justify-self:start}
.num span{color:var(--muted)}

/* faq */
.faq-list{border-top:1px solid var(--line)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;list-style:none;font:600 clamp(18px,1.5vw,21px)/1.35 var(--f-d)}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{position:relative;width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--line);transition:.3s var(--ease)}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:currentColor;transition:transform .3s var(--ease)}
.qa summary i::after{transform:rotate(90deg)}
.qa[open] summary i{background:var(--volt);color:#fff;border-color:var(--volt)}
.qa[open] summary i::after{transform:rotate(0)}
.qa-a{overflow:hidden}
.qa-a p{color:var(--muted);max-width:68ch;padding-bottom:24px;margin:0}
.qa[open] .qa-a{animation:open .4s var(--ease)}
@keyframes open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* cta band */
.band{position:relative;overflow:hidden;padding-block:clamp(72px,8vw,112px)}
.band-glow{position:absolute;inset:0;background:radial-gradient(60% 120% at 85% 50%,rgba(75,75,255,.5),transparent 60%),radial-gradient(40% 80% at 10% 120%,rgba(169,172,255,.18),transparent 60%)}
.band-glow::after{content:"";position:absolute;inset-inline-end:-10%;top:-60%;width:60%;height:220%;border-radius:50%;border:1px solid rgba(169,172,255,.2);box-shadow:inset 0 0 0 60px rgba(169,172,255,.03),inset 0 0 0 120px rgba(169,172,255,.02)}
.band-in{position:relative;display:grid;grid-template-columns:1.4fr auto;gap:40px;align-items:center}
.band .h2{max-width:20ch}
.band .btns{margin-top:0}
.band .lead{margin:0}

/* sub-hero */
.shero{position:relative;overflow:hidden;padding:calc(140px + env(safe-area-inset-top,0px)) 0 clamp(64px,8vw,104px)}
.shero.slim{padding-bottom:56px}
.shero-in{position:relative;display:grid;grid-template-columns:1.35fr .9fr;gap:clamp(32px,6vw,96px);align-items:end}
.shero.slim .shero-in,.shero.nf .shero-in{grid-template-columns:1fr}
.sh-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:var(--volt);color:#fff;margin-bottom:24px;box-shadow:0 12px 30px -8px rgba(75,75,255,.8)}
.sh-ic .i{width:28px;height:28px}
.shero .h1{max-width:18ch}
.shero .lead{margin-top:22px}
.reveal-h{animation:fade .9s .1s var(--ease) both}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--on-dark-2);margin-bottom:28px}
.crumbs li+li::before{content:"/";margin-inline-end:8px;opacity:.5}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:#fff}
.qc{background:rgba(14,20,66,.7);border:1px solid var(--line-d);border-radius:var(--r-l);padding:22px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.qc-t{font-size:14.5px;color:var(--on-dark-2);margin:0 4px 12px}
.qc-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;text-decoration:none;transition:background .25s}
.qc-row+.qc-row{border-top:1px solid var(--line-d)}
.qc-row>.i:first-child{width:36px;height:36px;padding:8px;border-radius:50%;background:var(--wa);color:#fff}
.qc-row span{display:grid;flex:1}
.qc-row small{color:var(--on-dark-2);font-size:14px;text-align:start}
.qc-ar{opacity:.5;transition:transform .25s var(--ease),opacity .25s}
[dir=rtl] .qc-ar{transform:scaleX(-1)}
.qc-row:hover{background:rgba(75,75,255,.18)}
.qc-row:hover .qc-ar{opacity:1;transform:translateX(4px)}
[dir=rtl] .qc-row:hover .qc-ar{transform:scaleX(-1) translateX(4px)}

/* service body */
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,96px);align-items:start}
.feat{display:grid;border-top:1px solid var(--line)}
.feat li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.feat .i{width:24px;height:24px;color:var(--volt);margin-top:3px}
.feat h3{font:600 18px/1.35 var(--f-b);letter-spacing:0;margin-bottom:2px}
.feat p{color:var(--muted);font-size:15.5px;margin:0}
.proc{background:var(--paper)}
.proc-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:p}
.proc-list li{background:var(--white);border-radius:var(--r-m);padding:28px;border:1px solid var(--line)}
.proc-list .flow-n{width:44px;height:44px;font-size:17px;margin-bottom:20px;background:var(--volt);color:#fff;border:0}
.proc-list h3{font-size:21px;margin-bottom:8px}
.proc-list p{color:var(--muted);font-size:15.5px;margin:0}
.local-in{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center;max-width:1000px}
.local-map{width:clamp(120px,14vw,180px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(75,75,255,.14),transparent 70%);color:var(--volt)}
.local-globe{width:60%;height:60%;animation:spin 30s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.local p{color:var(--muted);max-width:64ch;margin:0}
.related{padding-top:0}

/* values / cities / wordmarks / contact */
.values-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.values-list .i{width:34px;height:34px;color:var(--volt);margin-bottom:20px}
.values-list h3{font-size:22px;margin-bottom:8px}
.values-list p{color:var(--muted);margin:0}
.cities{display:grid;gap:12px}
.city{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--r-m);text-decoration:none;transition:border-color .25s,transform .25s var(--ease)}
.city span{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(75,75,255,.08);color:var(--volt)}
.city strong{font:700 20px var(--f-d)}
.city small{color:var(--muted);font-size:14.5px;line-height:1.5}
.city:hover{border-color:var(--volt);transform:translateY(-2px)}
.wordmarks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.wordmarks li{display:grid;place-items:center;min-height:130px;padding:20px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);
  font:700 clamp(19px,1.8vw,24px) "Bricolage Grotesque",sans-serif;color:#8B90B0;text-align:center;transition:color .3s,background .3s}
.wordmarks li:hover{color:var(--text);background:var(--paper)}
.contact-more{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.cm{display:flex;gap:16px;align-items:flex-start;padding:26px;border-radius:var(--r-m);background:var(--paper);text-decoration:none;transition:background .25s}
.cm>.i{width:26px;height:26px;color:var(--volt)}
.cm span{display:grid;gap:4px}
.cm small{color:var(--muted);font-size:14.5px;line-height:1.5}
.cm:hover{background:#E8EAF7}
/* video rail: flex-grow is each card's aspect ratio, so a 16:9 and two 9:16 covers end up the same height */
.vids{padding-bottom:0}
.vrail{display:flex;gap:20px;align-items:flex-start}
.vcard{margin:0;min-width:0;flex:1.7778 1 0}
.vcard.v{flex-grow:.5625}
.vcard .yt{aspect-ratio:16/9;border-radius:var(--r-m);box-shadow:0 30px 60px -30px rgba(7,11,36,.55),0 0 0 1px var(--line)}
.vcard.v .yt{aspect-ratio:9/16}
.vcard .yt-play{width:68px;height:68px;margin:-34px 0 0 -34px}
.vcard.v .yt-play{width:56px;height:56px;margin:-28px 0 0 -28px}
.vcard.v .yt-play .i{width:22px;height:22px}
.vcard figcaption{display:grid;gap:2px;padding-top:16px}
.vcard figcaption strong{font:700 18px/1.25 var(--f-d)}
[dir=rtl] .vcard figcaption strong{font-weight:600}
.vcard figcaption span{color:var(--muted);font-size:14.5px;line-height:1.45}
.vrail.many{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.vrail.many .vcard:not(.v){grid-column:span 2}
.empty-note{display:flex;gap:14px;align-items:flex-start;padding:28px;border-radius:var(--r-m);background:var(--paper);color:var(--muted);max-width:760px;margin:0}
.empty-note .i{width:26px;height:26px;color:var(--volt);flex:none}
.legal h2{margin-top:1.6em}
.nf-code{font:800 clamp(90px,14vw,180px)/1 var(--f-d);color:var(--volt);margin:0 0 12px;letter-spacing:-.05em}

/* footer */
.ftr{padding:88px 0 calc(32px + env(safe-area-inset-bottom,0px))}
.ftr-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid var(--line-d)}
.ftr-brand p{color:var(--on-dark-2);margin:20px 0;max-width:30ch;font-size:15.5px}
.ftr-soc{display:flex;gap:10px}
.ftr-soc a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-d);transition:.25s}
.ftr-soc a:hover{background:var(--volt);border-color:var(--volt)}
.ftr-soc .i{width:18px;height:18px}
.ftr h2{font:600 14px var(--f-b);letter-spacing:.02em;color:var(--halo);margin-bottom:16px}
.ftr h2.mt{margin-top:28px}
.ftr ul{display:grid;gap:10px}
.ftr ul a{color:var(--on-dark);text-decoration:none;font-size:15px;opacity:.85}
.ftr ul a:hover{opacity:1;color:#fff}
.ftr-c li{display:grid}
.ftr-c small{color:var(--on-dark-2);font-size:13px}
[dir=rtl] .ftr-c a[dir=ltr]{text-align:right}
.ftr-bot{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;padding-top:28px;font-size:14px;color:var(--on-dark-2)}
.ftr-bot p{margin:0}
.ftr-bot a{color:var(--on-dark-2);text-decoration:none}
.ftr-bot a:hover{color:#fff}
.ftr-langs{display:flex;gap:16px}

/* whatsapp float */
.waf{position:fixed;z-index:60;inset-inline-end:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.waf-btn{width:62px;height:62px;border-radius:50%;border:0;background:var(--wa);color:#fff;display:grid;place-items:center;cursor:pointer;
  box-shadow:0 14px 34px -8px rgba(31,175,90,.7);transition:transform .3s var(--ease);position:relative}
.waf-btn::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:ping 2.6s var(--ease) infinite}
.waf-btn .i{width:32px;height:32px}
.waf-btn:hover{transform:scale(1.06)}
.waf-panel{position:absolute;bottom:76px;inset-inline-end:0;width:min(330px,calc(100vw - 40px));background:var(--white);border-radius:22px;padding:16px;
  box-shadow:0 30px 70px -20px rgba(7,11,36,.45),0 0 0 1px var(--line);transform-origin:bottom right;animation:pop .3s var(--ease)}
[dir=rtl] .waf-panel{transform-origin:bottom left}
@keyframes pop{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}
.waf-panel p{font:600 15px var(--f-b);margin:4px 6px 10px}
.waf-panel li{display:flex;align-items:center;gap:6px}
.waf-panel li+li{border-top:1px solid var(--line)}
.waf-panel li>a:first-child{flex:1;display:flex;align-items:center;gap:12px;padding:12px 8px;text-decoration:none;border-radius:12px}
.waf-panel li>a:first-child:hover{background:var(--paper)}
.waf-panel li>a:first-child>.i{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--wa);color:#fff}
.waf-panel span{display:grid}
.waf-panel small{color:var(--muted);font-size:13.5px;text-align:start}
.waf-call{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);text-decoration:none}
.waf-call:hover{border-color:var(--volt);color:var(--volt)}
.waf-call .i{width:18px;height:18px}

/* scroll reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--rd,0s)}
.rv.in{opacity:1;transform:none}

/* root language chooser */
.root{min-height:100vh;display:grid;place-items:center;background:var(--ink);color:var(--on-dark)}
.root-in{width:min(960px,100% - 40px);padding:60px 0;text-align:center}
.root-logo .logo-mark{width:88px;height:54px;margin:0 auto 20px;color:var(--volt)}
.root-h{font-size:clamp(28px,4vw,44px);margin-bottom:40px}
.root-l{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rl{display:grid;gap:10px;padding:28px;border:1px solid var(--line-d);border-radius:var(--r-m);text-decoration:none;text-align:start;transition:.25s}
.rl strong{font:700 22px "Bricolage Grotesque","Readex Pro",sans-serif}
.rl span{color:var(--on-dark-2);font-size:15px;line-height:1.5}
.rl[dir=rtl]{font-family:"Readex Pro",sans-serif}
.rl:hover{border-color:var(--volt);background:rgba(75,75,255,.12)}

/* responsive */
@media (max-width:1180px){
  .nav{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:stretch;gap:0;padding:calc(96px + env(safe-area-inset-top,0px)) var(--pad) calc(32px + env(safe-area-inset-bottom,0px));
    background:var(--ink);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:.35s var(--ease);margin:0}
  .menu-open .nav{opacity:1;visibility:visible;pointer-events:auto}
  .menu-open .hdr{background:var(--ink)}
  .menu-open .waf{opacity:0;visibility:hidden}
  .nav-a{font:600 24px var(--f-d);padding:14px 0;border-radius:0;border-bottom:1px solid var(--line-d)}
  .nav-a:hover,.nav-a[aria-current]{background:none;color:var(--halo)}
  .mega,.nav-mega:hover .mega,.nav-mega:focus-within .mega{position:static;opacity:1;visibility:inherit;transform:none;padding:8px 0 12px}
  .mega-in{grid-template-columns:1fr 1fr;background:none;border:0;box-shadow:none;padding:0}
  .mega a{padding:10px 0;font-size:15px}
  .nav-m-cta{display:block;margin-top:auto}
  .burger{display:block}
  .hdr-cta{display:none}
  .hero-grid,.shero-in,.case-in,.intro-grid,.band-in,.sec-head{grid-template-columns:1fr}
  .ftr-top{grid-template-columns:1fr 1fr}
  .flow-list,.proc-list,.values-list{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .flow-line{display:none}
  .testi-grid{grid-template-columns:1fr 1fr}
  .svc-index.three{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .hdr-in{height:68px;gap:12px}
  .hero{padding-top:calc(100px + env(safe-area-inset-top,0px))}
  .clocks{grid-template-columns:1fr}
  .clocks li+li{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--line-d)}
  .clocks li,.clocks li:not(:last-child){padding:14px 0}
  .svc-index.two,.testi-grid,.offices,.numbers,.contact-more,.flow-list,.proc-list,.values-list,.root-l{grid-template-columns:1fr}
  .wordmarks{grid-template-columns:1fr 1fr}
  .mega-in{grid-template-columns:1fr}
  .svc-index a{gap:14px;padding:20px 0}
  .svc-ic{width:44px;height:44px}
  .ftr-top{grid-template-columns:1fr}
  .local-in{grid-template-columns:1fr}
  .btn{flex:1 1 auto;justify-content:center}
  .hv-cap{padding:18px 18px 20px}
  .vrail{flex-wrap:wrap;gap:14px}
  .vcard{flex:1 1 100%}
  .vcard.v{flex:1 1 calc(50% - 7px)}
  .stat b{font-size:52px}
  .center-link{margin-top:-32px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .display .w>span{transform:none}.hero-video{clip-path:none;translate:none}
  .rv{opacity:1;transform:none}
}

/* logo: /fav.png */
.logo-img{height:40px;width:auto;max-width:120px;display:block;object-fit:contain}
.hdr .logo-img{filter:drop-shadow(0 0 16px rgba(75,75,255,.45))}
.root-logo img{height:64px;width:auto;margin:0 auto 20px;display:block}
.offices.offices-one{grid-template-columns:1fr}
@media (max-width:760px){.logo-img{height:34px}}

/* ---------- testimonials head / case actions ---------- */
.testi-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(28px,3vw,40px)}
.testi-head .h2{margin:0}
.quote blockquote p{font:400 clamp(18.5px,1.45vw,20.5px)/1.55 var(--f-brand)}
[dir=rtl] .quote blockquote p{line-height:1.8}
.case-q{font-family:var(--f-brand);font-weight:400;font-size:clamp(21px,1.9vw,27px)}
.case-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.clients-t{font:400 16.5px/1.4 var(--f-brand)}
.ftr-brand p{font:400 17px/1.55 var(--f-brand);max-width:28ch}

/* ---------- video window ---------- */
.vmodal{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:none;overflow:hidden}
.vmodal[open]{display:grid;place-items:center}
.vmodal::backdrop{background:rgba(4,6,22,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.vm-box{position:relative;width:min(1120px,92vw,calc(82vh*16/9));aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;
  box-shadow:0 40px 120px -20px rgba(75,75,255,.55),0 0 0 1px var(--line-d);animation:vm-in .45s var(--ease)}
.vmodal.v .vm-box{width:min(430px,88vw,calc(84vh*9/16));aspect-ratio:9/16}
.vm-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@keyframes vm-in{from{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:none}}
.vm-x{position:fixed;top:max(16px,env(safe-area-inset-top,0px));inset-inline-end:16px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,transform .25s var(--ease)}
.vm-x:hover{background:var(--volt);transform:rotate(90deg)}
.vm-x::before,.vm-x::after{content:"";position:absolute;width:18px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.vm-x::after{transform:rotate(-45deg)}
html.locked,html.locked body{overflow:hidden}

/* ---------- brand identity (about) ---------- */
.brand-id{position:relative;overflow:hidden}
.brand-id::before{content:"";position:absolute;width:760px;height:760px;inset-inline-end:-260px;top:-320px;border-radius:50%;background:radial-gradient(circle,rgba(26,28,209,.7),transparent 65%)}
.brand-in{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(40px,6vw,96px);align-items:center}
.brand-k{font:600 13px/1 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--halo);margin:34px 0 14px}
[dir=rtl] .brand-k{letter-spacing:0;font-size:15px}
.brand-chips{display:flex;flex-wrap:wrap;gap:10px}
.brand-chips li{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border:1px solid var(--line-d);border-radius:999px;font-size:14px;transition:border-color .25s,transform .25s var(--ease)}
[dir=rtl] .brand-chips li{padding:7px 7px 7px 14px}
.brand-chips li:hover{border-color:var(--c);transform:translateY(-2px)}
.brand-chips i{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.brand-chips code{font:500 12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--on-dark-2)}
.brand-type{display:flex;align-items:baseline;gap:18px;margin:0}
.brand-type span{font:400 76px/1 var(--f-brand);color:#fff}
.brand-type b{font:400 22px/1 var(--f-brand);color:var(--on-dark-2)}
.btn small{font-weight:500;font-size:13px;opacity:.75}
.brand-shot{display:block;border-radius:var(--r-l);overflow:hidden;rotate:2deg;box-shadow:0 50px 100px -40px rgba(26,28,209,.9),0 0 0 1px var(--line-d)}
[dir=rtl] .brand-shot{rotate:-2deg}
.brand-shot.rv,.brand-shot{transition:opacity .9s var(--ease),transform .9s var(--ease),rotate .7s var(--ease),scale .7s var(--ease)}
.brand-shot:hover{rotate:0deg;scale:1.02}
.brand-shot img{width:100%;height:auto}

/* ---------- motion ---------- */
/* brand ribbons drawing themselves behind every hero */
.ribbon{position:absolute;inset:0;width:100%;height:100%;translate:0 calc(var(--sc,0)*.14px)}
.rb{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.8s .15s var(--ease) forwards}
.rb-1{stroke:rgba(75,75,255,.14);stroke-width:120}
.rb-2{stroke:rgba(169,172,255,.055);stroke-width:84;animation-delay:.55s}
.rb-3{stroke:rgba(169,172,255,.5);stroke-width:1.2;animation-duration:3.6s;vector-effect:non-scaling-stroke}
@keyframes draw{to{stroke-dashoffset:0}}
/* pointer spotlight on dark heroes */
.hero-bg::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .6s;
  background:radial-gradient(460px circle at var(--mx,70%) var(--my,30%),rgba(169,172,255,.17),transparent 70%)}
.lit .hero-bg::after{opacity:1}
/* sub-hero entrance */
.shero .crumbs,.shero .sh-ic,.shero .lead,.shero .btns,.sh-side{animation:fade .8s var(--ease) both}
.shero .sh-ic{animation-delay:.05s}.shero .lead{animation-delay:.25s}.shero .btns{animation-delay:.38s}.sh-side{animation-delay:.5s}
/* scroll progress */
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;pointer-events:none;transform:scaleX(var(--p,0));transform-origin:0 50%;
  background:linear-gradient(90deg,var(--volt),var(--halo) 70%,var(--lime))}
[dir=rtl] .progress{transform-origin:100% 50%;background:linear-gradient(270deg,var(--volt),var(--halo) 70%,var(--lime))}
/* heading mask reveal */
.rvh{opacity:0;filter:blur(12px);transform:translateY(22px);transition:opacity 1s var(--ease),filter 1s var(--ease),transform 1s var(--ease)}
.rvh.in{opacity:1;filter:none;transform:none}
/* button sheen */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.btn:hover::after{transform:translateX(120%);transition:transform .8s var(--ease)}
/* cursor-following glow on cards */
@media (hover:hover){
  .office:hover,.proc-list li:hover,.city:hover{background-image:radial-gradient(280px circle at var(--sx,50%) var(--sy,50%),rgba(75,75,255,.11),transparent 70%)}
  .office,.proc-list li{transition:opacity .9s var(--ease) var(--rd,0s),transform .9s var(--ease) var(--rd,0s),translate .4s var(--ease),border-color .3s,box-shadow .4s}
  .office:hover,.proc-list li:hover{border-color:rgba(75,75,255,.5);translate:0 -4px;box-shadow:0 24px 50px -30px rgba(75,75,255,.55)}
}
/* kinetic tagline strip (text comes from data-t, so nothing is duplicated in the document) */
.kin{position:relative;display:flex;overflow:hidden;white-space:nowrap;user-select:none;margin-bottom:clamp(44px,5vw,72px);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.kin-track{display:flex;flex:none;align-items:center;gap:clamp(26px,3.6vw,56px);padding-inline-end:clamp(26px,3.6vw,56px);animation:marq 48s linear infinite}
[dir=rtl] .kin-track{animation-name:marq-r}
.kin span::before{content:attr(data-t);display:block;font:400 clamp(40px,6.2vw,94px)/1.25 var(--f-brand);color:transparent;-webkit-text-stroke:1.2px rgba(169,172,255,.5)}
.kin .alt::before{color:var(--on-dark);-webkit-text-stroke:0}
[dir=rtl] .kin span::before{-webkit-text-stroke:0;color:rgba(169,172,255,.34);line-height:1.6}
[dir=rtl] .kin .alt::before{color:var(--on-dark)}
.kin i{flex:none;width:clamp(10px,1.1vw,16px);aspect-ratio:1;border-radius:50%;background:var(--lime)}
/* footer wordmark */
.ftr-word{overflow:hidden;padding:clamp(28px,4vw,56px) 0 0;direction:ltr}
.ftr-word span::before{content:attr(data-t);display:block;text-align:center;white-space:nowrap;font:400 clamp(30px,9.1vw,118px)/1.1 var(--f-brand);letter-spacing:-.02em;
  background:linear-gradient(180deg,rgba(169,172,255,.55),rgba(169,172,255,.05));-webkit-background-clip:text;background-clip:text;color:transparent;
  transform:translateY(70%);transition:transform 1.4s var(--ease)}
.ftr-word.in span::before{transform:none}
.ftr-top{border-bottom:0;padding-bottom:0}
.ftr-bot{border-top:1px solid var(--line-d);margin-top:clamp(20px,3vw,36px)}
/* smooth cross-page fade (browsers without support simply navigate as usual) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:vt-out .2s ease both}
  ::view-transition-new(root){animation:vt-in .36s ease both}
}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0}}
@media (max-width:1180px){.brand-in{grid-template-columns:1fr}.brand-shot{max-width:640px}}
@media (max-width:760px){.brand-type span{font-size:60px}.logo-t{font-size:14.5px}.testi-head{display:grid;gap:12px;justify-content:start}
  .brand-shot,[dir=rtl] .brand-shot{rotate:0deg}}
@media (max-width:340px){.logo-t{display:none}}
@media (prefers-reduced-motion:reduce){
  .rvh{opacity:1;filter:none;transform:none}.rb{stroke-dashoffset:0}.ribbon,.hero-video{translate:none}
  .kin-track{animation:none}.ftr-word span::before{transform:none}.btn::after{display:none}
}
.root-h{font-family:var(--f-brand);font-weight:400;text-transform:lowercase;letter-spacing:0}

/* =====================================================================
   v8 — service groups, grouped mega menu, richer service pages, mock panels
   ===================================================================== */
/* ---------- grouped mega menu ---------- */
.mg-h{display:flex;align-items:center;gap:10px;margin:0}
.mg-l{display:grid;gap:2px}
.mega a[aria-current]{background:rgba(75,75,255,.22);color:#fff}
@media (min-width:1181px){
  .hdr-in{position:relative}
  .nav{align-self:stretch}
  .nav-mega{position:static;align-self:stretch;display:flex;align-items:center}
  .mega{inset-inline:var(--pad);top:100%;padding-top:0}
  .mega-in{grid-template-columns:1.2fr 1.2fr 1.15fr 1fr 1fr;gap:8px 16px;padding:22px 18px}
  .mg-h{margin:0 0 8px;padding:0 10px 12px;border-bottom:1px solid var(--line-d);font:600 12.5px/1.2 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--halo)}
  [dir=rtl] .mg-h{letter-spacing:0;font-size:14px}
  .mg-h .i{width:18px;height:18px}
  .mg-c{display:none}
  .mega a{padding:9px 10px;font-size:14.5px;gap:10px}
  .mega a .i{width:18px;height:18px}
}
@media (max-width:1180px){
  .mega-in{grid-template-columns:1fr;gap:0}
  .mg{border-bottom:1px solid var(--line-d)}
  .mg-h{padding:13px 0;font:600 17px/1.2 var(--f-b);color:var(--on-dark);cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mg-h>.i:first-child{color:var(--halo)}
  .mg-c{margin-inline-start:auto;width:18px;height:18px;transition:transform .3s var(--ease)}
  .mg.open .mg-c{transform:rotate(180deg)}
  .mg-l{grid-template-columns:1fr 1fr;gap:0 16px;padding:0 0 12px}
  .js .mg-l{display:none}
  .js .mg.open .mg-l{display:grid}
  .mega a{padding:9px 0;font-size:15px}
  .mega a[aria-current]{padding-inline:10px;margin-inline:-10px}
}
@media (max-width:760px){.mg-l{grid-template-columns:1fr}}

/* ---------- hero proof ---------- */
.proof{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:30px;opacity:0;animation:fade .8s 1s forwards}
.proof li{display:flex;align-items:baseline;gap:10px}
.proof b{font:800 clamp(26px,2.4vw,34px)/1 var(--f-d);color:#fff;letter-spacing:-.02em}
.proof span{color:var(--on-dark-2);font-size:15px}

/* ---------- 5-step funnel ---------- */
.flow-list.n5{grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,28px)}
.flow-list.n5 .flow-step h3{font-size:clamp(18px,1.5vw,21px)}
.flow-list.n5 .flow-step p{font-size:15px}

/* ---------- shared: tags, group icon ---------- */
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags li{padding:7px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:14px;font-weight:500;line-height:1.3}
.grp-ic{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:rgba(75,75,255,.09);color:var(--volt)}
.grp-ic .i{width:22px;height:22px}

/* ---------- home: grouped services ---------- */
.grp-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.grp{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--white);
  transition:opacity .9s var(--ease) var(--rd,0s),transform .9s var(--ease) var(--rd,0s),border-color .3s,box-shadow .4s}
.grp:hover{border-color:rgba(75,75,255,.45);box-shadow:0 30px 60px -36px rgba(75,75,255,.55)}
.grp header{display:flex;gap:14px;align-items:center;margin-bottom:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.grp h3{font-size:22px}
.grp header p{margin:3px 0 0;color:var(--muted);font-size:14.5px;line-height:1.4}
.grp ul{display:grid}
.grp li a{display:flex;align-items:center;gap:12px;padding:11px 10px;margin-inline:-10px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;transition:background .25s,color .25s}
.grp li a>.i:first-child{color:var(--volt)}
.grp li a span{flex:1}
.grp .go{width:16px;height:16px;opacity:0;transform:translateX(-6px);transition:.3s var(--ease)}
.grp li a:hover{background:var(--paper);color:var(--volt)}
.grp li a:hover .go{opacity:1;transform:none}
[dir=rtl] .grp .go{transform:scaleX(-1) translateX(-6px)}
[dir=rtl] .grp li a:hover .go{transform:scaleX(-1)}
.grp-mkt{grid-row:span 2;background:linear-gradient(165deg,#161D7A,var(--ink) 78%);border-color:transparent;color:var(--on-dark)}
.grp-mkt header{border-color:var(--line-d)}
.grp-mkt header p{color:var(--on-dark-2)}
.grp-mkt .grp-ic{background:rgba(169,172,255,.14);color:var(--halo)}
.grp-mkt li a{padding-block:15px;font-size:17.5px}
.grp-mkt li+li{border-top:1px solid var(--line-d)}
.grp-mkt li a>.i:first-child{color:var(--halo)}
.grp-mkt li a:hover{background:rgba(169,172,255,.12);color:#fff}
.grp-all{margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;gap:8px;color:var(--halo);font-weight:600;text-decoration:none}
.grp-all .i{width:16px;height:16px;transition:transform .25s var(--ease)}
.grp-all:hover .i{transform:translateX(4px)}
[dir=rtl] .grp-all .i{transform:scaleX(-1)}

/* ---------- services hub: group sections ---------- */
.grp-sec+.grp-sec{margin-top:clamp(56px,7vw,96px)}
.grp-sec{scroll-margin-top:100px}
.grp-sec-h{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.grp-sec-h .h2{margin:0;font-size:clamp(26px,2.6vw,36px)}
.grp-sec-h p{margin:4px 0 0;color:var(--muted)}
.grp-sec-h .grp-ic{width:56px;height:56px;border-radius:16px}
.grp-sec-h .grp-ic .i{width:26px;height:26px}

/* ---------- service page ---------- */
.svc-intro .intro-grid{grid-template-columns:1fr 1fr;align-items:center}
.svc-intro.k-crm .intro-grid{grid-template-columns:.85fr 1.15fr}
.scope{margin-top:34px}
.scope-h{font:600 13px/1 var(--f-b);letter-spacing:.09em;text-transform:uppercase;color:var(--volt);margin:0 0 14px}
[dir=rtl] .scope-h{letter-spacing:0;font-size:15px}
.feats{background:var(--paper)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feat-grid li{background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);padding:26px;
  transition:opacity .9s var(--ease) var(--rd,0s),transform .9s var(--ease) var(--rd,0s),border-color .3s,box-shadow .4s}
.feat-grid li:hover{border-color:rgba(75,75,255,.45);box-shadow:0 24px 50px -32px rgba(75,75,255,.55)}
.feat-grid .i{width:38px;height:38px;padding:9px;border-radius:12px;background:rgba(75,75,255,.09);color:var(--volt);margin-bottom:18px}
.feat-grid h3{font:700 19px/1.3 var(--f-d);letter-spacing:-.01em;margin-bottom:6px}
[dir=rtl] .feat-grid h3,[dir=rtl] .mod-grid h3,[dir=rtl] .steps-list h3{font-weight:600;letter-spacing:0}
.feat-grid p{color:var(--muted);font-size:15.5px;margin:0}
.mod-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.mod-grid li{padding:24px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);
  transition:opacity .9s var(--ease) var(--rd,0s),transform .9s var(--ease) var(--rd,0s),background .3s}
.mod-grid li:hover{background:var(--paper)}
.mod-n{display:block;font:700 13px var(--f-b);color:var(--volt);margin-bottom:14px;letter-spacing:.06em}
.mod-grid h3{font:700 18px/1.3 var(--f-d);margin-bottom:6px}
.mod-grid p{font-size:15px;color:var(--muted);margin:0}
.steps{position:relative;overflow:hidden}
.steps::before{content:"";position:absolute;width:720px;height:720px;inset-inline-end:-260px;top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(75,75,255,.45),transparent 65%);pointer-events:none}
.steps>.wrap{position:relative}
.steps-head{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,56px)}
.steps-head .h2{margin:0}
.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(24px,3vw,48px)}
.steps-list li{position:relative;padding:28px 0 36px;border-top:1px solid var(--line-d)}
.steps-list li::before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:100%;height:2px;background:linear-gradient(90deg,var(--volt),var(--lime));transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s var(--ease) var(--rd,0s)}
[dir=rtl] .steps-list li::before{transform-origin:100% 50%;background:linear-gradient(270deg,var(--volt),var(--lime))}
.steps-list li.in::before{transform:none}
.st-n{display:block;font:800 clamp(40px,4vw,56px)/1 var(--f-d);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.2px rgba(169,172,255,.6);margin-bottom:18px;transition:color .4s,-webkit-text-stroke-color .4s;direction:ltr;text-align:start;unicode-bidi:isolate}
[dir=rtl] .st-n{text-align:right}
.steps-list li:hover .st-n{color:var(--volt);-webkit-text-stroke-color:var(--volt)}
.steps-list h3{font-size:22px;margin-bottom:8px;color:#fff}
.steps-list p{color:var(--on-dark-2);font-size:16px;margin:0;max-width:34ch}

/* ---------- testimonials: featured quote + videos ---------- */
.testi-feat{display:grid;gap:clamp(28px,4vw,72px)}
.testi-feat.has-v{grid-template-columns:1.2fr auto;align-items:center}
.quote-big{border-top:0;padding-top:0}
.quote-big blockquote p{font-size:clamp(22px,2.3vw,32px);line-height:1.45}
[dir=rtl] .quote-big blockquote p{line-height:1.7}
.quote-big .stars .i{width:20px;height:20px}
.quote-big figcaption strong{font-size:18px}
.testi-v{display:flex;gap:16px}
.testi-v .vcard{flex:none;width:clamp(150px,15vw,200px)}

/* ---------- references: case cards ---------- */
.cases{padding-bottom:0}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.case-card{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--line);border-radius:var(--r-l);
  transition:opacity .9s var(--ease) var(--rd,0s),transform .9s var(--ease) var(--rd,0s),border-color .3s,box-shadow .4s}
.case-card:hover{border-color:rgba(75,75,255,.45);box-shadow:0 30px 60px -36px rgba(75,75,255,.55)}
.case-card h3{font-size:26px}
.case-card p{color:var(--muted);margin:0;font-size:16px}
.case-card .tags li{font-size:13px;padding:5px 12px}

/* ---------- footer: long service list in two columns ---------- */
.ftr-top{grid-template-columns:1.15fr 1.7fr 1fr 1fr}
.ftr-svc ul{display:block;columns:2;column-gap:28px}
.ftr-svc li{break-inside:avoid;margin-bottom:10px}

/* ---------- illustrative mock panels ---------- */
.mk-wrap{min-width:0}
.mk{position:relative;margin:0;padding:clamp(18px,2.4vw,30px);border-radius:var(--r-l);background:linear-gradient(160deg,#EEF0FB,#E2E5F8);display:grid;gap:14px;overflow:hidden;isolation:isolate;font-family:var(--f-b);line-height:1.3;color:var(--text)}
.mk::before{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;inset-inline-end:-22%;top:-30%;border-radius:50%;background:radial-gradient(circle,rgba(75,75,255,.3),transparent 65%)}
.mk [data-t]::before{content:attr(data-t)}
.mk-note{margin:10px 6px 0;font-size:12.5px;color:#8A8FB0;text-align:end}
.mk-win{background:#fff;border-radius:16px;box-shadow:0 24px 50px -28px rgba(7,11,36,.45),0 0 0 1px rgba(7,11,36,.05);overflow:hidden;min-width:0}
.mk-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid #EEF0F7}
.mk-bar i{width:9px;height:9px;border-radius:50%;background:#D9DCEB;flex:none}
.mk-url{margin-inline-start:10px;padding:4px 12px;border-radius:999px;background:#F3F4FA;font-size:11.5px;color:#7A80A3;direction:ltr}
.mk-body{padding:16px;display:grid;gap:12px}
.sk{display:block;height:8px;border-radius:4px;background:#E6E8F3}
.sk.b{height:10px;background:#C9CDE2}
.w10{width:10%}.w20{width:20%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}
.mk-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px}
.mk-kpi{background:#fff;border-radius:14px;padding:14px;display:grid;gap:5px;align-content:start;box-shadow:0 14px 30px -22px rgba(7,11,36,.5),0 0 0 1px rgba(7,11,36,.05);min-width:0}
.mk-kpi .v{font:800 22px/1 var(--f-d);letter-spacing:-.02em;direction:ltr;unicode-bidi:isolate;text-align:start}
[dir=rtl] .mk-kpi .v{text-align:right}
.mk-kpi .l{font-size:12px;color:#7A80A3}
.mk-kpi.good .v{color:#12925A}
.mk-tag{justify-self:start;padding:3px 9px;border-radius:999px;background:var(--volt);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.mk-chip{padding:5px 11px;border-radius:999px;background:#F3F4FA;border:1px solid #E3E6F2;font-size:11.5px;font-weight:600;color:#3B4168;white-space:nowrap}
.mk-chip.on{background:rgba(75,75,255,.1);border-color:rgba(75,75,255,.35);color:var(--volt);direction:ltr}
.mk span.b{font-weight:700;font-size:13.5px}
.mk span.s{font-size:11.5px;color:#7A80A3}
.mk span.n{font-size:12.5px;color:#3B4168;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk span.mnum{font-weight:700;font-size:13px;direction:ltr;text-align:end}
.mk span[data-t]{display:block}
.mk-dot{width:9px;height:9px;border-radius:50%;background:var(--volt);flex:none}
.mk-dot.ok,.mk-dot.d1{background:var(--wa)}.mk-dot.d2{background:#E0A526}.mk-dot.d3{background:#8E5BFF}
.mk-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--volt),var(--halo));flex:none;display:block}
.mk-av.sm{width:16px;height:16px}
.mk-av.a1{background:linear-gradient(135deg,#1FAF5A,#8ED7AC)}.mk-av.a2{background:linear-gradient(135deg,#E0A526,#FFE09A)}.mk-av.a3{background:linear-gradient(135deg,#8E5BFF,#D2BFFF)}
.mk-toast{position:absolute;inset-inline-end:16px;top:20px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#fff;font-size:12.5px;font-weight:600;box-shadow:0 18px 36px -16px rgba(7,11,36,.55);animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px)}}
.mk-track{height:10px;border-radius:5px;background:#EEF0F7;overflow:hidden;display:block}
.mk-track i{display:block;height:100%;width:var(--w);border-radius:5px;background:linear-gradient(90deg,var(--volt),var(--halo));transition:width 1.4s var(--ease) .25s}
.mk.rv:not(.in) .mk-track i{width:0}
.mk-play{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;color:#fff}
.mk-play svg{width:18px;height:18px}
.mk-play.lg{width:60px;height:60px}.mk-play.lg svg{width:24px;height:24px}
.mk-btn{display:block;width:78px;height:24px;border-radius:999px;background:var(--lime);margin-top:6px}
.mk-btn.sm{width:100%;height:20px;background:var(--volt);margin-top:2px}
/* search / ads */
.mk-search{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;border:1px solid #E3E6F2;font-size:13px;color:#3B4168}
.mk-lens{width:13px;height:13px;border:2px solid #9AA0C2;border-radius:50%;position:relative;flex:none}
.mk-lens::after{content:"";position:absolute;width:6px;height:2px;background:#9AA0C2;right:-6px;bottom:-3px;transform:rotate(45deg)}
.mk-res{display:grid;gap:7px;padding:2px}
.mk-res.top{padding:14px;border-radius:12px;background:rgba(75,75,255,.06);border:1px solid rgba(75,75,255,.22)}
.mk-link{font-size:13.5px;font-weight:700;color:var(--volt);direction:ltr;text-align:start}
[dir=rtl] .mk-link{text-align:right}
.mk-chart{background:#fff;border-radius:14px;padding:14px 14px 0;display:grid;gap:6px;box-shadow:0 14px 30px -22px rgba(7,11,36,.5),0 0 0 1px rgba(7,11,36,.05)}
.mk-cap{font-size:12px;color:#7A80A3}
.mk-spark{width:100%;height:84px;display:block}
.mk-spark .ln{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 2s var(--ease) .2s}
.mk.rv:not(.in) .mk-spark .ln{stroke-dashoffset:1}
/* social ad */
.mk-split{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;align-items:start}
.mk-post{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(7,11,36,.45),0 0 0 1px rgba(7,11,36,.05)}
.mk-ph{display:flex;align-items:center;gap:10px;padding:12px 14px}
.mk-ph div{display:grid;gap:1px}
.mk-img{aspect-ratio:1/1;background:linear-gradient(140deg,#1A1CD1,#4B4BFF 55%,#A9ACFF);display:grid;place-items:center}
.mk-cta{margin:12px 14px 14px;padding:10px;border-radius:999px;background:var(--wa);color:#fff;text-align:center;font-size:12.5px;font-weight:700}
.mk-col{display:grid;gap:10px}
/* channel bars / marketplace */
.mk-bars{display:grid;gap:14px}
.mk-bar-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px}
.mk-mrow{display:grid;grid-template-columns:84px 1fr 44px;gap:12px;align-items:center}
.mk-mrow.h span:nth-child(2){justify-self:start}
/* AI creative variants */
.mk-head{display:flex;align-items:center;gap:10px}
.mk-ai{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--volt),#8E5BFF);display:grid;place-items:center;color:#fff;flex:none}
.mk-ai svg{width:15px;height:15px}
.mk-vars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mk-var{aspect-ratio:4/5;border-radius:10px;position:relative;background:linear-gradient(160deg,#E3E6F5,#C9CDE2)}
.mk-var.v2{background:linear-gradient(160deg,#1A1CD1,#A9ACFF)}.mk-var.v3{background:linear-gradient(160deg,#FFF0C9,#F2C25C)}.mk-var.v4{background:linear-gradient(160deg,#D9F7E5,#86D3A6)}
.mk-var.win{outline:2px solid var(--volt);outline-offset:2px}
.mk-var .ok{position:absolute;top:6px;inset-inline-end:6px;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--volt);display:grid;place-items:center}
.mk-var .ok svg{width:12px;height:12px}
/* AI answer */
.mk-q{justify-self:end;max-width:84%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:var(--volt);color:#fff;font-size:13px}
[dir=rtl] .mk-q{border-radius:16px 16px 16px 4px}
.mk-a{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.mk-a>div{display:grid;gap:9px;padding:14px;border-radius:4px 16px 16px 16px;background:#F3F4FA;min-width:0}
[dir=rtl] .mk-a>div{border-radius:16px 4px 16px 16px}
.mk-rec{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(75,75,255,.3)}
.mk-src{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mk-src .sk{width:44px;height:24px;border-radius:999px}
.mk-plat{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;direction:ltr}
.mk-plat span{padding:6px 12px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:#3B4168;box-shadow:0 0 0 1px rgba(7,11,36,.06)}
/* website */
.mk-nav{display:flex;gap:10px;align-items:center}
.mk-nav .sk:first-child{margin-inline-end:auto}
.mk-hero{border-radius:12px;padding:22px 18px;background:linear-gradient(140deg,#0E1442,#1A1CD1);display:grid;gap:9px}
.mk-hero .sk{background:rgba(255,255,255,.35)}.mk-hero .sk.b{background:rgba(255,255,255,.9)}
.mk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mk-cards i{height:46px;border-radius:10px;background:#F0F1F8}
.mkf-web{padding-bottom:64px}
.mk-gauge{position:absolute;inset-inline-end:22px;bottom:18px;width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-content:center;justify-items:center;gap:2px;box-shadow:0 20px 40px -18px rgba(7,11,36,.55);border:5px solid var(--wa);animation:bob 4s ease-in-out infinite}
.mk-gauge b{font:800 26px/1 var(--f-d);color:#12925A}
.mk-gauge .l{font-size:10px;color:#7A80A3}
/* phone */
.mk-app{background:#fff;border-radius:22px 22px 0 0;padding:26px 14px 14px;display:grid;gap:10px}
.mk-phone{justify-self:center;width:min(230px,72%);border-radius:32px;background:#0B1030;padding:10px;box-shadow:0 30px 60px -28px rgba(7,11,36,.7)}
.mk-notch{width:70px;height:16px;border-radius:0 0 10px 10px;background:#0B1030;margin:0 auto -16px;position:relative;z-index:1}
.mk-tile-lg{height:92px;border-radius:14px;background:linear-gradient(140deg,#1A1CD1,#A9ACFF)}
.mk-list{display:grid;gap:8px}
.mk-list i{height:30px;border-radius:9px;background:#F0F1F8}
.mk-tab{display:flex;justify-content:space-around;padding:12px;background:#fff;border-radius:0 0 22px 22px;border-top:1px solid #EEF0F7}
.mk-tab i{width:18px;height:18px;border-radius:6px;background:#D9DCEB}
.mk-tab i:first-child{background:var(--volt)}
/* store */
.mk-shop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mk-prod{display:grid;gap:7px}
.mk-prod .th{display:block;aspect-ratio:1;border-radius:10px;background:linear-gradient(150deg,#E8EAF7,#D2D6EC)}
.mk-prod.p2 .th{background:linear-gradient(150deg,#DCDDFF,#A9ACFF)}.mk-prod.p3 .th{background:linear-gradient(150deg,#FFF3D6,#F2C96E)}
.mk-cart{display:grid;gap:9px;padding:12px;border-radius:12px;background:#F7F8FC}
.mk-cart .tot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mk-cart .tot .sk{width:56px}
.mk-pay{display:flex;flex-wrap:wrap;gap:6px}
.mkf-ecom,.mkf-shopify,.mkf-app{padding-top:clamp(52px,5vw,64px)}
/* CRM */
.mk-crm .mk-body{grid-template-columns:auto 1fr;gap:14px}
.mk-side{display:grid;gap:10px;align-content:start;padding-inline-end:12px;border-inline-end:1px solid #EEF0F7}
.mk-side i{width:22px;height:22px;border-radius:7px;background:#E6E8F3}
.mk-side i.on{background:var(--volt)}
.mk-main{display:grid;gap:12px;min-width:0}
.mk-crm .mk-kpi{box-shadow:none;background:#F7F8FC;padding:10px 12px}
.mk-crm .mk-kpi .v{font-size:19px}
.mk-kan{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:start}
.mk-kcol{display:grid;gap:7px;padding:8px;border-radius:10px;background:#F7F8FC;min-width:0}
.mk-kcol .kh{font-size:10.5px;font-weight:700;color:#3B4168;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-card{display:grid;gap:5px;padding:8px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(7,11,36,.06)}
.mk-kcol.c3 .mk-card{box-shadow:0 0 0 1.5px rgba(31,175,90,.55)}
.mk-row.two{grid-auto-columns:auto;grid-template-columns:1fr 1fr;grid-auto-flow:row}
.mk-offer,.mk-chat{background:#fff;border-radius:14px;padding:14px;display:grid;gap:9px;align-content:start;box-shadow:0 14px 30px -22px rgba(7,11,36,.5),0 0 0 1px rgba(7,11,36,.05);min-width:0}
.mk-offer .mk-head{justify-content:space-between;flex-wrap:wrap}
.mk-offer .tot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #EEF0F7}
.mk-offer .tot .sk{width:52px}
.mk-tag.ok{background:rgba(31,175,90,.14);color:#12925A}
.mk-q.wa{display:grid;gap:6px;width:78%;background:#DDF6E7}
.mk-q.wa .sk{background:rgba(18,146,90,.3)}
.mk-rep{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;align-items:center}
.mk-rep .sk{grid-column:2}
.mk-rep .mk-ai{width:22px;height:22px;border-radius:7px}
.mk-rep .mk-ai svg{width:12px;height:12px}
/* brand board */
.mk-board{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}
.mk-bt{background:#fff;border-radius:16px;padding:16px;display:grid;gap:10px;min-height:124px;align-content:space-between;box-shadow:0 14px 30px -22px rgba(7,11,36,.5),0 0 0 1px rgba(7,11,36,.05)}
.mk-bt.logo{background:#1A1CD1}
.mk-bt.logo .s{color:rgba(255,255,255,.75)}
.mk-mark{width:56px;height:56px;border-radius:50% 50% 50% 14px;border:8px solid #fff;display:block}
.mk-mark.sm{width:26px;height:26px;border-width:4px;border-color:#1A1CD1}
.mk-bt.type b{font:400 54px/1 var(--f-brand)}
.mk-sw{display:flex;gap:6px}
.mk-sw i{flex:1;height:44px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(7,11,36,.08)}
/* video */
.mk-player{position:relative;aspect-ratio:16/9;border-radius:16px;background:linear-gradient(140deg,#0E1442,#1A1CD1 60%,#4B4BFF);display:grid;place-items:center;overflow:hidden;box-shadow:0 24px 50px -28px rgba(7,11,36,.6)}
.mk-prog{position:absolute;inset-inline:16px;bottom:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.3)}
.mk-prog i{display:block;width:42%;height:100%;border-radius:2px;background:#fff}
.mk-tl{display:grid;gap:6px;padding:12px;border-radius:14px;background:#fff}
.mk-tl i{display:block;height:12px;border-radius:4px}
.mk-tl .t1{width:78%;background:var(--volt)}.mk-tl .t2{width:56%;margin-inline-start:14%;background:var(--halo)}.mk-tl .t3{width:40%;margin-inline-start:34%;background:var(--lime)}
.mkf-video .mk-row{grid-auto-columns:max-content;justify-content:start}
/* analytics */
.mk-data{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:end}
.mk-evs{display:grid;gap:11px;min-width:0}
.mk-ev{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.mk-vbars{display:flex;align-items:flex-end;gap:6px;height:112px}
.mk-vbars i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--volt),var(--halo));transition:height 1.2s var(--ease) .2s}
.mk.rv:not(.in) .mk-vbars i{height:0}

/* ---------- responsive (v8) ---------- */
@media (max-width:1180px){
  .flow-list.n5{grid-template-columns:repeat(2,1fr)}
  .grp-grid{grid-template-columns:1fr 1fr}
  .grp-mkt{grid-row:auto;grid-column:1 / -1}
  .svc-intro .intro-grid,.svc-intro.k-crm .intro-grid{grid-template-columns:1fr}
  .mk-wrap{max-width:640px}
  .feat-grid,.case-grid{grid-template-columns:1fr 1fr}
  .mod-grid{grid-template-columns:repeat(3,1fr)}
  .steps-list{grid-template-columns:1fr 1fr}
  .testi-feat.has-v{grid-template-columns:1fr}
  .ftr-top{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .proof{gap:10px 26px;margin-top:24px}
  .flow-list.n5,.grp-grid,.feat-grid,.case-grid,.steps-list{grid-template-columns:1fr}
  .mod-grid{grid-template-columns:1fr 1fr}
  .mod-grid li{padding:18px}
  .grp{padding:22px}
  .grp-sec-h{gap:14px}
  .steps-head .btn{flex:0 1 auto}
  .testi-v .vcard{flex:1 1 0;width:auto}
  .ftr-top{grid-template-columns:1fr}
  .mk{padding:16px}
  .mk-kpi .v{font-size:19px}
  .mk-kan{grid-template-columns:repeat(2,1fr)}
  .mk-kcol.c1,.mk-kcol.c2{display:none}
  .mk-gauge{width:78px;height:78px}
}
@media (max-width:420px){.ftr-svc ul{columns:1}.mod-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mk-toast,.mk-gauge{animation:none}.steps-list li::before{transform:none}}
@media (min-width:761px){.wordmarks{grid-template-columns:repeat(4,1fr)}}