/* Site-wide indigo ambient glow, layered as a viewport-anchored
       background-image over the dark page colour so it sits behind all content
       with no z-index/click side effects. !important overrides each page's own
       `body { background: ... }` shorthand. */
    body {
        margin: 0 !important;
        background-color: #0a0a0f !important;
        background-image:
            radial-gradient(1200px 780px at 20% 4%, rgba(99,102,241,.22), rgba(99,102,241,.07) 42%, transparent 70%),
            radial-gradient(820px 600px at 92% 0%, rgba(129,140,248,.12), transparent 68%) !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
    }
    html { background-color: #0a0a0f; }
    h1, h2, h3 { font-family: 'Space Grotesk', 'IBM Plex Sans', system-ui, sans-serif; letter-spacing: -.01em; }

    /* Legacy per-page pieces replaced by this shared header. */
    .scroll-top-btn { display: none !important; }

    .dc-header {
        --acc: #6366f1; --acc-2: #a5b4fc; --acc-hi: #818cf8; --acc-ink: #fff;
        --menu-bg: #16162a;
        --t1: #fff; --t2: #C6CEDA; --t3: #8893A6; --t4: #5E6A7E;
        font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
        background: #0a0a12;
        position: sticky; top: 0; z-index: 100;
    }
    .dc-header *, .dc-overlay *, .dc-announce * { box-sizing: border-box; }
    /* Bottom accent line (mirrors the footer's sma-footer__accent). */
    .dc-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--acc) 35%, var(--acc) 65%, transparent 100%); opacity: .6; pointer-events: none; z-index: 1; }

    /* ---- ticker ---- */
    /* overflow stays visible on the bar itself so the clock's zone picker can drop
       below it; the scrolling marquee is clipped by .dc-mqv instead. */
    .dc-ticker { --up: #34d399; --down: #FF6470; --tick-bg: #07070d; position: relative; z-index: 3; height: 34px; background: var(--tick-bg); border-bottom: 1px solid rgba(255,255,255,.06); display: flex; align-items: center; }
    .dc-mqv { flex: 1; min-width: 0; height: 100%; overflow: hidden; display: flex; align-items: center; }
    /* ---- static clock (left of the marquee; never scrolls) ---- */
    .dc-clock { position: relative; flex: none; display: flex; align-items: center; height: 100%; padding: 0 12px 0 16px; border-right: 1px solid rgba(255,255,255,.1); background: var(--tick-bg); box-shadow: 8px 0 14px -6px rgba(0,0,0,.7); }
    .dc-clock .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--up); box-shadow: 0 0 6px var(--up); margin-right: 9px; animation: dc-blink 2s ease-in-out infinite; }
    .dc-clock .t { color: #fff; font: 600 12px/1 ui-monospace, monospace; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
    .dc-clock .z { color: var(--t4); font: 500 9.5px/1 ui-monospace, monospace; letter-spacing: .09em; margin-left: 6px; }
    .dc-clock .sep { color: var(--t4); margin: 0 8px; font: 500 10px/1 ui-monospace, monospace; }
    .dc-clock .t2 { color: #CDD4E0; font: 600 11px/1 ui-monospace, monospace; font-variant-numeric: tabular-nums; }
    .dc-clock .d { color: var(--t3); font: 500 11px/1 ui-monospace, monospace; margin-right: 7px; }
    .dc-clock [hidden] { display: none !important; }
    .dc-clock button { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: 6px; padding: 0; border: 0; border-radius: 4px; background: none; color: var(--t3); cursor: pointer; font-size: 9px; }
    .dc-clock button:hover, .dc-clock button[aria-expanded="true"] { color: var(--acc-2); background: rgba(99,102,241,.16); }
    .dc-clock ul { display: none; position: absolute; top: 100%; left: 8px; min-width: 190px; margin: 4px 0 0; padding: 6px; list-style: none; background: var(--menu-bg); border: 1px solid #2e2e4a; border-top: 2px solid var(--acc); border-radius: 10px; box-shadow: 0 18px 40px rgba(0,0,0,.55); z-index: 80; }
    .dc-clock ul.open { display: block; }
    .dc-clock li button { width: 100%; height: auto; margin: 0; padding: 7px 10px; justify-content: space-between; gap: 12px; color: #D6DCE6; font: 500 12.5px 'IBM Plex Sans', sans-serif; border-radius: 6px; }
    .dc-clock li button .o { color: var(--t4); font: 500 10px ui-monospace, monospace; }
    .dc-clock li button.on { color: var(--acc-2); }
    @keyframes dc-blink { 50% { opacity: .35; } }
    @media (max-width: 620px) { .dc-clock .sep, .dc-clock .d, .dc-clock .t2, .dc-clock .t2z { display: none; } .dc-clock { padding: 0 8px 0 12px; } }
    .dc-mq { display: flex; align-items: center; white-space: nowrap; animation: dc-mq 180s linear infinite; will-change: transform; }
    .dc-mq:hover { animation-play-state: paused; }
    .dc-tset { display: flex; align-items: center; flex: none; }
    .dc-tk { display: flex; align-items: center; gap: 6px; padding: 0 18px; height: 14px; border-right: 1px solid rgba(255,255,255,.07); }
    .dc-tk .k { color: var(--t3); font: 600 10px/1 ui-monospace, monospace; letter-spacing: .09em; }
    .dc-tk .v { color: #CDD4E0; font: 600 11px/1 ui-monospace, monospace; }
    .dc-tk .d { font: 600 10px/1 ui-monospace, monospace; }
    .dc-tk .up { color: var(--up); } .dc-tk .down { color: var(--down); }
    @keyframes dc-mq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    @media (prefers-reduced-motion: reduce) { .dc-clock .dot, .dc-mq { animation: none; } }

    /* ---- main bar ---- */
    .dc-bar { background: transparent; border-bottom: 1px solid rgba(255,255,255,.06); }
    /* Positioning context for the mega menus — see .dc-menu--mega below. */
    .dc-bar-inner { position: relative; max-width: 1400px; margin: 0 auto; height: 64px; display: flex; align-items: center; padding: 0 24px; }
    .dc-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; flex: none; }
    .dc-logo:hover { opacity: .85; }
    .dc-logo svg { width: 28px; height: 28px; flex: none; }
    .dc-logo .word { font: 600 18px 'Space Grotesk', sans-serif; color: #fff; letter-spacing: -.01em; white-space: nowrap; }
    .dc-logo .word b { color: var(--acc-2); font-weight: 600; }

    .dc-nav { flex: 1; display: flex; align-items: center; justify-content: center; gap: 26px; }
    .dc-item { position: relative; display: flex; align-items: center; height: 64px; }
    .dc-item > a, .dc-item > .dc-trigger { display: flex; align-items: center; gap: 6px; background: none; border: none; cursor: pointer; color: var(--t2); font: 500 14.5px 'IBM Plex Sans', sans-serif; padding: 0; text-decoration: none; }
    .dc-item:hover > a, .dc-item:hover > .dc-trigger, .dc-item.active > a, .dc-item.active > .dc-trigger { color: #fff; }
    .dc-item .car { width: 7px; height: 7px; border-right: 2px solid #8893A6; border-bottom: 2px solid #8893A6; transform: rotate(45deg); position: relative; top: -2px; transition: transform .15s, border-color .15s; }
    .dc-item:hover .car { border-color: var(--acc-2); transform: rotate(225deg); top: 2px; }
    .dc-item .uline { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--acc); border-radius: 2px; opacity: 0; }
    .dc-item:hover .uline { opacity: 1; }
    .dc-item::after { content: ""; position: absolute; top: 100%; left: -20px; right: -20px; height: 12px; }

    .dc-menu { display: none; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); min-width: 230px; max-height: 78vh; overflow-y: auto; background: var(--menu-bg); border: 1px solid #2e2e4a; border-top: 2px solid var(--acc); border-radius: 12px; padding: 8px; box-shadow: 0 22px 52px rgba(0,0,0,.55), 0 0 0 1px rgba(99,102,241,.1); z-index: 60; }
    .dc-item:hover .dc-menu, .dc-item:focus-within .dc-menu { display: block; animation: dc-ddin .16s ease-out; }
    .dc-menu .arr { position: absolute; top: -7px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 12px; height: 12px; background: var(--menu-bg); border-left: 1px solid var(--acc); border-top: 1px solid var(--acc); }
    .dc-menu a { display: block; padding: 10px 12px; border-radius: 8px; color: #D6DCE6; font: 500 13.5px 'IBM Plex Sans', sans-serif; text-decoration: none; white-space: nowrap; }
    .dc-menu a:hover, .dc-menu a.active { background: rgba(99,102,241,.16); color: #fff; }
    .dc-menu a .dsc { display: block; margin-top: 2px; color: var(--t3); font: 400 12px 'IBM Plex Sans', sans-serif; }
    /* grouped-dropdown sub-headings */
    .dc-menu .grp { display: flex; align-items: center; gap: 8px; padding: 13px 10px 5px; }
    .dc-menu .grp:first-child { padding-top: 5px; }
    .dc-menu .grp b { font: 700 10px/1 ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; color: #6E7E92; white-space: nowrap; }
    .dc-menu .grp i { flex: 1; height: 1px; background: linear-gradient(90deg, rgba(99,102,241,.35), transparent); }
    @keyframes dc-ddin { from { opacity: 0; transform: translate(-50%,-6px); } to { opacity: 1; transform: translate(-50%,0); } }

    /* ---- mega menu (the big grouped dropdowns) ----
       A wide panel centred on its own trigger would hang off the viewport, so a
       `.wide` item goes `position: static` and the panel centres on
       `.dc-bar-inner` instead, clamped to the viewport. The hover bridge is
       dropped with it (on a static item `::after` would stretch the full bar
       width); it isn't needed, because the panel starts at 60px and the trigger
       row is 64px tall, so they overlap. */
    .dc-item.wide { position: static; }
    .dc-item.wide::after { content: none; }
    .dc-menu--mega { min-width: 0; width: min(var(--mw, 960px), calc(100vw - 32px)); padding: 12px 18px 16px; }
    .dc-menu--mega .arr { display: none; }
    .dc-menu--mega .cols { column-count: var(--cols, 3); column-gap: 26px; }
    /* Keep a heading welded to its own links when the browser breaks columns. */
    .dc-menu--mega .cgrp { break-inside: avoid; -webkit-column-break-inside: avoid; padding: 2px 0 12px; }
    .dc-menu--mega .cgrp .grp { padding: 0 10px 6px; }
    .dc-menu--mega a { white-space: normal; line-height: 1.35; padding: 8px 10px; }

    .dc-actions { display: flex; align-items: center; gap: 12px; flex: none; }
    .dc-login { color: var(--t2); font: 500 14.5px 'IBM Plex Sans', sans-serif; text-decoration: none; padding: 9px 6px; }
    .dc-login:hover { color: #fff; }
    .dc-admin { color: var(--t2); font: 500 14.5px 'IBM Plex Sans', sans-serif; text-decoration: none; padding: 9px 6px; }
    .dc-admin:hover { color: #fff; }
    .dc-admin[hidden], .dc-ovfoot a[hidden] { display: none; }
    .dc-cta { display: inline-flex; align-items: center; background: var(--acc); color: var(--acc-ink); font: 600 14px 'IBM Plex Sans', sans-serif; text-decoration: none; padding: 10px 18px; border-radius: 9px; white-space: nowrap; }
    .dc-cta:hover { background: var(--acc-hi); }

    .dc-burger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; background: none; border: 1px solid #2e2e4a; border-radius: 10px; cursor: pointer; flex: none; }
    .dc-burger:hover { border-color: var(--acc); background: rgba(99,102,241,.12); }
    .dc-burger span { display: block; width: 18px; height: 2px; background: #D6DCE6; border-radius: 2px; margin: 0 auto; }

    /* ---- announcement (sign-up bar) ---- */
    .dc-announce { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px; position: relative; min-height: 38px; background: #818cf8; padding: 7px 24px; text-align: center; flex-wrap: wrap; font-family: 'IBM Plex Sans', sans-serif; }
    .dc-announce span { color: #0d0d24; font: 500 13px 'IBM Plex Sans', system-ui, sans-serif; }
    .dc-announce a { color: #0d0d24; font: 600 13px 'IBM Plex Sans', system-ui, sans-serif; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
    .dc-announce a:hover { color: #000; text-underline-offset: 3px; }
    /* agent setup pill: the label is not the command; clicking copies the command */
    .dc-pill { display: inline-flex; align-items: center; gap: 8px; background: rgba(13,13,36,.92); border: none; border-radius: 6px; padding: 4px 9px; cursor: pointer; line-height: 1; }
    .dc-pill code { color: #c7d2fe; font: 600 12px ui-monospace, monospace; white-space: nowrap; }
    .dc-pill .ci { width: 13px; height: 13px; flex: none; }
    .dc-pill .ok { display: none; color: #c7d2fe; font: 600 12px ui-monospace, monospace; }
    .dc-pill:hover { background: #0d0d24; }
    .dc-pill.copied .ci, .dc-pill.copied code { display: none; }
    .dc-pill.copied .ok { display: inline; }
    @media (max-width: 620px) { .dc-pill { display: none; } }

    /* ---- mobile overlay ---- */
    .dc-overlay { --acc: #6366f1; --acc-hi: #818cf8; --acc-2: #a5b4fc; --t2: #C6CEDA; display: none; position: fixed; inset: 0; z-index: 200; flex-direction: column; background: #0b0b14; font-family: 'IBM Plex Sans', sans-serif; }
    .dc-overlay.open { display: flex; }
    .dc-ovtop { display: flex; align-items: center; justify-content: space-between; height: 64px; padding: 0 22px; border-bottom: 1px solid rgba(255,255,255,.06); flex: none; }
    .dc-ovclose { background: none; border: none; color: var(--t2, #C6CEDA); font-size: 22px; cursor: pointer; line-height: 1; }
    .dc-ovclose:hover { color: #fff; }
    .dc-ovbody { flex: 1; overflow-y: auto; padding: 4px 22px; }
    .dc-mgrp { border-bottom: 1px solid rgba(255,255,255,.06); }
    .dc-macc { width: 100%; display: flex; align-items: center; justify-content: space-between; background: none; border: none; padding: 16px 2px; color: #EAEEF5; font: 500 16.5px 'IBM Plex Sans'; cursor: pointer; text-decoration: none; }
    .dc-macc:hover { color: var(--acc-2); }
    .dc-macc .s { color: #6E7A8E; font-size: 18px; }
    .dc-msub { display: none; padding: 0 2px 12px; }
    .dc-msub.open { display: block; }
    .dc-msub a { display: block; padding: 9px 12px; color: #9AA5B6; font: 400 14.5px 'IBM Plex Sans'; text-decoration: none; }
    .dc-msub a:hover, .dc-msub a.active { color: #fff; }
    .dc-msub .grp { display: block; padding: 13px 12px 3px; font: 700 10px ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; color: #6E7E92; }
    .dc-ovfoot { display: flex; flex-direction: column; gap: 10px; padding: 18px 22px; border-top: 1px solid rgba(255,255,255,.06); flex: none; }
    .dc-ovauth { flex-direction: row; border-top: none; border-bottom: 1px solid rgba(255,255,255,.06); padding: 14px 22px; }
    .dc-ovauth a { flex: 1; }
    .dc-ovfoot .p { text-align: center; background: var(--acc); color: #fff; font: 600 15px 'IBM Plex Sans'; text-decoration: none; padding: 14px; border-radius: 10px; }
    .dc-ovfoot .p:hover { background: var(--acc-hi); }
    .dc-ovfoot .s { text-align: center; background: none; border: 1px solid #2e2e4a; color: #D6DCE6; font: 500 15px 'IBM Plex Sans'; text-decoration: none; padding: 13px; border-radius: 10px; }
    .dc-ovfoot .s:hover { border-color: #45456a; color: #fff; }

    @media (max-width: 1080px) {
        .dc-nav, .dc-actions { display: none; }
        .dc-burger { display: flex; }
        .dc-bar-inner { justify-content: space-between; }
    }

    /* ---- mobile "jump to section" dropdown (auto-built from page headings) ---- */
    .dc-jump { display: none; position: sticky; top: 0; z-index: 90; background: rgba(11,11,20,.96); backdrop-filter: blur(8px); border-bottom: 1px solid rgba(255,255,255,.07); padding: 8px 16px; font-family: 'IBM Plex Sans', sans-serif; }
    .dc-jump label { display: flex; align-items: center; gap: 10px; }
    .dc-jump .jl { flex: none; font: 700 10px ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; color: #6E7E92; }
    .dc-jump select { flex: 1; min-width: 0; appearance: none; -webkit-appearance: none; background: #16162a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a5b4fc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; border: 1px solid #2e2e4a; border-radius: 9px; color: #EAEEF5; font: 500 14px 'IBM Plex Sans', sans-serif; padding: 10px 34px 10px 12px; text-overflow: ellipsis; }
    .dc-jump select:focus { outline: none; border-color: var(--acc, #6366f1); }
    @media (max-width: 1080px) { .dc-jump.ready { display: block; } }
    [data-dc-jump-target] { scroll-margin-top: 64px; }

    /* Scroll-to-top button (shared across all pages) */
    #scrollTopBtn { position: fixed; bottom: 22px; right: 22px; z-index: 150; width: 42px; height: 42px; border-radius: 50%; background: #16162a; color: #fff; border: 1px solid #2e2e4a; cursor: pointer; font-size: 1.2rem; line-height: 1; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0,0,0,.35); opacity: 0; transition: opacity .2s, background .15s; }
    #scrollTopBtn:hover { background: #22223d; }
    #scrollTopBtn.show { display: flex; opacity: 1; }


  .sma-footer, .sma-footer * { box-sizing: border-box; }
  @keyframes sma-pulseDot { 0%,100% { opacity:1; transform:scale(1);} 50% { opacity:.45; transform:scale(.8);} }
  .sma-footer { position:relative; background:linear-gradient(180deg,#0e0e1a 0%,#09090f 100%); border-top:1px solid rgba(255,255,255,.07); font-family:'IBM Plex Sans',sans-serif; margin-top:40px; }
  .sma-footer__accent { position:absolute; top:-1px; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent 0%,#6366f1 35%,#6366f1 65%,transparent 100%); opacity:.6; }
  .sma-footer__inner { max-width:1400px; margin:0 auto; padding:64px 24px 0; }
  .sma-footer__main { display:flex; gap:56px; flex-wrap:wrap; align-items:flex-start; padding-bottom:48px; }

  .sma-footer__brand { flex:1 1 320px; min-width:280px; max-width:380px; }
  .sma-footer__logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font:600 18px 'Space Grotesk',sans-serif; color:#fff; letter-spacing:-.01em; }
  .sma-footer__logo svg { width:30px; height:30px; display:block; }
  .sma-footer__logo b { color:#a5b4fc; font-weight:600; }
  .sma-footer__desc { margin:20px 0 0; color:#7b8395; font-size:14px; line-height:1.65; max-width:330px; }

  .sma-footer__status { display:inline-flex; align-items:center; gap:9px; margin-top:22px; padding:8px 13px; background:rgba(99,102,241,.08); border:1px solid rgba(99,102,241,.25); border-radius:999px; text-decoration:none; transition:all .15s; }
  .sma-footer__status:hover { background:rgba(99,102,241,.15); border-color:rgba(99,102,241,.4); }
  .sma-footer__status-dot { width:8px; height:8px; border-radius:50%; background:#818cf8; animation:sma-pulseDot 1.8s ease-in-out infinite; }
  .sma-footer__status-label { font-family:ui-monospace,monospace; font-size:11.5px; letter-spacing:.02em; color:#c7d2fe; }

  .sma-footer__cols { flex:2 1 560px; display:grid; grid-template-columns:repeat(4,1fr); gap:32px; }
  .sma-footer__coltitle { font-family:ui-monospace,monospace; font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#5b6472; margin-bottom:18px; }
  .sma-footer__links { display:flex; flex-direction:column; gap:13px; }
  .sma-footer__links a { display:inline-flex; align-items:center; gap:8px; color:#9aa3b2; text-decoration:none; font-size:14px; transition:color .15s; }
  .sma-footer__links a:hover { color:#fff; }

  .sma-footer__bottom { display:flex; gap:20px; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:22px 0 30px; border-top:1px solid rgba(255,255,255,.06); }
  .sma-footer__legal { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
  .sma-footer__copy { color:#5f6878; font-size:13px; }
  .sma-footer__sep { width:3px; height:3px; border-radius:50%; background:#39414f; }
  .sma-footer__legal a { color:#7b8395; text-decoration:none; font-size:13px; transition:color .15s; }
  .sma-footer__legal a:hover { color:#cdd3dd; }
  .sma-footer__meta { display:flex; align-items:center; gap:14px; }
  .sma-footer__ver { font-family:ui-monospace,monospace; font-size:11.5px; color:#5f6878; }
  .sma-footer__built { color:#4a5260; font-size:13px; }
  .sma-footer__built a { color:#8a93a3; text-decoration:none; }
  .sma-footer__built a:hover { color:#cdd3dd; }

  @media (max-width:760px) {
    .sma-footer__inner { padding:48px 24px 0; }
    .sma-footer__cols { grid-template-columns:repeat(2,1fr); gap:28px 24px; }
  }

.seo-coverage-note {max-width:1200px;margin:24px auto;padding:18px 24px;border:1px solid #2a2a3a;border-radius:10px;color:#c6ceda;line-height:1.6}.seo-coverage-note a,.seo-pagination a{color:#a5b4fc}.seo-pagination{display:flex;gap:24px;align-items:center;padding:24px 0}.seo-price-table{width:100%;border-collapse:collapse}.seo-price-table th,.seo-price-table td{text-align:left;padding:10px;border-bottom:1px solid #2a2a3a}