/*fern-site-stylesheet*/:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 640px;
  --sidebar-width: 288px;
  --page-width: 1408px;
  --logo-height: 32px;
  --font-body: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

:root {
  --typography-body-font-family: var(--font-body);
  --typography-heading-font-family: var(--font-heading);
  --typography-code-font-family: var(--font-code);
}


.light, :root {
  --accent-1: #fbfdff;
  --accent-2: #f4f9ff;
  --accent-3: #e7f3ff;
  --accent-4: #d6ecff;
  --accent-5: #c5e2ff;
  --accent-6: #afd4ff;
  --accent-7: #91c2ff;
  --accent-8: #67a9ff;
  --accent-9: #003781;
  --accent-10: #174a96;
  --accent-11: #2c70d5;
  --accent-12: #002e77;

  --accent-a1: #0080ff04;
  --accent-a2: #0074ff0b;
  --accent-a3: #0080ff18;
  --accent-a4: #0089ff29;
  --accent-a5: #0080ff3a;
  --accent-a6: #0076ff50;
  --accent-a7: #0072ff6e;
  --accent-a8: #006fff98;
  --accent-a9: #003781;
  --accent-a10: #00388ce8;
  --accent-a11: #0052ccd3;
  --accent-a12: #002e77;

  --accent-contrast: #fff;
  --accent-surface: #f1f8ffcc;
  --accent-indicator: #003781;
  --accent-track: #003781;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(99.3% 0.0046 258.6);
      --accent-2: oklch(98.2% 0.0134 258.6);
      --accent-3: oklch(96% 0.0279 258.6);
      --accent-4: oklch(93.7% 0.0521 258.6);
      --accent-5: oklch(90.6% 0.0752 258.6);
      --accent-6: oklch(86.4% 0.0964 258.6);
      --accent-7: oklch(80.9% 0.1243 258.6);
      --accent-8: oklch(73.5% 0.1702 258.6);
      --accent-9: oklch(35.6% 0.1357 258.6);
      --accent-10: oklch(42.2% 0.1357 258.6);
      --accent-11: oklch(55.8% 0.1702 258.6);
      --accent-12: oklch(32.4% 0.1357 258.6);

      --accent-a1: color(display-p3 0.0235 0.5137 1 / 0.016);
      --accent-a2: color(display-p3 0.0235 0.4157 0.9059 / 0.04);
      --accent-a3: color(display-p3 0.0118 0.4627 0.9569 / 0.087);
      --accent-a4: color(display-p3 0.0078 0.4667 0.949 / 0.146);
      --accent-a5: color(display-p3 0.0039 0.4235 0.9451 / 0.204);
      --accent-a6: color(display-p3 0.0039 0.4 0.949 / 0.287);
      --accent-a7: color(display-p3 0.0039 0.3804 0.9529 / 0.393);
      --accent-a8: color(display-p3 0 0.3608 0.949 / 0.538);
      --accent-a9: color(display-p3 0 0.1451 0.4431 / 0.922);
      --accent-a10: color(display-p3 0 0.1608 0.4941 / 0.851);
      --accent-a11: color(display-p3 0 0.251 0.7451 / 0.753);
      --accent-a12: color(display-p3 0 0.1255 0.4157 / 0.942);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9529 0.9725 1 / 0.8);
      --accent-indicator: oklch(35.6% 0.1357 258.6);
      --accent-track: oklch(35.6% 0.1357 258.6);
    }
  }
}


.light, :root {
  --grayscale-1: #fdfcfd;
  --grayscale-2: #faf9fb;
  --grayscale-3: #f2eff3;
  --grayscale-4: #eae7ec;
  --grayscale-5: #e3dfe6;
  --grayscale-6: #dbd8e0;
  --grayscale-7: #d0cdd7;
  --grayscale-8: #bcbac7;
  --grayscale-9: #8e8c99;
  --grayscale-10: #84828e;
  --grayscale-11: #65636d;
  --grayscale-12: #211f26;

  --grayscale-a1: #55005503;
  --grayscale-a2: #2b005506;
  --grayscale-a3: #30004010;
  --grayscale-a4: #20003618;
  --grayscale-a5: #20003820;
  --grayscale-a6: #14003527;
  --grayscale-a7: #10003332;
  --grayscale-a8: #08003145;
  --grayscale-a9: #05001d73;
  --grayscale-a10: #0500197d;
  --grayscale-a11: #0400119c;
  --grayscale-a12: #020008e0;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #8e8c99;
  --grayscale-track: #8e8c99;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.991 0.988 0.992);
      --grayscale-2: color(display-p3 0.98 0.976 0.984);
      --grayscale-3: color(display-p3 0.946 0.938 0.952);
      --grayscale-4: color(display-p3 0.915 0.906 0.925);
      --grayscale-5: color(display-p3 0.886 0.876 0.901);
      --grayscale-6: color(display-p3 0.856 0.846 0.875);
      --grayscale-7: color(display-p3 0.814 0.804 0.84);
      --grayscale-8: color(display-p3 0.735 0.728 0.777);
      --grayscale-9: color(display-p3 0.555 0.549 0.596);
      --grayscale-10: color(display-p3 0.514 0.508 0.552);
      --grayscale-11: color(display-p3 0.395 0.388 0.424);
      --grayscale-12: color(display-p3 0.128 0.122 0.147);

      --grayscale-a1: #55005503;
      --grayscale-a2: #2b005506;
      --grayscale-a3: #30004010;
      --grayscale-a4: #20003618;
      --grayscale-a5: #20003820;
      --grayscale-a6: #14003527;
      --grayscale-a7: #10003332;
      --grayscale-a8: #08003145;
      --grayscale-a9: #05001d73;
      --grayscale-a10: #0500197d;
      --grayscale-a11: #0400119c;
      --grayscale-a12: #020008e0;

      --grayscale-contrast: #000;
      --grayscale-surface: color(display-p3 1 1 1 / 80%);
      --grayscale-indicator: color(display-p3 0.555 0.549 0.596);
      --grayscale-track: color(display-p3 0.555 0.549 0.596);
    }
  }
}


