/* Original, dependency-free motion. The existing site remains rendered underneath. */
.arkan-intro{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;margin:0;padding:0;border:0;overflow:hidden;background:#08131c;color:#e5c599;z-index:10000;font-family:inherit}
.arkan-intro::backdrop{background:#08131c}
.ai-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#203847 0,transparent 58%),linear-gradient(120deg,#071119,#13252f 54%,#071119)}
.ai-atmosphere::after{content:"";position:absolute;inset:12%;border-inline:1px solid #cdaa6829;transform:skewY(-12deg)}
.ai-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px}
.ai-line{position:absolute;top:50%;left:20%;width:60%;height:1px;background:#e2bc80;box-shadow:0 0 14px #dbaf6b;transform:scaleX(0);animation:ai-line .55s ease-out both}
.ai-grid{position:absolute;inset:15%;opacity:0;background:linear-gradient(90deg,transparent 49.8%,#c9a66e25 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#c9a66e25 50%,transparent 50.2%);background-size:72px 72px;mask-image:radial-gradient(ellipse,#000,transparent 72%);animation:ai-grid 1.4s .55s ease both}
.ai-mark{width:clamp(170px,21vw,270px);height:auto;overflow:visible;filter:drop-shadow(0 10px 24px #0008);transform-origin:center}
.ai-piece{fill:url(#ai-metal);stroke:#d6b47c;stroke-width:.7;opacity:0;transform-box:fill-box;transform-origin:center;animation:ai-assemble .65s calc(1.2s + var(--part)*.06s) cubic-bezier(.2,.7,.2,1) both}
.ai-piece:nth-of-type(2n){--dx:28px;--dy:0px}.ai-piece:nth-of-type(2n + 1){--dx:0px;--dy:-25px}
.ai-sheen{opacity:0;animation:ai-sheen .4s 1.9s ease-in-out both}
.ai-lockup{text-align:center;clip-path:inset(0 0 100%);animation:ai-title .6s 2.45s ease both;line-height:1.4}
.ai-ar{font-family:Arkan,Arial,sans-serif;font-size:clamp(28px,4vw,45px);font-weight:700;display:block;direction:rtl}.ai-en{font-family:ArkanInter,Arial,sans-serif;font-size:clamp(12px,1.4vw,17px);letter-spacing:.22em;display:block;margin-top:10px;direction:ltr}
.ai-skyline{position:absolute;bottom:0;width:100%;height:38%;opacity:0;animation:ai-city .5s 3.05s ease both;fill:#132733;stroke:#c9a66e;stroke-width:.6}
.ai-skip{position:absolute;inset-inline-end:max(24px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));border:1px solid #d4b68680;border-radius:2px;background:#10232e;color:#f2e4d0;padding:10px 20px;min-height:44px;cursor:pointer;font:inherit;z-index:2}
.ai-skip:focus-visible{outline:3px solid #fff;outline-offset:5px}
.ai-closing .ai-atmosphere,.ai-closing .ai-grid,.ai-closing .ai-lockup,.ai-closing .ai-skyline,.ai-closing .ai-line,.ai-closing .ai-skip{transition:opacity .4s;opacity:0}
.ai-closing{background:transparent;transition:background .4s}.ai-closing::backdrop{background:transparent;transition:background .4s}
.ai-simple .ai-piece,.ai-simple .ai-lockup{animation:none;opacity:1;clip-path:none}.ai-simple .ai-grid,.ai-simple .ai-line,.ai-simple .ai-skyline,.ai-simple .ai-sheen{display:none}.ai-simple .ai-mark{filter:none}
@keyframes ai-line{0%{transform:scaleX(0);opacity:0}40%{opacity:1}100%{transform:scaleX(1);opacity:.45}}
@keyframes ai-grid{0%{opacity:0;transform:scale(.94)}50%{opacity:.75}100%{opacity:.3;transform:scale(1)}}
@keyframes ai-assemble{from{opacity:0;transform:translate(var(--dx,0),var(--dy,0));fill:#08131c}to{opacity:1;transform:translate(0,0)}}
@keyframes ai-sheen{0%{opacity:0;transform:translateX(-170px)}45%{opacity:.55}100%{opacity:0;transform:translateX(170px)}}
@keyframes ai-title{to{clip-path:inset(0)}}@keyframes ai-city{to{opacity:.22}}
@media(max-width:767px){.ai-mark{width:48vw;max-width:220px;min-width:150px}.ai-stage{gap:22px}.ai-grid{inset:22%;background-size:110px 110px}.ai-atmosphere::after{inset:8%}.ai-piece{animation-delay:calc(.85s + var(--part)*.045s);animation-duration:.5s}.ai-sheen{animation-delay:1.5s}.ai-lockup{animation-delay:1.9s;animation-duration:.4s}.ai-skyline{animation-delay:2.5s;height:28%}.ai-mark{filter:none}}
@media(prefers-reduced-motion:reduce){.arkan-intro *{animation:none!important;transition:none!important}.ai-piece{opacity:1}.ai-lockup{clip-path:none}.ai-grid,.ai-line,.ai-skyline,.ai-sheen{display:none}}
.arkan-intro{border-radius:0}.arkan-intro .ai-mark{max-width:270px}.arkan-intro .ai-skyline{max-width:none}
.arkan-intro{contain:strict}.arkan-intro .ai-mark{filter:none}
.arkan-intro{touch-action:none;overscroll-behavior:contain}
.corporate-home main>section:not(.enterprise-hero){content-visibility:auto;contain-intrinsic-size:auto 600px}
.enterprise-site .site-footer{content-visibility:auto;contain-intrinsic-size:auto 500px}