/* Atomburst shared nav components — additive to each page's inline CSS.
   Uses the design tokens defined in every page's :root. Do not add tokens here. */

/* ---- Solutions dropdown (desktop nav) ---- */
.nav-dd{position:relative}
.dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font-family:inherit;font-size:13px;color:var(--ink-soft);padding:0;transition:color .2s}
.dd-btn:hover{color:var(--orange)}
.dd-btn.current{color:var(--ink);font-weight:600}
.dd-car{font-size:9px;color:var(--ink-faint);transition:transform .15s}
.nav-dd.open .dd-car{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 14px);left:-16px;min-width:330px;background:var(--paper);border:1px solid var(--rule);border-radius:6px;box-shadow:0 18px 44px rgba(20,28,38,.14);padding:10px;display:none;z-index:120}
.dd-menu::before{content:"";position:absolute;top:-7px;left:28px;width:12px;height:12px;background:var(--paper);border-left:1px solid var(--rule);border-top:1px solid var(--rule);transform:rotate(45deg)}
.nav-dd.open .dd-menu,.nav-dd:hover .dd-menu,.nav-dd:focus-within .dd-menu{display:block}
.dd-h{display:block;font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding:8px 10px 4px}
.dd-menu a{display:block;padding:9px 10px;border-radius:4px;text-decoration:none;color:var(--ink)}
.dd-menu a:hover{background:var(--paper-2)}
.dd-menu a b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:.95rem;letter-spacing:-.01em;color:var(--ink)}
.dd-menu a:hover b{color:var(--orange)}
.dd-menu a small{display:block;font-size:.8rem;color:var(--ink-faint);line-height:1.4;margin-top:1px}
.dd-menu a[aria-current]{background:rgba(8,112,143,.07)}
@media(max-width:860px){.nav-dd{display:none}}

/* ---- Mobile menu group labels ---- */
.mm-h{display:block;font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding:14px 6px 2px}

/* ---- Self-serve CTA band (homepage / product pages) ---- */
.ctaband{border-top:1px solid var(--rule);background:linear-gradient(180deg,rgba(214,80,10,.05),transparent);position:relative;z-index:3}
.ctaband .wrap{max-width:1120px;margin:0 auto;padding:clamp(40px,7vh,72px) clamp(20px,5vw,60px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.ctaband h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:-.025em;margin:0 0 8px;max-width:24ch}
.ctaband p{color:var(--ink-soft);margin:0;max-width:54ch;line-height:1.6}
.ctaband .mono-note{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:12px;display:block}
.ctaband .acts{display:flex;gap:12px;flex-wrap:wrap}
.ctaband .b-pri{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:15px 24px;border-radius:2px;text-decoration:none;transition:background .2s,transform .2s}
.ctaband .b-pri:hover{background:var(--orange);transform:translateY(-2px)}
.ctaband .b-gho{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid var(--rule);padding:14px 22px;border-radius:2px;text-decoration:none;transition:border-color .2s,color .2s}
.ctaband .b-gho:hover{border-color:var(--orange);color:var(--orange-text)}