/* Cloudde Space website header: logo left, menu button right, full menu panel */
.cs-sh,.cs-sh-menu{--ink:#0b0d12;--blue:#2196f3;--gold:#ffd333;--g-gold:linear-gradient(120deg,#fff4b8 0%,#ffd333 40%,#f5b800 75%,#ffe680 100%);--line:rgba(255,255,255,.12);font-family:"Clash Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.cs-sh *,.cs-sh-menu *{box-sizing:border-box}
body.cs-sh-on{padding-top:var(--cssh-h,72px)}
.cs-sh{position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;height:calc(var(--cssh-h0,72px) + var(--cssh-pt,15px));padding-top:var(--cssh-pt,15px);background:var(--cssh-bg,rgba(11,13,18,.9));-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.cs-sh.is-scrolled{background:var(--cssh-bg2,rgba(11,13,18,.96));border-color:var(--line);box-shadow:0 14px 40px -24px rgba(0,0,0,.9)}
.cs-sh.is-smart.is-hidden{transform:translateY(-110%)}
.cs-sh-in{max-width:1240px;height:100%;margin:0 auto;padding:0 clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.cs-sh-logo{display:inline-flex;align-items:center;flex:none;line-height:0;text-decoration:none!important}
.cs-sh-logo img{height:var(--cssh-logo,38px);width:auto;display:block;max-width:none}
@media(max-width:560px){.cs-sh-logo img{height:calc(var(--cssh-logo,38px) * .86)}}
.cs-sh-r{display:flex;align-items:center;gap:12px}
.cs-sh-cta{display:inline-flex;align-items:center;padding:11px 20px;border-radius:999px;background:var(--g-gold);background-size:200% 100%;color:#1a1300!important;font-weight:700;font-size:14px;line-height:1;text-decoration:none!important;white-space:nowrap;box-shadow:0 10px 26px -10px rgba(255,190,0,.65),inset 0 1px 0 rgba(255,255,255,.7);transition:background-position .6s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
.cs-sh-cta:hover{background-position:100% 0;transform:translateY(-1px)}
@media(max-width:560px){.cs-sh-cta{display:none}.cs-sh{height:calc(var(--cssh-h0,72px) - 8px + var(--cssh-pt,15px))}}
.cs-sh-btn{position:relative;width:48px;height:48px;flex:none;border:0;border-radius:16px;cursor:pointer;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-content:center;gap:5px;padding:0;transition:background .25s,transform .2s;-webkit-tap-highlight-color:transparent}
.cs-sh-btn:hover{background:rgba(255,255,255,.14)}
.cs-sh-btn:active{transform:scale(.94)}
.cs-sh-btn span{display:block;width:22px;height:2px;border-radius:2px;background:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s,width .35s}
.cs-sh-btn span:nth-child(2){width:16px;margin-left:6px;background:var(--gold)}
.cs-sh-btn:focus-visible,.cs-sh-x:focus-visible,.cs-sh-menu a:focus-visible,.cs-sh-grp summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* the menu */
.cs-sh-menu{position:fixed;inset:0;z-index:2147483000;display:block}
.cs-sh-menu[hidden]{display:none}
.cs-sh-bg{position:absolute;inset:0;background:rgba(3,6,14,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease}
.cs-sh-panel{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:max(14px,env(safe-area-inset-top)) clamp(18px,5vw,28px) max(22px,env(safe-area-inset-bottom));color:#eef3ff;background:radial-gradient(120% 60% at 100% 0%,rgba(33,150,243,.28),transparent 60%),radial-gradient(90% 50% at 0% 100%,rgba(255,211,51,.12),transparent 60%),#0f1218;box-shadow:-30px 0 80px -20px rgba(0,0,0,.8);transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.cs-sh-menu.is-open .cs-sh-bg{opacity:1}
.cs-sh-menu.is-open .cs-sh-panel{transform:none}
.cs-sh-top{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-bottom:14px}
.cs-sh-top .cs-sh-logo img{height:34px}
.cs-sh-x{width:46px;height:46px;border:0;border-radius:16px;cursor:pointer;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line);color:#fff;font:400 30px/1 system-ui;display:grid;place-items:center;padding:0 0 3px}
.cs-sh-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-sh-list > li{opacity:0;transform:translateX(24px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 45ms + 120ms)}
.cs-sh-menu.is-open .cs-sh-list > li{opacity:1;transform:none}
.cs-sh-link,.cs-sh-grp > summary{display:flex;align-items:center;gap:14px;padding:14px 14px;border-radius:18px;color:#fff!important;text-decoration:none!important;cursor:pointer;list-style:none;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:background .25s}
.cs-sh-grp > summary::-webkit-details-marker{display:none}
.cs-sh-link:hover,.cs-sh-grp > summary:hover{background:rgba(255,255,255,.09)}
.cs-sh-link[aria-current]{background:linear-gradient(135deg,rgba(33,150,243,.3),rgba(255,211,51,.12));box-shadow:inset 0 0 0 1px rgba(33,150,243,.5)}
.cs-sh-ic{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:19px;background:linear-gradient(135deg,rgba(33,150,243,.25),rgba(255,211,51,.12))}
.cs-sh-link b,.cs-sh-grp summary b{flex:1;font-size:17px;font-weight:700;letter-spacing:-.01em}
.cs-sh-chev{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07);position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cs-sh-chev::before{content:"";position:absolute;left:50%;top:45%;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-50%) rotate(45deg)}
.cs-sh-grp[open] .cs-sh-chev{transform:rotate(180deg);background:rgba(255,211,51,.2)}
.cs-sh-grp ul{list-style:none;margin:6px 0 4px;padding:0 0 0 20px;display:grid;gap:2px;border-left:2px solid rgba(255,211,51,.25);margin-left:33px;animation:csShIn .35s ease both}
.cs-sh-grp ul a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:#d9e3f7!important;text-decoration:none!important;font-size:15px;font-weight:600}
.cs-sh-grp ul a:hover{background:rgba(255,255,255,.07);color:#fff!important}
.cs-sh-grp ul a[aria-current]{color:var(--gold)!important;background:rgba(255,211,51,.08)}
.cs-sh-grp ul a span{font-size:16px}
@keyframes csShIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cs-sh-foot{margin-top:auto;padding-top:24px;display:grid;gap:10px}
.cs-sh-big{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none!important}
.cs-sh-big.gold{background:var(--g-gold);color:#1a1300!important;box-shadow:0 14px 34px -14px rgba(255,190,0,.75),inset 0 1px 0 rgba(255,255,255,.7)}
.cs-sh-big.ghost{color:#fff!important;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.cs-sh-small{margin:8px 0 0;text-align:center;font-size:12px;color:rgba(255,255,255,.5)}
html.cs-sh-lock,html.cs-sh-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.cs-sh,.cs-sh-panel,.cs-sh-bg,.cs-sh-list > li,.cs-sh-btn span{transition:none!important}}
.cs-sh-link b,.cs-sh-grp summary b{font-family:"Bricolage Grotesque","Clash Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600}
.cs-sh-acc{width:48px;height:48px;flex:none;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none!important}
.cs-sh-acc img,.cs-sh-acc .lav{width:100%;height:100%;object-fit:cover;border-radius:16px}
.cs-sh-acc svg{width:22px;height:22px;stroke:#fff}

/* v17.4.2: the open menu covers everything, including the bottom bar and the chat button */
html.cs-sh-lock .lid.prof .pnv,html.cs-sh-lock .lch-fab,html.cs-sh-lock .lch-toasts{visibility:hidden}

/* v17.4.3: on pages that open with a hero, the header is see-through and sits on the hero's glow; it turns into dark glass once you scroll.
   The hero starts right under the header with a compact gap instead of the old 150–190px. */
body.cs-sh-on.cs-sh-over{padding-top:0!important}
body.cs-sh-over .cs-sh:not(.is-scrolled){background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
body.cs-sh-over .cs-sh:not(.is-scrolled) .cs-sh-btn{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.cs-sh-on.cs-sh-over .elementor-section.cdh-s.cdh-hero,body.cs-sh-on.cs-sh-over .cdh-hero{padding-top:calc(var(--cssh-h,84px) + 28px)!important}
@media(max-width:767px){body.cs-sh-on.cs-sh-over .elementor-section.cdh-s.cdh-hero,body.cs-sh-on.cs-sh-over .cdh-hero{padding-top:calc(var(--cssh-h,76px) + 20px)!important}}
/* hero pages: no theme page title or theme gap above the hero */
body.cs-sh-on.cs-sh-over :is(.wp-block-post-title,.entry-title,.page-title,header.entry-header,.page-header,.elementor-page-title,.uicore-page-title,.uicore-title-section){display:none!important}
body.cs-sh-on.cs-sh-over .wp-site-blocks{padding-top:0!important}
body.cs-sh-on.cs-sh-over :is(.wp-site-blocks > main,.wp-site-blocks > main > .wp-block-group:first-child,.site-main,.site-content,#content,#primary,.entry-content,article.page){margin-top:0!important;padding-top:0!important}
body.cs-sh-on.cs-sh-over :is(.wp-site-blocks > main,.entry-content) > .wp-block-group:first-child{margin-top:0!important;padding-top:0!important}
body.cs-sh-on.cs-sh-over main > :is(.wp-block-group,div):has(> .wp-block-post-title):not(:has(.cdh-hero)){display:none!important}
body.cs-sh-on.cs-sh-over :is(.entry-content,.wp-block-post-content){margin-top:0!important;padding-top:0!important}
body.cs-sh-on.cs-sh-over :is(.entry-content,.wp-block-post-content) > :first-child{margin-top:0!important}
body.cs-sh-on.cs-sh-over :is(.entry-content,.wp-block-post-content) > .elementor{margin-top:0!important;margin-block-start:0!important}