/* ============================================================
   Provod.Money — styles.css
   Палитра: бумага #F5F5F0 · чернила #101014 · кобальт #2679F3
   Шрифты: Oswald 300/400 + Golos Text 400/500
   Изинг: cubic-bezier(.22,1,.36,1) — единственный на проект
   ============================================================ */

:root{
  --paper:#FAFAF8;
  --ink:#101014;
  --blue:#2679F3;
  --blue-deep:#1B5FD6;
  --white:#FFFFFF;

  --ink-70:rgba(16,16,20,.72);
  --ink-55:rgba(16,16,20,.58);
  --paper-70:rgba(250,250,248,.72);
  --paper-50:rgba(250,250,248,.50);

  --tether:#26A17B;
  --btc:#F7931A;

  --font-display:'Oswald', sans-serif;
  --font-text:'Golos Text', sans-serif;

  --ease:cubic-bezier(.22,1,.36,1);

  --s1:8px;  --s2:16px; --s3:24px; --s4:32px;
  --s5:48px; --s6:64px; --s7:96px; --s8:128px; --s9:160px;

  --wrap:1240px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; scroll-padding-top:24px;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-text);
  font-size:16px;
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
::selection{background:var(--blue); color:var(--white);}

img{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; border:none; background:none; cursor:pointer; color:inherit;}
ul,ol{list-style:none;}

/* ---------- Зерно ---------- */
.grain{
  position:fixed; inset:-50%; z-index:2000; pointer-events:none;
  opacity:.05; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Типографика ---------- */
h1,h2{
  font-family:var(--font-display);
  font-weight:300;
  hyphens:none;
  text-wrap:balance;
}
h1{
  font-size:clamp(2.8rem, 6.2vw, 6.6rem);
  line-height:.92;
  letter-spacing:-.035em;
}
h2{
  font-size:clamp(2.1rem, 4.6vw, 4.4rem);
  line-height:.95;
  letter-spacing:-.03em;
}
h3{font-family:var(--font-display); font-weight:400; font-size:26px; line-height:1.05; letter-spacing:-.02em;}
p{max-width:62ch; text-wrap:pretty;}
em{font-style:normal; color:var(--blue);}

.label{
  font-size:12px; font-weight:500; text-transform:uppercase;
  letter-spacing:.18em; line-height:1.75;
}
.label-ink{color:var(--ink-55);}
.label-light{color:var(--paper-50);}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 clamp(20px, 4vw, 48px);}

.lead{font-size:clamp(16px, 1.15vw, 18px); line-height:1.65; color:var(--ink-70);}

.link-arrow{
  display:inline-flex; align-items:center; gap:10px;
  font-weight:500; font-size:15px; color:var(--blue);
}
.link-arrow svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
  transition:transform 520ms var(--ease);}
.link-arrow:hover svg{transform:translateX(5px);}

/* ---------- Кнопки ---------- */
.btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border-radius:999px;
  font-family:var(--font-text); font-weight:500; font-size:15px;
  min-height:52px; padding:0 28px;
  white-space:nowrap; text-decoration:none;
}
.btn-sm{min-height:44px; padding:0 20px; font-size:14px;}
.btn-lg{min-height:56px; padding:0 32px; font-size:16px;}
.btn-wide{width:100%;}

.btn-fill{
  position:absolute; inset:0;
  transform:scaleX(0); transform-origin:left;
  transition:transform 500ms var(--ease);
}
.btn:hover .btn-fill, .btn:focus-visible .btn-fill{transform:scaleX(1);}
.btn-label{position:relative; z-index:2; transition:color 320ms var(--ease);}
.btn-arrow{
  position:relative; z-index:2; width:20px; height:20px; flex:none;
  fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform 520ms var(--ease);
}
.btn:hover .btn-arrow{transform:translateX(4px);}

.btn-ink{background:var(--ink); color:var(--white);}
.btn-ink .btn-fill{background:var(--blue);}
.btn-blue{background:var(--blue); color:var(--white);}
.btn-blue .btn-fill{background:var(--ink);}
.btn-ghost{color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink);}
.btn-ghost .btn-fill{background:var(--ink);}
.btn-ghost:hover .btn-label{color:var(--white);}

