/* ---------- Лендинг: стиль футбольного менеджера ---------- */
.ln{--pitch1:#0E4529;--pitch2:#104D2E;--chalk:rgba(255,255,255,.55);--board:#06100B;--y:#FFCC33;--y-ink:#1A1400}
.ln .topbar{background:var(--board);border-bottom:3px solid var(--y)}
.ln .topbar .nav a.l{color:#CFE0D5;font-weight:500}
.ln .topbar .nav a.l:hover{color:#fff}

.ln-hero{position:relative;background:repeating-linear-gradient(90deg,var(--pitch1) 0 110px,var(--pitch2) 110px 220px);border-bottom:1px solid #0A2E1C;overflow:hidden}
.ln-hero::before{content:"";position:absolute;inset:28px;border:2px solid rgba(255,255,255,.14);border-radius:4px;pointer-events:none}
.ln-hero::after{content:"";position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;border:2px solid rgba(255,255,255,.10);border-radius:50%;pointer-events:none}
.ln-hero .wrap{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:72px;padding-bottom:88px}
.ln-hero .txt{flex:1 1 500px;min-width:0;display:flex;flex-direction:column;gap:24px}
.ln-kicker{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;background:var(--board);color:#fff;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ln-kicker i{width:10px;height:14px;background:var(--y);border-radius:2px;display:inline-block}
.ln-hero h1{margin:0;font-size:clamp(38px,5.8vw,66px);line-height:1.02;font-weight:800;letter-spacing:-.035em;color:#fff}
.ln-hero h1 em{font-style:normal;color:var(--y)}
.ln-hero .lead{color:#D6E6DB;font-size:19px;margin:0;max-width:580px}
.ln-cta{display:flex;flex-wrap:wrap;gap:12px}
.ln .btn.primary{background:var(--y);border-color:var(--y);color:var(--y-ink);box-shadow:0 3px 0 #B88A00}
.ln .btn.primary:hover{background:#FFD95C;color:var(--y-ink)}
.ln .btn.ghost{border:2px solid rgba(255,255,255,.55);color:#fff}
.ln .btn.ghost:hover{border-color:#fff;color:#fff}
.ln-facts{display:flex;flex-wrap:wrap;gap:8px}
.ln-facts span{background:rgba(6,16,11,.55);border:1px solid rgba(255,255,255,.14);color:#E6F0E9;border-radius:999px;padding:6px 12px;font-size:14px}

/* Матч-центр */
.mc{flex:1 1 380px;min-width:0;max-width:460px;background:var(--board);border-radius:16px;border:1px solid #1D3A2A;box-shadow:0 24px 60px rgba(0,0,0,.45);overflow:hidden}
.mc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#0B1C13;border-bottom:1px solid #1D3A2A;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#9FC1AC}
.mc-live{display:flex;align-items:center;gap:8px;color:var(--y)}
.mc-live b{width:8px;height:8px;border-radius:50%;background:var(--y)}
.mc-body{display:flex;gap:16px;padding:16px 18px 18px;flex-wrap:wrap}
.mc-pitch{flex:1 1 200px;min-width:180px}
.mc-pitch svg{display:block;width:100%;height:auto;border-radius:8px}
.mc-side{flex:1 1 150px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.mc-row{background:#0F2318;border-radius:10px;padding:10px 12px}
.mc-row small{display:block;color:#86A693;font-size:12px}
.mc-row b{color:#fff;font-weight:600}
.mc-log{border-top:1px solid #1D3A2A;padding:12px 18px 16px;font-family:"Geist Mono",monospace;font-size:12.5px;color:#B9D0C1;display:flex;flex-direction:column;gap:5px}
.mc-log span{color:#5F8270;margin-right:8px}

/* Табло фактов */
.ln-board{background:var(--board);border-bottom:1px solid #12291C}
.ln-board .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ln-board .cell{padding:26px 20px;border-right:1px solid #12291C;display:flex;flex-direction:column;gap:2px}
.ln-board .cell:last-child{border-right:0}
.ln-board .v{font-family:"Geist Mono",monospace;font-size:34px;font-weight:500;color:var(--y);letter-spacing:-.02em;line-height:1.1}
.ln-board .k{color:#A9C2B2;font-size:14px}

/* Секции */
.ln .sec{border-top:0;padding:96px 0}
.ln .sec.alt{background:#0B1912}
.ln .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--y);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.ln .eyebrow::before{content:"";width:18px;height:3px;background:var(--y);border-radius:2px}
.ln .sec h2{color:#fff}
.ln .sec .intro{color:var(--tx2);max-width:640px;margin:14px 0 0;font-size:17px}

/* Шаги — номера как на футболках */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:44px}
.step{background:var(--s1);border:1px solid #1C3426;border-radius:16px;padding:26px;display:flex;gap:18px;align-items:flex-start}
.jersey{flex:none;width:56px;height:60px}
.step h3{margin:4px 0 8px;font-size:20px;color:#fff}
.step p{margin:0;color:var(--tx2)}

/* Возможности — тактическая доска */
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:#1C3426;border:1px solid #1C3426;border-radius:18px;overflow:hidden;margin-top:44px}
.feat > div{background:#0D1B14;padding:28px;display:flex;flex-direction:column;gap:10px}
.feat .ic{width:44px;height:44px;border-radius:10px;background:#143223;display:flex;align-items:center;justify-content:center;color:var(--y)}
.feat h3{margin:6px 0 0;font-size:19px;color:#fff}
.feat p{margin:0;color:var(--tx2)}

/* Турнирная таблица */
.league{margin-top:40px;border-radius:14px;overflow:hidden;border:1px solid #1C3426}
.league .tbl{margin:0;border:0;border-radius:0}
.league table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.league thead th{background:#123524;color:#CFE0D5;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;text-align:left}
.league tbody td{padding:13px 16px;border-top:1px solid #16301F;color:#E6F0E9}
.league tbody tr:nth-child(odd) td{background:#0C1A13}
.league tbody tr:nth-child(even) td{background:#0E1F16}
.league td.n{font-family:"Geist Mono",monospace;color:#86A693;width:44px}
.league .on{display:inline-flex;align-items:center;gap:6px;color:var(--y);font-weight:600}
.league .off{color:#5F8270}

/* Цена */
.ticket{display:flex;flex-wrap:wrap;margin-top:44px;border-radius:22px;overflow:hidden;background:var(--y);color:var(--y-ink)}
.ticket .main{flex:2 1 460px;padding:40px;display:flex;flex-direction:column;gap:20px}
.ticket .stub{flex:1 1 260px;padding:40px 32px;background:#F2BC14;border-left:3px dashed rgba(26,20,0,.35);display:flex;flex-direction:column;gap:14px;justify-content:center}
.ticket .tag{align-self:flex-start;background:var(--y-ink);color:var(--y);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ticket .big{font-size:clamp(56px,8vw,88px);font-weight:800;letter-spacing:-.045em;line-height:.95}
.ticket ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 24px}
.ticket li{padding-left:26px;position:relative;font-weight:500}
.ticket li::before{content:"";position:absolute;left:0;top:.35em;width:14px;height:8px;border-left:3px solid var(--y-ink);border-bottom:3px solid var(--y-ink);transform:rotate(-45deg)}
.ticket .btn{background:var(--y-ink);border-color:var(--y-ink);color:#fff;align-self:flex-start;min-width:240px}
.ticket .btn:hover{background:#000;color:#fff}
.trial{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border:1px solid #1C3426;background:var(--s1);border-radius:16px;padding:22px 26px}
.trial b{color:#fff;font-size:18px}

.ln .cmp thead tr{background:#123524}
.ln .tbl{border-color:#1C3426}

/* Финальный призыв */
.ln-final{background:repeating-linear-gradient(90deg,var(--pitch1) 0 110px,var(--pitch2) 110px 220px);padding:80px 0;text-align:center}
.ln-final h2{margin:0 auto 14px;max-width:760px;color:#fff;font-size:clamp(30px,4.4vw,48px)}
.ln-final p{color:#D6E6DB;margin:0 auto 28px;max-width:560px;font-size:18px}
.ln footer.site{background:var(--board);border-top:3px solid var(--y)}
.ln .faq details{border-color:#1C3426;max-width:860px}
.ln .wrap.faq{max-width:1200px}

/* Логотип */
.ln-badge{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ln-badge img{width:88px;height:88px;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.ln-final-logo{display:block;width:140px;height:140px;margin:0 auto 22px;border-radius:50%;box-shadow:0 16px 40px rgba(0,0,0,.45)}

/* Сравнение: карточки на телефоне вместо таблицы */
.cmp-mob{display:none;flex-direction:column;gap:12px;margin-top:28px}
.cm{border:1px solid #1C3426;background:var(--s1);border-radius:16px;padding:20px}
.cm h3{margin:0 0 10px;font-size:19px;color:#fff}
.cm.hl{border-color:var(--y)}
.cm dl{margin:0;display:flex;flex-direction:column}
.cm dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #16301F}
.cm dl div:first-child{border-top:0}
.cm dt{color:var(--mute)}
.cm dd{margin:0;text-align:right;font-weight:600;color:#fff}

@media (max-width:640px){
  .ln-badge img{width:64px;height:64px}
  .cmp-desk{display:none}
  .cmp-mob{display:flex}
  .league table{min-width:0}
  .league thead th:nth-child(4),.league tbody td:nth-child(4),.league thead th:nth-child(6),.league tbody td:nth-child(6){display:none}
  .league thead th,.league tbody td{padding:12px 10px}
  .ln .topbar .nav a.l:not(.keep){display:none}
  .ln .topbar .wrap{flex-wrap:nowrap}
  .ln .topbar .logo span{display:none}
  .ln-hero .wrap{padding-top:44px;padding-bottom:56px}
  .ln-hero::after{display:none}
  .ticket .main,.ticket .stub{padding:28px}
  .ticket .stub{border-left:0;border-top:3px dashed rgba(26,20,0,.35)}
  .ln .sec{padding:64px 0}
}
