/* ===== Design tokens ===== */
.gridintel-nav,.gridintel-panel,.gridintel-panel *{--c-bg:#fff;--c-bg-2:#f5f7fa;--c-bg-3:#e9eef5;--c-tx:#111827;--c-tx-2:#6b7280;--c-info:#0077C8;--c-bd:#e5e7eb}
/* ===== Nav bar ===== */
ul.gridintel-nav{display:flex!important;align-items:center!important;height:54px!important;background:#202124!important;padding:0 20px!important;margin:0!important;list-style:none!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;border:none!important;border-radius:0!important;position:relative!important}
ul.gridintel-nav>li.gridintel-top-item{position:static;margin:0;padding:0}
ul.gridintel-nav>li.gridintel-width-auto{position:relative}
ul.gridintel-nav>li.gridintel-top-item>a.gridintel-top-link{display:inline-flex!important;align-items:center!important;height:54px!important;padding:0 16px!important;background:none!important;border:none!important;color:rgba(255,255,255,.82)!important;font-size:17px!important;font-weight:400!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;transition:color .15s!important;cursor:pointer!important;line-height:1!important}
ul.gridintel-nav>li>a.gridintel-top-link:hover,ul.gridintel-nav>li.gridintel-open>a.gridintel-top-link{color:#fff!important}
ul.gridintel-nav .gridintel-arrow{margin-left:6px!important;font-size:10px!important;opacity:.6!important;transform:none!important;display:inline-block!important;line-height:1!important}
ul.gridintel-nav .gridintel-label{letter-spacing:0}
ul.gridintel-nav>li.gi-cta{margin-left:auto}
ul.gridintel-nav>li.gi-cta>a.gridintel-top-link{background:#0077C8!important;color:#fff!important;border-radius:6px!important;padding:8px 18px!important;height:auto!important;font-size:17px!important;font-weight:500!important}
ul.gridintel-nav>li.gi-cta>a.gridintel-top-link:hover{background:#005fa1!important;color:#fff!important}
ul.gridintel-nav>li.gi-cta .gridintel-arrow{display:none!important}
/* ===== Panel container ===== */
.gridintel-panel{background:var(--c-bg)!important;border-top:.5px solid var(--c-bd)!important;border-radius:0!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important;color:var(--c-tx);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:left!important}
.gridintel-panel *{text-align:inherit}
.gridintel-skin-dark .gridintel-panel{background:var(--c-bg)!important;color:var(--c-tx)!important}
.gridintel-skin-dark .gridintel-panel a{color:var(--c-tx)}
.gridintel-panel-inner{padding:6px 26px 18px!important;font-size:16px}
.gridintel-panel a{color:inherit;text-decoration:none}
ul.gridintel-nav>li.gridintel-width-auto>.gridintel-panel-width-auto{position:absolute!important;top:100%!important;left:0!important;right:auto!important;width:auto!important;min-width:260px!important}
ul.gridintel-nav>li.gridintel-width-full>.gridintel-panel-width-full{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important}
.gi-co-list{padding:4px 0}
.gi-co-list a.gi-co-link{display:block;padding:11px 20px;font-size:16px;color:var(--c-tx)!important;text-decoration:none}
.gi-co-list a.gi-co-link:hover{background:var(--c-bg-2)}
.gi-co-list .gi-co-divider{height:.5px;background:var(--c-bd);margin:3px 0}
.gi-co-list a.gi-co-cta{color:var(--c-info)!important;font-weight:500}
/* ===== Products & Services — compact tiles + dense service grid ===== */
.gi-ps2{font-size:16px;color:var(--c-tx)}
.gi-ps2-section-title{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:14.5px;text-transform:uppercase;letter-spacing:.7px;color:#0d1f3c;font-weight:600}
.gi-ps2-section-title::after{content:"";flex:1;height:1px;background:#e5e7eb}
/* Hide the redundant first "Products" eyebrow — the panel is already opened from "Products & Services". The Services-eyebrow stays since it has explanatory subtext. */
.gi-ps2 > .gi-ps2-section-title:not(.gi-ps2-section-title-services){display:none!important}
.gi-ps2-section-title-services{margin-top:6px}
.gi-ps2-section-title-services::after{background:#0d1f3c;height:1px}
.gi-ps2-products{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.gi-ps2-prod{display:flex;flex-direction:column;gap:7px;padding:18px 24px;border-radius:10px;text-decoration:none;color:var(--c-tx);transition:transform .12s,box-shadow .15s,border-color .15s}
.gi-ps2-prod-pv{background:linear-gradient(135deg,#E3F2FD 0%,#f0f7ff 100%);border:1px solid #BBDEFB}
.gi-ps2-prod-vg{background:linear-gradient(135deg,#E0F2F1 0%,#E8F5E9 100%);border:1px solid #B2DFDB}
.gi-ps2-prod:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.09)}
.gi-ps2-prod-pv:hover{border-color:#0077C8}
.gi-ps2-prod-vg:hover{border-color:#00796B}
.gi-ps2-prod-name{font-size:23px;font-weight:600;display:flex;align-items:center;gap:9px}
.gi-ps2-prod-pv .gi-ps2-prod-name{color:#0077C8}
.gi-ps2-prod-vg .gi-ps2-prod-name{color:#00796B}
.gi-ps2-arr{font-size:17px;font-weight:400;opacity:.55;transition:transform .12s,opacity .12s}
.gi-ps2-prod:hover .gi-ps2-arr{transform:translateX(3px);opacity:.95}
.gi-ps2-prod-desc{font-size:16px;color:var(--c-tx-2);line-height:1.5}
.gi-ps2-prod-features{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(13,31,60,.08)}
.gi-ps2-prod-feature{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:500;color:#0d1f3c;line-height:1.3}
.gi-ps2-prod-feature::before{content:"";flex-shrink:0;width:7px;height:7px;border-radius:50%}
.gi-ps2-prod-pv .gi-ps2-prod-feature::before{background:#0077C8}
.gi-ps2-prod-vg .gi-ps2-prod-feature::before{background:#00796B}
/* Services columns under tiles — asymmetric so PV (16) gets more room than VG (5) */
.gi-ps2-services{display:grid;grid-template-columns:1.65fr 1fr;gap:26px;margin:0 0 14px}
.gi-ps2-svc-col-title{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;display:flex;align-items:center;gap:9px}
.gi-ps2-svc-col-title::before{content:"";width:10px;height:10px;border-radius:50%;flex-shrink:0}
.gi-ps2-svc-col-pv .gi-ps2-svc-col-title{color:#0077C8}
.gi-ps2-svc-col-vg .gi-ps2-svc-col-title{color:#00796B}
.gi-ps2-svc-col-pv .gi-ps2-svc-col-title::before{background:#0077C8}
.gi-ps2-svc-col-vg .gi-ps2-svc-col-title::before{background:#00796B}
/* dense service grid: PV uses 3 columns, VG uses 2 — collapses vertical height */
.gi-ps2-svc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}
.gi-ps2-svc-col-vg .gi-ps2-svc-list{grid-template-columns:1fr 1fr}
/* hanging-indent service link — bullet absolutely positioned, wrapped lines stay indented and left-aligned */
.gi-ps2-svc-link{position:relative;display:block;font-size:16px;color:var(--c-tx)!important;padding:7px 11px 7px 26px;text-decoration:none;line-height:1.35;border-radius:5px;border:1px solid transparent;text-align:left!important;transition:background .12s,color .12s,border-color .12s}
.gi-ps2-svc-link::before{content:"";position:absolute;left:11px;top:7px;width:6px;height:6px;margin-top:.6em;transform:translateY(-50%);border-radius:50%;background:currentColor;opacity:.35;transition:opacity .12s}
.gi-ps2-svc-col-pv .gi-ps2-svc-link:hover{color:#0077C8!important;background:#f0f7ff;border-color:#bbdefb}
.gi-ps2-svc-col-vg .gi-ps2-svc-link:hover{color:#00796B!important;background:#E8F5E9;border-color:#b2dfdb}
.gi-ps2-svc-link:hover::before{opacity:.85}
/* Footer */
.gi-ps2-footer{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:14px 0 0;border-top:1px solid var(--c-bd)}
.gi-ps2-shared{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--c-tx);padding:12px 18px;background:var(--c-bg-2);border-radius:8px;border:1px solid transparent;transition:background .15s,border-color .15s}
.gi-ps2-shared:hover{background:#eef4fb;border-color:#cfdcec}
.gi-ps2-shared-icon{flex-shrink:0;width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,#0077C8 0%,#00796B 100%);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;line-height:1}
.gi-ps2-shared-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.gi-ps2-shared-name{font-size:16.5px;font-weight:600;color:#0d1f3c}
.gi-ps2-shared:hover .gi-ps2-shared-name{color:#0077C8}
.gi-ps2-shared-tag{font-size:14.5px;color:var(--c-tx-2);line-height:1.4}
.gi-ps2-allsvc{font-size:15px;color:#0077C8!important;font-weight:500;text-decoration:none;padding:6px 4px;white-space:nowrap}
.gi-ps2-allsvc:hover{text-decoration:underline}
/* ===== Solutions ===== */
.gi-sol-wrap{display:flex}
.gi-sol-side{width:170px;flex-shrink:0;border-right:.5px solid #f0f0f0}
.gi-sol-tab{display:block;width:100%;text-align:left;padding:12px 15px 12px 13px;border:none;border-left:3px solid transparent;background:none;font-size:16px;cursor:pointer;color:#374151;text-decoration:none;box-sizing:border-box}
.gi-sol-tab.active,.gi-sol-tab[aria-selected="true"]{background:#f0f7ff;border-left-color:#0077C8;color:#1d4ed8;font-weight:500}
.gi-sol-content{flex:1;padding-left:26px}
.gi-sol-pane{display:none}
.gi-sol-pane.active{display:block}
.gi-sol-label{font-size:13px;text-transform:uppercase;color:#9ca3af;margin:0 0 12px;letter-spacing:.5px;font-weight:600}
.gi-sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.gi-sol-card{display:flex;align-items:flex-start;gap:12px;padding:12px 11px;border-radius:7px;text-decoration:none;color:inherit;text-align:left}
.gi-sol-card:hover{background:var(--c-bg-2)}
.gi-sol-icon{width:34px;height:34px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.gi-sol-cttl{font-size:16px;font-weight:500;color:var(--c-tx);display:block}
.gi-sol-csub{font-size:14px;color:var(--c-tx-2);display:block;margin-top:2px}
/* ===== Resources ===== */
.gi-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gi-res-card{display:block;background:var(--c-bg-2);border-radius:8px;padding:16px;text-decoration:none;color:inherit;transition:background .15s;text-align:left}
.gi-res-card:hover{background:var(--c-bg-3)}
.gi-res-icon{font-size:22px;margin:0 0 9px;display:block;line-height:1}
.gi-res-title{font-size:16px;font-weight:500;color:var(--c-tx);margin:0 0 4px;display:block}
.gi-res-sub{font-size:14px;color:var(--c-tx-2);line-height:1.4;display:block}
/* ===== Mobile (≤960px) ===== */
@media (max-width:960px){
.gridintel-mobile-toggle{display:grid!important;grid-template-columns:24px 1fr;grid-template-rows:repeat(3,3px);align-items:center;column-gap:12px;row-gap:4px;background:#202124!important;padding:13px 16px!important;width:100%;border:none;color:#fff;cursor:pointer;height:54px;box-sizing:border-box}
.gridintel-mobile-toggle span{display:block!important;width:24px!important;height:2px!important;background:#fff!important;border-radius:2px;grid-column:1}
.gridintel-mobile-toggle span:nth-child(1){grid-row:1}
.gridintel-mobile-toggle span:nth-child(2){grid-row:2}
.gridintel-mobile-toggle span:nth-child(3){grid-row:3}
.gridintel-mobile-toggle::after{content:"Menu";color:#fff;font-size:14px;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;grid-column:2;grid-row:1/4;align-self:center;justify-self:start}
ul.gridintel-nav{display:none!important;height:auto!important;padding:0!important}
ul.gridintel-nav.gridintel-mobile-nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;padding:0!important}
ul.gridintel-nav>li.gridintel-top-item{width:100%!important;border-bottom:.5px solid rgba(255,255,255,.08)}
ul.gridintel-nav>li.gridintel-top-item>a.gridintel-top-link{width:100%!important;height:auto!important;padding:15px 18px!important;justify-content:space-between!important;font-size:16px!important}
ul.gridintel-nav>li.gi-cta{margin-left:0!important;padding:12px 16px!important;border-bottom:none}
ul.gridintel-nav>li.gi-cta>a.gridintel-top-link{border-radius:6px!important;text-align:center!important;justify-content:center!important;padding:13px 14px!important;width:100%!important;font-size:16px!important}
ul.gridintel-nav>li.gridintel-width-full>.gridintel-panel-width-full,ul.gridintel-nav>li.gridintel-width-auto>.gridintel-panel-width-auto{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;box-shadow:none!important;border-top:none!important}
.gridintel-panel-inner{padding:6px 16px 14px!important}
.gi-ps2-products{grid-template-columns:1fr;gap:10px;margin-bottom:14px}
.gi-ps2-prod{padding:14px 16px}
.gi-ps2-prod-features{grid-template-columns:1fr;gap:6px}
.gi-ps2-services{grid-template-columns:1fr;gap:14px}
.gi-ps2-svc-list,.gi-ps2-svc-col-vg .gi-ps2-svc-list{grid-template-columns:1fr 1fr}
.gi-ps2-footer{grid-template-columns:1fr;gap:10px;padding-top:12px}
.gi-ps2-allsvc{padding:6px 0 0;text-align:right}
.gi-sol-wrap{flex-direction:column!important}
.gi-sol-side{width:100%!important;flex-direction:row!important;flex-shrink:0!important;border-right:none!important;border-bottom:.5px solid #f0f0f0;display:flex!important}
.gi-sol-tab{flex:1;text-align:center!important;padding:11px 8px!important;border-left:none!important;border-bottom:3px solid transparent!important}
.gi-sol-tab.active,.gi-sol-tab[aria-selected="true"]{background:transparent!important;border-left:none!important;border-bottom-color:#0077C8!important}
.gi-sol-content{padding-left:0!important;padding-top:12px!important}
.gi-sol-grid{grid-template-columns:1fr!important;gap:4px}
.gi-res-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}
.gi-res-card{padding:12px!important}
}
/* ===== Home2 (page-id-16272) — defeat Bootstrap container/row/col wrappers so full-bleed sections actually go full width ===== */
body.page-id-16272 #content > .container,body.page-id-16272 #content > .container > .row,body.page-id-16272 #content > .container > .row > .col-12{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;flex:0 0 100%!important}
body.page-id-16272 #content > .container{padding:0!important}
body.page-id-16272 #content > .container > .row{margin:0!important}
/* ===== Home2 product tile — extra space between image preview and bullet list ===== */
body.page-id-16272 .gi-h-product .gi-h-product-shot{margin-bottom:32px!important}
/* On the VG tile only: pull the image and the live event scroller back together (no gap between them), and put the 32px after the scroller instead */
body.page-id-16272 .gi-h-product-vg .gi-h-product-shot{margin-bottom:0!important}
body.page-id-16272 .gi-h-product-vg .gi-h-vg-events{margin-bottom:32px!important}
/* ===== Pixfort header — match the footer's #202124 dark gray ===== */
#masthead.pix-header,
#masthead.pix-header.bg-custom,
#masthead.pix-header.bg-white{background:#202124!important}
/* Header text/links readable on the dark backdrop, in both initial and scrolled states */
#masthead.pix-header .pix-main-menu .nav-link,
#masthead.pix-header .pix-main-menu .pix-dropdown-title{color:#fff!important}
/* GI menu UL keeps the same dark color (background blends with header) */
#masthead.pix-header ul.gridintel-nav{background:#202124!important;padding:0!important;height:auto!important}
/* ===== Mega panel: right-anchored to the last menu item, 1075px wide on desktop ===== */
@media (min-width:961px){
#masthead.pix-header ul.gridintel-nav>li.gridintel-width-full>.gridintel-panel-width-full{position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:min(1075px,90vw)!important;max-width:1075px!important;margin:0!important}
}
/* ===== Defeat Pixfort navbar's text-center inheritance — panels must always read left-aligned ===== */
#masthead.pix-header .gridintel-panel,
#masthead.pix-header .gridintel-panel *{text-align:left!important}
/* Restore explicit centering only where needed */
#masthead.pix-header .gridintel-panel .gi-ps2-allsvc{text-align:right!important}
/* ===== Mega menu hover-stay fix — bridge the gap between trigger and panel so the menu stays open when the cursor moves down into it. Why: plugin closes panel on mouseleave with no delay, and the panel sits position:absolute below the trigger with a translateY(6px) entrance animation creating a dead zone where the cursor loses both. The ::before is an invisible 14px strip immediately above the panel (a descendant of .gridintel-top-item) so the cursor stays "inside" the hover region while crossing. Killing the translateY also removes the geometric gap during animation. */
.gridintel-panel{transform:none!important}
.gridintel-top-item>.gridintel-panel::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;background:transparent;pointer-events:auto}
/*# sourceURL=gridintel-public-inline-css */