.reassure{font-size:12.5px; color:var(--ink-55); line-height:1.5;}
.reassure-dark{color:rgba(16,16,20,.55);}
.reassure-light{color:var(--paper-50);}

/* ---------- Шапка ---------- */
.site-header{
  position:absolute; top:0; left:0; right:0; z-index:50;
  transition:background 400ms var(--ease), box-shadow 400ms var(--ease);
}
.site-header.is-scrolled{
  position:fixed;
  background:rgba(250,250,248,.88);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(16,16,20,.08);
}
.header-inner{
  max-width:var(--wrap); margin:0 auto;
  padding:14px clamp(20px, 4vw, 48px);
  display:flex; align-items:center; gap:32px;
}
.logo{flex:none;}
.logo-img{height:40px; width:auto; display:block;}
.nav-links{display:flex; gap:6px; margin-left:auto;}
.nav-links a{
  position:relative; font-size:14px; font-weight:500; color:var(--ink-70);
  padding:10px 14px; border-radius:999px;
  transition:color 320ms var(--ease);
}
.nav-links a::after{
  content:""; position:absolute; left:14px; right:14px; bottom:6px; height:1.5px;
  background:var(--blue); transform:scaleX(0); transform-origin:left;
  transition:transform 500ms var(--ease);
}
.nav-links a:hover{color:var(--ink);}
.nav-links a:hover::after{transform:scaleX(1);}
.header-inner .btn{flex:none;}

.burger{
  display:none; width:44px; height:44px; flex:none;
  border-radius:12px; color:var(--ink);
  align-items:center; justify-content:center;
}
.burger .ic{width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; position:absolute; transition:opacity 250ms var(--ease), transform 350ms var(--ease);}
.burger .ic-close{opacity:0; transform:rotate(-90deg) scale(.6);}
.burger[aria-expanded="true"] .ic-open{opacity:0; transform:rotate(90deg) scale(.6);}
.burger[aria-expanded="true"] .ic-close{opacity:1; transform:none;}

.mobile-menu{
  position:fixed; inset:0; z-index:49;
  background:var(--paper);
  padding:120px clamp(20px, 6vw, 48px) 32px;
  display:flex; flex-direction:column; gap:4px;
  transform:translateY(-102%);
  transition:transform 500ms var(--ease);
}
.mobile-menu.open{transform:none;}
.mobile-menu a{
  font-family:var(--font-display); font-weight:300; font-size:34px;
  letter-spacing:-.02em; padding:12px 0;
  border-bottom:1px solid rgba(16,16,20,.08);
}
.mobile-menu .btn{margin-top:28px; border-bottom:none; font-family:var(--font-text); font-size:16px;}

/* ---------- HERO · схема C 60/40 ---------- */
.hero{
  position:relative;
  display:grid; grid-template-columns:1.12fr .88fr;
  min-height:100svh;
}
.hero-left{
  display:flex; align-items:flex-end;
  padding:clamp(96px, 12vh, 150px) clamp(24px, 4.5vw, 72px) clamp(56px, 8vh, 96px);
}
.hero-content{max-width:660px;}
.hero-sub{
  margin-top:28px; max-width:52ch;
  font-size:clamp(15px, 1.15vw, 18px); line-height:1.65; color:var(--ink-70);
}
.hero-cta{margin-top:36px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.hero-cta .reassure{flex-basis:100%; margin-top:2px;}

.hero-right{
  position:relative;
  background:var(--blue);
  display:flex; align-items:center; justify-content:center;
  padding:110px clamp(24px, 4vw, 64px) 96px;
  overflow:hidden;
}
.hero-routes{
  position:absolute; left:0; right:0; bottom:26px; z-index:3;
  text-align:center; color:var(--paper-70);
}

/* ---------- Парящие монеты ---------- */
.orbit{position:absolute; inset:0; z-index:2; pointer-events:none;}
.fcoin{
  position:absolute; width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-text), 'Segoe UI Symbol', 'Noto Sans Symbols 2', sans-serif;
  font-weight:500; font-size:22px;
  box-shadow:0 20px 26px -14px rgba(6,36,78,.55),
             inset 0 -4px 7px rgba(0,0,0,.14),
             inset 0 3px 6px rgba(255,255,255,.28);
  animation:floaty 6.5s var(--ease) infinite;
}
@keyframes floaty{
  0%,100%{transform:translateY(0) rotate(-3deg);}
  50%{transform:translateY(-13px) rotate(3deg);}
}
.fcoin-1{top:15%; left:6%;        width:56px; height:56px; font-size:24px; animation-duration:6.8s; animation-delay:-1.2s;}
.fcoin-2{top:11%; right:8%;       width:44px; height:44px; font-size:19px; animation-duration:7.9s; animation-delay:-3.4s;}
.fcoin-3{bottom:19%; left:9%;     width:40px; height:40px; font-size:17px; animation-duration:7.2s; animation-delay:-2.1s;}
.fcoin-4{bottom:15%; right:6%;    width:48px; height:48px; font-size:20px; animation-duration:5.9s; animation-delay:-4.5s;}
.coin-gel{background:var(--white); color:var(--blue);}

