:root{
    --space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px;--space-7:44px;
    --radius:20px;--radius-lg:26px;--radius-xl:34px;
    --bg:#0b1220;--band:#0f172a;--surface:#121a2a;--text:#e8eef8;--text-strong:#fff;--muted:#9aa7bb;--border:#1c2a43;
    --shadow:0 12px 28px rgba(2,6,23,.22);--shadow-soft:0 6px 18px rgba(2,6,23,.18);
    --brand:#ffdd2d;--brand-ink:#111827;--accent:#1fb6ff;--ring:rgba(255,221,45,.35);
    --table-sticky:rgba(18,26,42,.9);--table-row:rgba(255,255,255,.02);--row-hover:rgba(255,221,45,.06)
  }
  .theme-light{
    --bg:#faf7f0;--band:#f4efe5;--surface:#fff;--text:#0f172a;--text-strong:#0b1324;--muted:#6b7280;--border:#e6e7ea;
    --shadow:0 16px 40px rgba(31,41,55,.08);--shadow-soft:0 8px 24px rgba(31,41,55,.06);
    --brand:#ffdd2d;--brand-ink:#111827;--accent:#2563eb;--ring:rgba(255,221,45,.35);
    --table-sticky:#ffffffee;--table-row:#fff;--row-hover:#ffdd2d10
  }

  .visually-hidden:not(:focus):not(:active){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
  a.visually-hidden:focus,a.visually-hidden:active{position:fixed!important;left:16px;top:16px;margin:0;padding:10px 14px;clip:auto;clip-path:none;background:var(--brand);color:var(--brand-ink);border-radius:12px;box-shadow:var(--shadow);z-index:1000;text-decoration:none}

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--text);background:var(--bg);line-height:1.65;letter-spacing:.1px}
  a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
  .container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-5)}
  .band{background:var(--band)}

  header{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}
  .nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}
  .brand{display:flex;align-items:center;gap:var(--space-3)}
  .brand__logo{width:36px;height:36px;border-radius:12px;background:var(--brand);box-shadow:0 10px 26px rgba(255,221,45,.38),inset 0 0 0 1px #00000012}
  .brand__name{font-weight:800;color:var(--text-strong)}
  .nav__links{display:flex;justify-self:center;gap:var(--space-2)}
  .nav__links a{color:var(--muted);padding:8px 12px;border-radius:999px;border:1px solid transparent}
  .nav__links a:hover{color:var(--text);background:#00000007;border-color:var(--border)}
  .theme-switch{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:transparent;color:var(--text);border:1px solid var(--border);cursor:pointer}
  .theme-switch:focus-visible{outline:none;box-shadow:0 0 0 6px var(--ring)}
  .theme-dark .icon-sun{display:none}.theme-light .icon-moon{display:none}

  .hero{display:grid;grid-template-columns:1fr .9fr;gap:var(--space-6);align-items:center;padding:var(--space-7) 0}
  .eyebrow{color:var(--muted);font-weight:600;margin-bottom:var(--space-2)}
  h1{margin:0 0 var(--space-3);font-weight:800;font-size:clamp(32px,4.6vw,58px);line-height:1.08;color:var(--text-strong)}
  .subtitle{color:var(--muted);max-width:64ch}
  .cta{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:16px;border:1px solid #00000012;font-weight:800;letter-spacing:.2px;box-shadow:var(--shadow-soft);transition:transform .15s ease,filter .2s ease}
  .btn:active{transform:translateY(0) scale(.99)}
  .btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-primary:hover{filter:brightness(1.03)}
  .btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:#00000008}
  .btn.bot-link{background:var(--brand);color:var(--brand-ink);border-color:rgba(0,0,0,.08);padding:16px 22px;border-radius:18px;font-size:1.05rem}
  .btn.bot-link:hover{filter:brightness(1.03)}

  .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(6px)}
  .section{margin:var(--space-7) 0}

  .rates{padding:var(--space-4)}
  .rates__head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}
  .rates__meta{color:var(--muted);font-size:14px}
  .table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--border)}
  table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;background:var(--table-row)}
  thead th{position:sticky;top:0;background:var(--table-sticky);text-align:left;padding:12px 14px;font-size:13px;color:#1f2937;border-bottom:1px solid var(--border)}
  .theme-dark thead th{color:#e6eef8}
  tbody td{padding:12px 14px;border-bottom:1px dashed var(--border)}
  tbody tr:hover{background:var(--row-hover)}

  .converter{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4)}
  .field{display:flex;flex-direction:column;gap:6px}
  .field input,.field select{padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:#ffffff10;color:var(--text);outline:none}
  .theme-light .field input,.theme-light .field select{background:#fff}
  .field input:focus,.field select:focus{box-shadow:0 0 0 6px var(--ring);border-color:transparent}

  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-4)}
  .step-card{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}
  #services .step-card{display:flex;flex-direction:column}
  #services .step-card .btn.bot-link{margin-top:auto;align-self:flex-start;font-size:.92rem;padding:10px 14px;border-radius:14px}
  .step-badge{display:inline-grid;margin-left:auto; margin-right: auto;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand);color:var(--brand-ink);font-weight:800;margin-bottom:var(--space-2);box-shadow:0 6px 16px rgba(255,221,45,.35)}

  details{border:1px solid var(--border);border-radius:16px;padding:12px 14px;background:var(--surface)}
  details+details{margin-top:10px}
  summary{cursor:pointer;font-weight:700}

  /* Old footer styles - commented out, now using .amelie-footer */
  /* footer{border-top:1px solid var(--border)} */
  /* .foot{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-5) var(--space-3)} */
  .muted{color:var(--muted)}

  /* адаптив */
  @media (max-width:1024px){.hero{grid-template-columns:1fr}}
  @media (max-width:960px){
    .grid-3{grid-template-columns:1fr}
    .converter{grid-template-columns:1fr}
    /* скрываем горизонтальное меню на узких экранах */
    .nav__links{display:none}
  }
  @media (max-width:720px){
    thead{display:none}
    .table-wrap{border:0}
    table{min-width:0;background:transparent}
    tbody{display:grid;gap:10px}
    tbody tr{display:block;background:var(--table-row);border:1px solid var(--border);border-radius:16px;overflow:hidden}
    tbody td{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:10px 12px;border-bottom:1px dashed var(--border);font-size:15px}
    tbody td:last-child{border-bottom:0}
    tbody td:nth-child(1)::before{content:'Валюта';color:var(--muted);font-size:12px}
    tbody td:nth-child(2)::before{content:'Покупка';color:var(--muted);font-size:12px}
    tbody td:nth-child(3)::before{content:'Продажа';color:var(--muted);font-size:12px}
    tbody td:nth-child(4)::before{content:'Мин. сумма';color:var(--muted);font-size:12px}
    tbody td:nth-child(5)::before{content:'Макс. сумма';color:var(--muted);font-size:12px}
    tbody td:nth-child(6)::before{content:'Примечание';color:var(--muted);font-size:12px}
    .foot{grid-template-columns:1fr}
  }
  /* ========================================
     FINTECH FOOTER STYLES
     Modern, professional footer design
   ======================================== */

