/* premium.css — единый high-end слой для ВСЕХ страниц (грузится последним).
   Не меняет структуру/цвета/концепцию. Только состояния, тени, стекло, фокус,
   микро-движение — единый стандарт качества уровня Linear/Stripe/Apple.
   Один акцент — лайм #CDFF4F. */

/* ── HEADER: стекло + сжатие при скролле (класс .scrolled уже вешает main.js) ── */
.nav{transition:background .35s ease, backdrop-filter .35s ease, border-color .35s ease, box-shadow .35s ease;
  border-bottom:1px solid transparent}
.nav__inner{transition:padding .35s cubic-bezier(.2,1,.3,1)}
.nav.scrolled{
  background:rgba(9,13,23,.72);
  backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border-bottom-color:rgba(255,255,255,.06);
  box-shadow:0 8px 30px -18px rgba(0,0,0,.8);
}
.nav.scrolled .nav__inner{padding-top:11px;padding-bottom:11px}
.nav__links a{transition:color .2s ease}

/* ── КНОПКИ: единые состояния (hover / active / focus) ── */
.btn{transition:transform .2s cubic-bezier(.2,1,.3,1),box-shadow .28s ease,background .2s ease,border-color .2s ease,filter .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.99);transition-duration:.09s}
.btn--accent:hover{box-shadow:0 14px 40px -12px rgba(205,255,79,.6),0 1px 0 rgba(255,255,255,.3) inset}
.btn--ghost:hover{border-color:rgba(205,255,79,.5);box-shadow:0 0 28px -8px rgba(205,255,79,.22)}
.btn:focus-visible{outline:2px solid rgba(205,255,79,.65);outline-offset:3px}

/* ── КАРТОЧКИ: тонкий border + слоистая тень + подъём на hover ── */
.svc-card,.demo-card,.trust-card,.blog-card,.work,.guar,.price-teaser,.pkg{
  transition:transform .32s cubic-bezier(.2,1,.3,1),border-color .32s ease,box-shadow .32s ease,background .32s ease;
}
.svc-card:hover,.demo-card:hover,.blog-card:hover,.work:hover,.guar:hover,.price-teaser:hover,.pkg:hover{
  transform:translateY(-5px);
  border-color:rgba(205,255,79,.24);
  box-shadow:0 26px 55px -26px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.03) inset;
}
.demo-card:hover{box-shadow:0 26px 60px -24px rgba(0,0,0,.8),0 0 40px -14px rgba(205,255,79,.28)}

/* ── ФОРМЫ: дорогой focus ── */
input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
input:focus,textarea:focus,select:focus{
  border-color:rgba(205,255,79,.55)!important;
  box-shadow:0 0 0 3px rgba(205,255,79,.13)!important;outline:none!important;
}

/* ── ФОКУС по всему сайту (доступность + премиум) ── */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
  outline:2px solid rgba(205,255,79,.5);outline-offset:2px;border-radius:6px;
}

/* ── ТИПОГРАФИКА: единый тонкий кернинг заголовков ── */
.section-title,.page-hero h1,.content-block h2,.works__head h2{letter-spacing:-.02em}
.section-label,.page-hero__eyebrow{letter-spacing:.06em}

/* ── УВАЖЕНИЕ к reduced-motion ── */
@media(prefers-reduced-motion:reduce){
  .btn,.svc-card,.demo-card,.trust-card,.blog-card,.work,.guar,.price-teaser,.pkg,.nav,.nav__inner{transition:none!important}
  .btn:hover,.svc-card:hover,.demo-card:hover,.work:hover{transform:none}
}

/* ── ПЕРЕКЛЮЧАТЕЛЬ ВАЛЮТ ($ / ₽ / Br) ── */
.cur-switch{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 2px;border:1px solid rgba(205,255,79,.34);border-radius:999px;background:rgba(205,255,79,.05);box-shadow:0 0 28px -8px rgba(205,255,79,.45)}
.cur-switch::before{content:"Цены в";align-self:center;padding:0 9px 0 10px;font-family:var(--font-mono,monospace);font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--color-text-secondary,#9aa6be);white-space:nowrap}
.cur-switch__btn{appearance:none;border:0;background:none;color:rgba(255,255,255,.74);font-family:var(--font-mono,monospace);font-size:13.5px;font-weight:700;letter-spacing:.02em;padding:7px 15px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}
.cur-switch__btn:hover{color:#fff;background:rgba(255,255,255,.07)}
.cur-switch__btn.is-active{background:var(--color-accent,#CDFF4F);color:#0A0A0A}
/* --center + .cur-switch на одном элементе: fit-content не даёт пилюле растянуться
   на всю ширину (иначе кнопки терялись в пустой полосе), margin:auto центрирует. */
.cur-switch--center{display:flex;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:30px}


/* Знак белорусского рубля (SVG-глиф, Unicode пока нет) */
.byn-sign{height:.82em;width:auto;vertical-align:-.09em;display:inline-block}
.cur-switch__btn .byn-sign{height:1.02em;vertical-align:-.16em}