/* Direct landing — ported from direct_16.html */
.page-direct {
  --direct-bg: #08080a;
  --direct-bg1: #0f0f12;
  --direct-bg2: #161619;
  --direct-line: rgba(255,255,255,0.06);
  --direct-line2: rgba(255,255,255,0.10);
  --direct-line3: rgba(255,255,255,0.16);
  --direct-w100: #ffffff;
  --direct-w80: rgba(255,255,255,0.82);
  --direct-w50: rgba(255,255,255,0.50);
  --direct-w30: rgba(255,255,255,0.30);
  --direct-accent: #5b6cf9;
  --direct-accent2: #818cf8;
  --direct-green: #1db581;
  --direct-orange: #fc5324;
}

.page-direct {
  background: var(--direct-bg);
  color: var(--direct-w80);
}

.page-direct .nav {
  background: rgba(8,8,10,0.92);
}

/* map legacy vars used in ported rules */
.page-direct {
  --bg: var(--direct-bg);
  --bg1: var(--direct-bg1);
  --bg2: var(--direct-bg2);
  --line: var(--direct-line);
  --line2: var(--direct-line2);
  --line3: var(--direct-line3);
  --w100: var(--direct-w100);
  --w80: var(--direct-w80);
  --w50: var(--direct-w50);
  --w30: var(--direct-w30);
  --accent: var(--direct-accent);
  --accent2: var(--direct-accent2);
}

