/* ============================================================
   NYZZA.ONLINE — ЕДИНЫЙ ДИЗАЙН-СТАНДАРТ v2 (2026-10-31)
   v2 по поправке владельца 31.10 ~11:03: ТЁМНАЯ ТЕМА — основная
   и единственная для всех страниц; рукописные Caveat-пометки
   между блоками и секциями — обязательный элемент (.hand-note).
   Источник ДНК: доски владельца «Моя система целиком» (-.html)
   и «Воронка: путь клиента» (--2.html), их тёмные варианты.
   Канон текстом: nyzza-design-standard.md
   Файл подключается ПОСЛЕДНИМ в <head> каждой страницы.
   Тексты, цены, ссылки, формы и скрипты он не трогает.
   ============================================================ */

/* ---------- Токены: тёмная тема (канон досок, dark-варианты) ---------- */
:root{
  --paper:#17140e; --card:#221e17; --card2:#29241a;
  --ink:#f2ecdf; --muted:#b6ab97;
  --line:#4c4534; --ink-line:#f2ecdf;
  --gold:#e3c268; --gold-bright:#f2c14e; --gold-soft:#3a2f14; --gold-line:#8a6d1f;
  --rellief:#3ec9b6; --rellief-soft:#123c36;
  --blog:#f2b64b; --blog-soft:#3d2f10;
  --ult:#7aa7d9; --ult-soft:#1d2f47;
  --fast:#f08a5c; --fast-soft:#432015;
  --live:#5fd598; --live-bg:#14382a;
  --work:#f2c14e; --work-bg:#3d2f10;
  --wait:#b9a8f0; --wait-bg:#2c2547;
  --shadow:3px 3px 0 rgba(0,0,0,.5);
  --radius:14px;
  /* наследие воронок (style.css): те же имена — значения тёмного стандарта */
  --serif:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ink-90:rgba(242,236,223,.9); --ink-75:rgba(242,236,223,.75); --ink-60:rgba(242,236,223,.6);
  --ink-15:rgba(242,236,223,.15); --ink-08:rgba(242,236,223,.08);
  --gold-20:rgba(227,194,104,.2); --gold-35:rgba(227,194,104,.35);
  --paper-90:rgba(23,20,14,.92);
}

/* ---------- База: тёплая тьма, точечная сетка ---------- */
html{background:var(--paper)}
body{
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background-color:var(--paper);
  background-image:radial-gradient(circle, rgba(242,236,223,.12) 1px, transparent 1.4px);
  background-size:24px 24px;
  color:var(--ink);
  line-height:1.55;
}
::selection{background:var(--gold-soft)}
h1,h2,h3,h4{
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800; letter-spacing:-.02em; color:var(--ink);
}
h1{line-height:1.08}
h2{line-height:1.15; letter-spacing:-.01em}
a{color:inherit}
strong,b{font-weight:800}
code,kbd,.num,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
:focus-visible{outline:3px solid var(--gold); outline-offset:2px}
::placeholder{color:var(--muted); opacity:1}
@media (prefers-reduced-motion: reduce){ *{animation:none!important; transition:none!important} }
section{background:transparent}

/* ---------- Рукописные акценты и ОБЯЗАТЕЛЬНЫЕ пометки между секциями ---------- */
.hand,.caveat,.route,.connector .lbl{
  font-family:"Caveat",cursive; font-weight:700; color:var(--gold);
}
.hand-note{
  font-family:"Caveat",cursive; font-size:26px; line-height:1.15; font-weight:700;
  color:var(--gold); display:block; text-align:center;
  margin:30px auto 4px; transform:rotate(-.7deg); max-width:90%;
}

/* ---------- Плашки и метки ---------- */
.eyebrow,.section-label,.kicker,.brand{
  letter-spacing:.06em; text-transform:uppercase; font-weight:800; color:var(--gold);
}
.badge,.tag,.product-tag,.free-label{
  border:1.5px solid var(--ink-line); border-radius:999px; font-weight:800;
}
.progress-line{background:var(--gold-20)}
.progress-line span{background:var(--gold)}

