@font-face{font-family:Plex;src:url('/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/IBMPlexSansArabic-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{color-scheme:dark;--bg:#050505;--fg:#f4f4f1;--muted:#979793;--line:rgba(255,255,255,.12);--art-x:0deg;--art-y:0deg}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Plex,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:7px}
a{color:inherit;text-decoration:none}
button{border:0;background:none}
[hidden]{display:none!important}
.wrap{width:calc(100% - 128px);max-width:1456px;margin-inline:auto}
.page-shell{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:24px;z-index:20;padding:12px 20px;background:white;color:black}
.skip-link:focus{inset-block-start:16px}
.site-header{display:flex;justify-content:space-between;align-items:center;min-height:110px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;margin-inline-start:-15px}
.brand img{display:block;width:205px;height:82px;object-fit:contain;mix-blend-mode:screen}
.header-end{display:flex;align-items:center;gap:36px}
.header-field{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.22em;color:#9e9e98}
.language-switch{display:flex;gap:9px;align-items:center}
.language-switch button{min-width:35px;min-height:42px;padding:6px 4px;font-size:13px;color:#747470;transition:color .2s}
.language-switch button[aria-pressed="true"]{color:var(--fg)}
.language-switch button:hover{color:white}
.language-switch>span{font-family:Arial,sans-serif;font-size:10px;color:#5b5b58}
.no-js .language-switch,.no-js .motion-toggle{visibility:hidden}
.main-content{flex:1;display:flex;flex-direction:column;justify-content:center}
.hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:30px;min-height:570px;padding-block:32px 28px}
.hero-copy{position:relative;z-index:2;padding-block:18px;animation:enter-copy 1s .08s both}
.status{display:inline-flex;align-items:center;gap:10px;border:1px solid #2c2c2a;border-radius:2px;padding:7px 12px;font-size:11px;line-height:1.5;color:#b9b9b3}
.status-dot{width:5px;height:5px;background:#e0e0d8;border-radius:50%;box-shadow:0 0 8px #ffffff40;animation:breathe 4s ease-in-out infinite}
.eyebrow{margin:25px 0 6px;font-size:13px;letter-spacing:.01em;color:#a7a7a0}
h1{font-size:clamp(52px,5.6vw,86px);font-weight:600;line-height:1.29;letter-spacing:-.045em;margin:0 0 21px}
h1 span{display:block}
.title-secondary{color:#92928c}
.hero-description{max-width:468px;color:#979792;font-size:15px;line-height:1.95;margin:0}
.coming-soon{display:flex;align-items:center;gap:17px;margin-top:30px}
.soon-marker{height:39px;width:2px;background:linear-gradient(#deded8,#4e4e49)}
.soon-title{display:block;font-size:19px;font-weight:500;line-height:1.5}
.soon-subtitle{display:block;font-size:11px;color:#878781;margin-top:2px}
.visual-stage{position:relative;aspect-ratio:1;min-width:0;max-width:580px;width:100%;margin-inline:auto;animation:enter-art 1.8s .18s both;direction:ltr}
.field-art{position:absolute;inset:0;transform:perspective(900px) rotateX(var(--art-x)) rotateY(var(--art-y));transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.orb-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:.9;filter:grayscale(1);mask-image:radial-gradient(ellipse at center,#000 46%,transparent 75%)}
.orb-halo{position:absolute;inset:19%;border-radius:50%;background:radial-gradient(ellipse,#ffffff00 0%,#ffffff03 40%,transparent 70%);box-shadow:0 0 100px #ffffff04}
.field-grid{position:absolute;inset:11%;border-radius:50%;border:1px solid #ffffff09;background:linear-gradient(90deg,transparent 49.92%,#ffffff0a 50%,transparent 50.08%),linear-gradient(transparent 49.92%,#ffffff0a 50%,transparent 50.08%)}
.orbit{position:absolute;inset:17%;border:1px solid #ffffff10;border-radius:50%;animation:orbit-turn 38s linear infinite;pointer-events:none}
.orbit span{position:absolute;inset-block-start:6.6%;inset-inline-start:74%;width:3px;height:3px;background:#ecece8;border-radius:50%;box-shadow:0 0 10px #fff7}
.orbit-two{inset:12%;border-color:#ffffff08;animation-duration:61s;animation-direction:reverse}
.orbit-two span{opacity:.42;width:2px;height:2px}
.crosshair{position:absolute;width:12px;height:12px;border-color:#5a5a54;border-style:solid;opacity:.55}
.crosshair-nw{top:17%;left:17%;border-width:1px 0 0 1px}
.crosshair-ne{top:17%;right:17%;border-width:1px 1px 0 0}
.crosshair-sw{bottom:17%;left:17%;border-width:0 0 1px 1px}
.crosshair-se{bottom:17%;right:17%;border-width:0 1px 1px 0}
.visual-coordinate{position:absolute;display:flex;align-items:center;gap:12px;width:70%;left:15%;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.18em;color:#73736e;z-index:2;pointer-events:none}
.coordinate-top{top:9%;justify-content:space-between}
.coordinate-top span:first-child{color:#d2d2c8;font-weight:600}
.coordinate-bottom{bottom:9%}
.coordinate-bottom>span:first-child{font-family:Plex,Arial,sans-serif;letter-spacing:0;font-size:10px}
.coordinate-bottom>span:last-child{white-space:nowrap;letter-spacing:.12em;font-size:8px}
.coordinate-line{height:1px;background:#ffffff15;flex:1}
.vision{display:flex;align-items:center;justify-content:space-between;border-block-start:1px solid var(--line);padding-block:29px 33px;gap:32px}
.vision-intro{min-width:160px}
.section-code{display:block;font-family:Arial,sans-serif;font-size:8px;color:#666660;letter-spacing:.18em;margin-bottom:7px}
.vision h2{font-size:16px;font-weight:400;color:#cacac4;margin:0;line-height:1.7}
.principle{display:flex;gap:13px;align-items:flex-start;min-width:0}
.principle-index{font:9px Arial,sans-serif;color:#676761;padding-top:9px}
.principle h3{font-size:17px;font-weight:500;line-height:1.7;margin:0 0 1px}
.principle p{margin:0;font-size:11px;line-height:1.8;color:#80807a;white-space:nowrap}
.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:70px;border-block-start:1px solid #ffffff09;gap:20px;color:#65655f;font-size:9px}
.copyright{margin:0;line-height:1.8;display:flex;gap:5px;flex-wrap:wrap}
.copyright>span:first-child{font-family:Arial,sans-serif;font-size:9px}
.footer-end{display:flex;align-items:center;gap:15px;white-space:nowrap}
.footer-separator{width:1px;height:10px;background:#363632}
.motion-toggle{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#888881;min-height:36px;padding:5px 0}
.motion-toggle:hover{color:#eee}
.motion-toggle svg{width:16px;height:16px}
.motion-toggle:disabled{cursor:default;opacity:.7}
.motion-paused .orbit,.motion-paused .status-dot{animation-play-state:paused!important}
.motion-paused .hero-copy,.motion-paused .visual-stage{animation:none}
html[lang="en"] h1{font-size:clamp(54px,6.2vw,94px);line-height:1.09;letter-spacing:-.058em;margin-block:18px 27px}
html[lang="en"] .eyebrow{font-size:11px;letter-spacing:.07em}
html[lang="en"] .hero-description{font-size:14px;line-height:1.85;max-width:415px}
html[lang="en"] .vision h2{font-size:15px}
html[lang="en"] .principle h3{font-size:15px}
html[lang="en"] .principle p{font-size:10px}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes breathe{50%{opacity:.35;box-shadow:0 0 2px #fff2}}
@keyframes enter-copy{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes enter-art{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.hero{min-height:650px}.visual-stage{max-width:640px}.hero-description{font-size:17px;max-width:490px}}
@media(max-width:1050px){.wrap{width:calc(100% - 72px)}.hero{min-height:530px;gap:0}.hero-description{font-size:14px}.vision{gap:20px}.vision-intro{min-width:145px}.principle{gap:8px}.principle p{font-size:10px}.visual-coordinate{width:80%;left:10%;font-size:7px}.coordinate-top{top:8%}.coordinate-bottom{bottom:8%}}
@media(max-width:760px){.wrap{width:calc(100% - 48px)}.site-header{min-height:88px}.brand{margin-inline-start:-12px}.brand img{width:164px;height:66px}.header-end{gap:16px}.header-field{display:none}.language-switch button{font-size:12px;min-width:30px}.hero{grid-template-columns:1fr;gap:0;padding-block:37px 4px;min-height:0}.hero-copy{text-align:center;padding-block:0;max-width:520px;margin-inline:auto}.status{font-size:10px;padding:6px 11px}.eyebrow{margin-top:22px;font-size:12px}h1{font-size:60px;line-height:1.26;margin-bottom:15px}.hero-description{font-size:13px;line-height:1.95;max-width:375px;margin-inline:auto}.coming-soon{justify-content:center;text-align:start;margin-top:22px;gap:12px}.soon-marker{height:33px}.soon-title{font-size:17px}.soon-subtitle{font-size:10px}.visual-stage{max-width:390px;aspect-ratio:1;margin-top:3px;margin-bottom:-1px}.coordinate-top{top:9%}.coordinate-bottom{bottom:9%}.vision{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px;padding-block:24px 25px}.vision-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-width:0;margin-bottom:3px}.section-code{margin:0;font-size:7px}.vision h2{font-size:14px}.principle{justify-content:center;gap:7px}.principle-index{padding-top:6px;font-size:8px}.principle h3{font-size:15px}.principle p{white-space:normal;font-size:9px}.site-footer{min-height:78px;align-items:center;gap:10px;font-size:8px}.footer-end{gap:10px}.copyright{max-width:180px;gap:3px}.copyright>span:first-child{font-size:8px}.motion-toggle{font-size:8px}.edition{display:none}.footer-separator{display:none}html[lang="en"] h1{font-size:64px;line-height:1.08;margin-block:15px 22px}html[lang="en"] .hero-description{font-size:12px;max-width:340px}html[lang="en"] .principle h3{font-size:13px}html[lang="en"] .principle p{font-size:9px}html[lang="en"] .vision h2{font-size:13px}}
@media(max-width:380px){.wrap{width:calc(100% - 36px)}h1{font-size:53px}.brand img{width:150px}.principle-index{display:none}.hero-description{font-size:12px}html[lang="en"] h1{font-size:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.field-art{transform:none!important}}