:root{--paper:#f7fbff;--white:#fff;--ink:#082b55;--muted:#58718c;--blue:#0b67d1;--cyan:#16a9cb;--line:#cfe0ef;--pale:#eaf5ff;--orange:#f08b32;--navy:#061f3d;--shadow:0 22px 60px rgba(8,43,85,.11);--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;line-height:1.7}
body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(11,103,209,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,103,209,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input{font:inherit}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 40px));height:76px;margin:14px auto 0;padding:0 18px 0 22px;background:rgba(255,255,255,.9);border:1px solid rgba(207,224,239,.9);border-radius:18px;box-shadow:0 12px 35px rgba(8,43,85,.07);backdrop-filter:blur(18px)}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.logo span{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--blue);border-radius:9px;font-family:Georgia,serif;font-style:italic}.main-nav{display:flex;align-items:center;gap:7px}.main-nav a{padding:9px 13px;color:#315372;font-size:14px;font-weight:700;border-radius:10px}.main-nav a:hover,.main-nav a.active{color:var(--blue);background:var(--pale)}.main-nav .nav-cta{color:#fff;background:var(--blue);padding-inline:19px}.main-nav .nav-cta:hover{color:#fff;background:#0758b6}.nav-toggle{display:none;border:0;background:var(--pale);color:var(--ink);padding:8px 12px;border-radius:8px}
.hero{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:7vw;align-items:center;width:min(1200px,calc(100% - 48px));min-height:680px;margin:auto;padding:78px 0 90px}.hero-copy{position:relative;z-index:2}.section-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.08em}.section-kicker:before{content:"";width:28px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18}h1{margin-bottom:24px;font-size:clamp(48px,5.5vw,78px);letter-spacing:-.055em}h1 em{color:var(--blue);font-style:normal}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}.hero-lead{max-width:600px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1px solid var(--line);border-radius:12px;font-weight:800;transition:.25s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 10px 24px rgba(11,103,209,.2)}.button.secondary{background:#fff}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0;padding:0;list-style:none;color:#476682;font-size:13px}.hero-proof li:before{content:"✓";margin-right:7px;color:var(--cyan);font-weight:900}
.hero-media{position:relative;align-self:center}.topology-frame:before{content:"";position:absolute;inset:8% -5%;z-index:-1;border:1px solid #9fd2ee;border-radius:48% 30% 48% 34%;background:radial-gradient(circle at 55% 45%,rgba(22,169,203,.16),transparent 58%)}.topology-frame:after{content:"";position:absolute;left:-11%;top:50%;width:118%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,var(--cyan),var(--blue),transparent)}.device-node{position:absolute;z-index:3;padding:5px 11px;color:var(--blue);background:#fff;border:1px solid #99ccec;border-radius:99px;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(8,43,85,.1)}.device-node:after{content:"";position:absolute;width:7px;height:7px;background:var(--orange);border:3px solid #fff;border-radius:50%}.node-a{top:5%;left:-2%}.node-b{right:-3%;top:28%}.node-c{left:9%;bottom:4%}.node-a:after,.node-c:after{right:-8px;top:8px}.node-b:after{left:-8px;top:8px}
.sync-strip{width:min(1120px,calc(100% - 48px));margin:0 auto 120px;padding:46px 52px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-heading{max-width:720px;margin:0 auto 52px;text-align:center}.section-heading .section-kicker{justify-content:center}.section-heading>p:last-child{color:var(--muted)}.section-heading.offset{margin-left:8%;text-align:left}.section-heading.offset .section-kicker{justify-content:flex-start}.sync-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:0;padding:0;list-style:none}.sync-steps li{position:relative;display:flex;gap:16px}.sync-steps li:not(:last-child):after{content:"";position:absolute;top:17px;left:calc(100% - 5px);width:40px;border-top:1px dashed var(--cyan)}.sync-steps span{display:grid;place-items:center;flex:0 0 35px;height:35px;color:#fff;background:var(--blue);border-radius:50%;font-weight:800}.sync-steps h3{margin-bottom:6px}.sync-steps p{margin:0;color:var(--muted);font-size:14px}
.section{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:110px 0}.features{border-top:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:14px}.feature-card{min-height:220px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px}.feature-card.wide{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;min-height:454px;background:linear-gradient(155deg,#fff,#eaf6ff)}.feature-card i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:auto;color:var(--blue);background:var(--pale);border-radius:13px;font-style:normal;font-weight:900}.feature-card h3{margin:24px 0 7px;font-size:23px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.feature-card.accent{border-color:#f1bc8d;background:#fff8f1}.feature-card.accent i{color:#b95a0c;background:#ffe6ce}
.platform-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:7vw;align-items:center}.platform-intro img{display:block;width:100%;height:auto;margin:35px 0 0}.platform-list{border-top:1px solid var(--line)}.platform-list article{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.platform-list b{font-size:18px}.platform-list p{margin:0;color:var(--muted);font-size:13px}.platform-list a{min-width:172px;color:var(--blue);font-size:13px;font-weight:800;text-align:center}.scenario-track{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.scenario-track article{min-height:310px;padding:38px;border-right:1px solid var(--line)}.scenario-track article:last-child{border:0}.scenario-track span{color:var(--cyan);font-family:Georgia,serif;font-size:46px}.scenario-track h3{margin-top:70px;font-size:25px}.scenario-track p{color:var(--muted)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-grid blockquote{margin:0;padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:17px}.quote-grid footer{margin-top:32px;color:var(--muted);font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}.pricing-grid article{padding:36px;background:#fff;border:1px solid var(--line);border-radius:18px}.pricing-grid .featured{padding-block:52px;color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:var(--shadow)}.plan-note{color:#71d5ec;font-size:13px;font-weight:800}.price{font-size:30px;font-weight:900}.price small{font-size:12px}.pricing-grid ul{min-height:150px;padding-left:20px;color:var(--muted)}.pricing-grid .featured ul{color:#b9d0e6}.faq-preview{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:start}.faq-preview>div:first-child{position:sticky;top:120px}.faq-preview a{color:var(--blue);font-weight:800}.accordion details,.help-group details{border-bottom:1px solid var(--line)}details summary{padding:20px 4px;cursor:pointer;font-weight:800}details p{padding:0 4px 20px;color:var(--muted)}
.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:64px max(24px,calc((100vw - 1120px)/2));color:#b9cce0;background:var(--navy)}.logo.light{color:#fff}.site-footer h3{color:#fff;font-size:15px}.site-footer>div>a:not(.logo){display:block;margin:7px 0;font-size:14px}.copyright{grid-column:1/-1;margin:20px 0 0;padding-top:24px;border-top:1px solid #25415f;font-size:12px}
.download-hero{grid-template-columns:1fr .9fr}.download-visual:before{content:"";position:absolute;inset:-6%;z-index:-1;background:linear-gradient(135deg,#dff3ff,#fff);border:1px solid var(--line);border-radius:50% 50% 12% 50%}.version-selector{width:min(1160px,calc(100% - 48px));margin:0 auto;padding-bottom:110px}.selector-axis{display:flex;align-items:center;gap:18px;margin:0 0 24px;color:var(--blue);font-size:13px;font-weight:800}.selector-axis i{flex:1;height:1px;background:linear-gradient(90deg,var(--blue),var(--orange))}.download-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#fff}.download-grid article{display:grid;grid-template-columns:66px 1fr;gap:20px;align-items:start;min-height:355px;padding:40px;border-bottom:1px solid var(--line)}.download-grid article:nth-child(odd){border-right:1px solid var(--line)}.download-grid article:nth-last-child(-n+2){border-bottom:0}.platform-symbol{display:grid;place-items:center;width:58px;height:58px;color:#fff;background:var(--blue);border-radius:18px;font-size:25px;font-weight:900}.download-grid h2{font-size:28px}.download-grid p,.download-grid ul{color:var(--muted);font-size:14px}.download-grid .button{grid-column:1/-1;justify-self:start;margin-top:auto}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.handoff-figure{background:#e7f5ff;border-radius:50% 20% 50% 24%}.handoff-figure img{display:block;width:100%;height:auto}.handoff-copy ol{padding:0;list-style:none}.handoff-copy li{display:grid;gap:3px;padding:18px 0;border-bottom:1px solid var(--line)}.handoff-copy span{color:var(--muted);font-size:14px}.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.requirement-grid article{padding:30px;border-left:3px solid var(--cyan);background:#fff}.requirement-grid p{margin:0;color:var(--muted)}.download-faq{display:flex;align-items:center;justify-content:space-between;gap:30px;width:min(1120px,calc(100% - 48px));margin:0 auto 110px;padding:42px 48px;background:#dff2ff;border-radius:20px}.download-faq h2{font-size:32px}.download-faq p{margin:0;color:var(--muted)}
.help-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:end;width:min(1120px,calc(100% - 48px));margin:auto;padding:110px 0 70px}.help-intro h1{font-size:clamp(42px,5vw,66px)}.help-intro>div>p:last-child{color:var(--muted);font-size:18px}.help-search{padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.help-search label{display:block;margin-bottom:10px;font-weight:800}.help-search div{display:flex}.help-search input{width:100%;min-width:0;padding:13px;border:1px solid var(--line);border-radius:10px 0 0 10px;outline:0}.help-search input:focus{border-color:var(--blue)}.help-search button{color:#fff;background:var(--blue);border:0;padding:0 20px;border-radius:0 10px 10px 0;font-weight:800}.help-search>p{margin:9px 0 0;color:var(--blue);font-size:12px}.help-map{display:grid;grid-template-columns:190px minmax(0,1fr) 230px;gap:40px;width:min(1240px,calc(100% - 48px));margin:0 auto 80px;align-items:start}.help-rail,.help-aside{position:sticky;top:112px}.help-rail a{display:flex;align-items:center;gap:10px;padding:12px 0;color:var(--muted);border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.help-rail span{display:grid;place-items:center;width:25px;height:25px;color:var(--blue);background:var(--pale);border-radius:50%;font-size:11px}.help-group{scroll-margin-top:110px;margin-bottom:72px}.help-group header{display:flex;gap:18px;margin-bottom:14px}.help-group header>span{display:grid;place-items:center;flex:0 0 46px;height:46px;color:#fff;background:var(--blue);border-radius:50%;font-weight:900}.help-group h2{margin:0;font-size:31px}.help-group header p{margin:5px 0;color:var(--muted)}.help-group details{background:rgba(255,255,255,.55)}.help-group a{color:var(--blue);font-weight:800}.help-aside{padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}.help-aside img{display:block;width:100%;height:auto;margin-bottom:20px}.help-aside h2{font-size:23px}.help-aside p{color:var(--muted);font-size:13px}.help-aside .button{width:100%;font-size:13px}.quick-check{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center;border-top:1px solid var(--line)}.quick-check ol{counter-reset:check;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none}.quick-check li{counter-increment:check;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;font-weight:700}.quick-check li:before{content:counter(check);display:inline-grid;place-items:center;width:26px;height:26px;margin-right:10px;color:#fff;background:var(--cyan);border-radius:50%;font-size:12px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
.download-button{white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;min-width:150px}
@media (max-width:900px){.site-header{height:auto;min-height:68px;flex-wrap:wrap}.nav-toggle{display:block}.main-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:10px 0 16px}.main-nav.open{display:flex}.hero,.platform-section,.handoff,.help-intro,.quick-check{grid-template-columns:1fr}.hero{gap:35px;padding:70px 0}.hero-media{max-width:650px}.sync-steps{grid-template-columns:1fr}.sync-steps li:not(:last-child):after{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.wide{grid-row:auto;min-height:240px}.platform-list article{grid-template-columns:85px 1fr}.platform-list a{grid-column:1/-1;justify-self:start}.scenario-track,.quote-grid,.pricing-grid,.requirement-grid{grid-template-columns:1fr}.scenario-track article{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}.scenario-track h3{margin-top:35px}.pricing-grid .featured{order:-1}.faq-preview{grid-template-columns:1fr}.faq-preview>div:first-child{position:static}.download-grid{grid-template-columns:1fr}.download-grid article:nth-child(odd){border-right:0}.download-grid article:nth-last-child(2){border-bottom:1px solid var(--line)}.help-map{grid-template-columns:150px 1fr}.help-aside{position:static;grid-column:2}.quick-check ol{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.site-header{width:calc(100% - 24px);margin-top:8px}.hero,.section,.sync-strip,.version-selector,.help-intro,.help-map,.download-faq{width:calc(100% - 30px)}h1{font-size:42px}h2{font-size:32px}.hero{min-height:0;padding-block:58px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-proof{display:grid}.sync-strip{padding:30px 22px;margin-bottom:70px}.section{padding:75px 0}.section-heading.offset{margin-left:0}.feature-grid{grid-template-columns:1fr}.platform-list article{grid-template-columns:1fr}.download-grid{display:grid;grid-template-columns:1fr}.download-grid article{grid-template-columns:56px 1fr;padding:28px 20px}.download-grid .download-button{width:100%}.download-faq{align-items:stretch;flex-direction:column;padding:30px 24px}.help-intro{padding:70px 0 50px}.help-map{display:block}.help-rail{position:static;display:grid;grid-template-columns:1fr 1fr;margin-bottom:50px}.help-rail a{padding:10px 4px}.help-aside{margin-top:40px}.quick-check ol{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.device-node{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* Hero hard-rule overrides: keep product media centered and uncropped. */
.hero{align-items:center!important}
.hero .hero-media{align-self:center!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;clip-path:none!important;transform:none!important}
.hero .hero-media>img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;clip-path:none!important;transform:none!important}