/* Тема «глубокий синий · хром · золотой хром» — слой поверх site.css.
   Убрать тему = убрать подключение этого файла в index.html (вернётся тёплая бежевая). */
:root {
  --navy-900: #071530; --navy-800: #0b1f45; --navy-700: #12306a; --navy-600: #1c4590; --navy-ink: #0d1d3d;
  --chrome: linear-gradient(135deg, #fbfcfe 0%, #d9dfe8 28%, #f7f9fc 48%, #b9c3d1 72%, #eef2f7 100%);
  --chrome-edge: linear-gradient(135deg, #ffffff, #aab5c5 40%, #f2f5f9 60%, #98a4b6);
  --gold: linear-gradient(135deg, #fff2c2 0%, #e4c46a 22%, #b8862b 48%, #f6e19a 66%, #a8781f 100%);
  --gold-flat: #c9a03f; --gold-deep: #9a7420;
  --bg: #eef1f6; --white: #fff; --dark: var(--navy-ink); --ink2: #55627a; --line: #d8dee8; --line-strong: #c3ccd9;
  --brown: var(--navy-700); --accent: var(--gold-flat); --mint-soft: #e6ebf3; --aqua-soft: #e6ebf3;
  --shadow: 0 1px 2px rgba(10, 25, 55, .06), 0 16px 36px -22px rgba(10, 25, 55, .45);
}
body { color: var(--dark); background: radial-gradient(50% 40% at 100% 30%, rgba(201, 160, 63, .10), transparent 70%), radial-gradient(40% 40% at 0% 60%, rgba(28, 69, 144, .10), transparent 70%), var(--bg); }
a { color: var(--navy-700); }

/* шапка — тёмно-синее стекло */
.st-top { background: rgba(7, 21, 48, .88); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08); }
.st-brand { color: #fff; }
.st-logo { background: var(--gold); box-shadow: 0 8px 18px -10px rgba(201, 160, 63, .9), inset 0 0 0 1px rgba(255, 255, 255, .5); }
.st-logo svg { fill: var(--navy-900); }
.st-nav a { color: #c7d0df; } .st-nav a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.st-login summary { background: rgba(255, 255, 255, .06); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
.st-login__menu { background: #fff; box-shadow: var(--shadow), inset 0 0 0 1px var(--line); }
.st-login__menu a { color: var(--dark); } .st-login__menu a:hover { background: var(--mint-soft); }

/* кнопки: главная — золотой хром, вторая — хром */
.st-btn { background: var(--gold); color: var(--navy-900); box-shadow: 0 12px 24px -14px rgba(184, 134, 43, .95), inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 0 0 1px rgba(154, 116, 32, .35); }
.st-btn:hover { background: var(--gold); filter: brightness(1.06); }
.st-btn--ghost { background: var(--chrome); color: var(--navy-800); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px #aeb8c7, 0 10px 22px -16px rgba(10, 25, 55, .6); }
.st-btn--ghost:hover { background: var(--chrome); filter: brightness(1.04); }
.st-top .st-btn { color: var(--navy-900); }

/* первый экран — глубокий синий на всю ширину */
.st-hero--sub { position: relative; color: #fff; padding-top: 64px; padding-bottom: 56px; }
.st-hero--sub::before { content: ""; position: absolute; inset: 0 -100vw; z-index: -1;
  background: radial-gradient(40% 70% at 85% 20%, rgba(201, 160, 63, .22), transparent 70%), radial-gradient(45% 80% at 10% 100%, rgba(60, 110, 200, .35), transparent 70%),
              linear-gradient(160deg, var(--navy-700) 0%, var(--navy-800) 45%, var(--navy-900) 100%); }
.st-hero--sub::after { content: ""; position: absolute; left: -100vw; right: -100vw; bottom: 0; height: 2px; z-index: -1; background: var(--gold); opacity: .7; }
.st-hero--sub h1 { color: #fff; }
.st-hero--sub h1 span { background: var(--gold); -webkit-background-clip: text; background-clip: text; color: transparent; }
.st-hero--sub .st-lead { color: #c9d3e4; }
.st-hero--sub .st-hero__note { color: #9fb0cc; }
.st-hero--sub .st-eyebrow { background: rgba(255, 255, 255, .08); color: #f3dc94; box-shadow: inset 0 0 0 1px rgba(228, 196, 106, .45); }
.st-hero--sub .st-eco__c { background: linear-gradient(150deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05)); backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1px rgba(200, 212, 230, .35), 0 18px 40px -24px rgba(0, 0, 0, .7); }
.st-hero--sub .st-eco__c b { color: #fff; } .st-hero--sub .st-eco__c span:not(.st-eco__ic) { color: #c3cde0 !important; }
.st-hero--sub .st-eco__c--doc { background: var(--gold); box-shadow: 0 22px 44px -22px rgba(201, 160, 63, .9), inset 0 1px 0 rgba(255, 255, 255, .7); }
.st-hero--sub .st-eco__c--doc b, .st-hero--sub .st-eco__c--doc span:not(.st-eco__ic) { color: var(--navy-900) !important; }
.st-hero--sub .st-eco__c--doc .st-eco__ic { background: var(--navy-800); }
.st-hero--sub .st-eco__c--me { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), inset 0 0 0 1.5px rgba(228, 196, 106, .7), 0 18px 40px -24px rgba(0, 0, 0, .7); }
.st-eco__ic { background: var(--chrome) !important; color: var(--navy-800) !important; box-shadow: inset 0 0 0 1px #aab5c5; }
.st-eco__ic svg { fill: var(--navy-800); } .st-eco__ic svg[fill="none"] { fill: none; }
.st-eco__c--doc .st-eco__ic { background: var(--navy-800) !important; color: #f3dc94 !important; box-shadow: none; }
.st-eco__c--doc .st-eco__ic svg { fill: #f3dc94; }
.st-hero--sub .st-hero__qr { background: var(--chrome); box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px #aab5c5, 0 18px 40px -24px rgba(0, 0, 0, .7); }
.st-hero--sub .st-hero__qr b { color: var(--navy-900); } .st-hero--sub .st-hero__qr small { color: #4b5a74; }

/* вкладки */
.st-tabs { background: rgba(255, 255, 255, .9); box-shadow: var(--shadow), inset 0 0 0 1px var(--line); }
.st-tabs button { color: #4b5a74; }
.st-tabs button[aria-selected="true"] { background: linear-gradient(160deg, var(--navy-700), var(--navy-900)); color: #f3dc94; box-shadow: 0 10px 20px -12px rgba(7, 21, 48, .9), inset 0 0 0 1px rgba(228, 196, 106, .5); }

/* преимущества */
.st-adv > div { background: #fff; box-shadow: var(--shadow), inset 0 0 0 1px var(--line); }
.st-adv i { background: var(--chrome); box-shadow: inset 0 0 0 1px #b9c3d1; }
.st-adv b { color: var(--navy-900); }
.st-adv .is-key { background: linear-gradient(160deg, var(--navy-700), var(--navy-900)); box-shadow: 0 18px 40px -24px rgba(7, 21, 48, .9), inset 0 0 0 1px rgba(228, 196, 106, .45); }
.st-adv .is-key b { color: #fff; } .st-adv .is-key span { color: #c3cde0; }
.st-adv .is-key i { background: var(--gold); box-shadow: none; }

/* тарифы */
.st-prices article { background: #fff; box-shadow: var(--shadow), inset 0 0 0 1px var(--line); }
.st-prices h3, .st-price b { color: var(--navy-900); }
.st-prices .is-rec { background: linear-gradient(160deg, var(--navy-700), var(--navy-900)); color: #fff; box-shadow: 0 26px 50px -26px rgba(7, 21, 48, .95), inset 0 0 0 1.5px rgba(228, 196, 106, .55); }
.st-prices .is-rec h3 { color: #fff; }
.st-prices .is-rec .st-price b { background: var(--gold); -webkit-background-clip: text; background-clip: text; color: transparent; }
.st-prices .is-rec .st-price span, .st-prices .is-rec small { color: #c3cde0; }
.st-prices em { background: var(--gold); color: var(--navy-900); }
.st-prices .is-clinic { background: linear-gradient(160deg, #ffffff, #f4f6fa); box-shadow: var(--shadow), inset 0 0 0 1.5px #d4b35c; }
.st-chips span { background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--navy-800); }
.st-pane__sub { color: #55627a; }

/* как выглядит */
.st-tour__tab i { background: var(--chrome); color: var(--navy-800); box-shadow: inset 0 0 0 1px #b9c3d1; }
.st-tour__tab.is-on { background: #fff; box-shadow: var(--shadow), inset 0 0 0 1px var(--line); }
.st-tour__tab.is-on i { background: var(--gold); color: var(--navy-900); box-shadow: none; }
.st-tour__tab:hover { background: rgba(255, 255, 255, .7); }
.st-tour__stage { background: radial-gradient(60% 60% at 80% 10%, rgba(201, 160, 63, .25), transparent 70%), linear-gradient(160deg, var(--navy-700), var(--navy-900)) !important; box-shadow: inset 0 0 0 1px rgba(228, 196, 106, .35), var(--shadow); }
.st-tour__dots i.is-on { background: #e4c46a; }
.st-tour__shot--phone img { box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .7), 0 0 0 7px #0a1530, 0 0 0 8px rgba(228, 196, 106, .5); }

.st-foot { color: #55627a; border-top-color: var(--line); }