/* Cloudesta homepage effects layer (2026-10-25). Additive on top of cds-home.css; remove this file + cds-home-fx.js to roll back. */
.cdh-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.cdh-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cdh-reveal{opacity:1;transform:none;transition:none}}
/* hero depth */
.cdh-fx-glow{position:absolute;inset:-20% -10%;z-index:0;pointer-events:none;background:radial-gradient(40% 50% at 72% 28%,rgba(85,189,229,.22),transparent 70%),radial-gradient(35% 45% at 18% 82%,rgba(22,151,191,.18),transparent 70%);animation:cdh-fx-drift 18s ease-in-out infinite alternate}
@keyframes cdh-fx-drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,4%,0) scale(1.08)}}
.cdh-rack-wrap{transform-style:preserve-3d;transition:transform .5s ease}
.cdh-hero.is-tilting .cdh-rack-wrap{transition:transform .12s linear}
@media (hover:none){.cdh-rack-wrap{animation:cdh-fx-float 7s ease-in-out infinite}}
@keyframes cdh-fx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* plans */
.cdh-plan-hot{animation:cdh-fx-glow 3.4s ease-in-out infinite}
@keyframes cdh-fx-glow{0%,100%{box-shadow:0 0 0 1px rgba(85,189,229,.3),0 40px 70px -40px rgba(11,134,196,.6)}50%{box-shadow:0 0 0 2px rgba(85,189,229,.65),0 44px 90px -36px rgba(85,189,229,.8)}}
.cdh-btn i,.cds-cta-btns a i,.news-content-footer .btn i{transition:transform .25s ease}
.cdh-btn:hover i,.cds-cta-btns a:hover i,.news-content-footer .btn:hover i{transform:translateX(4px)}
html[dir="rtl"] .cdh-btn:hover i,html[dir="rtl"] .cds-cta-btns a:hover i,html[dir="rtl"] .news-content-footer .btn:hover i{transform:translateX(-4px)}
/* technology marquee (the track referenced a keyframe that did not exist) */
@keyframes cdh-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[dir="rtl"] .cdh-tech-track{animation-direction:reverse}
.cdh-tech:hover .cdh-tech-track{animation-play-state:paused}
.cdh-tech-track span:hover{color:#1697bf;border-color:#55bde5}
/* datacenter pins */
.cdh-dc-pin::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(85,189,229,.75);animation:cdh-fx-ping 2.6s ease-out infinite;pointer-events:none}
.cdh-dc-pin:nth-child(2n)::after{animation-delay:-.9s}.cdh-dc-pin:nth-child(3n)::after{animation-delay:-1.7s}
@keyframes cdh-fx-ping{0%{transform:scale(.5);opacity:.9}100%{transform:scale(2.3);opacity:0}}
/* sticky action bar */
.cdh-sticky{position:fixed;left:50%;bottom:18px;transform:translate(-50%,130%);z-index:1040;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(10,28,44,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 24px 50px -20px rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.12);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s;opacity:0;max-width:calc(100vw - 24px)}
.cdh-sticky.is-on{transform:translate(-50%,0);opacity:1}
.cdh-sticky span{font-size:.9rem;font-weight:600;white-space:nowrap}
.cdh-sticky .cdh-btn{padding:10px 18px;font-size:.85rem}
@media (max-width:640px){.cdh-sticky{left:12px;right:86px;bottom:12px;transform:translateY(130%);border-radius:18px;padding:8px;gap:8px;max-width:none}.cdh-sticky.is-on{transform:none}.cdh-sticky span{display:none}.cdh-sticky .cdh-btn{flex:1;justify-content:center;padding:10px 12px}}
/* announcements cards */
.services .service-section{transition:transform .3s,box-shadow .3s}
.services .service-section:hover{transform:translateY(-6px);box-shadow:0 24px 50px -30px rgba(11,134,196,.35)}
/* FAQ + CTA */
.cds-faq-item summary{transition:color .2s}.cds-faq-item summary:hover{color:#1697bf}
.cds-fx-shine{position:absolute;top:-60%;bottom:-60%;width:38%;left:-70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);pointer-events:none;transition:left 1s ease}
.cds-cta:hover .cds-fx-shine{left:135%}
.cds-cta-btns a{transition:transform .2s ease,background .2s,color .2s,box-shadow .2s}
/* RTL: badge on the opposite corner, arrows mirrored (hover keeps the slide) */
html[dir="rtl"] .cdh-badge{right:auto;left:22px}
html[dir="rtl"] .cdh-btn .fa-arrow-right,html[dir="rtl"] .cds-cta-btns a .fa-arrow-right,html[dir="rtl"] .cdh-sticky .fa-arrow-right{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .cdh-btn:hover .fa-arrow-right,html[dir="rtl"] .cds-cta-btns a:hover .fa-arrow-right{transform:scaleX(-1) translateX(4px)}
/* Cloud Load Balancing section (rebuilt 2026-10-25 around the balancing illustration) */
.cdh-lb2{margin-top:6px}
.cdh-lb2-stage{position:relative;border-radius:28px;background:linear-gradient(160deg,#0e2a40 0%,#081624 100%);border:1px solid rgba(255,255,255,.08);padding:38px 36px 16px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(8,22,36,.7)}
.cdh-lb2-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 50% 0%,rgba(85,189,229,.28),transparent 70%),radial-gradient(40% 60% at 85% 100%,rgba(253,215,0,.08),transparent 70%);pointer-events:none}
.cdh-lb2-stage img{position:relative;width:100%;height:auto;display:block}
.cdh-lb2-chip{position:absolute;top:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.78rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cdh-lb2-chip i{color:#55bde5}.cdh-lb2-chip-a{left:16px}.cdh-lb2-chip-b{right:16px;color:#4ade80}
html[dir="rtl"] .cdh-lb2-chip-a{left:auto;right:16px}html[dir="rtl"] .cdh-lb2-chip-b{right:auto;left:16px}
.cdh-lb2-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cdh-lb2-steps li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e4ebf2;border-radius:22px;padding:22px;transition:transform .3s,box-shadow .3s,border-color .3s}
.cdh-lb2-steps li:hover{transform:translateY(-4px);border-color:rgba(34,184,236,.5);box-shadow:0 26px 50px -30px rgba(11,134,196,.4)}
.cdh-lb2-n{flex:none;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(22,151,191,.1);color:#1697bf;font-weight:800;font-size:1rem}
.cdh-lb2-steps h3{font-size:1.02rem;margin:0}.cdh-lb2-steps p{margin:6px 0 0;font-size:.9rem;line-height:1.6;color:#5b6472}
.cdh-lb2-cta{text-align:center;margin-top:24px}
@media (max-width:860px){.cdh-lb2-steps{grid-template-columns:1fr}.cdh-lb2-stage{padding:54px 14px 12px}.cdh-lb2-chip{top:12px;font-size:.72rem}}