:root{--ink:#061426;--ink-2:#0a2038;--blue:#0c6cff;--cyan:#19d3ff;--ice:#e9f8ff;--paper:#f4f9fc;--white:#fff;--muted:#65788b;--line:#c9dae5;--amber:#ffb547;--radius:18px;--shell:min(1240px,calc(100% - 48px));--display:"Arial Narrow","Microsoft YaHei UI",sans-serif;--body:"Microsoft YaHei","PingFang SC",Arial,sans-serif;--mono:Consolas,"SFMono-Regular",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.72}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,a{tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--white);padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,249,252,.9);border-bottom:1px solid rgba(95,128,151,.25);backdrop-filter:blur(16px)}
.nav-shell{width:var(--shell);height:74px;margin:auto;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:900;letter-spacing:.04em}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--ink);color:var(--cyan);border-radius:50% 50% 50% 10%;font:700 13px var(--mono)}
.brand small{display:block;color:var(--muted);font:9px/1.1 var(--mono);letter-spacing:.18em}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--blue);transition:right .25s}.nav-links a:hover:after,.nav-links a[aria-current]:after{right:0}
.button{min-width:150px;min-height:46px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--blue);border-radius:999px;background:var(--blue);color:var(--white);font-weight:700;line-height:1.2;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(12,108,255,.23)}.button-small{min-width:116px;min-height:40px;padding:9px 17px;font-size:14px}.button-ghost{background:transparent;color:var(--ink);border-color:#8aa5b7}.button-light{background:var(--white);color:var(--ink);border-color:var(--white)}
.kicker{margin:0 0 12px;color:var(--blue);font:700 12px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.hero{width:var(--shell);min-height:650px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);align-items:center;gap:70px;position:relative;padding:72px 0 58px}
.hero:before{content:"";position:absolute;width:410px;height:410px;left:-260px;top:80px;border:1px solid rgba(12,108,255,.16);border-radius:50%;box-shadow:0 0 0 60px rgba(12,108,255,.03),0 0 0 120px rgba(12,108,255,.02)}
.hero-signal{position:absolute;left:-4px;bottom:38px;display:flex;gap:7px}.hero-signal span{width:28px;height:3px;background:var(--line)}.hero-signal span:nth-child(2){width:60px;background:var(--blue)}.hero-signal span:nth-child(3){width:14px;background:var(--cyan)}
.hero-copy{position:relative;z-index:2}
.hero h1{max-width:700px;margin:0;font-family:var(--display);font-size:clamp(56px,6.2vw,98px);font-weight:900;line-height:.95;letter-spacing:-.065em}
.hero h1 em{color:var(--blue);font-style:normal;font-size:.6em;letter-spacing:-.04em}
.hero-lead{max-width:650px;margin:28px 0 0;color:#41596c;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}
.hero-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.hero-note span{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(25,211,255,.14)}
.hero-media{position:relative;align-self:center;margin:0;border-radius:100px 18px 100px 18px;overflow:hidden;background:var(--ink);box-shadow:0 32px 70px rgba(6,20,38,.2)}
.hero-media picture{display:block}.hero-media img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.hero-media figcaption{position:absolute;left:24px;right:24px;bottom:22px;padding:14px 18px;display:flex;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.25);background:rgba(4,16,31,.68);color:var(--white);backdrop-filter:blur(12px);border-radius:12px;font-size:12px}.hero-media figcaption b{font:700 11px var(--mono);color:var(--cyan);letter-spacing:.12em}
.platform-track{background:var(--ink);color:var(--white);min-height:86px;padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:3px solid var(--cyan)}
.platform-track>span{font:700 12px var(--mono);color:var(--cyan);letter-spacing:.13em;white-space:nowrap}.platform-track ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.platform-track li{padding:7px 15px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:13px}
.evidence-ribbon{width:var(--shell);margin:80px auto 0;padding:32px 0;display:grid;grid-template-columns:.8fr 2.2fr;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.evidence-ribbon h2{margin:0;font:900 32px/1 var(--display)}.evidence-ribbon dl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0}.evidence-ribbon dl div{padding:0 22px;border-left:1px solid var(--line)}.evidence-ribbon dt{font-weight:800}.evidence-ribbon dd{margin:5px 0 0;color:var(--muted);font-size:13px}
.plans-prism,.fiber-system,.voices-wave,.faq-spectrum{width:var(--shell);margin:0 auto;padding:120px 0}
.plans-prism{display:grid;grid-template-columns:280px 1fr;gap:60px}.side-heading{position:sticky;top:110px;align-self:start}.section-heading h2,.side-heading h2,.fiber-intro h2,.device-splice h2,.faq-anchor h2,.line-editorial h2{margin:0;font:900 clamp(38px,5vw,66px)/1.02 var(--display);letter-spacing:-.045em}.section-heading>p:last-child,.side-heading>p:last-child,.fiber-intro>p:last-child,.faq-anchor>p{color:var(--muted)}
.plan-beam{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 60px rgba(22,55,78,.1)}
.plan-beam article{min-height:430px;padding:36px 28px;background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column}.plan-beam article:last-child{border-right:0}.plan-beam article>span{color:var(--blue);font:700 11px var(--mono);letter-spacing:.12em}.plan-beam h3{margin:14px 0 8px;font:900 36px var(--display)}.plan-beam p,.plan-beam li{color:var(--muted);font-size:14px}.plan-beam ul{padding-left:18px;margin-bottom:28px}.plan-beam .button{margin-top:auto;width:100%}.plan-beam .plan-focus{min-height:480px;background:var(--ink);color:var(--white);border-top:5px solid var(--cyan)}.plan-focus p,.plan-focus li{color:#b5c8d6}.plan-focus .button{border-color:var(--cyan);background:var(--cyan);color:var(--ink)}
.fiber-system{padding-top:40px;display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.fiber-intro{padding-top:30px}.fiber-lanes{position:relative}.fiber-lanes:before{content:"";position:absolute;left:73px;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),var(--blue),var(--amber),var(--cyan));box-shadow:0 0 14px var(--cyan)}
.fiber-lanes article{position:relative;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:22px;min-height:150px;padding:26px 0;border-bottom:1px solid var(--line)}.lane-code{position:relative;z-index:2;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:2px solid var(--blue);color:var(--blue);font:700 10px var(--mono)}.fiber-lanes h3{margin:0 0 6px;font:900 27px var(--display)}.fiber-lanes p{margin:0;color:var(--muted);font-size:14px}.fiber-lanes b{color:var(--blue);font-size:12px;white-space:nowrap}
.line-editorial{margin:40px 0 0;background:var(--ice);display:grid;grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);gap:70px;padding:90px max(24px,calc((100vw - 1240px)/2));border-block:1px solid #b9e5f4}.line-index{display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:20px;border-left:8px solid var(--cyan);background:var(--ink);color:var(--white)}.line-index span,.line-index small{font:11px var(--mono);letter-spacing:.14em;color:var(--cyan)}.line-index strong{font:900 clamp(74px,11vw,150px)/.8 var(--display);letter-spacing:-.08em}.line-editorial article{align-self:center}.line-editorial article>p:not(.kicker){max-width:770px;color:#41596c}.line-steps{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.line-steps span{padding:7px 13px;border:1px solid #98bdcc;border-radius:999px;font-size:12px}.text-link{color:var(--blue);font-weight:800}
.voices-wave .section-heading{max-width:700px}.voice-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:46px}.voice-grid blockquote{margin:0;padding:34px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.voice-grid blockquote:first-child{grid-row:span 2;background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:space-between}.voice-grid p{margin:0;font:700 22px/1.55 var(--display)}.voice-grid blockquote:first-child p{font-size:32px}.voice-grid footer{margin-top:45px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.voice-grid blockquote:first-child footer{color:#aac3d2}
.device-splice{width:var(--shell);margin:0 auto 40px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:65px;background:var(--ink);color:var(--white);border-radius:18px;overflow:hidden}.device-splice figure{margin:0}.device-splice figure img{display:block;width:100%;height:auto}.device-splice>div{padding:50px 50px 50px 0}.device-splice>div>p:not(.kicker){color:#aec5d3}.device-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding-left:18px;margin:24px 0;color:#d8e8f0}.device-splice .button-ghost{color:var(--white);border-color:#63849a}
.faq-spectrum{display:grid;grid-template-columns:330px 1fr;gap:80px}.faq-anchor{position:sticky;top:110px;align-self:start}.faq-columns{columns:2;column-gap:18px}.faq-columns details{break-inside:avoid;margin:0 0 18px;padding:0 22px;background:var(--white);border:1px solid var(--line);border-radius:14px}.faq-columns summary{padding:21px 24px 21px 0;cursor:pointer;font-weight:800;line-height:1.4}.faq-columns p{padding:0 0 21px;margin:0;color:var(--muted);font-size:14px}.faq-columns details[open]{border-color:#69bce1;box-shadow:0 10px 30px rgba(22,91,128,.09)}
.final-pulse{width:var(--shell);margin:10px auto 90px;padding:54px 64px;display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(105deg,#07172a 0%,#0a315b 63%,#0c6cff 100%);color:var(--white);border-radius:90px 16px 90px 16px;position:relative;overflow:hidden}.final-pulse:after{content:"";position:absolute;right:250px;width:160px;height:160px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.04)}.final-pulse>div,.final-pulse .button{position:relative;z-index:2}.final-pulse h2{margin:0;font:900 40px/1.1 var(--display)}.final-pulse p:last-child{margin:8px 0 0;color:#bad1df}
.site-footer{padding:68px max(24px,calc((100vw - 1240px)/2)) 28px;background:#030d19;color:#d8e5ed;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:42px}.site-footer h3{margin:0 0 16px;color:var(--cyan);font:700 11px var(--mono);letter-spacing:.13em}.site-footer>div:not(.footer-brand) a{display:block;margin:9px 0;color:#9eb4c2;font-size:13px}.footer-brand p{max-width:280px;color:#7690a1;font-size:13px}.site-footer .brand-mark{background:var(--cyan);color:var(--ink)}.copyright{grid-column:1/-1;margin:28px 0 0;padding-top:22px;border-top:1px solid #1d3040;color:#70889a;font-size:12px}
.inner-page main{width:var(--shell);margin:auto;position:relative}.page-code{position:absolute;right:0;top:40px;display:flex;align-items:flex-end;gap:12px;color:#8fa5b4}.page-code span{font:900 72px/.8 var(--display);color:#d9e7ee}.page-code b{font:700 10px var(--mono);letter-spacing:.14em}
.download-mast{min-height:390px;padding:90px 0 60px;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;border-bottom:1px solid var(--line)}.download-mast h1{margin:0;font:900 clamp(58px,8vw,108px)/.86 var(--display);letter-spacing:-.07em}.download-mast>p{max-width:480px;color:var(--muted);font-size:16px}.download-mast code{padding:2px 6px;background:#e2edf3;color:var(--blue);border-radius:4px;font-family:var(--mono)}
.device-matrix{margin:70px 0 110px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-areas:"ios windows" "android windows" "mac tv" "router tv";gap:14px}.device-card{min-height:260px;padding:30px;display:grid;grid-template-columns:54px 1fr;gap:20px;background:var(--white);border:1px solid var(--line);border-radius:16px}.device-card .device-no{width:48px;height:48px;display:grid;place-items:center;border:1px solid #8caabc;border-radius:50%;font:700 11px var(--mono);color:var(--blue)}.device-card h2{margin:0;font:900 36px var(--display)}.device-card p:not(.kicker){margin:6px 0;color:var(--muted);font-size:14px}.device-card small{color:#8ca0ad}.device-card .button{grid-column:2;align-self:end;justify-self:start}.card-ios{grid-area:ios}.card-windows{grid-area:windows;background:var(--ink);color:var(--white)}.card-windows p:not(.kicker),.card-windows small{color:#a8c0cf}.card-android{grid-area:android}.card-macos{grid-area:mac}.card-tv{grid-area:tv;background:var(--ice)}.card-router{grid-area:router}
.install-beam{list-style:none;margin:0 0 100px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--blue)}.install-beam li{padding:30px 24px;border-right:1px solid var(--line)}.install-beam li:last-child{border-right:0}.install-beam span{font:700 11px var(--mono);color:var(--blue)}.install-beam h2{margin:18px 0 7px;font:900 24px var(--display)}.install-beam p{margin:0;color:var(--muted);font-size:13px}
.download-notice{margin:0 0 100px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--blue);color:var(--white);border-radius:16px}.download-notice h2{margin:0;font:900 42px var(--display)}.download-notice p:last-child{margin:5px 0 0;color:#d4e6ff}
.help-console{min-height:520px;padding:90px 0 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:end;border-bottom:1px solid var(--line)}.help-console h1{margin:0;font:900 clamp(56px,7.5vw,104px)/.9 var(--display);letter-spacing:-.065em}.help-console header>p:last-child{max-width:560px;color:var(--muted)}.help-jumps{display:grid;grid-template-columns:1fr 1fr}.help-jumps a{padding:16px 10px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);font-weight:800}.help-jumps a:hover{color:var(--blue)}.help-jumps span{color:var(--blue);font:700 10px var(--mono)}
.support-feed{padding:60px 0 100px}.support-entry{display:grid;grid-template-columns:180px 1fr;gap:50px;min-height:250px;padding:46px 0;border-bottom:1px solid var(--line)}.support-entry aside{display:flex;flex-direction:column;justify-content:space-between;border-left:4px solid var(--blue);padding-left:18px}.support-entry aside span{font:900 62px/.9 var(--display);color:#d6e4eb}.support-entry aside b{color:var(--blue);font:700 10px var(--mono);letter-spacing:.15em}.support-entry section{max-width:820px}.support-entry h2{margin:0 0 14px;font:900 36px/1.1 var(--display)}.support-entry p,.support-entry li{color:var(--muted)}.support-entry a{color:var(--blue);font-weight:800}.support-entry ol{padding-left:22px;columns:2}.support-entry.reverse{grid-template-columns:1fr 180px}.support-entry.reverse aside{grid-column:2;grid-row:1;border-left:0;border-right:4px solid var(--cyan);padding-left:0;padding-right:18px;text-align:right}.support-entry.reverse section{grid-column:1;grid-row:1}.support-entry.accent{margin:24px -36px;padding:46px 36px;background:var(--ice);border-radius:16px;border-bottom:0}.check-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.check-row span{padding:6px 12px;border:1px solid #99b6c6;border-radius:999px;color:#456276;font-size:12px}
.help-exit{margin-bottom:100px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--white);border-radius:80px 12px}.help-exit h2{margin:0;font:900 40px var(--display)}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:58px}.hero-media{width:min(760px,100%)}.evidence-ribbon{grid-template-columns:1fr}.evidence-ribbon dl{grid-template-columns:1fr 1fr}.plans-prism,.fiber-system,.faq-spectrum{grid-template-columns:1fr}.side-heading,.faq-anchor{position:static}.fiber-system{gap:30px}.device-splice{grid-template-columns:1fr}.device-splice>div{padding:10px 36px 46px}.site-footer{grid-template-columns:1.5fr 1fr 1fr}.footer-brand,.copyright{grid-column:1/-1}.download-mast{grid-template-columns:1fr;gap:30px}.device-matrix{grid-template-columns:1fr;grid-template-areas:"ios" "windows" "android" "mac" "tv" "router"}.install-beam{grid-template-columns:1fr 1fr}.page-code{display:none}.help-console{grid-template-columns:1fr;gap:40px}.support-entry,.support-entry.reverse{grid-template-columns:130px 1fr}.support-entry.reverse aside{grid-column:1;grid-row:1;border-left:4px solid var(--cyan);border-right:0;padding-left:18px;padding-right:0;text-align:left}.support-entry.reverse section{grid-column:2}}
@media(max-width:680px){:root{--shell:calc(100% - 28px)}.nav-shell{height:66px}.nav-shell>.button{min-width:102px}.hero{min-height:auto;padding:48px 0}.hero h1{font-size:49px}.hero h1 em{font-size:.55em}.hero-media{border-radius:44px 10px}.hero-media figcaption{position:static;border:0;border-radius:0}.platform-track{align-items:flex-start;flex-direction:column}.platform-track ul{justify-content:flex-start}.evidence-ribbon dl{grid-template-columns:1fr}.evidence-ribbon dl div{padding:14px 0;border-left:0;border-top:1px solid var(--line)}.plans-prism,.fiber-system,.voices-wave,.faq-spectrum{padding:80px 0}.plan-beam{grid-template-columns:1fr}.plan-beam article,.plan-beam .plan-focus{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.line-editorial{grid-template-columns:1fr;padding-top:54px;padding-bottom:54px}.line-index{min-height:220px}.voice-grid{grid-template-columns:1fr}.voice-grid blockquote:first-child{grid-row:auto}.voice-grid blockquote:first-child p{font-size:24px}.fiber-lanes article{grid-template-columns:78px 1fr}.fiber-lanes b{grid-column:2}.fiber-lanes:before{left:34px}.lane-code{width:68px}.faq-columns{columns:1}.final-pulse{padding:42px 28px;flex-direction:column;align-items:flex-start;border-radius:44px 12px}.final-pulse h2{font-size:32px}.site-footer{grid-template-columns:1fr 1fr;gap:34px}.footer-brand,.copyright{grid-column:1/-1}.hero-actions,.plan-beam .button{width:100%}.hero-actions .button{flex:1 1 100%}.download-mast{min-height:320px;padding-top:60px}.download-mast h1{font-size:58px}.device-card{grid-template-columns:1fr}.device-card .button{grid-column:1;width:100%}.install-beam{grid-template-columns:1fr}.install-beam li{border-right:0;border-bottom:1px solid var(--line)}.download-notice{align-items:flex-start;flex-direction:column;padding:34px 26px}.download-notice h2{font-size:32px}.help-console{min-height:auto;padding-top:60px}.help-console h1{font-size:58px}.help-jumps{grid-template-columns:1fr}.support-entry,.support-entry.reverse{grid-template-columns:1fr;gap:22px}.support-entry aside,.support-entry.reverse aside{grid-column:1;grid-row:1;min-height:72px;flex-direction:row;align-items:center}.support-entry section,.support-entry.reverse section{grid-column:1;grid-row:2}.support-entry ol{columns:1}.support-entry.accent{margin:18px -8px;padding:36px 20px}.help-exit{align-items:flex-start;flex-direction:column;padding:38px 26px;border-radius:40px 10px}.help-exit h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Hero image final compliance override */
.hero{align-items:center}
.hero-media{align-self:center;height:auto;padding:0;margin:0;overflow:hidden;transform:none}
.hero-media picture{display:block;height:auto;padding:0;margin:0}
.hero-media img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;min-height:0;max-height:none;margin:0;padding:0;clip-path:none;transform:none}
/* Download actions stay horizontal */
.button,.hero-actions a,.plan-beam a{white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;flex-direction:row;text-align:center}