/* 7ku988.buzz — Ясеневый обод — Prosto One + Scada */
:root {
  --bg: #0d0d0b;
  --bg-2: #17160f;
  --bg-3: #1f1d14;
  --line: #2b2818;
  --line-2: #3a361f;
  --txt: #f2ede2;
  --txt-d: #c9bfa8;
  --txt-dd: #9a9186;
  --acc: #c9b07a;
  --acc-2: #e0cd9f;
  --sec: #6a8fa0;
  --sec-2: #8fb0bf;
  --hot: #d68a4a;
  --good: #8fb0bf;
  --r: 12px;
  --r-s: 8px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body.ashrim-body {
  font: 16px/1.62 "Scada", ui-sans-serif, system-ui, sans-serif;
  color: var(--txt);
  background:
    radial-gradient(1000px 580px at 92% -10%, rgba(201,176,122,.09) 0%, transparent 62%),
    radial-gradient(820px 580px at -10% 60%, rgba(106,143,160,.07) 0%, transparent 60%),
    var(--bg);
  min-height: 100vh;
}

h1, h2, h3, h4 { font-family: "Prosto One", system-ui, sans-serif; line-height: 1.24; font-weight: 400; }
h2 { font-size: clamp(1.42rem, 2.5vw, 2.05rem); }
h3 { font-size: clamp(1.02rem, 1.7vw, 1.28rem); }
h4 { font-size: .98rem; }

a { color: var(--acc); text-decoration: none; }
a:hover { color: var(--acc-2); }
img { max-width: 100%; display: block; }

.ashrim-skip {
  position: absolute; left: -999px; top: 0; background: var(--acc); color: #1a1206;
  padding: 8px 14px; z-index: 200;
}
.ashrim-skip:focus { left: 8px; top: 8px; }

/* ── LAYOUT ── */
.ashrim-wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; }
section { padding: 68px 0; }
section + section { border-top: 1px solid var(--line); }

/* ── TICKER ── */
.ashrim-ticker {
  background: var(--bg-2); border-bottom: 1px solid var(--line);
  padding: 9px 0; font-size: .82rem; color: var(--txt-d);
  overflow: hidden; white-space: nowrap;
}
.ashrim-ticker__track { display: inline-flex; gap: 44px; animation: ticker-scroll 30s linear infinite; }
.ashrim-ticker__seg { display: inline-flex; align-items: center; gap: 7px; }
.ashrim-ticker__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--acc); flex-shrink: 0; }
.ashrim-ticker__dot--warm { background: var(--hot); }
@keyframes ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* ── HEADER ── */
.ashrim-top {
  position: sticky; top: 0; z-index: 90;
  background: rgba(13,13,11,.92);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}
.ashrim-top__inner { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 16px; }
.ashrim-mark { display: flex; align-items: center; gap: 10px; }
.ashrim-mark__box {
  width: 34px; height: 34px; border-radius: 8px;
  background: linear-gradient(135deg, var(--acc), var(--sec));
  display: flex; align-items: center; justify-content: center;
  font-family: "Prosto One", sans-serif; font-size: .9rem; color: #1a1206; flex-shrink: 0;
}
.ashrim-mark__t {
  font-family: "Prosto One", sans-serif; font-size: 1.12rem; color: var(--txt);
  display: flex; flex-direction: column; line-height: 1.15;
}
.ashrim-mark__sub { font-family: "Scada", sans-serif; font-size: .68rem; color: var(--txt-dd); }
.ashrim-nav { display: flex; gap: 6px; align-items: center; }
.ashrim-nav a { font-size: .82rem; color: var(--txt-d); padding: 5px 10px; border-radius: var(--r-s); transition: color .2s, background .2s; }
.ashrim-nav a:hover { color: var(--acc-2); background: rgba(201,176,122,.1); }

