/* 7k691v.fun — мозаика из смальты. Префикс smalt-. */

:root{
  --smalt-cement:#14161c;
  --smalt-cement-2:#1b1e26;
  --smalt-cement-3:#232733;
  --smalt-grout:#2c313d;
  --smalt-azure:#2f7fb5;
  --smalt-azure-dim:#245f88;
  --smalt-azure-lite:#5aa8d8;
  --smalt-gold:#d3a94b;
  --smalt-gold-lite:#eccb84;
  --smalt-ink:#e8ecf3;
  --smalt-ink-dim:#a3acbc;
  --smalt-ink-mute:#79839a;
  --smalt-rad:4px;
  --smalt-shell:1180px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--smalt-cement);
  background-image:
    linear-gradient(var(--smalt-grout) 1px,transparent 1px),
    linear-gradient(90deg,var(--smalt-grout) 1px,transparent 1px);
  background-size:34px 34px;
  color:var(--smalt-ink);
  font-family:"Be Vietnam Pro","Segoe UI",Roboto,Arial,sans-serif;
  font-size:16.5px;
  line-height:1.72;
  overflow-x:hidden;
}
img,svg{max-width:100%}
a{color:var(--smalt-azure-lite);text-decoration:none}
a:hover{color:var(--smalt-gold-lite)}
h1,h2,h3,h4{font-family:"Cormorant SC","Cormorant Garamond",Georgia,serif;font-weight:700;line-height:1.18;margin:0 0 .5em}
h1{font-size:clamp(28px,4.4vw,46px);letter-spacing:.01em}
h2{font-size:clamp(24px,3.2vw,34px);color:var(--smalt-gold-lite)}
h3{font-size:clamp(18px,2.1vw,22px);color:var(--smalt-ink)}
h4{font-size:16px;color:var(--smalt-gold)}
p{margin:0 0 1em}
ul{margin:0;padding:0 0 0 1.1em}

.smalt-skip{position:absolute;left:-9999px;top:0;background:var(--smalt-gold);color:#14161c;padding:12px 18px;z-index:99}
.smalt-skip:focus{left:8px;top:8px}

/* шапка */
.smalt-bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:12px clamp(14px,3vw,34px);
  background:rgba(20,22,28,.94);
  border-bottom:2px solid var(--smalt-azure-dim);
  backdrop-filter:blur(7px);
}
.smalt-logo{display:flex;align-items:center;gap:11px;color:var(--smalt-ink)}
.smalt-logo__svg{width:42px;height:42px;flex:none}
.smalt-logo__t{font-family:"Cormorant SC",Georgia,serif;font-size:21px;font-weight:700;line-height:1.05;display:flex;flex-direction:column}
.smalt-logo__sub{font-family:"Be Vietnam Pro",sans-serif;font-size:11px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;color:var(--smalt-ink-mute)}
.smalt-nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.smalt-nav a{
  display:flex;align-items:center;min-height:44px;padding:0 13px;
  font-size:14px;color:var(--smalt-ink-dim);border:1px solid transparent;border-radius:var(--smalt-rad);
}
.smalt-nav a:hover{color:var(--smalt-gold-lite);border-color:var(--smalt-grout);background:var(--smalt-cement-2)}

/* кнопки */
.smalt-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:11px 24px;
  font-family:"Be Vietnam Pro",sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;
  color:#14161c;background:linear-gradient(135deg,var(--smalt-gold) 0%,var(--smalt-gold-lite) 100%);
  border:none;border-radius:var(--smalt-rad);
  box-shadow:0 0 0 1px rgba(211,169,75,.4),0 8px 22px -12px rgba(211,169,75,.7);
}
.smalt-cta:hover{color:#14161c;filter:brightness(1.08)}
.smalt-cta--lg{min-height:56px;padding:15px 34px;font-size:17px}
.smalt-cta--sm{min-height:44px;padding:9px 18px;font-size:14px}
.smalt-cta--ghost{
  background:transparent;color:var(--smalt-azure-lite);
  box-shadow:inset 0 0 0 1px var(--smalt-azure-dim);
}
.smalt-cta--ghost:hover{color:var(--smalt-gold-lite);box-shadow:inset 0 0 0 1px var(--smalt-gold)}

/* каркас секций */
.smalt-main{display:block}
.smalt-sec{
  max-width:var(--smalt-shell);
  margin:0 auto 26px;
  padding:clamp(26px,4vw,44px) clamp(16px,3.4vw,40px);
  background:var(--smalt-cement-2);
  border:1px solid var(--smalt-grout);
  border-radius:var(--smalt-rad);
  border-top:3px solid var(--smalt-azure);
}
.smalt-tag{
  display:inline-block;margin:0 0 14px;padding:5px 12px;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--smalt-cement);background:var(--smalt-gold);border-radius:2px;
}
.smalt-lead{color:var(--smalt-ink-dim);max-width:70ch}

