.hero{height:auto;min-height:580px;max-height:none;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;padding:116px 6% 128px;overflow:hidden}.hero-copy{padding:0;max-width:none;min-width:0;z-index:3}.hero h1{font-size:42px;margin:12px 0;line-height:1.35}.hero h1 em{font-size:27px;letter-spacing:1px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero-copy p{font-size:12px;line-height:1.9}.hero-links{gap:12px;margin-top:22px}.hero-links .btn{padding:8px 20px;min-height:37px;font-size:12px;gap:0}.hero-product-tabs{top:28px;left:auto;right:6%;width:auto;justify-content:flex-end;gap:6px}.hero-product-tabs button{padding:8px 22px;font-size:12px}.whitepaper-link{position:absolute;top:28px;left:6%;margin:0;z-index:6;border:1px solid #9cc8dc65;border-radius:9px;padding:8px 15px;color:#d7eaf3;font-size:11px;display:flex;gap:12px;align-items:center}.whitepaper-link small{font-size:8px;margin:0;color:#94b6ca}.software-showcase{position:relative;margin:0;z-index:3;min-width:0;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);filter:drop-shadow(0 25px 30px #001c3b88)}.screen-frame{padding:7px;border:1px solid #75b6d185;border-radius:12px;background:linear-gradient(145deg,#527c97,#0a3155);box-shadow:0 0 45px #39a5bd28}.screen-frame img{display:block;width:100%;height:auto;border-radius:6px}.software-showcase figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#c1dce8;margin:12px 5px}.software-showcase small{font-size:8px;color:#7ca4bc}.hero .sea{opacity:.35}.hero-news{padding-top:12px;padding-bottom:12px}.about{grid-template-columns:180px 1fr;gap:35px;padding-top:35px;padding-bottom:35px}.about-visual{min-height:170px;height:170px}.logo-display .brand-logo{width:112px;height:86px;margin:0 0 35px}.about-visual .art-label{display:none}.team-stat{left:12px;right:12px;bottom:10px;padding-top:8px;gap:9px}.team-stat>strong{font-size:24px}.team-stat strong span{font-size:16px}.team-stat>div{font-size:8px;line-height:1.5}.team-stat small{display:none}.section.about h2{font-size:24px}.company-name{font-size:13px;margin:9px 0}.about p{font-size:12px;margin:8px 0}.values-line{font-size:10px!important}.about-links{gap:20px}.about-links a{font-size:11px}.application-grid{gap:17px;border:0}.application-grid article{padding:0;border:1px solid #dce7ef;overflow:hidden;background:white}.application-grid article+article{border:1px solid #dce7ef}.application-grid article>img{display:block;width:100%;height:105px;object-fit:cover}.application-grid article>div{padding:14px 16px}.application-grid h3{margin:0 0 6px;font-size:17px}.application-grid p{font-size:10px;line-height:1.7}.applications .section-head{margin-bottom:22px}.applications{padding-top:36px;padding-bottom:36px}.news-cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-cover-grid article{background:white;border:1px solid #dce7ef;overflow:hidden}.news-cover{position:relative;padding:0;border:0;background:#10457a;display:block;width:100%;height:130px;overflow:hidden}.news-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-cover:hover img{transform:scale(1.04)}.news-cover>span{position:absolute;right:10px;bottom:7px;font-size:8px;color:#c4dbe8}.news-cover-copy{padding:15px 18px}.news-cover-copy>small{font-size:10px;color:#3e8ba5}.news-cover-copy h3{margin:6px 0 0;font-weight:400;font-size:14px;line-height:1.8}.news-cover-copy h3 button{color:#204b70;border:0;background:none;padding:0;font:inherit;text-align:left}.news-cover-copy h3 button:hover{color:#1484a8}.news-section{padding-top:36px;padding-bottom:36px}.nav-toggle{margin-left:20px;border:1px solid #cbdde9;background:#f7fafc;color:#205a80;border-radius:5px;font-size:11px;padding:8px 12px;white-space:nowrap;cursor:pointer}header nav[hidden]{display:none!important}header{justify-content:flex-start}header .brand{margin-right:auto}header .nav-dropdown{border-radius:0 0 7px 7px}header nav.nav-stacked{position:absolute;top:calc(100% - 1px);right:5.5%;display:grid;gap:0;min-width:230px;padding:12px 18px;background:white;box-shadow:0 14px 35px #052d4e25;border:1px solid #dce7ef;z-index:30}header nav.nav-stacked>a,header nav.nav-stacked .nav-group>a{display:block;padding:9px 0;font-size:13px}header nav.nav-stacked .nav-contact{border:0}header nav.nav-stacked .nav-dropdown{position:static;display:block;box-shadow:none;border:0;padding:0 0 5px 12px}header nav.nav-stacked .nav-dropdown a{padding:5px 0;font-size:11px;color:#7690a3}.heroProductPanel{min-width:0}@media(max-width:1000px){header nav{gap:16px}header nav a{font-size:11px}.nav-toggle{margin-left:12px}.hero{gap:22px}.hero h1{font-size:36px}.hero h1 em{font-size:23px}.whitepaper-link{padding:8px 12px}}@media(max-width:760px){header{height:75px}.nav-toggle{font-size:10px;padding:7px 10px}header nav.nav-stacked a{display:block}.hero{grid-template-columns:1fr;padding:90px 6% 110px;gap:25px;min-height:0}.hero-product-tabs{top:20px;right:6%;gap:4px}.hero-product-tabs button{padding:7px 11px;font-size:10px}.whitepaper-link{top:20px;left:6%;padding:7px 10px;font-size:9px;gap:0}.whitepaper-link small{display:none}.hero-copy{padding:0}.hero h1{font-size:33px}.hero h1 em{font-size:24px}.hero-links{margin-top:16px}.hero-links .btn{font-size:11px;padding:7px 18px;min-height:33px}.software-showcase{max-width:520px;width:100%;transform:none}.software-showcase figcaption{font-size:9px;margin:8px 2px}.software-showcase small{font-size:7px}.hero-news{padding-top:9px;padding-bottom:9px}.about{grid-template-columns:90px 1fr;gap:18px}.about-visual{min-height:135px;height:135px}.logo-display .brand-logo{width:75px;height:62px;margin-bottom:27px}.team-stat{left:7px;right:7px;gap:3px;display:block;text-align:center}.team-stat>strong{font-size:20px}.team-stat>div{font-size:7px}.team-stat>div br{display:none}.section.about h2{font-size:19px}.about .eyebrow{font-size:8px;letter-spacing:1px}.about .eyebrow:before{width:16px}.about p{font-size:11px}.company-name{font-size:12px}.about .values-line{font-size:8px!important;letter-spacing:0}.application-grid{gap:12px}.application-grid article>img{height:90px}.application-grid article>div{padding:11px 12px}.application-grid h3{font-size:16px}.application-grid p{font-size:10px}.news-cover-grid{gap:12px;grid-template-columns:1fr}.news-cover-grid article{display:grid;grid-template-columns:34% 1fr}.news-cover{height:110px}.news-cover-copy{padding:14px}.news-cover-copy h3{font-size:13px}.hero-news-controls #heroNewsPrev{display:none}}

header #siteNavigation{display:flex!important;position:static;gap:24px;background:none;box-shadow:none;border:0;padding:0;min-width:0}header #siteNavigation>a,header #siteNavigation .nav-group>a{display:block}.cap-card-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cap-card-tabs button{padding:0;border:1px solid #d3e2ec;background:white;text-align:left;overflow:hidden;color:#285f84;border-radius:6px}.cap-card-tabs button img{display:block;width:100%;height:100px;object-fit:cover}.cap-card-tabs button>div{padding:13px 16px}.cap-card-tabs strong{display:block;font-size:17px;font-weight:400}.cap-card-tabs small{display:block;margin-top:3px;font-size:10px;color:#8299aa}.cap-card-tabs button[aria-selected=true]{border-color:#237d9b;box-shadow:0 0 0 1px #237d9b}.cap-card-tabs button[aria-selected=true]>div{background:#eaf5f8}.cap-field[hidden]{display:none!important}.cap-field{padding-top:30px}.more-services{padding:38px 6%;background:#103653;color:#e7f2f7}.services-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.services-heading .eyebrow{color:#80c8d5;font-size:9px}.services-heading h2{font-weight:400;font-size:25px;margin:7px 0}.services-heading p{font-size:11px;color:#94b5c9;margin:0}.service-case-link{display:block;padding:12px 20px;border:1px solid #6f9caf66;border-radius:5px;font-size:14px}.service-case-link span{display:block;font-size:10px;color:#8fb3c6;margin-top:2px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff1f;padding-top:22px;gap:25px}.services-grid h3{font-size:14px;font-weight:400;margin:0 0 9px;color:#a1d8e0}.services-grid p{font-size:12px;margin:0 0 4px;color:#d1e3ec}.services-grid small{font-size:10px;color:#789eb5}.services-grid a{display:inline-block;font-size:11px;color:#b9d2e0;margin:0 13px 7px 0}.services-grid a:hover{color:#ffcc35}.customers{padding-top:35px;padding-bottom:35px;background:#edf4f8}.customers .section-head{margin-bottom:20px}.customers h2{font-size:25px}.customers .section-head p{font-size:11px}.case-notice{background:#eaf2f7;border-left:3px solid #ffbf0b;padding:25px 30px;margin-bottom:30px}.case-notice h2{font-size:23px;font-weight:400;margin:0 0 12px}.case-notice p{font-size:13px;color:#718799;line-height:2}.case-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.case-directions>a{border:1px solid #d7e4ed;background:white;padding-bottom:18px}.case-directions img{width:100%;height:125px;object-fit:cover;display:block}.case-directions h3{font-size:17px;font-weight:400;margin:13px 16px 5px}.case-directions span{font-size:11px;color:#4184a0;margin-left:16px}@media(max-width:1050px){header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:15px}header #siteNavigation{gap:18px;flex-wrap:wrap}header #siteNavigation a{font-size:12px}}@media(max-width:760px){header{padding-top:12px;padding-bottom:12px;gap:12px}header .brand{width:100%}header #siteNavigation{width:100%;gap:5px 17px;justify-content:flex-start}header #siteNavigation>a,header #siteNavigation .nav-group>a{font-size:11px;padding:3px 0;border:0}header .nav-dropdown a{display:block}.cap-card-tabs{grid-template-columns:1fr 1fr;gap:10px}.cap-card-tabs button img{height:78px}.cap-card-tabs button>div{padding:10px 12px}.cap-card-tabs strong{font-size:15px}.cap-card-tabs small{font-size:9px}.services-grid{grid-template-columns:1fr 1fr;gap:22px 15px}.services-grid p{font-size:11px}.more-services{padding-top:30px;padding-bottom:30px}.services-heading h2{font-size:23px}.service-case-link{padding:9px 12px;font-size:12px}.customers h2{font-size:22px}.case-directions{grid-template-columns:1fr 1fr;gap:12px}.case-directions img{height:95px}.case-directions h3{font-size:15px}.case-notice{padding:20px}}

.tutorial-tabs{display:flex;gap:10px;border-bottom:1px solid #dce7ef;padding-bottom:16px}.tutorial-tabs button{background:#f2f7fa;border:1px solid #d4e3ec;padding:10px 22px;color:#537b96;font-size:13px;border-radius:5px}.tutorial-tabs button[aria-selected=true]{background:#155581;color:white;border-color:#155581}.tutorial-tabs small{margin-left:9px;font-size:10px;opacity:.7}.course-summary{padding:22px 0 16px;display:flex;gap:20px;align-items:center}.course-summary strong{font-size:14px;font-weight:400;color:#245f84}.course-summary span{font-size:11px;color:#8a9ead}.episode-list{border:1px solid #dce7ef;border-radius:6px;overflow:hidden}.episode-row{width:100%;display:grid;grid-template-columns:75px 1fr 1.3fr 90px;gap:15px;align-items:center;background:#fff;border:0;padding:18px 22px;text-align:left;color:#275b80}.episode-row+.episode-row{border-top:1px solid #e3edf2}.episode-row:hover{background:#f0f7fa}.episode-number{font-size:12px;color:#2883a0}.episode-row strong{font-weight:400;font-size:13px}.episode-info{font-size:11px;color:#8a9eac}.episode-row small{font-size:10px;color:#9badb9;text-align:right}.episode-time{font-size:10px;color:#7d96a7;text-align:right}#detailedPanel .episode-row{grid-template-columns:75px 1fr 90px 90px}header .nav-contact{border:0!important;padding:0!important;background:transparent!important;color:inherit!important}@media(max-width:760px){.tutorial-tabs button{padding:9px 14px;font-size:12px}.tutorial-tabs small{font-size:9px;margin-left:5px}.course-summary{display:block}.course-summary span{display:block;margin-top:7px;font-size:10px}.episode-row{grid-template-columns:52px 1fr 70px;padding:14px 12px;gap:8px}.episode-row strong{font-size:12px}.episode-info{display:none}.episode-number{font-size:10px}#detailedPanel .episode-row{grid-template-columns:52px 1fr 65px}#detailedPanel .episode-row small{display:none}.episode-time{font-size:9px}}

.team-overview{display:grid;grid-template-columns:245px 1fr;gap:35px;align-items:center}.team-brand-panel{display:flex;align-items:center;flex-direction:column;justify-content:center;background:linear-gradient(140deg,#e3eef7,#f3f9fc);border:1px solid #d7e6f0;border-radius:7px;padding:20px}.team-logo{width:135px;height:105px;display:block}.team-degree{border-top:1px solid #c4d9e8;width:100%;margin-top:14px;padding-top:15px;text-align:center}.team-degree strong{font:48px/1 Georgia;color:#175486}.team-degree strong span{font-size:29px;color:#dca600}.team-degree p{font-size:11px!important;margin:8px 0 0!important;line-height:1.5!important;color:#64859b!important}.team-overview-copy>p:first-child{margin-top:0}.team-overview-copy .tech-tags{gap:8px}.team-overview-copy .tech-tags span{font-size:11px;padding:6px 11px}@media(max-width:760px){.team-overview{grid-template-columns:1fr;gap:22px}.team-brand-panel{flex-direction:row;gap:20px;justify-content:flex-start;padding:18px}.team-logo{width:90px;height:72px}.team-degree{border-top:0;border-left:1px solid #c4d9e8;padding-top:0;padding-left:18px;margin:0;max-width:180px}.team-degree strong{font-size:40px}.team-degree strong span{font-size:24px}}
main>.inner-hero{box-sizing:border-box;height:180px;padding:25px 6%;display:flex;flex-direction:column;justify-content:center}main>.inner-hero h1{font-size:30px;line-height:1.35;margin:7px 0}main>.inner-hero p{font-size:12px;line-height:1.7;margin:6px 0 0}main>.inner-hero .eyebrow{font-size:9px;line-height:1.5}@media(max-width:760px){main>.inner-hero{height:155px;padding:21px 6%}main>.inner-hero h1{font-size:27px}}header{padding-left:14.4%;padding-right:14.4%}header #siteNavigation{gap:20px}header .brand strong{font-size:19px;letter-spacing:2px}header .brand small{letter-spacing:1px}@media(max-width:1050px){header{padding-left:6%;padding-right:6%}}
.partners{background:#edf4f8;padding-top:35px;padding-bottom:35px}.partners h2{font-size:25px}.partners .section-head p{font-size:11px}.case-example-note{padding:14px 18px;background:#edf5f9;border-left:3px solid #ffbf0b;font-size:12px;color:#6f899d;margin:0 0 25px;line-height:1.9}.case-filters{display:flex;align-items:end;gap:18px;padding:20px;background:white;border:1px solid #dce7ef;border-radius:5px;margin-bottom:27px}.case-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#527893}.case-filters select{background:#f9fcfe;border:1px solid #cbdeea;padding:9px 35px 9px 12px;color:#315f80;font:12px 'Microsoft YaHei',sans-serif;min-width:185px}.case-filters button{border:1px solid #d3e1eb;background:#fff;padding:9px 16px;color:#63869d;font-size:12px}.case-filters>span{margin-left:auto;align-self:center;font-size:11px;color:#8aa2b3}.case-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{text-align:left;padding:0;border:1px solid #d7e5ee;background:white;overflow:hidden;border-radius:7px;box-shadow:0 5px 20px #17466b05;transition:box-shadow .2s,transform .2s}.case-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #17466b18}.case-card-cover{height:160px;position:relative;background:#154b76}.case-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.case-card-cover>span{position:absolute;left:12px;top:12px;color:#c9e7ef;background:#0d304f99;border:1px solid #8abace44;font-size:9px;padding:3px 8px;border-radius:3px}.case-card-copy{padding:20px}.case-card-tag{font-size:10px;color:#388aa4}.case-card-copy h2{font-size:18px;font-weight:400;color:#235c82;margin:9px 0}.case-card-copy p{font-size:11px;color:#8297a7;line-height:1.9;margin:0}.case-card-bottom{border-top:1px solid #e4edf3;margin-top:17px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#7c98ad}.case-card-bottom span:last-child{color:#2d88a2}.case-empty{text-align:center;padding:60px 20px;color:#8ca2b2;border:1px dashed #c5d9e7;font-size:13px}.case-detail{width:min(1000px,92vw);max-width:1000px;padding:0;border:1px solid #b9d2e3;border-radius:9px;max-height:87vh}.case-detail-close{position:absolute;right:14px;top:10px;color:#5a7e96;font-size:25px;z-index:2;background:#fff;border:0;border-radius:50%;width:33px;height:33px}.case-detail-layout{display:grid;grid-template-columns:.85fr 1.15fr}.case-detail-visual{background:#103f67;min-height:450px;position:relative;display:flex;align-items:center}.case-detail-visual img{width:100%;display:block}.case-detail-visual>span{position:absolute;left:20px;bottom:20px;font-size:10px;color:#87b4ca}.case-detail-copy{padding:40px 35px}.case-detail-copy h2{font-size:25px;color:#23597f;margin:12px 0}.case-detail-copy>p{font-size:12px;line-height:1.9;color:#8298a8}.case-detail-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:23px 0;border-top:1px solid #dce7ef;border-bottom:1px solid #dce7ef;padding:18px 0}.case-detail-copy dt{font-size:10px;color:#90a7b8}.case-detail-copy dd{font-size:12px;color:#3f6f8f;margin:4px 0 0}.case-detail-copy h3{font-size:14px;color:#356c8d;font-weight:400}.case-detail-copy ul{padding-left:17px;color:#7d97a9;font-size:11px;line-height:2}.case-detail-copy .case-detail-note{font-size:10px;color:#99acba}@media(max-width:1200px){header{padding-left:10%;padding-right:10%}header #siteNavigation{gap:17px}}@media(max-width:1050px){header{padding-left:6%;padding-right:6%}}@media(max-width:760px){.partners h2{font-size:22px}.case-filters{flex-wrap:wrap;gap:12px;padding:15px}.case-filters label{flex:1;min-width:125px}.case-filters select{min-width:0;width:100%;padding-right:18px}.case-filters>span{font-size:10px}.case-card-grid{grid-template-columns:1fr;gap:18px}.case-card-cover{height:155px}.case-card-copy h2{font-size:18px}.case-detail-layout{grid-template-columns:1fr}.case-detail-visual{min-height:160px;max-height:190px;overflow:hidden}.case-detail-visual img{height:190px;object-fit:cover}.case-detail-visual>span{bottom:12px;font-size:9px}.case-detail-copy{padding:25px}.case-detail-copy h2{font-size:22px}.case-detail-copy dl{gap:14px}.case-detail-copy .eyebrow{font-size:8px}}
.services-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}.services-heading{margin-bottom:22px}@media(max-width:760px){.services-grid{grid-template-columns:1fr 1fr;gap:23px 15px}}header .brand{position:relative;left:-32px}@media(max-width:760px){header .brand{left:0}}
.contact-invitation{font-size:18px!important;color:#cbe6ef!important;margin:8px 0!important;font-weight:400}.services-grid{grid-template-columns:repeat(4,1fr)}.product-page-switch{position:sticky;top:0;z-index:25;display:flex;justify-content:center;gap:8px;padding:12px 6%;background:#0d3659f5;border-bottom:1px solid #69a7bc40;backdrop-filter:blur(10px)}.product-page-switch a{display:block;color:#c1deec;font-size:12px;padding:8px 32px;border:1px solid #5489a344;border-radius:4px}.product-page-switch a[aria-current=page]{background:#ffbf0b;color:#173f65;border-color:#ffbf0b}.product-page-switch a:hover{border-color:#ffbf0b}.product-page-switch+.hero{padding-top:90px}.product-page-switch+.hero .whitepaper-link{top:22px}@media(max-width:760px){.services-grid{grid-template-columns:1fr 1fr}.product-page-switch{padding:9px 6%;gap:6px}.product-page-switch a{padding:7px 23px;font-size:11px}.contact-invitation{font-size:16px!important}.product-page-switch+.hero{padding-top:75px}}

/* Blend navigation into the same deep-ocean visual language as the first panel. */
header{background:linear-gradient(110deg,#092e5b,#104c76);border-bottom:1px solid #72b7ce12;box-shadow:none;height:82px}header .brand strong{color:#ecf6fb}header .brand small{color:#87b2ca}header #siteNavigation{background:transparent!important}header #siteNavigation>a,header #siteNavigation .nav-group>a{color:#c3dce9}header #siteNavigation>a:hover,header #siteNavigation .nav-group>a:hover{color:#ffce46}header .nav-dropdown{background:#103d62;border:1px solid #5487a34a;border-top:0;box-shadow:0 16px 32px #001e3c40}header .nav-dropdown a{color:#b7d6e5}header .nav-dropdown a:hover{background:#1b5277;color:#ffcf45}.brand-logo{filter:drop-shadow(0 0 8px #a6dce822)}.hero{background:radial-gradient(ellipse at 75% 42%,#176c8b55,transparent 55%),linear-gradient(110deg,#092e5b,#104c76)}.inner-hero,.product-detail-hero{background:linear-gradient(110deg,#092e5b,#104c76)}.hero-product-tabs{padding:4px;gap:0;border:1px solid #78afc450;background:#072a4c80;border-radius:25px;top:26px}.hero-product-tabs button{border:0!important;border-radius:19px!important;padding:5px 22px!important;min-height:28px;font-size:11px!important;background:transparent;line-height:1.5;transition:background .3s,color .3s}.hero-product-tabs button[aria-selected=true]{background:#ffca34;box-shadow:0 2px 9px #001b3b30}.hero-news{padding-top:16px;padding-bottom:16px}.hero-product-panel-transition #heroProductTitle{animation:productReveal .35s ease}@keyframes productReveal{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.haijing-audience-line{font-size:12px!important;color:#748d9e!important;margin:8px 0 0!important;max-width:none!important;white-space:nowrap}.bili-classroom{display:flex;flex-direction:column;align-items:center;gap:6px;color:#ef88a7;font-size:11px;text-align:center}.bili-classroom svg{width:43px;height:34px}.bili-classroom small{font-size:9px;color:#9eafbc}.bili-classroom:hover{color:#d95886}.footer-bili a{display:flex!important;gap:7px;align-items:center}.footer-bili svg{width:25px;height:20px;color:#e9a1b9}.footer-bili small{display:block}.services-grid{grid-template-columns:repeat(5,1fr);gap:20px}.square-capabilities{grid-template-columns:repeat(3,1fr);max-width:940px;margin-left:auto;margin-right:auto}.square-capabilities article{aspect-ratio:1;padding:25px;display:flex;flex-direction:column;justify-content:center;border-radius:9px;background:linear-gradient(145deg,#fff,#eff6fa)}.square-capabilities article>span{font:11px monospace;color:#6aaec1;letter-spacing:2px}.square-capabilities h3{font-size:22px;margin:16px 0 12px}.square-capabilities p{font-size:12px;line-height:2}.deepblue-workflow{padding-top:35px;padding-bottom:35px}.deepblue-workflow .section-head{margin-bottom:21px}.workflow-tabs{display:flex;gap:8px;border-bottom:1px solid #d1e2ed;padding-bottom:14px}.workflow-tabs button{flex:1;background:#edf4f8;border:1px solid #d1e2ed;border-radius:7px;padding:10px 12px;color:#4e7b97;font-size:13px}.workflow-tabs button[aria-selected=true]{background:#174f7c;color:#fff;border-color:#174f7c}.workflow-panels{margin-top:17px}.workflow-panels article{padding:23px 28px;border:1px solid #d5e4ee;background:#f0f6fa;border-radius:8px;display:grid;grid-template-columns:40px 150px 1fr;align-items:center;gap:15px}.workflow-panels h3{font-size:21px;font-weight:400;color:#245f87;margin:0}.workflow-panels .workflow-num{color:#74a9bd}.workflow-panels ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;margin:0}.workflow-panels li{font-size:12px;color:#527c98;background:white;border:1px solid #d7e6ef;padding:9px;text-align:center;border-radius:4px}.hero:has(.hero-copy#heroProductPanel):not(:has(.hero-product-tabs)){padding-top:65px}@media(max-width:1050px){header{height:auto;min-height:80px}}@media(max-width:760px){header{min-height:100px}.hero-product-tabs{top:20px;padding:3px}.hero-product-tabs button{padding:4px 13px!important;min-height:25px;font-size:10px!important}.hero-news{padding-top:13px;padding-bottom:13px}.haijing-audience-line{white-space:normal;font-size:11px!important}.bili-classroom{margin-top:14px;align-items:flex-start;text-align:left}.bili-classroom svg{width:34px;height:27px}.services-grid{grid-template-columns:1fr 1fr}.square-capabilities{gap:12px;grid-template-columns:1fr 1fr}.square-capabilities article{padding:17px;aspect-ratio:1}.square-capabilities h3{font-size:16px;margin:9px 0}.square-capabilities p{font-size:10px;line-height:1.8}.workflow-tabs{gap:4px;flex-wrap:wrap}.workflow-tabs button{min-width:28%;font-size:11px;padding:8px}.workflow-panels article{grid-template-columns:30px 1fr;gap:10px;padding:18px}.workflow-panels h3{font-size:18px}.workflow-panels ul{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px}.workflow-panels li{font-size:11px;padding:8px}.hero:has(.hero-copy#heroProductPanel):not(:has(.hero-product-tabs)){padding-top:40px}}
header #siteNavigation .nav-contact{color:#c3dce9!important}header #siteNavigation .nav-contact:hover{color:#ffce46!important}
.section h2,.product-page-heading,.inner-block h2,.case-notice h2{font-size:25px!important;font-weight:600!important}.section.home-team h2{font-size:19px!important}.more-services h2{font-size:23px!important;font-weight:600!important}.cap-field-content h2{font-size:27px!important;font-weight:600!important}@media(max-width:760px){.section h2,.product-page-heading,.inner-block h2,.case-notice h2{font-size:23px!important}.section.home-team h2{font-size:18px!important}.more-services h2{font-size:21px!important}.cap-field-content h2{font-size:23px!important}}

header{padding-left:3.5%}header .brand{left:0}@media(max-width:760px){header{padding-left:5%;padding-right:5%}}
header .brand-logo{width:82px;height:66px}header .brand{gap:13px}@media(max-width:760px){header .brand-logo{width:64px;height:52px}header .brand{gap:10px}}

/* Readable descriptive copy, shared across product and company pages. */
.product-intro,.product-detail-hero p,.hero-copy p,.inner-block p,.section-head p,.hai-function-audience{font-size:16px!important;line-height:1.9!important}
.deepblue-ability-strip p,.haijing-benefits p,.hai-subpanel p,.workflow-subpanel p,.architecture-branch p,.library-panel p,.ai-panel p{font-size:14px!important;line-height:1.85!important}
.eyebrow,.hai-panel-label,.flow-caption{font-size:12px!important;letter-spacing:1px}
.haijing-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.deepblue-ability-strip article{min-width:0}.deepblue-ability-strip p{overflow-wrap:anywhere}
header #siteNavigation{gap:17px!important;flex-wrap:wrap}header{height:auto!important;min-height:82px;gap:14px}header .brand{flex-shrink:0}
.career-note{padding:16px 20px;background:#edf4f8;border-left:3px solid #61b9c5;color:#56748d;line-height:1.8}.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.career-grid article{padding:22px;background:#edf4f8;border-radius:10px}.career-grid h3{color:#205578;font-size:18px}.career-job{padding:20px 0;border-bottom:1px solid #d1e0e9}.career-job summary{cursor:pointer;font-weight:700;font-size:18px;color:#205578}.career-job summary span{float:right;font-size:12px;color:#718b9d;font-weight:400}.career-job h3{font-size:16px;margin-top:20px}
@media(max-width:760px){.haijing-benefits,.career-grid{grid-template-columns:1fr 1fr!important}.product-intro,.product-detail-hero p,.inner-block p{font-size:15px!important}.career-job summary span{display:block;float:none;margin-top:8px}header #siteNavigation{gap:8px 15px!important}}
@media(max-width:480px){.career-grid{grid-template-columns:1fr!important}}

/* Product overview cards: stronger titles and lighter descriptions. */
.deepblue-ability-strip h3{font-size:15px!important;font-weight:700;line-height:1.55}
.haijing-benefits h3{font-size:16px!important;font-weight:700}
.deepblue-ability-strip p,.haijing-benefits p{font-size:13px!important;line-height:1.8!important}
.product-body h3{font-size:21px!important}.product-body .product-subtitle{font-size:13px!important}
.agent-abilities{grid-template-columns:repeat(4,minmax(0,1fr))!important}.agent-abilities article{padding:24px 20px}
#products .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-direct-link{cursor:pointer}.product-direct-link:focus-visible{outline:2px solid #f4c149;outline-offset:7px}
.hero-news{padding-top:22px!important;padding-bottom:22px!important;gap:22px}
.hero-news-label strong{font-size:16px!important;font-weight:700}.hero-news-label small{font-size:11px!important}
.hero-news-window{height:44px!important}#heroNewsTrack>button{height:44px!important;min-height:44px;box-sizing:border-box;font-size:15px!important;line-height:1.5}
#heroNewsTrack>button span{font-size:12px!important}.hero-news-controls a{font-size:13px!important}.hero-news-controls button{font-size:12px!important}
#news .news-item h3,#news .news-card h3{font-size:19px}#news{padding-top:48px;padding-bottom:48px}
.hero:has(.hero-news){min-height:650px;padding-bottom:130px!important}
.contact-muted{filter:blur(6px);pointer-events:none;user-select:none}
.contact-focus-backdrop{position:fixed;inset:0;background:#041a35a8;border:0;z-index:90;cursor:default}
#more-services.contact-focused{position:relative;z-index:100;box-shadow:0 18px 70px #00132780;outline:1px solid #85c6da66;scroll-margin:24px}
.contact-focus-close{position:absolute;right:24px;top:20px;border:1px solid #89baca88;border-radius:6px;background:#123f60;color:#e7f4fa;padding:9px 14px;cursor:pointer}
#more-services.contact-focused .services-heading{padding-right:100px}
.nav-dropdown{min-width:180px}
@media(max-width:1050px){#products .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.agent-abilities{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-news{padding-top:17px!important;padding-bottom:17px!important;gap:8px 12px}.hero-news-controls a{font-size:11px!important}.hero-news-controls button{font-size:11px!important}#heroNewsTrack>button{font-size:13px!important}.hero-news-window,#heroNewsTrack>button{height:52px!important}#heroNewsTrack>button{min-height:52px;white-space:normal}.hero:has(.hero-news){padding-bottom:150px!important}.product-body h3{font-size:18px!important}.contact-focus-close{right:14px;top:18px}}
@media(max-width:480px){#products .products{grid-template-columns:1fr}.hero-news-label strong{font-size:14px!important}}

.product-feature-grid h3{font-size:19px!important}.product-feature-grid p{font-size:12px!important;line-height:1.85}

/* A unified ocean palette for product presentations. */
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.hero-copy h1,#heroProductTitle{font-size:46px;font-weight:650;letter-spacing:1px;line-height:1.3;color:#f0f7fc;margin-bottom:18px}
.hero-copy h1 em,#heroProductTitle em{display:inline-block;font-size:25px;line-height:1.5;font-style:normal;font-weight:500;letter-spacing:.6px;color:#a8d9e7;margin-top:13px}
.hero-copy .eyebrow{color:#7cbacc;letter-spacing:2px;font-weight:500}
.hero-copy p{font-size:15px!important;line-height:1.95!important;color:#b8cfdf;max-width:490px;font-weight:400}
.hero-links{gap:12px;align-items:center;margin-top:25px}
.btn,.hero-links .btn{background:#268da9!important;color:#f6fbfd!important;border:1px solid #53aec3!important;border-radius:7px;padding:10px 22px;font-size:13px;font-weight:500;box-shadow:0 5px 16px #00182d20;transition:background .2s,border-color .2s}
.btn:hover,.hero-links .btn:hover{background:#32a1ba!important;border-color:#80ccd9!important}
.btn.ghost,.hero-links .btn.ghost{background:#ffffff06!important;border-color:#729db666!important;color:#c4deeb!important;box-shadow:none}
.btn.ghost:hover{background:#ffffff10!important;border-color:#8fbdce!important}
.hero-links .text-link{color:#9ec9db;font-size:13px}
.hero-product-tabs{background:#082c4c9c!important;border:1px solid #8cb8cc44!important;box-shadow:inset 0 1px 0 #ffffff08;padding:4px!important}
.hero-product-tabs button{color:#9bbcd0!important;font-weight:500;letter-spacing:.3px;padding:6px 19px!important;transition:background .25s,color .25s,box-shadow .25s}
.hero-product-tabs button[aria-selected=true]{background:#2e829f!important;color:#f1fafc!important;border-color:transparent!important;box-shadow:0 2px 7px #001c3540!important}
.hero-product-tabs button:hover{color:white!important;background:#275d7a88}
.product-detail-hero h1{font-weight:650;letter-spacing:1px;color:#eef7fd}.product-detail-hero h2{color:#a8d9e7;font-weight:500}
.hero-news-controls a{color:#97d2e1!important}.hero-news .live-dot{background:#65b6c9!important}
.hero h1 em{color:#a8d9e7!important}header #siteNavigation a:hover{color:#8bd1e0!important}
.terrain-overview{font-size:15px;line-height:1.95;color:#5b798d;margin:0 0 24px;max-width:1120px}
@media(max-width:760px){.hero-copy h1,#heroProductTitle{font-size:36px}.hero-copy h1 em,#heroProductTitle em{font-size:21px}.hero-copy p{font-size:14px!important;line-height:1.9!important}.hero-product-tabs button{padding:5px 15px!important}.terrain-overview{font-size:14px}.hero-links .btn{padding:9px 17px}}

/* Homepage company and product labels. */
#company-overview .home-team-copy p{font-size:16px!important;line-height:1.9;color:#56768b}
#company-overview .home-team-copy h2{font-size:24px!important}
#company-overview .home-team-brand small{font-size:13px!important;line-height:1.6;white-space:normal}
#products .product-body .tag{font-size:13px!important;line-height:1.6;font-weight:500}
.deepblue-ai-linkage{font-size:16px;line-height:1.9;color:#5b798e;margin:0 0 28px;max-width:1120px}
.ai-independent-link{display:inline-block;margin-top:22px;color:#277f9c;font-size:14px}
@media(max-width:760px){#company-overview .home-team-copy p{font-size:15px!important}#company-overview .home-team-copy h2{font-size:21px!important}#company-overview .home-team-brand small{font-size:12px!important}.deepblue-ai-linkage{font-size:15px}}

/* Four product selectors keep the hero balanced across screen sizes. */
.hero:has(#heroTabAgent){height:auto!important;min-height:700px;grid-template-rows:auto}
.hero-product-tabs{max-width:88%;flex-wrap:wrap}
.hero-product-tabs button{white-space:nowrap}
#heroProductPanel[aria-labelledby="heroTabAgent"] p{font-size:14px!important;line-height:1.85!important}
@media(max-width:760px){.hero-product-tabs{left:6%!important;right:6%!important;justify-content:center!important;max-width:none;top:22px!important}.hero-product-tabs button{padding:5px 11px!important;font-size:11px!important}.hero:has(#heroTabAgent){padding-top:105px!important;min-height:850px}.hero-copy h1{font-size:32px}#heroProductPanel[aria-labelledby="heroTabAgent"] h1{font-size:30px}#heroProductPanel[aria-labelledby="heroTabAgent"] p{font-size:13px!important}}

/* Keep links and the product menu button on the same typographic baseline. */
header .product-menu-trigger {
  color: #c3dce9;
  background: transparent;
  border: 0;
  cursor: pointer;
}
header .product-menu-trigger:hover,
header .product-menu-trigger:focus-visible { color: #8bd1e0; }
header .product-menu-open > .nav-dropdown { display: block; }
header .nav-dropdown { z-index: 100; }
header #siteNavigation > a,
header #siteNavigation > .nav-group > :is(a, button) {
  display: block;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap;
}
header #siteNavigation .nav-dropdown a {
  font-size: 13px;
  line-height: 1.5;
}
@media (max-width: 760px) {
  header #siteNavigation {
    display: grid !important;
    width: 100%;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px !important;
  }
  header #siteNavigation > a,
  header #siteNavigation > .nav-group > :is(a, button) {
    width: 100%;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
  }
  header #siteNavigation .nav-dropdown { left: 0; }
}
@media (max-width: 480px) {
  header #siteNavigation { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  header #siteNavigation > .nav-group:is(:nth-child(3), :nth-child(4)) > .nav-dropdown {
    left: auto;
    right: 0;
  }
}
/* Mobile controls occupy separate rows instead of sharing absolute coordinates. */
@media(max-width:760px){
 .hero:has(#companyWhitepaper):has(#heroTabAgent){grid-template-columns:minmax(0,1fr);padding-top:24px!important;min-height:0!important;row-gap:20px;align-items:start}
 .hero #companyWhitepaper{position:relative!important;inset:auto!important;grid-column:1;grid-row:1;justify-self:start;margin:0!important;padding:8px 12px;font-size:11px}
 .hero:has(#companyWhitepaper) .hero-product-tabs{position:relative!important;inset:auto!important;grid-column:1;grid-row:2;width:100%;max-width:100%;box-sizing:border-box;margin:0;display:flex;justify-content:center!important;gap:2px;border-radius:22px}
 .hero:has(#companyWhitepaper) .hero-copy{grid-column:1;grid-row:3}
 .hero:has(#companyWhitepaper) .software-showcase{grid-column:1;grid-row:4}
 .hero:has(#companyWhitepaper) .hero-product-tabs button{padding:6px 10px!important;font-size:11px!important;flex:1 0 auto}
}

.product-detail-hero:has(.unified-product-tabs){position:relative;padding-top:105px}
.hero:has(.unified-product-tabs){position:relative;padding-top:105px!important}
.technical-features-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.deepblue-directions,.deepblue-technologies{padding-top:28px;padding-bottom:28px}
@media(max-width:1050px){.technical-features-grid{grid-template-columns:repeat(5,150px)!important}}
@media(max-width:760px){
 .product-detail-hero:has(.unified-product-tabs),.hero:has(.unified-product-tabs){padding-top:24px!important;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .unified-product-tabs{position:relative!important;inset:auto!important;grid-column:1;grid-row:1;width:100%;max-width:100%;box-sizing:border-box;justify-content:center!important;margin:0}
 .unified-product-tabs button{padding:6px 10px!important;font-size:11px!important;flex:1 0 auto}
 .hero:has(.unified-product-tabs) .hero-copy{grid-column:1;grid-row:2}
 .hero:has(.unified-product-tabs) .software-showcase{grid-column:1;grid-row:3}
 .product-detail-hero:has(.unified-product-tabs)>div{min-width:0}
}

/* Explicit positioning also applies on product pages without homepage inline styles. */
main>section>.unified-product-tabs{position:absolute!important;top:20px!important;right:6%!important;left:auto!important;bottom:auto!important;display:flex;width:auto;max-width:88%;align-items:center;justify-content:flex-end;gap:0;padding:4px!important;border-radius:25px;z-index:8;flex-wrap:wrap}
main>section>.unified-product-tabs button{border:0;border-radius:19px;background:transparent;line-height:1.5;min-height:25px;cursor:pointer}
#application-directions .application-directions-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  border: 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}
#application-directions .application-directions-grid article {
  padding: 18px 20px;
  text-align: left;
  background: #fff;
  border: 1px solid #d8e5ee;
  border-radius: 12px;
}
.application-directions-grid article:focus-within,
.application-directions-grid article:hover {
  box-shadow: 0 4px 14px #235a7f14;
}
.application-directions-grid article svg { margin: 0 0 10px; }
.application-directions-grid article h3 { display: block; min-height: 0; }
@media (max-width: 900px) {
  #application-directions .application-directions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  #application-directions .application-directions-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}
@media(max-width:760px){main>section>.unified-product-tabs{position:relative!important;inset:auto!important;grid-column:1;grid-row:1;width:100%;max-width:100%;justify-content:center!important;box-sizing:border-box}}

main > section > .unified-product-tabs > a {
  display: block;
  border-radius: 19px;
  color: #9bbcd0;
  padding: 6px 19px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
}
main > section > .unified-product-tabs > a:hover,
main > section > .unified-product-tabs > a:focus-visible {
  color: white;
  background: #275d7a88;
}
main > section > .unified-product-tabs > a[aria-current="page"] {
  color: #f1fafc;
  background: #2e829f;
}
#main-functions .workflow-module { scroll-margin-top: 96px; }
.direction-function-link { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.direction-function-link:hover, .direction-function-link:focus-visible { color: #187791; }
@media (max-width: 760px) {
  main > section > .unified-product-tabs > a { padding: 6px 10px; flex: 1 0 auto; }
}

.section.deepblue-product-intro { padding-block: clamp(24px, 3vw, 40px); }
.deepblue-product-intro .product-page-heading { margin-bottom: 10px; }
.deepblue-product-intro .product-intro { margin-block: 0; }