:root{--bg:#e8edf2;--ink:#243546;--muted:#71808d;--blue:#5677e9;--orange:#ff806d;--green:#53bfa1;--light:#fff;--dark:#bcc8d2;--out:14px 14px 30px rgba(165,178,190,.62),-14px -14px 30px rgba(255,255,255,.92);--soft:8px 8px 18px rgba(164,177,188,.55),-8px -8px 18px rgba(255,255,255,.9);--in:inset 7px 7px 15px rgba(169,181,191,.5),inset -7px -7px 15px rgba(255,255,255,.86)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Microsoft YaHei UI","PingFang SC",Arial,sans-serif;line-height:1.72;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.container{width:min(1180px,calc(100% - 42px));margin:auto}.skip{position:fixed;top:-60px;left:18px;z-index:99;padding:10px 16px;border-radius:14px;background:#fff}.skip:focus{top:16px}.raised{background:var(--bg);box-shadow:var(--out)}.pressed{background:var(--bg);box-shadow:var(--in)}
.site-header{position:sticky;top:0;z-index:50;padding:14px 0;background:rgba(232,237,242,.86);backdrop-filter:blur(16px)}.nav{min-height:70px;padding:10px 12px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-radius:23px}.brand-logo{width:150px;height:42px;padding:8px 12px;display:block;object-fit:contain;border-radius:14px;background:linear-gradient(135deg,#6479df,#438cc6);box-shadow:5px 5px 10px rgba(143,156,174,.35),-4px -4px 9px #fff}.nav-links{display:flex;gap:28px;color:#667684;font-size:13px;font-weight:850}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--blue)}.nav-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:25px}.btn{min-width:145px;min-height:49px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;background:linear-gradient(145deg,#6382ef,#4768d9);color:#fff;font-size:13px;font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;box-shadow:7px 7px 14px rgba(142,154,170,.58),-6px -6px 14px #fff,inset 1px 1px rgba(255,255,255,.35);transition:.2s}.btn:hover{transform:translateY(-3px)}.btn-orange{background:linear-gradient(145deg,#ff927f,#ed6b59)}.btn-soft{background:var(--bg);color:#526373;box-shadow:var(--soft)}.btn-soft:active{box-shadow:var(--in)}
.hero{padding:85px 0 110px}.hero-grid{min-height:660px;display:grid;grid-template-columns:1fr .92fr;gap:75px;align-items:center}.label{display:inline-flex;align-items:center;gap:9px;margin-bottom:21px;color:#5d6e7c;font-size:11px;font-weight:950;letter-spacing:.12em}.label::before{content:"";width:14px;height:14px;border-radius:5px;background:linear-gradient(145deg,var(--orange),#ffb19e);box-shadow:3px 3px 7px rgba(163,173,185,.6),-3px -3px 7px #fff}h1{margin-bottom:25px;font-size:clamp(53px,6vw,88px);font-weight:950;line-height:.98;letter-spacing:-.065em}.accent{color:var(--blue)}.hero-copy>p{max-width:585px;color:var(--muted);font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:12px}.platforms{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.pill{padding:8px 12px;border-radius:12px;color:#687986;font-size:10px;font-weight:850;box-shadow:4px 4px 9px rgba(166,178,190,.48),-4px -4px 9px #fff}.hero-media{align-self:center;height:auto;padding:0;margin:0;position:relative}.hero-media img{filter:drop-shadow(25px 28px 25px rgba(147,159,170,.32))}.status-knob{position:absolute;right:1%;top:9%;width:106px;height:106px;display:grid;place-items:center;border:12px solid var(--bg);border-radius:50%;background:linear-gradient(145deg,#59c9aa,#43a68c);color:#fff;font-size:11px;font-weight:900;box-shadow:var(--out)}
.stats{padding:18px;border-radius:26px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat{padding:24px 12px;border-radius:17px;text-align:center;box-shadow:var(--in)}.stat b{display:block;font-size:27px;line-height:1.2}.stat span{color:var(--muted);font-size:10px}
.section{padding:120px 0}.head{max-width:760px;margin-bottom:52px}.head.center{margin-inline:auto;text-align:center}.head.center .label{justify-content:center}h2{margin-bottom:17px;font-size:clamp(39px,4.5vw,62px);font-weight:950;line-height:1.06;letter-spacing:-.055em}.lead{color:var(--muted);font-size:17px}
.control-panel{padding:28px;display:grid;grid-template-columns:310px 1fr;gap:28px;border-radius:38px}.control-list{display:grid;gap:11px}.control{padding:20px;display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;border-radius:18px;box-shadow:var(--soft)}.control:first-child{box-shadow:var(--in)}.icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#6582ec,#4d69d2);color:#fff;font-weight:900;box-shadow:4px 4px 9px rgba(147,158,172,.55),-4px -4px 9px #fff}.control b{display:block;font-size:14px}.control span{color:var(--muted);font-size:11px}.network-screen{min-height:530px;padding:40px;position:relative;overflow:hidden;border-radius:26px;box-shadow:var(--in)}.network-screen h3{font-size:34px}.network-screen p{max-width:530px;color:var(--muted)}.radar{position:absolute;right:8%;bottom:5%;width:290px;height:290px;border:25px solid var(--bg);border-radius:50%;background:conic-gradient(from 20deg,rgba(86,119,233,.7),rgba(83,191,161,.14),rgba(255,128,109,.55),rgba(86,119,233,.7));box-shadow:var(--out),inset 8px 8px 18px rgba(118,131,146,.38),inset -8px -8px 18px #fff}.radar::after{content:"";position:absolute;inset:75px;border:18px solid var(--bg);border-radius:50%;background:var(--green);box-shadow:var(--soft)}
.scenario-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.scenario{padding:32px;border-radius:28px}.scenario:first-child{grid-row:span 2;min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#edf2f7,#dce3e9);box-shadow:var(--out)}.scenario h3{font-size:25px}.scenario:first-child h3{font-size:38px}.scenario p{color:var(--muted);font-size:13px}.number{width:48px;height:48px;margin-bottom:40px;display:grid;place-items:center;border-radius:50%;color:var(--blue);font-weight:950;box-shadow:var(--in)}
.news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.news-feature{min-height:500px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;border-radius:34px}.news-feature h3{max-width:580px;font-size:38px;line-height:1.2}.news-feature p{color:var(--muted)}.text-link{color:var(--blue);font-size:13px;font-weight:900}.news-stack{display:grid;gap:20px}.news-card{padding:30px;border-radius:26px}.news-card h3{font-size:23px}.news-card p{color:var(--muted);font-size:13px}
.device-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center}.device-media{align-self:center;height:auto;padding:0;margin:0}.device-media img{filter:drop-shadow(25px 30px 25px rgba(145,157,169,.3))}.persona-list{display:grid;gap:12px;margin-top:28px}.persona{padding:19px 21px;display:grid;grid-template-columns:90px 1fr;gap:15px;border-radius:17px;box-shadow:var(--soft)}.persona b{color:var(--blue);font-size:11px}.persona strong{display:block}.persona span{color:var(--muted);font-size:12px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.review{padding:34px;border-radius:28px}.review blockquote{margin:22px 0 27px;color:#566a7a}.stars{color:var(--orange);letter-spacing:3px}.user{display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#6482ed,#4668d4);box-shadow:var(--soft);font-weight:900}.user span{display:block;color:var(--muted);font-size:11px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price{padding:39px;border-radius:30px}.price.featured{box-shadow:var(--in);transform:translateY(-12px)}.plan{font-size:11px;font-weight:950;letter-spacing:.1em}.amount{margin:20px 0 6px;font-size:52px;font-weight:950;line-height:1}.amount small{font-size:13px}.price p{min-height:44px;color:var(--muted);font-size:13px}.price ul{padding:20px 0 0;margin:22px 0;list-style:none;border-top:1px solid rgba(107,125,139,.15)}.price li{margin:10px 0;font-size:13px}.price li::before{content:"✓";margin-right:9px;color:var(--green);font-weight:950}.price .btn{width:100%}.disclaimer{text-align:center;color:var(--muted);font-size:11px;margin-top:23px}
.faq{max-width:920px;margin:auto}.faq details{margin-bottom:13px;border-radius:20px}.faq summary{padding:22px 65px 22px 24px;position:relative;cursor:pointer;list-style:none;font-weight:900}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:13px;top:12px;width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--bg);box-shadow:var(--soft);color:var(--blue);font-size:22px}.faq details[open] summary::after{content:"−";box-shadow:var(--in)}.faq details p{padding:0 65px 24px 24px;margin:0;color:var(--muted)}
.cta{padding:55px 0 120px}.cta-panel{padding:70px;position:relative;overflow:hidden;border-radius:40px}.cta-panel::after{content:"";position:absolute;width:290px;height:290px;right:-45px;top:-70px;border:32px solid var(--bg);border-radius:50%;background:linear-gradient(145deg,#ff947f,#ed6b59);box-shadow:var(--out)}.cta-panel h2,.cta-panel p,.cta-panel .actions,.cta-panel .label{position:relative;z-index:2;max-width:720px}.cta-panel p{color:var(--muted)}
.site-footer{padding:70px 0 25px;border-top:1px solid rgba(105,123,138,.12)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:43px}.footer-intro p{max-width:280px;margin-top:19px;color:var(--muted);font-size:13px}.footer-col h3{font-size:13px}.footer-col a{display:block;margin:9px 0;color:var(--muted);font-size:13px}.footer-bottom{margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(105,123,138,.12);color:#8996a1;font-size:11px}
.page-hero{padding:125px 0 88px;text-align:center}.page-hero h1{font-size:clamp(50px,5.8vw,80px)}.page-hero p{max-width:670px;margin:0 auto 30px;color:var(--muted)}.page-display{max-width:910px;margin:auto;padding:65px;border-radius:40px}.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.download-card{padding:30px;display:grid;grid-template-columns:65px 1fr auto;gap:20px;align-items:center;border-radius:24px}.os{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#6482ed,#4668d4);color:#fff;font-weight:950;box-shadow:var(--soft)}.download-card h2{margin:0;font-size:22px}.download-card p{margin:0;color:var(--muted);font-size:12px}.download-card .btn{min-width:155px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:32px;border-radius:26px}.step b{color:var(--blue);font-size:11px}
.help-layout{display:grid;grid-template-columns:260px 1fr;gap:65px;align-items:start}.help-menu{position:sticky;top:105px;padding:20px;border-radius:28px}.help-menu strong{display:block;padding:9px 12px}.help-menu a{display:block;padding:9px 12px;border-radius:12px;color:var(--muted);font-size:13px}.help-menu a:hover{box-shadow:var(--in);color:var(--blue)}.help-content article{padding:0 0 56px;margin-bottom:56px;border-bottom:1px solid rgba(103,122,137,.14);scroll-margin-top:110px}.help-content h2{font-size:40px}.help-content p,.help-content li{color:var(--muted)}.notice{padding:20px 22px;border-radius:18px;box-shadow:var(--in);color:#536878}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:980px){.nav-links{display:none;position:absolute;top:91px;left:22px;right:22px;padding:20px;flex-direction:column;border-radius:22px;background:var(--bg);box-shadow:var(--out)}.nav-links.open{display:flex}.nav-toggle{display:block}.nav>.btn{display:none}.hero-grid,.device-grid{grid-template-columns:1fr}.hero-media{max-width:700px;margin:auto}.control-panel{grid-template-columns:1fr}.control-list{grid-template-columns:1fr 1fr}.scenario-grid{grid-template-columns:1fr 1fr}.scenario:first-child{grid-row:auto;grid-column:span 2}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.download-grid{grid-template-columns:1fr}}@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.section{padding:85px 0}.hero{padding-top:55px}h1{font-size:50px}.stats,.control-list,.scenario-grid,.news-layout,.reviews,.pricing,.steps{grid-template-columns:1fr}.scenario:first-child{grid-column:auto}.price.featured{transform:none}.cta-panel{padding:48px 28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px}.download-card{grid-template-columns:65px 1fr}.download-card .btn{grid-column:span 2;width:100%}.help-layout{grid-template-columns:1fr}.help-menu{position:static}}
/* Natural hero imagery */
.hero-grid{align-items:center}.hero-media{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible;transform:none;clip-path:none}.hero-media img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;transform:none;clip-path:none}.device-grid{align-items:center}.device-media{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible;transform:none;clip-path:none}.device-media img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;transform:none;clip-path:none}