.hero-slogan{margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;animation:fadeUp .4s ease both}
.slogan-brand{font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:20px;font-weight:900;letter-spacing:0.08em;color:#1db581;text-transform:uppercase;text-shadow:0 0 24px rgba(29,181,129,0.45)}
.slogan-sep{color:var(--w30);font-size:18px;font-weight:300}
.slogan-text{font-size:14px;font-weight:500;color:var(--w50);letter-spacing:0.02em}

h1{font-size:clamp(36px,5.5vw,70px);font-weight:900;letter-spacing:-2.5px;line-height:1.04;color:var(--w100);margin-bottom:8px;animation:fadeUp .5s .06s ease both}
.h1-tw{font-size:clamp(36px,5.5vw,70px);font-weight:900;letter-spacing:-2.5px;line-height:1.04;color:var(--w100);margin-bottom:4px;animation:fadeUp .5s .1s ease both;display:flex;align-items:center;justify-content:center}
.h1-static{font-size:clamp(36px,5.5vw,70px);font-weight:900;letter-spacing:-2.5px;line-height:1.04;color:var(--w50);margin-bottom:22px;text-align:center;animation:fadeUp .5s .12s ease both}
.tw-word{display:inline-block;min-width:1ch;vertical-align:baseline}

.hero-tagline{font-size:clamp(17px,2.2vw,24px);font-weight:700;color:var(--w100);letter-spacing:-0.4px;margin-bottom:36px;line-height:1.35;animation:fadeUp .5s .15s ease both}
.hero-tagline .brand{color:#1db581;text-shadow:0 0 20px rgba(29,181,129,0.35)}

/* FORM */
.search-wrap{animation:fadeUp .5s .2s ease both;max-width:620px;margin:0 auto}
.search-form{display:flex;background:rgba(15,15,18,0.92);border:1px solid var(--line3);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 32px 80px rgba(0,0,0,0.6),0 0 60px rgba(29,181,129,0.05);position:relative;backdrop-filter:blur(20px)}
.search-form::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,#1db581 40%,var(--accent2) 60%,transparent 95%)}
.search-input{flex:1;background:transparent;border:none;padding:18px 22px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:15px;color:var(--w100);outline:none;min-width:0}
.search-input::placeholder{color:var(--w30)}
.search-divider{width:1px;background:var(--line2);margin:12px 0;flex-shrink:0}
.search-btn{background:linear-gradient(135deg,#1db581,#16a872);color:white;border:none;padding:0 28px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15)}
.search-btn:hover{background:linear-gradient(135deg,#22c97a,#1db581);transform:none}
.search-btn svg{transition:transform .2s}
.search-btn:hover svg{transform:translateX(3px)}

.hero-badges{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:7px;background:rgba(15,15,18,0.8);border:1px solid var(--line2);padding:6px 14px;border-radius:100px;font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;color:var(--w50);backdrop-filter:blur(10px)}
.badge.live{color:#1db581}
.bd-green{width:5px;height:5px;border-radius:50%;background:#1db581;animation:pdot 2s ease-in-out infinite;flex-shrink:0}
.bd-blue{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}
@keyframes pdot{0%,100%{box-shadow:0 0 0 0 rgba(29,181,129,0.5)}50%{box-shadow:0 0 0 5px rgba(29,181,129,0)}}

/* SHARED */
.container{max-width:1100px;margin:0 auto;padding:0 48px}
.sec-label{font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:var(--w30);margin-bottom:14px}
h2{font-size:clamp(26px,3.2vw,44px);font-weight:900;letter-spacing:-1.5px;line-height:1.08;color:var(--w100);margin-bottom:14px}
.brand{color:#1db581}
.blue{background:linear-gradient(135deg,var(--accent2),#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sec-sub{font-size:16px;color:var(--w50);line-height:1.7;max-width:580px}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* HOW — фон с тонкой сеткой */
#how{
  padding:100px 0;
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#0c0c10 0%,#0a0a0e 100%);
  border-top:1px solid rgba(29,181,129,0.12);
}
#how::before{
  content:'';position:absolute;inset:0;
  background-image:
    radial-gradient(ellipse 60% 50% at 0% 100%,rgba(29,181,129,0.07) 0%,transparent 60%),
    radial-gradient(ellipse 40% 60% at 100% 0%,rgba(91,108,249,0.06) 0%,transparent 55%);
  pointer-events:none;
}
#how::after{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(29,181,129,0.4),transparent);
  pointer-events:none;
}

.how-steps{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how-step{
  background:var(--bg);border:1px solid var(--line2);
  padding:36px 28px;transition:all .3s;
  position:relative;border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;
}
.how-step::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(29,181,129,0.35),transparent);
  opacity:0;transition:opacity .3s;
}
.how-step:hover::before{opacity:1}
.how-step:hover{background:var(--bg2);border-color:rgba(29,181,129,0.2);transform:translateY(-3px);box-shadow:0 20px 56px rgba(0,0,0,0.5)}
.how-step.featured{border-color:rgba(29,181,129,0.3);background:rgba(29,181,129,0.04)}
.how-step.featured::before{opacity:1}
/* Третья карточка — акция */
.how-step.promo{
  border-color:rgba(29,181,129,0.35);
  background:linear-gradient(160deg,rgba(29,181,129,0.06) 0%,rgba(29,181,129,0.02) 60%,var(--bg) 100%);
}
.how-step.promo::before{opacity:1;background:linear-gradient(90deg,transparent,#1db581,transparent)}
.how-step.promo:hover{transform:translateY(-3px);box-shadow:0 20px 56px rgba(0,0,0,0.5),0 0 40px rgba(29,181,129,0.08)}

.step-num{
  width:36px;height:36px;border-radius:10px;
  background:var(--bg2);border:1px solid var(--line2);
  display:flex;align-items:center;justify-content:center;
  font-family:'IBM Plex Mono', monospace,monospace;font-size:12px;font-weight:500;
  color:var(--w50);margin-bottom:20px;flex-shrink:0;
}
.how-step.featured .step-num{background:#1db581;border-color:#1db581;color:white;box-shadow:0 4px 16px rgba(29,181,129,0.4)}
.how-step.promo .step-num{background:rgba(29,181,129,0.1);border-color:rgba(29,181,129,0.35);color:#1db581}

.step-tag{
  display:inline-block;font-family:'IBM Plex Mono', monospace,monospace;
  font-size:10px;text-transform:uppercase;letter-spacing:0.06em;
  background:rgba(29,181,129,0.08);border:1px solid rgba(29,181,129,0.2);
  color:#1db581;padding:3px 10px;border-radius:5px;margin-bottom:16px;
}
.step-t{font-size:17px;font-weight:700;color:var(--w100);margin-bottom:12px;letter-spacing:-0.3px}
.step-d{font-size:15px;color:var(--w50);line-height:1.72;flex:1}

/* Подарочный бейдж */
.gift-badge{
  display:flex;align-items:center;gap:8px;
  margin-top:20px;padding:12px 16px;
  background:rgba(29,181,129,0.1);
  border:1px solid rgba(29,181,129,0.3);
  border-radius:10px;
  font-size:13px;font-weight:600;color:#1db581;
  position:relative;overflow:hidden;
}
.gift-badge::before{
  content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(29,181,129,0.15),transparent);
  animation:shimmer 2.5s ease-in-out infinite;
}
@keyframes shimmer{0%{left:-60%}100%{left:120%}}
.gift-icon{font-size:18px;flex-shrink:0}
.gift-text{display:flex;flex-direction:column;gap:1px}
.gift-text strong{font-size:14px;font-weight:800;letter-spacing:-0.2px}
.gift-text span{font-size:11px;font-weight:400;color:rgba(29,181,129,0.7);font-family:'IBM Plex Mono', monospace,monospace}

/* PLATFORMS — тёмный фон с мерцающими точками */
#platforms{
  padding:100px 0;
  position:relative;overflow:hidden;
  background:var(--bg);
  border-top:1px solid rgba(255,255,255,0.05);
}
#platforms::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 50% 80% at 10% 50%,rgba(91,108,249,0.05) 0%,transparent 55%),
    radial-gradient(ellipse 50% 80% at 90% 50%,rgba(29,181,129,0.04) 0%,transparent 55%),
    radial-gradient(ellipse 60% 40% at 50% 0%,rgba(91,108,249,0.06) 0%,transparent 50%);
  pointer-events:none;
}

.plat-grid{margin-top:56px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.plat-card{background:var(--bg1);border:1px solid var(--line2);border-radius:16px;padding:24px 14px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;transition:all .3s;position:relative;overflow:hidden;cursor:default}
.plat-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,0.03),transparent);pointer-events:none}
.plat-card:hover{transform:translateY(-5px);border-color:var(--line3);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(29,181,129,0.05)}
.plat-ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:20px;color:white;box-shadow:0 8px 24px rgba(0,0,0,0.5);position:relative;overflow:hidden;flex-shrink:0}
.plat-ico::after{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,0.18),transparent);pointer-events:none}
.plat-name{font-size:13px;font-weight:700;color:var(--w100)}
.plat-owner{font-size:11px;color:var(--w30);font-family:'IBM Plex Mono', monospace,monospace;margin-top:-4px}
.plat-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:2px}
.plat-tag{font-family:'IBM Plex Mono', monospace,monospace;font-size:9px;color:var(--w30);background:var(--bg3);border:1px solid var(--line);padding:2px 7px;border-radius:4px;white-space:nowrap}
.plat-rank{position:absolute;top:8px;right:8px;background:var(--bg3);border:1px solid var(--line);padding:2px 7px;border-radius:5px;font-family:'IBM Plex Mono', monospace,monospace;font-size:9px;color:var(--w30)}

/* PARAMS — полосатый фон */
#params{
  padding:100px 0;
  position:relative;overflow:hidden;
  background:#0a0a0e;
  border-top:1px solid rgba(255,255,255,0.05);
  border-bottom:1px solid rgba(255,255,255,0.05);
}
#params::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 60% at -10% 50%,rgba(29,181,129,0.07) 0%,transparent 55%),
    radial-gradient(ellipse 50% 50% at 110% 50%,rgba(91,108,249,0.05) 0%,transparent 55%);
  pointer-events:none;
}
#params::after{
  content:'';position:absolute;
  top:50%;left:50%;transform:translate(-50%,-50%);
  width:1px;height:70%;
  background:linear-gradient(180deg,transparent,rgba(29,181,129,0.15),transparent);
  pointer-events:none;
}

