/* Арбитражная партнёрка /arb. Тёмная тема — как в кабинете /lk,
   плюс моноширинные цифры: аудитория читает страницу как терминал. */
:root{
  --bg:#0E1116; --panel:#171B22; --panel-2:#1E232C; --line:#2A313C;
  --ink:#EEF1F4; --muted:#9AA4B0; --accent:#C8F03C; --accent-ink:#161a08;
  --bad:#FF6B5B; --ok:#7BD88F;
  --sp-sec:72px; --sp-blk:32px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;overflow-x:hidden}
body{
  font-family:'Inter Tight',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg); color:var(--ink); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
  padding-bottom:env(safe-area-inset-bottom);
}
input,button,select,textarea{font-family:inherit}
button{cursor:pointer}
a{color:inherit}
.mono{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
.sm{font-size:13px}

/* Русская типографика: перенос по словам, без авто-дефисов */
h1,h2,h3,.lead{text-wrap:balance;hyphens:manual}

/* ---------- NAV ---------- */
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;
  background:rgba(14,17,22,.92);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.2;text-decoration:none;font-weight:600}
.brand-mark{font-size:20px;color:var(--accent)}
.brand.sm{font-size:16px;font-weight:700;display:block}

/* ---------- LAYOUT ---------- */
.hero,.sec{max-width:1080px;margin:0 auto;padding:var(--sp-sec) 20px}
.hero{padding-bottom:var(--sp-blk)}
h1{font-size:clamp(30px,4.4vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0 0 20px;max-width:16ch}
h2{font-size:clamp(23px,2.4vw,32px);line-height:1.15;letter-spacing:-.01em;margin:0 0 var(--sp-blk)}
.lead{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:62ch;margin:0 0 28px}
.sub{color:var(--muted);margin:-18px 0 26px;max-width:66ch}
.note{color:var(--muted);font-size:14px;margin-top:18px;max-width:70ch}
.tag{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--accent);border:1px solid #3a5210;background:#1a2408;border-radius:99px;padding:6px 14px;margin-bottom:22px}
.hl{color:var(--accent)}

.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.chip{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:8px 15px;font-size:14px}
.chip b{font-family:'JetBrains Mono',monospace;color:var(--accent)}

.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{background:var(--accent);color:var(--accent-ink);border:none;border-radius:12px;padding:14px 24px;
  font-weight:700;font-size:16px;min-height:50px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.55}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink);border-radius:12px;
  padding:12px 20px;font-weight:600;min-height:46px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btn-ghost:hover{border-color:var(--muted)}
.btn-ghost.wide{width:100%;margin-top:14px}