/* ---------- Ключевое изображение шапки ---------- */
.hero-key{
  width:clamp(210px, 23vw, 320px);
  height:auto; display:block;
  margin:0 0 20px -10px;
}

/* ---------- Калькулятор ---------- */
.calc{
  position:relative; z-index:3;
  width:min(520px, 100%);
  background:var(--white);
  padding:26px 28px 24px;
  box-shadow:0 24px 60px -18px rgba(11,45,92,.45);
}
.calc-rate{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  font-size:14px; color:var(--ink-70);
  padding-bottom:18px; margin-bottom:6px;
  box-shadow:0 1px 0 rgba(16,16,20,.08);
}
.calc-rate b{color:var(--ink); font-weight:500;}
.rate-note{margin-left:auto; font-size:12px; color:var(--ink-55);}
.live-dot{
  width:8px; height:8px; border-radius:50%; background:var(--tether);
  box-shadow:0 0 0 0 rgba(38,161,123,.5);
  animation:pulse 2.4s var(--ease) infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(38,161,123,.45);}
  70%{box-shadow:0 0 0 9px rgba(38,161,123,0);}
  100%{box-shadow:0 0 0 0 rgba(38,161,123,0);}
}

.calc-field{padding:10px 0 8px;}
.calc-box{
  display:flex; align-items:center; gap:16px;
  padding:6px 0 10px;
  box-shadow:0 1px 0 rgba(16,16,20,.08);
  transition:box-shadow 400ms var(--ease);
}
.calc-box:focus-within{box-shadow:0 2px 0 var(--blue);}
.calc-box input{
  flex:1; min-width:0;
  border:none; outline:none; background:transparent;
  font-family:var(--font-display); font-weight:300;
  font-size:clamp(30px, 4.2vw, 42px); letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
  color:var(--ink);
}
.cur{
  flex:none; display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:500; color:var(--ink-70);
}
.coin{
  width:30px; height:30px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-family:var(--font-text); font-weight:500; font-size:15px;
}
.coin-rub{background:var(--ink); color:var(--paper);}
.coin-usdt{background:var(--tether); color:var(--white);}
.coin-btc{background:var(--btc); color:var(--ink);}
.coin-shield{background:var(--blue); color:var(--white);}

.calc-chips{display:flex; gap:8px; margin-top:12px; flex-wrap:wrap;}
.calc-chips button{
  padding:7px 14px; border-radius:999px;
  font-size:12.5px; font-weight:500; color:var(--ink-70);
  box-shadow:inset 0 0 0 1px rgba(16,16,20,.16);
  transition:color 320ms var(--ease), box-shadow 400ms var(--ease), transform 400ms var(--ease);
}
.calc-chips button:hover{color:var(--white); box-shadow:inset 0 0 0 1px var(--ink); background:var(--ink); transform:translateY(-1px);}

