/* ===========================================================================
   FlyCentralAsia V2 — главная страница (артборд «Home V2», 1a «data desk»)

   Отдельный файл: эти классы нужны только на главной, грузить их всем
   остальным страницам незачем.
   =========================================================================== */

/* ── общие блоки-полосы ─────────────────────────────────────────────── */
.v2-band{padding:56px var(--pad);border-top:1px solid var(--line);background:var(--bg)}
.v2-band--alt{background:var(--panel-alt)}
.v2-wrap--narrow{max-width:760px}
.v2-band-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.v2-band-note{font:500 11px/1 'JetBrains Mono',monospace;color:var(--tx-5)}
.v2-h2{margin:0;font:700 32px/1.15 'Golos Text',sans-serif;color:var(--tx);letter-spacing:-.02em}
.v2-h2--sm{font-size:28px}
.v2-h3{margin:0 0 12px;font:700 24px/1.25 'Golos Text',sans-serif;color:var(--tx);letter-spacing:-.02em}
.v2-more{font:600 12.5px/1 'Golos Text',sans-serif;color:var(--gold);white-space:nowrap}
.v2-more:hover{color:var(--gold-hi)}
.v2-dim{color:var(--tx-5)}
.v2-gold{color:var(--gold)}
.v2-eyebrow-mono{font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.2em;color:var(--blue)}


/* ── hero ────────────────────────────────────────────────────────────── */
.v2-hero{position:relative;overflow:hidden;padding:0 0 60px}
.v2-hero-bg{position:absolute;inset:0;pointer-events:none;opacity:.55}
.v2-hero-bg svg{width:100%;height:100%}
.v2-arc{fill:none;stroke:var(--blue-soft);stroke-width:1;opacity:.3;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);
  animation:v2draw 2.4s cubic-bezier(.4,0,.2,1) forwards}
.v2-node{fill:var(--gold);opacity:0;animation:v2pop .5s ease forwards}
@keyframes v2draw{to{stroke-dashoffset:0}}
@keyframes v2pop{to{opacity:.8}}

.v2-hero-inner{position:relative;max-width:960px;padding-top:74px}
.v2-hero-h1{
  margin:26px 0 26px;max-width:920px;
  font-family:'Golos Text',sans-serif;font-weight:800;
  /* Фиксированные 68px из макета не помещают английскую и русскую строки
     в 840px даже в один экран (проверено: обе версии реально дают 4 строки
     вместо 2 задуманных) — размер сделан гибким вместо жёсткого. */
  font-size:clamp(2.1rem, 3.7vw + 1rem, 4.15rem);
  line-height:1.08;color:var(--tx);letter-spacing:-.025em;text-wrap:pretty;
}

/* Кириллица тех же фраз заметно длиннее латиницы (проверено: при 66px обе
   версии заголовка должны укладываться в 2 строки, но русская реально даёт
   4 — см. заметку выше). Для RU потолок ниже; 48-60px эмпирически проверены
   и дают ровно 2 строки на этом макете. */
html[lang="ru"] .v2-hero-h1{font-size:clamp(2rem, 3.3vw + 0.8rem, 3.5rem)}
.v2-hero-lead{margin:0 0 34px;max-width:600px;font:400 17px/1.65 'Golos Text',sans-serif;color:var(--tx-3)}
.v2-hero-cta{display:flex;gap:12px;margin-bottom:52px;flex-wrap:wrap}

.v2-hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:0;width:fit-content;border-left:1px solid rgba(255,255,255,.12);margin:0}
.v2-hero-stats div{padding:0 34px;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}
.v2-hero-stats div:first-child{border-left:0;padding-left:0}
.v2-hero-stats dd{margin:0;font:700 34px/1 'Golos Text',sans-serif;color:var(--tx)}
.v2-hero-stats dt{order:2;margin-top:7px;font:500 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.14em;color:var(--tx-5)}

