:root {
  --az-font-sans: "Vazirmatn", "IRANSansX", "Yekan Bakh", "Segoe UI", Tahoma, sans-serif;
  --az-font-size-xs: 0.75rem;
  --az-font-size-sm: 0.875rem;
  --az-font-size-base: 1rem;
  --az-font-size-lg: 1.125rem;
  --az-font-size-xl: 1.375rem;
  --az-font-size-2xl: 1.75rem;
  --az-line-tight: 1.35;
  --az-line-base: 1.65;
  --az-line-loose: 1.9;
  --az-space-1: 0.25rem;
  --az-space-2: 0.5rem;
  --az-space-3: 0.75rem;
  --az-space-4: 1rem;
  --az-space-5: 1.25rem;
  --az-space-6: 1.5rem;
  --az-space-8: 2rem;
  --az-space-10: 2.5rem;
  --az-space-12: 3rem;
  --az-radius-small: 14px;
  --az-radius-medium: 18px;
  --az-radius-large: 22px;
  --az-radius-card: 14px;
  --az-radius-module: 18px;
  --az-shadow-sm: 0 8px 20px rgba(15, 23, 42, 0.08);
  --az-shadow-md: 0 14px 34px rgba(15, 23, 42, 0.12);
  --az-shadow-1: var(--az-shadow-sm);
  --az-shadow-2: var(--az-shadow-md);
  --az-shadow-lg: var(--az-shadow-md);
  --az-shadow-focus: 0 0 0 3px rgba(14, 165, 233, 0.35);
  --az-brand-blue: #0b3a6e;
  --az-brand-blue-dark: #07294d;
  --az-brand-gold: #d4a017;
  --az-brand-gold-light: #f1c40f;
  --az-brand-silver: #c0c6cf;
  --az-brand-bg: #f5f7fa;
  --az-border: var(--az-brand-silver);
  --az-divider: var(--az-brand-silver);
  --az-bg: var(--az-brand-bg);
  --az-fg: #0f172a;
  --az-muted: #4b5563;
  --az-card: #ffffff;
  --az-primary: var(--az-brand-gold);
  --az-primary-contrast: #111827;
}

.az-site {
  /* Brand — سبز جنگلی آذرخش */
  --az-brand-blue:      #0d1a0d;
  --az-brand-blue-dark: #070f07;
  --az-brand-gold:      #22c55e;
  --az-brand-gold-light:#86efac;
  --az-brand-silver:    #64748b;

  /* Semantic */
  --az-bg: #f1f5f9;
  --az-surface: #ffffff;
  --az-surface-2: #eaf0f7;
  --az-text: #0f172a;
  --az-muted: #64748b;
  --az-border: rgba(15, 23, 42, 0.08);

  /* Accent usage */
  --az-primary: #15803d;
  --az-primary-hover: #22c55e;
  --az-signal: #166534;
  --az-secondary: var(--az-brand-blue);
  --az-secondary-hover: var(--az-brand-blue-dark);

  /* Shadows */
  --az-shadow-sm: 0 8px 20px rgba(15, 23, 42, 0.08);
  --az-shadow-md: 0 14px 34px rgba(15, 23, 42, 0.12);

  --az-brand-bg: var(--az-bg);
  --az-card: var(--az-surface);
  --az-fg: var(--az-text);
  --az-divider: var(--az-border);
  --az-primary-contrast: #111827;
  --az-radius-current: var(--az-radius-medium);
  --az-surface-blend: color-mix(in srgb, var(--az-surface) 90%, var(--az-bg));
  --az-section-space-mobile: 56px;
  --az-section-space-desktop: 88px;
  --az-section-space: clamp(56px, 6vw, 88px);
  --az-grid-gap: clamp(var(--az-space-3), 2.8vw, var(--az-space-6));
  --az-grid-line: rgba(255, 255, 255, 0.085);
  --az-grid-line-2: rgba(255, 255, 255, 0.05);
  --az-grid-size: 42px;
  --az-divider-color: var(--az-border);
  --az-container-max: 1280px;
  --az-boxed-max: var(--az-container-max);
  --az-boxed-pad: 16px;
  direction: rtl;
  background: var(--az-bg);
  color: var(--az-text);
  font-family: var(--az-font-sans);
  font-size: var(--az-font-size-base);
  line-height: var(--az-line-base);
}

