/* Глобальные переменные темы и документации */
:root{--bg-dark:#0f1113;--card:#1a1a1a;--text:#e6eef6;--muted:#9aa4b2;--accent:#4da3ff;--light-bg:#fff;--light-text:#1a1a1a;--light-card:#f8f9fa;--light-muted:#6c757d;--light-border:#e9ecef;--radius:12px;--max-width:1100px;--shadow-card:0 8px 30px rgba(0,0,0,.45);--shadow-card-light:0 2px 8px rgba(0,0,0,.08);--gradient-card:linear-gradient(180deg,rgba(255,255,255,.01),transparent);--gradient-card-light:linear-gradient(180deg,rgba(255,255,255,.8),rgba(248,249,250,.6));--doc-nav-width:250px;--doc-content-max:800px;--doc-gap:30px;--doc-touch-target:44px;--doc-touch-spacing:12px;--doc-mobile-padding:16px;--doc-mobile-gap:20px;--doc-nav-z:100;--doc-sticky-z:50;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-spacing:8px;--mobile-padding-xs:8px;--mobile-padding-sm:12px;--mobile-padding-md:16px;--mobile-padding-lg:20px;--mobile-text-xs:11px;--mobile-text-sm:12px;--mobile-text-md:14px;--mobile-text-lg:16px;--mobile-text-xl:18px;--mobile-text-xxl:20px;--z-header:1000;--z-popup:9999}

/* Сброс стилей */
*{box-sizing:border-box;margin:0;padding:0}

/* Базовые стили Body */
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;background:var(--bg-dark,#0f1113);color:var(--text,#e6eef6);transition:background .3s,color .3s}

/* Стили Body для светлой темы */
body.light{background:var(--light-bg,#fff);color:var(--light-text,#1a1a1a)}

/* Стили Header для светлой темы */
body.light .site-header{border-bottom:1px solid var(--light-border,#e9ecef);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@supports not (backdrop-filter:blur(10px)){body.light .site-header{background:#fff}}

/* Стили групп кнопок языка/темы для светлой темы */
body.light .lang-group{background:var(--light-card,#f8f9fa);border:1px solid var(--light-border,#e9ecef)}
body.light .lang.active{background:var(--accent,#4da3ff);color:white;box-shadow:none}
body.light .lang{color:var(--light-muted,#6c757d)}
body.light .theme{background:var(--light-card,#f8f9fa);color:var(--light-text,#1a1a1a);border:1px solid var(--light-border,#e9ecef)}
body.light .theme:hover{background:var(--light-border,#e9ecef)}

/* Стили карточек для светлой темы */
body.light .card{background:var(--gradient-card-light,linear-gradient(180deg,rgba(255,255,255,.8),rgba(248,249,250,.6)));box-shadow:none;border:1px solid var(--light-border,#e9ecef)}

/* Стили секции About для светлой темы */
body.light .about{background:var(--gradient-card-light,linear-gradient(180deg,rgba(255,255,255,.8),rgba(248,249,250,.6)));border:1px solid var(--light-border,#e9ecef)}

/* Стили параграфов Hero для светлой темы */
body.light .hero p{color:var(--light-muted,#6c757d)}

/* Стили Release Notes для светлой темы */
body.light .release-notes{color:var(--light-text,#1a1a1a)}

/* Стили Footer для светлой темы - ОБНОВЛЕНО */
body.light footer{
  background: var(--light-card, #f8f9fa);
  color: var(--light-text, #1a1a1a);
  border-top: 2px solid var(--accent, #4da3ff);
}
body.light footer a {
  color: var(--accent, #4da3ff);
}
body.light footer a:hover {
  color: #0a8cff;
  background-color: rgba(77, 163, 255, 0.1);
}
body.light footer .site-version {
  color: var(--light-muted, #6c757d);
}

/* Стили кнопки Help для светлой темы */
body.light .help-finoscop{background:linear-gradient(135deg,#4da3ff 0%,#0a8cff 100%);color:white;box-shadow:0 2px 8px rgba(77,163,255,.25)}
body.light .help-finoscop:hover{background:linear-gradient(135deg,#0a8cff 0%,#4da3ff 100%);box-shadow:0 4px 12px rgba(77,163,255,.35);transform:translateY(-1px)}

/* Стили заголовков - ОБНОВЛЕНО для явного указания размеров */
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  line-height: 1.2; /* Добавляем высоту строки для лучшей читаемости */
  margin-top: 1.5rem;
  margin-bottom: 1rem; /* Добавляем стандартный нижний отступ */
}

h1 { font-size: 2.5rem; }   /* ~40px */
h2 { font-size: 2rem; }     /* ~32px */
h3 { font-size: 1.75rem; }  /* ~28px */
h4 { font-size: 1.5rem; }   /* ~24px */
h5 { font-size: 1.25rem; }  /* ~20px */
h6 { font-size: 1rem; }     /* ~16px */

/* Ваши существующие специфичные стили, например для .hero h1, останутся в силе */
.hero h1 {
  font-size: 42px; /* Это правило будет иметь приоритет для h1 внутри .hero */
  margin-bottom: 12px;
  transition: color .3s;
}

/* Стили Header */
.site-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:72px;border-bottom:1px solid rgba(255,255,255,.03);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.header-left{display:flex;align-items:center;flex:1;min-width:0}.logo-image{max-width:100%;height:auto;width:160px;display:block}.logo{max-width:200px;height:auto;display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.lang-group{display:flex;align-items:center;background:rgba(255,255,255,.05);padding:3px;border-radius:10px;height:40px}.lang,.theme{appearance:none;-webkit-appearance:none;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;height:34px;margin:0;line-height:1}

/* Стили кнопки Help */
.help-finoscop{width:40px!important;height:40px!important;border-radius:10px!important;border:none!important;background:#4da3ff!important;color:white!important;font-weight:700!important;font-size:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:12px!important;transition:all .3s ease;box-shadow:0 2px 8px rgba(77,163,255,.3);position:relative;overflow:hidden}
.help-finoscop:hover{background:#0a8cff!important}
body.light .help-finoscop{background:#4da3ff!important;color:white!important}
body.light .help-finoscop:hover{background:#0a8cff!important}
.help-finoscop::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.help-finoscop:hover::before{left:100%}
.help-finoscop:active{transform:translateY(0);box-shadow:0 2px 6px rgba(77,163,255,.3)}

/* Стили кнопок языка */
.lang{background:transparent;color:var(--muted,#9aa4b2);font-weight:700;font-size:13px;padding:0 12px;border-radius:8px;transition:all .2s}.lang.active{background:var(--card,#1a1a1a);color:var(--accent,#4da3ff);box-shadow:0 2px 5px rgba(0,0,0,.2)}

/* Стили кнопки темы */
.theme{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.05);color:#fff;font-size:18px;padding:0}.theme:hover{background:rgba(255,255,255,.1)}

/* Стили Main */
main{max-width:var(--max-width,1100px);margin:36px auto;padding:0 18px}

/* Стили секции Hero */
.hero{text-align:center;margin-bottom:32px}.hero h1{font-size:42px;margin-bottom:12px;transition:color .3s}.hero p{color:var(--muted,#9aa4b2);margin-bottom:20px;font-size:18px}

/* Стили сетки действий Hero */
.hero-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:24px;align-items:start;justify-items:center;margin-top:24px}

/* Стили карточек */
.card{width:100%;max-width:420px;padding:20px;border-radius:var(--radius,12px);background:var(--gradient-card,linear-gradient(180deg,rgba(255,255,255,.01),transparent));box-shadow:var(--shadow-card,0 8px 30px rgba(0,0,0,.45));display:flex;align-items:center;justify-content:center;min-height:80px;transition:background .3s,box-shadow .3s}

/* Стили Release Notes */
.release-notes{color:#dbe7fb;text-align:center;line-height:1.6;font-size:14px}

/* Стили секции About */
.about{padding:24px;border-radius:12px;margin-top:40px;background:var(--gradient-card,linear-gradient(180deg,rgba(255,255,255,.01),transparent))}

/* Стили сетки анализа */
.analysis-grid{display:block!important;overflow:hidden!important}
.analysis-category{display:block!important;width:100%!important;margin-bottom:20px!important;padding:16px!important;background:#1a1a1a!important;border:1px solid #333!important;border-radius:8px!important}
.analysis-category h4{color:#4da3ff!important;margin-bottom:12px!important}
.analysis-category ul{list-style:none!important;padding:0!important}
.analysis-category li{color:#9aa4b2!important;margin:8px 0!important;padding-left:16px!important;position:relative!important;font-size:15px!important}
.analysis-category li:before{content:"▸"!important;color:#4da3ff!important;position:absolute!important;left:0!important}
body.light .analysis-category{background:#f8f9fa!important;border-color:#e9ecef!important}
body.light .analysis-category li{color:#6c757d!important}
.analysis-grid{display:block;margin:24px 0;overflow:hidden;zoom:1}@supports (display:grid){.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}.analysis-item{float:left;width:48%;margin:0 1% 20px 0;box-sizing:border-box}.analysis-item:nth-child(2n){margin-right:0}.analysis-item:nth-child(2n+1){clear:left}@supports (display:grid){.analysis-item{float:none;width:auto;margin:0;clear:none}}

/* Стили категорий анализа */
.analysis-category{background:var(--card,rgba(255,255,255,.02));padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.05);margin-bottom:20px;-webkit-border-radius:8px;-moz-border-radius:8px;zoom:1}.analysis-category h4{font-size:16px;margin:0 0 12px;font-weight:700;color:var(--accent,#4da3ff)}.analysis-category ul{list-style:none;padding:0;margin:0}.analysis-category li{font-size:15px;margin:8px 0;padding-left:16px;position:relative;color:var(--muted,#9aa4b2)}.analysis-category li::before{content:"▸";position:absolute;left:0;font-weight:700;color:var(--accent,#4da3ff)}

/* Стили категорий анализа для светлой темы */
body.light .analysis-category{background:var(--light-card,#f8f9fa);border:1px solid var(--light-border,#e9ecef)}body.light .analysis-category h4{color:var(--accent,#4da3ff)}body.light .analysis-category li{color:var(--light-muted,#6c757d)}

/* Стили Footer - ОБНОВЛЕНО */
footer{
  text-align: center;
  padding: 40px 24px;
  color: var(--text, #e6eef6);
  background: var(--card, #1a1a1a);
  border-top: 2px solid var(--accent, #4da3ff);
  margin-top: 60px;
  font-size: 16px;
}

/* НОВОЕ: Стили для параграфов в футере для увеличения расстояния */
footer p {
  margin: 12px 0;
}

/* ОБНОВЛЕНО: Стили для ссылок в футере для увеличения области касания */
footer a {
  display: inline-block; /* Позволяет задавать padding */
  padding: 10px 15px; /* Увеличивает кликабельную область */
  border-radius: 8px; /* Скругленные углы для эстетики */
  color: var(--accent, #4da3ff);
  text-decoration: none; /* Убираем подчеркивание по умолчанию */
  font-weight: 600;
  transition: background-color 0.2s, color 0.2s;
}

/* НОВОЕ: Эффект при наведении на ссылки в футере */
footer a:hover {
  background-color: rgba(77, 163, 255, 0.15); /* Легкий фон при наведении */
  text-decoration: underline; /* Возвращаем подчеркивание при наведении */
}

/* ОБНОВЛЕНО: Стили версии сайта */
footer .site-version {
  font-size: 14px;
  opacity: 0.8;
  margin-top: 15px;
  color: var(--muted, #9aa4b2);
}

/* ====== Стили Popup и CLI Output ====== */
.popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);z-index:9999;padding:20px}
.hidden{display:none}
.popup-content{width:86%;max-width:980px;max-height:90vh;overflow:auto;background:var(--card);border-radius:12px;padding:20px;border:1px solid #222;box-shadow:0 18px 60px rgba(0,0,0,.6);color:var(--text)}
.popup h2{margin:0 0 8px;color:var(--accent)}
.popup h3{margin:12px 0 6px;color:var(--text)}
.popup ol,.popup ul{margin:8px 0 12px 20px;color:var(--muted)}
.popup p{color:var(--muted);margin:0 0 10px}
.cli-output{background:var(--card);border:1px solid #222;padding:12px;border-radius:8px;font-family:monospace;color:#bfeab0;white-space:pre-wrap}
.popup{background:#000!important}
.popup-content{background:#111!important}
.cli-output{background:#0a0a0a!important}
.btn-close-help{background:var(--accent);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:600;font-size:14px;transition:background .2s;margin-top:20px}
.btn-close-help:hover{background:#0a8cff}
.popup-footer{text-align:center;margin-top:20px}

/* ====== Основная мобильная адаптация ====== */
/* Large Tablets (769px - 1024px) */
@media screen and (max-width:1024px) and (min-width:769px){.site-header{padding:0 var(--mobile-padding-lg);height:64px}.logo-image{width:150px;max-width:150px}.hero h1{font-size:36px;line-height:1.2}.hero p{font-size:17px}main{padding:0 var(--mobile-padding-lg)}}

/* Tablets (481px - 768px) */
@media screen and (max-width:768px) and (min-width:481px){.site-header{padding:0 var(--mobile-padding-md);height:60px;position:sticky;top:0;z-index:var(--z-header);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(15,17,19,.95)}body.light .site-header{background:rgba(255,255,255,.95)}.header-left{flex:1;min-width:0}.logo{max-width:140px;height:auto}.logo-image{width:100%;max-width:140px;height:auto;display:block}.header-right{gap:var(--touch-spacing);flex-shrink:0}.help-finoscop{width:var(--touch-target-min);height:var(--touch-target-min);font-size:15px;border-radius:10px;margin-right:10px;position:relative}.help-finoscop::after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:14px}.lang-group{height:36px;padding:2px;border-radius:9px}.lang{height:32px;padding:0 10px;font-size:12px;min-width:32px}.theme{width:36px;height:36px;font-size:17px;border-radius:9px}main{padding:0 var(--mobile-padding-md);margin:24px auto}.hero{margin-bottom:28px}.hero h1{font-size:28px;line-height:1.2;margin-bottom:12px}.hero p{font-size:var(--mobile-text-lg);margin-bottom:18px}.hero-actions-grid{grid-template-columns:1fr;gap:20px;max-width:420px;margin:24px auto 0}.card{padding:18px;border-radius:12px}.about{padding:20px;margin-top:32px}.about h2{font-size:22px;margin-bottom:14px}.about h3{font-size:18px;margin:20px 0 10px}.analysis-grid{grid-template-columns:1fr;gap:16px;margin:20px 0}.analysis-category{padding:16px;border-radius:10px}.analysis-category h4{font-size:15px;margin-bottom:10px}.analysis-category li{font-size:var(--mobile-text-md);margin:6px 0;padding-left:14px}footer{padding:20px var(--mobile-padding-md);font-size:var(--mobile-text-md)}}

/* Mobile Landscape (421px - 480px) */
@media screen and (max-width:480px) and (min-width:421px){.site-header{height:56px;padding:0 var(--mobile-padding-sm)}.logo{max-width:130px}.logo-image{max-width:130px}.hero h1{font-size:26px}.hero p{font-size:15px}}

/* Mobile Portrait (361px - 420px) */
@media screen and (max-width:420px) and (min-width:361px){.site-header{flex-direction:column;padding:var(--mobile-padding-sm) var(--touch-spacing);height:auto;min-height:84px;gap:var(--mobile-padding-sm);position:sticky;top:0;z-index:var(--z-header);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(15,17,19,.98)}body.light .site-header{background:rgba(255,255,255,.98)}.header-left{flex:none;width:100%;justify-content:center;order:1}.logo{max-width:140px;margin:0 auto}.logo-image{width:100%;max-width:140px;height:auto}.header-right{gap:var(--touch-spacing);width:100%;justify-content:center;order:2;flex-wrap:wrap}.help-finoscop{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);font-size:var(--mobile-text-md);margin-right:var(--touch-spacing);border-radius:12px;position:relative}.help-finoscop::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:18px}.lang-group{height:var(--touch-target-min);border-radius:12px;padding:3px}.lang{height:38px;padding:0 var(--mobile-padding-sm);font-size:var(--mobile-text-sm);min-width:38px}.theme{width:var(--touch-target-comfortable);height:var(--touch-target-comfortable);font-size:var(--mobile-text-lg);border-radius:12px}main{padding:0 var(--mobile-padding-sm);margin:var(--mobile-padding-lg) auto}.hero{margin-bottom:24px}.hero h1{font-size:24px;line-height:1.2;margin-bottom:10px}.hero p{font-size:var(--mobile-text-lg);margin-bottom:var(--mobile-padding-md);line-height:1.4}.hero-actions-grid{grid-template-columns:1fr;gap:var(--mobile-padding-md);margin-top:var(--mobile-padding-lg)}.card{padding:var(--mobile-padding-md);max-width:100%;border-radius:12px}.about{padding:var(--mobile-padding-md);margin-top:24px;border-radius:12px}.about h2{font-size:var(--mobile-text-xl);margin-bottom:var(--mobile-padding-sm)}.about h3{font-size:var(--mobile-text-lg);margin:var(--mobile-padding-md) 0 var(--touch-spacing)}.about p{font-size:var(--mobile-text-md);line-height:1.5;margin-bottom:var(--mobile-padding-sm)}.about ul{margin:var(--touch-spacing) 0 var(--mobile-padding-sm) var(--mobile-padding-md)}.about li{font-size:var(--mobile-text-md);margin:4px 0;line-height:1.4}.analysis-grid{grid-template-columns:1fr;gap:var(--mobile-padding-sm);margin:var(--mobile-padding-md) 0}.analysis-category{padding:var(--mobile-padding-sm);border-radius:10px}.analysis-category h4{font-size:var(--mobile-text-md);margin-bottom:var(--touch-spacing)}.analysis-category li{font-size:13px;margin:4px 0;padding-left:var(--mobile-padding-sm);line-height:1.3}footer{padding:var(--mobile-padding-lg) var(--mobile-padding-sm);font-size:13px;line-height:1.4}.site-version{font-size:var(--mobile-text-xs);margin-top:var(--touch-spacing)}}

/* Small Mobile (321px - 360px) */
@media screen and (max-width:360px) and (min-width:321px){.site-header{padding:10px 6px;gap:10px;min-height:80px}.logo{max-width:120px}.logo-image{max-width:120px}.header-right{gap:6px}.help-finoscop{width:42px;height:42px;font-size:13px;margin-right:6px;border-radius:10px}.lang-group{height:40px;padding:2px}.lang{height:36px;padding:0 8px;font-size:var(--mobile-text-xs);min-width:36px}.theme{width:42px;height:42px;font-size:var(--mobile-text-md);border-radius:10px}.hero h1{font-size:22px}.hero p{font-size:15px}}

/* Extra Small Mobile (≤320px) */
@media screen and (max-width:320px){.site-header{padding:8px 4px;gap:8px;min-height:76px}.logo{max-width:110px}.logo-image{max-width:110px}.header-right{gap:4px}.help-finoscop{width:38px;height:38px;font-size:var(--mobile-text-sm);margin-right:4px;border-radius:8px}.lang-group{height:36px}.lang{height:32px;padding:0 6px;font-size:10px;min-width:32px}.theme{width:38px;height:38px;font-size:13px;border-radius:8px}main{padding:0 var(--touch-spacing)}.hero h1{font-size:20px;line-height:1.1}.hero p{font-size:var(--mobile-text-md)}.card{padding:var(--mobile-padding-sm)}.about{padding:10px}.about h2{font-size:var(--mobile-text-lg)}.about h3{font-size:var(--mobile-text-md)}.about p,.about li{font-size:var(--mobile-text-sm)}.analysis-category{padding:10px}.analysis-category h4{font-size:13px}.analysis-category li{font-size:var(--mobile-text-sm);padding-left:10px}footer{padding:var(--mobile-padding-md) var(--touch-spacing);font-size:var(--mobile-text-sm)}}

/* Дополнительные оптимизации */
@media screen and (max-width:768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}*{-webkit-tap-highlight-color:rgba(77,163,255,.2);-webkit-touch-callout:none}button,a,input,select,textarea{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}input,select,textarea{font-size:16px}}
@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2),screen and (max-width:768px) and (min-resolution:192dpi){.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}
@media screen and (max-width:768px){.site-header{padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,var(--mobile-padding-sm));padding-right:env(safe-area-inset-right,var(--mobile-padding-sm))}main{padding-left:env(safe-area-inset-left,var(--mobile-padding-sm));padding-right:env(safe-area-inset-right,var(--mobile-padding-sm))}footer{padding-bottom:env(safe-area-inset-bottom,var(--mobile-padding-lg));padding-left:env(safe-area-inset-left,var(--mobile-padding-sm));padding-right:env(safe-area-inset-right,var(--mobile-padding-sm))}}
@media screen and (max-width:768px){*{will-change:auto}.site-header{will-change:transform}.btn-purchase,.help-finoscop,.theme,.lang{will-change:transform}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media (prefers-contrast:high){.site-header{border-bottom:2px solid}.card{border:2px solid}.btn-purchase{border:2px solid white}}