: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 nested web-development page. */
.wd-u-001{font-family: 'Manrope', system-ui, sans-serif; color: #0A1A33; background: #FFFFFF; width: 100%; font-size: 16px; line-height: 1.6}
.wd-u-002{background: #0A1A33; color: #C9D9FF; font-size: 13px}
.wd-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}
.wd-u-004{display: flex; gap: 20px; flex-wrap: wrap}
.wd-u-005{border-bottom: 1px solid #D6E2F5; background: #FFFFFF}
.wd-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}
.wd-u-007{display: flex; align-items: center; gap: 10px; color: #0A1A33; text-decoration: none}
.wd-u-008{font-family: 'Sora', sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.02em}
.wd-u-009{color: #1F4FD1}
.wd-u-010{display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 15px}
.wd-u-011{display: flex; align-items: center; gap: 8px}
.wd-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}
.wd-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}
.wd-u-014{background: #F4F7FC; border-bottom: 1px solid #D6E2F5}
.wd-u-015{max-width: 1240px; margin: 0 auto; padding: 32px 24px 88px; display: flex; flex-direction: column; gap: 24px}
.wd-u-016{font-size: 14px; color: #46566F}
.wd-u-017{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px}
.wd-u-018{color: #46566F}
.wd-u-019{color: #0A1A33; font-weight: 700}
.wd-u-020{display: flex; flex-wrap: wrap; gap: 48px 64px; align-items: center; padding-top: 24px}
.wd-u-021{flex: 1 1 500px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.wd-u-022{align-self: flex-start; background: #E3ECFF; color: #163BA3; font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px}
.wd-u-023{margin: 0; font-family: 'Sora', sans-serif; font-weight: 700; font-size: clamp(36px, 4.8vw, 56px); line-height: 1.08; letter-spacing: -0.03em}
.wd-u-024{color: var(--accent)}
.wd-u-025{margin: 0; font-size: 19px; color: #46566F; max-width: 580px}
.wd-u-026{display: flex; flex-wrap: wrap; gap: 12px}
.wd-u-027{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}
.wd-u-028{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}
.wd-u-029{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; font-weight: 600; color: #46566F}
.wd-u-030{display: flex; gap: 6px; align-items: center}
.wd-u-031{flex: 1 1 440px; min-width: 0; position: relative; height: 440px}
.wd-u-032{position: absolute; inset: 0 0 auto 0; margin: 0 auto; width: 100%; max-width: 500px; height: 380px; background: #DCE7FA; border-radius: 28px}
.wd-u-033{position: absolute; top: 40px; left: 6%; width: 74%; max-width: 380px; background: #0A1A33; border-radius: 14px; padding: 10px; box-shadow: 0 30px 60px rgba(10,26,51,.22)}
.wd-u-034{display: flex; gap: 6px; padding: 2px 4px 10px}
.wd-u-035{width: 9px; height: 9px; border-radius: 50%; background: #3A4B6C}
.wd-u-036{background: #FFFFFF; border-radius: 8px; overflow: hidden}
.wd-u-037{display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-bottom: 1px solid #E3ECFF}
.wd-u-038{width: 60px; height: 10px; background: #0A1A33; border-radius: 4px}
.wd-u-039{display: flex; gap: 8px}
.wd-u-040{width: 28px; height: 6px; background: #D6E2F5; border-radius: 3px}
.wd-u-041{width: 40px; height: 14px; background: #1F4FD1; border-radius: 4px}
.wd-u-042{padding: 18px 14px; display: flex; gap: 14px}
.wd-u-043{flex: 1; display: flex; flex-direction: column; gap: 8px}
.wd-u-044{display: block; height: 14px; width: 90%; background: #0A1A33; border-radius: 5px}
.wd-u-045{display: block; height: 14px; width: 70%; background: #0A1A33; border-radius: 5px}
.wd-u-046{display: block; height: 10px; width: 95%; background: #D6E2F5; border-radius: 5px}
.wd-u-047{display: block; height: 10px; width: 80%; background: #D6E2F5; border-radius: 5px}
.wd-u-048{width: 80px; height: 22px; background: #1F4FD1; border-radius: 6px; margin-top: 4px}
.wd-u-049{flex: 0 0 38%; height: 110px; background: #5B9BFF; border-radius: 8px}
.wd-u-050{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 14px 16px}
.wd-u-051{height: 40px; background: #F4F7FC; border-radius: 6px}
.wd-u-052{position: absolute; top: 130px; right: 4%; width: 150px; background: #0A1A33; border-radius: 26px; padding: 8px; box-shadow: 0 30px 60px rgba(10,26,51,.25)}
.wd-u-053{background: #FFFFFF; border-radius: 20px; padding: 18px 12px; display: flex; flex-direction: column; gap: 8px; min-height: 250px; box-sizing: border-box}
.wd-u-054{width: 40px; height: 5px; background: #D6E2F5; border-radius: 3px; align-self: center; margin-bottom: 6px}
.wd-u-055{display: block; height: 10px; width: 85%; background: #0A1A33; border-radius: 5px}
.wd-u-056{display: block; height: 10px; width: 65%; background: #0A1A33; border-radius: 5px}
.wd-u-057{display: block; height: 7px; width: 95%; background: #D6E2F5; border-radius: 5px}
.wd-u-058{display: block; height: 7px; width: 80%; background: #D6E2F5; border-radius: 5px}
.wd-u-059{height: 70px; background: #5B9BFF; border-radius: 10px; margin-top: 4px}
.wd-u-060{height: 26px; background: #1F4FD1; border-radius: 8px; margin-top: auto}
.wd-u-061{position: absolute; bottom: 18px; left: 12%; background: #FFFFFF; border-radius: 14px; padding: 12px 16px; display: flex; gap: 10px; align-items: center; box-shadow: 0 14px 34px rgba(10,26,51,.16)}
.wd-u-062{width: 34px; height: 34px; border-radius: 50%; background: #DCF5E7; display: flex; align-items: center; justify-content: center}
.wd-u-063{display: flex; flex-direction: column; font-size: 13px; line-height: 1.3}
.wd-u-064{color: #0A1A33}
.wd-u-065{background: #163BA3}
.wd-u-066{width: 100%; padding: 36px 0}
.wd-u-067{width: 100%; overflow: hidden}
.wd-u-068{margin: 0; padding: 0; list-style: none; display: flex; align-items: center}
.wd-u-069{display: flex; align-items: center; gap: 10px; margin-right: 44px; white-space: nowrap; font-size: 15px; font-weight: 700; color: #FFFFFF}
.wd-u-070{width: 28px; height: 28px; display: block; filter: brightness(0) invert(1)}
.wd-u-071{background: #FFFFFF}
.wd-u-072{max-width: 1240px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 96px}
.wd-u-073{display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center}
.wd-u-074{margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(30px, 3.8vw, 46px); line-height: 1.15; letter-spacing: -0.02em; max-width: 900px}
.wd-u-075{margin: 0; color: #46566F; font-size: 18px; max-width: 660px}
.wd-u-076{display: flex; flex-wrap: wrap; flex-direction: row; gap: 40px 72px; align-items: center; scroll-margin-top: 24px}
.wd-u-077{flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.wd-u-078{margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(26px, 2.6vw, 32px); line-height: 1.22; letter-spacing: -0.01em}
.wd-u-079{margin: 0; color: #46566F; font-size: 17px}
.wd-u-080{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; color: #46566F}
.wd-u-081{display: flex; gap: 10px; align-items: flex-start}
.wd-u-082{flex: 0 0 20px; margin-top: 3px}
.wd-u-083{flex: 1 1 460px; min-width: 0; height: 260px; background: #DCE7FA; border-radius: 20px; display: flex; justify-content: center; align-items: flex-start; overflow: hidden}
.wd-u-084{width: 78%; max-width: 440px; background: #FFFFFF; border-radius: 0 0 16px 16px; box-shadow: 0 12px 32px rgba(10,26,51,.12); padding: 26px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; color: #0A1A33; font-size: 14px}
.wd-u-085{display: flex; gap: 8px; align-items: center; font-weight: 700; font-size: 13px}
.wd-u-086{display: block; height: 12px; width: 85%; background: #0A1A33; border-radius: 5px}
.wd-u-087{display: block; height: 9px; width: 95%; background: #D6E2F5; border-radius: 5px}
.wd-u-088{display: block; height: 9px; width: 80%; background: #D6E2F5; border-radius: 5px}
.wd-u-089{display: block; height: 9px; width: 90%; background: #D6E2F5; border-radius: 5px}
.wd-u-090{align-self: flex-end; background: #1F4FD1; color: #FFFFFF; font-size: 11px; font-weight: 700; padding: 5px 12px; border-radius: 6px}
.wd-u-091{display: flex; flex-wrap: wrap; flex-direction: row-reverse; gap: 40px 72px; align-items: center; scroll-margin-top: 24px}
.wd-u-092{flex: 2; height: 60px; background: #5B9BFF; border-radius: 6px}
.wd-u-093{flex: 1; display: flex; flex-direction: column; gap: 6px}
.wd-u-094{display: block; height: 9px; width: 100%; background: #D6E2F5; border-radius: 5px}
.wd-u-095{display: block; height: 9px; width: 70%; background: #D6E2F5; border-radius: 5px}
.wd-u-096{display: block; height: 9px; width: 85%; background: #D6E2F5; border-radius: 5px}
.wd-u-097{display: block; height: 9px; width: 60%; background: #D6E2F5; border-radius: 5px}
.wd-u-098{width: 20px; height: 20px; display: block}
.wd-u-099{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px}
.wd-u-100{display: flex; flex-direction: column; gap: 5px}
.wd-u-101{height: 46px; background: #B9CCEB; border-radius: 6px}
.wd-u-102{height: 46px; background: #8FB4FF; border-radius: 6px}
.wd-u-103{height: 46px; background: #DCE7FA; border-radius: 6px}
.wd-u-104{align-self: flex-start; background: #1F4FD1; color: #FFFFFF; font-size: 11px; font-weight: 700; padding: 5px 12px; border-radius: 6px}
.wd-u-105{display: flex; gap: 10px}
.wd-u-106{flex: 1; display: flex; flex-direction: column; gap: 6px; opacity: .5}
.wd-u-107{font-size: 11px}
.wd-u-108{display: block; height: 30px; width: 100%; background: #B9CCEB; border-radius: 5px}
.wd-u-109{font-size: 11px; color: #1F4FD1}
.wd-u-110{display: block; height: 30px; width: 100%; background: #5B9BFF; border-radius: 5px}
.wd-u-111{display: block; height: 9px; width: 90%; background: #0A1A33; border-radius: 5px}
.wd-u-112{display: flex; gap: 6px; align-items: center; font-size: 11px; font-weight: 700; color: #166534}
.wd-u-113{max-width: 1240px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 48px}
.wd-u-114{display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center}
.wd-u-115{font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #1F4FD1; color: #C9D9FF}
.wd-u-116{font-family: 'Sora', sans-serif; font-size: clamp(30px, 3.6vw, 42px); line-height: 1.15; letter-spacing: -0.02em; margin: 0; color: #FFFFFF; max-width: 760px}
.wd-u-117{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 36px 32px}
.wd-u-118{display: flex; gap: 16px; align-items: flex-start}
.wd-u-119{flex: 0 0 48px; height: 48px; border-radius: 12px; background: #2A55C9; display: flex; align-items: center; justify-content: center}
.wd-u-120{display: flex; flex-direction: column; gap: 4px}
.wd-u-121{margin: 0; font-family: 'Sora', sans-serif; font-size: 18px; color: #FFFFFF}
.wd-u-122{margin: 0; color: #DCE7FA; font-size: 15px}
.wd-u-123{background: #F4F7FC}
.wd-u-124{max-width: 1240px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 44px}
.wd-u-125{font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #1F4FD1}
.wd-u-126{font-family: 'Sora', sans-serif; font-size: clamp(30px, 3.6vw, 42px); line-height: 1.15; letter-spacing: -0.02em; margin: 0; max-width: 760px}
.wd-u-127{margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 20px}
.wd-u-128{background: #FFFFFF; border: 1px solid #D6E2F5; border-radius: 16px; padding: 26px; display: flex; flex-direction: column; gap: 10px}
.wd-u-129{display: flex; justify-content: space-between; align-items: center}
.wd-u-130{font-family: 'Sora', sans-serif; font-weight: 700; font-size: 26px; color: #1F4FD1}
.wd-u-132{margin: 0; font-family: 'Sora', sans-serif; font-size: 20px}
.wd-u-133{margin: 0; color: #46566F}
.wd-u-134{max-width: 1240px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 40px}
.wd-u-135{display: flex; flex-wrap: wrap; gap: 16px 48px; justify-content: space-between; align-items: flex-end}
.wd-u-136{display: flex; flex-direction: column; gap: 12px}
.wd-u-137{font-family: 'Sora', sans-serif; font-size: clamp(30px, 3.6vw, 42px); line-height: 1.15; letter-spacing: -0.02em; margin: 0}
.wd-u-138{font-weight: 700; color: #0A1A33}
.wd-u-139{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 24px}
.wd-u-140{background: #FFFFFF; border: 1px solid #D6E2F5; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column}
.wd-u-141{height: 220px; background: #DCE7FA; display: flex; align-items: center; justify-content: center; color: #46566F; font-size: 14px}
.wd-u-142{padding: 26px; display: flex; flex-direction: column; gap: 8px}
.wd-u-143{font-size: 13px; font-weight: 700; color: #1F4FD1}
.wd-u-144{max-width: 1240px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 36px}
.wd-u-145{margin: 0; color: #46566F; font-size: 18px; max-width: 640px}
.wd-u-146{align-self: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; background: #F4F7FC; border: 1px solid #D6E2F5; border-radius: 999px; padding: 6px}
.wd-u-147{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 20px; align-items: start}
.wd-u-148{align-self: flex-start; background: #FFFFFF; color: #163BA3; border-radius: 99px; padding: 4px 12px; font-size: 12px; font-weight: 700}
.wd-u-149{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap}
.wd-u-150{font-family: 'Sora', sans-serif; font-size: 30px; font-weight: 700}
.wd-u-151{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 15px}
.wd-u-152{flex: 0 0 16px; margin-top: 4px}
.wd-u-153{max-width: 920px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 36px}
.wd-u-154{background: #FFFFFF; border: 1px solid #D6E2F5; border-radius: 14px; padding: 22px 26px}
.wd-u-155{font-family: 'Sora', sans-serif; font-weight: 600; font-size: 18px}
.wd-u-156{margin: 12px 0 0; color: #46566F}
.wd-u-157{background: var(--accent)}
.wd-u-158{max-width: 1240px; margin: 0 auto; padding: 80px 24px; display: flex; flex-wrap: wrap; gap: 28px 48px; align-items: center; justify-content: space-between}
.wd-u-159{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.wd-u-160{margin: 0; font-family: 'Sora', sans-serif; font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color: #FFFFFF}
.wd-u-161{margin: 0; color: #E3ECFF; font-size: 18px}
.wd-u-162{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}
.wd-u-163{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}
.wd-u-164{background: #0A1A33; color: #C9D9FF; font-size: 14px}
.wd-u-165{max-width: 1240px; margin: 0 auto; padding: 72px 24px 32px; display: flex; flex-direction: column; gap: 48px}
.wd-u-166{display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 32px}
.wd-u-167{display: flex; flex-direction: column; gap: 10px}
.wd-u-168{font-family: 'Sora', sans-serif; font-weight: 700; font-size: 18px; color: #FFFFFF}
.wd-u-169{font-style: normal; line-height: 1.7}
.wd-u-170{display: flex; flex-direction: column; gap: 8px}
.wd-u-171{color: #FFFFFF}
.wd-u-172{border-top: 1px solid #22406E; padding-top: 24px; display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between}
.wd-u-173{display: flex; flex-wrap: wrap; gap: 20px}