.az-site[data-az-mode="dark"] {
  --az-bg: #0b1220;
  --az-surface: #121d31;
  --az-surface-2: #172338;
  --az-text: #e2e8f0;
  --az-muted: #94a3b8;
  --az-border: #2b3647;
  --az-divider: var(--az-border);
  --az-shadow-sm: 0 10px 26px rgba(2, 6, 23, 0.42);
  --az-shadow-md: 0 18px 42px rgba(2, 6, 23, 0.5);
  --az-shadow-1: var(--az-shadow-sm);
  --az-shadow-2: var(--az-shadow-md);
}

.az-site[data-az-accent="azure"] {
  --az-primary: var(--az-brand-gold);
  --az-primary-contrast: #111827;
}

.az-site[data-az-accent="emerald"] {
  --az-primary: var(--az-brand-gold);
  --az-primary-contrast: #111827;
}

.az-site[data-az-accent="amber"] {
  --az-primary: var(--az-brand-gold);
  --az-primary-contrast: #111827;
}

.az-site[data-az-accent="rose"] {
  --az-primary: var(--az-brand-gold);
  --az-primary-contrast: #111827;
}

.az-site[data-az-radius="small"] {
  --az-radius-current: var(--az-radius-small);
}

.az-site[data-az-radius="medium"] {
  --az-radius-current: var(--az-radius-medium);
}

.az-site[data-az-radius="large"] {
  --az-radius-current: var(--az-radius-large);
}

.az-site :focus-visible {
  outline: none;
  box-shadow: var(--az-shadow-focus);
}

.az-site a {
  color: var(--az-primary);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
  transition: text-underline-offset 0.2s ease, opacity 0.2s ease;
}

.az-site a:hover {
  color: var(--az-primary);
  text-underline-offset: 0.3em;
  opacity: 0.9;
}

.az-site p {
  margin: 0 0 var(--az-space-4);
  color: var(--az-muted);
  line-height: var(--az-line-base);
}

.az-site h1,
.az-site h2,
.az-site h3,
.az-site h4,
.az-site h5,
.az-site h6 {
  margin: 0 0 clamp(var(--az-space-3), 2vw, var(--az-space-4));
  color: var(--az-text);
  line-height: var(--az-line-tight);
  font-weight: 700;
}

.az-site h1 {
  font-size: var(--az-font-size-2xl);
}

.az-site h2 {
  font-size: var(--az-font-size-xl);
}

.az-site h3 {
  font-size: var(--az-font-size-lg);
}

.az-site .az-container {
  width: min(100% - (clamp(16px, 2vw, 24px) * 2), var(--az-container-max));
  margin-inline: auto;
}

.az-site .az-content {
  max-width: var(--az-container-max);
  margin-inline: auto;
  padding-inline: 16px;
}

.az-site .az-boxed {
  max-width: var(--az-boxed-max);
  margin-inline: auto;
  padding-inline: var(--az-boxed-pad);
}

.az-site .az-surface {
  background: var(--az-surface);
  border: 1px solid var(--az-border);
  border-radius: var(--az-radius-module);
  box-shadow: var(--az-shadow-sm);
}

.az-site .az-atmo {
  position: relative;
  overflow: hidden;
}

.az-site .az-atmo::before {
  content: "";
  position: absolute;
  inset: -120px;
  background:
    radial-gradient(700px 420px at 85% 20%, color-mix(in srgb, var(--az-brand-blue) 28%, transparent), transparent 60%),
    radial-gradient(520px 360px at 20% 70%, color-mix(in srgb, var(--az-brand-blue-dark) 22%, transparent), transparent 62%),
    linear-gradient(135deg, color-mix(in srgb, var(--az-brand-blue) 10%, transparent), color-mix(in srgb, var(--az-brand-blue-dark) 10%, transparent));
  pointer-events: none;
  z-index: 0;
}

.az-site .az-atmo::after {
  content: none;
}

.az-site :is(.az-hero, .az-trust, .az-contact).az-atmo::after,
.az-site :is(.az-hero, .az-trust, .az-contact) .az-atmo::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      color-mix(in srgb, var(--az-brand-silver) 32%, transparent) 0,
      color-mix(in srgb, var(--az-brand-silver) 32%, transparent) 1px,
      transparent 1px,
      transparent 36px
    ),
    repeating-linear-gradient(
      0deg,
      color-mix(in srgb, var(--az-brand-silver) 26%, transparent) 0,
      color-mix(in srgb, var(--az-brand-silver) 26%, transparent) 1px,
      transparent 1px,
      transparent 36px
    );
  opacity: 0.18;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 0;
}

.az-site .az-atmo > * {
  position: relative;
  z-index: 1;
}

