/* The site menu's dropdowns (Services, Platform, Guides). Shared by every page that does not
   carry these rules inline, so the menu is the same on every page (Josh, 6 October 2026). */
.nav-links .mi{position:relative}
.nav-links .mt{font:500 14px/1.6 'Inter',system-ui,sans-serif;color:var(--slate);background:none;border:0;padding:6px 0;display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}
.nav-links .mt:hover,.nav-links .mi.open .mt{color:var(--blue)}
.nav-links .mt svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;opacity:.6;transition:transform .2s}
.nav-links .mi.open .mt svg{transform:rotate(180deg)}
.nav-links .mt:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.dd{position:absolute;top:calc(100% + 16px);left:-18px;width:360px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(11,31,58,.06),0 24px 60px -20px rgba(11,31,58,.3);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:60;white-space:normal}
.dd::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.dd.wide{width:660px}
.mi.open .dd{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.dd-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}
.dd-k{display:block;font:600 10.5px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#6B7A90;padding:8px 10px 4px}
.nav-links .di{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:10px;border-radius:10px;color:var(--ink)}
.nav-links .di:hover{background:#F5F8FC;color:var(--ink)}
.di b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.di em{display:block;font-style:normal;font-weight:400;font-size:12.5px;color:#6B7A90;line-height:1.45;margin-top:2px}
.nav-links .di.all b{color:var(--blue)}
.dic{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;background:#fff}
.dic svg{width:16px;height:16px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.di:hover .dic{border-color:var(--ink)}
.nav-links .dd-feature{display:flex;flex-direction:column;gap:6px;background:var(--ink);color:#fff;border-radius:10px;padding:16px;position:relative;overflow:hidden}
.nav-links .dd-feature:hover{color:#fff}
.dd-feature::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,43,.35),transparent 70%)}
.dd-feature .dd-k{padding:0;color:#FFB08F}
.dd-feature b{font-family:'Archivo',system-ui,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em}
.dd-feature em{font-style:normal;font-weight:400;font-size:13px;color:#B9C6DA;line-height:1.5}
.dd-go{margin-top:auto;font-size:13px;font-weight:600;color:#FFB08F}
@media(max-width:1340px){.nav-links .mt{font-size:13.5px}}