/* ---------- Карточки ---------- */
.card,.product-card,.offer-card,.track-card,.leadmagnet,.guarantee,
.cta-block,.kit-guard-box,.frame,.fact{
  background:var(--card); border:1.5px solid var(--ink-line);
  border-radius:var(--radius); box-shadow:var(--shadow); color:var(--ink);
}
.gain{
  background:var(--gold-soft); border:1.5px dashed var(--gold-line); border-radius:12px;
}

/* ---------- Кнопки (канон тёмной доски: светлая пилюля / золото) ---------- */
.btn,.cta,.cta-btn,.checkout-btn,.button,button[type="submit"],input[type="submit"]{
  font-family:"Manrope",system-ui,sans-serif; font-weight:800;
  border:1.5px solid var(--ink-line); border-radius:999px;
}
.btn-primary,.cta,.cta-btn,.checkout-btn,button[type="submit"],input[type="submit"]{
  background:var(--gold); color:#17140e; border-color:var(--gold);
}
.btn-secondary,.btn.ghost,.whop-alt{
  background:transparent; color:var(--ink);
}
.btn:hover,.cta:hover,.cta-btn:hover,.checkout-btn:hover{text-decoration:underline}

/* ---------- Верхняя полоса и навигация ---------- */
.topbar{background:var(--card2); color:var(--ink); border-bottom:1.5px solid var(--ink-line)}
.topbar .brand,.topbar-inner .brand{color:var(--gold)}
.nav{background:var(--paper); color:var(--ink)}
.nav a{font-weight:700}
.logo{font-weight:800; letter-spacing:-.01em}

/* ---------- Цены и цифры ---------- */
.price,.price-hero,.product-price,.amount,.fact-num,.stats .n,.bignum .n{
  font-weight:800; letter-spacing:-.02em; color:var(--ink);
}

/* ---------- Формы (только вид; структуру и отправку не трогаем) ---------- */
form input[type="text"],form input[type="email"],form input[type="tel"],
form input[type="number"],form select,form textarea,
.capture-form input,.capture-form select,.capture-form textarea{
  font-family:"Manrope",system-ui,sans-serif; font-size:16px;
  background:var(--card2); color:var(--ink);
  border:1.5px solid var(--line); border-radius:10px; padding:12px 14px;
}
form input:focus,form select:focus,form textarea:focus,
.capture-form input:focus{border-color:var(--gold); outline:3px solid var(--gold-soft)}

/* ---------- Подвал и разделители ---------- */
footer,.site-footer,.footer{color:var(--muted)}
hr{border:0; border-top:1.5px dashed var(--line)}
.sub,.section-sub,.alt,.fine{color:var(--muted)}
.lede{color:var(--ink)}
.fine{font-size:12.5px}

/* ---------- Липкая CTA воронок ---------- */
.sticky-cta{background:var(--card); border-top:1.5px solid var(--ink-line); color:var(--ink)}

/* ---------- v2.1: патч по пилоту 31.10 (форма магнитов, free-карточки, навигация) ----------
   Пилотные скриншоты показали: контейнер формы магнитов в их инлайн-CSS белый
   (подписи не видны на тьме), .product-card.free главной — белая, nav/логотип —
   тёмные на тёмном. Патч точечный, токены не меняет. */
form{background:var(--card); border:1.5px solid var(--ink-line); border-radius:var(--radius); color:var(--ink)}
form h2, form h3, form label{color:var(--ink)}
.product-card.free{background:var(--card); color:var(--ink)}
.product-card.free .product-name,.product-card.free .product-price{color:var(--ink)}
.product-card.free .product-desc,.product-card.free .product-alt{color:var(--muted)}
.product-tag{background:var(--gold-soft); color:var(--gold)}
.product-desc,.product-alt,.fact-label{color:var(--muted)}
.stats li{padding-bottom:14px}
.logo,.nav a,.topbar a{color:var(--ink)}
.alt a,.fine a{color:var(--gold)}