/* ---------- CARDS ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}
.card p{margin:0 0 10px;color:var(--muted)}
.card p:last-child{margin-bottom:0}
.card-h{font-weight:700;margin-bottom:12px}

/* ===== Частые вопросы (секция 12.5): аккордеон на тёмной теме ===== */
.faq-list{max-width:840px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:4px 22px}
.faq{border-top:1px solid var(--line);padding:15px 0}
.faq:first-child{border-top:none}
.faq>summary{cursor:pointer;font-weight:600;font-size:16.5px;line-height:1.4;list-style:none;text-wrap:balance}
.faq>summary::-webkit-details-marker{display:none}
.faq>summary::before{content:'▸ ';color:var(--accent)}
.faq[open]>summary::before{content:'▾ '}
.faq-a{color:var(--muted);font-size:15px;line-height:1.6;margin:10px 0 0;text-wrap:pretty}
@media(max-width:640px){.faq-list{padding:4px 16px}.faq>summary{font-size:15.5px}}
.card ul{margin:0;padding-left:20px;color:var(--muted)}
.card ul li{margin-bottom:9px}
.card.ok{border-color:#33502f}
.card.ok .card-h{color:var(--ok)}
.card.bad{border-color:#5a2f2c}
.card.bad .card-h{color:var(--bad)}

/* ---------- OFFERS ---------- */
.offers{display:flex;flex-direction:column;gap:14px}
.offer{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}
.offer-t{font-size:19px;font-weight:700;margin-bottom:6px}
.offer-s{color:var(--muted);margin-bottom:14px}
.offer-meta{display:flex;flex-wrap:wrap;gap:8px}
.pill{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:5px 11px;font-size:13px;color:var(--muted)}
.pill b{color:var(--ink);font-family:'JetBrains Mono',monospace}
.offer-pay{text-align:right;white-space:nowrap}
.offer-pay .num{font-family:'JetBrains Mono',monospace;font-size:30px;font-weight:700;color:var(--accent);line-height:1}
.offer-pay .cap{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.offer-kpi{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:14px}

/* ---------- TERMS ---------- */
.terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.term{padding:18px 22px;border-bottom:1px solid var(--line)}
.term:nth-child(odd){border-right:1px solid var(--line)}
.term-k{color:var(--muted);font-size:14px;margin-bottom:5px}
.term-v{font-weight:600}

/* ---------- CALC ---------- */
.calc{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}
.calc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.calc-row label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--muted);min-width:0}
.calc-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.calc-out>div{background:var(--panel-2);border-radius:12px;padding:16px}
.calc-out .accent{background:linear-gradient(160deg,#1d2a05,#283a06)}
.calc-k{display:block;color:var(--muted);font-size:14px;margin-bottom:5px}
.calc-out b{font-family:'JetBrains Mono',monospace;font-size:26px}
.calc-out .accent b{color:var(--accent)}

/* ---------- STEPS / FAQ ---------- */
.steps{margin:0;padding-left:24px;max-width:74ch}
.steps li{margin-bottom:16px;color:var(--muted)}
.steps b{color:var(--ink)}

/* ---------- FORMS ---------- */
.form{display:flex;flex-direction:column;gap:12px;max-width:520px}
.fld{background:var(--panel-2);border:1.5px solid var(--line);border-radius:12px;padding:14px;
  color:var(--ink);font-size:16px;width:100%;min-width:0}
.fld:focus{outline:none;border-color:var(--accent)}
.fld::placeholder{color:#6B7480}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.err{color:var(--bad);font-size:14px;min-height:1px}
.ok-msg{color:var(--ok);font-size:15px}

/* ---------- AUTH ---------- */
.auth-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 18px}
.auth-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 22px}
.brand-sub{color:var(--muted);font-size:14px;margin:8px 0 20px}

/* ---------- CABINET ---------- */
.hdr{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));
  background:rgba(14,17,22,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr-right{display:flex;align-items:center;gap:12px}
.hello{color:var(--muted);font-size:14px;max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main{max-width:900px;margin:0 auto;padding:18px 16px 60px;display:flex;flex-direction:column;gap:16px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}
.panel.warn{border-color:#5a4a2c;background:#201c10}
.panel-title{font-weight:700;font-size:15px;margin-bottom:14px}
.panel p{color:var(--muted);margin:0}
.hint{color:var(--muted);font-size:13px;margin-top:10px}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 14px;min-width:0}
.stat.accent{background:linear-gradient(160deg,#1d2a05,#283a06);border-color:#3a5210}
.stat-k{color:var(--muted);font-size:13px;margin-bottom:6px}
.stat-v{font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:700}
.stat.accent .stat-v{color:var(--accent)}

.link-row{display:flex;gap:10px;margin-bottom:10px}
.link-fld{flex:1;min-width:0;background:var(--panel-2);border:1.5px solid var(--line);border-radius:12px;
  padding:13px;color:var(--accent);font-size:14px;font-family:'JetBrains Mono',monospace}
.copy{flex:none;padding:0 18px;min-height:48px}
.link-name{font-size:14px;color:var(--muted);margin:14px 0 6px}

.tbl-wrap{overflow-x:auto;margin-top:12px;-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.tbl th{text-align:left;color:var(--muted);font-weight:500;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl td.num{font-family:'JetBrains Mono',monospace;white-space:nowrap}
.st{display:inline-block;border-radius:7px;padding:3px 9px;font-size:12px;font-weight:600;white-space:nowrap}
.st-new{background:#20293a;color:#9dc0ff}
.st-approved{background:#1d3320;color:var(--ok)}
.st-rejected{background:#3a2220;color:var(--bad)}
.st-paid{background:#2a3a08;color:var(--accent)}
.empty{color:var(--muted);font-size:14px;padding:14px 0}

/* ---------- MOBILE ---------- */
@media (max-width:900px){
  :root{--sp-sec:48px;--sp-blk:24px}
  .grid3,.two,.calc-row,.calc-out{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .terms{grid-template-columns:minmax(0,1fr)}
  .term:nth-child(odd){border-right:none}
  .offer{grid-template-columns:minmax(0,1fr)}
  .offer-pay{text-align:left}
  .cta-row .btn,.cta-row .btn-ghost{flex:1;min-width:160px}
}
@media (max-width:560px){
  .hero,.sec{padding-left:16px;padding-right:16px}
  h1{max-width:none}
  .link-row{flex-direction:column}
  .copy{width:100%}
}


/* ---------- Сегменты, доказательства, «берём на себя» ---------- */
.grid2x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nofit{margin-top:16px}
.warn-card{margin-top:16px;border-color:#5a4a2c;background:#1c190f}
.warn-card .card-h{color:#e5c07b}

/* ---------- Путь денег ---------- */
.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.flow-step{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}
.flow-n{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);
  font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;
  display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.flow-t{font-weight:700;margin-bottom:6px}
.flow-d{color:var(--muted);font-size:14px}

/* ---------- Остаток капы ---------- */
.offer-cap{grid-column:1/-1}
.cap-bar{border-radius:10px;padding:10px 14px;font-size:14px;border:1px solid}
.cap-bar b{font-family:'JetBrains Mono',monospace}
.cap-ok{background:#16220f;border-color:#33502f;color:var(--ok)}
.cap-low{background:#221c0f;border-color:#5a4a2c;color:#e5c07b}
.cap-none{background:#221312;border-color:#5a2f2c;color:var(--bad)}

@media (max-width:900px){
  .grid2x2{grid-template-columns:minmax(0,1fr)}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .flow{grid-template-columns:minmax(0,1fr)}
}

.cap-soon{background:#101a22;border-color:#2b4457;color:#8ab4d8}
.link-soon{background:var(--panel-2);border:1px dashed var(--line);border-radius:12px;padding:13px;color:var(--muted);font-size:14px}

/* ---------- Общий подвал сайта (стили те же, что в /lk) ---------- */
.site-footer{background:#F4F3EE;border-top:1px solid #E2E0D7;padding:clamp(44px,6vw,72px) 0 28px;color:#15181C}
/* The /lk landing wraps content in #auth-view (max-width:1060). Break the footer
   out to full viewport width so it spans edge-to-edge exactly like the homepage. */
#auth-view .site-footer{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.site-footer .wrap{max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px);width:100%;box-sizing:border-box}
.site-footer .footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.site-footer .footer-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.site-footer .footer-col .brand{display:flex;align-items:center;gap:10px;font-weight:600}
.site-footer .brand-mark{font-size:20px;line-height:1;color:#15181C}
.site-footer .brand-text{font-size:13px;line-height:1.1;letter-spacing:.01em}
.site-footer .brand-text b{font-weight:700}
.site-footer .footer-h{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:"tnum" 1;font-size:12px;color:#6A7178;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.site-footer .footer-col a{color:#3A4048;font-size:15px;text-decoration:none;min-height:auto}
.site-footer .footer-col a:hover{color:#15181C}
.site-footer .footer-tag{color:#6A7178;font-size:14px;max-width:260px;margin:0}
.site-footer .footer-req p{color:#3A4048;font-size:14px;line-height:1.7;margin:0}
.site-footer .footer-projects a{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.site-footer .proj-desc{color:#6A7178;font-size:12px;line-height:1.4}
.site-footer a.footer-partner{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:6px;margin-top:10px;align-self:flex-start;max-width:340px;background:#C8F03C;color:#161a08;border-radius:14px;padding:13px 20px;font-weight:700;font-size:14px;text-decoration:none;min-height:48px;line-height:1.35}
.site-footer a.footer-partner:hover{background:#d4f857;color:#161a08}
.site-footer .footer-sections{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}
.site-footer .footer-sections a{color:#3A4048;font-size:15px;text-decoration:none}
.site-footer .footer-sections a:hover{color:#15181C}
.site-footer .footer-bottom{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin-top:40px;padding-top:22px;border-top:1px solid #E2E0D7;color:#6A7178;font-size:13px}
@media(max-width:1024px){.site-footer .footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.site-footer .footer-inner{grid-template-columns:1fr}.site-footer a.footer-partner{max-width:none;align-self:stretch}}

/* ---------- Постбек: пресеты и результат теста ---------- */
.pb-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pb-presets-l{color:var(--muted);font-size:13px}
.chip-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);
  border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}
.chip-btn:hover{border-color:var(--muted)}
.pb-result{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel-2)}
.pb-result.ok{border-color:#33502f;background:#16220f}
.pb-result.bad{border-color:#5a2f2c;background:#221312}
.pb-line{margin-bottom:6px;word-break:break-all}
.pb-line:last-child{margin-bottom:0}

/* ---------- Живой кабинет: свежесть и подсветка изменений ---------- */
.fresh{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--muted);white-space:nowrap;opacity:.7}
@media(max-width:560px){.fresh{display:none}}
.fresh-blink{animation:freshPulse 1s ease-out}
@keyframes freshPulse{0%{color:var(--accent);opacity:1}100%{color:var(--muted);opacity:.7}}
.stat-bump{animation:statBump 1.2s ease-out}
@keyframes statBump{0%{border-color:var(--accent);background:#1d2a05}100%{}}
.stat.accent.stat-bump{animation:statBumpA 1.2s ease-out}
@keyframes statBumpA{0%{box-shadow:0 0 0 2px var(--accent)}100%{}}

/* ---------- Telegram-панель ---------- */
.tg-on{color:var(--ok);font-size:14px;margin:0}

/* ---------- Превью посадочной в карточке оффера ---------- */
.offer-shot{grid-column:1/-1}
.shot-btn{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;background:var(--panel-2);position:relative;text-align:left}
.shot-btn:hover{border-color:var(--accent)}
.shot-btn::before{content:'';display:block;height:26px;background:var(--panel-2);
  border-bottom:1px solid var(--line)}
.shot-btn::after{content:'';position:absolute;top:11px;left:14px;width:5px;height:5px;border-radius:50%;
  background:#3d4654;box-shadow:9px 0 0 #3d4654,18px 0 0 #3d4654}
.shot-btn img{display:block;width:100%;height:auto;max-height:340px;object-fit:cover;object-position:top}
.shot-ov{position:absolute;left:12px;bottom:12px;padding:9px 14px;border-radius:12px;
  background:rgba(14,17,22,.94);border:1px solid var(--line);backdrop-filter:blur(2px)}
.shot-ov-b{display:block;font-weight:700;font-size:15px}
.shot-ov-s{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.shot-cap{color:var(--muted);font-size:13px;margin-top:10px}

/* ---------- Лайтбокс с кадрами посадочной ---------- */
.lb{position:fixed;inset:0;z-index:60;background:rgba(8,10,14,.88);overflow-y:auto;
  padding:20px;-webkit-overflow-scrolling:touch}
.lb-in{max-width:1000px;margin:0 auto;background:var(--panel);border:1px solid var(--line);
  border-radius:18px}
.lb-top{position:sticky;top:-1px;z-index:2;border-radius:17px 17px 0 0;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--line)}
.lb-t{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-x{flex:none;width:38px;height:38px;border-radius:10px;background:var(--panel-2);
  border:1px solid var(--line);color:var(--ink);font-size:15px}
.lb-x:hover{border-color:var(--muted)}
.lb-body{padding:18px;display:flex;flex-direction:column;gap:24px}
.lb-fig{margin:0}
.lb-fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.lb-fig figcaption{color:var(--muted);font-size:14px;margin-top:10px;max-width:70ch}
.lb-mob img{max-width:300px}

/* ---------- Наша цена заявки ---------- */
.card.cpl{display:flex;flex-direction:column}
.card.cpl p{flex:1}
.cpl-num{font-family:'JetBrains Mono',monospace;font-size:21px;font-weight:700;color:var(--accent);
  margin-bottom:8px;line-height:1.2}
.cpl-link{display:inline-block;margin-top:4px;color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}
.cpl-link:hover{text-decoration:underline}

/* ---------- Лестница дохода ---------- */
.ladder{min-width:560px}
.ladder th{vertical-align:bottom;color:var(--ink);font-weight:600;white-space:normal}
.lad-rate{display:block;margin-top:4px;font-family:'JetBrains Mono',monospace;font-size:12px;
  font-weight:400;color:var(--accent)}
.ladder td.num{font-weight:600}
.lad-note{display:inline-block;color:var(--muted);font-size:12px;font-weight:400;font-family:'Inter Tight',sans-serif}
.lad-over{opacity:.55}
.lad-cap td{border-bottom:none}

/* ---------- Расчёт связки ---------- */
.calc-h{font-weight:700;margin-bottom:16px}
.calc-out-4{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
.calc-out-4 b{font-size:20px}
.calc-hint-l{display:flex;flex-direction:column;gap:7px;min-width:0;color:var(--muted)}
.calc-hint-t{font-size:14px}
.calc-hint{font-size:12px;line-height:1.45;color:var(--muted)}
.calc-sub{display:block;margin-top:4px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted)}
.calc-out .loss{background:#221312;border:1px solid #5a2f2c}
.calc-out .loss b{color:var(--bad)}
.calc-be{margin-top:16px;border:1px solid var(--line);background:var(--panel-2);border-radius:12px;
  padding:12px 14px;font-size:14px}
.calc-be b{font-family:'JetBrains Mono',monospace}
.be-ok{border-color:#33502f;background:#16220f;color:var(--ok)}
.be-bad{border-color:#5a4a2c;background:#221c0f;color:#e5c07b}
.be-cap{display:block;margin-top:6px;color:var(--muted)}

@media (max-width:900px){
  .calc-out-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shot-btn img{max-height:220px}
  .lb{padding:12px}
  .lb-body{padding:14px;gap:20px}
}