:root{--sky:#80c9ee;--sky-deep:#429fd2;--sky-pale:#dff4ff;--cloud:#fff;--cloud-shadow:#d3e9f4;--ink:#14334b;--muted:#5c7a8d;--blue:#177eb8;--navy:#123750;--line:#b8d9e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--sky-pale);font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%}.sky-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.sky-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #aad3e7;background:rgba(239,250,255,.94);backdrop-filter:blur(14px)}.sky-nav{min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.sky-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.sky-brand img{display:block;width:34px;height:34px;object-fit:contain}.sky-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);color:var(--muted);font-size:13px;font-weight:800}.sky-links a:hover{color:var(--blue)}
.sky-button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:52px;padding:0 24px;border:1px solid var(--blue);border-radius:999px;color:#fff;background:var(--blue);box-shadow:0 8px 20px rgba(23,126,184,.22);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,filter .2s ease}.sky-button:hover{filter:brightness(1.06);transform:translateY(-3px)}.sky-button--small{min-width:128px;min-height:40px;padding-inline:15px}.sky-text-link{color:#126c9e;font-weight:900}a:focus-visible,summary:focus-visible{outline:3px solid #176f9f;outline-offset:4px}
.cloudbreak-hero{overflow:hidden;background:#91d0ef}.cloudbreak-stage{position:relative;min-height:810px}.cloudbreak-title{position:absolute;z-index:8;top:75px;left:4%;width:64%;text-align:left}.sky-label{margin:0 0 12px;color:#126c9e;font-size:9px;font-weight:900;letter-spacing:.14em}.cloudbreak-title h1,.open-view-layout h2,.altitude-layout h2,.device-copy h2,.airway-layout h2,.weather-layout h2,.guide-layout h2,.faq-layout h2,.callout-layout h2{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(52px,6.6vw,88px);line-height:.95;letter-spacing:-.06em;text-wrap:balance}.cloudbreak-title>p:not(.sky-label){max-width:590px;margin:24px 0;color:#2e6684}
.flight-trail{position:absolute;z-index:3;top:330px;left:3%;width:72%;height:180px;border-top:2px dashed rgba(255,255,255,.85);border-radius:50%;transform:rotate(8deg)}.flight-trail i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff}.flight-trail i:nth-child(1){top:-5px;left:20%}.flight-trail i:nth-child(2){top:-5px;left:55%}.flight-trail i:nth-child(3){top:-5px;right:8%}
.cloud-bank{position:absolute;z-index:4;height:150px;background:var(--cloud);border-radius:50% 50% 0 0}.cloud-bank i{position:absolute;border-radius:50%;background:inherit}.cloud-bank--back{right:-7%;bottom:190px;left:-10%;background:rgba(232,247,253,.78)}.cloud-bank--back i:nth-child(1){width:280px;height:220px;left:7%;top:-80px}.cloud-bank--back i:nth-child(2){width:390px;height:280px;left:31%;top:-130px}.cloud-bank--back i:nth-child(3){width:250px;height:190px;right:14%;top:-55px}.cloud-bank--back i:nth-child(4){width:180px;height:150px;right:2%;top:-30px}
.cloud-bank--front{z-index:9;right:-14%;bottom:-28px;left:-12%;height:160px;box-shadow:0 -20px 40px rgba(198,228,241,.4)}.cloud-bank--front i:nth-child(1){width:320px;height:230px;left:2%;top:-95px}.cloud-bank--front i:nth-child(2){width:240px;height:170px;left:22%;top:-50px}.cloud-bank--front i:nth-child(3){width:420px;height:280px;left:42%;top:-135px}.cloud-bank--front i:nth-child(4){width:290px;height:210px;right:9%;top:-75px}.cloud-bank--front i:nth-child(5){width:210px;height:160px;right:-1%;top:-35px}
.sky-window{position:absolute;z-index:7;top:245px;right:9%;width:225px;height:auto;margin:0;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:34% 34% 15px 15px;background:rgba(239,250,255,.86);box-shadow:0 20px 45px rgba(44,121,160,.2);overflow:visible;transform:none;align-self:center}.sky-window figcaption,.device-window figcaption{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);color:#5d7d90;font-size:8px}.sky-window img,.device-window img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}
.floating-download{position:absolute;z-index:12;left:8%;bottom:120px;width:340px;padding:24px 27px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(43,118,154,.2)}.floating-download>span{color:var(--blue);font-size:9px;font-weight:900}.floating-download h2{margin:5px 0 15px;font-size:25px}.floating-download small{display:block;margin-top:10px;color:var(--muted);font-size:8px}.sky-facts{position:absolute;z-index:13;right:6%;bottom:35px;display:flex;gap:25px;color:#456c82;font-size:9px;font-weight:900}
.open-view-section{padding:clamp(105px,13vw,165px) 0;background:#fff}.open-view-layout>header{display:grid;grid-template-columns:.35fr 1.65fr;gap:38px;margin-bottom:65px}.open-view-layout h2,.altitude-layout h2,.device-copy h2,.airway-layout h2,.weather-layout h2,.guide-layout h2,.faq-layout h2{font-size:clamp(40px,5vw,68px)}.view-path{display:flex}.view-path article{flex:1;padding:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.view-path article+article{border-left:1px solid var(--line)}.view-path span{color:var(--blue);font-size:9px;font-weight:900}.view-path h3{margin:36px 0 8px}.view-path p{color:var(--muted);font-size:12px}
.altitude-section{padding:clamp(100px,12vw,150px) 0;background:#e3f3fa}.altitude-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.altitude-layers{border-top:1px solid #91bfd4}.altitude-layers article{display:grid;grid-template-columns:100px 1fr 1fr;gap:25px;padding:19px 0;border-bottom:1px solid #a9ccdc}.altitude-layers b{color:var(--blue)}.altitude-layers span{font-weight:900}.altitude-layers p{margin:0;color:var(--muted)}
.device-horizon{padding:clamp(100px,12vw,150px) 0;background:#fff}.device-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,100px);align-items:center}.device-copy>p:not(.sky-label){color:var(--muted)}.device-copy nav{display:flex;flex-wrap:wrap;gap:6px;margin:27px 0}.device-copy nav a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--blue);font-size:9px;font-weight:900}.device-window{align-self:center;height:auto;margin:0;padding:0;border:1px solid var(--line);border-radius:30px;background:#f7fcff;overflow:visible;transform:none}
.airway-section{padding:clamp(100px,12vw,150px) 0;color:#fff;background:#3a9bca}.airway-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:60px}.airway-layout .sky-label{color:#d8f4ff}.airway-layout ol{list-style:none;margin:0;padding:0;display:flex;position:relative}.airway-layout ol::before{content:"";position:absolute;top:7px;right:0;left:0;border-top:2px dashed rgba(255,255,255,.6)}.airway-layout li{position:relative;flex:1;padding:38px 24px 15px}.airway-layout li::before{content:"";position:absolute;top:0;left:25px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#3a9bca}.airway-layout span{font-weight:900}.airway-layout p{color:#d8effa;font-size:12px}
.weather-check{padding:clamp(100px,12vw,150px) 0;background:#eff8fc}.weather-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.weather-layout>div{border-top:1px solid var(--line)}.weather-layout article{display:grid;grid-template-columns:160px 1fr 120px;gap:25px;padding:19px 0;border-bottom:1px solid var(--line)}.weather-layout span{font-weight:900}.weather-layout p{margin:0;color:var(--muted)}.weather-layout b{color:var(--blue);font-size:10px}.weather-layout>.sky-text-link{grid-column:2}
.sky-guides{padding:clamp(100px,12vw,150px) 0;background:#fff}.guide-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.guide-layout>div{border-top:1px solid var(--line)}.guide-layout article{display:grid;grid-template-columns:65px 1fr 1fr 55px;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.guide-layout span,.guide-layout a{color:var(--blue);font-weight:900}.guide-layout h3,.guide-layout p{margin:0}.guide-layout p{color:var(--muted)}.guide-layout a{text-align:right}
.sky-faq{padding:clamp(100px,12vw,150px) 0;background:#e6f4fa}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,105px)}.faq-layout>div{border-top:1px solid var(--line)}.faq-layout details{border-bottom:1px solid var(--line)}.faq-layout summary{padding:20px 0;cursor:pointer;list-style:none;font-weight:900}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout details p{margin:0 0 20px;color:var(--muted)}
.sky-callout{padding:72px 0;background:#8fd2ef}.callout-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.callout-layout h2{max-width:17ch}.sky-button--dark{border-color:var(--navy);background:var(--navy)}
.sky-footer{padding:52px 0 22px;color:#fff;background:var(--navy)}.footer-layout{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:46px}.footer-layout h3{margin:0 0 10px;color:#8edafa;font-size:12px}.footer-layout>div>a:not(.sky-brand){display:block;margin:7px 0;color:#a8c5d5;font-size:12px}.footer-layout>div:first-child p{color:#a8c5d5;font-size:12px}.copyright{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #365c72;color:#7295a8;font-size:10px}
@media(max-width:900px){.cloudbreak-title{width:70%}.sky-window{right:3%;width:185px}.altitude-layout,.device-layout,.weather-layout,.guide-layout,.faq-layout{grid-template-columns:1fr}.weather-layout>.sky-text-link{grid-column:auto}.guide-layout article{grid-template-columns:65px 1fr}.guide-layout p{grid-column:2}.guide-layout a{grid-column:2;text-align:left}}
@media(max-width:680px){.sky-shell{width:min(100% - 24px,1220px)}.sky-nav{grid-template-columns:auto auto}.sky-nav>.sky-button{display:none}.sky-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:10px 0}.cloudbreak-stage{min-height:1040px}.cloudbreak-title{top:60px;width:100%}.cloudbreak-title h1{font-size:clamp(44px,13vw,62px)}.sky-window{top:390px;right:50%;width:165px;transform:translateX(50%)}.floating-download{bottom:160px;left:5%;width:90%}.sky-facts{right:5%;bottom:35px;left:5%;justify-content:space-between}.open-view-layout>header,.airway-layout>header{grid-template-columns:1fr}.view-path{display:grid}.view-path article+article{border-left:0;border-top:0}.altitude-layers article{grid-template-columns:1fr;gap:6px}.airway-layout ol{display:grid}.airway-layout ol::before{top:0;bottom:0;left:7px;width:1px;height:auto;border-top:0;border-left:2px dashed rgba(255,255,255,.6)}.weather-layout article{grid-template-columns:1fr;gap:6px}.guide-layout article{grid-template-columns:1fr}.guide-layout p,.guide-layout a{grid-column:auto}.callout-layout{grid-template-columns:1fr}.callout-layout .sky-button{width:100%}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sky-button{transition:none}}
.sky-window,.device-window{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible}.sky-window img,.device-window img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none}