/* Shared full-width navigation on platform and blog pages. */
/* The blog has its own base stylesheet, so shared icons must be self-contained. */
svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.announcement a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.announcement .icon{width:13px;height:13px}
.site-header{z-index:100}#menu-shade{position:fixed;inset:0;z-index:70;background:#21152f40}#menu-shade[hidden]{display:none!important}
.site-header .mega{position:absolute;top:100%;left:0;width:100%;max-height:calc(100dvh - 165px);overflow-y:auto;overscroll-behavior:contain;background:var(--canvas,var(--bg,#fff));border:1px solid var(--line);border-radius:0 0 26px 26px;box-shadow:0 26px 45px -30px #20103155;z-index:90}
.mega[hidden]{display:none!important}.mega .mega-inner{width:min(1600px,calc(100% - 56px));display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;padding:28px 0 20px;align-items:start}.mega .menu-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.menu-column,.menu-link-group{min-width:0}.menu-column .menu-link-group+.menu-link-group{margin-top:24px}.mega .mega-heading,.mobile-menu-group .mega-heading{font-size:11px;font-weight:650;letter-spacing:.07em;line-height:1.5;text-transform:uppercase;margin:0 0 12px;padding-left:10px;color:var(--ink)}
.mega .mega-link,.mobile-menu-group .mega-link{display:flex;align-items:flex-start;gap:12px;min-height:78px;padding:11px 10px;margin:0;border-radius:14px;line-height:1.4;text-decoration:none;color:var(--ink);transition:background .15s,color .15s}.mega .mega-link .mega-icon,.mobile-menu-group .mega-link .mega-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #e5dfff;border-radius:14px;color:#6745df;background:#fff}.mega .icon,.mobile-menu-group .icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.mega .mega-icon>.icon,.mobile-menu-group .mega-icon>.icon{width:25px;height:25px}.mega-item-copy{display:block;min-width:0}.mega .mega-item-copy strong,.mobile-menu-group .mega-item-copy strong{display:block;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:-.015em;margin:0 0 4px}.mega .mega-item-copy small,.mobile-menu-group .mega-item-copy small{display:block;font-size:12px;line-height:1.55;font-weight:400;color:var(--muted)}.mega .mega-link:hover,.mega .mega-link:focus-visible,.mobile-menu-group .mega-link:hover,.mobile-menu-group .mega-link:focus-visible{background:#f0edff;color:#6545df}.mega .mega-link:hover .mega-icon,.mega .mega-link:focus-visible .mega-icon,.mobile-menu-group .mega-link:hover .mega-icon{background:#6745df;border-color:#6745df;color:white}
.mega[data-menu-group="products"] .mega-link{padding:8px 10px;min-height:68px}.mega[data-menu-group="products"] .mega-icon{width:39px;height:39px;border-radius:12px}.mega[data-menu-group="products"] .mega-icon>.icon{width:22px;height:22px}.mega[data-menu-group="products"] .mega-item-copy strong{font-size:13px}.mega[data-menu-group="products"] .mega-item-copy small{font-size:11px}.mega[data-menu-group="products"] .menu-column .menu-link-group+.menu-link-group{margin-top:17px}
.mega .mega-feature{display:flex;flex-direction:column;align-items:flex-start;align-self:start;position:sticky;top:0;min-height:330px;padding:28px;border:0;border-radius:20px;background:#191714;color:#fff;box-shadow:none;overflow:hidden}.mega .menu-feature-label{font-size:10px;font-weight:600;letter-spacing:.06em;line-height:1.6;color:#d7cbed}.mega .mega-feature h3{font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.035em;margin:22px 0 18px;color:#fff}.mega .mega-feature p{font-size:13px;line-height:1.8;color:#f0ebf5;margin:0 0 30px}.mega .menu-feature-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;margin-top:auto;min-height:50px;border-radius:15px;background:#e1d8f7;color:#211a2d;font-size:12px;font-weight:700;line-height:1.5;text-decoration:none;max-width:100%}.mega .menu-feature-cta:hover{background:#d1c0f5}.mega .mega-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin:0;padding-top:18px;font-size:12px;color:var(--muted)}.mega .mega-bottom>a{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:650}
.main-nav .nav-trigger{display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:transparent;border:0;color:var(--ink);font:inherit;font-size:12px;font-weight:600;padding:12px 0;white-space:nowrap}.main-nav .nav-trigger>.icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.main-nav .nav-trigger[aria-expanded="true"]{color:var(--purple)}.main-nav .nav-trigger[aria-expanded="true"]>.icon{transform:rotate(180deg)}
.mobile-menu-group .menu-link-group+.menu-link-group{margin-top:20px}.mobile-menu-group .mega-heading{font-size:10px;color:var(--muted);margin:16px 0 6px}.mobile-menu-group .mega-link{min-height:68px;padding:10px;gap:12px}.mobile-menu-group .mega-item-copy strong{font-size:13px}.mobile-menu-group .mega-item-copy small{font-size:11px}.mobile-menu-group .mega-icon{width:39px!important;height:39px!important;border-radius:12px!important}.mobile-menu-group .mega-icon>.icon{width:22px;height:22px}.mobile-menu-overview{display:flex;align-items:center;gap:10px;padding:14px 10px;font-size:12px;font-weight:700;color:var(--purple)}
html[data-theme="dark"] .site-header .mega{background:#18131e}html[data-theme="dark"] .mega .mega-icon,html[data-theme="dark"] .mobile-menu-group .mega-icon{background:#251d31;border-color:#514268;color:#c8b1ff}html[data-theme="dark"] .mega .mega-link:hover,html[data-theme="dark"] .mega .mega-link:focus-visible,html[data-theme="dark"] .mobile-menu-group .mega-link:hover{background:#302440;color:#dbcaff}html[data-theme="dark"] .mega .mega-link:hover .mega-icon,html[data-theme="dark"] .mega .mega-link:focus-visible .mega-icon{background:#7652d6;color:#fff}html[data-theme="dark"] .mega .mega-feature{background:#100e14;border:1px solid #3a3044}
@media(min-width:1121px){.site-header .mobile-nav{display:none!important}}
@media(max-width:1250px) and (min-width:1121px){.mega .mega-inner{width:calc(100% - 36px);grid-template-columns:minmax(0,1fr) 235px;gap:18px}.mega .menu-columns{gap:8px}.mega .mega-feature{padding:22px}.mega .mega-feature h3{font-size:25px}.mega .mega-link{gap:9px;padding-inline:7px}.mega .mega-item-copy strong{font-size:13px}.mega .mega-item-copy small{font-size:11px}.main-nav .nav-trigger{font-size:11px}}
@media(max-width:1120px){.site-header .main-nav{display:none}.site-header .mobile-toggle{display:inline-flex}.site-header .mega{display:none!important}.mobile-nav{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}.mobile-nav .mobile-nav-inner{display:block;padding-block:16px}.mobile-nav .mobile-menu-group{border-bottom:1px solid var(--line)}.mobile-nav .mobile-menu-group>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:15px;font-weight:650;cursor:pointer}.mobile-nav .mobile-menu-group>summary::-webkit-details-marker{display:none}.mobile-nav .mobile-menu-group>summary .icon{width:15px;height:15px}.mobile-nav .mobile-menu-group[open]>summary .icon{transform:rotate(180deg)}.mobile-nav .mobile-links{padding:0 0 14px}.mobile-nav .mobile-direct{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:650}.mobile-nav .mega-link{border:0}.mobile-nav .mega-icon{display:grid!important}}
@media(prefers-reduced-motion:reduce){.mega .mega-link{transition:none}}

/* Shared footer links on platform and blog pages. */
.footer-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.footer-follow-label{font-size:12px;line-height:1.5;font-weight:600;color:var(--muted)}
.footer-follow .footer-social-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:12px;font-weight:650;line-height:1.5;text-decoration:none}
.footer-follow .footer-social-link svg{width:18px;height:18px;flex:none;fill:currentColor;stroke:none;color:var(--purple)}
.footer-follow .footer-social-link:hover{border-color:var(--purple);color:var(--purple)}
.footer-follow .footer-social-link:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
html[data-theme="dark"] .footer-follow .footer-social-link:hover,html[data-theme="dark"] .footer-follow .footer-social-link svg{color:#c8b1ff}
