:root{--accent:#1F4FD1}
body{margin:0;background:#FFFFFF}
a{color:#1F4FD1;text-decoration:none}a:not([class]):hover{color:#163BA3;text-decoration:underline}
.nb-nav a{color:#0A1A33;font-weight:600}
.nb-nav a:hover{color:#1F4FD1;text-decoration:none}
.nb-dark a{color:#C9D9FF}.nb-dark a:hover{color:#FFFFFF}
.nb-card{transition:box-shadow .2s, transform .2s}
.nb-card:hover{box-shadow:0 12px 32px rgba(10,26,51,.10);transform:translateY(-2px)}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
a:focus-visible,summary:focus-visible{outline:3px solid #5B9BFF;outline-offset:2px;border-radius:6px}
.nb-marquee{width:max-content;animation:nb-scroll 45s linear infinite}
.nb-marquee-wrap:hover .nb-marquee{animation-play-state:paused}
.nb-marquee-wrap{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
@keyframes nb-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.nb-marquee{animation:none;flex-wrap:wrap;width:auto;row-gap:16px}}
@media (max-width: 900px){.nb-flow{flex-direction:column;align-items:center}.nb-flow>li{max-width:420px!important;width:100%}.nb-flow .nb-conn{flex:0 0 56px!important;width:2px}.nb-flow .nb-conn>div{width:0!important;height:100%;border-top:none!important;border-left:2px dashed #8FA9D9}.nb-flow .nb-conn svg{right:auto!important;top:auto!important;bottom:0;transform:rotate(90deg)}.nb-flow .nb-conn span{top:auto!important;left:12px}}
@media (max-width: 760px){.nb-bento{grid-template-columns:1fr!important}}

/* Layout utilities for the use cases overview. */
.sol-u-001{font-family: 'Manrope', system-ui, sans-serif; color: #0A1A33; background: #FFFFFF; width: 100%; font-size: 16px; line-height: 1.6}
.sol-u-002{background: #0A1A33; color: #C9D9FF; font-size: 13px}
.sol-u-003{max-width: 1240px; margin: 0 auto; padding: 8px 24px; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; align-items: center}
.sol-u-004{display: flex; gap: 20px; flex-wrap: wrap}
.sol-u-005{border-bottom: 1px solid #D6E2F5; background: #FFFFFF}
.sol-u-006{max-width: 1240px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; justify-content: space-between}
.sol-u-007{display: flex; align-items: center; gap: 10px; color: #0A1A33; text-decoration: none}
.sol-u-008{font-family: 'Sora', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.02em}
.sol-u-009{color: #1F4FD1}
.sol-u-010{display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 15px}
.sol-u-011{display: flex; align-items: center; gap: 8px}
.sol-u-012{color: #0A1A33; padding: 12px 20px; font-weight: 700; font-size: 15px; text-decoration: none; min-height: 48px; box-sizing: border-box; display: inline-flex; align-items: center}
.sol-u-013{background: var(--accent); color: #FFFFFF; padding: 14px 28px; border-radius: 14px; font-weight: 700; font-size: 15px; text-decoration: none; min-height: 48px; box-sizing: border-box; display: inline-flex; align-items: center}
.sol-u-014{background: #FFFFFF}
.sol-u-015{max-width: 1240px; margin: 0 auto; padding: 32px 24px 56px; display: flex; flex-direction: column; gap: 24px}
.sol-u-016{font-size: 14px; color: #46566F}
.sol-u-017{margin: 0; padding: 0; list-style: none; display: flex; gap: 8px}
.sol-u-018{color: #46566F}
.sol-u-019{color: #0A1A33; font-weight: 700}
.sol-u-020{display: flex; flex-direction: column; gap: 18px; padding-top: 32px; max-width: 820px; margin: 0 auto; align-items: center; text-align: center}
.sol-u-021{margin: 0; font-family: 'Sora', sans-serif; font-weight: 700; font-size: clamp(40px, 5.4vw, 64px); line-height: 1.05; letter-spacing: -0.03em}
.sol-u-022{margin: 0; font-size: 19px; color: #46566F}
.sol-u-023{display: flex; flex-wrap: wrap; gap: 12px; padding-top: 8px; justify-content: center}
.sol-u-024{background: var(--accent); color: #FFFFFF; padding: 16px 28px; border-radius: 10px; font-weight: 700; font-size: 16px; text-decoration: none; min-height: 52px; box-sizing: border-box; display: inline-flex; align-items: center}
.sol-u-025{background: #FFFFFF; color: #0A1A33; padding: 16px 28px; border-radius: 10px; font-weight: 700; font-size: 16px; text-decoration: none; border: 1.5px solid #0A1A33; min-height: 52px; box-sizing: border-box; display: inline-flex; align-items: center}
.sol-u-026{max-width: 1240px; margin: 0 auto; padding: 24px 24px 96px}
.sol-u-027{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 28px}
.sol-u-028{background: #FFFFFF; border: 1px solid #D6E2F5; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; scroll-margin-top: 24px}
.sol-u-029{height: 200px; background: #DCE7FA; display: flex; justify-content: center; align-items: flex-start; overflow: hidden}
.sol-u-030{width: 78%; background: #FFFFFF; border-radius: 0 0 12px 12px; box-shadow: 0 8px 24px rgba(10,26,51,.10); padding: 12px 16px; display: flex; flex-direction: column; font-size: 13px}
.sol-u-031{display: flex; justify-content: space-between; font-weight: 700; padding-bottom: 6px}
.sol-u-032{color: #46566F; font-weight: 600; font-size: 12px}
.sol-u-033{display: flex; justify-content: space-between; align-items: center; padding: 7px 0; border-top: 1px solid #E3ECFF}
.sol-u-034{display: flex; flex-direction: column}
.sol-u-035{font-size: 13px}
.sol-u-036{color: #46566F; font-size: 11px}
.sol-u-037{background: #E3ECFF; color: #163BA3; border-radius: 99px; padding: 3px 9px; font-size: 11px; font-weight: 700}
.sol-u-038{background: #DCF5E7; color: #166534; border-radius: 99px; padding: 3px 9px; font-size: 11px; font-weight: 700}
.sol-u-039{background: #F4F7FC; color: #46566F; border-radius: 99px; padding: 3px 9px; font-size: 11px; font-weight: 700}
.sol-u-040{padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1}
.sol-u-041{margin: 0; font-family: 'Sora', sans-serif; font-size: 22px; line-height: 1.3}
.sol-u-042{color: #0A1A33; text-decoration: none}
.sol-u-043{margin: 0; color: #46566F}
.sol-u-044{display: flex; flex-wrap: wrap; gap: 6px; align-items: center}
.sol-u-045{font-size: 12px; color: #46566F; font-weight: 600}
.sol-u-046{background: #EEF3FB; color: #163BA3; border-radius: 99px; padding: 3px 10px; font-size: 12px; font-weight: 700}
.sol-u-047{margin-top: auto; padding-top: 16px; font-weight: 700; color: #1F4FD1; text-decoration: none}
.sol-u-048{width: 78%; background: #FFFFFF; border-radius: 0 0 12px 12px; box-shadow: 0 8px 24px rgba(10,26,51,.10); padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; font-size: 13px}
.sol-u-049{display: flex; gap: 8px; align-items: center; font-weight: 700}
.sol-u-050{width: 20px; height: 20px; display: block}
.sol-u-051{display: flex; justify-content: space-between; border-top: 1px solid #E3ECFF; padding-top: 8px}
.sol-u-052{color: #166534; font-weight: 700}
.sol-u-053{width: 78%; background: #FFFFFF; border-radius: 0 0 12px 12px; box-shadow: 0 8px 24px rgba(10,26,51,.10); padding: 16px; display: flex; flex-direction: column; gap: 12px; font-size: 13px}
.sol-u-054{display: flex; gap: 12px; align-items: center}
.sol-u-055{flex: 0 0 32px; height: 32px; border-radius: 8px; background: #FFE8D6; display: flex; align-items: center; justify-content: center}
.sol-u-056{border-top: 1px solid #E3ECFF}
.sol-u-057{flex: 0 0 32px; height: 32px; border-radius: 8px; background: #1F4FD1; display: flex; align-items: center; justify-content: center}
.sol-u-058{display: flex; gap: 8px; align-items: center; border: 1px solid #D6E2F5; border-radius: 10px; padding: 7px 10px; color: #46566F}
.sol-u-059{margin: 0; padding-left: 18px; color: #46566F; display: flex; flex-direction: column; gap: 3px}
.sol-u-060{display: flex; justify-content: space-between; padding: 4px 0 8px; font-weight: 700}
.sol-u-061{display: flex; gap: 8px; align-items: center; border-top: 1px solid #E3ECFF; padding: 8px 0}
.sol-u-062{background: #163BA3}
.sol-u-063{width: 100%; padding: 36px 0}
.sol-u-064{width: 100%; overflow: hidden}
.sol-u-065{margin: 0; padding: 0; list-style: none; display: flex; align-items: center}
.sol-u-066{display: flex; align-items: center; gap: 10px; margin-right: 44px; white-space: nowrap; font-size: 15px; font-weight: 700; color: #FFFFFF}
.sol-u-067{width: 28px; height: 28px; display: block; filter: brightness(0) invert(1)}
.sol-u-068{background: #F4F7FC}
.sol-u-069{max-width: 920px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 36px}
.sol-u-070{margin: 0; text-align: center; font-family: 'Sora', sans-serif; font-size: clamp(30px, 3.6vw, 42px); line-height: 1.15; letter-spacing: -0.02em}
.sol-u-071{display: flex; flex-direction: column; gap: 12px}
.sol-u-072{background: #FFFFFF; border: 1px solid #D6E2F5; border-radius: 14px; padding: 22px 26px}
.sol-u-073{font-family: 'Sora', sans-serif; font-weight: 600; font-size: 18px}
.sol-u-074{margin: 12px 0 0; color: #46566F}
.sol-u-075{background: var(--accent)}
.sol-u-076{max-width: 1240px; margin: 0 auto; padding: 80px 24px; display: flex; flex-wrap: wrap; gap: 28px 48px; align-items: center; justify-content: space-between}
.sol-u-077{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.sol-u-078{margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF}
.sol-u-079{margin: 0; color: #E3ECFF; font-size: 18px}
.sol-u-080{display: flex; flex-wrap: wrap; gap: 12px}
.sol-u-081{background: #FFFFFF; color: #0A1A33; padding: 16px 28px; border-radius: 12px; font-weight: 700; text-decoration: none; min-height: 52px; box-sizing: border-box; display: inline-flex; align-items: center}
.sol-u-082{background: transparent; color: #FFFFFF; padding: 16px 28px; border-radius: 12px; font-weight: 700; text-decoration: none; border: 1.5px solid #FFFFFF; min-height: 52px; box-sizing: border-box; display: inline-flex; align-items: center}
.sol-u-083{background: #0A1A33; color: #C9D9FF; font-size: 14px}
.sol-u-084{max-width: 1240px; margin: 0 auto; padding: 72px 24px 32px; display: flex; flex-direction: column; gap: 48px}
.sol-u-085{display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 32px}
.sol-u-086{display: flex; flex-direction: column; gap: 10px}
.sol-u-087{font-family: 'Sora', sans-serif; font-weight: 700; font-size: 18px; color: #FFFFFF}
.sol-u-088{font-style: normal; line-height: 1.7}
.sol-u-089{display: flex; flex-direction: column; gap: 8px}
.sol-u-090{color: #FFFFFF}
.sol-u-091{border-top: 1px solid #22406E; padding-top: 24px; display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between}
.sol-u-092{display: flex; flex-wrap: wrap; gap: 20px}