@font-face{font-family:ProductMenuDisplay;src:url("./fonts/AlimamaShuHeiTi-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.product-center-panel{position:absolute;top:100%;left:0;right:0;padding:30px 0 0;background:#f2f5fa;color:#34414b;cursor:default;border-top:1px solid #c7d7ef}
.product-menu-container{width:calc(100% - 64px);max-width:var(--content-width,1600px)}
.product-menu-groups{display:grid;grid-template-columns:1.975fr 1fr;gap:26px}
.product-menu-group{min-width:0;background:#fff;border-radius:8px;padding:20px 20px 22px}
.product-menu-group h2{margin:0 0 20px;font-size:18px;font-weight:600;line-height:30px;letter-spacing:0;color:#34414b}
.product-menu-core h2{color:#242424}.product-menu-core h2 strong{color:#164c98;font-weight:600}
.product-menu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.product-menu-platform .product-menu-cards{grid-template-columns:1fr}
.product-menu-card{display:block;position:relative;isolation:isolate;min-width:0;min-height:138px;overflow:visible;border-radius:6px;color:#102a4d}
.product-menu-card-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;z-index:-1;border-radius:inherit;pointer-events:none}
.product-menu-card-copy{position:relative;z-index:1;padding:34px 30px;pointer-events:none}
.product-menu-card h3{margin:0 0 8px;font-family:ProductMenuDisplay,var(--type-font,sans-serif);font-size:26px;font-weight:700;line-height:34px;letter-spacing:0;color:#102a4d;max-width:calc(100% - 108px)}
.product-menu-card h3 strong{font-weight:inherit;background:linear-gradient(100deg,#10396b,#1671ff);color:transparent;background-clip:text;-webkit-background-clip:text}
.product-menu-core .product-menu-card:nth-child(even) h3{color:#171a40}.product-menu-core .product-menu-card:nth-child(even) h3 strong{background-image:linear-gradient(100deg,#302b82,#6245f0)}
.product-menu-card p{margin:0;font-size:16px;line-height:26px;font-weight:400;letter-spacing:0;color:#5e6773;max-width:calc(100% - 108px)}
.product-menu-card-icon{position:absolute;top:-36px;right:26px;width:auto;height:150px;max-width:none;object-fit:contain;pointer-events:none;transition:transform 300ms ease}
.product-menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px;font-size:16px;font-weight:500;line-height:1.5}
.product-menu-price,.product-menu-help a{display:inline-flex;align-items:center;gap:12px;color:#296aff}.product-menu-price>span:last-child,.product-menu-help a>span:last-child{font-size:22px;line-height:1}
.product-menu-help{display:flex;align-items:center;gap:18px;border-left:1px solid #dce3ec;padding-left:18px}
@media(max-width:1300px) and (min-width:1101px){.product-menu-card-copy{padding:18px 14px}.product-menu-card h3,.product-menu-card p{max-width:calc(100% - 60px)}.product-menu-card-icon,.product-menu-core .product-menu-card:nth-child(n) .product-menu-card-icon,.product-menu-platform .product-menu-card-icon{width:78px;right:5px}}
@media(max-width:1100px){
 .product-center-panel{position:static;grid-column:1/-1;padding:16px 12px 0;border:0;border-radius:8px}
 .product-menu-container{width:100%;max-width:none}.product-menu-groups{grid-template-columns:1fr;gap:16px}
 .product-menu-group{padding:16px 14px}.product-menu-platform .product-menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-menu-bottom{height:auto;flex-wrap:wrap;padding:16px 0;gap:14px}
}
@media(max-width:800px){.product-menu-cards,.product-menu-platform .product-menu-cards{grid-template-columns:1fr}}
@media(max-width:640px){
 .product-menu-group h2{font-size:20px;line-height:28px}.product-menu-card h3{font-size:18px;line-height:26px}.product-menu-card-copy{padding:18px 14px}
 .product-menu-card-icon,.product-menu-core .product-menu-card:nth-child(n) .product-menu-card-icon,.product-menu-platform .product-menu-card-icon{width:78px;right:5px}
 .product-menu-card h3,.product-menu-card p{max-width:calc(100% - 60px)}.product-menu-help{border:0;padding-left:0;gap:10px;flex-wrap:wrap}
}

.product-menu-card{transition:box-shadow 300ms ease}
.product-menu-card:hover,.product-menu-card:focus-visible{box-shadow:0 8px 24px #2866bf24,0 0 0 1px #85b0f4}
.product-menu-card:focus-visible{outline:2px solid #296aff;outline-offset:4px}
.product-menu-card:is(:hover,:focus-visible) .product-menu-card-icon{transform:translateY(-4px)}
@media(max-width:1600px){.product-menu-card-copy{padding:28px 20px}.product-menu-card h3{font-size:22px;line-height:30px}.product-menu-card p{font-size:14px;line-height:24px}.product-menu-card-icon{height:110px;right:14px;top:-28px}.product-menu-card h3,.product-menu-card p{max-width:calc(100% - 94px)}}
@media(max-width:1300px){.product-menu-card-copy{padding:26px 16px}.product-menu-card h3{font-size:20px;line-height:28px}.product-menu-card-icon,.product-menu-core .product-menu-card:nth-child(n) .product-menu-card-icon,.product-menu-platform .product-menu-card-icon{width:auto;height:100px;right:12px}}
.navigation-compact .product-menu-container{width:100%;max-width:none}.navigation-compact .product-menu-groups{grid-template-columns:1fr}.navigation-compact .product-menu-platform .product-menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.navigation-compact .product-menu-cards,.navigation-compact .product-menu-platform .product-menu-cards{grid-template-columns:1fr}}
@media(max-width:640px){.product-menu-group{padding:16px 12px}.product-menu-card-copy{padding:22px 14px}.product-menu-card h3{font-size:18px;line-height:26px}.product-menu-card h3,.product-menu-card p{max-width:calc(100% - 104px)}.product-menu-card-icon,.product-menu-core .product-menu-card:nth-child(n) .product-menu-card-icon,.product-menu-platform .product-menu-card-icon{width:auto;height:92px;right:8px;top:-24px}}
@media(prefers-reduced-motion:reduce){.product-menu-card,.product-menu-card-icon{transition:none}}

@media(min-width:801px) and (max-width:1600px){.product-menu-card h3{margin-bottom:24px}.product-menu-card p{max-width:100%}}

/* Match the customer-case menu type scale; retain product display face. */
.product-menu-group h2{font-size:22px;line-height:30px;margin-bottom:16px}
.product-menu-groups{align-items:start}
.product-menu-card{display:flex;align-items:center;min-height:138px}
.product-menu-card-copy{width:100%;padding:26px 30px}
.product-menu-card h3{font-size:20px;line-height:26px;margin-bottom:8px}
.product-menu-card p{font-size:14px;line-height:22px}
.product-menu-card:hover,.product-menu-card:focus-visible{outline:none;box-shadow:0 8px 24px #2866bf24}
.product-menu-bottom{font-size:14px;line-height:22px}
@media(min-width:1101px){.product-menu-card h3,.product-menu-card p{white-space:nowrap}}
@media(min-width:801px) and (max-width:1600px){.product-menu-card-copy{padding:26px 20px}.product-menu-card h3{font-size:20px;line-height:26px;margin-bottom:8px}.product-menu-card p{max-width:100%}.product-menu-card-icon{height:100px}}
@media(min-width:1101px) and (max-width:1300px){.product-menu-card-copy{padding:26px 14px}.product-menu-card-icon{height:86px;top:-24px}.product-menu-card h3{max-width:100%}}
@media(max-width:640px){.product-menu-group h2{font-size:20px;line-height:28px}.product-menu-card-copy{padding:22px 14px}.product-menu-card h3{font-size:18px;line-height:26px}.product-menu-card p{white-space:normal}}

/* Product artwork reference: scoped display heading and card typography. */
.product-menu-group h2{font-size:18px;line-height:24px;margin-bottom:20px}
.product-menu-core h2,.product-menu-core h2 strong{font-family:ProductMenuDisplay,var(--type-font,sans-serif);font-weight:700}
.product-menu-card-copy{padding:26px 30px}
.product-menu-card h3{font-size:24px;line-height:32px;margin-bottom:8px;max-width:calc(100% - 120px)}
.product-menu-card p{font-size:16px;line-height:26px;max-width:calc(100% - 120px)}
.product-menu-core .product-menu-card:nth-child(n) h3{color:#102a4d}
.product-menu-core .product-menu-card:nth-child(n) h3 strong{background-image:linear-gradient(100deg,#10396b,#1671ff)}
.product-menu-core .product-menu-card:nth-child(2) h3,.product-menu-platform .product-menu-card h3{color:#171a40}
.product-menu-core .product-menu-card:nth-child(2) h3 strong,.product-menu-platform .product-menu-card h3 strong{background-image:linear-gradient(100deg,#302b82,#6245f0)}
.product-menu-card-icon{height:140px;top:-26px;right:26px}
.product-menu-platform .product-menu-card:first-child .product-menu-card-icon{height:140px;top:-26px;right:18px}
.product-menu-bottom{font-size:16px;line-height:24px}
@media(min-width:1101px) and (max-width:1800px){.product-menu-card h3{font-size:22px;line-height:30px}.product-menu-card p{font-size:14px;line-height:24px}.product-menu-card h3,.product-menu-card p{max-width:calc(100% - 100px)}.product-menu-card-icon{height:124px;top:-26px}}
@media(min-width:801px) and (max-width:1600px){.product-menu-card-copy{padding:26px 20px}.product-menu-card h3{font-size:20px;line-height:26px;max-width:calc(100% - 94px)}.product-menu-card p{max-width:100%}.product-menu-card-icon{height:100px;top:-28px}.product-menu-platform .product-menu-card:first-child .product-menu-card-icon{height:100px;top:-28px;right:12px}}
@media(min-width:1101px) and (max-width:1300px){.product-menu-card-copy{padding:26px 14px}.product-menu-card h3{max-width:100%}.product-menu-card-icon,.product-menu-core .product-menu-card:nth-child(n) .product-menu-card-icon{height:86px;top:-24px}}
@media(max-width:800px){.product-menu-card h3{font-size:18px;line-height:26px}.product-menu-card p{font-size:14px;line-height:22px}.product-menu-card h3,.product-menu-card p{max-width:calc(100% - 104px)}.product-menu-card-copy{padding:22px 14px}.product-menu-card-icon,.product-menu-core .product-menu-card:nth-child(n) .product-menu-card-icon{height:92px;top:-24px;right:8px}.product-menu-platform .product-menu-card:first-child .product-menu-card-icon{height:86px;top:-24px;right:8px}.product-menu-bottom{font-size:14px;line-height:22px}}

/* Align visible artwork, excluding the assets' unequal transparent/shadow margins. */
#product-center-panel{--product-icon-body-height:100px;--product-icon-center:86px;--product-icon-body-top:-10px}
#product-center-panel .product-menu-card-icon{--icon-height-ratio:1.5;--icon-top-ratio:.25;--icon-right-ratio:.75;width:auto;height:calc(var(--product-icon-body-height)*var(--icon-height-ratio));top:calc(var(--product-icon-body-top) - var(--product-icon-body-height)*var(--icon-top-ratio));right:calc(var(--product-icon-center) - var(--product-icon-body-height)*var(--icon-right-ratio));max-width:none;object-fit:contain}
#product-center-panel .product-menu-card-icon[src*="/icon-01.png"]{--icon-height-ratio:1.54411765;--icon-top-ratio:0.27450980;--icon-right-ratio:0.76470588}
#product-center-panel .product-menu-card-icon[src*="/icon-02.png"]{--icon-height-ratio:1.47417840;--icon-top-ratio:0.16901408;--icon-right-ratio:0.65962441}
#product-center-panel .product-menu-card-icon[src*="/icon-03.png"]{--icon-height-ratio:1.40952381;--icon-top-ratio:0.24761905;--icon-right-ratio:0.68571429}
#product-center-panel .product-menu-card-icon[src*="/icon-04.png"]{--icon-height-ratio:1.49769585;--icon-top-ratio:0.26267281;--icon-right-ratio:0.72350230}
#product-center-panel .product-menu-card-icon[src*="/icon-05.png"]{--icon-height-ratio:1.59803922;--icon-top-ratio:0.03431373;--icon-right-ratio:0.95588235}
#product-center-panel .product-menu-card-icon[src*="/icon-06.png"]{--icon-height-ratio:1.59701493;--icon-top-ratio:0.27363184;--icon-right-ratio:0.67910448}
@media(max-width:1800px){#product-center-panel{--product-icon-body-height:88px;--product-icon-center:76px}}
@media(max-width:1600px){#product-center-panel{--product-icon-body-height:70px;--product-icon-center:62px;--product-icon-body-top:-8px}}
@media(min-width:1101px) and (max-width:1300px){#product-center-panel{--product-icon-body-height:60px;--product-icon-center:52px;--product-icon-body-top:-6px}}
@media(max-width:800px){#product-center-panel{--product-icon-body-height:66px;--product-icon-center:52px;--product-icon-body-top:-8px}}