@import url("hero-mockup.css");
:root{--bf-bg:#f3f5f8;--bf-surface:#fff;--bf-text:#1b2e46;--bf-muted:#4d6075;--bf-accent:#2b527c;--bf-hero:#172b43;--bf-border:#d6dfe8;--bf-soft:#e7edf3}html{scroll-behavior:smooth}body{background:var(--bf-bg);color:var(--bf-text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}a{color:var(--bf-accent)}.container,.home-wrap{max-width:1200px;width:calc(100% - 48px);margin-inline:auto}.site-header{min-height:80px;background:#fff;box-shadow:0 1px 0 var(--bf-border)}.header-inner{min-height:80px;max-width:1200px}.brand{display:flex;align-items:center;flex-shrink:0;background:#fff;padding:4px 8px;border-radius:8px}.brand img{object-fit:contain;max-width:174px;height:auto}.desktop-nav{gap:22px}.desktop-nav a,.header-actions a{color:var(--bf-text)}.trial-btn,.home-btn.primary{background:var(--bf-accent);color:#fff!important}.hero-section{background:var(--bf-hero);color:#fff;overflow:hidden}.hero-section h1{color:#fff;max-width:800px}.hero-section p{color:#dce5ef}.hero-section .home-btn.outline{border-color:#adbed1;color:#fff}.mockup-caption{color:#dce5ef!important}.section-block,.new-section{padding-block:80px}.new-section.section-tint{background:#e8eef4}.new-section .section-heading{text-align:left;margin-bottom:30px}.new-section .section-heading h2{color:var(--bf-text);font-size:clamp(30px,3.2vw,46px);line-height:1.2;margin:8px 0 12px}.new-section .section-heading p{color:var(--bf-muted);max-width:700px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#456d98}.line-table,.compare-grid,.main-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.line-table>div,.compare-grid>article,.main-links>a{background:#fff;border:1px solid var(--bf-border);padding:26px 30px;border-radius:12px;color:var(--bf-text);text-decoration:none}.line-table strong{display:block;font-size:42px;line-height:1;font-weight:800;color:var(--bf-accent)}.line-table h3,.compare-grid h3,.main-links h3{font-size:22px;margin:15px 0 8px;color:var(--bf-text)}.line-table p,.compare-grid p,.main-links p{color:var(--bf-muted);margin:0 0 12px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid article>span,.main-links small{font-size:12px;font-weight:800;letter-spacing:.08em;color:#5178a0}.price-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.price-preview>div{display:flex;gap:14px;align-items:baseline;background:#fff;border:1px solid var(--bf-border);padding:24px}.price-preview span{flex:1}.price-preview strong{font-size:28px;color:var(--bf-accent)}.price-preview small{font-size:14px}.price-preview del{color:var(--bf-muted)}.new-button{display:inline-flex;align-items:center;justify-content:center;background:var(--bf-accent);color:#fff!important;text-decoration:none;padding:12px 22px;border-radius:8px;font-weight:700}.new-button.small{padding:9px 16px;white-space:nowrap}.device-row,.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.device-row{grid-template-columns:repeat(3,minmax(0,1fr))}.device-row a,.steps p{display:block;background:#fff;border:1px solid var(--bf-border);padding:20px 22px;color:var(--bf-text);text-decoration:none;border-radius:9px;margin:0}.steps b{display:block;color:#5c7898;font-size:27px;line-height:1.3}.faq-list{max-width:840px}.faq-list details{border-bottom:1px solid var(--bf-border);background:#fff;padding:4px 24px}.faq-list summary{cursor:pointer;font-weight:700;padding:17px 0}.faq-list details p{color:var(--bf-muted);margin:0 0 18px}.faq-list .text-link{display:inline-block;margin-top:22px}.main-links>a:hover,.compare-grid>a:hover,.line-table a:hover{border-color:var(--bf-accent)}.inner-hero{background:var(--bf-hero);color:#fff;padding:88px 0}.inner-hero .eyebrow{color:#8fbbec}.inner-hero h1{font-size:clamp(34px,4vw,60px);line-height:1.12;color:#fff;max-width:850px;margin:14px 0}.inner-hero p{max-width:740px;color:#d8e3ef;font-size:18px}.inner-hero .hero-actions{margin-top:26px}.new-crumb{padding-block:12px;font-size:13px;color:#53667b}.new-crumb a{color:#53667b}.new-crumb span{margin-left:8px}.price-note{display:flex;gap:24px;align-items:center;padding:17px 24px;background:#dfeaf4;border-left:4px solid var(--bf-accent);margin-bottom:25px}.price-note strong{white-space:nowrap}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0}.filters>span{font-weight:700;min-width:75px}.filters button{font:inherit;background:#fff;color:var(--bf-text);border:1px solid var(--bf-border);padding:8px 17px;border-radius:5px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--bf-accent);color:#fff;border-color:var(--bf-accent)}.filter-count{color:var(--bf-muted);margin:25px 0 12px}.new-products{display:grid;gap:12px}.new-product{display:grid;grid-template-columns:minmax(200px,1fr) minmax(380px,1.35fr) auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--bf-border);border-radius:9px;padding:20px 24px;scroll-margin-top:95px}.new-product h3{font-size:20px;line-height:1.25;margin:5px 0}.new-product p{font-size:13px;color:var(--bf-muted);margin:0}.product-id{font-size:12px;letter-spacing:.08em;font-weight:800;color:#5079a5}.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.period{display:flex;flex-direction:column;align-items:flex-start;line-height:1.4;min-width:75px}.period small{font-size:12px;color:var(--bf-muted)}.period strong{color:var(--bf-accent);font-size:20px}.period del,.period em{font-size:12px;color:var(--bf-muted);font-style:normal}.new-product[hidden],.filter-empty[hidden]{display:none!important}.filter-empty{padding:24px;background:#fff}.lead-copy{max-width:760px;color:var(--bf-muted)}.extra-footer{max-width:1200px;margin:auto;display:flex;gap:20px;padding:12px 24px;border-top:1px solid rgba(255,255,255,.15)}.extra-footer a{font-size:13px}.article-content{max-width:840px}.article-prose{font-size:17px;line-height:1.8}.article-prose figure img{max-width:100%;height:auto}.article-prose figure a{display:block}.image-dialog{max-width:min(95vw,1280px);max-height:95vh}.image-dialog img{max-width:100%;max-height:80vh;object-fit:contain}.image-dialog a{display:block;text-align:center;margin-top:8px}.site-footer,.footer-bottom{background:#172b43}.site-footer a,.site-footer button{color:#dbe8f4}.article-head h1{color:var(--bf-text)}.menu-toggle{background:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #9ac8f1;outline-offset:3px}@media(max-width:1024px){.desktop-nav,.header-actions{display:none}.menu-toggle{display:flex}.new-product{grid-template-columns:minmax(160px,1fr) minmax(310px,1.5fr)}.new-product .new-button{grid-column:1/-1;justify-self:start}.line-table{gap:10px}}@media(max-width:768px){.container,.home-wrap{width:calc(100% - 36px)}.site-header,.header-inner{min-height:64px}.brand img{max-width:148px}.section-block,.new-section{padding-block:44px}.inner-hero{padding-block:58px}.inner-hero h1{font-size:34px}.inner-hero p{font-size:16px}.line-table,.compare-grid,.main-links,.price-preview,.steps,.device-row{grid-template-columns:1fr}.line-table>div,.compare-grid>article,.main-links>a{padding:22px}.new-product{display:block;padding:20px}.periods{margin:18px 0}.price-note{display:block}.filters>span{width:100%}.new-section .section-heading h2{font-size:31px}.article-prose{font-size:16px}.hero-section h1{font-size:34px}.hero-section .hero-copy{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.hero-section .home-btn.outline{background:transparent;color:#fff;border-color:#aebfd1}
.hero-real{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.6fr);align-items:end;gap:20px;max-width:950px;margin:34px auto 0}.hero-screen,.hero-phone{background:#eaf1f7;border:8px solid #315276;border-radius:16px 16px 0 0;box-shadow:0 25px 50px rgba(0,0,0,.24);overflow:hidden}.hero-screen>span,.hero-phone>span{display:block;padding:7px 16px;background:#d9e6f0;color:#365471;font-size:10px;font-weight:800;letter-spacing:.08em}.hero-screen img{display:block;width:100%;height:330px;object-fit:cover;object-position:top left}.hero-phone{max-width:210px;justify-self:center;border-radius:25px 25px 0 0}.hero-phone img{display:block;width:100%;height:300px;object-fit:cover;object-position:top}.hero-real figcaption{grid-column:1/-1;text-align:center;color:#c0d0e1;font-size:12px;margin-top:0}@media(max-width:768px){.hero-real{grid-template-columns:1fr .36fr;gap:7px;margin-top:24px}.hero-screen,.hero-phone{border-width:3px;border-radius:8px 8px 0 0}.hero-screen>span,.hero-phone>span{font-size:7px;padding:4px}.hero-screen img,.hero-phone img{height:190px}.hero-real figcaption{font-size:11px}}
/* Accessible steel blue text across the inherited article, download and help layouts. */
:root{--blue:#2b527c}
.site-header a,.site-header a[aria-current=page],.desktop-nav a[aria-current=page],.article-channel a,.article-channel a.active,.article-sidebar nav>a[aria-current=page],.article-sidebar .sidebar-back{color:#234b72}
.site-header .trial-btn,.site-header .trial-btn:visited{color:#fff;background:#2b527c}
.caret,.article-channel>span,.article-head time,.article-prose figcaption,.article-source,.guide-panel-head>span,.guide-row summary>b,.contact-popover-close,.contact-popover .contact-popover-note{color:#4d6075}
.article-prose a:not(.article-cta),.guide-preview a,.related-articles a,.text-link,.new-section .text-link,.tutorial-section .article-card strong,.tutorial-section .article-card span,.guide-row summary>span,.contact-dialog>a,.contact-qq-number{color:#234b72}
.article-prose .article-cta,.guide-search button,.contact-copy,.platform-link small:not(.disabled small){background:#2b527c;color:#fff}
.tutorial-section .article-card p,.guide-hero-content>p,.guide-row summary small,.guide-preview,.guide-empty,.guide-help .help-card p,.download-hero p,.version-card>p,.version-card dt,.apple-note,.step-grid p,.promo-section p,.promo-section strong{color:#4d6075}
.guide-sidebar button span,.guide-row summary>b,.guide-panel-head>span,.guide-search button{color:#2b527c}
.guide-search button{color:#fff}
.guide-preview p{color:#42566e}
.related-articles span{color:#344f78;background:#e8eff9}
.article-prose .article-cta{background:#2b527c;color:#fff}
.hero-section .hero-copy>p{color:#dce6f1}
.promo-section .home-btn.outline{color:#234b72;border-color:#55789d}
.home-btn.outline:not(.hero-section .home-btn.outline){color:#234b72;border-color:#55789d}
.contact-dock-button>span{color:#334d69}
@media(max-width:640px){.hero-section .hero-copy>p{color:#dce6f1}}
.platform-link.disabled small{color:#4d6075}
.contact-dialog .copy-status{min-height:1.5em;margin:12px 0 0;color:#234b72;font-size:14px;font-weight:600}
.toast{transition:none}.toast.show{opacity:1}