/* ── Главная страница: два потока, мультиспорт, кейсы, блог (только токены) ── */
.land-hero{text-align:center;padding:var(--space-xl) var(--space-sm) var(--space-md)}
.land-h1{font-family:var(--font-display);font-size:clamp(40px,6vw,72px);line-height:1.08;margin:0 0 var(--space-md);
  letter-spacing:.5px;max-width:20ch;margin-left:auto;margin-right:auto}
.land-h1 .grad{background:linear-gradient(135deg,var(--accent-primary),var(--accent-fire));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.land-lead{max-width:760px;margin:0 auto;color:var(--tx2);font-size:16.5px}

.aud-switch{display:flex;gap:var(--space-sm);justify-content:center;margin:var(--space-lg) 0 var(--space-md);
  background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-full);
  padding:var(--space-xs);width:max-content;margin-left:auto;margin-right:auto}
.aud-btn{border:none;background:transparent;color:var(--tx2);font:inherit;font-weight:600;font-size:14.5px;
  padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);cursor:pointer}
.aud-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));
  color:var(--text-main);box-shadow:var(--glow-primary)}

.glass{background:color-mix(in srgb,var(--bg-card) 88%,transparent);backdrop-filter:blur(10px);
  border:1px solid var(--line);box-shadow:var(--shadow-card)}
.card.glass:hover{transform:translateY(-4px)}
.card.glass{transition:transform .18s ease}

.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-md)}
.step-card{position:relative;padding:var(--space-lg);border-radius:var(--radius-lg)}
.step-card .ico{font-size:28px}
.step-card h3{font-size:15.5px;margin:var(--space-sm) 0}
.step-card .d{color:var(--tx2);font-size:13.5px}
.step-num{position:absolute;top:var(--space-sm);right:var(--space-md);font-family:var(--font-display);
  font-size:26px;color:var(--line2);opacity:.7}

.sport-switch{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-sm) 0 var(--space-md)}
.sport-tab{border:1px solid var(--line);background:var(--bg-card);color:var(--tx2);font:inherit;font-size:14px;
  padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);cursor:pointer}
.sport-tab:hover{color:var(--tx);border-color:var(--accent-primary)}
.sport-tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));
  color:var(--text-main);border-color:transparent;box-shadow:var(--glow-primary)}
.sport-body{transition:opacity .3s ease}
.sport-body.fade{animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sport-grid{display:grid;grid-template-columns:minmax(280px,1.1fr) 1fr;gap:var(--space-lg);align-items:start}
@media (max-width:840px){.sport-grid{grid-template-columns:1fr}}
.sport-shot{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.shot-bar{display:flex;gap:6px;align-items:center;padding:var(--space-sm) var(--space-md);
  border-bottom:1px solid var(--line);font-size:12.5px;color:var(--tx2)}
.shot-bar b{font-weight:600;color:var(--tx)}
.dot-i{width:9px;height:9px;border-radius:var(--radius-full);background:var(--line2);display:inline-block}
.shot-mock{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}
.shot-line{height:10px;border-radius:var(--radius-full);background:var(--line)}
.shot-line.w70{width:70%}.shot-line.w60{width:60%}.shot-line.w45{width:45%}.shot-line.w35{width:35%}
.shot-frame{border:1px dashed var(--line2);border-radius:var(--radius-md);padding:var(--space-lg);
  text-align:center;color:var(--tx3);font-size:12.5px;background:var(--bg-card)}
.sport-info{display:flex;flex-direction:column;gap:var(--space-sm)}
.metric-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);
  padding:var(--space-sm) 0;border-bottom:1px solid var(--line)}

.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}
.case-card{display:flex;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);cursor:pointer}
.case-ava{width:56px;height:56px;flex:0 0 56px;border-radius:var(--radius-full);display:flex;align-items:center;
  justify-content:center;font-weight:700;font-family:var(--font-display);
  background:linear-gradient(135deg,var(--accent-primary),var(--accent-fire));color:var(--text-main)}
.case-name{font-weight:600;display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}
.case-result{font-size:15px;margin:var(--space-xs) 0;color:var(--tx)}
.case-foot{margin-top:var(--space-sm);color:var(--tx3);font-size:12.5px}

.blog-head{display:flex;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm)}
.blog-ava{width:40px;height:40px;flex:0 0 40px;border-radius:var(--radius-full);display:flex;align-items:center;
  justify-content:center;font-weight:700;background:var(--bg-elev);border:1px solid var(--line2);color:var(--tx)}
.blog-author{font-size:13.5px;font-weight:600}
.blog-meta{color:var(--tx3);font-size:12px}
.blog-ico{margin-left:auto;font-size:22px}
.blog-title{font-size:16px;margin:var(--space-xs) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-more{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-sm);font-size:13.5px;
  text-decoration:none;color:var(--accent-primary);font-weight:600}
.blog-more:hover{color:var(--accent-fire)}
.blog-foot{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--line);
  color:var(--tx3);font-size:12px}
