/* Cloudy World light identity. Native CSS/SVG artwork: responsive, no external fonts or trackers. */
:root{color-scheme:light;--bg:#f6fafd;--panel:#ffffff;--line:#dbe6ef;--text:#21394c;--muted:#60778b;--mint:#286db5}
body{background:radial-gradient(ellipse 900px 630px at 83% 12%,#dceefe 0,transparent 75%),radial-gradient(ellipse 550px 700px at 0 65%,#e5f2ec88,transparent),var(--bg)}
.test-bar{background:#e6f1f7;color:#456980;border-bottom:1px solid #dbe8f1}.site-header{border-bottom-color:#cddfeb88}.brand{color:#245271}.brand-mark{border-color:#7ba7c7;background:#ffffffb0;color:#397aa4;box-shadow:0 5px 12px #779bb516}
nav>a:hover,.text-link:hover{color:#2168a4}.button{color:#fff;background:#2874bd;border-color:#2874bd;box-shadow:0 8px 20px #226bb519}.button:hover{background:#1d639f;color:#fff}
.button-small{color:#265376;background:#ffffffcf;border-color:#c6ddeb;box-shadow:0 5px 12px #779bb514}.button-small:hover{background:#e7f2fc;color:#265376}
.sky-word{color:#397fae}.eyebrow,.mini-label{color:#477fa3}.hero{padding-top:78px;padding-bottom:62px}.hero-copy{position:relative;z-index:2}.fine{color:#72889a}
.connection-visual{min-height:460px;overflow:visible;background:none}.sky-halo{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffffffb0,#b9dbf64f 65%,transparent 73%);box-shadow:inset 0 0 50px #bddbfa22;pointer-events:none}
.orbit{border-color:#79acd26b}.orbit-two{border-color:#92bcd047}.orbit-one:after{background:#79b2dd;box-shadow:0 0 0 6px #b3d6f42b}.core{background:linear-gradient(145deg,#ffffff,#e8f4ff);border:1px solid #a7c9e0;border-radius:36px;box-shadow:0 28px 75px #6292b43d,inset 0 0 35px #fff;transform:rotate(-5deg)}.core svg{stroke:#387eac;stroke-width:1.8}.core span{color:#577e98}.network-tag{background:#ffffffd9;color:#537993;border:1px solid #d2e4f0;box-shadow:0 10px 30px #47799a0c;z-index:3}.visual-caption{color:#6e8ba0}.tag-device{top:61px;left:0;transform:rotate(-3deg)}.tag-network{bottom:67px;right:-5px;transform:rotate(3deg)}
.cloud{position:absolute;border-radius:60px;background:linear-gradient(145deg,#fff,#eff7ff);box-shadow:0 16px 30px #759fb523;z-index:2;pointer-events:none}.cloud:before,.cloud:after{content:'';position:absolute;bottom:10px;border-radius:50%;background:linear-gradient(150deg,#fff,#f3f9ff)}.cloud-a{width:138px;height:43px;left:8px;top:135px;transform:rotate(-8deg)}.cloud-a:before{width:61px;height:61px;left:22px;bottom:13px}.cloud-a:after{width:47px;height:47px;right:16px;bottom:9px}.cloud-b{width:157px;height:51px;right:-10px;top:124px;transform:rotate(6deg)}.cloud-b:before{width:78px;height:78px;left:22px;bottom:16px}.cloud-b:after{width:57px;height:57px;right:20px;bottom:12px}.cloud-c{width:118px;height:39px;left:29px;bottom:78px;opacity:.9;transform:rotate(5deg)}.cloud-c:before{width:51px;height:51px;left:20px;bottom:12px}.cloud-c:after{width:40px;height:40px;right:13px;bottom:9px}
.principles{background:#ffffff53;padding:29px 22px;border-radius:16px;border:1px solid #dce9f0}.principles strong{color:#315674}.section-heading p:last-child{color:#6c8092}.plan{background:#ffffffd9;border:1px solid #d7e6f0;box-shadow:0 12px 35px #6f95b012;position:relative;overflow:hidden}.plan:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#a5cbe4,#d2e9ed)}.plan.selected{border-color:#458ab9;box-shadow:0 12px 32px #4885b120}.plan-price{color:#2f638b}.plan button{color:#38617d;background:#f3f8fc;border-color:#c5dce9;box-shadow:none}.plan button:hover{background:#e4f1fa;color:#26516e}.plan li:before{color:#5999b7}.choice{border-color:#bad7e8;background:#eaf4fb}.choice h3{color:#2e6085}.how-section>div>p:last-child{color:#61778b}.how-section li>span{color:#5a8dad}.how-section li p,.questions details p{color:#61778b}.questions summary{color:#31556e}.cabinet-state{background:#ffffffce;border-color:#d4e4ef;box-shadow:0 15px 40px #7098b018}.cabinet-state p{color:#61778b}footer{border-top-color:#d2e2ec}footer p,footer>span{color:#6c8292}
@media(max-width:900px){.connection-visual{min-height:370px}.sky-halo{width:310px;height:310px}.cloud-a{transform:scale(.8) rotate(-8deg);left:-10px;top:118px}.cloud-b{transform:scale(.8) rotate(6deg);right:-16px;top:95px}.cloud-c{transform:scale(.8);left:8px;bottom:62px}.tag-device{top:26px}.tag-network{bottom:32px}.visual-caption{bottom:-12px;font-size:10px}}
@media(max-width:640px){.hero{padding-top:40px;padding-bottom:38px}.connection-visual{min-height:335px;max-width:390px;width:100%;margin:10px auto 0}.sky-halo{width:310px;height:310px}.cloud-a{left:0;top:97px}.cloud-b{right:-5px;top:81px}.cloud-c{bottom:49px;left:4px}.tag-device{left:0;top:14px}.tag-network{right:0;bottom:20px}.visual-caption{bottom:-10px}.principles{padding:25px}.hero h1{font-size:clamp(42px,11.5vw,53px)}}

/* Clear section boundaries and strong text contrast, not a continuous pastel wash. */
:root{--muted:#50677c;--line:#cadce9}
.site-header{background:#ffffffa3;border-bottom:1px solid #c7dbe9}.intro{color:#496276}.eyebrow,.mini-label{color:#345f7d}.fine,.visual-caption{color:#526b7e}
.principles{background:#e6eff5;border:1px solid #bcd2e2;border-left:4px solid #5c91b6;box-shadow:0 6px 18px #5276920b;gap:0}.principles>div{padding:0 24px}.principles>div+div{border-left:1px solid #bcd2e2}.principles strong{color:#244762}.principles p{color:#476278}
.plans-section{margin-top:52px;margin-bottom:40px;padding:38px;background:#fff;border:1px solid #ccdeeb;border-radius:24px;box-shadow:0 15px 40px #7492a811}.section-heading{border-bottom:1px solid #d9e5ee;margin-bottom:24px;padding-bottom:18px}.section-heading h2{margin-bottom:8px}.section-heading p:last-child{color:#52697d}.plan{background:#f4f8fc;border-color:#bdd3e4;box-shadow:none}.plan:before{background:#8db4d0;height:5px}.plan.selected{background:#edf6ff;outline:2px solid #3f82b6;outline-offset:-2px}.plan.selected:before{background:#3f82b6}.plan ul{border-color:#cbddeb}.plan button{border-color:#7daccd;color:#244f72;background:white}.choice{background:#e4f0fa;border-color:#a7c9df}
.how-section{padding:42px;margin:40px 0;background:#e6eef5;border:1px solid #bfd4e4;border-radius:24px;gap:55px}.how-section h2{color:#264c6b}.how-section li{border-color:#bbd0e0}.how-section li>span{color:#315d7e;background:#fff;border:1px solid #bcd1e0;min-width:36px;height:36px;border-radius:50%;text-align:center;padding-top:7px}.how-section li p,.how-section>div>p:last-child{color:#486177}.how-section li h3{color:#274e6a}
.questions{background:white;border:1px solid #ccdeeb;border-radius:24px;padding:38px;margin:40px 0 55px;max-width:none}.questions h2{font-size:36px;margin-bottom:12px}.questions details{border-color:#d5e2ec}.questions summary{font-weight:550;color:#294c65}.questions details p{color:#4c6578;max-width:860px}footer{background:#edf3f7;border-top:1px solid #bfd3e1;border-radius:22px 22px 0 0}footer p,footer>span{color:#536b7e}
@media(max-width:900px){.principles>div{padding:0 16px}.plans-section,.how-section,.questions{padding:28px}.how-section{gap:30px}.plan{padding:23px}}
@media(max-width:640px){.principles{gap:20px;padding:24px}.principles>div{padding:0}.principles>div+div{border-left:0;border-top:1px solid #bbd0e0;padding-top:20px}.plans-section{margin-top:30px;margin-bottom:26px;padding:24px 18px;border-radius:18px}.section-heading{padding-bottom:12px}.section-heading h2{font-size:34px}.how-section,.questions{padding:26px 22px;margin:26px 0;border-radius:18px}.questions{margin-bottom:35px}.questions h2{font-size:31px}.plan{padding:24px}.how-section li{gap:16px}footer{border-radius:16px 16px 0 0}}
.how-section{background:#f5f0e6;border-color:#dfd2bf;border-left:4px solid #ba9e77}.how-section h2,.how-section li h3{color:#584938}.how-section .eyebrow{color:#785c3b}.how-section li{border-color:#ded0bc}.how-section li>span{color:#705b3f;border-color:#d1c0a5;background:#fffaf0}.how-section li p,.how-section>div>p:last-child{color:#665741}