/* Site chrome: Platform and Solutions mega-menus, and the shared footer. */
.nav-drop-platform{position:static}
.nav-drop-platform .nav-drop-menu{left:50%;top:calc(100% - 24px);transform:translateX(-50%);width:min(1180px,calc(100vw - 48px));padding-top:24px;min-width:0;z-index:60}
.nav-drop-platform .nav-drop-menu>div{padding:22px 10px 20px;border-radius:14px}
.nav-plat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.nav-plat-col{padding:0 14px;display:flex;flex-direction:column;gap:2px}
.nav-plat-col+.nav-plat-col{border-left:1px solid rgba(245,247,250,.08)}
.nav-drop-menu .nav-plat a{white-space:normal}
.nav-drop-menu .nav-plat a.nav-plat-h{display:block;padding:8px 10px 12px;margin-bottom:6px;border-radius:10px;color:#F5F7FA}
.nav-plat-h strong{display:block;font-size:.98rem;font-weight:650;line-height:1.25}
.nav-plat-h small{display:block;margin-top:5px;font-size:.8rem;line-height:1.4;color:#9AA7B4;font-weight:400}
.nav-drop-menu .nav-plat a.nav-plat-h:hover{background:rgba(124,255,65,.06)}
.nav-drop-menu .nav-plat a.nav-plat-h:hover strong{color:#7CFF41}
.nav-drop-menu .nav-plat a:not(.nav-plat-h){padding:7px 10px;font-size:.88rem;line-height:1.35}
@media(max-width:1280px){
  .nav-drop-platform .nav-drop-menu{left:auto;top:auto;transform:none;width:auto;padding-top:0}
  .nav-drop-platform .nav-drop-menu>div{padding:0}
  .nav-plat{display:block}
  .nav-plat-col{padding:0;gap:0}
  .nav-plat-col+.nav-plat-col{border-left:none;margin-top:4px}
  .nav-drop-menu .nav-plat a.nav-plat-h{padding:9px 2px 4px 18px;margin-bottom:0}
  .nav-plat-h strong{font-size:.92rem}
  .nav-plat-h small{display:none}
  .nav-drop-menu .nav-plat a:not(.nav-plat-h){padding:7px 2px 7px 32px;font-size:.86rem}
}

/* Solutions mega-menu: same full-width panel as Platform; roles, use cases and a featured card. */
.nav-drop-solutions{position:static}
.nav-drop-solutions .nav-drop-menu{left:50%;top:calc(100% - 24px);transform:translateX(-50%);width:min(1180px,calc(100vw - 48px));padding-top:24px;min-width:0;z-index:60}
.nav-drop-solutions .nav-drop-menu>div{padding:22px 10px 20px;border-radius:14px}
.nav-sol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.05fr)}
.nav-sol-col{padding:0 14px;display:flex;flex-direction:column;gap:2px}
.nav-sol-col+.nav-sol-col{border-left:1px solid rgba(245,247,250,.08)}
.nav-sol .nav-col-h{color:#9AA7B4;padding:4px 10px 10px}
.nav-drop-menu .nav-sol a{white-space:normal;padding:9px 10px;border-radius:10px}
.nav-sol a strong{display:block;font-size:.95rem;font-weight:650;color:#F5F7FA;line-height:1.3}
.nav-sol a small{display:block;margin-top:3px;font-size:.8rem;line-height:1.4;color:#9AA7B4;font-weight:400}
.nav-drop-menu .nav-sol a:hover{background:rgba(124,255,65,.06)}
.nav-drop-menu .nav-sol a:hover strong{color:#7CFF41}
.nav-drop-menu .nav-sol a.nav-feat{display:flex;flex-direction:column;gap:6px;margin-top:2px;padding:20px 20px 18px;background:linear-gradient(180deg,rgba(124,255,65,.07),rgba(124,255,65,.02));border:1px solid rgba(124,255,65,.22)}
.nav-drop-menu .nav-sol a.nav-feat:hover{border-color:rgba(124,255,65,.5);background:linear-gradient(180deg,rgba(124,255,65,.1),rgba(124,255,65,.03))}
.nav-feat-tag{align-self:flex-start;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7CFF41;border:1px solid rgba(124,255,65,.4);border-radius:999px;padding:2px 9px}
.nav-sol a.nav-feat strong{font-size:1.05rem;margin-top:4px}
.nav-sol a.nav-feat small{font-size:.84rem;margin-top:0}
.nav-feat-go{margin-top:6px;font-size:.86rem;font-weight:600;color:#F5F7FA}
@media(max-width:1280px){
  .nav-drop-solutions .nav-drop-menu{left:auto;top:auto;transform:none;width:auto;padding-top:0}
  .nav-drop-solutions .nav-drop-menu>div{padding:0}
  .nav-sol{display:block}
  .nav-sol-col{padding:0;gap:0}
  .nav-sol-col+.nav-sol-col{border-left:none;margin-top:4px}
  .nav-sol-feat{display:none}
  .nav-sol .nav-col-h{color:#7CFF41;padding:9px 2px 4px 18px}
  .nav-drop-menu .nav-sol a{padding:7px 2px 7px 18px}
  .nav-drop-menu .nav-sol a:hover{background:none}
  .nav-sol a strong{font-size:.9rem;font-weight:500;color:inherit}
  .nav-sol a small{display:none}
}

/* Resources and Company: two labeled columns centered under their own button, same item style as Solutions. */
.nav-drop-resources .nav-drop-menu,.nav-drop-company .nav-drop-menu{width:620px;min-width:0}
.nav-drop-resources .nav-drop-menu,.nav-drop-company .nav-drop-menu{left:50%;right:auto;transform:translateX(-50%)}
.nav-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
.nav-drop-resources .nav-drop-menu>div,.nav-drop-company .nav-drop-menu>div{padding:18px 6px 14px;border-radius:14px}
@media(max-width:1280px){
  .nav-drop-resources .nav-drop-menu,.nav-drop-company .nav-drop-menu{width:auto;left:auto;transform:none}
  .nav-drop-resources .nav-drop-menu>div,.nav-drop-company .nav-drop-menu>div{padding:0}
}

/* One footer on every page. */
footer{border-top:1px solid rgba(245,247,250,.08);padding:56px 0 32px;background:#161C23;font-size:.92rem}
footer>.wrap{width:min(90%,1350px);margin-left:auto;margin-right:auto}
footer .foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px;margin-bottom:40px}
footer .foot-brand p{color:#9AA7B4;max-width:280px;margin-top:14px;font-size:.9rem;line-height:1.55}
footer .foot-grid h3{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#9AA7B4;margin:0 0 16px;font-weight:700}
footer .foot-grid ul{list-style:none;margin:0;padding:0}
footer .foot-grid li{margin:0 0 10px}
footer .foot-grid a{color:#b9c4cf;margin:0}
footer .foot-grid a:hover{color:#7CFF41}
footer .foot-bottom{border-top:1px solid rgba(245,247,250,.08);padding-top:24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#9AA7B4;font-size:.85rem}
footer .foot-bottom a{color:#b9c4cf;margin:0}
footer .foot-bottom a:hover{color:#7CFF41}
@media(max-width:1000px){footer .foot-grid{grid-template-columns:repeat(2,1fr)}footer .foot-brand{grid-column:1/-1}}
@media(max-width:600px){footer .foot-bottom{flex-direction:column;align-items:flex-start}}

/* Top bar: menu centered between the logo and the buttons, spacing that grows a little with the screen. */
@media(min-width:1281px){
  .nav,.hnav{grid-template-columns:auto minmax(0,1fr) auto;gap:32px}
  .nav>.nav-links,.hnav>.hnav-links{gap:clamp(32px,2.4vw,42px);font-size:.95rem}
}