/* ============================================================
   LeadoPay — РЕЗИНОВАЯ ВЁРСТКА
   --u = 1px макета шириной 1200px (desktop), 375px (mobile)
   ============================================================ */


:root{
  --green:#A3CC00;
  --green-d:#8AAA00;
  --navy:#002148;
  --navy2:#0B2A52;
  --ink:#1B202B;
  --ink2:#202020;
  --bg-line:#EFF5FB;
  --u: min(0.083333vw, 1px);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:"Inter",Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.4;
  overflow-x:hidden;
  text-rendering:geometricPrecision;
}
img{max-width:100%;display:block;}
a{color:inherit;}
button{font-family:inherit;}

.section{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 calc(40 * var(--u));}
.section__title{font-weight:600;font-size:calc(28 * var(--u));line-height:1.21;color:var(--navy);text-align:center;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  background-image:url("../images/Rectangle 2.png");
  background-size:100% 100%;background-repeat:no-repeat;background-color:#A3CC00;
  color:#fff;font-weight:400;font-size:calc(22 * var(--u));line-height:1.21;
  text-align:center;text-decoration:none;border:none;border-radius:calc(10 * var(--u));
  cursor:pointer;text-shadow:0 2px 10px rgba(117,146,0,.85);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.btn--lg{display:flex;width:calc(320 * var(--u));max-width:100%;padding:calc(17 * var(--u)) calc(20 * var(--u));margin:0 auto;}
.star{display:block;pointer-events:none;}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    linear-gradient(180deg,#4CA0D5 0%,#144482 20%,#07305F 40%,#072C59 50%,#465E7D 65%,#96A3B4 80%,#FFFFFF 100%),
    radial-gradient(600px 520px at 100% 30%,rgba(210,232,255,.95),rgba(150,190,240,.45),transparent 58%);
}
.hero__container{position:relative;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:1200 / 800;}
.hero__bg-l,.hero__bg-r{position:absolute;pointer-events:none;max-width:none;display:block;mix-blend-mode:screen;opacity:.85;z-index:0;}
.hero__bg-l{left:calc(-804 * var(--u));top:calc(-264 * var(--u));width:calc(1244 * var(--u));height:calc(700 * var(--u));}
.hero__bg-r{left:calc(341 * var(--u));top:calc(-21 * var(--u));width:calc(1244 * var(--u));height:calc(700 * var(--u));}

.header{position:absolute;z-index:10;left:calc(27 * var(--u));right:calc(27 * var(--u));top:calc(28 * var(--u));height:calc(44 * var(--u));display:flex;align-items:center;gap:calc(24 * var(--u));}
.logo{transition:opacity .25s ease,transform .25s ease;}
.logo__img{height:calc(44 * var(--u));width:auto;display:block;transition:transform .3s ease;}

.nav{display:flex;gap:calc(26 * var(--u));flex:1;justify-content:center;}
.nav a{color:#fff;font-size:calc(18 * var(--u));line-height:1.22;text-decoration:none;position:relative;padding:calc(4 * var(--u)) 0;white-space:nowrap;transition:color .25s ease;}
.nav a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:var(--green);border-radius:2px;transition:width .3s ease,left .3s ease;}

.socials{display:flex;gap:calc(14 * var(--u));flex:0 0 auto;align-items:center;margin-left:auto;}
.social{display:flex;align-items:center;justify-content:center;width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:50%;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;}
.social img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;padding:20%;box-sizing:border-box;transition:transform .35s ease;}
.socials .social:first-child{background:linear-gradient(180deg,#DCEDFF 0%,#2AA5EA 55%,#27A6E6 100%);}
.socials .social:last-of-type{background:#0077FF;border-radius:calc(8 * var(--u));}

.header__burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;}
.header__burger span{width:26px;height:3px;background:#fff;border-radius:2px;transition:background .25s ease;}

.hero__inner{position:absolute;z-index:5;left:calc(39 * var(--u));top:calc(90 * var(--u));width:calc(598 * var(--u));}
.hero__lede{color:#fff;font-size:calc(22 * var(--u));font-weight:700;line-height:calc(58 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));}
.hero__lede-dot{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:50%;background:var(--green);flex:0 0 auto;box-shadow:0 0 0 calc(5 * var(--u)) rgba(163,204,0,.35);}
.hero__title{color:#fff;font-weight:700;font-size:calc(50 * var(--u));line-height:calc(58 * var(--u));margin-top:calc(1 * var(--u));}
.hero__bonus{color:var(--green);font-weight:700;font-size:calc(100 * var(--u));line-height:calc(121 * var(--u));margin-top:calc(-5 * var(--u));}
.hero__usp{margin-top:calc(17 * var(--u));display:flex;gap:calc(32 * var(--u));width:calc(550 * var(--u));}
.usp__item{color:#fff;font-size:calc(14 * var(--u));line-height:calc(17 * var(--u));display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(14 * var(--u));flex:1;}
.usp__icon{width:calc(64 * var(--u));height:calc(64 * var(--u));background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease;}
.usp__icon--planet{background-image:url("../images/planet_icon 1.png");}
.usp__icon--docs{background-image:url("../images/documents_icon 1.png");}
.usp__icon--mgr{background-image:url("../images/manager_icon 1.png");}

.hero .btn--lg{position:absolute;left:50%;top:68.5%;transform:translateX(-50%);margin:0;z-index:6;}

.hero__char{position:absolute;z-index:4;right:0;top:calc(151 * var(--u));width:calc(700 * var(--u));max-width:none;height:auto;transition:transform .6s ease;}
.hero:hover .hero__char{transform:translateY(-6px);}

/* ============================================================
   V2B
   ============================================================ */
.v2b{margin-top:calc(-124 * var(--u));padding-top:calc(10 * var(--u));padding-bottom:calc(38 * var(--u));z-index:6;}
.v2b .section__title{margin-bottom:calc(33 * var(--u));}
.v2b__wrap{position:relative;width:100%;margin:0 auto;padding:calc(10 * var(--u)) 0;}
.v2b__bar{position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(172 * var(--u));height:100%;object-fit:cover;border-radius:calc(20 * var(--u));z-index:1;pointer-events:none;}
.v2b__card{position:relative;z-index:2;background:linear-gradient(180deg,#F4FBEE 0%,#EAF4DC 100%);border-radius:calc(28 * var(--u));padding:calc(20 * var(--u)) calc(21 * var(--u));min-height:calc(240 * var(--u));display:flex;justify-content:space-between;align-items:flex-start;}
.v2b__char{position:absolute;left:calc(486 * var(--u));top:calc(20 * var(--u));width:calc(147 * var(--u));z-index:4;pointer-events:none;}

.v2b__star-left,.v2b__star-right{position:absolute;width:calc(100 * var(--u));height:calc(100 * var(--u));top:calc(70 * var(--u));z-index:7;transition:transform .5s ease;}
.v2b__star-left{left:calc(332 * var(--u));}
.v2b__star-right{right:calc(332 * var(--u));}
.v2b__star-left-mobile,.v2b__star-right-mobile{display:none;}

.mini-card{background:#fff;border-radius:calc(10 * var(--u));width:calc(360 * var(--u));min-height:calc(200 * var(--u));flex:0 0 calc(360 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;z-index:4;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;}
.mini-card__ico{width:calc(130 * var(--u));height:calc(130 * var(--u));margin:calc(2 * var(--u)) auto calc(8 * var(--u));flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:transform .35s ease;}
.mini-card__ico img{max-width:100%;max-height:100%;object-fit:contain;}
.mini-card__title{font-weight:600;font-size:calc(24 * var(--u));line-height:1.21;color:var(--navy);text-align:center;}
.v2b .btn--lg{margin-top:calc(35 * var(--u));}

/* ============================================================
   PLATFORMS
   ============================================================ */
.platforms{padding-top:calc(10 * var(--u));padding-bottom:calc(30 * var(--u));}
.platforms .section__title{margin-bottom:calc(33 * var(--u));}
.platforms__wrap{position:relative;width:100%;margin:0 auto;padding:calc(10 * var(--u)) 0;}
.platforms__bar{position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(172 * var(--u));height:100%;object-fit:cover;border-radius:calc(20 * var(--u));z-index:1;pointer-events:none;}
.platforms__track{position:relative;z-index:2;display:flex;align-items:center;gap:calc(16 * var(--u));height:calc(140 * var(--u));background:#fff;border-radius:calc(20 * var(--u));box-shadow:0 10px 30px rgba(0,33,72,.05);padding:0 calc(16 * var(--u));overflow:hidden;transition:box-shadow .3s ease;}
.platforms__inner{display:flex;gap:calc(32 * var(--u));align-items:center;justify-content:flex-start;width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:0 calc(10 * var(--u));cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;}
.platforms__inner.is-dragging{cursor:grabbing;scroll-behavior:auto;}
.platforms__inner::-webkit-scrollbar{display:none;}
.platforms__arrow{flex:0 0 auto;width:calc(12 * var(--u));display:block;cursor:pointer;user-select:none;transition:transform .25s ease;}
.plat{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:calc(60 * var(--u));transition:transform .3s ease,filter .3s ease;filter:grayscale(15%);}
.plat img{height:auto;max-height:calc(48 * var(--u));width:auto;object-fit:contain;transition:transform .3s ease;pointer-events:none;}
.platforms .btn--lg{margin-top:calc(35 * var(--u));}

/* ============================================================
   COMPARE
   ============================================================ */
.compare{padding-top:calc(40 * var(--u));padding-bottom:calc(20 * var(--u));}
.compare .section__title{margin-bottom:calc(34 * var(--u));}
.compare__char{position:absolute;right:calc(30 * var(--u));top:0;width:calc(145 * var(--u));z-index:3;}
.compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--u));}
.compare__card{border-radius:calc(20 * var(--u));padding:calc(26 * var(--u)) calc(34 * var(--u)) calc(24 * var(--u)) calc(26 * var(--u));min-height:calc(270 * var(--u));display:grid;grid-template-columns:calc(120 * var(--u)) 1fr;grid-template-areas:"title title" "icon text";gap:calc(16 * var(--u)) calc(20 * var(--u));align-items:center;transition:transform .3s ease,box-shadow .3s ease;}
.compare__card--lose{background:var(--bg-line);}
.compare__card--win{background:#fff;box-shadow:0 8px 28px rgba(0,33,72,.08);}
.compare__text{display:contents;}
.compare__title{grid-area:title;font-weight:600;font-size:calc(24 * var(--u));line-height:1.21;color:var(--navy);text-align:center;}
.compare__ico{grid-area:icon;width:calc(120 * var(--u));height:calc(120 * var(--u));display:flex;align-items:center;justify-content:center;align-self:center;transition:transform .35s ease;}
.compare__ico img{max-width:100%;max-height:100%;object-fit:contain;}
.compare__text p{grid-area:text;font-size:calc(18 * var(--u));line-height:1.55;color:#000;align-self:center;}
.compare .btn--lg{margin-top:calc(33 * var(--u));}

/* ============================================================
   AUDIENCE — desktop
   ============================================================ */
.audience{padding-top:calc(14 * var(--u));padding-bottom:calc(20 * var(--u));}
.audience .section__title{margin-bottom:calc(63 * var(--u));}
.audience__wrap{position:relative;}

.audience__stars{
  position:absolute;left:0;right:0;top:calc(-60 * var(--u));
  display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;
  z-index:3;pointer-events:none;
}
.star-wrap{position:relative;display:block;width:calc(120 * var(--u));height:calc(120 * var(--u));}
.star-wrap .star--green{width:100%;height:100%;display:block;transition:transform .6s ease;}
.star-wrap .star--navy{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:calc(50 * var(--u));height:calc(50 * var(--u));display:block;
  transition:transform .6s ease;
}

.audience__panel{
  background:var(--navy2);border-radius:calc(20 * var(--u));
  min-height:calc(520 * var(--u));
  padding:calc(86 * var(--u)) calc(24 * var(--u)) calc(50 * var(--u));
  display:grid;grid-template-columns:repeat(4,1fr);
  position:relative;overflow:hidden;
}
.audience__col{color:#fff;padding:0 calc(22 * var(--u));border-right:1px solid #295F9E;text-align:center;transition:transform .3s ease;}
.audience__col:last-child{border-right:0;}
.audience__title{color:var(--green);font-weight:600;font-size:calc(24 * var(--u));line-height:1.21;text-align:center;margin-bottom:calc(35 * var(--u));min-height:calc(58 * var(--u));display:flex;align-items:center;justify-content:center;}
.audience__ico{width:calc(126 * var(--u));height:calc(126 * var(--u));margin:0 auto calc(25 * var(--u));display:flex;align-items:center;justify-content:center;transition:transform .35s ease;}
.audience__ico img{max-width:100%;max-height:100%;object-fit:contain;}
.audience__col p{font-size:calc(18 * var(--u));line-height:1.55;text-align:center;}
.audience__star-mobile{display:none;}
.audience .btn--lg{margin-top:calc(43 * var(--u));}

/* ============================================================
   WHY
   ============================================================ */
.why{padding-top:calc(4 * var(--u));padding-bottom:calc(22 * var(--u));overflow:visible;}
.why .section__title{margin-bottom:calc(35 * var(--u));}
.why__char{position:absolute;left:calc(145 * var(--u));top:calc(-60 * var(--u));width:calc(250 * var(--u));height:auto;z-index:1;pointer-events:none;}
.why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20 * var(--u));position:relative;z-index:2;}
.why__card{position:relative;min-height:calc(320 * var(--u));isolation:isolate;transition:transform .35s ease;}
.why__card::before{content:"";position:absolute;inset:0;background:#fff;border-radius:calc(20 * var(--u));box-shadow:0 6px 24px rgba(0,33,72,.07);z-index:1;transition:box-shadow .35s ease;}
.why__num{display:none;}
.why__body{position:relative;z-index:2;padding:calc(13 * var(--u)) calc(20 * var(--u)) calc(22 * var(--u));text-align:center;}
.why__ico{width:calc(88 * var(--u));height:calc(88 * var(--u));margin:0 auto calc(12 * var(--u));display:flex;align-items:center;justify-content:center;transition:transform .35s ease;}
.why__ico img{max-width:100%;max-height:100%;object-fit:contain;}
.why__title{font-weight:600;font-size:calc(20 * var(--u));line-height:1.2;color:#000;margin-bottom:calc(14 * var(--u));min-height:calc(48 * var(--u));display:flex;align-items:center;justify-content:center;}
.why__body p{font-size:calc(18 * var(--u));line-height:1.44;color:#000;}
.why .btn--lg{margin-top:calc(40 * var(--u));}

/* ============================================================
   HOW
   ============================================================ */
.how{padding-top:calc(18 * var(--u));padding-bottom:calc(28 * var(--u));}
.how .section__title{margin-bottom:calc(54 * var(--u));}
.how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20 * var(--u));position:relative;}
.how__step{background:var(--bg-line);border-radius:calc(20 * var(--u));padding:calc(22 * var(--u)) calc(15 * var(--u));text-align:center;position:relative;min-height:calc(300 * var(--u));display:flex;flex-direction:column;align-items:center;transition:transform .35s ease,box-shadow .35s ease,background .35s ease;}
.how__ico{width:calc(80 * var(--u));height:calc(80 * var(--u));margin:0 auto calc(12 * var(--u));flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:transform .35s ease;}
.how__ico img{max-width:100%;max-height:100%;object-fit:contain;}
.how__title{font-weight:600;font-size:calc(20 * var(--u));line-height:1.2;color:var(--navy);margin-bottom:calc(14 * var(--u));min-height:calc(48 * var(--u));display:flex;align-items:center;justify-content:center;}
.how__step p{font-size:calc(18 * var(--u));line-height:1.44;color:#000;}
.how__num{position:absolute;top:calc(-28 * var(--u));left:calc(15 * var(--u));width:calc(100 * var(--u));height:calc(100 * var(--u));display:flex;align-items:center;justify-content:center;pointer-events:none;background:url("../images/звезда зеленая.svg") no-repeat center/contain;z-index:3;transition:transform .5s ease;}
.how__num i{font-style:normal;font-weight:800;font-size:calc(28 * var(--u));color:#fff;line-height:1;}
.how .btn--lg{margin-top:calc(41 * var(--u));}
.how__arrow{position:absolute;width:calc(24 * var(--u));height:calc(24 * var(--u));top:calc(140 * var(--u));z-index:4;pointer-events:none;transition:transform .3s ease;}
.how__arrow--1{left:calc(25% - 12 * var(--u));}
.how__arrow--2{left:calc(50% - 12 * var(--u));}
.how__arrow--3{left:calc(75% - 12 * var(--u));}

/* ============================================================
   FAQ
   ============================================================ */
.faq{padding-top:calc(48 * var(--u));padding-bottom:calc(28 * var(--u));}
.faq .section__title{margin-bottom:calc(33 * var(--u));}
.faq__char{position:absolute;right:calc(238 * var(--u));top:calc(3 * var(--u));width:calc(121 * var(--u));z-index:2;}
.faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--u));align-items:start;}
.acc{background:#fff;border-radius:calc(20 * var(--u));box-shadow:0 15px 15px rgba(0,0,0,.05);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;}
.acc__q{width:100%;background:none;border:0;padding:0 calc(30 * var(--u));font-size:calc(18 * var(--u));line-height:1.55;font-weight:400;color:#000;display:flex;justify-content:space-between;align-items:center;gap:calc(14 * var(--u));cursor:pointer;text-align:left;min-height:calc(80 * var(--u));transition:color .25s ease;}
.acc__sign{color:var(--green);font-size:calc(40 * var(--u));font-weight:400;flex:0 0 auto;line-height:1;margin-top:calc(-4 * var(--u));transition:transform .3s ease,color .3s ease;}
.acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;padding:0 calc(30 * var(--u));}
.acc__a p{overflow:hidden;font-size:calc(16 * var(--u));line-height:1.4;color:var(--ink2);}
.acc.open .acc__a{grid-template-rows:1fr;padding-bottom:calc(20 * var(--u));}
.acc.open .acc__sign{transform:rotate(45deg);}

/* ============================================================
   FORM
   ============================================================ */
.form{padding-top:calc(51 * var(--u));padding-bottom:calc(90 * var(--u));}
.form__box{position:relative;background:var(--navy2);border-radius:calc(20 * var(--u));width:100%;margin:0 auto;padding:calc(20 * var(--u)) calc(244 * var(--u)) calc(20 * var(--u));overflow:visible;}
.form__spark{position:absolute;left:calc(40 * var(--u));top:calc(-80 * var(--u));width:calc(330 * var(--u));height:calc(330 * var(--u));max-width:none;pointer-events:none;z-index:0;}
.form__char{position:absolute;left:calc(205 * var(--u));top:calc(-30 * var(--u));width:calc(280 * var(--u));height:auto;max-width:none;z-index:3;pointer-events:none;}
.form__fill{display:none;}

.form__line{
  display:block;
  position:absolute;
  top:calc(129 * var(--u));
  left:calc(244 * var(--u));
  right:calc(244 * var(--u));
  height:0;
  border-top:calc(2 * var(--u)) dashed var(--green);
  z-index:2;
  pointer-events:none;
}

.form__title{position:relative;margin-left:calc(250 * var(--u));width:calc(365 * var(--u));color:#fff;font-weight:600;font-size:calc(32 * var(--u));line-height:1.22;z-index:2;}
.form__title em{font-style:normal;color:var(--green);}
.form__form{position:relative;margin-top:calc(61 * var(--u));display:flex;flex-direction:column;gap:calc(12 * var(--u));z-index:2;}
.field{display:flex;flex-direction:column;gap:calc(11 * var(--u));}
.field__label{font-size:calc(18 * var(--u));line-height:1.55;color:#fff;}
.field__input{border-radius:calc(10 * var(--u));border:0;height:calc(52 * var(--u));padding:0 calc(20 * var(--u));font-size:calc(18 * var(--u));line-height:1.55;background:#fff;color:var(--navy);width:100%;transition:box-shadow .25s ease,transform .25s ease;}
.field__input::placeholder{color:#3a4a66;transition:color .25s ease;}
.check{display:flex;align-items:center;gap:calc(14 * var(--u));font-size:calc(14 * var(--u));color:#fff;line-height:1.2;margin-top:calc(11 * var(--u));}
.check input{width:calc(32 * var(--u));height:calc(32 * var(--u));accent-color:var(--green);flex:0 0 auto;border-radius:calc(10 * var(--u));cursor:pointer;transition:transform .2s ease;}
.btn--form{display:flex;width:calc(320 * var(--u));max-width:100%;margin:calc(16 * var(--u)) auto calc(-46 * var(--u));font-size:calc(22 * var(--u));padding:calc(17 * var(--u)) calc(20 * var(--u));position:relative;z-index:4;}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{width:100%;max-width:1200px;margin:calc(9 * var(--u)) auto 0;min-height:calc(91 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--u));padding:0 calc(40 * var(--u));}
.footer .logo__img{height:calc(44 * var(--u));}
.footer__meta{display:flex;gap:calc(76 * var(--u));align-items:center;font-size:calc(16 * var(--u));line-height:1.2;color:var(--navy);}
.footer__meta a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .25s ease,color .25s ease;}
.footer .socials .social:first-child{background:linear-gradient(180deg,#DCEDFF 0%,#2AA5EA 55%,#27A6E6 100%);border-radius:50%;}
.footer .socials .social:last-of-type{background:#0077FF;border-radius:calc(8 * var(--u));}
.footer .social img{padding:20%;}

/* ============================================================
   HOVER
   ============================================================ */
@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(117,146,0,.45);filter:brightness(1.06);}
  .btn:active{transform:translateY(-1px);box-shadow:0 6px 14px rgba(117,146,0,.4);}
  .hero .btn--lg:hover{transform:translateX(-50%) translateY(-3px);}
  .hero .btn--lg:active{transform:translateX(-50%) translateY(-1px);}
  .logo:hover .logo__img{transform:scale(1.05);}
  .social:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 22px rgba(0,0,0,.25);}
  .social:hover img{transform:scale(1.12);}
  .header__burger:hover span{background:var(--green);}
  .nav a:hover{color:var(--green);}
  .nav a:hover::after{width:100%;left:0;}
  .usp__item:hover .usp__icon{transform:translateY(-4px) scale(1.08);}
  .mini-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(0,33,72,.12);}
  .mini-card:hover .mini-card__ico{transform:translateY(-4px) scale(1.06);}
  .v2b__card:hover .v2b__star-left{transform:scale(1.06);}
  .v2b__card:hover .v2b__star-right{transform:scale(1.06);}
  .platforms__track:hover{box-shadow:0 16px 42px rgba(0,33,72,.12);}
  .platforms__arrow:hover{transform:scale(1.15);}
  .platforms__arrow:active{transform:scale(.95);}
  .plat:hover{transform:translateY(-3px) scale(1.06);filter:grayscale(0%);}
  .plat:hover img{transform:scale(1.04);}
  .compare__card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,33,72,.14);}
  .compare__card:hover .compare__ico{transform:scale(1.08) rotate(-3deg);}
  .audience__col:hover{transform:translateY(-4px);}
  .audience__col:hover .audience__ico{transform:translateY(-5px) scale(1.08);}
  .star-wrap:hover .star--green{transform:rotate(25deg) scale(1.05);}
  .star-wrap:hover .star--navy{transform:translate(-50%,-50%) rotate(-25deg) scale(1.1);}
  .why__card:hover{transform:translateY(-8px);}
  .why__card:hover::before{box-shadow:0 20px 44px rgba(0,33,72,.14);}
  .why__card:hover .why__ico{transform:translateY(-4px) scale(1.08);}
  .how__step:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(0,33,72,.1);background:#E7F1FB;}
  .how__step:hover .how__ico{transform:translateY(-4px) scale(1.08);}
  .how__step:hover .how__num{transform:rotate(20deg) scale(1.05);}
  .acc:hover{box-shadow:0 20px 30px rgba(0,33,72,.1);transform:translateY(-2px);}
  .acc.open{transform:translateY(0);}
  .acc__q:hover{color:var(--navy);}
  .acc__q:hover .acc__sign{transform:rotate(90deg);}
  .acc.open .acc__q:hover .acc__sign{transform:rotate(45deg) scale(1.1);}
  .field__input:hover{box-shadow:0 0 0 2px rgba(163,204,0,.35);}
  .field__input:focus{outline:none;box-shadow:0 0 0 3px rgba(163,204,0,.65);}
  .field__input:hover::placeholder{color:#2c3a55;}
  .check:hover input{transform:scale(1.1);}
  .footer__meta a:hover{color:var(--green-d);text-decoration-color:var(--green-d);}
}

/* ============================================================
   MOBILE  ≤ 768px
   ============================================================ */
@media only screen and (max-width:768px){

  :root{ --u: clamp(0.85px, 0.2667vw, 1.1px); }

  .section{padding:0 calc(20 * var(--u));}
  .section__title{font-size:calc(22 * var(--u));line-height:1.27;}

  /* ---------- HERO ---------- */
  .hero__container{aspect-ratio:auto;height:calc(800 * var(--u));max-width:none;}
  .hero__bg-l,.hero__bg-r{display:none;}
  .header{left:calc(16 * var(--u));right:calc(16 * var(--u));top:calc(16 * var(--u));height:calc(40 * var(--u));gap:calc(10 * var(--u));}
  .logo__img{height:calc(32 * var(--u));}
  .header .social{width:calc(26 * var(--u));height:calc(26 * var(--u));}
  .socials{gap:calc(8 * var(--u));}
  .nav{display:none;}
  .header__burger{display:flex;}

  /* --- Анимированный бургер --- */
  .header__burger{
    position:relative;
    z-index:101;
    transition:transform .25s ease;
  }
  .header__burger span{
    transition:transform .3s ease, opacity .25s ease, background .25s ease;
    transform-origin:center;
  }
  .header__burger.is-active span:nth-child(1){
    transform:translateY(8px) rotate(45deg);
    background:var(--green);
  }
  .header__burger.is-active span:nth-child(2){
    opacity:0;
    transform:scaleX(0);
  }
  .header__burger.is-active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
    background:var(--green);
  }

  /* --- Мобильное меню: плавное появление --- */
  .nav{
    display:flex;
    position:absolute;
    top:calc(56 * var(--u));
    left:calc(16 * var(--u));
    right:calc(16 * var(--u));
    flex-direction:column;
    gap:calc(6 * var(--u));
    padding:calc(18 * var(--u)) calc(16 * var(--u));
    text-align:center;
    z-index:100;
    background:linear-gradient(180deg,#0B2A52 0%,#002148 100%);
    border-radius:calc(16 * var(--u));
    box-shadow:0 20px 50px rgba(0,0,0,.35), inset 0 0 0 1px rgba(163,204,0,.12);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-14px) scale(.98);
    transform-origin:top center;
    transition:
      opacity .28s ease,
      transform .35s cubic-bezier(.2,.9,.3,1.15),
      visibility .28s;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .nav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .nav a{
    position:relative;
    color:#fff;
    font-size:calc(16 * var(--u));
    padding:calc(12 * var(--u)) calc(10 * var(--u));
    border-radius:calc(10 * var(--u));
    transition:background .25s ease, color .25s ease, transform .2s ease;
  }
  .nav a::after{display:none;}
  .nav a:active{
    background:rgba(163,204,0,.15);
    color:var(--green);
    transform:scale(.98);
  }

  body.menu-open{overflow:hidden;}

  .hero__inner{left:calc(20 * var(--u));right:calc(20 * var(--u));top:calc(73 * var(--u));width:auto;}
  .hero__lede{font-size:calc(14 * var(--u));line-height:1.2;gap:calc(6 * var(--u));margin-bottom:calc(29 * var(--u));}
  .hero__lede-dot{width:calc(10 * var(--u));height:calc(10 * var(--u));box-shadow:none;}
  .hero__title{font-size:calc(30 * var(--u));line-height:calc(40 * var(--u));margin:0 0 calc(4 * var(--u));}
  .hero__bonus{font-size:calc(60 * var(--u));line-height:calc(62 * var(--u));margin:calc(5 * var(--u)) 0 0;}
  .hero__usp{margin-top:calc(265 * var(--u));width:auto;gap:0;justify-content:space-between;align-items:stretch;}
  .usp__item{font-size:calc(12 * var(--u));line-height:1.3;gap:calc(8 * var(--u));color:#fff;padding:0 calc(10 * var(--u));position:relative;flex:1;}
  .usp__item:not(:last-child)::after{content:"";position:absolute;right:0;top:calc(2 * var(--u));bottom:calc(2 * var(--u));width:1px;background:rgba(255,255,255,.35);}
  .usp__icon{width:calc(48 * var(--u));height:calc(48 * var(--u));}
  .hero__char{left:calc(10 * var(--u));right:auto;top:calc(250 * var(--u));width:calc(469 * var(--u));max-width:none;}
  .hero .btn--lg{top:calc(647 * var(--u));width:calc(320 * var(--u));font-size:calc(18 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));}

  /* ---------- V2B ---------- */
  .v2b{height:calc(660 * var(--u));margin-top:-90px;padding:0;position:relative;}
  .v2b .section__title{position:absolute;top:calc(20 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));}
  .v2b__wrap{position:absolute;top:calc(96 * var(--u));left:0;right:0;height:calc(420 * var(--u));padding:0;}
  .v2b__bar{
    display:block;
    top:calc(-7 * var(--u));
    left:50%;
    transform:translateX(-50%);
    width:calc(200 * var(--u));
    height:calc(438 * var(--u));
    border-radius:calc(18 * var(--u));
    object-fit:cover;
    z-index:1;
    pointer-events:none;
  }
  .v2b__card{position:absolute;top:0;left:calc(20 * var(--u));right:calc(20 * var(--u));height:calc(420 * var(--u));padding:calc(20 * var(--u)) calc(12 * var(--u)) calc(24 * var(--u));display:grid;grid-template-columns:1fr 1fr;gap:calc(14 * var(--u));align-items:start;border-radius:calc(28 * var(--u));background:linear-gradient(180deg,#F4FBEE 0%,#EAF4DC 100%);}
  .v2b__char{left:50%;top:calc(20 * var(--u));transform:translateX(-50%);width:calc(125 * var(--u));}
  .v2b__star-left,.v2b__star-right{display:none;}
  .v2b__star-left-mobile,.v2b__star-right-mobile{display:block;position:absolute;top:calc(196 * var(--u));height:60px;width:auto;transform:translate(-50%,-50%);z-index:8;pointer-events:none;transition:transform .5s ease;}
  .v2b__star-left-mobile{left:25.75%;}
  .v2b__star-right-mobile{left:74.25%;}
  .mini-card{width:100%;min-height:calc(200 * var(--u));flex:none;align-self:end;padding:calc(16 * var(--u)) calc(6 * var(--u)) calc(10 * var(--u));gap:calc(6 * var(--u));}
  .mini-card__ico{width:calc(100 * var(--u));height:calc(100 * var(--u));flex:0 0 auto;}
  .mini-card__title{font-size:calc(16 * var(--u));line-height:1.25;padding:0 calc(2 * var(--u));}
  .v2b .btn--lg{position:absolute;top:calc(573 * var(--u));left:50%;transform:translateX(-50%);margin:0;width:calc(320 * var(--u));font-size:calc(18 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));}

  /* ---------- PLATFORMS ---------- */
  .platforms{height:calc(310 * var(--u));padding:0;position:relative;}
  .platforms .section__title{position:absolute;top:calc(20 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));}
  .platforms__wrap{position:absolute;top:calc(90 * var(--u));left:0;right:0;height:calc(120 * var(--u));padding:0;}
  .platforms__bar{
    display:block;
    top:calc(-9 * var(--u));
    left:50%;
    transform:translateX(-50%);
    width:calc(150 * var(--u));
    height:calc(140 * var(--u));
    border-radius:calc(18 * var(--u));
    object-fit:cover;
    z-index:1;
    pointer-events:none;
  }
  .platforms__track{position:absolute;top:0;left:calc(20 * var(--u));right:calc(20 * var(--u));height:calc(120 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(16 * var(--u));gap:calc(8 * var(--u));z-index:2;}
  .platforms__inner{gap:calc(16 * var(--u));padding:0 calc(5 * var(--u));}
  .platforms__arrow{width:calc(12 * var(--u));}
  .plat{height:calc(50 * var(--u));filter:none;}
  .plat img{max-height:calc(36 * var(--u));}
  .platforms .btn--lg{position:absolute;top:calc(230 * var(--u));left:50%;transform:translateX(-50%);margin:0;width:calc(320 * var(--u));font-size:calc(18 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));}

  /* ---------- COMPARE ---------- */
  .compare{height:calc(790 * var(--u));padding:0;position:relative;}
  .compare .section__title{position:absolute;top:0;left:calc(20 * var(--u));right:calc(20 * var(--u));}
  .compare__char{right:calc(20 * var(--u));top:auto;bottom:calc(75 * var(--u));width:calc(130 * var(--u));z-index:4;}
  .compare__grid{position:absolute;top:calc(70 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));grid-template-columns:1fr;gap:calc(14 * var(--u));}
  .compare__card{height:calc(310 * var(--u));padding:calc(24 * var(--u));grid-template-columns:calc(84 * var(--u)) 1fr;gap:calc(12 * var(--u)) calc(16 * var(--u));align-items:start;}
  .compare__title{font-size:calc(18 * var(--u));line-height:1.25;}
  .compare__ico{width:calc(84 * var(--u));height:calc(84 * var(--u));align-self:start;}
  .compare__text p{font-size:calc(14 * var(--u));line-height:1.5;align-self:start;}
  .compare .btn--lg{position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin:0;width:calc(320 * var(--u));font-size:calc(18 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));}

  /* ---------- AUDIENCE ---------- */
  .audience__stars{display:none;}
  .audience{height:calc(900 * var(--u));padding:0;position:relative;}
  .audience .section__title{position:absolute;top:calc(45 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));}
  .audience__wrap{position:absolute;top:calc(96 * var(--u));left:0;right:0;height:calc(720 * var(--u));padding:0;}

  .audience__panel{
    position:absolute;top:calc(36 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));
    height:calc(684 * var(--u));min-height:0;
    padding:0 calc(12 * var(--u)) calc(24 * var(--u));
    grid-template-columns:1fr 1fr;
    gap:calc(20 * var(--u)) calc(12 * var(--u));
    border-radius:calc(20 * var(--u));
    overflow:visible;
  }
  .audience__panel::before{
    content:"";position:absolute;top:calc(70 * var(--u));bottom:calc(20 * var(--u));
    left:50%;transform:translateX(-50%);
    width:1px;background:#295F9E;z-index:1;
  }
  .audience__col{
    padding:calc(40 * var(--u)) calc(8 * var(--u)) 0;
    border-right:0;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
    position:relative;z-index:2;
  }
  .audience__star-mobile{
    display:block;
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-50%);
    width:calc(76 * var(--u));
    height:calc(76 * var(--u));
    margin:0;flex:0 0 auto;pointer-events:none;z-index:5;
  }
  .audience__star-mobile .star--green{width:100%;height:100%;display:block;}
  .audience__star-mobile .star--navy{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:calc(32 * var(--u));height:calc(32 * var(--u));display:block;
  }
  .audience__title{font-size:calc(17 * var(--u));line-height:1.25;min-height:0;margin:0 0 calc(14 * var(--u));color:var(--green);font-weight:600;}
  .audience__ico{width:calc(92 * var(--u));height:calc(92 * var(--u));margin:0 auto calc(14 * var(--u));}
  .audience__col p{font-size:calc(13 * var(--u));line-height:1.4;text-align:center;}
  .audience .btn--lg{position:absolute;top:calc(834 * var(--u));left:50%;transform:translateX(-50%);margin:0;width:calc(320 * var(--u));font-size:calc(18 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));}

  /* ---------- WHY ---------- */
  .why{height:calc(700 * var(--u));padding:0;position:relative;overflow:visible;}
  .why .section__title{position:absolute;top:25px;left:calc(20 * var(--u));right:calc(20 * var(--u));}
  .why__char{
    left:50%;top:calc(315 * var(--u));
    transform:translate(-50%,-50%);
    width:calc(140 * var(--u));height:auto;
    z-index:10;pointer-events:none;
  }
  .why__grid{position:absolute;top:calc(85 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));grid-template-columns:1fr 1fr;gap:calc(16 * var(--u)) calc(14 * var(--u));z-index:1;}
  .why__card{height:calc(240 * var(--u));min-height:calc(240 * var(--u));}
  .why__card::before{content:"";position:absolute;inset:0;background:#fff;border-radius:calc(20 * var(--u));box-shadow:0 6px 24px rgba(0,33,72,.07);z-index:1;}
  .why__num{display:none;}
  .why__body{padding:calc(22 * var(--u)) calc(12 * var(--u)) calc(16 * var(--u));position:relative;z-index:2;}
  .why__ico{width:calc(70 * var(--u));height:calc(70 * var(--u));margin:0 auto calc(10 * var(--u));}
  .why__title{font-size:calc(13 * var(--u));line-height:1.3;min-height:calc(34 * var(--u));margin-bottom:calc(8 * var(--u));}
  .why__body p{font-size:calc(11 * var(--u));line-height:1.36;}
  .why .btn--lg{position:absolute;top:calc(630 * var(--u));left:50%;transform:translateX(-50%);margin:0;width:calc(320 * var(--u));font-size:calc(18 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));}

  /* ---------- HOW ---------- */
  .how{height:calc(800 * var(--u));padding:0;position:relative;}
  .how .section__title{position:absolute;top:calc(36 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));}
  .how__grid{position:absolute;top:calc(116 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));grid-template-columns:1fr 1fr;gap:calc(14 * var(--u));}
  .how__step{height:calc(290 * var(--u));min-height:0;padding:calc(56 * var(--u)) calc(12 * var(--u)) calc(16 * var(--u));}
  .how__ico{width:calc(72 * var(--u));height:calc(72 * var(--u));margin:0 auto calc(10 * var(--u));}
  .how__num{width:calc(68 * var(--u));height:calc(68 * var(--u));top:calc(-34 * var(--u));left:calc(10 * var(--u));}
  .how__num i{font-size:calc(22 * var(--u));}
  .how__title{font-size:calc(16 * var(--u));line-height:1.25;margin-bottom:calc(8 * var(--u));min-height:0;}
  .how__step p{font-size:calc(12.5 * var(--u));line-height:1.4;}
  .how__arrow{display:none;}
  .how .btn--lg{position:absolute;top:calc(736 * var(--u));left:50%;transform:translateX(-50%);margin:0;width:calc(320 * var(--u));font-size:calc(18 * var(--u));padding:calc(19 * var(--u)) calc(20 * var(--u));}

  /* ---------- FAQ ---------- */
  .faq{height:auto;padding:calc(20 * var(--u)) calc(20 * var(--u)) calc(24 * var(--u));}
  .faq .section__title{position:static;margin-bottom:calc(30 * var(--u));}
  .faq__char{right:0;top:calc(70 * var(--u));width:calc(110 * var(--u));}
  .faq__grid{position:static;grid-template-columns:1fr;gap:calc(14 * var(--u));}
  .acc__q{padding:0 calc(20 * var(--u));font-size:calc(14 * var(--u));line-height:1.43;min-height:calc(80 * var(--u));}
  .acc__sign{font-size:calc(28 * var(--u));}
  .acc__a{padding:0 calc(20 * var(--u));}
  .acc__a p{font-size:calc(13 * var(--u));}
  .acc.open .acc__a{padding-bottom:calc(16 * var(--u));}

  /* ---------- FORM ---------- */
  .form{padding:calc(30 * var(--u)) calc(20 * var(--u)) calc(60 * var(--u));}
  .form__box{
    position:relative;
    padding:calc(102 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u));
    border-radius:calc(20 * var(--u));
    overflow:visible;
  }
  .form__spark{left:calc(80 * var(--u));top:calc(-30 * var(--u));width:calc(190 * var(--u));height:calc(190 * var(--u));z-index:0;}
  .form__char{left:calc(144 * var(--u));top:calc(18 * var(--u));width:calc(180 * var(--u));z-index:5;}

  .form__fill{
    display:block;
    position:absolute;
    top:calc(120 * var(--u));
    left:0;
    right:0;
    bottom:0;
    background:var(--navy2);
    border-bottom-left-radius:calc(20 * var(--u));
    border-bottom-right-radius:calc(20 * var(--u));
    z-index:2;
    pointer-events:none;
  }

  .form__line{
    display:block;
    position:absolute;
    top:calc(120 * var(--u));
    left:calc(30 * var(--u));
    right:calc(30 * var(--u));
    height:0;
    border-top:calc(2 * var(--u)) dashed var(--green);
    z-index:3;
    pointer-events:none;
  }

  .form__title{margin-left:0;width:auto;text-align:center;font-size:calc(20 * var(--u));line-height:1.3;margin-top:calc(30 * var(--u));position:relative;z-index:4;}
  .form__form{margin-top:calc(47 * var(--u));gap:calc(24 * var(--u));position:relative;z-index:4;}
  .field{gap:calc(9 * var(--u));}
  .field__label{font-size:calc(13 * var(--u));line-height:1.38;}
  .field__input{height:calc(52 * var(--u));font-size:calc(14 * var(--u));padding:0 calc(14 * var(--u));}
  .check{font-size:calc(13 * var(--u));line-height:1.85;gap:calc(8 * var(--u));margin-top:0;}
  .check input{-webkit-appearance:none;appearance:none;width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:calc(5 * var(--u));background:#fff;}
  .btn--form{
    display:flex;
    width:100%;
    max-width:100%;
    margin:calc(16 * var(--u)) auto calc(-46 * var(--u));
    font-size:calc(16 * var(--u));
    padding:calc(18 * var(--u)) calc(20 * var(--u));
    position:relative;
    z-index:4;
  }

  /* ---------- FOOTER ---------- */
  .footer{min-height:calc(100 * var(--u));margin:0;padding:calc(20 * var(--u));gap:calc(10 * var(--u));max-width:100%;}
  .footer .logo__img{height:calc(22 * var(--u));}
  .footer__meta{flex-direction:column;gap:calc(2 * var(--u));font-size:calc(11 * var(--u));line-height:1.25;flex:1;min-width:0;}
  .footer__meta a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;}
  .footer .socials{gap:calc(5 * var(--u));}
  .footer .social{width:calc(22 * var(--u));height:calc(22 * var(--u));}
}

@media only screen and (max-width:340px){
  .nav a{font-size:16px;}
}