.calc-swap{
  position:relative; z-index:2;
  width:48px; height:48px; margin:12px 0 12px 22px;
  border-radius:50%; background:var(--paper); color:var(--ink);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px -6px rgba(11,45,92,.35);
  transition:transform 620ms var(--ease), background 320ms var(--ease), color 320ms var(--ease);
}
.calc-swap svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;}
.calc-swap:hover{background:var(--ink); color:var(--white);}
.calc-swap.is-flipped{transform:rotate(180deg);}

.calc-fees{
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  margin-top:18px; padding-top:16px;
  font-size:13px; color:var(--ink-55);
  box-shadow:0 1px 0 rgba(16,16,20,.08);
}
.calc-fees b{color:var(--ink-70); font-weight:500; font-variant-numeric:tabular-nums;}

.calc-cta{margin-top:24px;}
.calc-cta .reassure{margin-top:10px; text-align:center;}

.calc-vip{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:22px; padding-top:18px;
  font-size:13.5px; font-weight:500; color:var(--blue);
  box-shadow:0 1px 0 rgba(16,16,20,.08);
}
.calc-vip svg{width:18px; height:18px; flex:none; fill:none; stroke:currentColor;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform 520ms var(--ease);}
.calc-vip:hover svg{transform:translateX(5px);}

.calc-note{margin-top:20px; font-size:13px; line-height:1.6; color:var(--ink-55);}
.calc-note a{color:var(--blue); font-weight:500;}
.calc-note a:hover{text-decoration:underline; text-underline-offset:3px;}

.sdk-wrapper{display:none;}
.sdk-wrapper.is-open{display:block; margin-top:24px;}
.sdk-wrapper iframe{
  width:100% !important; min-height:600px !important;
  border:none !important; display:block !important;
}

/* ---------- Reveal / rise ---------- */
.rise{opacity:0; transform:translateY(28px); filter:blur(14px);}
.rise.is-in{
  opacity:1; transform:none; filter:blur(0);
  transition:opacity 900ms var(--ease) var(--d,0ms),
             transform 900ms var(--ease) var(--d,0ms),
             filter 900ms var(--ease) var(--d,0ms);
}
.rise[data-d="50"]{--d:50ms}   .rise[data-d="60"]{--d:60ms}
.rise[data-d="80"]{--d:80ms}   .rise[data-d="100"]{--d:100ms}
.rise[data-d="120"]{--d:120ms} .rise[data-d="150"]{--d:150ms}
.rise[data-d="180"]{--d:180ms} .rise[data-d="200"]{--d:200ms}
.rise[data-d="220"]{--d:220ms} .rise[data-d="240"]{--d:240ms}
.rise[data-d="250"]{--d:250ms} .rise[data-d="300"]{--d:300ms}
.rise[data-d="340"]{--d:340ms} .rise[data-d="360"]{--d:360ms}
.rise[data-d="700"]{--d:700ms}
.rise[data-d="900"]{--d:900ms} .rise[data-d="1040"]{--d:1040ms}
.rise[data-d="1200"]{--d:1200ms}

/* ---------- Партнёры ---------- */
.partners{padding:67px 0 45px;}
.partners-row{
  display:flex; flex-wrap:wrap; gap:12px;
  margin-top:var(--s4);
}
.partner{
  display:flex; align-items:center; gap:14px;
  padding:14px 22px 14px 14px;
  transition:background 400ms var(--ease), transform 620ms var(--ease);
}
.partner:hover{background:var(--white); transform:translateY(-3px);}
.partner-mark{
  width:44px; height:44px; flex:none;
  display:flex; align-items:center; justify-content:center;
  background:var(--ink); color:var(--paper);
  font-family:var(--font-display); font-weight:400; font-size:19px;
  transition:background 320ms var(--ease);
}
.partner:hover .partner-mark{background:var(--blue);}
.partner-mark svg{width:22px; height:22px;}
.partner-mark-tg{background:var(--blue);}
.partner-name{
  display:flex; flex-direction:column; gap:1px;
  font-weight:500; font-size:15px; line-height:1.3;
}
.partner-name em{font-style:normal; font-size:12px; color:var(--ink-55); font-weight:400;}