.az-site .az-trust .az-container > :first-child,
.az-site .az-services .az-container > :first-child,
.az-site .az-process .az-container > :first-child,
.az-site .az-articles .az-container > :first-child,
.az-site .az-contact .az-container > :first-child,
.az-site .az-cta .az-container > :first-child {
  border-radius: var(--az-radius-module);
}

.az-site .az-section {
  padding-block: var(--az-section-space);
}

.az-site :is(.az-hero, .az-trust, .az-platforms, .az-services, .az-process, .az-cta, .az-contact, .az-footer) {
  padding-block: var(--az-section-space);
}

.az-site .az-header + .az-section,
.az-site .az-header__placeholder + .az-section,
.az-site .az-header-host + .az-section {
  padding-block-start: clamp(56px, 6vw, 88px);
}

.az-site :is(.az-articles, .az-contact, .az-cta, .az-partners, .az-platforms, .az-process, .az-services, .az-why) :is(.az-articles__title, .az-contact__title, .az-cta__title, .az-partners__title, .az-platforms__title, .az-process__title, .az-services__title, .az-why__title) {
  margin-block-end: 12px;
}

.az-site .az-services.az-services--structured .az-services__intro .az-services__title,
.az-site .az-why.az-why--authority .az-why__title {
  margin-block-end: 12px;
}

.az-site .az-trust__title,
.az-site .az-services__title,
.az-site .az-platforms__title {
  position: relative;
}

.az-site .az-trust__title::after,
.az-site .az-services__title::after,
.az-site .az-platforms__title::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  background: var(--az-signal);
  margin-top: 10px;
  border-radius: 2px;
}

.az-site :is(.az-articles, .az-contact, .az-cta, .az-partners, .az-platforms, .az-process, .az-services, .az-why) :is(.az-articles__text, .az-contact__text, .az-cta__text, .az-partners__text, .az-platforms__text, .az-process__text, .az-services__text, .az-why__text) {
  margin-block-end: clamp(16px, 2vw, 22px);
}

.az-site .az-services.az-services--structured .az-services__intro .az-services__text {
  margin-block-end: clamp(16px, 2vw, 22px);
}

.az-site :is(.az-articles__text, .az-contact__text, .az-cta__text, .az-partners__text, .az-platforms__text, .az-process__text, .az-services__text, .az-why__text) > :last-child {
  margin-block-end: 0;
}

.az-site .az-grid {
  display: grid;
  gap: var(--az-grid-gap);
}

@media (min-width: 768px) {
  .az-site .az-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .az-site .az-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .az-site .az-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.az-site .az-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--az-space-2);
  min-height: 2.875rem;
  border: 1px solid var(--az-border);
  border-radius: var(--az-radius-module);
  padding: 0.6875rem var(--az-space-5);
  background: var(--az-surface);
  color: var(--az-text);
  font: inherit;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: var(--az-shadow-sm);
  cursor: pointer;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease, color 200ms ease;
  margin-top: 20px;
}

.az-site .az-btn-primary {
  background: var(--az-primary);
  border-color: color-mix(in srgb, var(--az-primary) 72%, var(--az-text));
  color: #fff !important;
}

.az-site .az-btn-primary:hover {
  background: var(--az-primary-hover);
  border-color: color-mix(in srgb, var(--az-primary-hover) 70%, var(--az-text));
  color: #fff !important;
}

.az-site .az-btn-primary:focus-visible {
  color: #fff !important;
}

