/* =========================================================================
   ГЛАВНАЯ 4you.cards — «Одна карта — весь мир»
   WOW через всю страницу: кино-акт (герой→статы→глобус) + энергичное
   светлое тело со скролл-анимациями (GSAP ScrollTrigger). Реюз theme.css.
   ========================================================================= */
body{background:var(--paper)}

/* ---------- ТЁМНАЯ ШАПКА (сквозная) ---------- */
.xheader{position:sticky;top:0;z-index:50;background:rgba(8,16,52,.72);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}
.xheader__row{display:flex;align-items:center;gap:22px;height:74px}
.xlogo img{height:28px;display:block}
.xnav{display:flex;align-items:center;gap:2px;margin-left:6px}
.xnav a{padding:9px 13px;border-radius:9px;font-size:15px;font-weight:600;color:#dfe5fb;transition:.14s}
.xnav a:hover{background:rgba(255,255,255,.08);color:#fff}
.xheader__sp{flex:1}
.xheader__ct{display:flex;align-items:center;gap:14px}
.xphone{font-weight:700;font-size:15px;color:#fff;white-space:nowrap}
.xheader__msg{display:flex;gap:8px}
.xheader__msg a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.xheader__msg img{width:22px;height:22px;border-radius:6px}
.xburger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:transparent;cursor:pointer;padding:0;place-items:center}
.xburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;margin:4px auto;transition:.2s}
.is-menu-open .xburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.is-menu-open .xburger span:nth-child(2){opacity:0}
.is-menu-open .xburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.xmobile{position:fixed;inset:74px 0 0;z-index:49;background:#0a1440;padding:22px var(--gutter) 40px;transform:translateX(100%);transition:transform .28s ease;overflow-y:auto;display:none}
.xmobile.is-open{transform:none}
.xmobile a{display:block;padding:15px 4px;font-size:18px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.xmobile .btn{margin-top:22px}

/* ---------- ЕДИНЫЙ ТЁМНЫЙ АКТ (герой → статистика → глобус на одном фоне) ---------- */
.dark-act{position:relative;background:
  radial-gradient(115% 42% at 50% 0%, #16296f 0%, rgba(22,41,111,0) 44%),
  radial-gradient(78% 44% at 84% 100%, rgba(189,6,113,.15) 0%, rgba(189,6,113,0) 55%),
  linear-gradient(180deg,#0a1650 0%,#070f3e 52%,#060e33 100%)}

/* ---------- ГЕРОЙ ---------- */
.xhero{position:relative;overflow:hidden;color:#fff;padding:120px 0 92px;background:transparent}
.xhero__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift 16s ease-in-out infinite}
.aurora.a1{width:620px;height:620px;background:radial-gradient(circle,#BD0671,transparent 62%);top:-180px;right:-120px}
.aurora.a2{width:560px;height:560px;background:radial-gradient(circle,#1f49d6,transparent 62%);bottom:-220px;left:-160px;animation-delay:-6s}
.aurora.a3{width:420px;height:420px;background:radial-gradient(circle,#ff4fa6,transparent 60%);top:42%;left:46%;opacity:.24;animation-delay:-3s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-24px) scale(1.08)}}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;top:52%;left:70%;transform:translate(-50%,-50%)}
.orbit.o1{width:520px;height:520px}.orbit.o2{width:780px;height:780px}.orbit.o3{width:1040px;height:1040px;border-color:rgba(255,255,255,.035)}
.xhero__bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 78%);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 78%)}
.xhero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}

.xeyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9fb0ee;margin-bottom:24px}
.xeyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#3ee08a;box-shadow:0 0 0 4px rgba(62,224,138,.18)}
.xtitle{font-size:clamp(30px,4.1vw,52px);line-height:1.09;font-weight:800;letter-spacing:-.02em;margin:0 0 30px;color:#fff}
.rot{display:inline-block;color:#ff5fae;-webkit-text-fill-color:#ff5fae;will-change:opacity,transform;text-shadow:0 0 34px rgba(255,79,166,.45)}
/* кинетический кикер над реальным H1 */
.xkicker{display:block;font-size:clamp(16px,1.8vw,22px);font-weight:700;color:#aeb8e0;margin-bottom:22px;letter-spacing:-.01em}
.xkicker .rot{font-size:inherit}
/* реальные буллеты героя */
.xfeatures{display:flex;flex-wrap:wrap;gap:15px 30px;margin:0 0 36px}
.xfeatures span{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#dbe3ff}
.xfeatures i{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(62,224,138,.16);color:#3ee08a;display:grid;place-items:center;font-size:12px;font-weight:800;font-style:normal}
.xcta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:32px}
.btn--lg{height:60px;padding:0 32px;font-size:16.5px;border-radius:15px}
.btn--glow{box-shadow:0 10px 34px -8px rgba(189,6,113,.75);animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 10px 34px -10px rgba(189,6,113,.6)}50%{box-shadow:0 14px 44px -8px rgba(189,6,113,.95)}}
.btn--glass{height:60px;padding:0 28px;font-size:16px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;backdrop-filter:blur(6px);cursor:pointer;transition:.16s}
.btn--glass:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.xtrust{display:flex;flex-wrap:wrap;gap:8px}
.xtrust span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#aebae6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:7px 13px}
.xtrust span::before{content:"✓";color:#3ee08a;font-weight:800}

.xstage{position:relative;height:520px;display:grid;place-items:center;perspective:1400px}
.xcard{position:relative;width:420px;height:264px;border-radius:22px;transform-style:preserve-3d;transform:rotateY(-16deg) rotateX(8deg);
  background:linear-gradient(135deg,#1b3bb0 0%,#0a1f6b 42%,#7d0a51 100%);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08) inset;padding:28px 30px;color:#fff}
.xcard::after{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(120deg,rgba(255,255,255,.25),transparent 40%);opacity:.5;pointer-events:none}
.xcard__top{display:flex;justify-content:space-between;align-items:flex-start}
.xcard__brand{font-weight:800;font-size:19px;letter-spacing:-.02em}
.xcard__brand b{color:#ff8dc4}
.xcard__wave{width:26px;height:26px;opacity:.9}
.xcard__chip{width:46px;height:34px;border-radius:7px;margin:30px 0 20px;background:linear-gradient(135deg,#f5d98a,#c9a34e);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.xcard__num{font-family:var(--mono);font-size:19px;letter-spacing:.14em}
.xcard__row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:16px}
.xcard__name{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#dbe3ff;text-transform:uppercase}
.xcard__mc{position:relative;width:52px;height:32px}
.xcard__mc i{position:absolute;top:0;width:32px;height:32px;border-radius:50%}
.xcard__mc i:first-child{left:0;background:#eb001b;opacity:.9}
.xcard__mc i:last-child{right:0;background:#f79e1b;opacity:.9;mix-blend-mode:screen}

.fchip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:9px;background:#fff;color:#141a2e;border-radius:14px;padding:11px 15px;font-weight:700;font-size:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.55);animation:float 6s ease-in-out infinite}
.fchip img{width:22px;height:22px;display:block;border-radius:5px}
.fchip .flag{width:26px;height:19px;border-radius:4px;object-fit:cover}
.fchip--approved{background:#0f7a4e;color:#fff}
.fchip small{display:block;font-weight:500;font-size:11px;color:#7a8398}
.fchip--approved small{color:rgba(255,255,255,.8)}
.f1{top:5%;left:-4%;animation-delay:-1s}.f2{top:1%;right:1%;animation-delay:-3s}
.f3{top:44%;left:-9%;animation-delay:-2s}.f4{bottom:15%;left:2%;animation-delay:-4s}
.f5{bottom:5%;right:-2%;animation-delay:-1.5s}.f6{top:50%;right:-7%;animation-delay:-5s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* вход */
.rise{opacity:0;transform:translateY(26px);animation:rise .8s cubic-bezier(.16,1,.3,1) forwards}
.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.35s}.d5{animation-delay:.45s}
@keyframes rise{to{opacity:1;transform:none}}
.pop{opacity:0;transform:scale(.8);animation:pop .6s cubic-bezier(.16,1.3,.4,1) forwards}
.p1{animation-delay:.5s}.p2{animation-delay:.65s}.p3{animation-delay:.8s}.p4{animation-delay:.95s}.p5{animation-delay:1.1s}.p6{animation-delay:1.25s}
@keyframes pop{to{opacity:1;transform:none}}

/* =========================================================================
   PROOF-STRIP — крупная статистика (count-up) на СТЕКЛЯННОЙ ПЛАШКЕ
   поверх единого тёмного фона .dark-act
   ========================================================================= */
.proof{position:relative;color:#fff;padding:54px 0 60px;background:transparent}
.proof::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 130% at 50% 50%, rgba(91,140,255,.10), transparent 68%)}
.proof__panel{position:relative;border-radius:22px;padding:34px 30px;overflow:hidden;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);
  backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);
  box-shadow:0 34px 80px -34px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.16)}
.proof__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{position:relative;text-align:center;padding:6px 8px}
.stat::after{content:"";position:absolute;right:-10px;top:14%;height:72%;width:1px;background:rgba(255,255,255,.14)}
.stat:last-child::after{display:none}
.stat__num{font-family:var(--mono);font-weight:600;font-size:clamp(40px,5.2vw,62px);line-height:1;letter-spacing:-.02em;color:#fff;
  background:linear-gradient(180deg,#fff 30%,#c7d3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat__num b{-webkit-text-fill-color:#FF74B8;color:#FF74B8;font-weight:600}
.stat__k{margin-top:10px;font-size:13.5px;font-weight:600;color:#aebae6}

/* секции: контейнер для оверлеев/клипа */
.sec-anchor,.wm{position:relative;overflow:hidden}
.sec-anchor .wrap,.wm .wrap{position:relative;z-index:1}

/* =========================================================================
   СПЕЦ-МОМЕНТ «Одна карта — весь мир»
   ========================================================================= */
.wm{background:transparent;color:#fff;padding:var(--s-9) 0}
.wm__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.wm__bg .wa1{width:520px;height:520px;background:radial-gradient(circle,#1f49d6,transparent 62%);top:-160px;left:-120px;opacity:.4}
.wm__bg .wa2{width:520px;height:520px;background:radial-gradient(circle,#BD0671,transparent 62%);bottom:-200px;right:-120px;opacity:.34}
.wm__in{display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center}
.wm__title{font-size:clamp(34px,4.6vw,60px);line-height:1.04;font-weight:800;letter-spacing:-.03em;color:#fff;margin:6px 0 18px}
.wm__title .accent{color:#ff5fae;text-shadow:0 0 34px rgba(255,79,166,.4)}
.wm .lead{color:#c2ccef;max-width:520px;margin-bottom:26px}
.wm__pills{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.wm-pill{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#dbe3ff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:100px;padding:9px 15px}
.wm-pill .dot{width:8px;height:8px;border-radius:50%}
.dot--green{background:#3ee08a;box-shadow:0 0 0 4px rgba(62,224,138,.15)}
.dot--blue{background:#5b8cff;box-shadow:0 0 0 4px rgba(91,140,255,.15)}
.dot--amber{background:#ffc25e;box-shadow:0 0 0 4px rgba(255,194,94,.15)}
.dot--pink{background:#ff74b8;box-shadow:0 0 0 4px rgba(255,116,184,.15)}
.wm__cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

.wm__stage{position:relative;display:grid;place-items:center;min-height:520px}
.globe{position:relative;width:min(520px,100%);aspect-ratio:1/1}
.globe__svg{width:100%;height:100%;display:block;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5))}
/* вращающийся световой блик — ощущение крутящейся сферы */
.globe__sheen{position:absolute;inset:6%;border-radius:50%;pointer-events:none;z-index:1;
  background:radial-gradient(circle at 30% 26%, rgba(255,255,255,.20), rgba(120,170,255,.06) 34%, rgba(255,255,255,0) 58%);
  mix-blend-mode:screen;transform-origin:50% 50%;animation:globespin 18s linear infinite}
@keyframes globespin{to{transform:rotate(360deg)}}
.reduce-motion .globe__sheen{animation:none}
.wm-packet{}
.wm-arc{stroke:url(#none);stroke-width:2.4;stroke-dasharray:1;stroke-dashoffset:0}
.wm-arc:nth-child(odd){stroke:#ff5fae}.wm-arc:nth-child(even){stroke:#5be0f0}
.wm-node{fill:#8FF0B4}
.wm-node:nth-child(2n){fill:#7BC0FF}.wm-node:nth-child(3n){fill:#FF9ACF}
.wm-hub{fill:#fff}
.globe__card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:clamp(140px,42%,188px);aspect-ratio:1.586/1;
  display:flex;flex-direction:column;border-radius:12px;padding:11px 13px;overflow:hidden;
  background:linear-gradient(135deg,#1b3bb0 0%,#0a1f6b 45%,#7d0a51 100%);
  box-shadow:0 24px 48px -16px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.14) inset;z-index:2}
.globe__card::after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 42%);opacity:.5;pointer-events:none}
.globe__card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}
.globe__card-brand{font-weight:800;font-size:clamp(11px,2.5vw,13px);letter-spacing:-.02em;color:#fff}
.globe__card-brand b{color:#ff8dc4}
.globe__card-wave{width:14px;height:14px;opacity:.85;flex:none}
.globe__card-chip{position:relative;z-index:1;width:26px;height:19px;border-radius:4px;margin-top:9px;background:linear-gradient(135deg,#f5d98a,#c9a34e);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.globe__card-num{position:relative;z-index:1;font-family:var(--mono);font-size:clamp(9.5px,2.3vw,11.5px);letter-spacing:.06em;color:#eaeefb;margin-top:auto;white-space:nowrap}
.globe__card-bot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;margin-top:7px}
.globe__card-holder{font-family:var(--mono);font-size:8px;letter-spacing:.05em;color:#c2ccef;text-transform:uppercase}
.globe__card-mc{position:relative;width:26px;height:16px;flex:none}
.globe__card-mc i{position:absolute;top:0;width:16px;height:16px;border-radius:50%}
.globe__card-mc i:first-child{left:0;background:#eb001b;opacity:.92}
.globe__card-mc i:last-child{right:0;background:#f79e1b;opacity:.92;mix-blend-mode:screen}
.wm-logo{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#141a2e;border-radius:12px;padding:9px 13px;font-weight:700;font-size:13px;box-shadow:0 18px 34px -14px rgba(0,0,0,.6);white-space:nowrap;animation:float 7s ease-in-out infinite}
.wm-logo img{width:18px;height:18px;display:block}
.wl1{top:2%;left:6%;animation-delay:-1s}
.wl2{top:16%;right:-2%;animation-delay:-3s}
.wl3{bottom:12%;right:2%;animation-delay:-2s}
.wl4{bottom:0%;left:14%;animation-delay:-4.5s}
.wl5{top:46%;left:-8%;animation-delay:-2.6s}

/* =========================================================================
   КРУПНАЯ ТИПОГРАФИКА ЗАГОЛОВКОВ ТЕЛА
   ========================================================================= */
.h2--xl{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-.025em}
.section-head .h2--xl{margin-bottom:2px}

/* =========================================================================
   6 ПРЕИМУЩЕСТВ: бенто + живой featured
   ========================================================================= */
.adv{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.adv .tile__num{display:none}
.tile--wide{grid-column:1/-1;display:flex;align-items:center;gap:22px}
.tile--wide .tile__ic{margin-bottom:0}
.tile.tile--feat{overflow:hidden}
.tile.tile--feat .tile__num{color:#9fb0ee}
.tile.tile--feat h3,.tile.tile--feat p,.tile.tile--feat .tile__ic{position:relative;z-index:2}
/* живой мини-глобус в featured */
.feat-orb{position:absolute;z-index:1;right:-70px;top:-60px;width:300px;height:300px;pointer-events:none}
.feat-orb span{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(255,255,255,.14)}
.feat-orb span:nth-child(1){width:300px;height:300px}
.feat-orb span:nth-child(2){width:210px;height:210px;border-color:rgba(255,116,184,.22)}
.feat-orb span:nth-child(3){width:120px;height:120px}
.feat-orb i{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#FF74B8;box-shadow:0 0 16px 3px rgba(255,116,184,.6);transform-origin:-90px 0;animation:orbitspin 7s linear infinite}
@keyframes orbitspin{to{transform:rotate(360deg)}}

/* =========================================================================
   ВЫБЕРИТЕ СТРАНУ
   ========================================================================= */
.tasks-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:var(--s-6)}
.tchip{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;padding:9px 15px;border-radius:11px;transition:.14s}
.tchip.t_shop{background:#F6EFE1;color:#8A6A3E}.tchip.t_travel{background:#EAF0F8;color:#41608C}
.tchip.t_transfer{background:#E8F1EC;color:#437B5E}.tchip.t_sub{background:#F5EAF0;color:#97597A}
.tchip.t_free{background:#EEEAF7;color:#62538F}.tchip.t_service{background:#E1F0F2;color:#2C6E78}
.tchip:hover{transform:translateY(-2px)}
.countries{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ccard{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}
.ccard::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--magenta),#ff74b8);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.ccard:hover::before{transform:scaleX(1)}
.ccard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.ccard__flag{width:52px;height:38px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px rgba(10,18,46,.18);margin-bottom:16px}
.ccard h3{font-size:19px;font-weight:800;color:var(--navy);margin-bottom:6px}
.ccard p{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:16px}
.ccard__go{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--magenta)}
.ccard__go::after{content:"→";transition:transform .16s}
.ccard:hover .ccard__go::after{transform:translateX(4px)}
.countries-all{display:flex;justify-content:center;margin-top:var(--s-6)}
@media(max-width:960px){.countries{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.countries{grid-template-columns:1fr}}

/* =========================================================================
   ГОРИЗОНТАЛЬНЫЙ SHOWCASE КАРТ — авто-лента + 3D-наклон
   ========================================================================= */
.showcase{position:relative;overflow:hidden;margin:8px 0 44px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.showcase__track{display:flex;gap:22px;width:max-content;padding:38px 24px 56px;animation:marquee 40s linear infinite}
.showcase:hover .showcase__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.reduce-motion .showcase__track{animation:none}

.scard{position:relative;flex:none;width:300px;height:189px;border-radius:18px;padding:20px 22px;color:#fff;overflow:hidden;
  box-shadow:0 26px 50px -22px rgba(6,16,52,.55),0 0 0 1px rgba(255,255,255,.08) inset;
  transform-style:preserve-3d;display:flex;flex-direction:column;cursor:pointer;will-change:transform;
  background:linear-gradient(135deg,#1b3bb0,#0a1f6b 45%,#7d0a51)}
.scard__sheen{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.26),transparent 42%);opacity:.55;pointer-events:none}
.scard__top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}
.scard__brand{font-weight:800;font-size:16px;letter-spacing:-.02em}
.scard__brand b{color:#ff8dc4}
.scard__flag{width:30px;height:22px;border-radius:4px;object-fit:cover;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.scard__tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:7px;font-weight:600}
.scard__tag--gold{background:rgba(245,217,138,.16);color:#f5d98a;border:1px solid rgba(245,217,138,.4)}
.scard__tag--cyan{background:rgba(123,224,240,.14);color:#9fe9f5;border:1px solid rgba(123,224,240,.36)}
.scard__chip{position:relative;z-index:1;width:40px;height:30px;border-radius:6px;margin:16px 0 auto;background:linear-gradient(135deg,#f5d98a,#c9a34e);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.scard__num{position:relative;z-index:1;font-family:var(--mono);font-size:15px;letter-spacing:.08em;margin-bottom:12px}
.scard__bot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.scard__label{font-size:12.5px;font-weight:700;color:#eaeefb}
.scard__net--visa{font-style:italic;font-weight:800;font-size:17px;letter-spacing:.02em;color:#fff}
.scard__mc{position:relative;width:38px;height:24px;flex:none}
.scard__mc i{position:absolute;top:0;width:24px;height:24px;border-radius:50%}
.scard__mc i:first-child{left:0;background:#eb001b;opacity:.92}
.scard__mc i:last-child{right:0;background:#f79e1b;opacity:.92;mix-blend-mode:screen}
/* варианты цвета */
.scard--ar{background:linear-gradient(135deg,#5233c9,#1b1c72 52%,#0a1f6b)}
.scard--kg{background:linear-gradient(135deg,#0e73c4,#062a63 55%,#08203f)}
.scard--tj{background:linear-gradient(135deg,#0f8a58,#0a3b5e 60%,#08203f)}
.scard--prem{background:linear-gradient(135deg,#3a3f4d,#12141c 58%,#20160a);box-shadow:0 26px 50px -22px rgba(0,0,0,.7),0 0 0 1px rgba(245,217,138,.22) inset}
.scard--prem .scard__brand b{color:#f5d98a}
.scard--multi{background:linear-gradient(135deg,#0e86b8,#0a3a63 55%,#0a1f6b)}
@media(max-width:520px){.scard{width:210px;height:132px;padding:13px 15px}.scard__num{font-size:11px}}
/* секция-showcase (между «Возможности» и «Каталог») */
.showcase-band{padding-bottom:var(--s-7)}
.showcase-band .showcase{margin:6px 0 0}

/* =========================================================================
   КАТАЛОГ КАРТ (реальные карты, 7 стран) — новый дизайн
   ========================================================================= */
/* блок «подберите по задаче» — премиальная navy-панель ПОД каталогом */
.cat-purposes{position:relative;overflow:hidden;margin-top:var(--s-8);display:flex;align-items:center;justify-content:space-between;gap:26px 40px;flex-wrap:wrap;
  padding:36px 40px;border-radius:var(--radius-lg);color:#fff;
  box-shadow:0 34px 80px -30px rgba(6,16,52,.72), inset 0 1px 0 rgba(255,255,255,.14);
  background:
    radial-gradient(85% 160% at 100% 0%, rgba(189,6,113,.36), rgba(189,6,113,0) 52%),
    radial-gradient(70% 150% at 0% 100%, rgba(59,110,230,.32), rgba(59,110,230,0) 54%),
    linear-gradient(158deg,#16308f 0%,#0a1f6b 46%,#061436 100%)}
.cat-purposes::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px}
.cat-purposes::after{content:"";position:absolute;right:-80px;bottom:-120px;width:280px;height:280px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,116,184,.22),transparent 62%)}
.cat-purposes__head{position:relative;z-index:1;display:flex;align-items:center;gap:18px;flex:1 1 280px}
.cat-purposes__icon{flex:none;width:58px;height:58px;border-radius:17px;background:linear-gradient(140deg,#BD0671,#ff6fb5);display:grid;place-items:center;box-shadow:0 12px 26px -8px rgba(189,6,113,.6),inset 0 1px 0 rgba(255,255,255,.3)}
.cat-purposes__icon svg{width:30px;height:30px;color:#fff}
.cat-purposes__title{font-size:clamp(20px,2vw,25px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:5px;letter-spacing:-.01em}
.cat-purposes__sub{font-size:14.5px;color:#B7C2E6}
.cat-purposes__chips{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cat-purposes__chips a.tchip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#eef1fb;padding:10px 15px;gap:9px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .16s,background .16s,border-color .16s}
.cat-purposes__chips a.tchip::before{content:"";width:8px;height:8px;border-radius:50%;flex:none}
.cat-purposes__chips .t_shop::before{background:#EAB35A;box-shadow:0 0 9px rgba(234,179,90,.75)}
.cat-purposes__chips .t_travel::before{background:#5B8CFF;box-shadow:0 0 9px rgba(91,140,255,.75)}
.cat-purposes__chips .t_transfer::before{background:#3EE08A;box-shadow:0 0 9px rgba(62,224,138,.75)}
.cat-purposes__chips .t_sub::before{background:#FF74B8;box-shadow:0 0 9px rgba(255,116,184,.75)}
.cat-purposes__chips .t_free::before{background:#9E86F0;box-shadow:0 0 9px rgba(158,134,240,.75)}
.cat-purposes__chips a.tchip:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.32);transform:translateY(-2px)}
.cat-purposes .home-purposes__all{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:11px;padding:10px 16px;transition:.14s}
.cat-purposes .home-purposes__all:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
@media(max-width:640px){.cat-purposes{padding:28px 22px;gap:22px}.cat-purposes__head{flex-basis:100%}}
.cat-tabs-row{display:flex;justify-content:space-between;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-bottom:var(--s-6)}
.cat-tabs{display:flex;flex-wrap:wrap;gap:8px}
.cat-tabs__cta{flex:none;white-space:nowrap}
.cat-tab{font-size:13.5px;font-weight:700;padding:9px 15px;border-radius:11px;border:1px solid var(--line-strong);background:#fff;color:var(--navy);cursor:pointer;transition:.14s;user-select:none}
.cat-tab:hover{border-color:var(--navy)}
.cat-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.cat-country{margin-bottom:var(--s-7)}
.cat-country[hidden]{display:none}
.cat-country__title{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:var(--s-4)}
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:820px){.cat-grid{grid-template-columns:1fr}}
.cat-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow-sm);transition:border-color .16s,box-shadow .16s,transform .16s}
.cat-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}
.cat-card:has(.cat-card__tariff[open]){z-index:40}
.cat-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.cat-card__name{font-size:18px;font-weight:800;color:var(--navy)}
.cat-card__price{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--navy);white-space:nowrap}
.cat-card__specs{display:grid;gap:9px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cat-card__specs > div{display:flex;justify-content:space-between;gap:16px;font-size:13.5px;line-height:1.4}
.cat-card__specs span{color:var(--muted);flex:none}
.cat-card__specs b{color:var(--ink);font-weight:600;text-align:right}
.cat-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.cat-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--navy);background:var(--mist);border-radius:8px;padding:5px 10px}
.cat-tag img{width:26px;height:16px;object-fit:contain}
.cat-tag--pay{background:#fff;border:1px solid var(--line);padding:4px 9px}
.cat-card__tariff{position:relative;margin-top:auto;margin-bottom:16px}
.cat-card__tariff summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--navy);list-style:none;display:inline-flex;align-items:center;gap:8px;padding:4px 0}
.cat-card__tariff summary::-webkit-details-marker{display:none}
.cat-card__tariff summary::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 5.2v7.6M5.2 9h7.6' stroke='%23061C65' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center}
.cat-card__tariff[open] summary::before{background-color:var(--magenta);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M5.2 9h7.6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
/* Лимиты — всплывающий поповер над карточкой (не растягивает карточку вниз) */
.cat-card__tariff-rows{display:grid;gap:8px;padding:10px 0 2px}
.cat-card__tariff[open] .cat-card__tariff-rows{
  position:absolute;left:-6px;right:-6px;bottom:calc(100% + 12px);z-index:41;
  background:#fff;border:1px solid var(--line-strong);border-radius:14px;
  box-shadow:0 22px 50px -14px rgba(15,23,42,.28),0 4px 14px -6px rgba(15,23,42,.12);
  padding:16px 18px;gap:10px;overflow:visible;
  animation:tariffPop .16s cubic-bezier(.2,.7,.3,1)}
.cat-card__tariff[open] .cat-card__tariff-rows::before{
  content:"Тариф и лимиты";display:block;font-weight:800;font-size:13.5px;color:var(--navy);
  margin:-2px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.cat-card__tariff[open] .cat-card__tariff-rows::after{
  content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%) rotate(45deg);
  width:14px;height:14px;background:#fff;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.cat-card__tariff-rows > div{display:flex;justify-content:space-between;gap:16px;font-size:13px}
.cat-card__tariff-rows span{color:var(--muted)}
.cat-card__tariff-rows b{color:var(--ink);font-weight:600;text-align:right}
@keyframes tariffPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cat-card__actions{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:6px}
.cat-card__actions .btn{width:100%}
@media(max-width:420px){.cat-card__actions{grid-template-columns:1fr}}

/* =========================================================================
   TIMELINE — прогресс-линия по скроллу
   ========================================================================= */
.timeline{position:relative}
.tl-progress{position:absolute;top:29px;left:16.6%;height:2px;width:0;background:linear-gradient(90deg,#BD0671,#ff74b8);z-index:1;box-shadow:0 0 12px rgba(255,116,184,.6);transition:width .1s linear}
.tl-step .tl-node{transition:background .3s,border-color .3s,box-shadow .3s}
.tl-step.is-lit .tl-node{background:var(--magenta);border-color:var(--magenta);box-shadow:0 0 0 6px rgba(189,6,113,.22)}
.tl-step .tl-txt{color:#fff;font-weight:600;font-size:15.5px;line-height:1.5}
/* «Готово!» финиш */
.tl-done{margin-top:var(--s-7);display:flex;align-items:center;gap:16px;justify-content:center;background:rgba(62,224,138,.1);border:1px solid rgba(62,224,138,.32);border-radius:16px;padding:20px 26px;max-width:640px;margin-left:auto;margin-right:auto}
.tl-done__ic{flex:none;width:46px;height:46px;border-radius:50%;background:#16a34a;display:grid;place-items:center}
.tl-done__ic svg{width:24px;height:24px;color:#fff}
.tl-done b{color:#fff;font-size:16px}
.tl-done p{color:#B7C2E6;font-size:14px;margin:2px 0 0}

/* =========================================================================
   REVEAL / стаггер тела (GSAP управляет через .is-in fallback)
   ========================================================================= */
.js-anim .adv[data-stagger] .tile{opacity:0;transform:translateY(30px)}
.js-anim .adv[data-stagger].is-in .tile{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.js-anim .adv[data-stagger].is-in .tile:nth-child(1){transition-delay:0s}
.js-anim .adv[data-stagger].is-in .tile:nth-child(2){transition-delay:.07s}
.js-anim .adv[data-stagger].is-in .tile:nth-child(3){transition-delay:.14s}
.js-anim .adv[data-stagger].is-in .tile:nth-child(4){transition-delay:.21s}
.js-anim .adv[data-stagger].is-in .tile:nth-child(5){transition-delay:.28s}
.js-anim .adv[data-stagger].is-in .tile:nth-child(6){transition-delay:.35s}
.reduce-motion .adv[data-stagger] .tile{opacity:1!important;transform:none!important}

/* адаптив шапки */
@media(max-width:1160px){.xphone{display:none}.xheader__msg{display:none}}
@media(max-width:960px){.xnav{display:none}.xburger{display:grid}.xmobile{display:block}
  .xhero__in{grid-template-columns:1fr;gap:16px}.xstage{height:430px;order:2;transform:scale(.9)}
  .f3,.f6{display:none}
  .wm__in{grid-template-columns:1fr;gap:24px}.wm__stage{min-height:400px;order:-1}
  .globe{width:min(380px,86%)}
  .wl5{left:-2%}.wl2{right:2%}}
@media(max-width:760px){
  .proof__stats{grid-template-columns:1fr 1fr;gap:24px 12px}
  .stat:nth-child(2)::after{display:none}
  .proof__panel{padding:26px 20px}
  .adv{grid-template-columns:1fr}.tile--wide{flex-direction:column;align-items:flex-start;gap:14px}
  .feat-orb{right:-90px;top:-80px}
  .tl-progress{display:none}
  .globe__card-num{font-size:8.5px;letter-spacing:.02em}
  .globe__card-holder{font-size:7px}
  .wl5{top:73%;left:-5%}}
@media(max-width:1080px) and (min-width:761px){.adv{grid-template-columns:repeat(3,1fr)}.adv .tile--feat{grid-column:auto;grid-row:auto;display:block;padding:24px 20px}}
@media(max-width:520px){.xcard{width:300px;height:190px;padding:20px}.xcard__num{font-size:15px}
  .xstage{height:360px}.xcta .btn--lg,.xcta .btn--glass{flex:1}
  .wm__cta .btn,.wm__cta .btn--glass{flex:1}}

/* Прод-форма request_1 на новой главной: верхний отступ меньше, нижний больше */
#request{padding-top:14px;padding-bottom:64px}
/* Фон формы — чуть темнее (тёмно-синий оверлей поверх фоновой картинки, текст/поля не затрагивает) */
#request .request_group{box-shadow:inset 0 0 0 999px rgba(6,28,101,.28)}

/* Мобилка */
@media(max-width:820px){
  .xstage{display:none!important}          /* карта-мокап в герое — скрыть на мобилке */
  .wm{padding-top:24px}                    /* глобус выше — меньше пустоты сверху */
  /* теги по 2 в строке */
  .wm__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
  .wm__pills > *{flex:1 1 calc(50% - 6px);justify-content:center;min-width:0;padding:9px 8px;font-size:12px;white-space:nowrap}
  /* кнопки: в столбик, текст в одну строку */
  .wm__cta{flex-direction:column;align-items:stretch;gap:10px}
  .wm__cta .btn,.wm__cta .btn--glass{flex:none;width:100%;white-space:nowrap}
}

@media(max-width:640px){
  /* блок «Не знаете, какая карта нужна?» — отступ снизу */
  .cat-purposes{margin-bottom:24px}
  /* чипы перелинковки: по 2 в строке, растянуты на всю ширину контейнера */
  .cat-purposes__chips{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
  .cat-purposes__chips > *{justify-content:center;width:auto}
  /* форма заявки на мобилке: убрать картинку, синий градиент + убрать резерв под карту */
  #request .request_group{background:linear-gradient(120deg,#1d49cc,#081e6a);padding-bottom:32px;min-height:0}
}