:root {
  --ink: #0b2447;
  --ink-soft: #263f64;
  --muted: #61708a;
  --green-950: #06285a;
  --green-900: #092f66;
  --green-800: #0d3f7c;
  --mint: #dda62f;
  --mint-dark: #b57b0d;
  --mint-soft: #fff1ce;
  --paper: #fcfdff;
  --paper-green: #f4f7fb;
  --sand: #f7f2e5;
  --gold: #dda62f;
  --line: rgba(6, 40, 90, 0.13);
  --shadow-sm: 0 12px 34px rgba(6, 40, 90, 0.09);
  --shadow: 0 28px 80px rgba(6, 40, 90, 0.15);
}

.brand-logo-link {
  min-width: 126px;
  flex: 0 0 auto;
}

.brand-logo {
  width: 126px;
  height: auto;
  display: block;
  object-fit: contain;
}

.footer-logo-surface {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  background: #fff;
}

.footer-logo {
  width: 145px;
  height: auto;
  display: block;
}

.hero {
  background:
    radial-gradient(circle at 12% 12%, rgba(221, 166, 47, .14), transparent 26%),
    linear-gradient(180deg, #fcfdff 0%, #f2f6fb 100%);
}

.how-section::before {
  background:
    radial-gradient(circle at 15% 10%, #dda62f 0, transparent 24%),
    radial-gradient(circle at 90% 100%, #7698c8 0, transparent 25%);
}

.button-mint {
  color: #06285a;
  background: #efc65f;
  box-shadow: 0 12px 26px rgba(221, 166, 47, .24);
}

.button-mint:hover { background: #f4d987; }
.section-heading-light .section-kicker,
.feature-green .feature-icon,
.cta-copy .section-kicker { color: #efc65f; }

.service-pill.service-online {
  color: #f7dfa6;
  background: rgba(221, 166, 47, .12);
}

.service-pill.service-online i {
  background: #dda62f;
  box-shadow: 0 0 0 4px rgba(221, 166, 47, .14);
}

.button:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
  outline-color: rgba(221, 166, 47, .46);
}

.chat-head i,
.detail-chat-head i { background: #dda62f; }
.mobile-telegram-cta { background: #06285a; }

@media (max-width: 600px) {
  .brand-logo-link { min-width: 104px; }
  .brand-logo { width: 104px; }
}