/* fleet.css — слой витрины флота поверх platform.css
   Сигнатура: фраза запуска как «пластина», статус живой/скоро, без эмодзи. */

.pnav-links a[aria-current="page"]{color:var(--ink);border-bottom:2px solid var(--coral)}

.say{
  font-family:var(--serif);
  font-size:clamp(1.15rem,2.4vw,1.65rem);
  line-height:1.35;
  background:var(--card);
  border:1px solid var(--line);
  border-left:6px solid var(--coral);
  padding:18px 22px;
  margin:18px 0 0;
  box-shadow:var(--neo-out);
  border-radius:22px 28px 28px 12px;
}
.say small{display:block;font-family:var(--body);font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-weight:700}

.st{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--pill);
  font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.st-live{background:color-mix(in srgb,var(--teal) 18%,transparent);color:var(--teal-deep)}
.st-soon{background:color-mix(in srgb,var(--gold) 22%,transparent);color:#8a5a00}
.st-side{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink-soft)}
.st-age{border:1px solid var(--line);background:var(--card);color:var(--ink)}

.fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.fcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:22px 22px 20px;min-height:280px;color:inherit;
  box-shadow:var(--neo-out);transition:transform .12s ease,box-shadow .2s}
.fcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);color:inherit}
.fcard .role{color:var(--ink-soft);font-size:.92rem;margin:6px 0 12px}
.fcard p{margin:0 0 14px;color:var(--ink);flex:1}
.fcard .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.fcard h3{font-size:1.35rem;text-transform:none;letter-spacing:-.02em}

.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:720px){.how{grid-template-columns:1fr}}
.how article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;
  box-shadow:var(--neo-out)}
.how b{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--coral-deep);margin-bottom:8px}

.can{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.can li{list-style:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:14px 16px;margin:0;box-shadow:var(--neo-in)}
.can{padding:0;margin:16px 0 0}

.note{border:1px dashed var(--line);border-radius:var(--radius);padding:14px 16px;color:var(--ink-soft);font-size:.95rem}
.note strong{color:var(--ink)}

.crumbs{padding:18px 0 0;font-size:.88rem;color:var(--ink-soft)}
.crumbs a{color:var(--ink-soft)}
.crumbs a:hover{color:var(--coral-deep)}

.site-foot{margin-top:auto;border-top:1px solid var(--line);padding:28px 0 40px;color:var(--ink-soft);font-size:.9rem}
.site-foot nav{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:10px}
.site-foot a{color:var(--ink-soft)}
.site-foot a:hover{color:var(--coral-deep)}

.hero-cta{margin-top:8px}
.hero .lead{max-width:40rem}

.honest{font-size:.88rem;color:var(--ink-soft);margin-top:10px}

.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:800px){.plans{grid-template-columns:1fr}}
.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;
  box-shadow:var(--neo-out)}
.plan.hit{border-color:var(--coral);box-shadow:var(--shadow-hover)}
.plan h3{text-transform:none}
.plan .price{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin:8px 0}
.plan ul{margin:12px 0 0;padding-left:1.1em;color:var(--ink-soft)}

.board{min-height:220px}
.board-green{background:linear-gradient(160deg,#16331f 0%,#1f6b3a 55%,#c8f0c0 160%);color:#f4fff6}
.board-green h3,.board-green p,.board-green .role{color:#f4fff6}
.board-black{background:linear-gradient(160deg,#0d0d10 0%,#1a1a22 60%,#3a3a48 140%);color:#f2eef7}
.board-black h3,.board-black p,.board-black .role{color:#f2eef7}
.board .st{background:#ffffff22;color:inherit;border:1px solid #ffffff33}

.twoch{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.ico{width:36px;height:36px;flex:none;color:var(--coral-deep);display:block}
.ico svg{width:100%;height:100%;display:block}
.fcard .ico{margin-bottom:10px}

.infograph{width:100%;max-width:100%;height:auto;margin:22px 0 0;display:block;min-width:0}
.infograph .plate{fill:var(--card);stroke:var(--line);stroke-width:1.2}
.infograph .plate-hit{stroke:var(--coral);stroke-width:1.6}
.infograph .lbl{fill:var(--ink);font-family:var(--display);font-size:15px;font-weight:700}
.infograph .sub{fill:var(--ink-soft);font-family:var(--body);font-size:11px}
.infograph .wire{stroke:var(--teal);stroke-width:1.5;fill:none}

.chart-neo{width:100%;max-width:100%;height:auto;margin:18px 0 0;display:block;min-width:0}
.chart-neo .bar{fill:var(--coral);opacity:.9}
.chart-neo .bar-2{fill:var(--teal)}
.chart-neo .axis{stroke:var(--line);stroke-width:1}
.chart-neo .cap{fill:var(--ink-soft);font-size:11px;font-family:var(--mono)}

@media (max-width:720px){.twoch{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .vp i,.vp-band i{animation:none}
  .fcard{transition:none}
}