.dark {
  --accent-1: #0d1319;
  --accent-2: #131a20;
  --accent-3: #172939;
  --accent-4: #17344d;
  --accent-5: #20405d;
  --accent-6: #2c4e6d;
  --accent-7: #3a6083;
  --accent-8: #4876a0;
  --accent-9: #5b9bd5;
  --accent-10: #4f8fc8;
  --accent-11: #88bdee;
  --accent-12: #cce4fb;

  --accent-a1: #b5670003;
  --accent-a2: #eef52009;
  --accent-a3: #75ddfc1d;
  --accent-a4: #46b9fd34;
  --accent-a5: #58baff46;
  --accent-a6: #6abefd59;
  --accent-a7: #75c1fd72;
  --accent-a8: #75bffe93;
  --accent-a9: #6ebbffcf;
  --accent-a10: #65b8fec1;
  --accent-a11: #92cbffec;
  --accent-a12: #cfe8fefb;

  --accent-contrast: #fff;
  --accent-surface: #1b222080;
  --accent-indicator: #5b9bd5;
  --accent-track: #5b9bd5;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(18.3% 0.0148 247.5);
      --accent-2: oklch(21.2% 0.0165 247.5);
      --accent-3: oklch(27.2% 0.0387 247.5);
      --accent-4: oklch(31.5% 0.057 247.5);
      --accent-5: oklch(36.2% 0.0625 247.5);
      --accent-6: oklch(41.4% 0.0656 247.5);
      --accent-7: oklch(47.6% 0.0715 247.5);
      --accent-8: oklch(55.1% 0.0836 247.5);
      --accent-9: oklch(67.1% 0.1089 247.5);
      --accent-10: oklch(63.2% 0.1089 247.5);
      --accent-11: oklch(77.9% 0.0898 247.5);
      --accent-12: oklch(90.8% 0.0411 247.5);

      --accent-a1: color(display-p3 0.9216 0.5098 0 / 0.009);
      --accent-a2: color(display-p3 0.9725 0.9961 0.1255 / 0.034);
      --accent-a3: color(display-p3 0.5725 0.8784 0.9961 / 0.112);
      --accent-a4: color(display-p3 0.4078 0.7294 1 / 0.197);
      --accent-a5: color(display-p3 0.4588 0.7294 1 / 0.268);
      --accent-a6: color(display-p3 0.5176 0.7647 1 / 0.335);
      --accent-a7: color(display-p3 0.5451 0.7686 0.9961 / 0.434);
      --accent-a8: color(display-p3 0.549 0.7647 0.9961 / 0.559);
      --accent-a9: color(display-p3 0.5098 0.7412 1 / 0.791);
      --accent-a10: color(display-p3 0.4863 0.7294 1 / 0.733);
      --accent-a11: color(display-p3 0.6314 0.8039 1 / 0.907);
      --accent-a12: color(display-p3 0.8431 0.9137 1 / 0.974);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.1098 0.1255 0.1176 / 0.5);
      --accent-indicator: oklch(67.1% 0.1089 247.5);
      --accent-track: oklch(67.1% 0.1089 247.5);
    }
  }
}


.dark {
  --grayscale-1: #121113;
  --grayscale-2: #1a191b;
  --grayscale-3: #232225;
  --grayscale-4: #2b292d;
  --grayscale-5: #323035;
  --grayscale-6: #3c393f;
  --grayscale-7: #49474e;
  --grayscale-8: #625f69;
  --grayscale-9: #6f6d78;
  --grayscale-10: #7c7a85;
  --grayscale-11: #b5b2bc;
  --grayscale-12: #eeeef0;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f5f4f609;
  --grayscale-a3: #ebeaf814;
  --grayscale-a4: #eee5f81d;
  --grayscale-a5: #efe6fe25;
  --grayscale-a6: #f1e6fd30;
  --grayscale-a7: #eee9ff40;
  --grayscale-a8: #eee7ff5d;
  --grayscale-a9: #eae6fd6e;
  --grayscale-a10: #ece9fd7c;
  --grayscale-a11: #f5f1ffb7;
  --grayscale-a12: #fdfdffef;

  --grayscale-contrast: #fff;
  --grayscale-surface: rgba(0, 0, 0, 0.05);
  --grayscale-indicator: #6f6d78;
  --grayscale-track: #6f6d78;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.07 0.067 0.074);
      --grayscale-2: color(display-p3 0.101 0.098 0.105);
      --grayscale-3: color(display-p3 0.138 0.134 0.144);
      --grayscale-4: color(display-p3 0.167 0.161 0.175);
      --grayscale-5: color(display-p3 0.196 0.189 0.206);
      --grayscale-6: color(display-p3 0.232 0.225 0.245);
      --grayscale-7: color(display-p3 0.286 0.277 0.302);
      --grayscale-8: color(display-p3 0.383 0.373 0.408);
      --grayscale-9: color(display-p3 0.434 0.428 0.467);
      --grayscale-10: color(display-p3 0.487 0.48 0.519);
      --grayscale-11: color(display-p3 0.707 0.7 0.735);
      --grayscale-12: color(display-p3 0.933 0.933 0.94);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f5f4f609;
      --grayscale-a3: #ebeaf814;
      --grayscale-a4: #eee5f81d;
      --grayscale-a5: #efe6fe25;
      --grayscale-a6: #f1e6fd30;
      --grayscale-a7: #eee9ff40;
      --grayscale-a8: #eee7ff5d;
      --grayscale-a9: #eae6fd6e;
      --grayscale-a10: #ece9fd7c;
      --grayscale-a11: #f5f1ffb7;
      --grayscale-a12: #fdfdffef;

      --grayscale-contrast: #fff;
      --grayscale-surface: color(display-p3 0 0 0 / 5%);
      --grayscale-indicator: color(display-p3 0.434 0.428 0.467);
      --grayscale-track: color(display-p3 0.434 0.428 0.467);
    }
  }
}