.params-grid{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.param-card{background:var(--bg1);border:1px solid var(--line);border-radius:16px;padding:28px 22px;transition:all .25s;position:relative;overflow:hidden}
.param-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#1db581,transparent);opacity:0;transition:opacity .3s}
.param-card:hover::before{opacity:0.6}
.param-card:hover{background:var(--bg2);border-color:rgba(29,181,129,0.2);transform:translateY(-2px)}
.param-head{font-family:'IBM Plex Mono', monospace,monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#1db581;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.param-head::after{content:'';flex:1;height:1px;background:rgba(29,181,129,0.2)}
.param-title{font-size:14px;font-weight:700;color:var(--w100);margin-bottom:10px}
.param-list{list-style:none;display:flex;flex-direction:column;gap:7px}
.param-list li{font-size:13px;color:var(--w50);display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.param-list li::before{content:'–';color:var(--w30);flex-shrink:0}

/* LEADSY section — gradient bg с blob */
#leadsy{
  padding:100px 0;
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#090912 0%,#0a0e0c 100%);
  border-top:1px solid rgba(91,108,249,0.1);
}
#leadsy::before{
  content:'';position:absolute;top:-100px;right:-100px;width:700px;height:700px;
  background:radial-gradient(ellipse,rgba(91,108,249,0.09) 0%,transparent 55%);
  pointer-events:none;
}
#leadsy::after{
  content:'';position:absolute;bottom:-80px;left:-80px;width:500px;height:500px;
  background:radial-gradient(ellipse,rgba(29,181,129,0.07) 0%,transparent 55%);
  pointer-events:none;
}

.leadsy-layout{margin-top:56px;display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.leadsy-text p{font-size:16px;color:var(--w50);line-height:1.75;margin-bottom:14px}
.leadsy-text strong{color:var(--w80);font-weight:600}
.leadsy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.ls{background:var(--bg);border:1px solid var(--line2);border-radius:12px;padding:18px 16px;text-align:center}
.ls-val{font-size:32px;font-weight:900;letter-spacing:-1px;color:var(--w100);line-height:1;margin-bottom:5px}
.ls-val span{color:#1db581}
.ls-lbl{font-size:11px;color:var(--w50);line-height:1.4}

.terminal{background:var(--bg);border:1px solid var(--line2);border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.6);position:relative;z-index:1}
.term-bar{padding:13px 16px;border-bottom:1px solid var(--line);background:var(--bg2);display:flex;align-items:center;gap:8px}
.tdot{width:10px;height:10px;border-radius:50%}
.term-title{margin-left:auto;font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;color:var(--w30)}
.term-body{padding:22px}
.tl{font-family:'IBM Plex Mono', monospace,monospace;font-size:12px;line-height:2;display:flex;gap:10px}
.tp{color:#1db581}.tc{color:var(--w80)}.to{color:var(--w30);padding-left:18px}
.tg{color:#1db581;padding-left:18px}.tr{color:var(--red);padding-left:18px}
.term-report{margin-top:18px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:16px}
.rep-title{font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;color:var(--w30);margin-bottom:12px;letter-spacing:0.04em}
.rep-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.rep-row:last-child{border-bottom:none}
.rep-label{flex:1;color:var(--w50);font-family:'IBM Plex Mono', monospace,monospace;font-size:11px}
.rep-bar{flex:2;height:4px;background:var(--bg3);border-radius:4px;overflow:hidden}
.rep-fill{height:100%;border-radius:4px}
.rep-val{font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;min-width:32px;text-align:right}
.verdict{margin-top:14px;padding:12px 14px;background:rgba(29,181,129,0.08);border:1px solid rgba(29,181,129,0.2);border-radius:8px;font-family:'IBM Plex Mono', monospace,monospace;font-size:12px;color:#1db581;line-height:1.6}

/* REVIEWS — фон с тонкими горизонтальными линиями */
#reviews{
  padding:100px 0;
  position:relative;overflow:hidden;
  background:#08080c;
  border-top:1px solid rgba(255,255,255,0.05);
}
#reviews::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 50%,rgba(91,108,249,0.05) 0%,transparent 65%),
    repeating-linear-gradient(90deg,transparent,transparent 120px,rgba(255,255,255,0.012) 120px,rgba(255,255,255,0.012) 121px);
  pointer-events:none;
}
#reviews::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(91,108,249,0.2),transparent);
  pointer-events:none;
}

.reviews-grid{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rev-card{background:var(--bg1);border:1px solid var(--line);border-radius:14px;padding:24px;transition:all .25s;position:relative;overflow:hidden}
.rev-card::before{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(29,181,129,0.2),transparent)}
.rev-card:hover{border-color:var(--line2);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,0.4)}
.rev-stars{color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:14px}
.rev-text{font-size:15px;color:var(--w80);line-height:1.65;margin-bottom:18px;font-style:italic}
.rev-text::before{content:'«'}.rev-text::after{content:'»'}
.rev-author{display:flex;align-items:center;gap:10px}
.rev-ava{width:36px;height:36px;border-radius:10px;background:rgba(29,181,129,0.1);border:1px solid rgba(29,181,129,0.2);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1db581;flex-shrink:0}
.rev-name{font-size:13px;font-weight:600;color:var(--w100)}
.rev-role{font-size:11px;color:var(--w30);margin-top:2px;font-family:'IBM Plex Mono', monospace,monospace}