/* ── страны ──────────────────────────────────────────────────────────── */
.v2-country-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;
}
.v2-country-card{padding:22px 20px;background:var(--panel);transition:background .2s ease}
.v2-country-card:hover{background:#12253d}
.v2-country-top{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.v2-country-code{font:600 11px/1 'JetBrains Mono',monospace;color:var(--gold)}
.v2-country-name{font:600 13px/1 'Golos Text',sans-serif;color:var(--tx-1)}
.v2-country-num{font:700 26px/1 'Golos Text',sans-serif;color:var(--tx)}
.v2-country-sub{margin-top:6px;font:400 11.5px/1.4 'Golos Text',sans-serif;color:var(--tx-5);text-transform:lowercase}
.v2-country-tags{margin-top:14px;display:flex;gap:6px}

/* ── новости ─────────────────────────────────────────────────────────── */
.v2-news-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.v2-news-row{display:block;padding:20px 22px;background:var(--panel);transition:background .18s ease}
.v2-news-row:hover{background:#12253d}
.v2-news-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.v2-news-code{font:600 10.5px/1 'JetBrains Mono',monospace;color:var(--gold)}
.v2-news-country{font:500 10.5px/1 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--blue)}
.v2-news-date{margin-left:auto;font:400 10.5px/1 'JetBrains Mono',monospace;color:var(--tx-5)}
.v2-news-title{font:700 17px/1.35 'Golos Text',sans-serif;color:var(--tx);margin-bottom:10px}
.v2-news-tags{display:flex;gap:7px}
.v2-tag{padding:4px 7px;border-radius:3px;background:rgba(255,255,255,.06);font:500 10px/1 'JetBrains Mono',monospace;color:var(--tx-4)}

/* ── explore data grid ──────────────────────────────────────────────── */
.v2-explore-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.v2-explore-tile{display:block;padding:18px 16px;background:var(--panel);transition:background .18s ease}
.v2-explore-tile:hover{background:#12253d}
.v2-explore-tile--l3{border-top:2px solid var(--gold)}
.v2-explore-name{font:600 13.5px/1.3 'Golos Text',sans-serif;color:var(--tx)}
.v2-explore-meta{margin-top:8px;font:400 11px/1 'JetBrains Mono',monospace;color:var(--tx-5)}

/* ── OTP / Turnaround ───────────────────────────────────────────────── */
.v2-otp{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.v2-otp-copy{flex:1;padding:34px;background:var(--panel)}
.v2-otp-copy h3{margin:12px 0 12px;font:700 25px/1.2 'Golos Text',sans-serif;color:var(--tx);letter-spacing:-.02em}
.v2-otp-copy p{margin:0 0 22px;max-width:420px;font:400 14px/1.6 'Golos Text',sans-serif;color:var(--tx-4)}

.v2-otp-stub{
  flex:1.25;padding:34px;background:var(--panel-alt);
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;
}
.v2-otp-stub svg{width:34px;height:34px;stroke:var(--tx-5);fill:none;stroke-width:1.5}
.v2-otp-stub-title{font:700 16px/1.3 'Golos Text',sans-serif;color:var(--tx-2)}
.v2-otp-stub p{margin:0;max-width:340px;font:400 13px/1.6 'Golos Text',sans-serif;color:var(--tx-5)}

/* ── поддержка + рассылка ───────────────────────────────────────────── */
.v2-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.v2-split-col{padding:48px var(--pad);background:var(--bg)}
.v2-split-col:first-child{border-right:1px solid var(--line)}
.v2-split-col p{margin:0 0 22px;max-width:440px;font:400 13.5px/1.6 'Golos Text',sans-serif;color:var(--tx-4)}
.v2-subscribe{display:flex;gap:10px;max-width:440px;flex-wrap:wrap}
.v2-subscribe input{
  flex:1;min-width:200px;height:44px;padding:0 15px;
  border:1px solid var(--line-2);border-radius:7px;background:transparent;
  color:var(--tx-1);font:400 13.5px/1 'Golos Text',sans-serif;
}
.v2-subscribe input::placeholder{color:var(--tx-6)}
.v2-subscribe input:focus{outline:none;border-color:var(--gold)}
.v2-subscribe .v2-btn{height:44px;padding:0 22px}

/* ── подвал главной: реальные соцсети вместо "на главную" ───────────── */
.v2-foot-links{display:flex;gap:22px;font:500 12px/1 'Golos Text',sans-serif}
.v2-foot-links a{color:var(--tx-4)}
.v2-foot-links a:hover{color:var(--gold)}

/* ── адаптив ─────────────────────────────────────────────────────────── */
@media (max-width:1100px){
  .v2-explore-grid{grid-template-columns:repeat(4,1fr)}
  .v2-country-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .v2-hero-h1{font-size:clamp(34px,6.6vw,54px)}
  .v2-hero-stats{flex-wrap:wrap;gap:20px 0}
  .v2-hero-stats div{padding:0 24px 0 0;border-left:0}
  .v2-otp{flex-direction:column}
  .v2-split{grid-template-columns:1fr}
  .v2-split-col:first-child{border-right:0;border-bottom:1px solid var(--line)}
}
@media (max-width:760px){
  .v2-band{padding:44px 20px}
  .v2-hero-inner{padding-top:52px}
  .v2-hero-h1{font-size:clamp(28px,8vw,40px);letter-spacing:-.02em}
  .v2-hero-lead{font-size:15.5px}
  .v2-country-grid{grid-template-columns:repeat(2,1fr)}
  .v2-explore-grid{grid-template-columns:repeat(2,1fr)}
  .v2-band-head{align-items:flex-start}
  .v2-split-col{padding:36px 20px}
}
@media (prefers-reduced-motion:reduce){
  .v2-arc{stroke-dashoffset:0;animation:none}
  .v2-node{opacity:.8;animation:none}
}