.cloud-bed-intro{position:fixed;inset:0;z-index:100;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;background:#f0f7fb;color:#194a64;transition:opacity .55s ease,visibility .55s ease}
.cloud-bed-intro.off{opacity:0;visibility:hidden;pointer-events:none}.cloud-bed-intro .cloud-stage{position:absolute;inset:0 0 100px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.cloud-composition{position:relative;width:min(1180px,100vw);flex-shrink:0;aspect-ratio:8/5;--bed-opacity:0;--bed-blur:0px}
.cloud-bed-intro #bed3d-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:var(--bed-opacity);filter:blur(var(--bed-blur));mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);mask-composite:intersect;pointer-events:none}
.cloud-bed-intro #cloud-canvas{display:block!important;position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.cloud-bed-intro .cloud-caption{position:absolute;bottom:102px;left:20px;right:20px;z-index:4;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .55s,transform .7s;pointer-events:none}
.cloud-caption>span{font:500 10px Poppins,sans-serif;letter-spacing:3px;color:#5895a7}.cloud-caption>p{font:500 20px Poppins,sans-serif;line-height:1.6;letter-spacing:-.3px;color:#245773;margin-top:10px}.cloud-bed-intro.cloud-caption-visible .cloud-caption{opacity:1;transform:none}
.cloud-bed-intro .intro-logo-stage{z-index:5;opacity:0;transform:translateY(8px) scale(.97);grid-template-columns:84px 250px;gap:20px;transition:opacity .6s,transform .75s;pointer-events:none}
.cloud-bed-intro .intro-symbol{width:84px;height:84px;filter:none}.cloud-bed-intro .intro-wordmark{width:250px}.cloud-bed-intro .intro-logo-stage>p{grid-column:1/-1;font:500 10px Poppins,sans-serif;letter-spacing:2.5px;margin-top:27px;color:#5f92a5}.cloud-bed-intro.logo-visible .intro-logo-stage{opacity:1;transform:none}.cloud-bed-intro.intro-leaving .intro-logo-stage{opacity:0;transform:translateY(-12px) scale(1.015)}
.cloud-bed-intro .intro-bottom{position:absolute;z-index:7;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px}.cloud-bed-intro .intro-progress{width:146px;height:2px;background:#488da321;overflow:hidden;position:relative}.cloud-bed-intro .intro-progress>i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8bcbd2,#158e9c);transform:scaleX(0);transform-origin:left;box-shadow:none;animation:none!important}
.cloud-bed-intro #skip-intro{display:flex;align-items:center;gap:14px;color:#7d9cac;font:400 11px Poppins,sans-serif;padding:2px 12px;min-height:27px}.cloud-bed-intro #skip-intro:hover{color:#148d9b}.cloud-bed-intro #skip-intro>span{font-size:18px;line-height:1}
@media(max-width:800px){.cloud-bed-intro .cloud-stage{inset:0 0 9%;transform:translateY(-2%)}.cloud-composition{width:120vw;max-width:none}.cloud-bed-intro .cloud-caption{bottom:22%;left:15px;right:15px}.cloud-caption>span{font-size:8px;letter-spacing:2px}.cloud-caption>p{font-size:16px;line-height:1.75;margin-top:10px}.cloud-bed-intro .intro-logo-stage{grid-template-columns:61px 187px;gap:14px}.cloud-bed-intro .intro-symbol{width:61px;height:61px}.cloud-bed-intro .intro-wordmark{width:187px}.cloud-bed-intro .intro-logo-stage>p{font-size:8px;letter-spacing:1.8px;margin-top:22px}.cloud-bed-intro .intro-progress{width:124px}.cloud-bed-intro .intro-bottom{bottom:27px;gap:12px}.cloud-bed-intro #skip-intro{font-size:10px}}
@media(max-height:600px) and (min-width:801px){.cloud-bed-intro .cloud-stage{inset:0 25% 0 0}.cloud-composition{width:75vw}.cloud-bed-intro .cloud-caption{left:74%;right:2%;bottom:auto;top:43%;text-align:left}.cloud-caption>p{font-size:14px}.cloud-caption>span{font-size:8px}.cloud-bed-intro .intro-bottom{left:74%;bottom:20%;gap:10px}.cloud-bed-intro .intro-progress{width:100px}}
@media(prefers-reduced-motion:reduce){.cloud-bed-intro .cloud-stage,.cloud-bed-intro .cloud-caption,.cloud-bed-intro .intro-bottom{display:none}.cloud-bed-intro .intro-logo-stage{transition:none!important}}