#q-prod,#q-learn{position:relative}
#q-prod:after,#q-learn:after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:40px;z-index:172}
header.top,.nav,.cluster{overflow:visible}
.q-mega,.q-learn-mega{pointer-events:auto;z-index:170}
#q-cluster:has(#q-prod:hover) ~ #q-mega,
body:has(#q-prod:hover) #q-mega,
#q-mega:hover,
body:has(#q-mega:hover) #q-mega,
.q-mega.on{display:flex}
#q-cluster:has(#q-learn:hover) ~ #q-learn-mega,
body:has(#q-learn:hover) #q-learn-mega,
#q-learn-mega:hover,
.q-learn-mega.on,
body:has(#q-learn-mega:hover) #q-learn-mega{display:flex}
body:has(#q-prod:hover, #q-mega:hover, #q-learn:hover, #q-learn-mega:hover) #q-dim{display:block}
#q-cluster:has(#q-prod:hover) #q-prod,
body:has(#q-mega:hover) #q-prod,
#q-cluster:has(#q-learn:hover) #q-learn,
body:has(#q-learn-mega:hover) #q-learn{background:rgba(31,44,71,.06);color:#1d1f23}
#q-cluster:has(#q-prod:hover) #q-prod svg,
body:has(#q-mega:hover) #q-prod svg,
#q-cluster:has(#q-learn:hover) #q-learn svg,
body:has(#q-learn-mega:hover) #q-learn svg{transform:rotate(180deg)}
.q-learn-mega{display:none;position:fixed;top:83px;left:16px;width:1174px;max-width:calc(100vw - 32px);min-height:300px;box-sizing:border-box;background:#fff;border-radius:16px;outline:1px solid rgba(49,72,114,.03);box-shadow:0 16px 24px -2px rgba(0,40,71,.06),0 0 16px rgba(0,40,71,.04);padding:20px;z-index:170;flex-direction:row;gap:32px;overflow:visible}
.q-learn-mega.on{display:flex}
.q-learn-mega:before,.q-mega:before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px}
.q-learn-cards{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.q-learn-card{position:relative;isolation:isolate;overflow:hidden;background:#f4f5f7;border-radius:12px;min-height:260px;display:flex;align-items:flex-end;padding:20px 16px}
.q-learn-card:hover{background:#dff9ea}
.q-learn-card img{position:absolute;top:-9px;right:-14px;width:166px;height:184px;object-fit:contain;pointer-events:none;z-index:0;max-width:none}
.q-learn-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;max-width:64%}
.q-learn-card b{color:#24844c;font-size:16px;line-height:24px;letter-spacing:-.16px;font-weight:400}
.q-learn-copy>span{color:#5d6268;font-size:14px;line-height:20px;letter-spacing:-.08px}
.q-learn-more{width:240px;flex:0 0 240px;display:flex;flex-direction:column;gap:20px}
.q-learn-more nav{display:flex;flex-direction:column}
.q-learn-more a{display:flex;align-items:center;gap:12px;color:#24844c;font-size:14px;line-height:20px;padding:12px;border-radius:8px;height:48px}
.q-learn-more a:hover{color:#1e5736}
.q-learn-more svg{width:20px;height:20px;flex:0 0 20px}
@media(max-width:1100px){
  .q-learn-mega{width:calc(100vw - 32px);min-height:0;flex-direction:column;height:auto}
  .q-learn-cards{grid-template-columns:1fr}
  .q-learn-card{min-height:96px}
  .q-learn-card img{width:110px;height:122px;top:50%;right:-8px;transform:translateY(-50%)}
  .q-learn-more{width:100%;flex:none;gap:8px}
}