.light, :root {
  color-scheme: light;
  --accent: rgba(0, 55, 129, 1);
  --background: rgba(255, 255, 255, 1);
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #fff;
}

.dark {
  color-scheme: dark;
  --accent: rgba(91, 155, 213, 1);
  --background: rgba(11, 18, 32, 1);
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #0b1220;
}

.ipo-variant-icon path { fill: #003781; }
.dark .ipo-variant-icon path { fill: #5b9bd5; }

.fern-variant-selector .fern-selection-item:hover svg,
.fern-variant-selector .fern-selection-item:hover .fern-file-icon {
  scale: none;
}
.fern-variant-selector .fern-selection-item:focus-within svg,
.fern-variant-selector .fern-selection-item:focus-within .fern-file-icon {
  scale: none;
}

.fern-variant-selector-dropdown .fern-dropdown-item .fern-file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}

.fern-variant-selector-dropdown .fern-dropdown-item .fern-file-icon svg {
  width: 100%;
  height: 100%;
}

.aps-home { --aps-blue:#003781; --aps-sky:#5b9bd5; --aps-cyan:#13a0d3; --aps-ink:#0b1220; --aps-muted:#5b6475; --aps-border:rgba(0,55,129,.12); --aps-surface:#fff; width:100%; max-width:1472px; box-sizing:border-box; margin:0 auto; padding:0 32px 96px; color:var(--aps-ink); }
.dark .aps-home { --aps-ink:#e7ecf5; --aps-muted:#9aa6bb; --aps-border:rgba(91,155,213,.18); --aps-surface:#111a2c; }
.aps-home a { text-decoration:none; }

.aps-hero { position:relative; margin-top:24px; padding:72px 56px; border-radius:28px; overflow:hidden; background:linear-gradient(135deg,#f4f8ff 0%,#e8f1fc 55%,#f7fbff 100%); border:1px solid var(--aps-border); }
.dark .aps-hero { background:linear-gradient(135deg,#0e1a33 0%,#0b1220 60%,#0f2140 100%); }
.aps-hero-glow { position:absolute; inset:-40% -10% auto auto; width:640px; height:640px; background:radial-gradient(circle,rgba(19,160,211,.28),transparent 65%); pointer-events:none; }
.aps-hero-inner { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:48px; align-items:center; }
.aps-eyebrow { display:inline-block; padding:6px 12px; border-radius:999px; font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--aps-blue); background:rgba(0,55,129,.08); border:1px solid var(--aps-border); }
.dark .aps-eyebrow { color:var(--aps-sky); background:rgba(91,155,213,.12); }
.aps-title { margin:20px 0 16px; font-size:clamp(36px,4.6vw,54px); line-height:1.05; font-weight:800; letter-spacing:-.025em; color:var(--aps-ink); }
.aps-gradient-text { background:linear-gradient(90deg,var(--aps-blue),var(--aps-cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.dark .aps-gradient-text { background:linear-gradient(90deg,var(--aps-sky),#7fd3f2); -webkit-background-clip:text; background-clip:text; }
.aps-lede { font-size:18px; line-height:1.6; color:var(--aps-muted); max-width:540px; }
.aps-cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.aps-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:12px; font-weight:600; font-size:15px; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; }
.aps-btn:hover { transform:translateY(-1px); }
.aps-btn:focus-visible { transform:translateY(-1px); }
.aps-btn-primary { background:var(--aps-blue); color:#fff !important; box-shadow:0 8px 24px rgba(0,55,129,.25); }
.dark .aps-btn-primary { background:var(--aps-sky); color:#0b1220 !important; }
.aps-btn-ghost { color:var(--aps-ink) !important; background:var(--aps-surface); border:1px solid var(--aps-border); }
.aps-btn-light { background:#fff; color:var(--aps-blue) !important; }
.aps-btn-outline { color:#fff !important; border:1px solid rgba(255,255,255,.5); }

.aps-window { border-radius:16px; background:#0b1220; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 60px -20px rgba(0,30,80,.45); overflow:hidden; }
.aps-window-bar { display:flex; align-items:center; gap:6px; padding:12px 16px; background:#111a2c; border-bottom:1px solid rgba(255,255,255,.06); }
.aps-window-bar span { width:11px; height:11px; border-radius:50%; background:#2b3650; }
.aps-window-bar span:nth-child(1){background:#ff5f57} .aps-window-bar span:nth-child(2){background:#febc2e} .aps-window-bar span:nth-child(3){background:#28c840}
.aps-window-bar em { margin-left:10px; font-style:normal; font-size:12px; color:#7c879c; }
.aps-window pre { margin:0; padding:20px; background:transparent !important; border:0; font-size:13px; line-height:1.65; color:#d6deeb; overflow-x:auto; }
.aps-window pre code { background:transparent !important; border:0; padding:0; color:inherit; font-size:inherit; white-space:pre; }
.aps-window pre * { background:transparent !important; border:0 !important; box-shadow:none !important; }
.aps-window .k{color:#c792ea} .aps-window .s{color:#addb67} .aps-window .f{color:#82aaff} .aps-window .n{color:#f78c6c} .aps-window .p{color:#7fdbca} .aps-window .c{color:#637777;font-style:italic}


.aps-section { margin-top:80px; }
.aps-h2 { font-size:30px; font-weight:750; letter-spacing:-.02em; margin:0 0 8px; color:var(--aps-ink); }
.aps-sub { color:var(--aps-muted); margin:0 0 28px; font-size:16px; }
.aps-grid { display:grid; gap:20px; margin-top:24px; }
.aps-grid-2 { grid-template-columns:repeat(2,1fr); } .aps-grid-3 { grid-template-columns:repeat(3,1fr); } .aps-grid-4 { grid-template-columns:repeat(4,1fr); }
.aps-card { display:block; padding:24px; border-radius:18px; background:var(--aps-surface); border:1px solid var(--aps-border); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.aps-card:hover { transform:translateY(-3px); border-color:rgba(19,160,211,.5); box-shadow:0 18px 40px -18px rgba(0,55,129,.35); }
.aps-card:focus-visible { transform:translateY(-3px); border-color:rgba(19,160,211,.5); box-shadow:0 18px 40px -18px rgba(0,55,129,.35); }
.aps-card h3, .aps-step h3 { margin:14px 0 6px; font-size:18px; font-weight:700; color:var(--aps-ink); }
.aps-card p, .aps-step p { margin:0; font-size:14px; line-height:1.6; color:var(--aps-muted); }
.aps-card-feature { padding:32px; background:linear-gradient(180deg,var(--aps-surface),rgba(0,55,129,.03)); }
.aps-card-icon { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; color:#fff; background:linear-gradient(135deg,var(--aps-blue),var(--aps-cyan)); font-size:18px; }
.aps-card-icon svg { width:20px !important; height:20px !important; color:#fff; }
.aps-card-icon svg path { fill:#fff; }
.aps-link { display:inline-block; margin-top:16px; font-weight:600; font-size:14px; color:var(--aps-blue); }
.dark .aps-link { color:var(--aps-sky); }
.aps-steps { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:stretch; gap:12px; margin-top:28px; }
.aps-step-arrow { display:flex; align-items:center; justify-content:center; }
.aps-step-arrow svg { width:44px; height:14px; color:rgba(0,55,129,.32); }
.dark .aps-step-arrow svg { color:rgba(91,155,213,.38); }
.aps-step { padding:24px; border-radius:18px; border:1px dashed var(--aps-border); }
.aps-step-n { font-family:ui-monospace,monospace; font-size:13px; font-weight:700; color:var(--aps-cyan); }
.aps-step code { font-size:12px; }

.aps-banner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding:40px 48px; border-radius:24px; color:#fff; background:linear-gradient(120deg,#003781 0%,#0a4fa8 55%,#13a0d3 100%); }
.aps-banner h2 { margin:0 0 6px; font-size:28px; font-weight:750; color:#fff; }
.aps-banner p { margin:0; color:rgba(255,255,255,.85); }
.aps-banner .aps-cta-row { margin-top:0; }

@media (max-width: 960px) {

  .aps-hero { padding:48px 24px 32px; }
  .aps-hero-inner, .aps-grid-2, .aps-grid-3, .aps-steps { grid-template-columns:1fr; }
  .aps-step-arrow svg { transform:rotate(90deg); }
  .aps-grid-4 { grid-template-columns:repeat(2,1fr); }

}
.aps-banner-postman { background:linear-gradient(120deg,#e4501b 0%,#ff6c37 55%,#ff9466 100%); }
.aps-banner-postman .aps-btn-light { color:#d9480f !important; }
.aps-section.aps-section-tight { margin-top:40px; }

/* ============================================================
   Integrate — step-through guide
   ============================================================ */
.azs-int {
  --azs-blue: #003781;
  position: relative;
  min-height: 100vh;
  overflow: hidden;
}
.azs-int-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-mask-image: radial-gradient(120% 95% at 82% 55%, #000 16%, rgba(0,0,0,0.4) 52%, transparent 84%);
  mask-image: radial-gradient(120% 95% at 82% 55%, #000 16%, rgba(0,0,0,0.4) 52%, transparent 84%);
}
.azs-int-fade1 {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to right, var(--background,#fff) 0%, var(--background,#fff) 30%, transparent 78%);
}
.azs-int-fade2 {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, var(--background,#fff) 0%, transparent 20%, transparent 82%, var(--background,#fff) 100%);
}
.azs-int-content {
  position: relative;
  z-index: 2;
  padding: clamp(48px, 6vw, 88px) clamp(24px, 6vw, 80px) clamp(64px, 8vw, 120px);
}
.azs-int-body { max-width: 620px; }
.azs-int-h1 {
  margin: 0 0 10px;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--azs-blue);
}
.azs-int-lede {
  margin: 0 0 clamp(36px, 5vw, 60px);
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.55;
  opacity: 0.75;
}
.azs-int-steps { display: flex; flex-direction: column; gap: clamp(40px, 6vw, 72px); }
.azs-int-num {
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: var(--azs-blue);
}
.azs-int-rule {
  height: 1px;
  background: var(--border, rgba(0,0,0,0.12));
  margin: 12px 0 20px;
}
.azs-int-inner {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  justify-content: space-between;
}
.azs-int-text { flex: 1 1 auto; min-width: 0; }
.azs-int-text h3 {
  margin: 0;
  font-weight: 600;
  font-size: 21px;
  letter-spacing: -0.005em;
}
.azs-int-text p {
  margin: 12px 0 0;
  max-width: 28em;
  font-size: 15px;
  line-height: 1.55;
  opacity: 0.72;
}
.azs-int-icon { flex: 0 0 auto; color: var(--azs-blue); opacity: 0.85; }
.azs-int-cta {
  display: inline-block;
  width: fit-content;
  margin-top: 18px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  cursor: pointer;
  color: #fff !important;
  background: #003781;
  border: 1px solid #003781;
  border-radius: 8px;
  padding: 9px 16px;
  transition: filter 0.15s ease;
}
.azs-int-cta:hover { filter: brightness(1.08); }
.azs-int-cta:focus-visible { filter: brightness(1.08); }
.azs-int-cta-postman { background: #ff6c37; border-color: #ff6c37; font: inherit; font-size: 14px; font-weight: 600; }

/* Step 4 — "Select from API Sandbox" always shows; the "Edit Selection" modal
   button is hidden by default and revealed by integrate.js once the cart has
   APIs (the ID+descendant selector outranks .azs-int-cta's inline-block). */
.azs-int-btnrow { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 18px; }
.azs-int-btnrow .azs-int-cta { margin-top: 0; }
.azs-int-btnrow #azs-int-select-btn { display: none; }
/* secondary (outline) variant for "Select APIs" */
.azs-int-cta[data-azs-cta="button"] {
  background: transparent;
  color: #003781 !important;
  border-color: #003781;
}
.azs-int-cta[data-azs-cta="button"]:hover { background: rgba(0,55,129,0.08); filter: none; }
.azs-int-cta[data-azs-cta="button"]:focus-visible { background: rgba(0,55,129,0.08); filter: none; }
.dark .azs-int-cta[data-azs-cta="button"] { color: #5b9bd5 !important; border-color: #5b9bd5; }

.azs-int-selected { margin-top: 20px; }
.azs-int-empty {
  font-size: 14px;
  opacity: 0.7;
  padding: 14px 16px;
  border: 1px dashed var(--border, rgba(0,0,0,0.18));
  border-radius: 10px;
}
.azs-int-empty a { color: var(--azs-blue); }
.azs-int-seltable {
  width: 100%;
  max-width: 460px;
  border-collapse: collapse;
  border: 1px solid var(--border, rgba(0,0,0,0.1));
  border-radius: 10px;
  overflow: hidden;
}
.azs-int-seltable td {
  padding: 10px 14px;
  font-size: 14px;
  border-bottom: 1px solid var(--border, rgba(0,0,0,0.07));
}
.azs-int-seltable tr:last-child td { border-bottom: none; }
.azs-int-selc { text-align: right; opacity: 0.6; font-size: 12px; white-space: nowrap; }
.azs-int-seltotal {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--azs-blue);
}

/* ============================================================
   Integrate — modals (API selector + Postman provisioning)
   ============================================================ */
.azs-int-cta .azs-int-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px;
  background: rgba(255,255,255,0.25);
  color: #fff;
}
.azs-int-seltable thead th {
  text-align: left;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.55;
  border-bottom: 1px solid var(--border, rgba(0,0,0,0.1));
}
.azs-int-seltable td:first-child { width: 34px; opacity: 0.55; }

.azs-int-modal-overlay {
  --box: #ffffff; --line: rgba(0,0,0,0.12); --txt: #0c2434; --mut: #55636e;
  --accent: #003781; --bg2: #f1f5f8;
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.55);
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.dark .azs-int-modal-overlay {
  --box: #16181c; --line: rgba(255,255,255,0.14); --txt: #f2f5f7; --mut: #9fb3c0;
  --accent: #3a9be0; --bg2: #1f232a;
}
.azs-int-modal-overlay.active { display: flex; }
.azs-int-modal-box {
  background: var(--box);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 26px 30px 22px;
  max-width: 560px;
  width: 100%;
  max-height: 82vh;
  overflow-y: auto;
  color: var(--txt);
}
.azs-int-modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
.azs-int-modal-title { margin: 0; font-weight: 650; font-size: 20px; letter-spacing: -0.01em; }
.azs-int-modal-close { background: none; border: none; font-size: 24px; line-height: 1; color: var(--mut); cursor: pointer; padding: 0; }
.azs-int-modal-close:hover { color: var(--txt); }
.azs-int-modal-close:focus-visible { color: var(--txt); }
.azs-int-modal-sub { margin: 0 0 18px; font-size: 14px; color: var(--mut); line-height: 1.55; }
.azs-int-modal-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.azs-int-modal-input {
  width: 100%;
  padding: 10px 14px;
  background: var(--bg2);
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  color: var(--txt);
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.15s;
}
.azs-int-modal-input:focus { border-color: var(--accent); }
.azs-int-modal-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.azs-int-modal-cancel { background: none; border: none; font: inherit; font-size: 13px; font-weight: 600; color: #c0392b; cursor: pointer; padding: 0; }
.azs-int-modal-cancel:hover { opacity: 0.8; }
.azs-int-modal-cancel:focus-visible { opacity: 0.8; }
.azs-int-modal-confirm {
  background: var(--accent);
  color: #fff;
  border: none;
  font: inherit;
  font-weight: 600;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: filter 0.15s;
}
.azs-int-modal-confirm:hover { filter: brightness(1.08); }
.azs-int-modal-confirm:focus-visible { filter: brightness(1.08); }
.azs-int-modal-orange { background: #ff6c37; }

.azs-int-coll-grouphead { display: flex; align-items: center; justify-content: space-between; }
.azs-int-coll-group-label { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent); margin: 4px 0 6px; }
.azs-int-coll-selectall { background: none; border: none; font: inherit; font-size: 12px; font-weight: 600; color: var(--accent); cursor: pointer; padding: 0; }
.azs-int-coll-selectall:hover { opacity: 0.75; }
.azs-int-coll-selectall:focus-visible { opacity: 0.75; }
.azs-int-coll-count { font-size: 11px; color: var(--mut); margin-bottom: 8px; }
.azs-int-coll-list { border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.azs-int-coll-item { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-bottom: 1px solid var(--line); cursor: pointer; transition: background 0.12s; }
.azs-int-coll-item:last-child { border-bottom: none; }
.azs-int-coll-item:hover { background: var(--bg2); }
.azs-int-coll-item:focus-visible { background: var(--bg2); }
.azs-int-coll-item.checked { background: rgba(0,55,129,0.08); }
.azs-int-coll-item input[type="checkbox"] { width: 15px; height: 15px; flex-shrink: 0; accent-color: var(--accent); cursor: pointer; }
.azs-int-coll-name { font-size: 14px; font-weight: 500; }

.azs-int-selected-summary { margin-top: 16px; font-size: 13px; color: var(--mut); line-height: 1.5; }
.azs-int-selected-summary strong { color: var(--txt); }
.azs-int-selected-summary ul { margin: 6px 0 0 16px; padding: 0; }

.azs-int-modal-loading { display: flex; align-items: center; gap: 12px; padding: 24px 0; color: var(--mut); font-size: 14px; }
.azs-int-spinner { width: 18px; height: 18px; border: 2px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: azs-int-spin 0.7s linear infinite; flex-shrink: 0; }
@keyframes azs-int-spin { to { transform: rotate(360deg); } }
.azs-int-modal-note { font-size: 14px; padding: 16px 0; color: var(--mut); }
.azs-int-modal-err { color: #c0392b; }

.azs-int-progress-status { font-size: 14px; color: var(--mut); margin: 8px 0 10px; }
.azs-int-progress-track { width: 100%; height: 6px; background: var(--bg2); border-radius: 3px; overflow: hidden; }
.azs-int-progress-bar { height: 100%; background: var(--accent); border-radius: 3px; transition: width 0.4s ease-out; }
.azs-int-progress-pct { font-size: 12px; font-weight: 700; color: var(--accent); text-align: right; margin: 6px 0 0; }

#azs-int-postman-success { display: flex; flex-direction: column; align-items: center; }
.azs-int-success-icon { width: 48px; height: 48px; border-radius: 50%; background: rgba(0,55,129,0.12); color: var(--accent); display: grid; place-items: center; font-size: 22px; font-weight: 700; margin: 12px auto 14px; }
.azs-int-success-msg { text-align: center; font-size: 15px; font-weight: 600; margin: 0 0 20px; }
.azs-int-error-msg { font-size: 14px; color: #c0392b; background: rgba(192,57,43,0.08); border: 1px solid rgba(192,57,43,0.2); border-radius: 8px; padding: 12px 16px; margin: 8px 0 16px; line-height: 1.5; }

/* Integrate — API selector row: label wrap + API Reference link */
.azs-int-coll-item { justify-content: space-between; }
.azs-int-coll-labelwrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  cursor: pointer;
}
.azs-int-coll-link {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  color: var(--accent, #003781);
  opacity: 0.85;
  transition: opacity 0.15s;
}
.azs-int-coll-link:hover { opacity: 1; text-decoration: underline; }
.azs-int-coll-link:focus-visible { opacity: 1; text-decoration: underline; }
.azs-int-coll-link svg { flex-shrink: 0; }

/* =========================================================================
   API Sandbox (fern/components/ApiSandbox.tsx)
   ========================================================================= */
.azs-mkt {
  font-family: inherit;
  max-width: 920px;
  margin: 0 auto;
  padding: 48px 32px 80px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.azs-mkt-head { display: flex; flex-direction: column; gap: 10px; }
.azs-mkt-head h1 { margin: 0; font-size: 30px; font-weight: 700; letter-spacing: -0.01em; }
.azs-mkt-head p { margin: 0; max-width: 640px; font-size: 15px; line-height: 1.6; opacity: 0.7; }
.azs-mkt-headlink { color: #003781; font-weight: 500; text-decoration: none; }
.azs-mkt-headlink:hover { text-decoration: underline; }
.azs-mkt-headlink:focus-visible { text-decoration: underline; }
.dark .azs-mkt-headlink { color: #5b9bd5; }

/* Postman callout */
.azs-mkt-callout {
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; flex-wrap: wrap;
  border-radius: 12px; padding: 18px 22px;
  border: 1px solid var(--border, rgba(0,0,0,0.1));
  background: rgba(0,0,0,0.03);
  transition: all .18s ease;
}
.azs-mkt-callout.is-active { border-color: #ff6c37; background: rgba(255,108,55,0.07); }
.azs-mkt-callout-left { display: flex; align-items: center; gap: 14px; min-width: 0; }
.azs-mkt-callout-icon {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 9px; flex-shrink: 0;
  background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.55);
  transition: all .18s ease;
}
.azs-mkt-callout.is-active .azs-mkt-callout-icon { background: #ff6c37; color: #fff; }
.azs-mkt-callout-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.azs-mkt-callout-title { font-weight: 600; font-size: 15px; }
.azs-mkt-callout-sub { font-size: 13px; opacity: 0.65; }
.azs-mkt-callout-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: inherit; font-size: 14px; font-weight: 600;
  padding: 10px 18px; border: none; border-radius: 8px; white-space: nowrap; text-decoration: none;
  background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.45);
  cursor: not-allowed; transition: all .18s ease;
}
.azs-mkt-callout.is-active .azs-mkt-callout-btn {
  background: #ff6c37; color: #fff; cursor: pointer;
  box-shadow: 0 2px 8px rgba(255,108,55,0.28);
}
.azs-mkt-callout.is-active .azs-mkt-callout-btn:hover { background: #f45d24; }
.azs-mkt-callout.is-active .azs-mkt-callout-btn:focus-visible { background: #f45d24; }

/* Grid + cards */
.azs-mkt-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (max-width: 720px) {
 .azs-mkt-grid { grid-template-columns: 1fr; } 
}
.azs-mkt-card {
  cursor: pointer; user-select: none;
  display: flex; flex-direction: column; gap: 16px;
  background: var(--background, #fff);
  border: 1px solid var(--border, rgba(0,0,0,0.1));
  border-radius: 12px; padding: 22px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.azs-mkt-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.07); }
.azs-mkt-card:focus-visible { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.07); }
.azs-mkt-card.is-selected {
  border-color: #ff6c37;
  box-shadow: 0 0 0 1px #ff6c37, 0 6px 20px rgba(255,108,55,0.12);
}
.azs-mkt-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.azs-mkt-icon {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 9px;
  background: rgba(0,55,129,0.08); color: #003781;
}
.azs-mkt-check {
  display: flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 999px;
  border: 1.5px solid var(--border, rgba(0,0,0,0.2));
  background: transparent; color: #fff; flex-shrink: 0;
  transition: all .15s ease;
}
.azs-mkt-card.is-selected .azs-mkt-check { border-color: #ff6c37; background: #ff6c37; }
.azs-mkt-card-body { display: flex; flex-direction: column; gap: 6px; }
.azs-mkt-card-body h3 { margin: 0; font-size: 15px; font-weight: 600; }
.azs-mkt-card-body p { margin: 0; font-size: 13px; line-height: 1.55; opacity: 0.68; }
.azs-mkt-tags { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.azs-mkt-tags li {
  border: 1px solid var(--border, rgba(0,0,0,0.12));
  border-radius: 999px; padding: 2px 10px; font-size: 12px; line-height: 1.5; opacity: 0.75;
}
.azs-mkt-tag-count { border-style: dashed !important; }
.azs-mkt-ref {
  margin-top: auto; display: inline-flex; align-items: center; gap: 6px;
  color: #003781; font-size: 14px; font-weight: 500; text-decoration: none; width: fit-content;
}
.azs-mkt-ref:hover { text-decoration: underline; }
.azs-mkt-ref:focus-visible { text-decoration: underline; }
.azs-mkt-status { padding: 40px 8px; text-align: center; font-size: 14px; opacity: 0.7; display: flex; align-items: center; justify-content: center; gap: 10px; }
.azs-mkt-error { color: #c0392b; opacity: 1; flex-direction: column; }
.azs-mkt-spinner {
  width: 16px; height: 16px; border-radius: 999px;
  border: 2px solid rgba(0,55,129,0.25); border-top-color: #003781;
  animation: azs-mkt-spin 0.7s linear infinite; display: inline-block;
}
@keyframes azs-mkt-spin { to { transform: rotate(360deg); } }
.azs-mkt-method {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 5px; border: 1px solid; flex-shrink: 0;
}

/* dark mode */
.dark .azs-mkt-callout { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.12); }
.dark .azs-mkt-callout-icon { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.6); }
.dark .azs-mkt-callout-btn { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.4); }
.dark .azs-mkt-card { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.1); box-shadow: none; }
.dark .azs-mkt-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.4); }
.dark .azs-mkt-card:focus-visible { box-shadow: 0 6px 18px rgba(0,0,0,0.4); }
.dark .azs-mkt-icon { background: rgba(91,155,213,0.14); color: #5b9bd5; }
.dark .azs-mkt-ref { color: #5b9bd5; }
.dark .azs-mkt-card:hover { border-color: rgba(91,155,213,0.35); }
.dark .azs-mkt-card:focus-visible { border-color: rgba(91,155,213,0.35); }
.dark .azs-mkt-card.is-selected { border-color: #ff6c37; box-shadow: 0 0 0 1px #ff6c37, 0 6px 20px rgba(255,108,55,0.15); }
.dark .azs-mkt-tags li { border-color: rgba(255,255,255,0.14); }
.dark .azs-mkt-check { border-color: rgba(255,255,255,0.2); }

/* =========================================================================
   Site-wide API cart (fern/docs/cart.js) — header icon + slide-in drawer
   ========================================================================= */
.azs-cart-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0 4px;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.15s ease;
}
.azs-cart-btn:hover { background: rgba(0,55,129,0.10); color: #003781; }
.azs-cart-btn:focus-visible { background: rgba(0,55,129,0.10); color: #003781; }
.azs-cart-btn.azs-cart-floating { position: fixed; top: 14px; right: 18px; z-index: 60; }
.azs-cart-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background: #ff6c37;
  border-radius: 999px;
}
.azs-cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 90;
}
.azs-cart-overlay.open { opacity: 1; pointer-events: auto; }
.azs-cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: min(420px, 92vw);
  background: var(--background, #fff);
  border-left: 1px solid var(--border, rgba(0,0,0,0.1));
  box-shadow: -8px 0 30px rgba(0,0,0,0.14);
  transform: translateX(100%);
  transition: transform 0.24s ease;
  z-index: 100;
  display: flex;
  flex-direction: column;
}
.azs-cart-drawer.open { transform: translateX(0); }
.azs-cart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border, rgba(0,0,0,0.08));
}
.azs-cart-head h3 { margin: 0; font-size: 17px; font-weight: 650; }
.azs-cart-close {
  border: none; background: transparent; font-size: 26px; line-height: 1;
  cursor: pointer; color: inherit; opacity: 0.6;
}
.azs-cart-close:hover { opacity: 1; }
.azs-cart-close:focus-visible { opacity: 1; }
.azs-cart-list { flex: 1; overflow-y: auto; padding: 14px 20px; }
.azs-cart-empty { padding: 40px 8px; text-align: center; font-size: 14px; opacity: 0.7; line-height: 1.6; }
.azs-cart-empty a { color: #003781; }
.azs-cart-group { margin-bottom: 12px; }
.azs-cart-group-head {
  display: flex; align-items: center; gap: 8px; padding: 6px 0;
  border-radius: 6px;
}
.azs-cart-group.has-eps .azs-cart-group-head { cursor: pointer; }
.azs-cart-group.has-eps .azs-cart-group-head:hover { color: #003781; }
.azs-cart-group.has-eps .azs-cart-group-head:focus-visible { color: #003781; }
.azs-cart-chevron {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; flex-shrink: 0; opacity: 0.5;
}
.azs-cart-group:not(.has-eps) .azs-cart-chevron { visibility: hidden; }
.azs-cart-chevron svg { transition: transform 0.15s ease; }
.azs-cart-group.is-open .azs-cart-chevron svg { transform: rotate(90deg); }
.azs-cart-group-title { flex: 1; min-width: 0; font-size: 13px; font-weight: 700; display: flex; align-items: baseline; gap: 8px; }
.azs-cart-group-count { font-size: 11px; font-weight: 500; opacity: 0.55; }
.azs-cart-eps { display: none; padding-left: 24px; }
.azs-cart-group.is-open .azs-cart-eps { display: block; }
.azs-cart-item {
  display: flex; align-items: center; gap: 10px; padding: 8px 0;
  border-bottom: 1px solid var(--border, rgba(0,0,0,0.06));
}
.azs-cart-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.azs-cart-item-name { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.azs-cart-item-path { font-size: 11px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; opacity: 0.55; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.azs-cart-remove {
  flex-shrink: 0; border: none; background: transparent; font-size: 20px; line-height: 1;
  cursor: pointer; color: inherit; opacity: 0.45;
}
.azs-cart-remove:hover { opacity: 1; color: #c0392b; }
.azs-cart-remove:focus-visible { opacity: 1; color: #c0392b; }
.azs-cart-foot {
  display: flex; align-items: center; gap: 10px; padding: 16px 20px;
  border-top: 1px solid var(--border, rgba(0,0,0,0.08));
}
.azs-cart-browse {
  flex: 1; text-align: center; font-size: 13px; font-weight: 600; color: #003781;
  text-decoration: none; padding: 9px 12px; border: 1px solid rgba(0,55,129,0.3); border-radius: 8px;
}
.azs-cart-browse:hover { background: rgba(0,55,129,0.08); }
.azs-cart-browse:focus-visible { background: rgba(0,55,129,0.08); }
.azs-cart-postman {
  flex: 1; text-align: center; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
  color: #fff; background: #ff6c37; border: none; border-radius: 8px; padding: 10px 12px; text-decoration: none;
}
.azs-cart-postman:hover { background: #f45d24; }
.azs-cart-postman:focus-visible { background: #f45d24; }
.azs-cart-postman:disabled {
  background: rgba(0,0,0,0.10); color: rgba(0,0,0,0.4); cursor: not-allowed; box-shadow: none;
}
.dark .azs-cart-postman:disabled { background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.35); }
.dark .azs-cart-btn:hover { background: rgba(91,155,213,0.14); color: #5b9bd5; }
.dark .azs-cart-btn:focus-visible { background: rgba(91,155,213,0.14); color: #5b9bd5; }
.dark .azs-cart-empty a,
.dark .azs-cart-group.has-eps .azs-cart-group-head:hover { color: #5b9bd5; }
.dark .azs-cart-group.has-eps .azs-cart-group-head:focus-visible { color: #5b9bd5; }
.dark .azs-cart-browse:hover { background: rgba(91,155,213,0.10); }
.dark .azs-cart-browse:focus-visible { background: rgba(91,155,213,0.10); }