/* ============================================================
   ВСТАВИТЬ В: Настройки сайта → Вставка кода → Редактировать CSS
   Вставлять БЕЗ тегов  — только сам текст
   ============================================================ */

:root {
  --bg: #ffffff;
  --ink: #1b1c20;
  --ink-soft: rgba(27,28,32,0.6);
  --ink-line: rgba(27,28,32,0.09);
  --red: #e60029;
  --gradient: linear-gradient(135deg, #ff6f00 0%, #ff2200 45%, #e60029 100%);
  --font-main: 'Gilroy', sans-serif;
}

/* ── Сброс Тильды ── */
body { font-family: var(--font-main) !important; font-weight: 500 !important; -webkit-font-smoothing: antialiased; background: #fff; color: var(--ink); overflow-x: hidden; cursor: none; }
*, *::before, *::after { cursor: none !important; box-sizing: border-box; }
a, button { cursor: none !important; }

/* Убираем все внутренние отступы Тильды */
.t-section { padding: 0 !important; margin: 0 !important; }
.t-section__container { padding: 0 !important; max-width: 100% !important; }
.t-col { padding: 0 !important; }
.t-cell { padding: 0 !important; }
.t-records__holder { padding: 0 !important; }
.t-body { padding-top: 0 !important; }

/* HTML блоки без рамок и фонов */
.t-section_with-bg { background: transparent !important; }

/* ── КУРСОР ── */
#cur { position: fixed; pointer-events: none; z-index: 9999; top: 0; left: 0; }
#cur .c-icon { position: absolute; width: 36px; height: 36px; transform: translate(-50%, -50%); transition: width .35s cubic-bezier(.22,1,.36,1), height .35s cubic-bezier(.22,1,.36,1); animation: rotateCursor 1.8s linear infinite; }
#cur .c-icon img { width: 100%; height: 100%; object-fit: contain; }
body.on-link #cur .c-icon { width: 54px; height: 54px; }
@keyframes rotateCursor { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }

/* ── NAV ── */
nav.ez-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 80px; display: flex !important; align-items: center; padding: 0 48px; background: transparent; transition: background .4s, box-shadow .4s, height .4s; }
nav.ez-nav.scrolled { background: rgba(15,15,18,.96) !important; backdrop-filter: blur(20px); box-shadow: 0 1px 0 rgba(255,255,255,.06); height: 68px; }
.nav-logo { flex-shrink: 0; margin-right: auto; }
.nav-logo img { height: 44px; width: auto; max-width: 160px; object-fit: contain; display: block; }
.nav-menu { display: flex; align-items: center; gap: 28px; margin-right: 32px; }
.nav-link { font-size: 11px; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none !important; color: rgba(255,255,255,.6) !important; transition: color .25s; position: relative; white-space: nowrap; }
.nav-link::after { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; height: 1.5px; background: var(--red); transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.22,1,.36,1); }
.nav-link:hover { color: #fff !important; }
.nav-link:hover::after { transform: scaleX(1); }
.nav-right { display: flex; align-items: center; gap: 20px; flex-shrink: 0; }
.nav-phone { font-size: 13px; font-weight: 700 !important; color: rgba(255,255,255,.75) !important; text-decoration: none !important; white-space: nowrap; transition: color .25s; }
.nav-phone:hover { color: #fff !important; }
.nav-socials { display: flex; align-items: center; gap: 12px; padding-left: 16px; border-left: 1px solid rgba(255,255,255,.12); }
.nav-socials a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,.55) !important; transition: color .25s, transform .25s; border-radius: 50%; text-decoration: none !important; }
.nav-socials a:hover { color: #fff !important; transform: translateY(-2px); }
.nav-socials svg { width: 18px; height: 18px; }
.nav-portfolio { display: flex; align-items: center; gap: 8px; padding: 9px 20px; background: var(--gradient) !important; color: #fff !important; text-decoration: none !important; border-radius: 100px; font-size: 11px; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 4px 14px rgba(230,0,41,.3); transition: transform .3s, box-shadow .3s; white-space: nowrap; }
.nav-portfolio:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(230,0,41,.5); }
.nav-lang { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.7) !important; text-decoration: none !important; border: 1.5px solid rgba(255,255,255,.25); padding: 7px 13px; border-radius: 4px; transition: all .3s; white-space: nowrap; }
.nav-lang:hover { background: #fff; color: var(--ink) !important; border-color: #fff; }

/* ── HERO ── */
.hero { width: 100% !important; height: 100vh !important; min-height: 640px; position: relative; overflow: hidden; display: flex !important; flex-direction: column; justify-content: flex-end; padding: 0 72px 72px; background: #0e0e10 !important; }
.hero-kv { position: absolute; inset: 0; z-index: 0; background: linear-gradient(135deg,#18020a 0%,#0e0e10 55%); }
.hero-kv-grad { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(14,14,16,0) 0%, rgba(14,14,16,.7) 60%, #0e0e10 100%); pointer-events: none; }
.hero-glow { position: absolute; z-index: 1; width: 60vw; height: 60vh; top: 0; right: 0; background: radial-gradient(ellipse at top right, rgba(255,80,0,.18) 0%, transparent 60%); pointer-events: none; animation: glowPulse 6s ease-in-out infinite; }
@keyframes glowPulse { 0%,100%{opacity:1} 50%{opacity:.6} }
.hero-pat { position: absolute; top: 0; right: 0; z-index: 1; width: 42vw; max-width: 580px; opacity: .04; pointer-events: none; }
.hero-float { position: absolute; z-index: 1; pointer-events: none; border-radius: 50%; opacity: .06; animation: floatY 8s ease-in-out infinite; }
.hero-float-1 { width: 280px; height: 280px; background: var(--gradient); top: 15%; left: 55%; animation-delay: 0s; }
.hero-float-2 { width: 160px; height: 160px; background: #ff6f00; top: 55%; left: 70%; animation-delay: -3s; }
.hero-float-3 { width: 80px; height: 80px; background: var(--red); top: 30%; left: 80%; animation-delay: -5s; }
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-24px)} }
.hero-inner { position: relative; z-index: 2; display: flex !important; align-items: flex-end; gap: 48px; }
.hero-left { max-width: 860px; }
.hero-logo { display: block; opacity: 0; animation: fadeUp .8s ease .1s forwards; }
.hero-logo img { height: 186px; width: auto; max-width: 200px; object-fit: contain; display: block; }
h1.hh { font-size: clamp(50px, 6.4vw, 104px) !important; line-height: 1.0 !important; letter-spacing: -1px; font-weight: 300 !important; color: #fff !important; margin-bottom: 28px; overflow: visible; padding-bottom: 0.08em; opacity: 0; animation: fadeUp 1s cubic-bezier(.22,1,.36,1) .3s forwards; font-family: var(--font-main) !important; }
h1.hh em { font-style: italic; font-weight: 800 !important; background: var(--gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; padding: 0 0.06em 0.05em 0; letter-spacing: 0; }
.hero-pos { font-size: clamp(15px,1.4vw,18px); font-weight: 400; color: rgba(255,255,255,.45) !important; line-height: 1.75; max-width: 500px; margin-bottom: 40px; opacity: 0; animation: fadeUp .8s ease .6s forwards; }
.hero-pos strong { color: rgba(255,255,255,.8) !important; font-weight: 700; }
.hero-btns { display: flex !important; gap: 12px; flex-wrap: wrap; opacity: 0; animation: fadeUp .8s ease .8s forwards; }
.btn-light { display: inline-flex !important; align-items: center; gap: 10px; padding: 15px 28px; background: #fff !important; color: var(--ink) !important; border-radius: 100px; text-decoration: none !important; font-size: 11px; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(0,0,0,.3); transition: transform .3s, box-shadow .3s; }
.btn-light:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,.4); }
.btn-grad { display: inline-flex !important; align-items: center; gap: 10px; padding: 15px 28px; background: var(--gradient) !important; color: #fff !important; border-radius: 100px; text-decoration: none !important; font-size: 11px; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; box-shadow: 0 6px 20px rgba(230,0,41,.38); transition: transform .3s, box-shadow .3s; }
.btn-grad:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(230,0,41,.55); }
.bi { width: 20px; height: 20px; border-radius: 50%; background: rgba(0,0,0,.1); display: flex; align-items: center; justify-content: center; font-size: 10px; }
.btn-grad .bi { background: rgba(255,255,255,.2); }
.hero-scroll { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); z-index: 2; display: flex !important; flex-direction: column; align-items: center; gap: 8px; opacity: 0; animation: fadeUp .8s ease 1.2s forwards; }
.hero-scroll span { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.3); font-weight: 700; }
.scroll-line { width: 1px; height: 40px; background: linear-gradient(to bottom, rgba(255,255,255,.3), transparent); animation: scrollLine 2s ease-in-out infinite; }
@keyframes scrollLine { 0%{transform:scaleY(0);transform-origin:top} 50%{transform:scaleY(1);transform-origin:top} 50.01%{transform:scaleY(1);transform-origin:bottom} 100%{transform:scaleY(0);transform-origin:bottom} }
@keyframes fadeUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }

/* ── MARQUEE ── */
.mq-section { background: var(--ink) !important; padding: 0 !important; overflow: hidden; border-top: 1px solid rgba(255,255,255,.06); width: 100%; }
.mq-accent-bar { height: 3px; background: var(--gradient); width: 100%; }
.mq-inner { display: flex !important; align-items: stretch; height: 88px; }
.mq-label { flex-shrink: 0; display: flex !important; align-items: center; padding: 0 32px; border-right: 1px solid rgba(255,255,255,.08); white-space: nowrap; }
.mq-label span { font-size: 9px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,.35); }
.mq-track-wrap { flex: 1; overflow: hidden; position: relative; }
.mq-track-wrap::before,.mq-track-wrap::after { content: ''; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 2; pointer-events: none; }
.mq-track-wrap::before { left: 0; background: linear-gradient(90deg,var(--ink),transparent); }
.mq-track-wrap::after  { right: 0; background: linear-gradient(-90deg,var(--ink),transparent); }
.mq-track { display: flex !important; align-items: center; width: max-content; height: 100%; animation: mq 30s linear infinite; gap: 0; }
.mq-track:hover { animation-play-state: paused; }
@keyframes mq { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.mq-item { display: inline-flex !important; align-items: center; gap: 12px; padding: 0 36px; white-space: nowrap; }
.mq-num { font-size: clamp(30px,3vw,48px); font-weight: 900; letter-spacing: -1px; line-height: 1; background: var(--gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.mq-lbl { font-size: clamp(12px,1.1vw,14px); font-weight: 600; color: rgba(255,255,255,.7) !important; max-width: 120px; line-height: 1.3; }
.mq-sep { display: inline-flex; align-items: center; align-self: center; width: 5px; height: 5px; background: rgba(230,0,41,.65); border-radius: 50%; flex-shrink: 0; margin: 0 8px; }

/* ── SERVICES ── */
.services-section { padding: 100px 72px !important; background: #f7f7f8 !important; width: 100%; }
.services-wrap { max-width: 1440px; margin: 0 auto; }
.services-grid { display: grid !important; grid-template-columns: repeat(4,1fr); gap: 2px; margin-top: 52px; }
.srv-card { background: #fff !important; padding: 40px 32px; position: relative; overflow: hidden; transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s; }
.srv-card::before { content: ''; position: absolute; inset: 0; background: var(--gradient); opacity: 0; transition: opacity .4s; z-index: 0; }
.srv-card:hover::before { opacity: 1; }
.srv-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(230,0,41,.2); }
.srv-card:hover .srv-num,.srv-card:hover .srv-title,.srv-card:hover .srv-desc { color: #fff !important; }
.srv-num { font-size: 55px; font-weight: 700; letter-spacing: 2px; color: var(--red) !important; margin-bottom: 32px; position: relative; z-index: 1; transition: color .4s; }
.srv-icon { width: 60px; height: 60px; margin-bottom: 20px; position: relative; z-index: 1; opacity: .7; transition: opacity .4s; color: var(--ink); }
.srv-card:hover .srv-icon { opacity: 1; filter: brightness(0) invert(1); }
.srv-title { font-size: 20px; font-weight: 800 !important; letter-spacing: -.5px; margin-bottom: 12px; position: relative; z-index: 1; transition: color .4s; color: var(--ink) !important; }
.srv-desc { font-size: 13px; line-height: 1.7; color: var(--ink-soft) !important; position: relative; z-index: 1; transition: color .4s; }

/* ── STATS ── */
.stats-section { padding: 112px 72px !important; border-top: 1px solid var(--ink-line); background: #fff !important; width: 100%; }
.stats-wrap { display: grid !important; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; max-width: 1440px; margin: 0 auto; }
.stats-shapes { display: grid !important; grid-template-columns: 180px 1fr; grid-template-rows: auto auto; gap: 20px; }
.s-shape { display: flex !important; align-items: center; justify-content: center; overflow: hidden; color: #fff !important; transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .4s; }
.s-shape:hover { transform: scale(1.05); }
.s-shape-inner { text-align: center; position: relative; z-index: 2; }
.s-n { display: block; font-weight: 900 !important; line-height: 1; letter-spacing: -1px; font-size: clamp(40px,4vw,60px); overflow: visible; color: #fff !important; }
.s-l { display: block; font-size: 13px; font-weight: 500; opacity: .85; margin-top: 8px; line-height: 1.35; color: #fff !important; }
.s1 { grid-column:1;grid-row:1; width:180px;height:250px; border-radius:90px; background:linear-gradient(to top,#F05A25 0%,#E8202B 100%) !important; box-shadow:0 20px 50px rgba(230,0,41,.25); }
.s2 { grid-column:2;grid-row:1; width:100%;aspect-ratio:1;max-width:330px; border-radius:50%; background:linear-gradient(to top,#E4032F 0%,#F05A25 100%) !important; box-shadow:0 24px 60px rgba(230,0,41,.3); align-self:center; }
.s2 .s-n { font-size:clamp(46px,5vw,72px); }
.s3 { grid-column:1;grid-row:2; width:180px;height:160px; border-radius:60px; background:linear-gradient(to top,#126CDE 0%,#014188 100%) !important; box-shadow:0 16px 40px rgba(1,65,136,.25); }
.s4 { grid-column:2;grid-row:2; width:100%;height:160px; border-radius:60px; background:linear-gradient(to top,#F05A25 0%,#E4032F 100%) !important; box-shadow:0 16px 40px rgba(230,0,41,.2); }
.s4 .s-n { font-size:clamp(40px,4.5vw,64px); }
.stats-nps { grid-column:1/-1; display:flex !important; align-items:center; gap:24px; padding-top:28px; border-top:1px solid var(--ink-line); margin-top:8px; }
.nps-badge { width:96px;height:96px; border-radius:50%;flex-shrink:0; background:linear-gradient(to top,#E4032F 0%,#F05A25 100%) !important; box-shadow:0 10px 28px rgba(230,0,41,.22); display:flex !important;flex-direction:column;align-items:center;justify-content:center; color:#fff !important; }
.nps-text { font-size:14px;color:var(--ink-soft) !important;line-height:1.6;max-width:320px; }
.stats-text { padding-top:10px; }
.stats-label { font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase; color:var(--red) !important;display:flex !important;align-items:center;gap:8px;margin-bottom:18px; }
.stats-label::before { content:'';width:18px;height:1.5px;background:var(--red); }
.stats-h2 { font-size:clamp(38px,4.5vw,64px) !important; font-weight:900 !important;letter-spacing:-1px;line-height:1.02; margin-bottom:32px; overflow:visible; color:var(--ink) !important; font-family:var(--font-main) !important; }
.stats-h2 em { font-style:italic;font-weight:300 !important; background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; display:inline-block; padding:0 0.06em 0.05em 0; }
.stats-text p { font-size:16px;color:var(--ink-soft) !important;line-height:1.75;margin-bottom:18px;max-width:520px; }
.stats-text p strong { color:var(--ink) !important;font-weight:700; }

/* ── COUNTRIES ── */
.countries-section { padding: 112px 72px !important; background: #fff !important; width: 100%; }
.sec-head { display:flex !important;justify-content:space-between;align-items:flex-end; max-width:1440px;margin:0 auto 48px; padding-bottom:28px;border-bottom:1px solid var(--ink-line);gap:40px; }
.sec-tag { font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase; color:var(--red) !important;display:flex !important;align-items:center;gap:8px;margin-bottom:12px; }
.sec-tag::before { content:'';width:18px;height:1.5px;background:var(--red); }
.sec-h2 { font-size:clamp(40px,4.5vw,68px) !important; font-weight:900 !important;letter-spacing:-1px;line-height:1; overflow:visible; color:var(--ink) !important; font-family:var(--font-main) !important; }
.sec-h2 em { font-style:italic;font-weight:300 !important; background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent; display:inline-block; padding:0 0.06em 0.05em 0; }
.sec-hint { font-size:15px;color:var(--ink-soft) !important;max-width:280px;line-height:1.7;text-align:right; }
.port-band { max-width:1440px;margin:0 auto 24px; display:flex !important;align-items:center;justify-content:space-between;gap:20px; padding:20px 32px; background:var(--ink) !important;border-radius:14px; flex-wrap:wrap; }
.port-band-text { font-size:15px;color:rgba(255,255,255,.5) !important;font-weight:500; }
.port-band-text strong { color:#fff !important;font-weight:700; }
.port-band-btn { display:inline-flex !important;align-items:center;gap:10px; padding:12px 24px;background:var(--gradient) !important;color:#fff !important; border-radius:100px;text-decoration:none !important; font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase; box-shadow:0 4px 16px rgba(230,0,41,.35);transition:transform .3s,box-shadow .3s; white-space:nowrap; }
.port-band-btn:hover { transform:translateY(-1px);box-shadow:0 8px 24px rgba(230,0,41,.5); }
.pbi { width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:9px; }
.cards { display:grid !important;grid-template-columns:repeat(3,1fr); max-width:1440px;margin:0 auto; border:1px solid var(--ink-line);border-radius:16px;overflow:hidden; }
.ccard { position:relative; text-decoration:none !important;color:var(--ink) !important; padding:52px 44px; min-height:460px; display:flex !important;flex-direction:column;justify-content:space-between; border-right:1px solid var(--ink-line); overflow:hidden; transition:color .45s; }
.ccard:last-child { border-right:none; }
.ccard::after { content:'';position:absolute;inset:0; background:var(--gradient);opacity:0; transition:opacity .45s;z-index:0; }
.ccard:hover::after { opacity:1; }
.ccard:hover { color:#fff !important; }
.cc-pat { position:absolute; bottom:-20px; right:-20px; width:155px; height:155px; z-index:1; opacity:.07; pointer-events:none; transition:opacity .45s,transform .45s; border-radius:16px; overflow:hidden; }
.cc-pat img { width:100%; height:100%; object-fit:cover; display:block; }
.ccard:hover .cc-pat { opacity:.18; transform:scale(1.1) rotate(5deg); }
.cc-bar { position:absolute;left:0;top:40px;bottom:40px;width:3px; background:#fff;transform:scaleY(0);transform-origin:bottom; transition:transform .45s cubic-bezier(.22,1,.36,1);z-index:2; }
.ccard:hover .cc-bar { transform:scaleY(1); }
.cc-top { position:relative;z-index:2; }
.cc-num { font-size:40px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--red) !important;margin-bottom:24px;transition:color .3s; }
.ccard:hover .cc-num { color:rgba(255,255,255,.55) !important; }
.cc-flag { width:68px;height:52px;border-radius:4px;object-fit:cover;margin-bottom:18px;box-shadow:0 3px 10px rgba(0,0,0,.12); }
.cc-name { font-size:clamp(30px,2.8vw,42px);font-weight:900 !important;letter-spacing:-1px;line-height:1;margin-bottom:8px; color:var(--ink) !important; }
.ccard:hover .cc-name { color:#fff !important; }
.cc-cities { font-size:13px;font-weight:500;color:var(--ink-soft) !important;letter-spacing:.5px;transition:color .3s; }
.ccard:hover .cc-cities { color:rgba(255,255,255,.6) !important; }
.cc-bot { position:relative;z-index:2;display:flex !important;align-items:flex-end;justify-content:space-between;gap:12px; }
.cc-desc { font-size:14px;line-height:1.65;color:var(--ink-soft) !important;max-width:200px;transition:color .3s; }
.ccard:hover .cc-desc { color:rgba(255,255,255,.65) !important; }
.cc-arrow { width:48px;height:48px;border-radius:50%;flex-shrink:0; background:var(--ink-line);color:var(--ink) !important; display:flex !important;align-items:center;justify-content:center;font-size:18px; transition:all .4s cubic-bezier(.22,1,.36,1); }
.ccard:hover .cc-arrow { background:#fff !important;color:var(--red) !important;transform:rotate(45deg) scale(1.05); }

/* ── FOOTER ── */
footer.ez-footer { background: var(--ink) !important; color: #fff !important; padding: 80px 72px 0; width: 100%; }
.f-cta { text-align: center; padding-bottom: 64px; border-bottom: 1px solid rgba(255,255,255,.07); margin-bottom: 60px; }
.f-super { font-size: clamp(44px,6vw,96px) !important; font-weight: 900 !important; letter-spacing: -1px; line-height: 1; margin-bottom: 36px; overflow: visible; color: #fff !important; font-family: var(--font-main) !important; }
.f-super em { font-style: italic; font-weight: 300 !important; background: var(--gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; padding: 0 0.06em 0.05em 0; }
.f-btn { display: inline-flex !important; align-items: center; gap: 12px; padding: 18px 34px; background: var(--gradient) !important; color: #fff !important; border-radius: 100px; text-decoration: none !important; font-size: 12px; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; box-shadow: 0 8px 24px rgba(230,0,41,.3); transition: transform .3s, box-shadow .3s; }
.f-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(230,0,41,.48); }
.f-bi { width: 20px;height: 20px;border-radius: 50%;background: rgba(255,255,255,.2);display: flex;align-items: center;justify-content: center;font-size: 10px; }
.f-grid { display: grid !important; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 56px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,.07); }
.f-logo-wrap { height: 52px; margin-bottom: 14px; }
.f-logo-wrap img { height: 100%;width: auto;max-width: 180px;object-fit: contain; display: block; }
.f-tag { font-size: 12px; opacity: .4; letter-spacing: .5px; line-height: 1.6; margin-bottom: 20px; color: #fff !important; }
.f-socials { display: flex !important; gap: 12px; align-items: center; }
.f-socials a { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); display: flex !important; align-items: center; justify-content: center; color: rgba(255,255,255,.55) !important; transition: all .3s; text-decoration: none !important; }
.f-socials a:hover { background: var(--gradient) !important; border-color: transparent; color: #fff !important; transform: translateY(-3px); }
.f-socials svg { width: 16px; height: 16px; }
.f-phone-btn { display: inline-flex !important; align-items: center; padding: 14px 28px; background: var(--gradient) !important; color: #fff !important; border-radius: 100px; text-decoration: none !important; font-size: 16px; font-weight: 700 !important; letter-spacing: 0.5px; margin-top: 20px; transition: transform .3s, box-shadow .3s; box-shadow: 0 6px 20px rgba(230,0,41,.3); }
.f-phone-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(230,0,41,.5); }
.f-col h4 { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; color: var(--red) !important; margin-bottom: 16px; }
.f-col a { display: block; color: #fff !important; text-decoration: none !important; font-size: 14px; padding: 4px 0; opacity: .5; transition: opacity .25s, transform .2s; }
.f-col a:hover { opacity: 1; transform: translateX(4px); }
.f-offices {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin-top: 16px !important;
}
 
.f-office-tag {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 7px 16px !important;
  border-radius: 100px !important;
  border: 1.5px solid rgba(255,255,255,.25) !important;
  color: rgba(255,255,255,.7) !important;
  background: transparent !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  transition: all .3s !important;
  line-height: 1 !important;
}
 
.f-office-tag.active {
  background: #E4032E !important;
  border-color: #E4032E !important;
  color: #fff !important;
}
 
.f-office-tag:hover {
  background: #E4032E !important;
  border-color: #E4032E !important;
  color: #fff !important;
}
.f-bot { display: flex !important; justify-content: space-between; align-items: center; font-size: 10px; opacity: .3; letter-spacing: 1px; text-transform: uppercase; padding: 24px 0; color: #fff !important; }

/* ── REVEAL ── */
.rv { opacity:0; transform:translateY(32px); transition:opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); }
.rv.on { opacity:1 !important; transform:none !important; }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s} .d4{transition-delay:.4s}

/* ============================================================
   ДОБАВИТЬ В КОНЕЦ CSS — фикс marquee фигур и цвета
   ============================================================ */



/* ── MOBILE ── */
@media(max-width:900px){
  nav.ez-nav { padding: 0 20px; height: 64px; }
  .nav-menu,.nav-phone,.nav-socials,.nav-portfolio { display: none !important; }
  .hero { padding: 0 24px 48px; }
  .hero-logo img { height: 100px; }
  .stats-section,.countries-section,.services-section,footer.ez-footer { padding-left:24px !important;padding-right:24px !important; }
  .stats-wrap { grid-template-columns:1fr !important;gap:48px; }
  .stats-shapes { grid-template-columns:1fr 1fr !important; }
  .s1{width:100% !important;height:180px;} .s2{max-width:100% !important;} .s3{width:100% !important;} .s4{width:100% !important;}
  .stats-nps{flex-direction:column !important;align-items:flex-start !important;}
  .sec-head{flex-direction:column !important;align-items:flex-start !important;gap:12px;} .sec-hint{text-align:left !important;max-width:100% !important;}
  .cards{grid-template-columns:1fr !important;}
  .ccard{border-right:none !important;border-bottom:1px solid var(--ink-line);min-height:auto !important;padding:32px 28px !important;}
  .ccard:last-child{border-bottom:none !important;}
  .port-band{flex-direction:column !important;align-items:flex-start !important;}
  .f-grid{grid-template-columns:1fr 1fr !important;gap:28px;}
  .f-bot{flex-direction:column !important;gap:8px;text-align:center;}
  .services-grid{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:560px){ .services-grid{grid-template-columns:1fr !important;} }

/* ── MARQUEE финальный фикс ── */
.mq-num {
  background: var(--gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.mq-shape {
  width: 14px !important;
  height: 14px !important;
  margin: 0 24px !important;
}
.mq-shape svg {
  width: 14px !important;
  height: 14px !important;
}

.mq-item {
  padding: 0 8px !important;
  gap: 14px !important;
}

.mq-lbl {
  max-width: none !important;
  white-space: nowrap !important;
}