.intro-screen{position:fixed;z-index:50;inset:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#08090d;transition:opacity .55s ease,visibility .55s ease}.intro-screen:before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(ellipse 55% 45% at 50% 47%,#30203d 0,#13141b 43%,#08090d 77%),linear-gradient(115deg,#08090d 0,#14111e 48%,#08090d 100%)}.intro-screen:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.45;background:linear-gradient(90deg,transparent 49.8%,#ffffff0d 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ffffff0c 50%,transparent 50.2%);background-size:112px 112px;mask-image:radial-gradient(circle at center,#000 0,transparent 70%)}.intro-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.intro-content{position:relative;width:min(420px,calc(100% - 48px));display:grid;justify-items:center;text-align:center}.intro-noise{position:absolute;z-index:-1;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.intro-beam{position:absolute;z-index:-2;width:85vmax;height:20vmax;border-radius:50%;filter:blur(28px);opacity:.2;transform:rotate(-25deg);background:#d85f9d;animation:intro-beam 7s ease-in-out infinite}.intro-beam--one{top:7%;left:-32%}.intro-beam--two{right:-35%;bottom:6%;background:#d9b75a;animation-delay:-3.5s}.intro-orbit{position:absolute;z-index:-1;width:min(78vmin,680px);aspect-ratio:1;border:1px solid #f4db6a1c;border-radius:50%;animation:intro-spin 20s linear infinite}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;inset:11%;border:1px solid #ffffff0d;border-radius:50%}.intro-orbit:after{inset:28%;border-color:#f4db6a26}.intro-orbit i{position:absolute;width:5px;aspect-ratio:1;border-radius:50%;background:#f4dc68;box-shadow:0 0 14px #f4dc68}.intro-orbit i:nth-child(1){top:6%;left:49%}.intro-orbit i:nth-child(2){top:49%;right:6%;width:3px;background:#fff}.intro-orbit i:nth-child(3){bottom:15%;left:18%;width:3px;background:#d774ca}.intro-orbit i:nth-child(4){top:22%;right:19%;width:2px}.intro-index{align-self:stretch;display:flex;justify-content:space-between;margin:0 0 37px;color:#aeb0bb;font:600 9px/1 "DM Sans",sans-serif;letter-spacing:2px;animation:intro-copy .65s .08s both}.intro-index span{color:#f1dc65}.intro-mark{height:87px;width:76px;display:flex;gap:8px;transform:skewY(-14deg);align-items:flex-end;filter:drop-shadow(0 0 23px #f2dc6559);animation:intro-rise .8s cubic-bezier(.2,.8,.2,1) both}.intro-mark i{display:block;width:19px;border-radius:10px;background:linear-gradient(180deg,#fff4a1,#f2dc65 70%,#d7a631);box-shadow:inset 0 1px 1px #fff8}.intro-mark i:nth-child(1){height:42px}.intro-mark i:nth-child(2){height:81px}.intro-mark i:nth-child(3){height:59px}.intro-brand{margin:20px 0 12px;font:600 clamp(29px,5vw,47px)/1 "Space Grotesk",sans-serif;letter-spacing:-2.25px;color:#f7f7f8;animation:intro-copy .7s .18s both}.intro-brand span{color:#f2dc65}.intro-screen small{color:#c9cad1;text-transform:uppercase;letter-spacing:2.6px;font-size:9px;animation:intro-copy .7s .29s both}.intro-meter{width:min(315px,100%);height:2px;margin-top:43px;overflow:hidden;background:#ffffff1b;border-radius:100px;animation:intro-copy .65s .4s both}.intro-meter span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#f1dc65,#fff5af);box-shadow:0 0 13px #f1dc65}.intro-state{width:min(315px,100%);display:flex;align-items:center;justify-content:space-between;margin-top:11px;color:#979aa7;font:600 9px/1 "DM Sans",sans-serif;letter-spacing:1.25px;text-transform:uppercase;animation:intro-copy .65s .45s both}.intro-state strong{color:#f1dc65;font:600 10px/1 "Space Grotesk",sans-serif;letter-spacing:.4px}@keyframes intro-rise{from{opacity:0;transform:skewY(-14deg) translateY(32px) scale(.9)}to{opacity:1;transform:skewY(-14deg) translateY(0) scale(1)}}@keyframes intro-copy{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-spin{to{transform:rotate(360deg)}}@keyframes intro-beam{0%,100%{transform:rotate(-25deg) translate3d(0,0,0) scale(1)}50%{transform:rotate(-13deg) translate3d(6vmax,-2vmax,0) scale(1.14)}}@media(max-width:560px){.intro-index{margin-bottom:29px}.intro-mark{transform:skewY(-14deg) scale(.86)}.intro-brand{margin-top:14px}.intro-meter{margin-top:35px}.intro-orbit{width:108vmin}}@media(prefers-reduced-motion:reduce){.intro-screen{transition:none}.intro-orbit,.intro-beam,.intro-mark,.intro-brand,.intro-index,.intro-screen small,.intro-meter,.intro-state{animation:none}.intro-screen{display:none}}
body.cloud-catalog:not(.catalog-is-ready) .site-header,body.cloud-catalog:not(.catalog-is-ready) main,body.cloud-catalog:not(.catalog-is-ready) .site-footer{opacity:0;transform:translateY(18px)}body.cloud-catalog.catalog-is-ready .site-header{animation:catalog-arrive .6s .02s both}body.cloud-catalog.catalog-is-ready .hero{animation:catalog-arrive .82s .12s both}body.cloud-catalog.catalog-is-ready .quick-filters{animation:catalog-arrive .72s .25s both}body.cloud-catalog.catalog-is-ready .content-section{animation:catalog-arrive .7s both}body.cloud-catalog.catalog-is-ready .content-section:nth-of-type(3){animation-delay:.32s}body.cloud-catalog.catalog-is-ready .content-section:nth-of-type(4){animation-delay:.42s}body.cloud-catalog.catalog-is-ready .content-section:nth-of-type(5){animation-delay:.52s}@keyframes catalog-arrive{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){body.cloud-catalog:not(.catalog-is-ready) .site-header,body.cloud-catalog:not(.catalog-is-ready) main,body.cloud-catalog:not(.catalog-is-ready) .site-footer{opacity:1;transform:none}body.cloud-catalog.catalog-is-ready .site-header,body.cloud-catalog.catalog-is-ready .hero,body.cloud-catalog.catalog-is-ready .quick-filters,body.cloud-catalog.catalog-is-ready .content-section{animation:none}}
.intro-content:after{content:"";position:absolute;bottom:-43px;left:50%;width:min(290px,78%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#f4dc68,transparent);box-shadow:0 0 18px #f4dc68;animation:intro-signal 2.4s ease-in-out infinite}.intro-screen.is-leaving .intro-content{animation:intro-out .54s cubic-bezier(.5,0,.8,.25) both}.intro-screen.is-leaving:before{animation:intro-curtain .54s cubic-bezier(.6,0,.9,.35) both}@keyframes intro-signal{0%,100%{opacity:.2;transform:translateX(-50%) scaleX(.4)}50%{opacity:1;transform:translateX(-50%) scaleX(1)}}@keyframes intro-out{to{opacity:0;transform:translateY(-34px) scale(1.04);filter:blur(5px)}}@keyframes intro-curtain{to{transform:scale(1.12);filter:brightness(1.3)}}
/* Clean brand intro – logo, online state, and a single loading line. */
.intro-screen{background:radial-gradient(circle at 50% 42%,#282031 0,#12121a 35%,#050507 78%)!important}
.intro-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.035) 50%,transparent 75%);opacity:.5;animation:intro-brand-shine 4s ease-in-out infinite!important}
.intro-screen:after,.intro-noise,.intro-beam,.intro-orbit{display:none!important}
.intro-content{width:min(570px,calc(100% - 48px))!important;display:block!important;text-align:left!important;z-index:2!important}
.intro-content:after{display:none!important}
.intro-wordmark{display:flex;align-items:center;gap:18px;justify-content:flex-start}
.intro-mark{width:62px!important;height:66px!important;display:flex!important;align-items:stretch!important;gap:6px!important;margin:0!important;transform:skewY(-13deg)!important;filter:drop-shadow(0 9px 20px rgba(246,194,92,.24))!important}
.intro-mark i{display:block!important;position:static!important;flex:1!important;width:auto!important;height:auto!important;border:0!important;border-radius:3px!important;background:linear-gradient(180deg,#fff7df,#e5a33a)!important;box-shadow:none!important;transform:none!important;animation:intro-logo-bars .8s cubic-bezier(.16,1,.3,1) both!important}
.intro-mark i:nth-child(2){opacity:.76;animation-delay:.08s!important}.intro-mark i:nth-child(3){opacity:.48;animation-delay:.16s!important}
.intro-online{display:flex!important;align-items:center;gap:7px;margin:0 0 4px!important;color:#e6b654!important;font-size:10px!important;font-weight:800!important;letter-spacing:.22em!important;line-height:1!important}
.intro-online span{width:7px;height:7px;border-radius:50%;background:#77d99a;box-shadow:0 0 0 4px rgba(119,217,154,.13),0 0 14px #77d99a}
.intro-brand{margin:0!important;color:#fff!important;font-size:clamp(35px,8vw,64px)!important;line-height:.9!important;font-weight:900!important;letter-spacing:-.065em!important;white-space:nowrap!important;text-shadow:0 8px 28px rgba(0,0,0,.45)!important}
.intro-brand span{color:#e8b348!important}.intro-tagline{margin:28px 0 18px!important;color:rgba(255,255,255,.58)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.06em!important}
.intro-meter{width:100%!important;height:3px!important;margin:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;overflow:hidden!important;box-shadow:none!important}.intro-meter span{height:100%!important;background:linear-gradient(90deg,#e4a73e,#fff1cf)!important;box-shadow:0 0 14px rgba(239,183,77,.55)!important}
.intro-state{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:11px!important;color:rgba(255,255,255,.44)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.13em!important;text-transform:uppercase!important}.intro-state strong{color:#e8b348!important;font-size:10px!important;letter-spacing:.08em!important}
@keyframes intro-logo-bars{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-brand-shine{0%,100%{transform:translateX(-4%);opacity:.28}50%{transform:translateX(4%);opacity:.55}}
@media (max-width:540px){.intro-content{width:calc(100% - 40px)!important}.intro-wordmark{gap:14px}.intro-mark{width:47px!important;height:51px!important;gap:5px!important}.intro-brand{font-size:clamp(30px,9vw,43px)!important}.intro-tagline{margin-top:23px!important}}
/* Emerald intro palette. */
.intro-screen{background:radial-gradient(circle at 50% 42%,#153c27 0,#0b1b12 36%,#040806 80%)!important}.intro-screen:before{background:linear-gradient(120deg,transparent 25%,rgba(154,255,196,.07) 50%,transparent 75%)!important}.intro-mark{filter:drop-shadow(0 9px 20px rgba(78,234,135,.29))!important}.intro-mark i{background:linear-gradient(180deg,#d5ffe2,#28b969)!important}.intro-online{color:#8ff4b3!important}.intro-online span{background:#72f7a5!important;box-shadow:0 0 0 4px rgba(114,247,165,.13),0 0 14px #72f7a5!important}.intro-brand span,.intro-state strong{color:#70ed9f!important}.intro-meter span{background:linear-gradient(90deg,#25ba68,#d8ffe4)!important;box-shadow:0 0 14px rgba(93,241,145,.55)!important}