.cloud-page{background:#f1f3f5;color:#07172d}
.cloud-page .site-header{background:rgba(3,10,20,.78);border-bottom:1px solid rgba(255,255,255,.07)}
.cloud-page .desktop-nav a{color:rgba(255,255,255,.66)}
.cloud-page .desktop-nav a:hover,.cloud-page .desktop-nav a.active{color:#fff}
.cloud-page .langs a{color:rgba(255,255,255,.43)}
.cloud-page .langs a.active{color:#fff}
.cloud-page .menu-toggle span{background:#fff}

.cl-hero{position:relative;overflow:hidden;min-height:980px;padding:165px 0 45px;color:#fff;background:radial-gradient(circle at 78% 22%,rgba(0,194,255,.15),transparent 24%),radial-gradient(circle at 25% 78%,rgba(74,94,255,.13),transparent 28%),linear-gradient(145deg,#030913,#071426 55%,#071d34)}
.cl-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(103,206,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(103,206,255,.025) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.cl-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.38}.cl-glow-a{width:400px;height:400px;right:-60px;top:60px;background:#00a7ff}.cl-glow-b{width:300px;height:300px;left:26%;bottom:-80px;background:#505cff}
.cl-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:78px;align-items:center}
.cl-hero-copy h1{margin:20px 0 24px;font-size:clamp(4rem,6.4vw,7.3rem);line-height:.84;letter-spacing:-.069em;font-weight:950}
.cl-hero-copy h1 em{display:block;margin-top:.12em;font-style:normal;font-size:.50em;line-height:1.04;letter-spacing:-.045em;color:#73d0ff}
.cl-hero-copy>p{max-width:670px;color:rgba(237,245,252,.68);font-size:1.08rem;line-height:1.72}
.cl-hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:31px}

.cl-control-plane{position:relative;height:620px;border-radius:38px;border:1px solid rgba(109,205,255,.13);background:radial-gradient(circle at 50% 45%,rgba(32,153,220,.11),transparent 35%),linear-gradient(145deg,rgba(6,18,34,.74),rgba(6,23,43,.46));box-shadow:0 36px 100px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px);transition:transform .18s ease}
.cl-control-plane:before{content:"";position:absolute;inset:21px;border-radius:28px;border:1px solid rgba(106,199,255,.05)}
.cl-status-top{height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06)}
.cl-status-top>div{display:flex;gap:6px}.cl-status-top>div span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.22)}.cl-status-top small{font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.38);font-weight:900}.cl-status-top b{font-size:8px;letter-spacing:.12em;color:#74ddbd;padding:7px 10px;border-radius:99px;border:1px solid rgba(116,221,189,.16);background:rgba(116,221,189,.05)}
.cl-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:230px;height:230px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 38%,rgba(58,189,255,.16),transparent 45%),rgba(5,17,32,.92);border:1px solid rgba(93,198,255,.16);box-shadow:0 0 70px rgba(34,163,232,.09)}
.cl-core small{font-size:8px;letter-spacing:.16em;color:#6acfff;font-weight:900}.cl-core strong{margin-top:5px;font-size:43px;line-height:.9;letter-spacing:-.055em}.cl-core>span{font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.36);margin-top:10px}
.cl-core-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(85,197,255,.12)}.ring-a{width:285px;height:285px}.ring-b{width:360px;height:360px}
.cl-core-pulse{position:absolute;left:50%;top:50%;translate:-50% -50%;width:10px;height:10px;border-radius:50%;background:#61d0ff;box-shadow:0 0 0 10px rgba(97,208,255,.05),0 0 34px rgba(97,208,255,.60);animation:clPulse 2.6s ease-in-out infinite}
@keyframes clPulse{0%,100%{opacity:.65;scale:.9}50%{opacity:1;scale:1.15}}
.cl-metric{position:absolute;width:150px;padding:15px 16px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(7,21,39,.76);box-shadow:0 15px 40px rgba(0,0,0,.14)}
.cl-metric small{display:block;font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.38);font-weight:900}.cl-metric strong{display:block;margin-top:5px;font-size:14px;letter-spacing:.03em}.cl-metric i{position:absolute;right:14px;top:50%;translate:0 -50%;width:7px;height:7px;border-radius:50%;background:#65deb9;box-shadow:0 0 15px rgba(101,222,185,.48)}
.m1{left:27px;top:120px}.m2{right:27px;top:150px}.m3{left:37px;bottom:85px}.m4{right:35px;bottom:92px}
.cl-signal{position:absolute;height:1px;background:linear-gradient(90deg,rgba(98,203,255,0),rgba(98,203,255,.32),rgba(98,203,255,0));transform-origin:left center}.s1{width:150px;left:160px;top:170px;rotate:16deg}.s2{width:145px;right:152px;top:204px;rotate:-16deg}.s3{width:145px;left:165px;bottom:154px;rotate:-18deg}.s4{width:140px;right:158px;bottom:160px;rotate:16deg}
.cl-hero-strip{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:68px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);font-size:10px;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.47)}.cl-hero-strip i{font-style:normal;color:#5ccfff}

.cl-manifest{padding:125px 0;background:#f3f5f6}.cl-manifest-grid{display:grid;grid-template-columns:1fr .85fr;gap:95px}.cl-manifest h2{margin:14px 0 0;font-size:clamp(3.5rem,5.4vw,6rem);line-height:.9;letter-spacing:-.063em}.cl-manifest h2 em{font-style:normal;color:#138ecb}.cl-manifest-copy{padding-top:35px}.cl-manifest-copy strong{display:block;margin-bottom:21px;font-size:clamp(1.4rem,2vw,1.95rem);line-height:1.18;letter-spacing:-.035em}.cl-manifest-copy p{color:#697483;line-height:1.76}

.cl-stack{padding:125px 0;color:#fff;background:linear-gradient(145deg,#07101d,#0b1f37)}.cl-stack-head{display:grid;grid-template-columns:.45fr 1fr .8fr;gap:58px;align-items:end}.cl-stack-head h2{margin:0;font-size:clamp(3.8rem,5.7vw,6.2rem);line-height:.87;letter-spacing:-.063em}.cl-stack-head h2 em{font-style:normal;color:#65c9ff}.cl-stack-head p{margin:0;color:rgba(255,255,255,.58);line-height:1.7}
.cl-stack-visual{position:relative;margin-top:75px;padding:0 10%;perspective:1400px}.cl-layer{position:relative;min-height:150px;margin-top:-35px;padding:32px 38px 26px;border-radius:28px;border:1px solid rgba(255,255,255,.10);box-shadow:0 32px 70px rgba(0,0,0,.19);backdrop-filter:blur(12px);transform:rotateX(57deg) rotateZ(-1deg);transform-origin:center top}.cl-layer:first-child{margin-top:0}.cl-layer small{font-size:9px;letter-spacing:.15em;font-weight:900;color:rgba(255,255,255,.45)}.cl-layer strong{display:block;margin-top:7px;font-size:clamp(1.5rem,2.4vw,2.5rem);letter-spacing:-.04em}.cl-layer span{position:absolute;right:35px;bottom:28px;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.40)}
.layer-user{z-index:4;background:linear-gradient(120deg,rgba(27,142,203,.36),rgba(11,34,58,.72))}.layer-service{z-index:3;background:linear-gradient(120deg,rgba(23,83,138,.45),rgba(9,28,50,.78))}.layer-protection{z-index:2;background:linear-gradient(120deg,rgba(58,62,151,.34),rgba(8,24,43,.82))}.layer-support{z-index:1;background:linear-gradient(120deg,rgba(26,68,99,.34),rgba(5,18,33,.88))}

.cl-continuity{padding:125px 0;color:#fff;background:radial-gradient(circle at 80% 30%,rgba(31,164,221,.13),transparent 28%),linear-gradient(145deg,#04101b,#071a2a)}.cl-continuity-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.cl-continuity-copy h2{margin:15px 0 22px;font-size:clamp(3.8rem,5.6vw,6.2rem);line-height:.88;letter-spacing:-.064em}.cl-continuity-copy h2 em{font-style:normal;color:#6bd0ff}.cl-continuity-copy>p{color:rgba(255,255,255,.58);line-height:1.72}
.cl-continuity-points{margin-top:35px}.cl-continuity-points>div{display:grid;grid-template-columns:42px 125px 1fr;gap:15px;align-items:start;padding:16px 0;border-top:1px solid rgba(255,255,255,.09)}.cl-continuity-points b{font-size:9px;color:#61caff}.cl-continuity-points strong{font-size:.95rem}.cl-continuity-points span{font-size:.86rem;color:rgba(255,255,255,.48);line-height:1.5}
.cl-continuity-visual{position:relative;min-height:590px}.cl-loop{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(87,198,255,.12)}.loop-1{width:250px;height:250px}.loop-2{width:390px;height:390px}.loop-3{width:530px;height:530px}.cl-loop-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(73,193,246,.18),transparent 40%),#071a2c;border:1px solid rgba(91,202,249,.15);box-shadow:0 0 70px rgba(44,167,220,.08)}.cl-loop-center small{font-size:8px;letter-spacing:.15em;color:#6dcfff;font-weight:900}.cl-loop-center strong{font-size:26px;letter-spacing:-.04em}.cl-loop-center span{font-size:8px;letter-spacing:.13em;color:rgba(255,255,255,.32);margin-top:7px}.cl-loop-node{position:absolute;padding:11px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.10);background:rgba(6,22,38,.82);font-size:9px;letter-spacing:.12em;font-weight:900;color:#bfeaff}.node-a{left:5%;top:26%}.node-b{right:2%;top:20%}.node-c{right:6%;bottom:20%}.node-d{left:4%;bottom:25%}

.cl-services{padding:125px 0;background:#f2f4f5}.cl-services-head{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}.cl-services-head h2{margin:14px 0 0;font-size:clamp(3.8rem,5.5vw,6.1rem);line-height:.89;letter-spacing:-.062em}.cl-services-head h2 em{font-style:normal;color:#138ecb}.cl-services-head p{margin:0;color:#6b7684;line-height:1.72}
.cl-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:70px}.cl-service-card{position:relative;min-height:385px;padding:28px;border-radius:26px;background:#fff;border:1px solid #dfe4e8;box-shadow:0 18px 55px rgba(8,23,39,.05);overflow:hidden}.cl-service-card:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;background:var(--soft,#eaf4fb);opacity:.85}.cl-service-card>span{font-size:10px;font-weight:900;color:#99a2ad}.cl-service-card>small{display:block;margin-top:52px;font-size:9px;letter-spacing:.15em;color:var(--accent,#138ecb);font-weight:900}.cl-service-card h3{margin:12px 0 16px;font-size:clamp(2rem,2.8vw,3rem);line-height:.93;letter-spacing:-.052em}.cl-service-card p{color:#697482;line-height:1.63;font-size:.92rem}.cl-service-card a{position:absolute;left:28px;bottom:26px;display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.09em;font-weight:900;text-transform:uppercase;color:#0a1b2f}.cl-service-card a b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--accent,#138ecb);color:#fff}
.svc-domain{--accent:#168fc7;--soft:#e2f3f8}.svc-hosting{--accent:#2974de;--soft:#e5edfb}.svc-mail{--accent:#7658d8;--soft:#eee9fb}.svc-backup{--accent:#2d9e7a;--soft:#e2f3ec}.svc-security{--accent:#d37737;--soft:#f8eee5}.svc-support{--accent:#5e758e;--soft:#e9eef2}

.cl-observability{padding:125px 0;color:#fff;background:linear-gradient(145deg,#07111f,#0c2138)}.cl-observability-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}.cl-observe-panel{min-height:530px;padding:30px;border-radius:30px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(11,31,52,.86),rgba(6,19,34,.72));box-shadow:0 32px 80px rgba(0,0,0,.20)}.cl-observe-header{display:flex;justify-content:space-between;align-items:center}.cl-observe-header small{font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.42);font-weight:900}.cl-observe-header span{font-size:8px;letter-spacing:.12em;color:#68d4b2;padding:7px 10px;border-radius:99px;border:1px solid rgba(104,212,178,.15)}.cl-observe-chart{height:300px;display:flex;align-items:flex-end;gap:9px;margin-top:50px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.08)}.cl-observe-chart i{flex:1;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(to top,rgba(39,139,195,.18),rgba(80,202,255,.80));box-shadow:0 0 20px rgba(75,196,246,.06)}.cl-observe-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.cl-observe-stats div{padding:14px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.cl-observe-stats small{display:block;font-size:7px;letter-spacing:.13em;color:rgba(255,255,255,.35);font-weight:900}.cl-observe-stats strong{display:block;margin-top:5px;font-size:11px;color:#d9effa}
.cl-observability-copy h2{margin:15px 0 22px;font-size:clamp(3.7rem,5.3vw,5.9rem);line-height:.89;letter-spacing:-.062em}.cl-observability-copy h2 em{font-style:normal;color:#67ccff}.cl-observability-copy p{color:rgba(255,255,255,.58);line-height:1.72}.cl-observability-copy blockquote{margin:30px 0 0;padding:4px 0 4px 20px;border-left:3px solid #59c8ff;color:#dbeef8;font-weight:800;line-height:1.55}

.cl-migration{padding:125px 0;background:#f3f5f6}.cl-migration-head{max-width:920px}.cl-migration-head h2{margin:15px 0 22px;font-size:clamp(3.8rem,5.7vw,6.4rem);line-height:.88;letter-spacing:-.063em}.cl-migration-head h2 em{font-style:normal;color:#138ecb}.cl-migration-head p{max-width:690px;color:#697482;line-height:1.7}
.cl-migration-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:15px;margin-top:68px}.cl-migration-flow>div{min-height:155px;padding:22px;border-radius:22px;background:#fff;border:1px solid #dfe4e8}.cl-migration-flow>div span{font-size:9px;color:#98a1ad;font-weight:900}.cl-migration-flow>div b{display:block;margin:25px 0 7px;font-size:14px;letter-spacing:.05em}.cl-migration-flow>div small{color:#74808e;line-height:1.45}.cl-migration-flow>i{font-style:normal;color:#138ecb}

.cl-web-cloud{padding:130px 0;color:#fff;background:radial-gradient(circle at 85% 25%,rgba(42,151,220,.13),transparent 25%),linear-gradient(145deg,#04101b,#081d31)}.cl-web-cloud-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.cl-web-cloud-copy h2{margin:15px 0 22px;font-size:clamp(3.8rem,5.6vw,6.2rem);line-height:.88;letter-spacing:-.063em}.cl-web-cloud-copy h2 em{font-style:normal;color:#69ceff}.cl-web-cloud-copy p{color:rgba(255,255,255,.59);line-height:1.72}.cl-web-cloud-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.cl-ecosystem-visual{position:relative;min-height:560px;perspective:1300px}.cl-ecosystem-visual>div{position:absolute;left:50%;width:78%;height:175px;padding:30px 35px;border-radius:26px;border:1px solid rgba(255,255,255,.11);box-shadow:0 30px 70px rgba(0,0,0,.18);transform:translateX(-50%) rotateX(58deg);transform-origin:center top}.cl-ecosystem-visual small{font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.42);font-weight:900}.cl-ecosystem-visual strong{display:block;margin-top:8px;font-size:31px;letter-spacing:-.045em}.cl-ecosystem-visual span{position:absolute;right:30px;bottom:30px;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.38)}.cl-eco-front{top:30px;z-index:3;background:linear-gradient(115deg,rgba(28,151,211,.40),rgba(8,35,59,.85))}.cl-eco-middle{top:155px;z-index:2;background:linear-gradient(115deg,rgba(44,82,158,.38),rgba(6,28,49,.88))}.cl-eco-back{top:280px;z-index:1;background:linear-gradient(115deg,rgba(32,70,107,.38),rgba(4,22,39,.92))}

.cl-final{position:relative;overflow:hidden;padding:150px 0;text-align:center;color:#08172d;background:radial-gradient(circle at 16% 28%,rgba(50,168,218,.13),transparent 25%),radial-gradient(circle at 85% 75%,rgba(83,96,223,.10),transparent 25%),linear-gradient(145deg,#f4f7f8,#e9eef1)}
.cl-final:before{content:"UPTIME";position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:clamp(12rem,25vw,30rem);line-height:.7;font-weight:950;letter-spacing:-.10em;color:rgba(8,28,48,.028);white-space:nowrap}
.cl-final-inner{position:relative;z-index:2;max-width:1050px}.cl-final small{font-size:9px;letter-spacing:.17em;color:#138ecb;font-weight:900}.cl-final h2{margin:20px 0 20px;font-size:clamp(3.7rem,5.9vw,6.7rem);line-height:.89;letter-spacing:-.064em}.cl-final h2 em{font-style:normal;color:#138ecb}.cl-final p{max-width:690px;margin:0 auto 32px;color:#687482;line-height:1.7}.cl-final .button{display:inline-flex;background:#071b31;color:#fff;box-shadow:0 18px 40px rgba(6,26,48,.13)}

@media(max-width:1120px){
  .cl-hero-grid,.cl-manifest-grid,.cl-continuity-grid,.cl-observability-grid,.cl-web-cloud-grid{grid-template-columns:1fr}
  .cl-control-plane{max-width:720px;width:100%;margin:auto}.cl-stack-head{grid-template-columns:1fr}.cl-services-grid{grid-template-columns:repeat(2,1fr)}
  .cl-migration-flow{grid-template-columns:1fr}.cl-migration-flow>i{rotate:90deg;justify-self:center}.cl-continuity-visual,.cl-ecosystem-visual{max-width:720px;width:100%;margin:auto}
}
@media(max-width:760px){
  .cl-hero{min-height:auto;padding:125px 0 35px}.cl-hero-copy h1{font-size:clamp(3.3rem,15vw,4.9rem)}.cl-hero-copy h1 em{font-size:.47em}
  .cl-control-plane{height:490px;border-radius:28px}.cl-core{width:170px;height:170px}.ring-a{width:215px;height:215px}.ring-b{width:270px;height:270px}.cl-core strong{font-size:32px}
  .cl-metric{width:115px;padding:12px}.m1{left:15px;top:100px}.m2{right:15px;top:125px}.m3{left:20px;bottom:65px}.m4{right:20px;bottom:70px}.cl-signal{display:none}
  .cl-hero-strip{overflow:hidden;justify-content:flex-start;white-space:nowrap}.cl-hero-strip span:nth-of-type(n+4),.cl-hero-strip i:nth-of-type(n+4){display:none}
  .cl-manifest,.cl-stack,.cl-services,.cl-migration{padding:82px 0}.cl-manifest-copy{padding-top:0}
  .cl-stack-visual{padding:0;margin-top:55px}.cl-layer{min-height:135px;padding:25px 22px;transform:rotateX(47deg);margin-top:-22px}.cl-layer span{position:static;display:block;margin-top:10px}
  .cl-continuity,.cl-observability,.cl-web-cloud{padding:88px 0}.cl-continuity-points>div{grid-template-columns:34px 95px 1fr;gap:10px}
  .cl-continuity-visual{min-height:420px;overflow:hidden}.loop-1{width:190px;height:190px}.loop-2{width:290px;height:290px}.loop-3{width:390px;height:390px}.cl-loop-center{width:145px;height:145px}.cl-loop-node{font-size:7px;padding:8px 10px}
  .cl-services-head{grid-template-columns:1fr;gap:25px}.cl-services-grid{grid-template-columns:1fr}.cl-service-card{min-height:340px}
  .cl-observe-panel{min-height:430px;padding:20px}.cl-observe-chart{height:230px;gap:6px}.cl-observe-stats{grid-template-columns:1fr}.cl-observe-stats div:nth-child(n+2){display:none}
  .cl-migration-flow>div{min-height:125px}.cl-ecosystem-visual{min-height:430px;overflow:hidden}.cl-ecosystem-visual>div{width:92%;height:145px;padding:22px}.cl-eco-front{top:20px}.cl-eco-middle{top:120px}.cl-eco-back{top:220px}
  .cl-final{padding:105px 0}.cl-final:before{font-size:42vw}
}
@media(prefers-reduced-motion:reduce){.cl-core-pulse{animation:none!important}.cl-control-plane{transform:none!important}}


/* =========================================================
   V5.38 — HERO / CONTINUITY MOTION + SECTION CONTRAST
   ========================================================= */

/* Hero: subtle living core, not a dashboard animation */
.cl-core{
  overflow:visible;
  isolation:isolate;
}

.cl-core:before,
.cl-core:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}

.cl-core:before{
  width:72%;
  height:72%;
  background:radial-gradient(circle,
    rgba(117,219,255,.24) 0%,
    rgba(73,190,244,.11) 36%,
    rgba(40,149,213,.03) 62%,
    transparent 74%);
  filter:blur(8px);
  animation:cloudCoreBreath 3.8s ease-in-out infinite;
}

.cl-core:after{
  width:118%;
  height:118%;
  border:1px solid rgba(104,210,255,.10);
  box-shadow:
    0 0 34px rgba(69,191,247,.08),
    inset 0 0 34px rgba(69,191,247,.035);
  animation:cloudCoreHalo 4.8s ease-in-out infinite;
}

.cl-core-pulse{
  width:8px;
  height:8px;
  box-shadow:
    0 0 0 9px rgba(97,208,255,.045),
    0 0 30px rgba(97,208,255,.58);
  animation:cloudCoreDot 2.7s ease-in-out infinite;
}

.cl-core-ring.ring-a{
  animation:cloudRingA 7s ease-in-out infinite;
}

.cl-core-ring.ring-b{
  animation:cloudRingB 9s ease-in-out infinite;
}

@keyframes cloudCoreBreath{
  0%,100%{opacity:.55;transform:scale(.91)}
  50%{opacity:1;transform:scale(1.10)}
}

@keyframes cloudCoreHalo{
  0%,100%{opacity:.34;transform:scale(.96)}
  50%{opacity:.82;transform:scale(1.055)}
}

@keyframes cloudCoreDot{
  0%,100%{
    opacity:.65;
    transform:scale(.86);
    box-shadow:0 0 0 8px rgba(97,208,255,.035),0 0 24px rgba(97,208,255,.48);
  }
  50%{
    opacity:1;
    transform:scale(1.18);
    box-shadow:0 0 0 15px rgba(97,208,255,.055),0 0 44px rgba(97,208,255,.76);
  }
}

@keyframes cloudRingA{
  0%,100%{opacity:.55;transform:scale(.98)}
  50%{opacity:.88;transform:scale(1.025)}
}

@keyframes cloudRingB{
  0%,100%{opacity:.34;transform:scale(1)}
  50%{opacity:.62;transform:scale(1.035)}
}

/* Continuity becomes a light, airy technology section.
   This breaks the two consecutive blue sections. */
.cl-continuity{
  color:#08192d;
  background:
    radial-gradient(circle at 78% 30%,rgba(36,159,215,.14),transparent 28%),
    radial-gradient(circle at 15% 85%,rgba(88,103,225,.07),transparent 28%),
    linear-gradient(145deg,#f3f7f8,#e9f0f3);
}

.cl-continuity .section-no.light{
  color:#7a8895;
}

.cl-continuity-copy h2{
  color:#08192d;
}

.cl-continuity-copy h2 em{
  color:#138ecb;
}

.cl-continuity-copy>p{
  color:#687684;
}

.cl-continuity-points>div{
  border-top-color:rgba(8,25,45,.10);
}

.cl-continuity-points b{
  color:#138ecb;
}

.cl-continuity-points strong{
  color:#112237;
}

.cl-continuity-points span{
  color:#6b7784;
}

/* Rebuild the visual rings for the light background */
.cl-continuity-visual{
  isolation:isolate;
}

.cl-loop{
  border-color:rgba(22,142,203,.14);
  box-shadow:0 0 45px rgba(25,145,199,.025);
}

.cl-loop-center{
  color:#fff;
  overflow:visible;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 32%,rgba(86,202,255,.23),transparent 42%),
    linear-gradient(145deg,#071827,#0b2a43);
  border-color:rgba(52,166,218,.24);
  box-shadow:
    0 24px 65px rgba(13,54,78,.14),
    0 0 55px rgba(42,160,214,.08);
}

.cl-loop-center:before,
.cl-loop-center:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  translate:-50% -50%;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}

.cl-loop-center:before{
  width:80%;
  height:80%;
  background:radial-gradient(circle,
    rgba(104,219,255,.30) 0%,
    rgba(59,178,226,.11) 40%,
    transparent 72%);
  filter:blur(7px);
  animation:continuityBreath 3.5s ease-in-out infinite;
}

.cl-loop-center:after{
  width:120%;
  height:120%;
  border:1px solid rgba(49,171,222,.14);
  box-shadow:0 0 36px rgba(38,163,216,.08);
  animation:continuityHalo 4.5s ease-in-out infinite;
}

.cl-loop-center small{
  color:#74d4ff;
}

.cl-loop-center span{
  color:rgba(255,255,255,.42);
}

.cl-loop-node{
  color:#16445e;
  background:rgba(255,255,255,.72);
  border-color:rgba(19,116,157,.13);
  box-shadow:0 12px 32px rgba(21,68,91,.07);
  backdrop-filter:blur(12px);
}

.loop-1{animation:continuityRing1 8s ease-in-out infinite}
.loop-2{animation:continuityRing2 10s ease-in-out infinite}
.loop-3{animation:continuityRing3 12s ease-in-out infinite}

@keyframes continuityBreath{
  0%,100%{opacity:.58;transform:scale(.90)}
  50%{opacity:1;transform:scale(1.12)}
}

@keyframes continuityHalo{
  0%,100%{opacity:.32;transform:scale(.96)}
  50%{opacity:.82;transform:scale(1.06)}
}

@keyframes continuityRing1{
  0%,100%{opacity:.58;transform:scale(.985)}
  50%{opacity:.90;transform:scale(1.02)}
}

@keyframes continuityRing2{
  0%,100%{opacity:.40;transform:scale(1)}
  50%{opacity:.70;transform:scale(1.018)}
}

@keyframes continuityRing3{
  0%,100%{opacity:.28;transform:scale(1)}
  50%{opacity:.54;transform:scale(1.014)}
}

/* Make the transition from dark THE STACK to light CONTINUITY intentional */
.cl-stack{
  position:relative;
}

.cl-stack:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:34px;
  background:linear-gradient(145deg,#f3f7f8,#e9f0f3);
  clip-path:polygon(0 100%,100% 14%,100% 100%);
  pointer-events:none;
}

/* avoid old animation colliding with new pulse definitions */
@media(prefers-reduced-motion:reduce){
  .cl-core:before,
  .cl-core:after,
  .cl-core-pulse,
  .cl-core-ring.ring-a,
  .cl-core-ring.ring-b,
  .cl-loop-center:before,
  .cl-loop-center:after,
  .loop-1,.loop-2,.loop-3{
    animation:none!important;
  }
}