/* FAQ — зебра */
#faq{
  padding:100px 0;
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#0c0c10 0%,#090910 100%);
  border-top:1px solid rgba(255,255,255,0.05);
}
#faq::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 50% at 100% 0%,rgba(29,181,129,0.06) 0%,transparent 55%),
    radial-gradient(ellipse 60% 50% at 0% 100%,rgba(91,108,249,0.05) 0%,transparent 55%);
  pointer-events:none;
}

.faq-grid{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.faq-item{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}
.faq-item:hover{border-color:var(--line2)}
.faq-q{padding:18px 22px;font-size:15px;font-weight:600;color:var(--w100);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background .2s;user-select:none}
.faq-q:hover{background:var(--bg2)}
.faq-icon{width:20px;height:20px;flex-shrink:0;border:1px solid var(--line2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--w50);transition:transform .25s,border-color .2s,color .2s}
.faq-item.open .faq-icon{transform:rotate(45deg);border-color:#1db581;color:#1db581}
.faq-a{padding:0 22px;font-size:15px;color:var(--w50);line-height:1.75;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s ease}
.faq-item.open .faq-a{max-height:400px;padding:0 22px 20px}

/* CTA */
#cta{padding:100px 0;border-top:1px solid rgba(29,181,129,0.12);text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#090912 0%,#08080a 100%)}
#cta::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(29,181,129,0.09) 0%,transparent 60%);pointer-events:none}
.cta-box{position:relative;background:var(--bg1);border:1px solid var(--line2);border-radius:24px;padding:80px 48px;max-width:740px;margin:0 auto;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#1db581,var(--accent2),transparent)}
.cta-sub{font-size:16px;color:var(--w50);max-width:400px;margin:12px auto 36px;line-height:1.65}
.btn-cta{background:linear-gradient(135deg,#1db581,#16a872);color:white;border:none;padding:16px 44px;border-radius:12px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 32px rgba(29,181,129,0.35)}
.btn-cta:hover{background:linear-gradient(135deg,#22c97a,#1db581);transform:translateY(-2px);box-shadow:0 8px 48px rgba(29,181,129,0.45)}

/* FOOTER */
footer{border-top:1px solid var(--line);padding:36px 0;background:var(--bg)}
.footer-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}

.footer-copy{font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;color:var(--w30)}
.footer-links{list-style:none;display:flex;gap:24px}
.footer-links a{font-size:12px;color:var(--w30);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--w50)}
.f-status{display:flex;align-items:center;gap:6px;font-family:'IBM Plex Mono', monospace,monospace;font-size:10px;color:#1db581}
.f-dot{width:5px;height:5px;border-radius:50%;background:#1db581;animation:pdot 2s infinite}

@media(max-width:900px){
  nav{padding:0 20px}.nav-links{display:none}
  #hero{padding:90px 20px 60px}
  .search-form{flex-direction:column;border-radius:14px}
  .search-input{padding:16px 18px}
  .search-divider{width:auto;height:1px;margin:0 12px}
  .search-btn{padding:14px 22px;justify-content:center;border-radius:0 0 13px 13px}
  .container{padding:0 20px}
  .plat-grid{grid-template-columns:repeat(3,1fr)}
  .params-grid{grid-template-columns:1fr 1fr}
  .how-steps{grid-template-columns:1fr}
  .leadsy-layout{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .cta-box{padding:48px 24px}
  h1,.h1-tw{letter-spacing:-1.5px}
}

/* ── ОТЗЫВЫ КАРУСЕЛЬ ── */
.rev-carousel-outer{
  position:relative;
  display:flex;align-items:center;
  padding:8px 0 24px;
}
.rev-carousel{
  flex:1;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);
}
.rev-track{
  display:flex;
  gap:16px;
  width:max-content;
  cursor:grab;
  user-select:none;
}
.rev-track:active{cursor:grabbing}
.rev-card{
  flex:0 0 340px;
  background:var(--bg1);
  border:1px solid var(--line2);
  border-radius:16px;
  padding:28px;
  position:relative;
  overflow:hidden;
  transition:border-color .25s,transform .25s;
}
.rev-card:hover{border-color:rgba(29,181,129,0.3);transform:translateY(-2px)}
.rev-card-top{
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--green),var(--accent2));
  opacity:0;transition:opacity .25s;
}
.rev-card:hover .rev-card-top{opacity:1}
.rev-arrow{
  flex-shrink:0;
  width:44px;height:44px;border-radius:50%;
  background:var(--bg2);
  border:1px solid var(--line2);
  color:var(--w80);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:all .2s;
  margin:0 12px;
}
.rev-arrow:hover{
  border-color:rgba(29,181,129,0.5);
  color:#1db581;
  background:var(--bg3);
}

/* ── SECTION GRID (единый воздушный паттерн) ── */
.sec-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.028) 1px,transparent 1px);
  background-size:64px 64px;
}

/* Accent blobs — свет перетекает зигзагом сверху вниз */
.blob-tl{position:absolute;top:-80px;left:-80px;width:480px;height:480px;background:radial-gradient(ellipse,rgba(29,181,129,0.07) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}
.blob-tr{position:absolute;top:-80px;right:-80px;width:480px;height:480px;background:radial-gradient(ellipse,rgba(29,181,129,0.07) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}
.blob-bl{position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(91,108,249,0.05) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}
.blob-br{position:absolute;bottom:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(91,108,249,0.05) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}

/* ── ОТЗЫВЫ КАРУСЕЛЬ ── */
.rev-carousel-outer{position:relative;display:flex;align-items:center;padding:8px 0 24px}
.rev-carousel{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}
.rev-track{display:flex;gap:16px;width:max-content;cursor:grab;user-select:none}
.rev-track:active{cursor:grabbing}
.rev-card{flex:0 0 340px;background:var(--bg1);border:1px solid var(--line2);border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s}
.rev-card:hover{border-color:rgba(29,181,129,0.3);transform:translateY(-2px)}
.rev-card-top{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--accent2));opacity:0;transition:opacity .25s}
.rev-card:hover .rev-card-top{opacity:1}
.rev-arrow{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--line2);color:var(--w80);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin:0 12px}
.rev-arrow:hover{border-color:rgba(29,181,129,0.5);color:#1db581;background:var(--bg3)}

/* ── COOKIE BANNER ── */
.cookie-banner{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%);
  z-index:9000;width:calc(100% - 48px);max-width:700px;
  background:var(--bg2);border:1px solid var(--line2);
  border-radius:16px;padding:20px 24px;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  box-shadow:0 8px 40px rgba(0,0,0,0.5);
  animation:slideUp .3s ease;
}
@keyframes slideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
.cookie-banner.hidden{display:none}
.cookie-text{flex:1;font-size:13px;color:var(--w50);line-height:1.6;min-width:200px}
.cookie-text a{color:#1db581;text-decoration:none}
.cookie-text a:hover{text-decoration:underline}
.cookie-btns{display:flex;gap:8px;flex-shrink:0}
.btn-cookie-ok{background:linear-gradient(135deg,#1db581,#16a872);color:#fff;border:none;padding:9px 20px;border-radius:9px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-cookie-ok:hover{background:linear-gradient(135deg,#22c97a,#1db581)}
.btn-cookie-no{background:transparent;color:var(--w30);border:1px solid var(--line2);padding:9px 16px;border-radius:9px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-cookie-no:hover{border-color:var(--line3);color:var(--w50)}


/* ── INNER PAGE BASE ── */
.page-hero{
  padding:80px 48px 60px;
  background:linear-gradient(180deg,#16171b 0%,#111318 100%);
  border-bottom:1px solid var(--line);
  position:relative;overflow:hidden;
}
.page-hero::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%);
  pointer-events:none;
}
.page-hero::after{
  content:'';position:absolute;top:-80px;right:-80px;
  width:400px;height:400px;
  background:radial-gradient(ellipse,rgba(29,181,129,0.07) 0%,transparent 60%);
  pointer-events:none;
}
.page-hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.page-hero h1{
  font-size:clamp(28px,4vw,52px);font-weight:900;
  letter-spacing:-1.5px;line-height:1.08;color:#fff;
  margin-bottom:12px;
}
.page-hero p{font-size:17px;color:var(--w50);line-height:1.65;max-width:560px}
.page-body{max-width:1100px;margin:0 auto;padding:64px 48px}
.page-section{margin-bottom:64px}

@media(max-width:900px){
  .page-hero{padding:48px 20px 40px}
  .page-body{padding:40px 20px}
}

.hero-slogan{margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.slogan-brand{font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:20px;font-weight:900;letter-spacing:0.08em;color:#1db581;text-transform:uppercase;text-shadow:0 0 24px rgba(29,181,129,0.45)}
.slogan-sep{color:var(--w30);font-size:18px;font-weight:300}
.slogan-text{font-size:14px;font-weight:500;color:var(--w50);letter-spacing:0.02em}


.sec-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.028) 1px,transparent 1px);
  background-size:64px 64px;
}

/* Accent blobs — свет перетекает зигзагом сверху вниз */
.blob-tl{position:absolute;top:-80px;left:-80px;width:480px;height:480px;background:radial-gradient(ellipse,rgba(29,181,129,0.07) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}
.blob-tr{position:absolute;top:-80px;right:-80px;width:480px;height:480px;background:radial-gradient(ellipse,rgba(29,181,129,0.07) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}
.blob-bl{position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(91,108,249,0.05) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}
.blob-br{position:absolute;bottom:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(ellipse,rgba(91,108,249,0.05) 0%,transparent 60%);pointer-events:none;filter:blur(1px)}
.search-form{display:flex;background:rgba(15,15,18,0.92);border:1px solid var(--line3);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 32px 80px rgba(0,0,0,0.6),0 0 60px rgba(29,181,129,0.05);position:relative;backdrop-filter:blur(20px)}
.search-form::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,#1db581 40%,var(--accent2) 60%,transparent 95%)}
.search-input{flex:1;background:transparent;border:none;padding:18px 22px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:15px;color:var(--w100);outline:none;min-width:0}
.search-divider{width:1px;background:var(--line2);margin:12px 0;flex-shrink:0}
.search-btn{background:linear-gradient(135deg,#1db581,#16a872);color:white;border:none;padding:0 28px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15)}
.search-btn:hover{background:linear-gradient(135deg,#22c97a,#1db581);transform:none}
.search-btn svg{transition:transform .2s}
.search-btn:hover svg{transform:translateX(3px)}
.search-btn:hover svg{transform:translateX(3px)}
@keyframes pdot{0%,100%{box-shadow:0 0 0 0 rgba(29,181,129,0.5)}50%{box-shadow:0 0 0 5px rgba(29,181,129,0)}}
.sec-label{font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:var(--w30);margin-bottom:14px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
/* ── HERO ── */
.hero-direct{
  min-height:90vh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:60px 48px;
  position:relative;overflow:hidden;background:var(--bg);
}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.h-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 75%);pointer-events:none}
.d-blob-tl{position:absolute;top:-100px;left:-100px;width:700px;height:500px;background:radial-gradient(ellipse,rgba(252,83,36,0.07) 0%,transparent 60%);pointer-events:none;filter:blur(2px)}
.d-blob-br{position:absolute;bottom:-80px;right:-80px;width:500px;height:400px;background:radial-gradient(ellipse,rgba(252,83,36,0.05) 0%,transparent 60%);pointer-events:none}

/* Анимированные "рекламные блоки" в фоне */
.ad-blocks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ad-block{position:absolute;border:1px solid;border-radius:8px;padding:8px 14px;font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;opacity:0;animation:adFloat 6s ease-in-out infinite}
.ad-block:nth-child(1){left:6%;top:25%;border-color:rgba(252,83,36,.2);color:rgba(252,83,36,.5);background:rgba(252,83,36,.04);animation-delay:0s}
.ad-block:nth-child(2){right:5%;top:20%;border-color:rgba(245,158,11,.2);color:rgba(245,158,11,.5);background:rgba(245,158,11,.04);animation-delay:1s}
.ad-block:nth-child(3){left:4%;bottom:28%;border-color:rgba(29,181,129,.2);color:rgba(29,181,129,.5);background:rgba(29,181,129,.04);animation-delay:2s}
.ad-block:nth-child(4){right:6%;bottom:22%;border-color:rgba(252,83,36,.15);color:rgba(252,83,36,.4);background:rgba(252,83,36,.03);animation-delay:3s}
.ad-block:nth-child(5){left:50%;top:12%;transform:translateX(-50%);border-color:rgba(129,140,248,.2);color:rgba(129,140,248,.5);background:rgba(129,140,248,.04);animation-delay:1.5s}
@keyframes adFloat{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}
@media(max-width:900px){.ad-blocks{display:none}}

.hero-inner-d{position:relative;z-index:1;max-width:780px;margin:0 auto}
.hero-direct h1{font-size:clamp(36px,5.5vw,70px);font-weight:900;letter-spacing:-2.5px;line-height:1.0;color:var(--w100);margin-bottom:0}
.h1-tw-d{height:1.1em;overflow:hidden;display:flex;align-items:center;justify-content:center}
.tw-word-d{color:#fc5324;display:inline-block}
.h1-static-d{color:var(--w100)}
.hero-tagline-d{font-size:clamp(15px,1.5vw,17px);color:var(--w50);line-height:1.65;margin:18px auto 28px;max-width:560px}
.hero-tagline-d strong{color:var(--w100)}

/* CTA блок снизу — он же будет и в hero */
.cta-direct-box{
  background:linear-gradient(135deg,rgba(252,83,36,.06),rgba(245,158,11,.03));
  border:1px solid rgba(252,83,36,.2);border-radius:24px;
  padding:48px;position:relative;overflow:hidden;
}
.cta-direct-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#fc5324,#f59e0b)}
.cta-direct-box::after{content:'';position:absolute;top:-60px;right:-60px;width:320px;height:320px;background:radial-gradient(ellipse,rgba(252,83,36,.08) 0%,transparent 65%);pointer-events:none}
.cdb-inner{position:relative;z-index:1;max-width:680px;margin:0 auto;text-align:center}
.cdb-inner h2{font-size:clamp(24px,3.5vw,44px);font-weight:900;letter-spacing:-1.5px;color:#fff;margin-bottom:12px;line-height:1.1}
.cdb-inner h2 .o{color:#fc5324}
.cdb-inner p{font-size:16px;color:rgba(255,255,255,.5);margin-bottom:28px;line-height:1.65}

/* Формы как на главной */
.search-wrap{max-width:620px;margin:0 auto 20px}

/* Badges */
.hero-badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.badge{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line2);padding:7px 14px;border-radius:100px;font-size:12px;color:var(--w50)}
.badge.live .bd-orange{width:7px;height:7px;border-radius:50%;background:#fc5324;animation:pdot 1.5s infinite;flex-shrink:0}
.badge.live{border-color:rgba(252,83,36,.25);color:rgba(252,83,36,.8)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* ── СЕКЦИИ ── */
.ds{padding:40px 0;position:relative;overflow:hidden}
.ds.dark{background:#0a0a0e}
.ds.alt{background:#0d0e12}
.ds.alt::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.dpc{max-width:1100px;margin:0 auto;padding:0 48px}
.ds-head{text-align:center;margin-bottom:28px}
.ds-head .sec-label{margin-bottom:10px}
.ds-head h2{font-size:clamp(26px,3.5vw,48px);font-weight:900;letter-spacing:-2px;color:#fff;margin-bottom:12px;line-height:1.05}
.ds-head h2 .o{color:#fc5324}.ds-head h2 .g{color:#1db581}
.ds-head p{font-size:16px;color:rgba(255,255,255,.45);max-width:520px;margin:0 auto;line-height:1.7}

/* БЛОК АНАЛИЗА */
.analysis-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.analysis-text h3{font-size:26px;font-weight:900;letter-spacing:-1px;color:#fff;margin-bottom:14px;line-height:1.15}
.analysis-text p{font-size:15px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:16px}
.at-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.65);margin-bottom:10px;line-height:1.5}
.at-feat::before{content:'✓';color:#fc5324;font-weight:700;flex-shrink:0}
.dh-screen{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;position:relative}
.dh-screen::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#fc5324,#f59e0b,#1db581)}
.ds-topbar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.ds-dot{width:10px;height:10px;border-radius:50%}
.ds-title{font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;color:rgba(255,255,255,.3);margin-left:6px}
.ds-body{padding:18px}
.ds-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;margin-bottom:8px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05)}
.ds-row.good{background:rgba(29,181,129,.06);border-color:rgba(29,181,129,.2)}
.ds-row.warn{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.15)}
.ds-row.bad{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.15)}
.dsr-label{font-size:13px;color:rgba(255,255,255,.6)}
.dsr-val{font-size:13px;font-weight:700;font-family:'IBM Plex Mono', monospace,monospace}
.ds-row.good .dsr-val{color:#1db581}.ds-row.warn .dsr-val{color:#f59e0b}.ds-row.bad .dsr-val{color:#ef4444}
.ds-tag{display:inline-block;font-size:9px;font-family:'IBM Plex Mono', monospace,monospace;padding:2px 7px;border-radius:4px;margin-left:6px;vertical-align:middle;background:rgba(29,181,129,.15);color:#1db581}
.ds-cpc{margin-top:12px;padding:14px;background:linear-gradient(135deg,rgba(29,181,129,.08),rgba(252,83,36,.05));border:1px solid rgba(29,181,129,.2);border-radius:12px;text-align:center}
.ds-cpc-label{font-size:11px;color:rgba(255,255,255,.35);font-family:'IBM Plex Mono', monospace,monospace;margin-bottom:4px}
.ds-cpc-val{font-size:28px;font-weight:900;letter-spacing:-1px;color:#1db581}
.ds-cpc-sub{font-size:11px;color:rgba(255,255,255,.3);margin-top:2px}

/* ЧТО ДЕЛАЕТ ИИ */
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ai-card{background:var(--bg1);border:1px solid var(--line2);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .25s}
.ai-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#fc5324,#f59e0b);opacity:0;transition:opacity .25s}
.ai-card:hover{border-color:rgba(252,83,36,.25);transform:translateY(-4px)}.ai-card:hover::before{opacity:1}
.ai-ico{font-size:32px;margin-bottom:14px}
.ai-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px}
.ai-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.65}
.ai-tag{display:inline-block;margin-top:12px;font-family:'IBM Plex Mono', monospace,monospace;font-size:10px;color:#fc5324;background:rgba(252,83,36,.08);border:1px solid rgba(252,83,36,.2);padding:3px 10px;border-radius:5px}

/* ПРОЦЕСС */
.process-list{display:flex;flex-direction:column;gap:2px}
.proc-item{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:24px;padding:22px 28px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);transition:all .25s}
.proc-item:hover{background:rgba(252,83,36,.04);border-color:rgba(252,83,36,.2);transform:translateX(6px)}
.pi-num{font-family:'IBM Plex Mono', monospace,monospace;font-size:22px;font-weight:900;color:rgba(255,255,255,.08)}
.pi-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
.pi-desc{font-size:13px;color:rgba(255,255,255,.4);line-height:1.6}
.pi-tag{font-family:'IBM Plex Mono', monospace,monospace;font-size:11px;color:#fc5324;background:rgba(252,83,36,.08);border:1px solid rgba(252,83,36,.2);padding:5px 12px;border-radius:8px;white-space:nowrap;flex-shrink:0}

/* ТАРИФЫ */
.tariffs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}
.tariff{background:var(--bg1);border:1px solid var(--line2);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .25s}
.tariff:hover{transform:translateY(-4px);box-shadow:0 20px 56px rgba(0,0,0,.4)}
.tariff.featured{background:linear-gradient(160deg,rgba(252,83,36,.07) 0%,var(--bg1) 100%);border-color:rgba(252,83,36,.3)}
.tariff::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .25s}
.tariff.featured::before,.tariff:hover::before{opacity:1}
.t1::before{background:linear-gradient(90deg,#1db581,#16a872)}
.t2::before{background:linear-gradient(90deg,#fc5324,#f59e0b)}
.t3::before{background:linear-gradient(90deg,#818cf8,#5b6cf9)}
.tf-badge{display:inline-block;font-family:'IBM Plex Mono', monospace,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:100px;margin-bottom:20px}
.t1 .tf-badge{color:#1db581;background:rgba(29,181,129,.1);border:1px solid rgba(29,181,129,.25)}
.t2 .tf-badge{color:#fc5324;background:rgba(252,83,36,.1);border:1px solid rgba(252,83,36,.25)}
.t3 .tf-badge{color:#818cf8;background:rgba(129,140,248,.1);border:1px solid rgba(129,140,248,.25)}
.tf-name{font-size:22px;font-weight:900;letter-spacing:-.5px;color:#fff;margin-bottom:8px}
.tf-desc{font-size:14px;color:rgba(255,255,255,.45);line-height:1.6;margin-bottom:24px}
.tf-price{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.tf-price-val{font-size:40px;font-weight:900;letter-spacing:-2px;color:#fff;line-height:1}
.tf-price-val .curr{font-size:18px;color:rgba(255,255,255,.4);font-weight:400}
.tf-price-old{font-size:13px;color:rgba(255,255,255,.25);text-decoration:line-through;font-family:'IBM Plex Mono', monospace,monospace;margin-bottom:4px}
.tf-price-note{font-size:12px;color:rgba(255,255,255,.3);font-family:'IBM Plex Mono', monospace,monospace;margin-top:4px}
.tf-ai-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;font-weight:600;color:#1db581;background:rgba(29,181,129,.08);border:1px solid rgba(29,181,129,.2);padding:4px 10px;border-radius:6px}
.tf-features{display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:24px}
.tf-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.7);line-height:1.5}
.t1 .tf-feat::before{content:'✓';color:#1db581;font-weight:700;flex-shrink:0;margin-top:1px}
.t2 .tf-feat::before{content:'✓';color:#fc5324;font-weight:700;flex-shrink:0;margin-top:1px}
.t3 .tf-feat::before{content:'✓';color:#818cf8;font-weight:700;flex-shrink:0;margin-top:1px}
.tf-feat.dim{color:rgba(255,255,255,.25)}.tf-feat.dim::before{content:'–' !important;color:rgba(255,255,255,.2) !important}
.tf-gift{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;background:rgba(29,181,129,.08);border:1px solid rgba(29,181,129,.2);border-radius:8px;font-size:13px;font-weight:600;color:#1db581;position:relative;overflow:hidden}
.tf-gift::before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(29,181,129,.15),transparent);animation:shimmer 2.5s ease-in-out infinite}
@keyframes shimmer{0%{left:-60%}100%{left:120%}}
.btn-tariff{padding:14px;border-radius:12px;font-family:'Plus Jakarta Sans', sans-serif,sans-serif;font-size:15px;font-weight:700;cursor:pointer;border:none;text-align:center;text-decoration:none;display:block;transition:all .2s}
.t1 .btn-tariff{background:transparent;border:1px solid rgba(29,181,129,.3);color:#1db581}.t1 .btn-tariff:hover{background:rgba(29,181,129,.08)}
.t2 .btn-tariff{background:linear-gradient(135deg,#fc5324,#e63d10);color:#fff;box-shadow:0 4px 20px rgba(252,83,36,.3)}.t2 .btn-tariff:hover{transform:translateY(-1px);box-shadow:0 8px 32px rgba(252,83,36,.4)}
.t3 .btn-tariff{background:transparent;border:1px solid rgba(129,140,248,.3);color:#818cf8}.t3 .btn-tariff:hover{background:rgba(129,140,248,.08)}

/* НОВЫЙ КЛИЕНТ БЛОК */
.newbie-box{
  background:linear-gradient(135deg,#080d1a 0%,#0a100a 100%);
  border:1px solid rgba(29,181,129,.2);border-radius:24px;
  padding:0;overflow:hidden;position:relative;margin-top:32px;
}
.newbie-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1db581,#fc5324,#818cf8)}
.newbie-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.newbie-left{padding:48px;border-right:1px solid rgba(255,255,255,.06)}
.newbie-right{padding:48px;background:rgba(29,181,129,.03)}
.nb-eyebrow{font-family:'IBM Plex Mono', monospace,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#fc5324;margin-bottom:16px}
.nb-title{font-size:clamp(22px,2.5vw,32px);font-weight:900;letter-spacing:-1px;color:#fff;margin-bottom:14px;line-height:1.15}
.nb-desc{font-size:15px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:20px}
.nb-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.7);margin-bottom:10px;line-height:1.5}
.nb-feat::before{content:'✓';color:#1db581;font-weight:700;flex-shrink:0}
.nb-price-block{margin-top:24px;padding:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.nb-price-label{font-size:12px;color:rgba(255,255,255,.3);font-family:'IBM Plex Mono', monospace,monospace;margin-bottom:8px}
.nb-price{font-size:48px;font-weight:900;letter-spacing:-2px;color:#fff;line-height:1;margin-bottom:4px}
.nb-price-note{font-size:12px;color:rgba(255,255,255,.3);font-family:'IBM Plex Mono', monospace,monospace}
.nb-ai-features{display:flex;flex-direction:column;gap:16px;height:100%}
.nb-ai-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px;transition:all .25s}
.nb-ai-card:hover{border-color:rgba(29,181,129,.25)}
.nb-ai-ico{font-size:24px;margin-bottom:8px}
.nb-ai-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.nb-ai-desc{font-size:12px;color:rgba(255,255,255,.4);line-height:1.6}

/* ПОЧЕМУ МЫ */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.why-list{display:flex;flex-direction:column;gap:12px}
.why-item{display:flex;gap:16px;padding:18px 20px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:all .25s}
.why-item:hover{border-color:rgba(252,83,36,.2);background:rgba(252,83,36,.03)}
.wi-ico{font-size:24px;flex-shrink:0;margin-top:2px}
.wi-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
.wi-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
.why-right{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:36px;position:relative;overflow:hidden}
.why-right::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#fc5324,#f59e0b,#1db581)}
.wr-stat{display:flex;flex-direction:column}
.wrs{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.wrs:last-child{border-bottom:none}
.wrs-label{font-size:14px;color:rgba(255,255,255,.5)}
.wrs-val{font-size:20px;font-weight:900;letter-spacing:-1px}
.wrs-val.o{color:#fc5324}.wrs-val.g{color:#1db581}.wrs-val.w{color:#f59e0b}

@media(max-width:900px){
  .analysis-wrap,.why-grid,.newbie-inner{grid-template-columns:1fr}
  .newbie-left{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}
  .dh-screen{display:none}
  .ai-grid,.tariffs{grid-template-columns:1fr}
  .proc-item{grid-template-columns:1fr;gap:8px}.pi-num{display:none}.pi-tag{width:fit-content}
  .hero-direct,.dpc,.cta-direct-box{padding-left:20px;padding-right:20px}
  .ds{padding:56px 0}
}

.page-direct .direct-cta-section {
  padding: 80px 48px;
  background: linear-gradient(180deg,#0a0a0e 0%,#100a08 60%,#0a0a0e 100%);
  position: relative;
  overflow: hidden;
}
.page-direct .direct-cta-glow {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 800px; height: 500px;
  background: radial-gradient(ellipse,rgba(29,181,129,.09) 0%,transparent 60%);
  pointer-events: none;
}
.page-direct .direct-cta-card {
  position: relative; z-index: 1;
  max-width: 680px; margin: 0 auto;
  background: linear-gradient(135deg,rgba(29,181,129,.06),rgba(91,108,249,.03));
  border: 1px solid rgba(29,181,129,.2);
  border-radius: 24px;
  padding: 48px;
  overflow: hidden;
}
.page-direct .direct-cta-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg,#1db581,var(--direct-accent2));
}
.page-direct .direct-cta-inner { text-align: center; }
.page-direct .direct-cta-inner h2 {
  font-size: clamp(24px,3.5vw,44px);
  font-weight: 800;
  letter-spacing: -1.5px;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.1;
}
.page-direct .direct-cta-inner h2 .o { color: #1db581; }
.page-direct .direct-cta-inner p {
  font-size: 16px;
  color: rgba(255,255,255,.5);
  margin-bottom: 28px;
}

.page-direct .page-main--direct {
  padding: 0;
  max-width: none;
}