.ashrim-cta {
  font-family: "Prosto One", sans-serif; font-size: .95rem; font-weight: 400;
  padding: 13px 30px; border-radius: var(--r); display: inline-block;
  transition: transform .18s, box-shadow .18s; cursor: pointer; border: none; text-align: center;
  background: linear-gradient(135deg, var(--acc) 0%, var(--acc-2) 100%); color: #1a1206;
  box-shadow: 0 6px 26px rgba(201,176,122,.35);
}
.ashrim-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 34px rgba(201,176,122,.5); color: #1a1206; }
.ashrim-cta--sm { padding: 7px 16px; font-size: .82rem; }
.ashrim-cta--big { padding: 15px 34px; font-size: 1rem; }
.ashrim-cta--ghost {
  background: transparent; border: 1.5px solid var(--line-2); color: var(--txt-d);
  box-shadow: none;
}
.ashrim-cta--ghost:hover { border-color: var(--acc); color: var(--acc-2); box-shadow: none; }

/* ── STATSTRIP ── */
.ashrim-strip { padding: 26px 0; background: var(--bg-2); }
.ashrim-strip__row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.ashrim-strip__cell { display: flex; flex-direction: column; gap: 3px; text-align: center; }
.ashrim-strip__num { font-family: "Prosto One", sans-serif; font-size: 1.18rem; color: var(--acc-2); }
.ashrim-strip__lbl { font-size: .72rem; color: var(--txt-dd); }

/* ── HERO ── */
.ashrim-hero { padding: 60px 0 68px; }
.ashrim-tag {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201,176,122,.1); border: 1px solid rgba(201,176,122,.28);
  border-radius: 100px; padding: 5px 14px; font-size: .78rem; color: var(--acc-2);
  margin-bottom: 22px; letter-spacing: .03em;
}
.ashrim-hero h1 { font-size: clamp(1.7rem, 3.6vw, 2.7rem); margin-bottom: 18px; max-width: 860px; }
.ashrim-hero__sub { font-size: clamp(.94rem, 1.4vw, 1.05rem); color: var(--txt-d); max-width: 700px; margin-bottom: 28px; line-height: 1.65; }
.ashrim-hero__btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 26px; }
.ashrim-quick { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 30px; }
.ashrim-qa {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-s);
  padding: 10px 14px; display: flex; flex-direction: column; gap: 3px; transition: border-color .2s;
}
.ashrim-qa:hover { border-color: var(--acc); }
.ashrim-qa__k { font-size: .82rem; font-weight: 700; color: var(--txt); }
.ashrim-qa__v { font-size: .72rem; color: var(--txt-dd); }
.ashrim-kpi { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; }
.ashrim-kpi__item {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 12px 20px; display: flex; flex-direction: column; gap: 2px; min-width: 110px;
}
.ashrim-kpi__num { font-family: "Prosto One", sans-serif; font-size: 1.2rem; color: var(--acc-2); }
.ashrim-kpi__lbl { font-size: .74rem; color: var(--txt-dd); }
.ashrim-rings { display: flex; align-items: flex-end; gap: 10px; height: 90px; }
.ashrim-rings__r {
  flex: 1; height: var(--h); background: linear-gradient(180deg, var(--sec), var(--acc));
  border-radius: 4px 4px 0 0; position: relative; opacity: .8;
}
.ashrim-rings__r--top { opacity: 1; }
.ashrim-rings__r i {
  position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);
  font-style: normal; font-size: .64rem; color: var(--txt-dd); white-space: nowrap; margin-bottom: 4px;
}
@media (max-width: 760px) { .ashrim-rings { display: none; } }

/* ── SECTION HEADERS ── */
.ashrim-slab { }
.ashrim-tab {
  display: inline-block; font-size: .76rem; color: var(--sec-2); text-transform: uppercase;
  letter-spacing: .08em; margin-bottom: 12px;
}
.ashrim-slab h2 { margin-bottom: 14px; max-width: 780px; }
.ashrim-lead { color: var(--txt-d); max-width: 760px; margin-bottom: 30px; font-size: .96rem; }