/* hero */
.smalt-hero{
  max-width:var(--smalt-shell);margin:26px auto;
  padding:clamp(26px,4vw,50px) clamp(16px,3.4vw,40px);
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(22px,3vw,40px);
  background:
    radial-gradient(120% 100% at 100% 0%,rgba(47,127,181,.22) 0%,transparent 62%),
    var(--smalt-cement-2);
  border:1px solid var(--smalt-grout);border-top:3px solid var(--smalt-gold);border-radius:var(--smalt-rad);
}
.smalt-hero__eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--smalt-azure-lite);margin-bottom:10px}
.smalt-hero__sub{color:var(--smalt-ink-dim);font-size:17px;max-width:66ch}
.smalt-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}

.smalt-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:22px}
.smalt-quick a{
  display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:56px;
  padding:9px 14px;background:var(--smalt-cement-3);border-left:3px solid var(--smalt-azure);
  border-radius:2px;color:var(--smalt-ink);
}
.smalt-quick a:hover{border-left-color:var(--smalt-gold);color:var(--smalt-ink)}
.smalt-quick__k{font-size:14px;font-weight:600}
.smalt-quick__v{font-size:12.5px;color:var(--smalt-ink-mute)}

.smalt-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.smalt-kpi div{padding:13px 14px;background:var(--smalt-cement-3);border-radius:2px;border-bottom:2px solid var(--smalt-gold)}
.smalt-kpi span{display:block}
.smalt-kpi__n{font-family:"Cormorant SC",Georgia,serif;font-size:27px;font-weight:700;color:var(--smalt-gold-lite);line-height:1.1}
.smalt-kpi__l{font-size:12.5px;color:var(--smalt-ink-mute)}

/* мозаичное панно героя */
.smalt-art{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:5px;align-content:start}
.smalt-art i{display:block;aspect-ratio:1/1;border-radius:1px;background:var(--smalt-cement-3)}
.smalt-art i.a{background:var(--smalt-azure-dim)}
.smalt-art i.b{background:var(--smalt-azure)}
.smalt-art i.c{background:var(--smalt-azure-lite)}
.smalt-art i.d{background:var(--smalt-gold)}
.smalt-art i.e{background:var(--smalt-gold-lite)}
.smalt-art i.f{background:var(--smalt-grout)}

/* сетки */
.smalt-grid{display:grid;gap:14px}
.smalt-grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.smalt-grid--3{grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}
.smalt-grid--4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.smalt-grid--tiles{grid-template-columns:repeat(auto-fit,minmax(196px,1fr))}

.smalt-card{
  padding:18px 18px 20px;background:var(--smalt-cement-3);
  border:1px solid var(--smalt-grout);border-radius:2px;
}
.smalt-card h3{margin-bottom:.4em}
.smalt-card p{margin:0;font-size:15px;color:var(--smalt-ink-dim)}

/* депозиты */
.smalt-dep{position:relative;padding-top:22px;border-top:3px solid var(--smalt-azure)}
.smalt-dep__step{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--smalt-ink-mute)}
.smalt-dep__pct{display:block;font-family:"Cormorant SC",Georgia,serif;font-size:32px;font-weight:700;color:var(--smalt-gold-lite);line-height:1.1;margin:2px 0 6px}

/* шаги */
.smalt-step__n{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:10px;
  font-family:"Cormorant SC",Georgia,serif;font-size:19px;font-weight:700;
  color:#14161c;background:var(--smalt-gold);border-radius:2px;
}

