@font-face{font-family:Plex;src:url('../assets/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--navy:#0e1525;--slate:#1b2438;--teal:#22b7b5;--mint:#8ee0b8;--ice:#e9eef3;--muted:#acbbca;--faint:#7f96a8;--line:#8ca5bb25;--ease:cubic-bezier(.2,.8,.2,1);--light-x:50%;--light-y:50%;--parallax-x:0px;--parallax-y:0px;--scroll:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;min-width:280px;background:var(--navy);color:var(--ice);font:600 16px/1.8 Plex,Tahoma,Arial,sans-serif;overflow-x:clip;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:7px}button svg,a svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2{margin:0}[hidden]{display:none!important}::selection{background:#1b636a;color:#fff}.skip-link{position:fixed;top:12px;right:16px;z-index:100;transform:translateY(-180%);padding:8px 18px;background:var(--ice);color:var(--navy);text-decoration:none}.skip-link:focus{transform:none}.shell{position:relative;width:min(1080px,calc(100% - 112px));margin:auto}.atmosphere{position:absolute;inset:0 0 auto;height:1300px;overflow:hidden;pointer-events:none;z-index:-1;isolation:isolate}.ambient-wash{position:absolute;inset:-10%;background:radial-gradient(ellipse at 20% 16%,#186d7d23,transparent 52%),radial-gradient(ellipse at 78% 12%,#3b53601f,transparent 58%),linear-gradient(160deg,#0e1525,#111c2c 40%,#0e1525 75%);transform:translate(var(--parallax-x),var(--parallax-y));transition:transform 450ms var(--ease)}.ambient-geometry{position:absolute;top:-160px;right:-16%;width:110%;height:1100px;overflow:visible;transform:translate(calc(var(--parallax-x)*-.6),calc(var(--parallax-y)*-.6));transition:transform 700ms var(--ease)}.ambient-plane{stroke:#698d9633;stroke-width:.7;fill:none}.ambient-edge{stroke:#39ada965;stroke-width:1;fill:none}.ambient-grain{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mask-image:linear-gradient(#000,transparent)}.masthead{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:10px Arial,sans-serif;letter-spacing:1.8px;direction:ltr}.edition{display:flex;align-items:center;gap:10px;color:#c5d5de}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.masthead-title{color:#97a9b9;display:flex;gap:18px;align-items:center}.small-cross{color:var(--mint);font:22px Arial,sans-serif;letter-spacing:0}main{position:relative}.journey-line{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.journey-line path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:bevel}#route-track{stroke:#759aab24}#route-active{stroke:var(--teal);opacity:.75}#route-cursor{fill:var(--mint);stroke:var(--navy);stroke-width:1}.identity{position:relative;text-align:center;padding:24px 44px 0}.brand-scene{height:202px;width:300px;margin:0 auto;position:relative;display:grid;place-items:center;isolation:isolate;perspective:800px}.brand-trigger{display:block;width:152px;position:relative;background:none;border:0;padding:0;z-index:3;overflow:hidden;border-radius:2px}.brand-logo{display:block;width:100%;height:auto;object-fit:contain}.logo-shutter{position:absolute;inset:0 auto 0 0;width:1px;background:var(--mint);opacity:0}.brand-geometry{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:290px;height:222px;overflow:visible;pointer-events:none}.brand-wing{fill:none;stroke:#58979e;stroke-width:1;vector-effect:non-scaling-stroke}.wing-left{stroke:#8ee0b873}.wing-right{stroke:#22b7b58f}.wing-inner{stroke:#7d999b28}.brand-register{fill:none;stroke:#a1cbc3a1;stroke-width:1}.brand-depth{position:absolute;width:144px;height:151px;top:26px;pointer-events:none;transform-style:preserve-3d}.brand-depth-back{left:40px;transform:rotateY(-26deg) skewY(-15deg);background:linear-gradient(110deg,#29465310,#3c657821);border-inline-start:1px solid #8cbaae24}.brand-depth-front{right:40px;transform:rotateY(26deg) skewY(-15deg);background:linear-gradient(110deg,#26495924,#1831420b);border-inline-end:1px solid #8cbaae38}.brand-axis{position:absolute;bottom:0;width:1px;height:20px;background:linear-gradient(var(--mint),transparent);opacity:.55}.brief{position:relative}.section-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;line-height:1.6}.brief>.section-label{justify-content:center;margin-top:11px}.number{font:11px Arial,sans-serif;color:var(--mint);letter-spacing:1px}.label-line{height:1px;width:28px;background:#8ee0b866}h1{font-size:58px;font-weight:600;line-height:1.45;letter-spacing:0;margin-top:12px}.headline-group{display:block;white-space:nowrap}.word{display:inline-block;position:relative}.accent{color:var(--mint)}.description{max-width:670px;margin:17px auto 0;font-size:16px;line-height:1.9;color:#b8c8d5}.description p+p{margin-top:7px;color:#dce5ec}.flow-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;font-size:12px;margin-top:10px}.flow-link svg{width:18px;height:18px;color:var(--mint);transition:transform 180ms var(--ease)}.flow-link:hover svg,.flow-link:active svg{transform:translateY(5px)}.continuity{height:41px;position:relative;display:flex;align-items:flex-end;justify-content:center}.continuity span{height:29px;width:1px;background:linear-gradient(transparent,#22b7b55e)}.continuity i{position:absolute;bottom:-2px;width:5px;height:5px;border:1px solid var(--teal);background:var(--navy);transform:rotate(45deg)}
.demo-section{position:relative;margin:18px 22px 0;scroll-margin-top:28px}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px}.stage-heading h2{font:inherit;font-size:14px;color:var(--ice)}.stage-caption{font-size:12px;color:var(--muted);padding-inline-start:13px;position:relative}.stage-caption:before{content:'';position:absolute;inset-inline-start:0;top:50%;width:4px;height:4px;border:1px solid #88abae;transform:translateY(-50%)}.stage-surround{position:relative;isolation:isolate;perspective:1200px;--frame-depth:1}.frame-depth{position:absolute;inset:-17px -20px -18px;z-index:-2;pointer-events:none;background:linear-gradient(145deg,#58768026,#1d3747a6 8%,#0c1727 23%,#121e2d 76%,#2d444e8c 95%,#8ba6ac42);clip-path:polygon(0 15px,15px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 15px),calc(100% - 15px) 100%,26px 100%,0 calc(100% - 26px));box-shadow:0 40px 80px #0007;transform:translateY(5px) scale(1.005)}.frame-depth:after{content:'';position:absolute;inset:1px;background:linear-gradient(130deg,#142b3c,#152131 45%,#0d1726);clip-path:inherit}.frame-architecture{position:absolute;inset:-15px;pointer-events:none;z-index:2;transform-style:preserve-3d}.frame-rail{position:absolute;display:block;background:linear-gradient(90deg,#88d3c4,#2c6874 35%,#1b3444 75%,#223444);opacity:.75;transition:opacity 450ms,transform 600ms var(--ease)}.rail-top{height:3px;top:0;left:22px;right:43%;transform-origin:right}.rail-bottom{height:3px;bottom:0;right:22px;left:43%;transform-origin:left}.rail-left{width:3px;left:0;top:24px;bottom:54%;background:linear-gradient(#4e8d91,#203443)}.rail-right{width:3px;right:0;bottom:24px;top:54%;background:linear-gradient(#203443,#4e8d91)}.frame-joint{position:absolute;width:15px;height:15px;border:1px solid #68a4a4;transform:rotate(45deg);background:#132b3c}.joint-a{top:0;left:0;clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,55% 45%,0 45%)}.joint-b{bottom:0;right:0;clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,55% 45%,0 45%)}.frame-construction{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3;fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.frame-outline{stroke:#8ee0b873;vector-effect:non-scaling-stroke}.frame-seam{stroke:#567c9163;vector-effect:non-scaling-stroke}.stage-boundary{position:absolute;pointer-events:none;inset:-31px -32px;z-index:-3;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#1e8e9b2b,transparent 62%);opacity:.8;transition:opacity 450ms}.boundary-runner{position:absolute;top:11px;left:12%;height:1px;width:25%;background:linear-gradient(90deg,transparent,#c4eedb,transparent);opacity:0}.video-stage{position:relative;aspect-ratio:16/9;background:#090f1a;border:1px solid #9ab7be42;box-shadow:inset 0 0 0 1px #020914,0 0 0 5px #070f1d94;overflow:hidden;z-index:1}.registration{position:absolute;width:11px;height:11px;z-index:4;pointer-events:none}.reg-tr{top:-1px;right:-1px;border-top:2px solid #b5dbd4;border-right:2px solid #b5dbd4}.reg-bl{bottom:-1px;left:-1px;border-bottom:2px solid #b5dbd4;border-left:2px solid #b5dbd4}.frame-touch-light{position:absolute;inset:-21px;pointer-events:none;border:1px solid #8ee0b800;z-index:-3;opacity:0}.stage-baseline{margin-top:33px;display:flex;justify-content:space-between;align-items:center;gap:24px;font:10px Arial,sans-serif;letter-spacing:2px;color:var(--faint);direction:ltr}.baseline-dashes{height:1px;flex:1;max-width:80px;background:linear-gradient(90deg,transparent,#7b99aa77,transparent)}.video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#090f1a}.media-actions{display:flex;justify-content:center;gap:16px;margin-top:18px;flex-wrap:wrap}.text-button{background:#132232;border:1px solid #7f9ca640;color:var(--ice);min-height:44px;padding:7px 16px;border-radius:2px;transition:background 180ms}.text-button:hover{background:#233a49}.media-message{font-size:14px;color:var(--muted);text-align:center;margin-top:16px}.fallback-button{display:block;margin:12px auto}.stage-surround[data-state=playing] .stage-boundary{opacity:1}
.entry-connector{height:83px;position:relative;display:flex;justify-content:center;overflow:hidden}.entry-connector:before{content:'';width:1px;height:100%;background:linear-gradient(#22b7b551,transparent)}.entry-connector span{width:3px;height:23px;position:absolute;top:-23px;background:linear-gradient(transparent,var(--mint));opacity:0}.entry-section{position:relative;margin-inline:22px;display:flex;justify-content:space-between;align-items:center;gap:44px;padding:30px 22px 65px}.entry-section:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#8cb4bb50,transparent)}.entry-copy h2{font-size:31px;line-height:1.55;margin-top:15px;font-weight:600}.entry-copy h2>span{color:#c3d0da}.entry-action{width:310px;flex-shrink:0;text-align:center}.entry-hint{font-size:13px;color:var(--muted);margin-bottom:17px}.entry-button-shell{position:relative;padding:5px;isolation:isolate}.entry-button-shell:before{content:'';position:absolute;inset:0;border:1px solid #74949b55;clip-path:polygon(0 0,35% 0,35% 1px,1px 1px,1px 100%,0 100%,0 0,100% 100%,65% 100%,65% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 0,100% 0,100% 100%)}.entry-button{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 22px;min-height:60px;border:1px solid #607984;background:linear-gradient(110deg,#24394a,#1a2a3a);color:#c0cdd6;font-size:17px;transition:background 450ms,color 450ms,border-color 450ms,transform 180ms;z-index:1}.entry-button:enabled{color:#09272a;border-color:var(--mint);background:var(--mint)}.entry-button:enabled:hover{background:#b4efd0}.entry-button:enabled:hover svg{transform:translateX(-5px)}.entry-button:enabled:active{transform:translateY(2px)}.entry-latch{position:absolute;width:34px;height:2px;background:#799b9e;z-index:3;transition:background 250ms}.latch-top{top:1px;right:25px}.latch-bottom{bottom:1px;left:25px}.entry-sweep{position:absolute;top:5px;bottom:5px;right:5px;width:2px;background:var(--mint);opacity:0;z-index:2}.integration-status{font-size:12px;color:var(--muted);margin-top:14px;display:flex;justify-content:center;align-items:center;gap:7px}.pending-mark{width:4px;height:4px;border-radius:50%;background:#a5bac5}.entry-section[data-state=unlocked] .entry-copy h2>span,.motion-preview .entry-copy h2>span{color:var(--mint)}.entry-section[data-state=unlocked] .pending-mark{background:var(--mint)}.motion-preview .entry-button{background:var(--mint);color:#09272a;border-color:var(--mint)}.motion-preview .entry-button-shell:before{background:#8ee0b819}.motion-preview .entry-latch{background:var(--mint)}.motion-preview .entry-section:before{background:linear-gradient(90deg,transparent,var(--teal),transparent)}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:25px 0 32px;font-size:11px;color:#90a4b6}.footer-separator{padding-inline:9px;color:#6c849a}footer [lang=en]{font:9px Arial,sans-serif;letter-spacing:1.6px}.noscript-note{max-width:640px;margin:20px auto;padding:15px;text-align:center;color:var(--muted)}.review-toolbar{position:relative;z-index:10;margin:25px auto;padding:20px;border:1px dashed #698a91;width:min(640px,calc(100% - 32px));background:#122432;text-align:center}.review-toolbar p{font-size:13px;color:var(--muted);margin:0 0 12px}.review-toolbar h2{font-size:17px;margin-bottom:6px}.review-toolbar .text-button{margin:4px;font-size:13px}.review-toolbar output{display:block;font-size:12px;min-height:24px;margin-top:8px;color:var(--mint)}html[data-scene=demo] .rail-top,html[data-scene=demo] .rail-bottom{opacity:1}html[data-scene=demo] .stage-boundary{opacity:1}html[data-scene=entry] .ambient-wash{opacity:.5}.motion-off *{scroll-behavior:auto!important;transition:none!important}.motion-off .ambient-wash,.motion-off .ambient-geometry{transform:none!important}
@media(min-width:1100px){.identity{padding-top:34px}.brand-scene{height:218px}.brand-trigger{width:164px}.brand-geometry{width:316px;height:242px}.brand-depth{top:31px;height:163px}h1{font-size:61px}.description{max-width:730px}.description p:first-child{max-width:670px;margin-inline:auto}}
@media(max-width:800px) and (min-width:641px){.shell{width:calc(100% - 64px)}.identity{padding-inline:25px}h1{font-size:45px}.entry-section{gap:24px;padding-inline:0}.entry-action{width:265px}.entry-copy h2{font-size:26px}}
@media(max-width:640px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.shell{width:calc(100% - 32px)}.masthead{height:52px;font-size:9px;letter-spacing:1px}.edition{gap:7px}.masthead-title{font-size:8px;gap:9px}.small-cross{font-size:18px}.identity{padding:8px 6px 0}.brand-scene{height:119px;width:205px}.brand-trigger{width:107px}.brand-geometry{width:184px;height:141px}.brand-depth{top:8px;width:87px;height:101px}.brand-depth-back{left:29px}.brand-depth-front{right:29px}.brand-axis{height:13px;bottom:-2px}.brief>.section-label{margin-top:6px;font-size:11px;gap:9px}.number{font-size:10px}.label-line{width:20px}.section-label{gap:9px;font-size:12px}h1{font-size:clamp(26px,7.6vw,35px);line-height:1.5;margin-top:8px}.description{font-size:15px;line-height:1.8;margin-top:10px;max-width:360px}.description p+p{margin-top:5px}.flow-link{margin-top:4px;font-size:12px;gap:12px;min-height:44px}.flow-link svg{width:16px}.continuity{height:14px}.continuity span{height:12px}.continuity i{width:4px;height:4px}.demo-section{margin:17px 9px 0}.stage-heading{margin-bottom:24px;gap:7px}.stage-heading h2{font-size:12px}.stage-heading .section-label{font-size:11px;gap:7px}.stage-heading .label-line{width:13px}.stage-caption{font-size:11px;padding-inline-start:9px}.stage-caption:before{width:3px;height:3px}.frame-depth{inset:-11px -12px -12px}.frame-architecture{inset:-10px}.rail-top,.rail-bottom{height:2px}.rail-left,.rail-right{width:2px}.frame-joint{width:11px;height:11px}.frame-depth{transform:translateY(3px) scale(1.005)}.frame-construction{opacity:.8}.stage-baseline{font-size:8px;letter-spacing:1.1px;margin-top:23px;gap:15px}.stage-boundary{inset:-20px}.stage-baseline .baseline-dashes{max-width:45px}.video-stage{box-shadow:inset 0 0 0 1px #020914,0 0 0 3px #070f1d94}.registration{width:8px;height:8px}.reg-tr{border-width:1px}.reg-bl{border-width:1px}.entry-connector{height:46px}.entry-section{margin-inline:9px;padding:24px 9px 35px;flex-direction:column;text-align:center;gap:23px}.entry-copy>.section-label{justify-content:center}.entry-copy h2{font-size:25px;line-height:1.45;margin-top:14px}.entry-copy h2 br{display:none}.entry-copy h2>span{display:block}.entry-action{width:min(100%,315px)}.entry-hint{font-size:13px;margin-bottom:12px}.entry-button{font-size:17px;min-height:58px}.integration-status{font-size:11px;margin-top:12px}footer{font-size:10px;padding:19px 0 max(24px,env(safe-area-inset-bottom));gap:10px}footer [lang=en]{font-size:8px;letter-spacing:1px}.footer-separator{padding-inline:5px}.atmosphere{height:1000px}.ambient-geometry{top:-110px;right:-80%;width:210%;height:950px;opacity:.8}.ambient-grain{opacity:.06}.media-actions{gap:9px}.media-actions .text-button{font-size:13px;padding-inline:12px}.media-message{font-size:13px}}
@media(max-width:374px){.shell{width:calc(100% - 26px)}.identity{padding-inline:2px}.masthead-title{font-size:7px}.description{font-size:14px}h1{font-size:26px}.stage-heading h2,.stage-caption{font-size:10px}.stage-heading .label-line{width:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ambient-wash,.ambient-geometry{transform:none!important}}