/* ---------- Доверие ---------- */
.trust{position:relative; padding-bottom:90px;}
.stats-band{
  position:relative; z-index:6;
  margin-top:calc(-1 * clamp(32px, 5vw, 64px));
}
.stats-row{
  max-width:var(--wrap); margin:0 auto;
  padding:0 clamp(20px, 4vw, 48px);
  display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;
}
.stat{
  background:var(--white);
  padding:26px 26px 30px;
  transition:transform 620ms var(--ease);
}
.stat:nth-child(even){transform:translateY(14px);}
.stat:nth-child(even):hover{transform:translateY(6px);}
.stat:hover{transform:translateY(-4px);}
.stat b{
  display:block;
  font-family:var(--font-display); font-weight:300;
  font-size:clamp(38px, 4.4vw, 64px); line-height:1; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.stat span{display:block; margin-top:8px; font-size:13px; color:var(--ink-55); line-height:1.45;}

.trust-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px, 5vw, 80px);
  align-items:center;
  margin-top:90px;
}
.trust-copy h2{margin-top:18px;}
.trust-copy .lead{margin-top:24px;}
.facts{margin-top:32px; display:flex; flex-direction:column; gap:18px;}
.facts li{display:flex; gap:14px; align-items:flex-start; max-width:54ch;}
.facts b{font-weight:500;}
.facts span{color:var(--ink-70); font-size:15px;}
.fact-ic{
  flex:none; width:26px; height:26px; margin-top:2px;
  border-radius:50%; background:var(--blue); color:var(--white);
  fill:none; stroke:currentColor; stroke-width:2.4;
  stroke-linecap:round; stroke-linejoin:round;
  padding:5px;
}
.trust-copy .link-arrow{margin-top:36px;}

.trust-photo{
  position:relative;
  background:var(--white);
  padding:18px 18px 0;
}
.trust-photo img{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  transition:transform 900ms var(--ease);
}
.trust-photo:hover img{transform:scale(1.035);}
.trust-photo figcaption{
  padding:16px 4px 18px; color:var(--ink-55);
}

/* ---------- Маршрут / шаги ---------- */
.steps{padding:90px 0 112px;}
.steps h2{margin-top:18px;}

.steps-wire{position:relative; height:150px; margin:40px 0 10px;}
.wire-svg{width:100%; height:100%; overflow:visible;}
.wire-path{
  fill:none; stroke:var(--ink); stroke-width:3;
  stroke-linecap:round;
  stroke-dasharray:1600; stroke-dashoffset:1600;
}
.steps-wire.is-in .wire-path{transition:stroke-dashoffset 1600ms var(--ease) 200ms; stroke-dashoffset:0;}
.step-coin{
  position:absolute; width:58px; height:58px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:500;
  opacity:0; transform:scale(.4);
  transition:opacity 700ms var(--ease), transform 700ms var(--ease);
}
.steps-wire.is-in .step-coin{opacity:1; transform:none;}
.steps-wire.is-in .step-coin:nth-child(2){transition-delay:300ms;}
.steps-wire.is-in .step-coin:nth-child(3){transition-delay:700ms;}
.steps-wire.is-in .step-coin:nth-child(4){transition-delay:1100ms;}
.steps-wire.is-in .step-coin:nth-child(5){transition-delay:1500ms;}
.step-coin svg{width:26px; height:26px;}
.step-coin:nth-child(2){left:6%;  top:6px;}
.step-coin:nth-child(3){left:35%; bottom:8px;}
.step-coin:nth-child(4){left:63%; top:2px;}
.step-coin:nth-child(5){left:90%; bottom:14px;}

