
.has-mega > .mega.mega--platform {background:white;border-top:3px solid transparent;border-image:linear-gradient(90deg,#00bfa5 0%,#247cce 48%,#893fe3 76%,#ce26e8 100%) 1;max-height:calc(100dvh - 76px);overflow:auto;}
.new-platform-menu {display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.5fr) minmax(0, 1fr);gap:28px;padding:22px 28px;max-width:1280px;margin:auto;color:#080b40;font-family:Arial,sans-serif;}
.new-platform-menu a {text-decoration:none;color:inherit;display:block;}
.new-platform-menu h4,.new-platform-menu h5,.new-platform-menu p {margin:0;line-height:1.3;letter-spacing:-.025em;}
.new-platform-menu h4 {font-size:22px;font-weight:750;}
.new-platform-menu h5 {font-size:18px;font-weight:700;}
.new-platform-menu p {color:#53658c;font-size:14px;line-height:1.5;margin-top:6px;letter-spacing:0;}
.new-platform-menu h5 span {color:#5a21ff;margin-inline-start:8px;font-weight:400;}
.menu-feature {background:#070f35;border-radius:13px;overflow:hidden;color:white!important;}
.feature-copy {padding:20px 20px 8px;}
.feature-copy h4 {color:#fff!important;font-size:23px;}.feature-copy h4 span{float:right;font-weight:400;}
.feature-copy p {color:#c1d1eb;margin-top:8px;}
.reference-art {position:relative;overflow:hidden;}.reference-art img {position:absolute;max-width:none;height:auto;pointer-events:none;}
.feature-art {aspect-ratio:522/305;}.feature-art img{width:348.85%;inset-inline-start:-8.43%;top:-104.92%;}
.menu-explore {display:flex!important;align-items:center;justify-content:space-between;background:#f2f0ff;border-radius:13px;margin-top:14px;padding:18px 20px;min-height:88px;}
.menu-explore h5{font-size:17px;}.menu-explore p{font-size:13px;}.layers{font-size:42px;line-height:.35;color:#9b83ff;text-shadow:0 10px 15px #b8acff;transform:rotate(-5deg);}
.menu-heading{padding:6px 0 20px;border-bottom:1px solid #d8e0ee;}.menu-heading h4{white-space:normal;}
.menu-pillar{display:flex!important;gap:4.5%;align-items:center;padding:14px 0;border-bottom:1px solid #d8e0ee;}.menu-pillar:last-child{border-bottom:0;}.menu-pillar p{font-size:14px;}
.pillar-symbol{display:grid;place-items:center;width:54px;aspect-ratio:1;flex-shrink:0;border-radius:12px;background:#eafbf6;color:#00ac91;}.pillar-symbol svg{width:60%;height:60%;}.symbol-1{background:#f2edff;color:#6735e7;}.symbol-2{background:#edf3ff;color:#1669ff;}.symbol-3{background:linear-gradient(135deg,#e5f9f3,#f0e9ff);color:#6c3dc1;}
.menu-applications{border-inline-start:1px solid #dce3ef;padding:6px 0 0 24px;}.menu-applications h5{font-size:18px;}
.application-links a{padding:10px 0;border-bottom:1px solid #d8e0ee;font-size:14px;font-weight:600;}.application-links a:last-child{border:0;}.application-links span{color:#5a21ff;margin-inline-start:10px;}.menu-integrations{border-top:1px solid #d8e0ee;margin-top:14px;padding-top:16px;}.menu-integrations p{font-size:13px;}
.new-platform-menu a:hover h5,.new-platform-menu a:hover h4,.application-links a:hover{color:#6332e7;}.new-platform-menu a:focus-visible{outline:3px solid #7851e8;outline-offset:4px;}
.has-mega.preview-open > .mega--platform{opacity:1;visibility:visible;transform:none;}
/* Keep the reference color consistent for pointer, keyboard and pinned preview. */
#siteNav .nav-links .has-mega:has(> .mega--platform) > a.top {position:relative;border-bottom:0;}
#siteNav .nav-links .has-mega:has(> .mega--platform) > a.top::after {content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;height:3px;background:linear-gradient(90deg,#00bfa5 0%,#247cce 48%,#893fe3 76%,#ce26e8 100%);opacity:0;transition:opacity .15s ease;}
#siteNav .nav-links .has-mega:has(> .mega--platform):is(:hover,:focus-within,.preview-open,.mobile-open) > a.top {color:#00ad99;}
#siteNav .nav-links .has-mega:has(> .mega--platform):is(:hover,:focus-within,.preview-open,.mobile-open) > a.top::after {opacity:1;}

@media(min-width:1041px){.site-nav{max-width:none;padding-inline:2.4vw;}.nav-links{gap:clamp(14px,2vw,38px);}.brand img{width:170px;}.nav-actions .btn{padding-inline:24px;}}
@media(max-width:1200px) and (min-width:1041px){.nav-links{gap:14px;}.nav-links a.top{font-size:13px;}.brand img{width:140px;}.nav-actions .btn{font-size:13px;padding-inline:15px;}}
@media(max-width:1040px){.new-platform-menu{grid-template-columns:1fr;padding:20px;gap:25px;}.menu-feature-column{display:none;}.menu-heading h4{white-space:normal;}.menu-applications{border-inline-start:0;padding:20px 0;border-top:1px solid #dce3ef;}.menu-pillar{padding:22px 0;}.has-mega > .mega.mega--platform{max-height:none;}.new-platform-menu h4{font-size:22px;}.new-platform-menu h5{font-size:18px;}.new-platform-menu p{font-size:14px;}}

/* Consistent four-pillar rhythm and distinct knowledge-network artwork. */
.new-platform-menu .menu-pillar{gap:18px;padding:15px 0;min-height:96px;}
.pillar-copy{flex:1;min-width:0;}
.new-platform-menu .pillar-copy h5{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;line-height:1.35;}
.new-platform-menu .pillar-copy h5 span{flex-shrink:0;margin:0;font-size:23px;line-height:1;transition:transform .18s ease;}
.new-platform-menu .menu-pillar:hover .pillar-copy h5 span{transform:translateX(calc(3px * var(--nudge, 1)));}
.new-platform-menu .pillar-copy p{font-size:13px;line-height:1.6;margin-top:5px;color:#62718c;}
.new-platform-menu .pillar-symbol{width:48px;border-radius:11px;}
.new-platform-menu .menu-explore{gap:12px;}
.new-platform-menu .layers{width:55px;height:55px;flex-shrink:0;transform:none;filter:drop-shadow(0 6px 7px #b6a3ed55);}
@media(max-width:1040px){.new-platform-menu .menu-pillar{min-height:96px;padding:16px 0;gap:14px;}.new-platform-menu .pillar-copy h5{font-size:17px;}.new-platform-menu .pillar-copy p{font-size:14px;}.new-platform-menu .pillar-symbol{width:46px;}}
@media(prefers-reduced-motion:reduce){.new-platform-menu .pillar-copy h5 span{transition:none;}}

.new-platform-menu .application-pillar-top{display:flex;align-items:center;gap:13px;}
.new-platform-menu .application-pillar-top>div{min-width:0;flex:1;}
.new-platform-menu .symbol-app{background:#eeebfb;color:#6850c7;}
.new-platform-menu .application-pillar-top small{display:block;color:#6d7190;font-size:9px;letter-spacing:.1em;font-weight:700;margin-bottom:6px;}
.new-platform-menu .application-pillar-top h5{font-size:18px;line-height:1.25;letter-spacing:-.025em;}
.new-platform-menu .application-pillar-top h5 span{display:inline-block;margin-inline-start:4px;}
.new-platform-menu .application-pillar-heading>p{font-size:13px;line-height:1.6;color:#62718c;margin-top:12px;}
.new-platform-menu .application-pillar-art{margin:16px 0 8px;border-radius:13px;overflow:hidden;}
.new-platform-menu .application-pillar-art img{display:block;width:100%;height:auto;max-width:none;transition:transform .25s ease;}
.new-platform-menu .application-pillar-art:hover img{transform:scale(1.025);}
@media(max-width:1040px){.new-platform-menu .application-pillar-art{max-width:380px;}.new-platform-menu .application-pillar-top{max-width:380px;}.new-platform-menu .application-pillar-heading>p{font-size:14px;}}
@media(prefers-reduced-motion:reduce){.new-platform-menu .application-pillar-art img{transition:none;}}
