@font-face{
  font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/inter-400-600-cyrillic-ext.woff2) format('woff2');
  unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face{
  font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/inter-400-600-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/inter-400-600-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/inter-400-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --light-blue:#2449ff;
  --bg2-darker:#18181b;
  --darker-gray:#51535f;
  --darker-gray2:#393b43;
  --text-gray2:#888a97;
  --text-gray3:#6c6e7a;
  --text-gray5:#e4e6eb;
  --text-gray-bright:#f4f5f6;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--darker-gray)}
html{font-family:Inter,sans-serif;font-size:20px;-webkit-text-size-adjust:100%}
body{background:#000;color:#fff;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none;cursor:pointer;transition:.2s}
a:hover{color:var(--text-gray-bright)}
svg{display:block}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--light-blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}

[data-l]{display:none}
html[lang=ru] [data-l=ru],html[lang=en] [data-l=en]{display:revert}

.container{padding:6.25vw 5vw 0}
@media(min-width:640px){.container{padding:2.08vw 2.77vw 0}}
.section{margin-bottom:20vw}
@media(min-width:640px){.section{margin-bottom:8vw}}
.bleed{margin-left:-5vw;margin-right:-5vw}
@media(min-width:640px){.bleed{margin-left:0;margin-right:0}}

h1,h2,h3{font-weight:600;line-height:1.1}
.t-h1{font-size:9vw;letter-spacing:-.03em}
.t-h2{font-size:8.5vw;letter-spacing:-.03em}
.t-h3{font-size:5.6vw;letter-spacing:-.02em;line-height:1.25}
.t-lg{font-size:4.375vw;line-height:1.4;letter-spacing:-.02em}
.t-base{font-size:4.375vw;line-height:1.4}
.t-tiny{font-size:4.2vw;line-height:1.35}
.t-num{font-size:9vw;font-weight:600;letter-spacing:-.03em;line-height:1}
.t-kicker{font-size:4vw;color:var(--light-blue);text-transform:uppercase;letter-spacing:.04em;font-weight:500}
@media(min-width:640px){
  .t-h1{font-size:6vw;letter-spacing:-.04em;line-height:1.04}
  .t-h2{font-size:3.9vw;letter-spacing:-.04em;line-height:1.06}
  .t-h3{font-size:1.388vw;letter-spacing:-.01em;line-height:1.3}
  .t-lg{font-size:1.5vw;line-height:1.45}
  .t-base{font-size:1.388vw;line-height:1.5}
  .t-tiny{font-size:1.111vw;line-height:1.4}
  .t-num{font-size:3.9vw;letter-spacing:-.05em}
  .t-kicker{font-size:.972vw}
}
.gray{color:var(--text-gray2)}
.lead{color:var(--text-gray2);margin-top:4vw}
@media(min-width:640px){.lead{margin-top:1.2vw;max-width:52vw}}

.blue-button,.black-button,.white-button{
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:4.375vw;font-weight:500;letter-spacing:-.02em;white-space:nowrap;
  border-radius:5vw;height:12.97vw;width:52vw;transition:.2s;
}
@media(min-width:640px){
  .blue-button,.black-button,.white-button{
    font-size:1.5vw;font-weight:400;line-height:1;border-radius:1.9vw;height:5.2vw;width:17vw}
}
.blue-button{background:var(--light-blue);color:#fff}
.blue-button:hover{background:#fff;color:#000}
.black-button{background:transparent;color:#fff;border:1px solid var(--darker-gray)}
.black-button:hover{background:#fff;color:#000;border-color:#fff}
.white-button{background:#fff;color:var(--light-blue)}
.white-button:hover{background:transparent;color:#fff;border:1px solid #fff}

.pill{display:inline-block;border:1px solid var(--darker-gray2);border-radius:9999px;
  font-size:3.6vw;padding:1.2vw 3.4vw;color:var(--text-gray2)}
.pill-blue{background:var(--light-blue);border-color:var(--light-blue);color:#fff}
@media(min-width:640px){.pill{font-size:.9vw;padding:.3vw 1vw}}

.ig-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;gap:4vw}
.ig-logo{display:flex;align-items:center;gap:2.6vw}
.ig-logo svg{height:6vw;width:auto;display:block}
@media(min-width:640px){
  .ig-logo{gap:.7vw}
  .ig-logo svg{height:1.9vw}
}
.ig-nav{display:flex;align-items:center;gap:4vw}
.ig-nav ul{display:none}
@media(min-width:640px){.ig-nav{gap:2.2vw}.ig-nav ul{display:flex;gap:2vw}}
.navlink{display:flex;align-items:center;font-size:1.111vw;letter-spacing:-.03em}
.dot{width:.9vw;height:.9vw;margin-right:.7vw;border:1px solid #fff;border-radius:9999px;transition:.2s;flex:none}
.navlink:hover .dot{background:#fff}
.lang{display:flex;align-items:center;gap:1.4vw;font-size:4vw;text-transform:uppercase;
  border:1px solid var(--darker-gray2);border-radius:9999px;padding:1.4vw 3.4vw}
.lang button{background:none;color:var(--text-gray3);font:inherit;cursor:pointer;padding:0;transition:.2s}
.lang button:hover{color:#fff}
.lang button[aria-pressed=true]{color:#fff}
@media(min-width:640px){
  .lang{font-size:.972vw;gap:.5vw;padding:.34vw 1vw}
}
.header__signup{display:none}
@media(min-width:640px){
  .header__signup{display:flex;align-items:center;justify-content:center;background:var(--light-blue);
    color:#fff;font-size:.972vw;border-radius:.9vw;height:2.5vw;width:8vw;white-space:nowrap}
  .header__signup:hover{background:#fff;color:#000}
}

.hero{margin-top:12vw;margin-bottom:18vw}
@media(min-width:640px){.hero{margin-top:5vw;margin-bottom:7vw}}
.hero h1{margin-bottom:5vw}
@media(min-width:640px){.hero h1{margin-bottom:1.8vw;max-width:62vw}}
.hero p{color:var(--text-gray2);margin-bottom:8vw}
@media(min-width:640px){.hero p{margin-bottom:2.4vw;max-width:44vw}}
.hero__cta{display:flex;flex-direction:column;gap:4vw}
@media(min-width:640px){.hero__cta{flex-direction:row;gap:1.2vw}}
.fine{color:var(--text-gray3);font-size:3.6vw;line-height:1.5;margin-top:6vw}
@media(min-width:640px){.fine{font-size:1.04vw;margin-top:1.6vw;max-width:40vw}}
.hero-pills{display:flex;flex-wrap:wrap;gap:2.6vw;margin-top:8vw}
@media(min-width:640px){.hero-pills{gap:.7vw;margin-top:2.4vw}}
.hero .t-kicker{display:block;margin-bottom:4vw}
@media(min-width:640px){.hero .t-kicker{margin-bottom:1.2vw}}

.stats{display:flex;flex-wrap:wrap}
@media(min-width:640px){.stats{flex-wrap:nowrap;gap:4vw}}
.stat{width:50%;padding-right:3vw;margin-bottom:7vw}
.stat:nth-child(n+3){margin-bottom:0}
@media(min-width:640px){.stat{width:auto;padding-right:0;margin-bottom:0}}
.stat p{color:var(--text-gray2);font-weight:500;line-height:1.3;margin-top:1.5vw}
@media(min-width:640px){.stat p{margin-top:.6vw}}

.panel{background:var(--bg2-darker);border-radius:8.75vw;padding:7.5vw 5vw}
@media(min-width:640px){.panel{border-radius:4.17vw;padding:3.6vw 4vw}}
.panel-white{background:#fff;color:#000;border-radius:8.75vw;padding:9vw 5vw}
@media(min-width:640px){.panel-white{border-radius:4.17vw;padding:4.6vw 4.4vw}}
.panel-blue{background:var(--light-blue);border-radius:8.75vw;padding:9vw 5vw}
@media(min-width:640px){.panel-blue{border-radius:4.17vw;padding:4.4vw 4.4vw}}

.cards{display:grid;grid-template-columns:1fr;gap:4vw;margin-top:8vw}
@media(min-width:640px){.cards{grid-template-columns:repeat(3,1fr);gap:1.11vw;margin-top:3vw}}
.card{background:var(--bg2-darker);border-radius:5vw;padding:7vw 5vw}
@media(min-width:640px){.card{border-radius:1.39vw;padding:2.2vw 2vw}}
.card h3{margin-bottom:2.5vw}
@media(min-width:640px){.card h3{margin-bottom:.7vw}}
.idx{display:block;color:var(--light-blue);font-size:3.6vw;font-weight:500;margin-bottom:3vw}
@media(min-width:640px){.idx{font-size:.9vw;margin-bottom:1.2vw}}

.split{display:block}
@media(min-width:640px){.split{display:flex;gap:5vw;align-items:flex-start}}
.split__title{flex:0 0 38%}
.split__body{flex:1;padding-top:.6vw}
.steps{counter-reset:steps;margin-top:8vw}
@media(min-width:640px){.steps{margin-top:0}}
.steps li{position:relative;padding-left:8vw;margin-bottom:5vw;font-size:4.6vw;font-weight:600;
  letter-spacing:-.02em;line-height:1.25}
.steps li::before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;
  color:var(--light-blue);font-size:4.6vw}
@media(min-width:640px){
  .steps li{font-size:1.5vw;margin-bottom:1.3vw;padding-left:2.4vw}
  .steps li:last-child{margin-bottom:0}
  .steps li::before{font-size:1.5vw}
}

.features{display:grid;grid-template-columns:1fr;gap:6vw;margin-top:8vw}
@media(min-width:640px){.features{grid-template-columns:repeat(3,1fr);gap:2.6vw 3vw;margin-top:3vw}}
.feature h3{margin-bottom:2vw}
@media(min-width:640px){.feature h3{margin-bottom:.5vw}}
.feature p{color:var(--text-gray2)}

.plans{display:grid;grid-template-columns:1fr;gap:4vw;margin-top:8vw}
@media(min-width:640px){.plans{grid-template-columns:repeat(4,1fr);gap:1.11vw;margin-top:3vw}}
.plan{background:var(--bg2-darker);border-radius:6.25vw;padding:7.5vw 5vw;display:flex;flex-direction:column}
@media(min-width:640px){.plan{border-radius:1.74vw;padding:2.4vw 1.8vw}}
.plan--featured{background:var(--light-blue)}
.plan__name{font-size:5vw;font-weight:600;letter-spacing:-.02em;color:var(--text-gray2)}
@media(min-width:640px){.plan__name{font-size:1.111vw}}
.plan--featured .plan__name{color:rgba(255,255,255,.7)}
.plan .price{font-size:9vw;font-weight:600;letter-spacing:-.04em;line-height:1;margin:3vw 0}
@media(min-width:640px){.plan .price{font-size:2.7vw;margin:.8vw 0 1.2vw}}
.plan .price span{font-size:4.2vw;font-weight:400;letter-spacing:-.01em;opacity:.5}
@media(min-width:640px){.plan .price span{font-size:1.05vw}}
.plan ul{flex:1;margin-bottom:7vw}
@media(min-width:640px){.plan ul{margin-bottom:1.8vw}}
.plan li{position:relative;padding-left:6vw;margin-bottom:2.6vw;font-size:4.2vw;line-height:1.35;color:var(--text-gray5)}
@media(min-width:640px){.plan li{padding-left:1.4vw;margin-bottom:.6vw;font-size:1.05vw}}
.plan li::before{content:"";position:absolute;left:0;top:1.7vw;width:3.2vw;height:1.7vw;
  border-left:2px solid var(--light-blue);border-bottom:2px solid var(--light-blue);transform:rotate(-45deg)}
@media(min-width:640px){.plan li::before{top:.42vw;width:.72vw;height:.38vw}}
.plan--featured li{color:#fff}
.plan--featured li::before{border-color:#fff}
.plan li.off{color:var(--text-gray3)}
.plan li.off::before{border-color:var(--darker-gray)}
.plan--featured li.off{color:rgba(255,255,255,.6)}
.plan--featured li.off::before{border-color:rgba(255,255,255,.45)}
.plan .blue-button,.plan .black-button,.plan .white-button{width:100%}
.plan__note{color:var(--text-gray3);font-size:3.6vw;margin-top:3vw;line-height:1.4}
@media(min-width:640px){.plan__note{font-size:.9vw;margin-top:.8vw}}

.tablewrap{overflow-x:auto;margin-top:8vw;-ms-overflow-style:none;scrollbar-width:none}
.tablewrap::-webkit-scrollbar{display:none}
@media(min-width:640px){.tablewrap{margin-top:3vw}}
table{width:100%;border-collapse:collapse;min-width:170vw;font-size:4.2vw}
@media(min-width:640px){table{min-width:0;font-size:1.05vw}}
th,td{text-align:left;padding:3.5vw 3vw;border-bottom:1px solid var(--darker-gray2)}
@media(min-width:640px){th,td{padding:.9vw 1.1vw}}
thead th{color:var(--text-gray3);font-weight:500;text-transform:uppercase;font-size:3.6vw;letter-spacing:.04em}
@media(min-width:640px){thead th{font-size:.8vw}}
tbody th{color:var(--text-gray2);font-weight:400}
td{font-weight:500;color:#fff}
.tick{display:inline-block;width:3.2vw;height:1.7vw;
  border-left:2px solid var(--light-blue);border-bottom:2px solid var(--light-blue);transform:rotate(-45deg)}
@media(min-width:640px){.tick{width:.72vw;height:.38vw}}
tr:last-child th,tr:last-child td{border-bottom:none}

.tablehint{color:var(--text-gray3);font-size:3.4vw;margin-top:3vw}
@media(min-width:640px){.tablehint{display:none}}

.honest h2{margin:4vw 0}
@media(min-width:640px){.honest h2{margin:1.2vw 0;max-width:46vw}}
.honest p{color:var(--text-gray2);margin-bottom:4vw}
@media(min-width:640px){.honest p{margin-bottom:1vw;max-width:58vw}}
.honest p:last-child{margin-bottom:0}

.faq{margin-top:8vw}
@media(min-width:640px){.faq{margin-top:2.6vw}}
details{border-bottom:1px solid var(--darker-gray2);padding:5vw 0}
@media(min-width:640px){details{padding:1.4vw 0}}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:5vw;
  font-size:4.8vw;font-weight:600;letter-spacing:-.02em;line-height:1.3}
@media(min-width:640px){summary{font-size:1.5vw;gap:2vw}}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--light-blue);font-weight:400;font-size:7vw;line-height:1}
@media(min-width:640px){summary::after{font-size:2.2vw}}
details[open] summary::after{content:"–"}
details p{margin-top:3vw;color:var(--text-gray2);font-size:4.2vw;line-height:1.5}
@media(min-width:640px){details p{margin-top:.8vw;font-size:1.25vw;max-width:64vw}}

.final{text-align:center}
.final h2{margin-bottom:4vw}
@media(min-width:640px){.final h2{margin-bottom:1.4vw}}
.final p{color:rgba(255,255,255,.75);margin-bottom:8vw}
@media(min-width:640px){.final p{margin-bottom:2.2vw}}
.final .white-button{margin:0 auto}
.final .fine{color:rgba(255,255,255,.6);margin:5vw auto 0}
@media(min-width:640px){.final .fine{margin:1.2vw auto 0;max-width:44vw}}

.ig-footer{margin-bottom:11.25vw;padding-top:12vw;border-top:1px solid var(--darker-gray2)}
@media(min-width:640px){.ig-footer{margin-bottom:7.36vw;padding-top:3vw}}
.ig-footer .ig-logo{justify-content:center;margin-bottom:8vw}
@media(min-width:640px){.ig-footer .ig-logo{margin-bottom:2.4vw}}
.ig-fcta{display:flex;flex-direction:column;align-items:center;gap:4vw;margin-bottom:10vw}
@media(min-width:640px){.ig-fcta{flex-direction:row;justify-content:center;gap:1.2vw;margin-bottom:3.4vw}}
.ig-flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:4vw 7vw;margin-bottom:10vw;
  color:var(--text-gray2);font-size:4.2vw}
@media(min-width:640px){.ig-flinks{gap:1.74vw;margin-bottom:2.78vw;font-size:1.388vw}}
.ig-fdisc{color:var(--text-gray3);font-size:3.6vw;line-height:1.6;text-align:center;margin:0 auto}
@media(min-width:640px){.ig-fdisc{font-size:1.04vw;max-width:60vw}}
.ig-fdisc+.ig-fdisc{margin-top:4vw}
@media(min-width:640px){.ig-fdisc+.ig-fdisc{margin-top:1.2vw}}

@media(min-width:640px){.cards--2{grid-template-columns:repeat(2,1fr)}}

@media(min-width:640px){.plans--3{grid-template-columns:repeat(3,1fr)}}
.int{margin-top:6vw}
.int__row{display:flex;flex-wrap:wrap;gap:2vw;align-items:center;margin-top:4vw}
.int__row[data-l]{display:none}
html[lang=en] .int__row[data-l=en],html[lang=ru] .int__row[data-l=ru]{display:flex}
.int__lbl{width:100%;color:var(--text-gray2);font-size:3.4vw;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
@media(min-width:640px){.int{margin-top:2vw}.int__row{gap:.6vw;margin-top:1.2vw}.int__lbl{width:7vw;font-size:.8vw}}
.plans__fine{margin-top:5vw}
@media(min-width:640px){.plans__fine{margin-top:2.4vw}}

/* Фото первого экрана, как на indoleads.com/growth: без рамки, затемнено и
   растворяется в чёрный по краям — читается как фон, а не картинка в коробке. */
.hero__media{position:relative;overflow:hidden;height:80vw;margin:10vw -5vw 0}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:45% center;display:block;
  filter:brightness(.78) contrast(1.05) saturate(.95)}
.hero__media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.7) 16%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.4) 100%),
    linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,0) 66%,#000 100%),
    radial-gradient(130% 110% at 55% 35%,rgba(0,0,0,0) 45%,rgba(0,0,0,.7) 100%),
    linear-gradient(0deg,rgba(36,73,255,.08),rgba(36,73,255,.08))}
@media(min-width:640px){
  .hero{display:flex;align-items:center;gap:2.5vw}
  .hero__text{flex:1 1 50%;min-width:0}
  .hero h1{max-width:none}
  .hero p{max-width:none}
  .hero__media{flex:1 1 52%;min-width:0;height:40vw;margin:-4vw -5vw -2vw 0}
}