/* ── GRIDS ── */
.ashrim-grid { display: grid; gap: 16px; margin-bottom: 26px; }
.ashrim-grid--4 { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.ashrim-grid--3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ashrim-grid--tiles { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }

/* ── WELCOME DEPOSITS ── */
.ashrim-dep {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 22px; position: relative; transition: border-color .2s, box-shadow .2s;
}
.ashrim-dep:hover { border-color: var(--acc); box-shadow: 0 6px 26px rgba(201,176,122,.16); }
.ashrim-dep__step { display: block; font-size: .7rem; color: var(--sec-2); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; }
.ashrim-dep__pct { display: block; font-family: "Prosto One", sans-serif; font-size: 1.5rem; color: var(--acc-2); margin-bottom: 10px; }
.ashrim-dep h3 { color: var(--txt); font-size: .98rem; margin-bottom: 8px; }
.ashrim-dep p { font-size: .84rem; color: var(--txt-d); line-height: 1.55; }
.ashrim-terms {
  background: var(--bg-3); border: 1px solid var(--line); border-radius: var(--r);
  padding: 16px 20px; font-size: .82rem; color: var(--txt-d);
  display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 26px;
}
.ashrim-terms span { display: flex; align-items: center; gap: 6px; }
.ashrim-terms span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--acc); flex-shrink: 0; }

/* ── STEPS ── */
.ashrim-step {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 24px 20px; transition: border-color .2s;
}
.ashrim-step:hover { border-color: rgba(201,176,122,.4); }
.ashrim-step__n { display: block; font-family: "Prosto One", sans-serif; font-size: 2.4rem; color: rgba(201,176,122,.2); margin-bottom: 10px; }
.ashrim-step h3 { color: var(--txt); font-size: .98rem; margin-bottom: 8px; }
.ashrim-step p { font-size: .86rem; color: var(--txt-d); line-height: 1.55; }