.steps-row{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;
  counter-reset:step;
}
.step{
  background:var(--white);
  padding:30px 24px 34px;
  transition:transform 620ms var(--ease);
}
.step:nth-child(even){margin-top:26px;}
.step:nth-child(even):hover{margin-top:14px;}
.step:hover{transform:translateY(-6px);}
.step-num{
  font-family:var(--font-display); font-weight:300;
  font-size:15px; letter-spacing:.08em; color:var(--blue);
  transition:color 320ms var(--ease);
}
.step h3{margin-top:12px; font-size:24px;}
.step p{margin-top:10px; font-size:14px; line-height:1.6; color:var(--ink-70);}

/* ---------- Сопровождение ---------- */
.premium{padding:90px 0 112px; background:var(--white);}
.premium-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px, 5vw, 80px);
  align-items:center;
}
.premium-copy h2{margin-top:18px;}
.premium-copy .lead{margin-top:24px;}
.premium-cta{margin-top:36px; display:flex; flex-direction:column; align-items:flex-start; gap:12px;}

.premium-cards{
  position:relative;
  display:flex; justify-content:center;
  min-height:520px;
}
.p-card{
  position:relative;
  width:min(300px, 30vw);
  background:var(--paper);
  padding:12px 12px 0;
  box-shadow:0 30px 50px -22px rgba(16,16,20,.35);
  transition:transform 700ms var(--ease), z-index 0s;
}
.p-card img{width:100%; aspect-ratio:3/4; object-fit:cover;}
.p-card figcaption{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 2px 14px; font-size:13.5px; font-weight:500;
}
.p-card figcaption .label{font-size:11px;}
.p-card-1{transform:rotate(-5deg) translateY(26px); z-index:1;}
.p-card-2{transform:rotate(1deg) translateY(-12px); z-index:2; margin-left:-54px;}
.p-card-3{transform:rotate(5deg) translateY(38px); z-index:3; margin-left:-54px;}
.p-card-1:hover{transform:rotate(-2deg) translateY(14px) scale(1.03); z-index:6;}
.p-card-2:hover{transform:rotate(0) translateY(-22px) scale(1.03); z-index:6;}
.p-card-3:hover{transform:rotate(2deg) translateY(24px) scale(1.03); z-index:6;}

/* ---------- Новости ---------- */
.news{padding:90px 0 112px;}
.news-grid{
  display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(32px, 5vw, 80px);
  align-items:center;
}
.news-photo{
  position:relative;
  background:var(--white);
  transform:rotate(-2deg);
  transition:transform 700ms var(--ease);
  padding:14px;
}
.news-photo:hover{transform:rotate(0);}
.news-photo img{
  width:100%; aspect-ratio:1/1; object-fit:cover;
  transition:transform 900ms var(--ease);
}
.news-photo:hover img{transform:scale(1.04);}
.news-copy h2{margin-top:18px;}
.news-copy .lead{margin-top:24px;}
.news-copy .link-arrow{margin-top:32px;}

/* ---------- Футер ---------- */
.footer{background:var(--ink); color:var(--paper); padding:90px 0 67px;}
.footer-cta{
  display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center;
  padding-bottom:67px;
}
.footer-cta h2{margin-top:18px;}
.footer-cta-text p.reveal{margin-top:20px; color:var(--paper-70); max-width:52ch;}
.footer-cta-btn{display:flex; flex-direction:column; align-items:flex-end; gap:12px;}

.footer-grid{
  display:grid; grid-template-columns:1.4fr .8fr .8fr; gap:48px;
  padding-top:45px;
  box-shadow:0 -1px 0 rgba(250,250,248,.12);
}
.footer-logo{height:38px; width:auto; filter:brightness(0) invert(1);}
.footer-brand{display:flex; flex-direction:column; gap:16px;}
.footer-tag{
  font-family:var(--font-display); font-weight:300;
  font-size:22px; letter-spacing:-.01em;
}
.footer-tag em{color:var(--blue);}
.footer-desc{font-size:13.5px; line-height:1.65; color:var(--paper-50); max-width:52ch;}
.footer-col h3{
  font-family:var(--font-text); font-weight:500; font-size:13px;
  text-transform:uppercase; letter-spacing:.14em; color:var(--paper-50);
  margin-bottom:18px;
}
.footer-col a{
  display:block; padding:7px 0; font-size:15px; color:var(--paper-70);
  transition:color 320ms var(--ease), transform 500ms var(--ease);
  transform-origin:left;
}
.footer-col a:hover{color:var(--white); transform:translateX(4px);}