.az-site .az-btn--primary,
.az-site [data-az-cta] .az-btn-primary {
  box-shadow: var(--az-shadow-sm);
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.az-site .az-btn-secondary {
  background: var(--az-secondary);
  border-color: color-mix(in srgb, var(--az-secondary) 72%, #ffffff 12%);
  color: #ffffff;
}

.az-site .az-btn-secondary:hover {
  background: var(--az-secondary-hover);
  border-color: color-mix(in srgb, var(--az-secondary-hover) 72%, #ffffff 12%);
  color: #ffffff;
}

.az-site .az-btn-ghost {
  background: transparent;
  border-color: color-mix(in srgb, var(--az-border) 65%, var(--az-primary));
  color: var(--az-primary);
}

.az-site .az-btn-ghost:hover {
  background: color-mix(in srgb, var(--az-primary) 8%, transparent);
}

.az-site .az-card {
  background: var(--az-surface);
  border: 1px solid var(--az-border);
  border-radius: var(--az-radius-module);
  box-shadow: var(--az-shadow-sm);
  transition: transform 200ms ease, box-shadow 200ms ease;
  padding: var(--az-space-6);
}

.az-site .az-services__card,
.az-site .az-platforms__card,
.az-site .az-process__card {
  box-shadow: var(--az-shadow-sm);
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.az-site .az-section-title {
  position: relative;
}

.az-site .az-section-title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: var(--az-signal);
  margin-top: 12px;
  border-radius: 2px;
}

body.az-site .az-hero.az-hero--signature,
body.az-site .az-process.az-process--authority,
body.az-site .az-cta.az-cta--split {
  background: linear-gradient(145deg, #0b132b 0%, #050a1a 100%);
  color: #f8fafc;
}

body.az-site .az-process .az-process__step-number,
body.az-site .az-process .az-process__alt-index,
body.az-site .az-process.az-process--authority .az-process__node {
  background: var(--az-primary);
  color: var(--az-primary-contrast);
}

body.az-site .az-process .az-process__step-number,
body.az-site .az-process.az-process--authority .az-process__node {
  box-shadow: var(--az-shadow-sm);
}

body.az-site .az-process.az-process--authority .az-process__line,
body.az-site .az-process.az-process--authority .az-process__timeline::before {
  background: linear-gradient(
    to bottom,
    var(--az-primary),
    color-mix(in srgb, var(--az-primary) 35%, transparent)
  );
}

body.az-site .az-hero.az-hero--signature::after,
body.az-site .az-process.az-process--authority::after,
body.az-site .az-cta.az-cta--split::after {
  opacity: 0.22;
}

body.az-site .az-hero .az-hero__subtitle,
body.az-site .az-hero.az-hero--signature .az-hero__badge,
body.az-site .az-hero.az-hero--signature .az-hero__signature-badge {
  color: var(--az-signal);
}

.az-site .az-input,
.az-site .az-textarea,
.az-site .az-select {
  width: 100%;
  border: 1px solid var(--az-border);
  border-radius: var(--az-radius-current);
  background: var(--az-surface-blend);
  color: var(--az-text);
  font: inherit;
  line-height: var(--az-line-base);
  padding: 0.625rem 0.75rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.az-site .az-textarea {
  min-height: 8rem;
  resize: vertical;
}

.az-site .az-select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--az-muted) 50%),
    linear-gradient(135deg, var(--az-muted) 50%, transparent 50%);
  background-position:
    calc(var(--az-space-4)) calc(50% - 2px),
    calc(var(--az-space-3)) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-inline-start: 2rem;
}

.az-site .az-input::placeholder,
.az-site .az-textarea::placeholder {
  color: color-mix(in srgb, var(--az-muted) 75%, transparent);
}

.az-site .az-input:hover,
.az-site .az-textarea:hover,
.az-site .az-select:hover {
  border-color: color-mix(in srgb, var(--az-border) 60%, var(--az-primary));
}

.az-site .az-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--az-primary) 40%, var(--az-border));
  border-radius: 999px;
  padding: 0.125rem 0.625rem;
  font-size: var(--az-font-size-sm);
  font-weight: 600;
  color: var(--az-primary);
  background: color-mix(in srgb, var(--az-primary) 10%, transparent);
}

.az-site .az-divider {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--az-divider-color);
  margin-block: clamp(var(--az-space-6), 4vw, var(--az-space-8));
}

.az-site:not([data-az-mode="dark"]) :is(.az-section, .az-articles, .az-banners, .az-contact, .az-cta, .az-partners, .az-process, .az-services, .az-trust, .az-why) .az-divider--subtle {
  border-top-color: color-mix(in srgb, var(--az-brand-silver) 38%, transparent);
}

@media (hover: hover) {
  .az-site .az-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--az-shadow-md);
  }

  .az-site .az-btn--primary:hover,
  .az-site [data-az-cta] .az-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--az-shadow-md);
  }

  .az-site .az-card:hover,
  .az-site .az-services__card:hover,
  .az-site .az-platforms__card:hover,
  .az-site .az-process__card:hover {
    transform: translateY(-2px);
    box-shadow: var(--az-shadow-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  .az-site .az-btn,
  .az-site .az-card,
  .az-site .az-services__card,
  .az-site .az-platforms__card,
  .az-site .az-process__card,
  .az-site .az-trust__tile,
  .az-site .az-trust__card,
  .az-site .az-trust__metric {
    transition-duration: 1ms !important;
    transition-delay: 0ms !important;
    transform: none !important;
  }
}