html.demo-startup-pending{overflow:hidden;background:#e2f7ff;}
.demo-startup{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;direction:rtl;background:linear-gradient(145deg,#e2f7ff,#f6fcff 46%,#b3e5fd);color:#163a5f;opacity:1;transition:opacity .38s ease;--startup-duration:1.9s;--startup-orb-size:min(82vw,630px);--startup-back-size:min(70vw,540px);}
.demo-startup--leaving{opacity:0;pointer-events:none;}
.demo-startup__scene{position:relative;flex:0 0 auto;width:min(100vw,420px);width:min(100vw,calc(100svh * .522267),420px);aspect-ratio:258/494;}
.demo-startup__orb{position:absolute;z-index:-1;width:var(--startup-orb-size);height:var(--startup-orb-size);left:calc(50% - var(--startup-orb-size) * .9);top:calc(50% - var(--startup-orb-size) * .9);border-radius:50%;background:radial-gradient(circle at 35% 25%,#a0e6ff,#41b9ed);opacity:.72;filter:blur(1px);}
.demo-startup__orb--back{width:var(--startup-back-size);height:var(--startup-back-size);left:auto;right:calc(50% - var(--startup-back-size) * .95);top:calc(50% + var(--startup-back-size) * .15);background:linear-gradient(145deg,#b9edff,#2fa4e5);opacity:.55;}
.demo-startup__glass{position:absolute;top:28.7449%;left:23.4496%;width:53.1008%;aspect-ratio:1/1;display:grid;place-items:center;box-sizing:border-box;overflow:hidden;border:1px solid #fff;border-radius:24%;background:linear-gradient(145deg,#ffffffd9,#ffffff82);box-shadow:0 18px 45px #2074a01c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:rotate(-5deg);}
.demo-startup__mark{display:block;width:59.1241%;height:71.5328%;object-fit:contain;transform:rotate(5deg);}
.demo-startup__glint{position:absolute;width:25%;height:168%;left:-75%;top:-40%;background:linear-gradient(90deg,transparent,#ffffffbd,transparent);transform:rotate(25deg);}
.demo-startup__wordmark{position:absolute;left:20.5426%;top:63.7652%;width:58.9147%;height:11.7409%;overflow:hidden;background:url('/upload/brand/demo-blue-v2/header-desktop.png') right bottom/157.8947% 137.931% no-repeat;}
.demo-startup__tagline{position:absolute;top:75.7085%;left:0;right:0;margin:0;text-align:center;font-family:'Cairo',Arial,sans-serif;font-weight:400;font-size:clamp(12px,3.1vw,15px);line-height:1.8;color:#63849f;}
.demo-startup__glass,.demo-startup__wordmark,.demo-startup__tagline{opacity:0;}
.demo-startup--running .demo-startup__glass{animation:demo-startup-glass var(--startup-duration) cubic-bezier(.2,.8,.2,1) both;}
.demo-startup--running .demo-startup__glint{animation:demo-startup-glint var(--startup-duration) ease both;}
.demo-startup--running .demo-startup__orb{animation:demo-startup-orb var(--startup-duration) ease both;}
.demo-startup--running .demo-startup__wordmark{animation:demo-startup-wordmark calc(var(--startup-duration) * .68) ease both;}
.demo-startup--running .demo-startup__tagline{animation:demo-startup-tagline calc(var(--startup-duration) * .75) ease both;}
@keyframes demo-startup-glass{0%{opacity:0;transform:translateY(24px) rotate(8deg) scale(.9);}50%{opacity:1;transform:translateY(-3px) rotate(-6deg) scale(1.01);}100%{opacity:1;transform:rotate(-5deg);}}
@keyframes demo-startup-glint{0%,30%{left:-75%;opacity:0;}45%{opacity:1;}90%,100%{left:145%;opacity:0;}}
@keyframes demo-startup-orb{0%{transform:translate(-12px,13px) scale(.93);}100%{transform:translate(13px,-9px) scale(1.06);}}
@keyframes demo-startup-wordmark{0%,40%{opacity:0;clip-path:inset(0 0 0 100%);}100%{opacity:1;clip-path:inset(0 0 0 0);}}
@keyframes demo-startup-tagline{0%,38%{opacity:0;transform:translateY(7px);}100%{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.demo-startup{transition:opacity .15s ease;}.demo-startup--running *{animation:none!important;}.demo-startup__glass,.demo-startup__wordmark,.demo-startup__tagline{opacity:1;}}
