/* Zebo Cloud Arrival — uses the existing approved brand artwork. */
.zebo-intro{display:none}.intro-active .zebo-intro{display:grid}.intro-active .page{visibility:hidden}.zebo-intro{position:fixed;inset:0;z-index:1000;grid-template-rows:64px minmax(0,1fr) 150px;height:100vh;height:100svh;overflow:hidden;background:#020917;color:#e8fbff;isolation:isolate;opacity:1;transition:opacity .45s ease,filter .45s ease;font-family:Manrope,Arial,sans-serif}.zebo-intro:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 47%,#075a8747,transparent 58%),linear-gradient(#020919d9,#020919e8),url('cloud-universe.webp') center/cover}.intro-top{display:flex;align-items:center;justify-content:space-between;margin:0 clamp(20px,5vw,80px);font:9px 'Space Grotesk',sans-serif;letter-spacing:2px;color:#7dabc2}.intro-top>span{display:flex;align-items:center;gap:9px}.intro-top i{width:5px;height:5px;background:#6cffff;border-radius:50%;box-shadow:0 0 10px #5ffcff}.intro-skip{border:1px solid #8cdaff40;background:#07325028;color:#bddcea;font:10px Manrope,Arial,sans-serif;padding:9px 15px;border-radius:4px;letter-spacing:.5px;cursor:pointer}.intro-skip:hover{border-color:#8ffaff;color:#fff}.intro-skip:focus-visible,.intro-replay:focus-visible{outline:2px solid #72f7ff;outline-offset:4px}.intro-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;perspective:900px}.intro-grid{position:absolute;inset:2% 15%;background-image:linear-gradient(#49caff0a 1px,transparent 1px),linear-gradient(90deg,#49caff0a 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000,transparent 70%);opacity:0}.intro-network{position:absolute;top:13%;left:50%;width:min(66vw,630px);height:62%;transform:translateX(-50%);opacity:0;filter:drop-shadow(0 0 8px #19afff66)}.intro-network path,.intro-network rect,.intro-network circle{vector-effect:non-scaling-stroke}.intro-orbit{position:absolute;left:50%;top:45%;width:min(66vw,490px);aspect-ratio:1;border:1px solid #27dcff40;border-radius:50%;transform:translate(-50%,-50%) scale(.7);opacity:0}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;inset:20px;border-radius:50%;border:1px dashed #42dcff55}.intro-orbit:after{inset:-20px;border:2px solid transparent;border-top-color:#1acbff66;border-bottom-color:#16aaff66}.intro-platform{position:absolute;left:50%;bottom:3%;width:min(76vw,540px);height:10%;border-radius:50%;border:2px solid #8afaff;background:radial-gradient(ellipse,#1bbdff4d,transparent 68%);box-shadow:0 0 14px #35ecff99,0 0 50px #08a5ff55,inset 0 0 18px #04a9ff55;transform:translateX(-50%) scale(.25);opacity:0}.intro-platform:after{content:"";position:absolute;inset:20% 9%;border-radius:50%;border:1px solid #a9ffff;box-shadow:0 0 12px #11c9ff}.intro-beam{position:absolute;left:50%;bottom:7%;height:85%;width:min(52vw,340px);background:linear-gradient(0deg,#2ee4ff23,transparent 85%);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);transform:translateX(-50%);opacity:0}.intro-zebo{position:relative;z-index:2;height:94%;max-width:88%;width:auto;object-fit:contain;opacity:0;transform:translateY(25px) scale(.93);filter:drop-shadow(0 0 18px #05b6ff55);mask-image:linear-gradient(#000 94%,transparent)}.intro-particle{position:absolute;left:var(--x);top:var(--y);height:var(--size);width:var(--size);border-radius:50%;background:#8afaff;box-shadow:0 0 13px #06cfff;opacity:0;pointer-events:none}.intro-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:0;transform:translateY(12px);z-index:2}.intro-brand img{width:310px;height:103px;object-fit:contain;mix-blend-mode:screen}.intro-brand{mix-blend-mode:screen}.intro-brand p{margin:0;color:#82bbd0;max-width:none;font:8px 'Space Grotesk',sans-serif;letter-spacing:3.5px;text-align:center}.intro-progress{height:1px;background:#13334a;width:min(280px,60vw);margin:18px auto 0;overflow:hidden}.intro-progress:after{content:"";display:block;height:100%;width:100%;background:#77ffff;box-shadow:0 0 7px #05bfff;transform:translateX(-100%)}.intro-start .intro-grid{animation:intro-grid-in 1s ease both}.intro-start .intro-network{animation:intro-network-in 1.5s .1s ease both}.intro-start .intro-orbit{animation:intro-orbit-in 1.2s .35s ease both}.intro-start .intro-platform{animation:intro-platform-in .9s .45s ease both}.intro-start .intro-beam{animation:intro-beam-in 1.5s .6s ease both}.intro-start .intro-zebo{animation:intro-zebo-in 1s .85s cubic-bezier(.16,1,.3,1) both}.intro-start .intro-brand{animation:intro-brand-in .8s 1.8s ease both}.intro-start .intro-particle{animation:intro-particle-in 2.3s var(--delay) ease both}.intro-start .intro-progress:after{animation:intro-progress-in 3.6s linear both}.intro-exit{opacity:0;filter:blur(5px);pointer-events:none}.intro-replay{border:0;padding:0;background:none;color:#8eb2ca;cursor:pointer;font:inherit;letter-spacing:inherit}.intro-replay:hover{color:#8bffff}.footer-right{gap:14px}
@keyframes intro-grid-in{to{opacity:1}}@keyframes intro-network-in{0%{opacity:0;stroke-dasharray:700;stroke-dashoffset:700}60%{opacity:.8}100%{opacity:.3;stroke-dasharray:700;stroke-dashoffset:0}}@keyframes intro-orbit-in{to{opacity:.7;transform:translate(-50%,-50%) scale(1)}}@keyframes intro-platform-in{to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes intro-beam-in{0%{opacity:0}50%{opacity:1}100%{opacity:.35}}@keyframes intro-zebo-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes intro-brand-in{to{opacity:1;transform:translateY(0)}}@keyframes intro-progress-in{to{transform:translateX(0)}}@keyframes intro-particle-in{0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}35%{opacity:1}100%{opacity:0;transform:translate(0,0) scale(.8)}}
@media(max-width:650px) and (orientation:portrait){.zebo-intro{grid-template-rows:55px minmax(0,1fr) 140px}.intro-top{font-size:7px;letter-spacing:1px}.intro-skip{font-size:9px;padding:8px 11px}.intro-brand img{width:260px;height:87px}.intro-brand p{font-size:7px;letter-spacing:2px}.intro-network{width:95vw;height:65%;top:12%}.intro-stage{padding:10px 0}.intro-zebo{height:96%}.intro-orbit{width:80vw;max-width:390px}.intro-platform{width:80vw;bottom:4%}footer .footer-right{display:flex!important}footer .footer-right b{display:none}.intro-replay{font-size:7px}}
@media(max-height:490px) and (orientation:landscape){.zebo-intro{grid-template-rows:42px minmax(0,1fr) 77px}.intro-brand img{width:190px;height:63px}.intro-brand p{font-size:6px}.intro-progress{margin-top:6px}.intro-orbit{width:44vh}.intro-network{width:50vw}.intro-platform{width:38vw}.intro-zebo{height:98%}}
@media(prefers-reduced-motion:reduce){.zebo-intro *,.zebo-intro *:before,.zebo-intro *:after{animation:none!important;transition:none!important}.intro-start .intro-zebo,.intro-start .intro-brand,.intro-start .intro-platform{opacity:1;transform:none}.intro-start .intro-platform{transform:translateX(-50%)}.zebo-intro{transition:none}.intro-orbit,.intro-network,.intro-particle,.intro-beam{display:none}}

/* Welcome gesture, tablet activation and logo handoff. */
.intro-character{position:relative;z-index:3;height:94%;aspect-ratio:2/3;max-width:88%;opacity:0;transform:translateY(25px) scale(.93);filter:drop-shadow(0 0 18px #05b6ff44)}
.intro-character img{max-width:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;mask-image:none}.intro-character .intro-zebo{opacity:1;transform:none;animation:none!important;clip-path:polygon(0 31%,100% 31%,100% 100%,0 100%,0 53%,37% 53%,47% 44%,35% 34%,0 34%)}.intro-head{clip-path:inset(0 0 67% 0);transform-origin:56% 31%;transform:rotate(0)}.intro-arm{clip-path:polygon(5% 38%,32% 34%,49% 40%,43% 53%,5% 53%);transform-origin:45% 40%;transform:rotate(0)}.tablet-activation{position:absolute;left:66%;top:43%;width:23%;height:14%;border-radius:9px;transform:rotate(12deg);background:radial-gradient(ellipse,#95ffff48,#0bdcff13 45%,transparent 72%);opacity:0;box-shadow:0 0 25px #19cfff44}.tablet-spark{position:absolute;left:77%;top:47%;width:8px;height:8px;border-radius:50%;background:#d9ffff;box-shadow:0 0 10px #67ffff,0 0 25px #00c8ff;opacity:0}.tablet-signal{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;filter:drop-shadow(0 0 6px #00dfff)}.tablet-signal path{stroke-dasharray:500;stroke-dashoffset:500;vector-effect:non-scaling-stroke}.intro-start .intro-character{animation:intro-zebo-in .9s .75s cubic-bezier(.16,1,.3,1) both}.intro-start .intro-head{animation:zebo-nod 1.4s 1.3s ease-in-out both}.intro-start .intro-arm{animation:zebo-welcome 1.3s 1.2s ease-in-out both}.intro-start .tablet-activation{animation:tablet-activate 1.2s 1.6s ease both}.intro-start .tablet-spark{animation:tablet-touch .7s 1.65s ease both}.intro-start .tablet-signal{animation:signal-visible 1.4s 1.8s ease both}.intro-start .tablet-signal path{animation:signal-flow 1.2s 1.8s ease both}.intro-start .intro-brand{animation-delay:2.15s}.intro-start .intro-progress:after{animation-duration:4.1s}.intro-flying-logo{position:fixed;z-index:1100;pointer-events:none;object-fit:contain;mix-blend-mode:screen;transform-origin:0 0;will-change:transform,opacity}.intro-logo-landing{animation:logo-landing .8s ease-out both}.intro-logo-arrived{animation:logo-arrived .65s ease-out both}
@keyframes zebo-nod{0%,100%{transform:rotate(0)}35%{transform:rotate(-2deg)}65%{transform:rotate(1deg)}}@keyframes zebo-welcome{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg)}65%{transform:rotate(2deg)}}@keyframes tablet-activate{0%{opacity:0;filter:brightness(1)}35%{opacity:1;filter:brightness(1.8)}100%{opacity:.2;filter:brightness(1)}}@keyframes tablet-touch{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.8)}100%{opacity:0;transform:scale(.2)}}@keyframes signal-visible{0%{opacity:0}20%,70%{opacity:1}100%{opacity:0}}@keyframes signal-flow{0%{stroke-dashoffset:500}100%{stroke-dashoffset:-500}}@keyframes logo-landing{30%{filter:drop-shadow(0 0 22px #39efff)}100%{filter:none}}@keyframes logo-arrived{0%{filter:drop-shadow(0 0 15px #35e9ff)}100%{filter:none}}
@media(max-width:650px) and (orientation:portrait){.intro-character{height:96%;max-width:88%}.tablet-signal{left:0;width:100%}}
@media(max-height:490px) and (orientation:landscape){.intro-character{height:98%}}
@media(prefers-reduced-motion:reduce){.intro-character{opacity:1;transform:none}.intro-start .intro-character,.intro-start .intro-head,.intro-start .intro-arm{animation:none!important}.tablet-signal,.tablet-activation,.tablet-spark{display:none}.intro-flying-logo{display:none}}