.footer-legal{
  margin-top:45px; padding-top:var(--s4);
  box-shadow:0 -1px 0 rgba(250,250,248,.12);
  display:flex; flex-direction:column; gap:10px;
}
.footer-legal p{font-size:12.5px; line-height:1.6; color:rgba(250,250,248,.42);}

/* ---------- Компактность на невысоких экранах (ноутбуки) ---------- */
@media (max-height: 880px){
  .hero-right{padding:84px clamp(24px, 4vw, 64px) 64px;}
  .hero-key{width:clamp(180px, 20vw, 250px); margin-bottom:14px;}
  .calc{padding:22px 26px 20px;}
  .calc-box input{font-size:clamp(26px, 3.4vw, 34px);}
  .calc-field{padding:8px 0 6px;}
  .calc-swap{width:44px; height:44px; margin:10px 0 10px 22px;}
  .calc-swap svg{width:20px; height:20px;}
  .calc-chips{margin-top:10px;}
  .calc-fees{margin-top:12px; padding-top:12px;}
  .calc-cta{margin-top:16px;}
  .calc-vip{margin-top:16px; padding-top:14px;}
  .calc-note{margin-top:14px;}
  .hero-left{padding-top:112px;}
}
@media (max-height: 780px){
  .hero-key{width:clamp(160px, 18vw, 210px); margin-bottom:10px;}
  .hero-right{padding-top:64px; padding-bottom:48px;}
  .calc{padding:18px 24px 16px;}
  .calc-rate{padding-bottom:14px; margin-bottom:2px;}
  .calc-field{padding:6px 0 4px;}
  .calc-chips{margin-top:8px;}
  .calc-swap{width:42px; height:42px; margin:8px 0 8px 20px;}
  .calc-fees{margin-top:10px; padding-top:10px;}
  .calc-cta{margin-top:12px;}
  .calc-vip{margin-top:12px; padding-top:12px;}
  .calc-note{font-size:12px; margin-top:10px;}
  .hero-left{padding-bottom:40px;}
  .hero-routes{display:none;}
  .btn-lg{min-height:48px; padding:0 24px;}
  .hero-sub{margin-top:16px;}
  .hero-cta{margin-top:20px;}
}
@media (max-height: 740px){
  .calc-note{display:none;}
  .hero-key{display:none;}
  .hero-right{padding-top:56px;}
}

