html.cytus-intro-open,body.cytus-intro-open{height:100%;overflow:hidden!important}
.cytus-intro{position:fixed;inset:0;z-index:1000;display:none;overflow:hidden;color:#eafcff;opacity:1;visibility:visible;background:#010307;isolation:isolate;transition:opacity .8s ease,visibility .8s ease}
html.cytus-intro-pending .cytus-intro{display:block}.cytus-intro.is-ending{opacity:0;visibility:hidden;pointer-events:none}
.cytus-intro-grid,.cytus-intro-noise,.cytus-intro-scan{position:absolute;inset:0;pointer-events:none}
.cytus-intro-grid{opacity:0;background-image:linear-gradient(rgba(82,226,247,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(82,226,247,.08) 1px,transparent 1px);background-size:clamp(38px,6vw,82px) clamp(38px,6vw,82px);mask-image:radial-gradient(circle at center,#000 0,transparent 70%);animation:cytusGridIn 6.2s ease both}
.cytus-intro-noise{z-index:8;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(205,248,255,.1) 4px);mix-blend-mode:screen;animation:cytusNoise .16s steps(2) infinite}
.cytus-intro-scan{z-index:7;top:-16%;bottom:auto;height:12%;opacity:0;background:linear-gradient(180deg,transparent,rgba(104,234,250,.2),#8af2ff 84%,transparent);filter:blur(2px);box-shadow:0 0 34px rgba(75,226,247,.34);animation:cytusScan 2.4s cubic-bezier(.22,.7,.25,1) .35s both}
.cytus-intro-signal{position:absolute;inset:0;z-index:2}.cytus-intro-signal i{position:absolute;width:clamp(80px,19vw,280px);height:1px;opacity:0;background:linear-gradient(90deg,transparent,#63e9fa 35%,transparent);box-shadow:0 0 9px rgba(99,233,250,.7);transform-origin:center;animation:cytusSignal 1.5s ease-in-out infinite}
.cytus-intro-signal i:nth-child(1){top:18%;left:5%;transform:rotate(18deg);animation-delay:.7s}.cytus-intro-signal i:nth-child(2){top:32%;right:3%;transform:rotate(-28deg);animation-delay:1.15s}.cytus-intro-signal i:nth-child(3){top:72%;left:8%;transform:rotate(-12deg);animation-delay:1.55s}.cytus-intro-signal i:nth-child(4){top:82%;right:9%;transform:rotate(23deg);animation-delay:1.9s}.cytus-intro-signal i:nth-child(5){top:48%;left:-2%;transform:rotate(3deg);animation-delay:2.25s}.cytus-intro-signal i:nth-child(6){top:56%;right:-2%;transform:rotate(-4deg);animation-delay:2.6s}
.cytus-intro-core{position:absolute;z-index:3;top:48%;left:50%;display:grid;width:min(62vw,520px);aspect-ratio:1;place-items:center;opacity:0;filter:blur(12px);transform:translate(-50%,-50%) scale(.55);animation:cytusCoreIn 5.8s cubic-bezier(.18,.85,.24,1) .65s both}
.cytus-intro-core:before{position:absolute;inset:19%;border-radius:50%;content:"";background:radial-gradient(circle,rgba(105,234,251,.14),transparent 64%);box-shadow:0 0 90px rgba(80,223,244,.22)}
.cytus-intro-core img{position:relative;z-index:4;width:72%;opacity:0;filter:drop-shadow(0 0 13px rgba(188,249,255,.72));animation:cytusLogoReveal 3.8s steps(1,end) 1.65s both}
.cytus-intro-axis,.cytus-intro-ring{position:absolute;display:block}.cytus-intro-axis{z-index:1;background:linear-gradient(90deg,transparent,rgba(115,239,252,.8),transparent);box-shadow:0 0 14px rgba(89,228,247,.42)}
.cytus-intro-axis.axis-x{width:120vw;height:1px;transform:scaleX(0);animation:cytusAxisX 1.2s cubic-bezier(.2,.8,.2,1) .9s forwards}.cytus-intro-axis.axis-y{width:1px;height:120vh;background:linear-gradient(180deg,transparent,rgba(115,239,252,.72),transparent);transform:scaleY(0);animation:cytusAxisY 1.2s cubic-bezier(.2,.8,.2,1) 1.1s forwards}
.cytus-intro-ring{border:1px solid rgba(108,232,248,.5);border-radius:50%}.cytus-intro-ring.ring-a{inset:9%;animation:cytusRing 5s linear 1.2s infinite}.cytus-intro-ring.ring-b{inset:21%;border-style:dashed;animation:cytusRing 3.8s linear 1.3s infinite reverse}.cytus-intro-ring.ring-c{inset:34%;border-color:rgba(232,252,255,.38);animation:cytusRingPulse 1.4s ease-in-out 1.4s infinite}
.cytus-intro-copy{position:absolute;z-index:5;right:0;bottom:clamp(58px,8vh,94px);left:0;display:grid;justify-items:center;padding:0 20px;text-align:center}.cytus-intro-copy p,.cytus-intro-copy h1,.cytus-intro-copy span{opacity:0;transform:translateY(9px)}
.cytus-intro-copy p{margin:0 0 8px;color:#76eaf8;font:800 clamp(8px,1.5vw,11px) Arial,sans-serif;letter-spacing:.28em;animation:cytusCopyIn .7s ease 2.55s forwards}.cytus-intro-copy h1{margin:0;color:#f0fcff;font-size:clamp(22px,4.4vw,46px);line-height:1.1;letter-spacing:.12em;text-shadow:0 0 24px rgba(111,234,250,.45);animation:cytusCopyIn .75s ease 2.75s forwards}.cytus-intro-copy span{margin-top:9px;color:#77939c;font:700 clamp(7px,1.2vw,9px) Arial,sans-serif;letter-spacing:.18em;animation:cytusCopyIn .75s ease 2.95s forwards}
.cytus-intro-progress{position:absolute;z-index:6;right:0;bottom:0;left:0;height:2px;background:rgba(116,237,251,.08)}.cytus-intro-progress span{display:block;width:0;height:100%;background:#80edfa;box-shadow:0 0 13px #80edfa;animation:cytusProgress 6.2s linear forwards}
.cytus-intro-controls{position:absolute;z-index:10;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.cytus-intro-controls button{min-width:44px;min-height:42px;border:1px solid rgba(151,235,247,.44);padding:0 13px;color:#dffaff;background:rgba(2,8,13,.62);font:800 9px Arial,sans-serif;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(10px)}.cytus-intro-controls button:hover,.cytus-intro-controls button:focus-visible{color:#041014;background:#84ecf8;outline:none}
.brand .cytus-word-logo{width:clamp(78px,8vw,116px);height:28px;border:0;border-radius:0;object-fit:contain;background:transparent;box-shadow:none}
@keyframes cytusGridIn{0%,12%{opacity:0;transform:scale(1.08)}35%,88%{opacity:.72;transform:scale(1)}100%{opacity:.2}}@keyframes cytusNoise{0%{transform:translateY(0)}50%{transform:translateY(2px)}100%{transform:translateY(-1px)}}@keyframes cytusScan{0%{top:-16%;opacity:0}10%{opacity:1}85%{opacity:.8}100%{top:106%;opacity:0}}@keyframes cytusSignal{0%,100%{opacity:0;clip-path:inset(0 100% 0 0)}38%{opacity:.9;clip-path:inset(0)}58%{opacity:.25;clip-path:inset(0 0 0 75%)}}@keyframes cytusCoreIn{0%{opacity:0;filter:blur(18px);transform:translate(-50%,-50%) scale(.55) rotate(-4deg)}20%,86%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}100%{opacity:.85;filter:blur(1px);transform:translate(-50%,-50%) scale(1.04)}}@keyframes cytusAxisX{to{transform:scaleX(1)}}@keyframes cytusAxisY{to{transform:scaleY(1)}}@keyframes cytusRing{to{transform:rotate(360deg)}}@keyframes cytusRingPulse{50%{opacity:.35;transform:scale(1.08)}}@keyframes cytusLogoReveal{0%{opacity:0;transform:translateX(-7px);clip-path:inset(0 100% 0 0)}8%{opacity:1;transform:translateX(5px);clip-path:inset(0)}12%{opacity:.2;transform:translateX(-3px)}16%,100%{opacity:1;transform:translateX(0);clip-path:inset(0)}}@keyframes cytusCopyIn{to{opacity:1;transform:translateY(0)}}@keyframes cytusProgress{to{width:100%}}
@media(max-width:600px){.cytus-intro-core{top:43%;width:min(92vw,430px)}.cytus-intro-copy{bottom:max(76px,13vh)}.cytus-intro-copy p{max-width:92vw;line-height:1.6}.cytus-intro-copy h1{font-size:clamp(24px,8vw,34px)}.cytus-intro-controls{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.brand .cytus-word-logo{width:78px;height:23px}}
@media(prefers-reduced-motion:reduce){.cytus-intro-grid,.cytus-intro-scan,.cytus-intro-signal i,.cytus-intro-core,.cytus-intro-core img,.cytus-intro-copy p,.cytus-intro-copy h1,.cytus-intro-copy span{animation-duration:.35s;animation-delay:0s}.cytus-intro-progress span{animation-duration:1.4s}.cytus-intro-noise,.cytus-intro-ring{animation:none}}