.obcn{--ob-accent:#1769d2;--ob-navy:#07152e;--ob-text:#16263d;--ob-muted:#61718a;--ob-border:#dfebf6;--ob-bg:#f3f8fe;color:var(--ob-text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC",sans-serif;background:#fff;overflow:hidden}
.obcn *{box-sizing:border-box}.obcn a{text-decoration:none}.obcn h1,.obcn h2,.obcn h3,.obcn h4,.obcn p{margin-top:0}.obcn h1,.obcn h2,.obcn h3{font-weight:750;letter-spacing:-.035em;line-height:1.23}.obcn p{color:var(--ob-muted)}.obcn .ob-container{width:min(1160px,calc(100% - 48px));margin:auto}
.obcn-page #masthead,.obcn-page #colophon,.obcn-page #secondary,.obcn-page .entry-header,.obcn-page .post-navigation,.obcn-page .comments-area{display:none!important}.obcn-page #primary,.obcn-page .content-container,.obcn-page .site-container,.obcn-page .content-area,.obcn-page .site-main,.obcn-page .entry-content-wrap,.obcn-page .entry-content{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.obcn-page .site-main>.content-wrap{max-width:none!important;padding:0!important}.obcn-page .entry-content>*{max-width:none!important}.obcn-page .entry-content{font-size:inherit}
.ob-topline{background:#07162f;color:#a6c4e7;font-size:11px;letter-spacing:.16em;padding:6px 0;text-transform:uppercase}.ob-header{background:#fff;border-bottom:1px solid #eaf0f7;position:relative;z-index:3}.ob-header-inner{display:flex;align-items:center;gap:18px;min-height:84px}.ob-brand{display:flex;gap:10px;align-items:center;color:#0d244a!important;min-width:225px}.ob-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ob-accent);color:#fff;font-size:23px;font-weight:800;transform:skew(-8deg)}.ob-brand strong{display:block;font-size:19px;line-height:1.25;letter-spacing:.035em}.ob-brand small{display:block;color:#7a8ba2;font-size:10px;letter-spacing:.045em;white-space:nowrap}.ob-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.ob-nav a{color:#37516f!important;font-size:13px;font-weight:650;white-space:nowrap;padding:8px 0}.ob-nav a:hover,.ob-nav a.active{color:var(--ob-accent)!important}.ob-nav-cta{padding:10px 17px;background:var(--ob-accent);border-radius:5px;color:#fff!important;font-size:13px;font-weight:700;white-space:nowrap;margin-left:12px}
.ob-hero{position:relative;background:radial-gradient(circle at 75% 40%,#174580 0%,#0b254d 31%,#081a38 72%,#06142c 100%);color:#fff;min-height:505px;overflow:hidden}.ob-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#67bbff12 1px,transparent 1px),linear-gradient(90deg,#67bbff12 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent 20%,#000 100%)}.ob-hero-grid{position:relative;min-height:505px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:24px}.ob-hero-copy{padding:70px 0;position:relative;z-index:1}.ob-kicker,.ob-eyebrow{display:inline-block;color:#3ab9fb;font-size:11px;font-weight:800;letter-spacing:.17em;margin-bottom:20px}.ob-kicker:before{content:"";display:inline-block;width:16px;height:2px;background:#3ab9fb;vertical-align:middle;margin-right:10px}.ob-hero h1{font-size:clamp(36px,4.2vw,58px);line-height:1.18;margin-bottom:21px;color:#fff;letter-spacing:-.045em}.ob-hero h1 em{color:#57caff;font-style:normal}.ob-hero p{font-size:16px;max-width:560px;color:#bdd0e8;line-height:1.95}.ob-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.ob-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ob-accent);color:#fff!important;border:1px solid var(--ob-accent);border-radius:5px;padding:11px 23px;font-size:14px;font-weight:750;min-height:46px;cursor:pointer;transition:transform .2s,filter .2s}.ob-btn:hover,.ob-nav-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.ob-btn-outline{background:transparent;border-color:#64809f;color:#eaf6ff!important}
.ob-hero-art{position:relative;width:min(440px,100%);height:400px;justify-self:end;display:grid;place-items:center}.ob-orbit{position:absolute;border:1px solid #6ec9ff33;border-radius:50%;transform:rotate(-25deg)}.ob-orbit-1{width:375px;height:195px}.ob-orbit-2{width:320px;height:320px;border-style:dashed;opacity:.42}.ob-chip{position:relative;z-index:1;width:245px;height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#1d5b9e,#0a244b 75%);border:1px solid #6dc7ff75;box-shadow:0 26px 75px #0007,0 0 55px #3b9dff39,inset 0 0 20px #ffffff13;border-radius:17px;color:#fff;font-size:24px;letter-spacing:.15em;font-weight:900;transform:perspective(700px) rotateY(-13deg) rotateX(9deg)}.ob-chip:before,.ob-chip:after{content:"";position:absolute;left:20px;right:20px;height:8px;background:repeating-linear-gradient(90deg,#60c8ff 0 9px,transparent 9px 18px)}.ob-chip:before{top:-9px}.ob-chip:after{bottom:-9px}.ob-chip span{font-size:8px;font-weight:500;letter-spacing:.1em;color:#9edbff;margin-top:7px}.ob-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:#51d2ff;box-shadow:0 0 18px #51d2ff}.ob-pulse-a{top:37px;left:75px}.ob-pulse-b{right:34px;top:150px}.ob-pulse-c{bottom:35px;left:108px}.ob-art-caption{position:absolute;bottom:8px;right:0;font-size:9px;letter-spacing:.22em;color:#69acdf}
.ob-proof{background:#0b2446;color:#adc5df}.ob-proof .ob-container{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:65px;font-size:12px;font-weight:650;letter-spacing:.1em}.ob-proof span:before{content:"+";color:#49caff;margin-right:12px;font-size:18px;font-weight:300}
.ob-section{padding:92px 0}.ob-section-soft{background:var(--ob-bg)}.ob-section-dark{background:#0b2245}.ob-section-head{margin-bottom:38px;max-width:750px}.ob-section-head .ob-eyebrow{margin-bottom:15px;color:var(--ob-accent)}.ob-section h2,.ob-cta h2{font-size:clamp(28px,3vw,39px);margin:0 0 15px;color:#0d2444}.ob-section-head p{font-size:15px;line-height:1.9;max-width:670px;margin-bottom:0}.ob-grid{display:grid;gap:18px}.ob-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ob-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ob-card{background:#fff;border:1px solid #e1eaf4;border-radius:8px;padding:28px;min-height:230px;box-shadow:0 12px 35px #0c396b08;display:flex;flex-direction:column}.ob-card .ob-n{font-size:12px;letter-spacing:.1em;font-weight:850;color:var(--ob-accent);margin-bottom:34px}.ob-card h3{font-size:19px;color:#0e294e;margin-bottom:13px}.ob-card p{font-size:14px;line-height:1.9;margin-bottom:20px}.ob-textlink{color:var(--ob-accent)!important;font-size:13px;font-weight:780;display:inline-block;margin-top:auto}.ob-textlink:hover{text-decoration:underline}.ob-card .ob-pill{font-size:12px;color:#2c6695;margin-top:auto;background:#ebf5ff;border-radius:3px;padding:5px 8px;align-self:flex-start}
.ob-split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.ob-split>div>p{line-height:2}.ob-check{list-style:none!important;padding:0!important;margin:22px 0 29px!important}.ob-check li{padding:10px 0 10px 29px;position:relative;color:#35506b;font-size:14px}.ob-check li:before{content:"✓";position:absolute;left:0;color:var(--ob-accent);font-weight:900}.ob-device{min-height:330px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 35%,#d8edff,#eaf4ff 60%,#e7f2ff);border:1px solid #d9e9fa;border-radius:10px;overflow:hidden}.ob-device:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3978b412 1px,transparent 1px),linear-gradient(90deg,#3978b412 1px,transparent 1px);background-size:28px 28px}.ob-device-tag{position:absolute;left:23px;top:22px;color:#6b8dac;font-size:10px;letter-spacing:.18em;font-weight:750}.ob-device-box{position:relative;width:205px;height:190px;border-radius:12px;background:linear-gradient(145deg,#18375b,#0d2344);box-shadow:18px 18px 0 #9ab9d2,23px 28px 28px #779ab866;color:#fff;padding:24px}.ob-device-box strong{display:block;margin-top:45px;font-size:17px}.ob-device-box small{font-size:10px;color:#90b6db}.ob-leds{display:flex;gap:9px}.ob-leds i{width:7px;height:7px;background:#3fdfd1;border-radius:50%;box-shadow:0 0 9px #3fdfd1}.ob-leds i:nth-child(2){background:#4ca3ff;box-shadow:0 0 9px #4ca3ff}.ob-leds i:nth-child(3){background:#f4b456;box-shadow:0 0 9px #f4b456}.ob-device-line{height:1px;background:#2b6294;margin-top:15px}.ob-device>p{position:relative;z-index:1;font-size:10px;margin:28px 0 0;color:#7996af}
.ob-case-card{background:#fff;border:1px solid var(--ob-border);border-radius:8px;padding:29px;min-height:240px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.ob-case-card:hover{box-shadow:0 18px 35px #0c376516;transform:translateY(-2px)}.ob-case-top,.ob-case-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.ob-case-top{font-size:11px;letter-spacing:.09em;color:var(--ob-accent);font-weight:750}.ob-case-top span:last-child{color:#6c83a0;background:#f1f6fb;padding:3px 7px;letter-spacing:0}.ob-case-card h3{font-size:21px;color:#102c50;margin:25px 0 14px}.ob-case-card p{font-size:14px;line-height:1.9}.ob-case-bottom{margin-top:auto;border-top:1px solid #edf1f6;padding-top:19px;font-size:12px;color:#8292a6}.ob-more{text-align:center;margin-top:34px}.ob-section-dark .ob-section-head h2{color:#fff}.ob-section-dark .ob-card{background:#12305a;border-color:#28486f;box-shadow:none}.ob-section-dark .ob-card h3{color:#fff}.ob-section-dark .ob-card p{color:#bdcee4}.ob-section-dark .ob-textlink{color:#62caff!important}.ob-section-dark .ob-n{color:#59c5ff}
.ob-cta{background:linear-gradient(115deg,#1255a5,#0c3474);padding:65px 0}.ob-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.ob-cta .ob-eyebrow{color:#8fdbff;margin-bottom:10px}.ob-cta h2{color:#fff;margin-bottom:8px}.ob-cta p{color:#c4d9f1;margin-bottom:0;font-size:14px}.ob-cta .ob-btn{background:#fff;border-color:#fff;color:#0c4e98!important;flex-shrink:0}
.ob-spec{background:#fff;border:1px solid var(--ob-border);border-radius:9px;padding:33px;box-shadow:0 14px 35px #1a4b8010}.ob-spec h3{font-size:20px;margin-bottom:18px}.ob-spec dl{margin:0}.ob-spec dl>dt{font-weight:780;color:#133d6f;font-size:13px;margin:13px 0 3px}.ob-spec dl>dd{margin:0;color:#667a92;font-size:13px;border-bottom:1px solid #ecf2f9;padding-bottom:12px}.ob-spec p{font-size:14px;line-height:1.9}.ob-caution{padding:14px 18px;border-left:3px solid #dba847;background:#fff8e9;color:#715c30!important;font-size:12px!important;line-height:1.8;margin:25px 0 0}.ob-demo-warning{display:flex;align-items:center;gap:16px;background:#fff3d6;border:1px solid #edcb71;border-radius:6px;color:#74551d;padding:15px 18px;font-size:13px;margin:0 0 16px}.ob-demo-warning strong{font-size:15px;white-space:nowrap}.ob-table-wrap{overflow:auto;background:#fff;border:1px solid #deebf7;border-radius:7px}.ob-table{width:100%;border-collapse:collapse;font-size:13px;min-width:670px}.ob-table th,.ob-table td{padding:13px 17px;border-bottom:1px solid #e8eff7;text-align:left}.ob-table thead th{background:#0e315e;color:#fff;font-size:13px}.ob-table tbody th{font-weight:750;color:#234260;width:24%}.ob-table tbody tr:nth-child(2n){background:#f7fbff}.ob-table tbody tr:last-child th,.ob-table tbody tr:last-child td{border-bottom:0}.ob-mini{padding:24px 18px;background:#fff;border:1px solid #dfeaf6;border-radius:6px;font-weight:750;color:#285786;text-align:center;font-size:14px}.ob-labels{display:flex;gap:8px;flex-wrap:wrap}.ob-labels span{padding:6px 10px;background:#ebf5ff;color:#2d679c;font-size:12px;border-radius:3px}
.ob-contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px}.ob-form{display:grid;gap:19px}.ob-form label{display:block;font-size:13px;font-weight:750;color:#2d4560}.ob-form input:not([type=checkbox]),.ob-form select,.ob-form textarea{display:block;width:100%;padding:12px 13px;border:1px solid #d2dfec;border-radius:5px;background:#fff;color:#16334f;margin-top:7px;font:inherit;font-size:14px}.ob-form input:focus,.ob-form textarea:focus,.ob-form select:focus{outline:2px solid #9ec8f3;border-color:var(--ob-accent)}.ob-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ob-form .ob-consent{font-size:12px;font-weight:400;color:#64758a;display:flex;gap:9px;align-items:flex-start}.ob-form .ob-consent input{margin-top:5px}.ob-form .ob-btn{justify-self:start}.ob-hp{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}.ob-contact-side{padding:30px;background:#0d2b53;border-radius:8px;color:#fff;align-self:start}.ob-contact-side .ob-eyebrow{color:#7bcafa}.ob-contact-side h3,.ob-contact-side h4{color:#fff}.ob-contact-side h3{font-size:22px}.ob-contact-side h4{font-size:14px}.ob-contact-side p,.ob-contact-side li{color:#c9d8e9;font-size:13px}.ob-contact-side p a{color:#fff!important}.ob-contact-side hr{border:0;border-top:1px solid #436482;margin:24px 0}.ob-contact-side ul{padding-left:18px}.ob-alert{border:1px solid #8cb3dc;color:#174778;background:#e9f4ff;padding:11px 15px;margin-bottom:20px;border-radius:4px;font-size:13px}
.ob-footer{background:#07182f;color:#b4c8dd;padding:54px 0 17px}.ob-footer-main{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:35px}.ob-footer-name{font-size:21px;color:#fff;font-weight:800}.ob-footer p{color:#9bb2cd;font-size:12px;margin:9px 0}.ob-footer-main strong{display:block;color:#fff;margin-bottom:11px;font-size:13px}.ob-footer a{display:block;color:#a9c9e8!important;font-size:12px;margin:7px 0}.ob-footer p a{display:inline}.ob-footer-bottom{border-top:1px solid #203650;padding-top:16px;margin-top:40px;display:flex;justify-content:space-between;gap:15px;color:#7e98b6;font-size:11px}.ob-footer-bottom a{display:inline;color:#9bb8d9!important}.ob-dot{opacity:.6;padding:0 5px}
@media(max-width:1050px){.ob-nav{gap:12px}.ob-brand{min-width:200px}.ob-nav a{font-size:12px}.ob-nav-cta{margin-left:0}.ob-split{gap:36px}}
@media(max-width:800px){.ob-header-inner{flex-wrap:wrap;padding:13px 0;min-height:0;gap:10px}.ob-brand{flex:1}.ob-nav-cta{font-size:12px;padding:8px 11px}.ob-nav{width:100%;order:3;overflow-x:auto;margin:0;gap:20px;white-space:nowrap;padding:5px 0 2px;scrollbar-width:thin}.ob-hero-grid{grid-template-columns:1fr;min-height:0}.ob-hero-copy{padding:68px 0 50px}.ob-hero-art{display:none}.ob-hero{min-height:0}.ob-section{padding:65px 0}.ob-grid-3,.ob-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ob-split,.ob-contact-grid{grid-template-columns:1fr}.ob-proof .ob-container{flex-wrap:wrap;justify-content:flex-start;padding:17px 0;min-height:0;gap:10px 24px}}
@media(max-width:560px){.obcn .ob-container{width:min(100% - 32px,1160px)}.ob-hero h1{font-size:35px}.ob-hero p{font-size:14px}.ob-actions{gap:8px}.ob-btn{padding:10px 16px}.ob-grid-2,.ob-grid-3,.ob-grid-4{grid-template-columns:1fr}.ob-card{min-height:0;padding:23px}.ob-card .ob-n{margin-bottom:20px}.ob-cta-inner,.ob-footer-bottom{align-items:flex-start;flex-direction:column}.ob-footer-main{grid-template-columns:1fr 1fr;gap:28px}.ob-footer-main>div:first-child{grid-column:1/-1}.ob-form-row{grid-template-columns:1fr}.ob-demo-warning{display:block}.ob-demo-warning strong{display:block;margin-bottom:5px}.ob-contact-grid{gap:35px}}