/* ---------- Адаптив ---------- */
@media (max-width:1180px){
  .hero{grid-template-columns:1fr;}
  .hero-left{
    min-height:72svh; align-items:flex-start;
    padding-top:clamp(120px, 16vh, 170px);
  }
  .hero-right{padding:64px 20px 72px;}
  .hero-routes{bottom:20px;}
  .stats-row{grid-template-columns:repeat(2, 1fr);}
  .stat:nth-child(even){transform:none;}
  .trust-grid{grid-template-columns:1fr;}
  .steps-row{grid-template-columns:repeat(2, 1fr);}
  .step:nth-child(even){margin-top:0;}
  .premium-grid{grid-template-columns:1fr;}
  .premium-cards{min-height:0; margin-top:16px; overflow-x:auto; scroll-snap-type:x mandatory;
    padding:20px 4px 28px; justify-content:flex-start;}
  .p-card{flex:none; scroll-snap-align:center; margin-left:0 !important;}
  .p-card + .p-card{margin-left:-30px;}
  .news-grid{grid-template-columns:1fr;}
  .news-photo{max-width:440px;}
  .footer-cta{grid-template-columns:1fr;}
  .footer-cta-btn{align-items:flex-start;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:860px){
  .nav-links, .header-inner .btn{display:none;}
  .burger{display:flex; margin-left:auto;}
  .hero{min-height:0;}
  .hero-left{min-height:0; padding:130px 20px 56px;}
  h1{font-size:clamp(2.6rem, 11vw, 4.2rem);}
  .hero-cta .btn{flex:1 1 auto;}
  .hero-key{width:180px; margin:0 0 14px -6px;}
  .fcoin-1{width:44px; height:44px; font-size:19px;}
  .fcoin-2{width:36px; height:36px; font-size:16px;}
  .fcoin-3{width:34px; height:34px; font-size:15px;}
  .fcoin-4{width:40px; height:40px; font-size:17px;}
  .fcoin-1{top:9%;}
  .fcoin-2{top:7%;}
  .steps-wire{height:0; margin:24px 0;}
  .steps-wire .wire-svg, .steps-wire .step-coin{display:none;}
  .steps-row{grid-template-columns:1fr; gap:10px;}
  .step{padding:24px 20px 26px;}
  .calc{padding:22px 18px 20px;}
  .calc-swap{margin-left:14px;}
  /* Карточки сопровождения: на телефоне — статичная стопка */
  .premium-cards{
    display:grid; grid-template-columns:1fr; gap:14px;
    overflow:visible; scroll-snap-type:none;
    min-height:0; padding:0; margin-top:8px;
    justify-content:stretch;
  }
  .p-card, .p-card + .p-card{
    width:100%; max-width:460px; margin:0 auto;
    transform:none;
    box-shadow:0 12px 28px -18px rgba(16,16,20,.32);
    scroll-snap-align:auto;
  }
  .p-card:hover{transform:none;}
  .p-card img{aspect-ratio:4/3;}
  .footer-grid{grid-template-columns:1fr; gap:36px;}
  .footer-legal{margin-top:48px;}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *, *::before, *::after{animation-duration:.01ms !important; transition-duration:.01ms !important; transition-delay:0ms !important;}
  .rise{opacity:1; transform:none; filter:none;}
  .wire-path{stroke-dashoffset:0;}
  .step-coin{opacity:1; transform:none;}
}
/* ============================================================
   ПРАВКИ v2 — провод в hero, серый, hover, отступы, логотипы
   ============================================================ */

/* 1. Серый: холодный и нейтральный, стандартный "продуктовый" оттенок */
:root{
  --paper:#F6F7F9;
  --paper-70:rgba(246,247,249,.72);
  --paper-50:rgba(246,247,249,.50);
}

/* 2. Навигация: при наведении текст белый (на синей пилюле, чтобы читался) */
.nav-links a:hover{color:var(--white); background:var(--blue);}
.nav-links a:hover::after{transform:scaleX(0);}

/* 3. Статистика (20 000+ / 900 / 300 / 2) опущена ниже иконок партнёров */
.stats-band{margin-top:clamp(16px, 2.5vw, 32px);}

/* 4. Логотипы партнёров картинками: png/jpg/svg в img/, буква — fallback */
.partner-mark{position:relative;}
.partner-mark img{
  position:absolute; inset:0; z-index:2;
  width:100%; height:100%;
  object-fit:contain; padding:7px;
  background:var(--white);
}

.trust{padding-bottom:48px;}
.steps{padding:48px 0 56px;}
.premium{padding:48px 0 56px;}
.news{padding:48px 0 56px;}

.hero{overflow:hidden;}
.hero-left{position:relative; z-index:2;}
.hero-right{z-index:2;}
.hero-wire{
  position:absolute; left:0; right:0;
  top:clamp(110px, 21vh, 260px);
  height:170px;
  z-index:1;  
  pointer-events:none;
}
.hero-wire .text-loop-svg{display:block; width:100%; height:100%;}
.hero-wire .text-loop-text{user-select:none; pointer-events:none;}
.hero-wire .text-loop-measure{visibility:hidden; pointer-events:none;}
@media (max-width:1180px){ .hero-wire{display:none;} }
@media (max-height:780px){ .hero-wire{display:none;} }
.hero-wire{
  position:absolute; left:0; right:0;
  top:clamp(110px, 21vh, 260px);
  height:auto;
  z-index:1; pointer-events:none;
}

.hero-wire .text-loop-svg{
  display:block; width:100%; height:auto;
  aspect-ratio:10 / 1;
}