.amelie-footer {
  background: linear-gradient(180deg, 
    rgba(255, 248, 236, 0.95) 0%, 
    rgba(254, 251, 245, 0.98) 50%, 
    rgba(249, 245, 233, 1) 100%);
  border-top: 1px solid rgba(180, 83, 9, 0.12);
  backdrop-filter: blur(20px);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  color: #1f2937;
  padding: 4rem 1.5rem 2rem;
  position: relative;
  overflow: hidden;
}

.amelie-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(251, 191, 36, 0.5) 50%, 
    transparent 100%);
}

.footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 3.5rem;
  justify-content: space-between;
  align-items: flex-start;
}

/* Brand Section - Enhanced */
.footer-brand {
  flex: 1 1 320px;
  max-width: 380px;
}

.footer-logo {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  margin-bottom: 1rem;
  box-shadow: 
    0 4px 16px rgba(251, 191, 36, 0.35),
    0 2px 8px rgba(180, 83, 9, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.footer-logo:hover {
  transform: scale(1.05);
  box-shadow: 
    0 6px 20px rgba(251, 191, 36, 0.45),
    0 3px 12px rgba(180, 83, 9, 0.2);
}

.footer-brand h3 {
  font-weight: 800;
  font-size: 1.4rem;
  background: linear-gradient(135deg, #b45309, #92400e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0.5rem 0;
  letter-spacing: -0.02em;
}

.footer-brand p {
  color: #4b5563;
  font-size: 0.95rem;
  line-height: 1.65;
  margin: 0.75rem 0 1.5rem;
  font-weight: 400;
}

/* Messenger Buttons - Premium Style */
.footer-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.btn-messenger {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.65rem 1.25rem;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  color: #fff;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 2px 8px rgba(0, 0, 0, 0.12),
    0 1px 3px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

.btn-messenger::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.btn-messenger:hover::before {
  width: 300px;
  height: 300px;
}

.btn-messenger.tg {
  background: linear-gradient(135deg, #2aabee 0%, #229ed9 100%);
}

.btn-messenger.bot-link {
  background: var(--brand);
  color: var(--brand-ink);
  padding: 0.75rem 1.4rem;
  border-radius: 14px;
  font-weight: 700;
}

.btn-messenger.bot-link:hover {
  filter: brightness(1.03);
}

.btn-messenger.wa {
  background: linear-gradient(135deg, #25d366 0%, #1ebe57 100%);
}

.btn-messenger.ig {
  background: linear-gradient(135deg, #fd5949 0%, #d6249f 50%, #c13584 100%);
}

.btn-messenger:hover {
  transform: translateY(-3px);
  box-shadow: 
    0 6px 16px rgba(0, 0, 0, 0.2),
    0 3px 8px rgba(0, 0, 0, 0.12);
}

.btn-messenger:active {
  transform: translateY(-1px);
}

/* Navigation Grid - Clean & Organized */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2.5rem;
  flex: 1 1 500px;
}

.footer-col h4 {
  font-weight: 700;
  background: linear-gradient(135deg, #b45309, #92400e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1rem;
  font-size: 1.05rem;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-size: 0.85rem;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col li {
  margin: 0.5rem 0;
  color: #4b5563;
  font-size: 0.92rem;
  line-height: 1.6;
}

.footer-col a {
  color: #4b5563;
  text-decoration: none;
  transition: all 0.25s ease;
  position: relative;
  display: inline-block;
  padding-left: 0;
}

.footer-col a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #fbbf24, #b45309);
  transition: width 0.3s ease;
}

.footer-col a:hover {
  color: #b45309;
  padding-left: 8px;
}

.footer-col a:hover::before {
  width: calc(100% - 8px);
}

/* Bottom Bar - Fintech Style */
.footer-bottom {
  text-align: center;
  margin-top: 3.5rem;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(180, 83, 9, 0.15);
  font-size: 0.9rem;
  color: #6b7280;
  position: relative;
}

.footer-bottom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #fbbf24, transparent);
}

.footer-bottom .muted {
  font-size: 0.82rem;
  color: #9ca3af;
  margin-top: 0.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Theme Support */
.theme-light .amelie-footer {
  background: linear-gradient(180deg, 
    rgba(255, 248, 236, 1) 0%, 
    rgba(254, 251, 245, 1) 50%, 
    rgba(249, 245, 233, 1) 100%);
}

/* Responsive Design */
@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .amelie-footer {
    padding: 3rem 1.25rem 1.5rem;
  }
  
  .footer-inner {
    flex-direction: column;
    gap: 2.5rem;
  }
  
  .footer-brand {
    max-width: 100%;
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .footer-buttons {
    gap: 0.6rem;
  }
  
  .btn-messenger {
    font-size: 0.88rem;
    padding: 0.6rem 1.1rem;
  }
  
  .footer-bottom {
    margin-top: 2.5rem;
  }
}

@media (max-width: 480px) {
  .amelie-footer {
    padding: 2.5rem 1rem 1.25rem;
  }
  
  .footer-brand h3 {
    font-size: 1.2rem;
  }
  
  .footer-buttons {
    flex-direction: column;
    width: 100%;
  }
  
  .btn-messenger {
    width: 100%;
    justify-content: center;
  }
}

/* Collapsed SEO-visible article */
.article-collapse {
  position: relative;
}

.article-collapse__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.article-collapse__btn {
  white-space: nowrap;
}

.article-collapse__body {
  position: relative;
  overflow: hidden;
  max-height: 160px; /* "пару строк" + чуть */
  transition: max-height 260ms ease;
}

.article-collapse__body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  pointer-events: none;
  /* мягкое "opacity прятание" вниз */
  background: linear-gradient(to bottom, rgba(0,0,0,0), var(--card, rgba(11,18,32,0.95)));
}

/* Light theme: подложка градиента корректная */
.theme-light .article-collapse__body::after {
  background: linear-gradient(to bottom, rgba(255,255,255,0), var(--card, rgba(250,247,240,0.98)));
}

.article-collapse.is-open .article-collapse__body {
  max-height: 5000px; /* достаточно, чтобы раскрыть */
}

.article-collapse.is-open .article-collapse__body::after {
  display: none;
}

/* чуть приятнее типографика внутри статьи */
.article-collapse article h3 {
  margin: 18px 0 8px;
}
.article-collapse article p,
.article-collapse article li {
  line-height: 1.7;
}
.article-collapse article ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

  /* Reviews slider */
  .reviews{padding:var(--space-5);overflow:hidden}
  .reviews__head{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}
  .reviews__wrap{position:relative;overflow:hidden;border-radius:18px}
  .reviews__wrap::before,.reviews__wrap::after{content:"";position:absolute;top:0;bottom:0;width:64px;z-index:2;pointer-events:none}
  .reviews__wrap::before{left:0;background:linear-gradient(90deg,var(--surface),transparent)}
  .reviews__wrap::after{right:0;background:linear-gradient(270deg,var(--surface),transparent)}
  .reviews__track{display:flex;gap:18px;align-items:stretch;animation:reviews-scroll 38s linear infinite}
  .review{min-width:290px;max-width:340px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 24px rgba(2,6,23,.14);position:relative;overflow:hidden}
  .theme-light .review{background:linear-gradient(180deg,#ffffff, #fff8eb);border-color:#f1e5cc}
  .review::before{content:"“";position:absolute;top:10px;right:14px;font-size:46px;line-height:1;color:rgba(255,221,45,.35);font-weight:800}
  .review__text{margin:4px 0 12px;font-size:.98rem;line-height:1.6;color:var(--text)}
  .review__meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem}
  .review__meta::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgba(255,221,45,.2)}
  .review:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(2,6,23,.2)}

  @keyframes reviews-scroll{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
  }

  @media (prefers-reduced-motion: reduce){
    .reviews__track{animation:none;flex-wrap:wrap}
  }