/* плитки каталога */
.smalt-tile{padding:0;overflow:hidden}
.smalt-tile__cap{
  display:flex;align-items:flex-end;min-height:74px;padding:10px 12px;
  font-family:"Cormorant SC",Georgia,serif;font-size:17px;font-weight:700;color:#0f1116;
}
.smalt-tile__cap.t1{background:linear-gradient(135deg,#2f7fb5,#5aa8d8)}
.smalt-tile__cap.t2{background:linear-gradient(135deg,#d3a94b,#eccb84)}
.smalt-tile__cap.t3{background:linear-gradient(135deg,#245f88,#2f7fb5)}
.smalt-tile__cap.t4{background:linear-gradient(135deg,#b8903a,#d3a94b)}
.smalt-tile__cap.t5{background:linear-gradient(135deg,#5aa8d8,#8ec6e8)}
.smalt-tile__cap.t6{background:linear-gradient(135deg,#eccb84,#f5e2b6)}
.smalt-tile__b{padding:12px 14px 14px}
.smalt-tile__b p{font-size:13.5px;color:var(--smalt-ink-mute);margin:0 0 10px}
.smalt-tile__go{
  display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
  font-size:13.5px;font-weight:600;color:var(--smalt-azure-lite);
  box-shadow:inset 0 0 0 1px var(--smalt-azure-dim);border-radius:2px;
}
.smalt-tile__go:hover{color:var(--smalt-gold-lite);box-shadow:inset 0 0 0 1px var(--smalt-gold)}

/* чипы */
.smalt-chips{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline;margin-top:16px;padding-top:14px;border-top:1px dashed var(--smalt-grout)}
.smalt-chips__t{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--smalt-gold);flex:none}
.smalt-chips__l{display:flex;gap:7px;flex-wrap:wrap}
.smalt-chips__l span{padding:4px 10px;font-size:13px;color:var(--smalt-ink-dim);background:var(--smalt-cement);border:1px solid var(--smalt-grout);border-radius:2px}

/* клубная кладка */
.smalt-ladder{display:grid;gap:8px;margin:0 0 18px}
.smalt-rung{
  display:grid;grid-template-columns:130px minmax(0,1fr) 118px;align-items:center;gap:12px;
  padding:9px 12px;background:var(--smalt-cement-3);border-radius:2px;border-left:3px solid var(--smalt-azure-dim);
}
.smalt-rung--top{border-left-color:var(--smalt-gold)}
.smalt-rung__n{font-family:"Cormorant SC",Georgia,serif;font-size:19px;font-weight:700}
.smalt-rung__bar{position:relative;height:12px;background:var(--smalt-cement);border-radius:1px;overflow:hidden}
.smalt-rung__bar::after{
  content:"";position:absolute;inset:0 auto 0 0;width:var(--f,20%);
  background:repeating-linear-gradient(90deg,var(--smalt-azure) 0 9px,var(--smalt-cement-2) 9px 11px);
}
.smalt-rung--top .smalt-rung__bar::after{background:repeating-linear-gradient(90deg,var(--smalt-gold) 0 9px,var(--smalt-cement-2) 9px 11px)}
.smalt-rung__cb{font-size:14px;font-weight:600;color:var(--smalt-gold-lite);text-align:right}

/* KPI-плашки */
.smalt-num{text-align:center}
.smalt-num__v{display:block;font-family:"Cormorant SC",Georgia,serif;font-size:34px;font-weight:700;color:var(--smalt-gold-lite);line-height:1.1}
.smalt-num__c{display:block;font-size:14px;color:var(--smalt-ink)}
.smalt-num em{display:block;font-style:normal;font-size:13px;color:var(--smalt-ink-mute);margin-top:4px}

/* live */
.smalt-live__cap{
  display:flex;align-items:flex-end;min-height:88px;padding:10px 12px;
  font-family:"Cormorant SC",Georgia,serif;font-size:18px;font-weight:700;color:#0f1116;
}
.smalt-live__on{
  display:inline-block;margin-bottom:8px;padding:2px 9px;font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#14161c;background:var(--smalt-azure-lite);border-radius:2px;
}
.smalt-live__x{font-size:15px;font-weight:600;color:var(--smalt-gold-lite);margin:0 0 2px}

/* бренд */
.smalt-brand h3{margin-top:1.4em;color:var(--smalt-gold-lite)}
.smalt-brand p{max-width:78ch}
.smalt-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.smalt-badges span{padding:7px 13px;font-size:13px;color:var(--smalt-ink-dim);background:var(--smalt-cement-3);border-left:2px solid var(--smalt-gold);border-radius:2px}

/* отзывы */
.smalt-rev__stars{color:var(--smalt-gold);letter-spacing:.16em;font-size:15px;margin-bottom:8px}
.smalt-rev__off{color:var(--smalt-ink-mute)}
.smalt-rev__q{font-size:15px;color:var(--smalt-ink-dim);margin:0 0 12px}
.smalt-rev__m{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--smalt-ink-mute)}
.smalt-rev__a{
  display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;
  font-family:"Cormorant SC",Georgia,serif;font-weight:700;color:#14161c;background:var(--smalt-azure-lite);border-radius:2px;
}

/* касса */
.smalt-rails{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px}
.smalt-rails div{padding:12px 14px;background:var(--smalt-cement-3);border-radius:2px;border-bottom:2px solid var(--smalt-azure)}
.smalt-rails span{display:block;font-size:15px;font-weight:600;color:var(--smalt-ink)}
.smalt-rails em{display:block;font-style:normal;font-size:12.5px;color:var(--smalt-ink-mute)}

.smalt-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.smalt-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14.5px}
.smalt-table th,.smalt-table td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--smalt-grout)}
.smalt-table th{font-family:"Cormorant SC",Georgia,serif;font-size:16px;color:var(--smalt-gold);letter-spacing:.03em}
.smalt-table td:first-child{color:var(--smalt-ink);font-weight:600;white-space:nowrap}
.smalt-table tr:last-child td{border-bottom:none}

/* финал */
.smalt-final{
  max-width:var(--smalt-shell);margin:0 auto 26px;padding:clamp(28px,4vw,48px) clamp(16px,3.4vw,40px);
  text-align:center;border-radius:var(--smalt-rad);
  background:
    repeating-linear-gradient(45deg,rgba(47,127,181,.14) 0 12px,transparent 12px 24px),
    var(--smalt-cement-3);
  border:1px solid var(--smalt-gold);
}
.smalt-final p{color:var(--smalt-ink-dim);max-width:60ch;margin:0 auto 20px}

/* FAQ */
.smalt-faq details{background:var(--smalt-cement-3);border:1px solid var(--smalt-grout);border-radius:2px;margin-bottom:9px}
.smalt-faq summary{
  display:flex;align-items:center;min-height:48px;padding:11px 44px 11px 16px;position:relative;
  font-weight:600;font-size:15.5px;color:var(--smalt-ink);cursor:pointer;list-style:none;
}
.smalt-faq summary::-webkit-details-marker{display:none}
.smalt-faq summary::after{
  content:"";position:absolute;right:17px;top:50%;width:9px;height:9px;margin-top:-6px;
  border-right:2px solid var(--smalt-gold);border-bottom:2px solid var(--smalt-gold);transform:rotate(45deg);
}
.smalt-faq details[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.smalt-faq details[open] summary{color:var(--smalt-gold-lite)}
.smalt-faq p{margin:0;padding:0 16px 15px;font-size:15px;color:var(--smalt-ink-dim)}

/* заметка автора */
.smalt-note{border-top-color:var(--smalt-gold)}
.smalt-note p{color:var(--smalt-ink-dim);max-width:80ch}

/* подвал */
.smalt-foot{
  max-width:var(--smalt-shell);margin:0 auto;padding:clamp(24px,3.4vw,38px) clamp(16px,3.4vw,40px) 40px;
  border-top:2px solid var(--smalt-azure-dim);
}
.smalt-foot__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:26px}
.smalt-foot__legal{font-size:13.5px;color:var(--smalt-ink-mute);max-width:46ch}
.smalt-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}
.smalt-foot__cols ul{list-style:none;padding:0}
.smalt-foot__cols li{font-size:13.5px;color:var(--smalt-ink-mute);padding:3px 0}
.smalt-foot__bot{
  display:grid;gap:8px;margin-top:26px;padding-top:18px;border-top:1px solid var(--smalt-grout);
  font-size:12.5px;color:var(--smalt-ink-mute);
}
.smalt-em{color:var(--smalt-gold)}

/* мобильная раскладка */
@media (max-width:920px){
  .smalt-hero{grid-template-columns:1fr}
  .smalt-foot__top{grid-template-columns:1fr}
}
@media (max-width:620px){
  body{font-size:16px;background-size:26px 26px}
  .smalt-bar{gap:10px;padding:10px 14px}
  .smalt-nav{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap}
  .smalt-nav a{white-space:nowrap;padding:0 11px}
  .smalt-sec,.smalt-hero,.smalt-final{margin-left:8px;margin-right:8px}
  .smalt-grid--2,.smalt-grid--3,.smalt-grid--4,.smalt-grid--tiles,
  .smalt-quick,.smalt-kpi,.smalt-rails{grid-template-columns:1fr}
  .smalt-rung{grid-template-columns:1fr;gap:6px}
  .smalt-rung__cb{text-align:left}
  .smalt-art{grid-template-columns:repeat(8,1fr)}
  .smalt-hero__btns .smalt-cta{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}