/* ── CATALOG TILES ── */
.ashrim-tile { border-radius: var(--r); overflow: hidden; border: 1px solid var(--line); transition: transform .2s, box-shadow .2s; }
.ashrim-tile:hover { transform: translateY(-4px); box-shadow: 0 10px 30px rgba(201,176,122,.2); }
.ashrim-tile__cv { height: 100px; display: flex; align-items: flex-end; padding: 10px; font-family: "Prosto One", sans-serif; font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; }
.cv1 { background: linear-gradient(135deg, #241a06 0%, #c9b07a 100%); color: #1a1206; }
.cv2 { background: linear-gradient(135deg, #06201a 0%, #6a8fa0 100%); }
.cv3 { background: linear-gradient(135deg, #200a18 0%, #b47fd6 100%); }
.cv4 { background: linear-gradient(135deg, #241505 0%, #d68a4a 100%); color: #1a1206; }
.cv5 { background: linear-gradient(135deg, #071022 0%, #5f8fd0 100%); }
.cv6 { background: linear-gradient(135deg, #1a0505 0%, #c9603c 100%); }
.cv7 { background: linear-gradient(135deg, #062018 0%, #4fa86a 100%); }
.cv8 { background: linear-gradient(135deg, #201c05 0%, #e0cd9f 100%); color: #1a1206; }
.cv9 { background: linear-gradient(135deg, #180620 0%, #a05fc9 100%); }
.cv10 { background: linear-gradient(135deg, #05200f 0%, #6ac98f 100%); }
.cv11 { background: linear-gradient(135deg, #200e05 0%, #d69a4a 100%); }
.cv12 { background: linear-gradient(135deg, #051820 0%, #6ab0c9 100%); }
.ashrim-tile h3 { background: var(--bg-2); padding: 10px 12px 2px; font-size: .88rem; color: var(--txt); }
.ashrim-tile p { background: var(--bg-2); padding: 0 12px 8px; font-size: .74rem; color: var(--txt-dd); }
.ashrim-tile__go {
  display: block; background: var(--bg-2); border-top: 1px solid var(--line);
  text-align: center; padding: 9px; font-size: .8rem; font-weight: 700; color: var(--acc);
  transition: background .2s, color .2s;
}
.ashrim-tile__go:hover { background: rgba(201,176,122,.12); color: var(--acc-2); }
.ashrim-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.ashrim-chips__t { font-size: .76rem; color: var(--txt-dd); margin-right: 4px; }
.ashrim-chips__list { display: flex; flex-wrap: wrap; gap: 8px; }
.ashrim-chips__list span {
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 100px;
  padding: 5px 12px; font-size: .76rem; color: var(--txt-d);
}

/* ── LOYALTY ── */
.ashrim-ladder { display: flex; flex-direction: column; gap: 8px; margin-bottom: 30px; }
.ashrim-ladder__row {
  display: grid; grid-template-columns: 110px 1fr 90px; align-items: center; gap: 14px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-s); padding: 12px 18px;
}
.ashrim-ladder__row--top { background: linear-gradient(90deg, rgba(201,176,122,.14) 0%, var(--bg-2) 100%); border-color: rgba(201,176,122,.4); }
.ashrim-ladder__name { font-family: "Prosto One", sans-serif; font-size: .82rem; color: var(--acc); }
.ashrim-ladder__fill { position: relative; height: 5px; border-radius: 3px; background: rgba(201,176,122,.15); overflow: hidden; }
.ashrim-ladder__fill::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: var(--f);
  background: linear-gradient(90deg, var(--sec), var(--acc)); border-radius: 3px;
}
.ashrim-ladder__cb { font-size: .82rem; color: var(--txt-d); text-align: right; }
.ashrim-note {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 20px; transition: border-color .2s;
}
.ashrim-note:hover { border-color: rgba(201,176,122,.35); }
.ashrim-note h3 { color: var(--acc-2); font-size: .95rem; margin-bottom: 8px; }
.ashrim-note p { font-size: .84rem; color: var(--txt-d); line-height: 1.55; }
.ashrim-note--kpi { text-align: center; }
.ashrim-note__num { display: block; font-family: "Prosto One", sans-serif; font-size: 1.5rem; color: var(--acc-2); }
.ashrim-note__cap { display: block; font-size: .78rem; color: var(--txt-dd); margin: 4px 0 6px; }
.ashrim-note--kpi em { font-style: normal; font-size: .76rem; color: var(--txt-d); }

/* ── LIVE ── */
.ashrim-rail { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; }
.ashrim-live {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 18px; transition: border-color .2s, transform .2s;
}
.ashrim-live:hover { border-color: rgba(201,176,122,.4); transform: translateY(-3px); }
.ashrim-live__badge {
  display: inline-block; background: rgba(201,176,122,.15); color: var(--acc);
  font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
  padding: 2px 8px; border-radius: 100px; margin-bottom: 10px;
}
.ashrim-live h3 { font-size: .92rem; color: var(--txt); margin-bottom: 6px; }
.ashrim-live__s, .ashrim-live__m { font-size: .76rem; color: var(--txt-dd); }
.ashrim-live__p { font-size: .78rem; color: var(--acc-2); margin-top: 4px; }

/* ── BRAND ── */
.ashrim-em { color: var(--acc-2); font-style: normal; }
.ashrim-slab h3 { color: var(--acc-2); margin: 26px 0 10px; }
.ashrim-slab p { font-size: .9rem; color: var(--txt-d); line-height: 1.65; margin-bottom: 6px; }
.ashrim-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.ashrim-badges span {
  background: var(--bg-3); border: 1px solid var(--line-2); border-radius: 100px;
  padding: 6px 14px; font-size: .76rem; color: var(--txt-d); display: flex; align-items: center; gap: 6px;
}
.ashrim-badges span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--acc); flex-shrink: 0; }

/* ── REVIEWS ── */
.ashrim-rev { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r); padding: 20px; transition: border-color .2s; }
.ashrim-rev:hover { border-color: rgba(201,176,122,.3); }
.ashrim-rev__st { color: var(--hot); font-size: .95rem; margin-bottom: 10px; letter-spacing: 2px; }
.ashrim-rev__off { opacity: .25; }
.ashrim-rev__q { font-size: .86rem; color: var(--txt-d); line-height: 1.6; margin-bottom: 14px; }
.ashrim-rev__m { display: flex; align-items: center; gap: 10px; font-size: .82rem; color: var(--txt); }
.ashrim-rev__a span {
  width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, var(--acc), var(--sec));
  display: flex; align-items: center; justify-content: center; font-family: "Prosto One", sans-serif;
  font-size: .8rem; color: #1a1206;
}

/* ── PAYMENTS ── */
.ashrim-rails { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 22px; }
.ashrim-rl {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-s);
  padding: 14px; display: flex; flex-direction: column; gap: 3px;
}
.ashrim-rl__k { font-family: "Prosto One", sans-serif; font-size: .92rem; color: var(--txt); }
.ashrim-rl em { font-style: normal; font-size: .74rem; color: var(--txt-dd); }
.ashrim-times { display: flex; flex-direction: column; gap: 8px; }
.ashrim-times__row {
  display: flex; align-items: center; gap: 14px; background: var(--bg-3);
  border: 1px solid var(--line); border-radius: var(--r-s); padding: 10px 16px; font-size: .84rem; color: var(--txt-d);
}
.ashrim-times__k { font-family: "Prosto One", sans-serif; font-size: .84rem; color: var(--acc-2); min-width: 74px; }

/* ── FINAL CTA ── */
.ashrim-final {
  background: linear-gradient(135deg, rgba(201,176,122,.12) 0%, rgba(106,143,160,.06) 100%);
  text-align: center; padding: 64px 0;
}
.ashrim-final h2 { margin-bottom: 12px; }
.ashrim-final p { color: var(--txt-d); max-width: 600px; margin: 0 auto 26px; font-size: .95rem; }

/* ── FAQ ── */
.ashrim-faq { display: flex; flex-direction: column; gap: 8px; }
.ashrim-faq details {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r-s); overflow: hidden;
  transition: border-color .2s;
}
.ashrim-faq details[open] { border-color: rgba(201,176,122,.38); }
.ashrim-faq summary {
  padding: 15px 20px; cursor: pointer; font-family: "Prosto One", sans-serif; font-size: .92rem;
  color: var(--txt); list-style: none; display: flex; justify-content: space-between; align-items: center;
  gap: 12px; user-select: none;
}
.ashrim-faq summary::after { content: '+'; font-size: 1.1rem; color: var(--acc); flex-shrink: 0; }
.ashrim-faq details[open] summary::after { content: '−'; }
.ashrim-faq summary::-webkit-details-marker { display: none; }
.ashrim-faq details p { padding: 0 20px 16px; font-size: .86rem; color: var(--txt-d); line-height: 1.62; margin: 0; }

/* ── AUTHOR NOTE ── */
.ashrim-noteblock { background: var(--bg-2); }
.ashrim-noteblock p { font-size: .86rem; color: var(--txt-dd); line-height: 1.6; }

/* ── FOOTER ── */
.ashrim-foot { background: var(--bg-2); border-top: 1px solid var(--line); padding: 34px 0 22px; }
.ashrim-foot__top { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; margin-bottom: 26px; }
@media (max-width: 720px) { .ashrim-foot__top { grid-template-columns: 1fr; } }
.ashrim-foot__brand { display: flex; flex-direction: column; gap: 10px; }
.ashrim-foot__legal { font-size: .82rem; color: var(--txt-dd); line-height: 1.6; }
.ashrim-foot__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ashrim-foot__col h4 { color: var(--txt-d); font-size: .8rem; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 10px; }
.ashrim-foot__col ul { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.ashrim-foot__col ul li { font-size: .8rem; color: var(--txt-dd); }
.ashrim-foot__bottom {
  border-top: 1px solid var(--line); padding-top: 18px;
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
}
.ashrim-foot__bottom span:first-child { font-size: .76rem; color: var(--txt-dd); }
.ashrim-foot__bottom span:last-child { font-size: .74rem; color: var(--txt-dd); text-align: right; max-width: 460px; line-height: 1.5; }

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
  section { padding: 44px 0; }
  .ashrim-hero { padding: 40px 0 40px; }
  .ashrim-nav { display: none; }
  .ashrim-quick { grid-template-columns: 1fr 1fr; }
  .ashrim-strip__row { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .ashrim-quick { grid-template-columns: 1fr; }
  .ashrim-ladder__row { grid-template-columns: 90px 1fr; }
  .ashrim-ladder__cb { grid-column: 1 / -1; text-align: left; }
}