p,h1,h2,h3,h4,h5,h6{margin: 0;}
.header-wrapper { background-color: white; }
.blog-detail { background-color: #f7f8fa; }
.blog-detail .main { display: flex; flex-direction: column; align-items: center; padding: 80px 0px 0px; position: relative; width: 100%; flex: 0 0 auto; }
.blog-detail .article-header { display: flex; flex-direction: column; max-width: 896px; align-items: flex-start; gap: 23.3px; position: relative; margin: 0 auto; padding: 0 10px 48px; }
.blog-detail .container-2 { display: flex; align-items: center; gap: 8px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.blog-detail .overlay { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 4px 12px; position: relative; flex: 0 0 auto; background-color: #ba002c1a; border-radius: 9999px; }
.blog-detail .text-3 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #ba002c; font-size: 14px; letter-spacing: 1.4px; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .text-4 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #777c88; font-size: 14px; letter-spacing: 0.7px; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .element-ways-AI-is { position: relative; align-self: stretch; font-family: "Manrope", Helvetica; font-weight: 700; color: #0d1046; font-size: 48px; letter-spacing: 0; line-height: 57.6px; margin: 0; }
.blog-detail .border { display: flex; align-items: center; justify-content: space-between; padding: 32.7px 0px 24px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-color: #e3e5eb; }
.blog-detail .container-3 { display: inline-flex; align-items: center; gap: 16px; position: relative; flex: 0 0 auto; }
.blog-detail .background { display: flex; flex-direction: column; width: 48px; height: 48px; align-items: flex-start; justify-content: center; position: relative; background-color: #e8eefe; border-radius: 9999px; overflow: hidden; }
.blog-detail .abaxuafdj { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url(../img/author-sarah-chen.png); background-size: cover; background-position: 50% 50%; }
.blog-detail .text-5 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #161c27; font-size: 16px; letter-spacing: 0; line-height: 24px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .text-6 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #777c88; font-size: 12px; letter-spacing: 0; line-height: 16px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .container-4 { display: inline-flex; align-items: center; gap: 4px; position: relative; flex: 0 0 auto; }
.blog-detail .icon { position: relative; width: 15px; height: 16.67px; }
.blog-detail .text-7 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #777c88; font-size: 14px; letter-spacing: 0; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .img { position: relative; flex: 0 0 auto; }
.article_wrapper { width: 100%; }
.blog-detail .section-featured { display: flex; flex-direction: column; height: 650px; align-items: flex-start; justify-content: center; margin: 0; position: relative; width: calc(100% - 40px); background-color: #ffffff01; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; margin: 0 20px; overflow: hidden; box-shadow: 0px 8px 10px -6px #0000001a, 0px 20px 25px -5px #0000001a; }
.blog-detail .div-2 { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url(../img/ai-last-mile-installation-logistics.png); background-size: cover; background-position: 50% 50%; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }
.blog-detail .article-content { display: flex; flex-direction: column; max-width: 768px; margin: 0 auto; align-items: flex-start; gap: 24px; padding: 80px 10px; position: relative; }
.blog-detail .in-the-competitive { position: relative; align-self: stretch; font-family: "Inter", Helvetica; font-weight: 500; color: #161c27; font-size: 20px; letter-spacing: 0; line-height: 30px; margin: 0; }
.blog-detail .as-consumer-wrapper { display: flex; flex-direction: column; align-items: flex-start; padding: 8px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.blog-detail .p { position: relative; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 16px; letter-spacing: 0; line-height: 26px; }
.blog-detail .heading { padding: 24px 0px 0px; display: flex; flex-direction: column; align-items: flex-start; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.blog-detail .text-wrapper-3 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 700; color: #0d1046; font-size: 24px; letter-spacing: 0; line-height: 33.6px; }
.blog-detail .traditional-wrapper { display: flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 16px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.blog-detail .blockquote { display: flex; flex-direction: column; align-items: flex-start; padding: 0px 0px 0px 24px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; border-left-width: 4px; border-left-style: solid; border-color: #ba002c; margin: 0; }
.blog-detail .text-8 { margin-top: -4px; font-family: "Inter", Helvetica; font-weight: 400; font-style: italic; color: #0d1046; font-size: 20px; letter-spacing: 0; line-height: 32px; position: relative; width: fit-content; margin-bottom: 0; }
.blog-detail .background-border { padding: 56px 32px 32px; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #ffffff; border-radius: 12px; border: 1px solid; border-color: #e3e5eb; display: flex; flex-direction: column; align-items: flex-start; position: relative; overflow: hidden; }
.blog-detail .container-5 { display: flex; align-items: center; gap: 32px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.blog-detail .container-6 { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; position: relative; flex: 1; flex-grow: 1; }
.blog-detail .text-wrapper-4 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 400; color: #0d1046; font-size: 20px; letter-spacing: 0; line-height: 28px; }
.blog-detail .our-neural-network { position: relative; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 14px; letter-spacing: 0; line-height: 20px; }
.blog-detail .background-2 { height: 192px; justify-content: center; flex: 1; flex-grow: 1; background-color: #f1f2f5; border-radius: 8px; display: flex; flex-direction: column; align-items: flex-start; position: relative; overflow: hidden; }
.blog-detail .div-3 { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url(../img/real-time-fleet-visualization.png); background-size: cover; background-position: 50% 50%; }
.blog-detail .newsletter-section { display: flex; flex-direction: column; align-items: flex-start; padding: 64px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #0d1046; }
.blog-detail .container-7 { display: flex; align-items: center; justify-content: center; gap: 48px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.blog-detail .get-the-latest-in-AI { position: relative; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 700; color: #ffffff; font-size: 36px; letter-spacing: 0; line-height: 40px; margin-bottom: 0; }
.newsletter-section .text-wrapper-5 { font-family: "Inter", Helvetica; color: #8B8FCA; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0; }
.blog-detail .container-8 { display: flex; align-items: flex-start; gap: 16px; position: relative; flex: 1; flex-grow: 1; }
.blog-detail .input { display: flex; flex-direction: column; align-items: flex-start; padding: 19px 24px 18px; position: relative; flex: 1; align-self: stretch; flex-grow: 1; background-color: #ffffff1a; border-radius: 8px; overflow: hidden; border: 1px solid; border-color: #ffffff33; }
.blog-detail .container-9 { padding: 1px 0px 2px; position: relative; align-self: stretch; width: 100%; border: none; background: none; margin-top: -1px; font-family: "Nimbus Sans-Regular", Helvetica; font-weight: 400; color: #8b8fca; font-size: 16px; letter-spacing: 0; line-height: normal; }
.blog-detail .button { all: unset; box-sizing: border-box; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding: 19px 32px; position: relative; flex: 0 0 auto; background-color: #ba002c; border-radius: 8px; }
.blog-detail .text-9 { display: flex; align-items: center; justify-content: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #ffffff; font-size: 16px; text-align: center; letter-spacing: 0.16px; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .section-related { display: flex; flex-direction: column; align-items: flex-start; gap: 48px; padding: 80px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #ffffff; }
.blog-detail .container-10 { display: flex; align-items: flex-end; justify-content: space-between; position: relative; align-self: stretch; width: 100%; max-width: 1440px; margin: 0 auto; }
.blog-detail .container-11 { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 8px; position: relative; flex: 0 0 auto; }
.blog-detail .text-10 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #ba002c; font-size: 14px; letter-spacing: 0.7px; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .text-11 { display: flex; align-items: center; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 700; color: #0d1046; font-size: 30px; letter-spacing: 0; line-height: 36px; white-space: nowrap; position: relative; width: fit-content; margin-bottom: 0; }
.blog-detail .link-2 { align-items: center; gap: 7.99px; display: inline-flex; position: relative; flex: 0 0 auto; }
.social_link { display: flex; gap: 12px; }
.social_link a { padding: 12px; border: 1px solid #E3E5EB; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.blog-detail .text-12 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 600; color: #0d1046; font-size: 16px; letter-spacing: 0.16px; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .icon-2 { position: relative; width: 16px; height: 16px; }
.blog-detail .container-12 { display: flex; align-items: flex-start; justify-content: center; gap: 32px; position: relative; align-self: stretch; width: 100%; max-width: 1440px; margin: 0 auto; }
.blog-detail .related-card { display: flex; flex-direction: column; align-items: flex-start; position: relative; flex: 1; flex-grow: 1; background-color: #ffffff; border-radius: 12px; overflow: hidden; border: 1px solid; border-color: #e3e5eb; }
.blog-detail .container-13 { display: flex; flex-direction: column; height: 224px; align-items: flex-start; justify-content: center; position: relative; align-self: stretch; width: 100%; z-index: 1; }
.blog-detail .div-4 { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url(../img/multi-site-hardware-deployment.png); background-size: cover; background-position: 50% 50%; }
.blog-detail .overlay-overlayblur { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 4px 12px; position: absolute; top: 16px; left: 16px; background-color: #ffffffe6; border-radius: 4px; backdrop-filter: blur(6px) brightness(100%); -webkit-backdrop-filter: blur(6px) brightness(100%); }
.blog-detail .text-13 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; font-family: "Nimbus Sans-Bold", Helvetica; font-weight: 700; color: #0d1046; font-size: 10px; letter-spacing: 1px; line-height: 15px; white-space: nowrap; }
.blog-detail .container-14 { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; z-index: 0; }
.blog-detail .text-wrapper-6 { position: relative; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 400; color: #0d1046; font-size: 20px; letter-spacing: 0; line-height: 28px; max-width: 300px; margin-bottom: 0; }
.blog-detail .text-wrapper-7 { position: relative; align-self: stretch; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #777c88; font-size: 14px; letter-spacing: 0; line-height: 20px; margin-bottom: 0; }
.blog-detail .link-3 { display: flex; align-items: center; gap: 8px; padding: 11.5px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; padding-top: 0; }
.blog-detail .text-14 { display: flex; align-items: center; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 700; color: #0d1046; font-size: 14px; letter-spacing: 0; line-height: 20px; white-space: nowrap; position: relative; width: fit-content; }
.blog-detail .icon-3 { position: relative; width: 7.58px; height: 7.58px; }
.blog-detail .div-5 { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url(../img/global-retail-circuit-board.png); background-size: cover; background-position: 50% 50%; }
.blog-detail .zcflnmh { position: relative; flex: 1; align-self: stretch; width: 100%; flex-grow: 1; background-image: url(../img/fieldcore-neural-routing.png); background-size: cover; background-position: 50% 50%; }
.blog-detail a { color: inherit; }
.blog-detail .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.blog-detail .container>.div, .blog-detail .div-wrapper, .blog-detail .link-2, .blog-detail .link-3, .blog-detail .list .div-wrapper-2, .blog-detail .item, .blog-detail .link-4 { text-decoration: none; }
.blog-detail .container-9:focus { outline: none; }
.blog-detail .input:focus-within { border-color: #ffffff99; box-shadow: 0 0 0 3px #ffffff1a; }
.blog-detail .link:focus-visible, .blog-detail .container>.div:focus-visible, .blog-detail .div-wrapper:focus-visible, .blog-detail .link-2:focus-visible, .blog-detail .link-3:focus-visible, .blog-detail .list .div-wrapper-2:focus-visible, .blog-detail .item:focus-visible, .blog-detail .link-4:focus-visible { outline: 2px solid #ba002c; outline-offset: 4px; }
.blog-detail .button:focus-visible { outline: 2px solid #ffffff !important; outline-offset: 4px; }
.blog-detail .button:hover, .blog-detail .div-wrapper:hover { background-color: #980024; }
.blog-detail .link-2:hover .text-12, .blog-detail .link-3:hover .text-14 { color: #ba002c; }
@media (max-width: 1024px) {
.blog-detail .section-related { padding-right: 40px; padding-left: 40px; }
.blog-detail .newsletter-section { padding-right: 40px; padding-left: 40px; }
.blog-detail .text-wrapper-8 { width: 100%; margin-right: 0; }
}
@media (max-width: 768px) {
.blog-detail .main { padding-top: 40px; }
.blog-detail .article-content { width: calc(100% - 20px); }
.blog-detail .article-header { gap: 20px; width: 100%; margin: 0; }
.blog-detail .element-ways-AI-is { font-size: 34px; line-height: 42px; }
.blog-detail .element-ways-AI-is br, .blog-detail .in-the-competitive br, .blog-detail .p br, .blog-detail .text-8 br, .blog-detail .our-neural-network br { display: none; }
.blog-detail .border { align-items: flex-start; gap: 20px; padding-top: 24px; }
.blog-detail .border>.container-3:last-child { align-items: flex-end; flex-direction: column; }
.blog-detail .section-featured { width: calc(100% - 20px); height: 300px; padding-top: 0; margin: 0 10px; }
.blog-detail .article-content { padding: 48px 0; gap: 20px; }
.blog-detail .in-the-competitive { font-size: 18px; line-height: 28px; }
.blog-detail .background-border { padding: 32px 20px 20px; }
.blog-detail .container-5,.blog-detail .container-7 { flex-direction: column; align-items: stretch; }
.blog-detail .background-2 { width: 100%; flex: auto; }
.blog-detail .newsletter-section { padding: 48px 10px; }
.blog-detail .get-the-latest-in-AI { font-size: 30px; line-height: 36px; }
.blog-detail .container-8 { width: 100%; flex: none; }
.blog-detail .section-related { gap: 32px; padding: 48px 10px; }
.blog-detail .container-10 { align-items: flex-start; gap: 20px; flex-direction: column; }
.blog-detail .container-12 { align-items: stretch; flex-direction: column; }
.blog-detail .related-card { width: 100%; }
.blog-detail .container-15 { gap: 48px; }
.blog-detail .container-16,.blog-detail .container-19 { padding-bottom: 0; }
.blog-detail .horizontal-border { align-items: flex-start; gap: 20px; flex-direction: column; }
}
@media (max-width: 480px) {
.blog-detail .container-8 { align-items: stretch; flex-direction: column; }
.blog-detail .button { width: 100%; }
.blog-detail .border { flex-direction: column; }
.blog-detail .border>.container-3:last-child { align-items: center; flex-direction: row; }
.blog-detail .section-featured { height: 240px; }
.blog-detail .text-11 { font-size: 28px; line-height: 34px; }
}