/* Jarvis — публичные страницы (v203, дизайн v3.6: J4-Landing, J4-Login, J4-Login-Key).
   Разметка страниц перенесена из макетов вместе со встроенными стилями; здесь — правила из <helmet> макетов
   (адаптив, фокус, наведение), состояния, которые меняет скрипт (вкладки, клетки ключа, «пока нельзя»),
   и тёмная палитра для общих страниц (404, вопросы, гайды), собранных из разметки Axgix.
   Публичный сайт Jarvis только тёмный (color-scheme: dark), как в макетах. */

/* ── шрифты (G27, v210): свои подмножества woff2 (fonts/, OFL) вместо Google Fonts; Unbounded для H1 главной объявляет
   сама главная (index.html, блок fonts) ── */
@font-face{font-family:'Onest';src:url(fonts/onest.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(fonts/mono.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}

/* ── из <helmet> J4-Landing и J4-Login ── */
body{margin:0;background:#11161C}
[hidden]{display:none !important}            /* встроенный display у ссылок не перебивает hidden */
a{color:#4CC3D6}a:hover{color:#DCE3EA}
:focus-visible{outline:2px solid #4CC3D6;outline-offset:3px}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
details[open] [data-chev]{transform:rotate(180deg)}
@keyframes j-pulse{0%,100%{opacity:1}50%{opacity:.55}}
[data-row]:hover{background:#1D2530}
[data-stretch]::after{content:"";position:absolute;inset:0;border-radius:12px}
::placeholder{color:#84909D !important; opacity:1}
input:focus{outline:none;border-color:#4CC3D6!important;box-shadow:0 0 0 1px #4CC3D6}
[role="tab"][aria-selected="false"]:not([aria-disabled="true"]):hover{color:#DCE3EA!important}
@media (max-width: 899px){
  [data-topnav]{display:none !important}
  [data-switch-label]{display:none !important}
  [data-switch-short]{display:inline !important}
  [data-help]{display:none !important}
  [data-container]{padding-left:16px !important; padding-right:16px !important}
  [data-tabbar]{display:grid !important}
  [data-page]{padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important}
  header > div{padding-left:16px !important; padding-right:16px !important; column-gap:6px !important}
  header > div > div{gap:2px !important}
  header > div > a:first-child{gap:8px !important}
  header [role=switch]{padding:0 6px 0 12px !important; gap:8px !important}
  header [role=switch][aria-checked="false"]{padding:0 6px 0 10px !important; gap:6px !important}
  [data-switch-why]{display:none !important}
  [data-switch-toast]{display:flex !important}
}
@media (max-width: 1023px){
  [data-switch-label]{display:none !important}
  [data-switch-short]{display:inline !important}
  [data-switch-why]{display:none !important}
  [data-help]{display:none !important}
  [data-switch-toast]{display:flex !important}
}
@media (max-width: 379px){
  header:has([data-topnav]) > div > a:first-child > span{display:none !important}
}
@media (max-width:759px){[data-wide]{display:none!important}}
@media (max-width:419px){[data-mini-word]{display:none!important}}
@media (max-width: 379px){[data-hero-pic] p > span:nth-child(2){white-space:normal !important; text-wrap:balance} [data-hero-state] p:last-child{margin-left:-22px !important}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* ── вход: вкладки «Через Telegram · Ключ из бота» (цвет и насыщенность — по aria-selected) ── */
[role="tab"]{background:transparent;color:#98A5B3;font-weight:500}
[role="tab"][aria-selected="true"]{background:#232C38;color:#DCE3EA;font-weight:600}
[role="tab"][aria-disabled="true"]{background:transparent;color:#84909D;font-weight:500;cursor:not-allowed}

/* «пока нельзя» (chrome-v6): пока действие недоступно — вторичная кнопка + видимая причина под ней,
   готово — заливка акцентом. Родной disabled не используется: кнопка остаётся в порядке Tab. */
[data-gate][aria-disabled="true"]{background:#232C38;border-color:#6B7889;color:#DCE3EA}
[data-gate]:not([aria-disabled="true"]){background:#4CC3D6;border-color:#4CC3D6;color:#06171C}

/* ключ: 8 нарисованных клеток под одним настоящим полем */
[data-cell]{display:grid;place-items:center;font:700 22px/1 "JetBrains Mono",ui-monospace,Menlo,monospace;color:#DCE3EA}
[data-cell].is-next{border-color:#4CC3D6 !important;box-shadow:inset 0 0 0 1px #4CC3D6}

/* строки состояния: ошибка — знак опасности (ромб, как «нужен вход») + текст; успех — точка + текст */
.j-err,.j-ok,.j-warn{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;font-size:14px;line-height:1.5}
.j-err{color:#F08A8A}
.j-err::before{content:"";flex:none;width:9px;height:9px;margin-top:6px;background:#F08A8A;transform:rotate(45deg)}
.j-warn{color:#F2B25C}
.j-warn::before{content:"";flex:none;width:6px;height:6px;margin-top:6px;border:1.6px solid #F2B25C;border-radius:50%}
.j-ok::before{content:"";flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#57D68D}

/* резервный вход (src/site/static/site.js): классы и крючки те же, что у Axgix */
.hide{display:none !important}
.tgl-tabs [data-tgmode].on{display:none !important}
#tg-qr:not(.hide) ~ [data-tg="qr"]{display:none !important}
.tgqr{display:block;width:200px;height:200px;margin:16px auto 0;padding:8px;box-sizing:border-box;border-radius:12px;background:#fff;image-rendering:pixelated}

/* ── общие страницы (404, вопросы, гайды): разметка Axgix (pub.css) в тёмной палитре Jarvis ──
   Те же значения, что тёмный блок /static/brands/jarvis/tokens.css, но всегда: шапка и подвал Jarvis тёмные. */
.j-legacy{
  --bg:#11161C;--card:#171E26;--ink:#DCE3EA;--muted:#98A5B3;--line:#2A3542;--soft:#1D2530;--sub:#141A21;
  --brown:#4CC3D6;--on-brown:#06171C;--brown2:#7DD6E4;--gold:#4CC3D6;--logo:#DCE3EA;
  --ok:#57D68D;--okbg:#15291E;--warn:#F2B25C;--warnbg:#2E2414;--err:#F08A8A;--errbg:#331C1F;--nbg:#1D2530;--n:#98A5B3;--hl:#18242C;
  --deep:#0D1116;--deep2:#1D2530;--deep-line:#232C38;--on-deep:#DCE3EA;--deep-muted:#98A5B3;
  --shadow:0,0,0;--head:rgba(17,22,28,.9);--pulse:87,214,141;--on-gold:#06171C;--bar:#4CC3D6;--today:#7DD6E4;
  color-scheme:dark;
}
.j-legacy main .hero{background:none}
.j-legacy main .pw{max-width:1168px;padding:0 24px}
.j-legacy main .card{border-color:transparent;border-radius:20px}
.j-legacy main .faq details{border-color:transparent;border-radius:16px}
.j-legacy main .faq details[open]{border-color:transparent}
.j-legacy main .btn-light{background:#232C38;border-color:#6B7889;color:#DCE3EA}
.j-legacy main .btn-light:hover{border-color:#98A5B3;color:#DCE3EA}
.j-legacy main .btn-primary:hover{color:#06171C}
.j-legacy main .feat:hover,.j-legacy main .plan:hover{transform:none;box-shadow:none}
@media (max-width: 899px){.j-legacy main .pw{padding:0 16px}}