:root {
  --jig-bg: #05070a;
  --jig-bg-elevated: #0b1018;
  --jig-bg-strip: #10161f;
  --jig-surface-border: rgba(79, 140, 255, 0.18);
  --jig-text: #f5f7fa;
  --jig-text-muted: #9aa6b5;
  --jig-accent: #2f6bff;
  --jig-accent-hot: #4f8cff;
  --jig-accent-soft: #7aa2ff;
  --jig-purple: #8b5cf6;
  --jig-gradient-a: #8b5cf6;
  --jig-gradient-b: #2f6bff;
  --jig-glow: 0 0 24px rgba(47, 107, 255, 0.35);
  --jig-icon: var(--jig-accent-hot);
  --jig-icon-border: rgba(79, 140, 255, 0.7);
  --jig-icon-bg: rgba(8, 16, 32, 0.95);
  --jig-icon-glow: 0 0 0 1px rgba(47, 107, 255, 0.12), 0 0 14px rgba(47, 107, 255, 0.42), inset 0 0 10px rgba(47, 107, 255, 0.1);
  --jig-icon-glow-hot: 0 0 0 1px rgba(79, 140, 255, 0.2), 0 0 22px rgba(47, 107, 255, 0.55), inset 0 0 12px rgba(47, 107, 255, 0.14);
  --jig-radius: 16px;
  --jig-max: 72rem;   /* ~1152 */
  --jig-wide: 80rem;  /* ~1280 */
  --jig-gutter: clamp(1.25rem, 3.5vw, 4.5rem);
  --jig-font: "Vazir", Tahoma, sans-serif;
}
@media (min-width: 1440px) {
  :root {
    --jig-max: 86rem;   /* ~1376 */
    --jig-wide: 96rem;  /* ~1536 */
  }
}
@media (min-width: 1680px) {
  :root {
    --jig-max: 98rem;   /* ~1568 */
    --jig-wide: 110rem; /* ~1760 */
  }
}
@media (min-width: 1920px) {
  :root {
    --jig-max: 108rem;  /* ~1728 */
    --jig-wide: 122rem; /* ~1952 */
  }
}
@media (min-width: 2560px) {
  :root {
    --jig-max: 120rem;  /* ~1920 */
    --jig-wide: 140rem; /* ~2240 */
  }
}
*, *::before, *::after { box-sizing: border-box; }
html {
  background: var(--jig-bg); color: var(--jig-text);
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 100%;
}
body {
  margin: 0;
  background:
    radial-gradient(1400px 700px at 70% 8%, rgba(47,107,255,0.14), transparent 55%),
    radial-gradient(1000px 560px at 18% 0%, rgba(139,92,246,0.1), transparent 50%),
    var(--jig-bg);
  color: var(--jig-text);
  font-family: var(--jig-font);
  line-height: 1.6;
  max-width: 100%;
  overscroll-behavior-x: none;
}
.jig-wrap { width: min(100% - (var(--jig-gutter) * 2), var(--jig-max)); margin-inline: auto; }
.jig-wrap--wide { width: min(100% - (var(--jig-gutter) * 2), var(--jig-wide)); }
@media (max-width: 768px) {
  .jig-wrap, .jig-wrap--wide { width: min(100% - 1.5rem, var(--jig-wide)); }
}
@media (max-width: 640px) {
  .jig-wrap, .jig-wrap--wide { width: min(100% - 1.25rem, var(--jig-wide)); }
  .jig-btn { padding: .8rem 1.15rem; }
}
.jig-gradient-text {
  background: linear-gradient(90deg, var(--jig-gradient-a), var(--jig-gradient-b));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.jig-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .9rem 1.4rem; border-radius: 12px; font-weight: 600; text-decoration: none;
  border: 1px solid transparent; transition: .2s ease; box-shadow: none;
}
.jig-btn--primary { background: var(--jig-accent); color: #fff; box-shadow: var(--jig-glow); }
.jig-btn--primary:hover { background: var(--jig-accent-hot); }
.jig-btn--ghost { background: transparent; color: var(--jig-text); border-color: rgba(255,255,255,.28); }
.jig-btn--ghost:hover { border-color: var(--jig-accent-hot); }
@media (prefers-reduced-motion: reduce) {
  html.js [data-jig-reveal],
  .jig-card,
  .jig-trust__logo,
  .jig-btn {
    transition-duration: .01ms !important;
  }
}