:root{color:#f8fbff;background:#050719;font-family:IBM Plex Sans Arabic,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}body{margin:0;min-width:320px;min-height:100vh;background:#050719;color:#f8fbff;overscroll-behavior:none;-webkit-user-select:text;user-select:text}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}#root{min-height:100vh;background:#050719}::selection{background:#db4dff59;color:#fff}input::placeholder,textarea::placeholder{color:#c8d7ffad}select option{color:#10142f;background:#fff}*{box-sizing:border-box}input,textarea{-webkit-user-select:text;user-select:text}input,select,textarea,button{max-width:100%}.site-header{direction:rtl}.lift-card,.soft-button{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.project-device-stage{animation:project-device-enter .32s cubic-bezier(.22,1,.36,1)}.lift-card:hover{transform:translateY(-6px) rotateX(1.5deg);box-shadow:0 30px 90px #2f7bff2e!important}.soft-button:hover{transform:translateY(-2px)}.page-hero-heading,.hero-title{animation:heading-shimmer 8s ease-in-out infinite}.window-dots span{width:9px;height:9px;display:inline-block;border-radius:999px;background:#cbd5e1}.window-dots span:nth-child(1){background:#fb7185}.window-dots span:nth-child(2){background:#fbbf24}.window-dots span:nth-child(3){background:#34d399}.parallax-card{transform-style:preserve-3d;animation:depth-breathe 9s ease-in-out infinite}.reveal-on-scroll{opacity:1;transform:translateY(0)}.service-card li,.service-detail-list li{display:flex;align-items:flex-start;gap:7px}.service-card li svg,.service-detail-list li svg{flex:0 0 auto;margin-top:.32em;color:#7dd3fc}.service-card [aria-hidden=true] span{display:block;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#f7c66b,#2f7bffc7);box-shadow:0 10px 24px #2f7bff33}.service-card [aria-hidden=true] span:nth-child(1){height:48%}.service-card [aria-hidden=true] span:nth-child(2){height:82%}.service-card [aria-hidden=true] span:nth-child(3){height:62%}.brand-orbit:hover{animation-play-state:paused}.brand-orbit span{transition:transform .18s ease,border-color .18s ease,background .18s ease}.brand-orbit span:hover{transform:translateY(-2px) scale(1.04);border-color:#f7c66b52;background:linear-gradient(145deg,#f7c66b1f,#2f7bff14)}.brand-payment-tile{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.brand-payment-tile:hover{transform:translateY(-2px);border-color:#f7c66b57!important;box-shadow:0 16px 34px #2f7bff29,inset 0 1px #ffffffe0!important}@media (max-width: 520px){.brand-payment-tile[title="Western Union"]{grid-column:span 1!important}}@keyframes heading-shimmer{0%,to{background-position:0% 50%;filter:saturate(1) drop-shadow(0 8px 18px rgba(47,123,255,.12))}50%{background-position:100% 50%;filter:saturate(1.18) drop-shadow(0 10px 24px rgba(219,77,255,.16))}}@keyframes project-device-enter{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes depth-breathe{0%,to{transform:translateZ(0) rotateX(0)}50%{transform:translate3d(0,-8px,18px) rotateX(1deg)}}@keyframes float-slow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-28px,34px,0) scale(1.08)}}@keyframes float-reverse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(34px,-24px,0) scale(1.06)}}@keyframes pulse-drift{0%,to{transform:translateZ(0) scale(.94);opacity:.45}50%{transform:translate3d(16px,-30px,0) scale(1.1);opacity:.75}}@keyframes star-drift{0%{background-position:0 0}to{background-position:260px 520px}}@keyframes brand-marquee{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes grid-flight{0%{background-position:0 0}to{background-position:0 58px}}@supports (animation-timeline: view()){.reveal-on-scroll{animation:reveal-flow both ease-out;animation-timeline:view();animation-range:entry 0% cover 42%}.parallax-card{animation:scroll-depth both ease-out;animation-timeline:view();animation-range:entry 0% cover 75%}@keyframes reveal-flow{0%{opacity:0;transform:translateY(38px) scale(.98);filter:blur(8px)}55%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:.92;transform:translateY(-8px) scale(.995);filter:blur(0)}}@keyframes scroll-depth{0%{opacity:.6;transform:translate3d(0,42px,-80px) rotateX(7deg) scale(.96)}to{opacity:1;transform:translateZ(0) rotateX(0) scale(1)}}}@media (max-width: 760px){.site-header{align-items:flex-start!important}.site-menu-button{display:inline-flex!important}.site-nav{display:none!important;width:100%;padding-top:8px}.site-nav.site-nav-open{display:flex!important}.site-nav a{flex:1 1 calc(50% - 8px);text-align:center}[aria-label="Coodestan digital experience preview"]{min-height:360px!important}h1,h2,h3,p{overflow-wrap:anywhere}}@media (max-width: 520px){body{overflow-x:hidden}.parallax-card{animation:none}}@media (max-width: 760px){.project-detail-page{width:calc(100% - 24px)!important;padding:24px 0 56px!important;gap:22px!important}.project-detail-hero{grid-template-columns:1fr!important;gap:24px!important}.project-detail-copy{gap:13px!important}.project-detail-back-link{font-size:.88rem}.project-detail-eyebrow{max-width:100%;padding:7px 11px!important;font-size:.76rem!important;line-height:1.45}.project-detail-heading{font-size:clamp(2rem,10vw,3.15rem)!important;line-height:1.14!important}.project-detail-lead{font-size:.96rem!important;line-height:1.85!important}.project-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.project-detail-stat{min-width:0;padding:11px!important;gap:4px!important}.project-detail-stat:last-child{grid-column:1 / -1}.project-detail-stat svg{width:16px;height:16px}.project-detail-stat span{font-size:.72rem;line-height:1.35}.project-detail-stat strong{color:#fff;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}.project-detail-primary{width:100%!important;min-height:50px;padding:12px 15px!important;text-align:center}.project-detail-visual{width:100%!important;min-height:clamp(340px,110vw,440px)!important;aspect-ratio:auto!important}.project-detail-floating-badge{right:12px!important;bottom:12px!important;padding:8px 10px!important;font-size:.74rem}.project-detail-story-grid,.project-detail-info-grid,.project-detail-testimonial{grid-template-columns:1fr!important;gap:12px!important}.project-detail-story-card,.project-detail-info-card{padding:17px!important;border-radius:18px!important}.project-detail-story-card h2,.project-detail-info-card h2{margin-top:0;font-size:1.25rem}.project-detail-story-card p,.project-detail-info-card li{line-height:1.8}.project-detail-testimonial{padding:17px!important;border-radius:20px!important}.project-detail-phone-frame{width:100%!important;max-width:390px}.project-detail-phone-frame p{font-size:.92rem}.project-detail-testimonial-copy{gap:10px!important}.project-detail-section-title{font-size:clamp(1.55rem,7vw,2.15rem)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}html.motion-ready .scroll-experience-active .reveal-on-scroll{opacity:0;transform:translateY(30px) scale(.985);filter:blur(7px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}html.motion-ready .scroll-experience-active .reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.challenge-scroll{height:300vh;position:relative;z-index:1;background:#07091a;color:#f8fbff;direction:rtl}.challenge-sticky{position:sticky;top:0;height:100vh;padding:clamp(70px,10vh,120px) max(16px,calc((100vw - 1180px)/2));overflow:hidden;direction:ltr;display:flex;flex-direction:column;background:radial-gradient(circle at 82% 15%,rgba(47,123,255,.22),transparent 27%),radial-gradient(circle at 10% 85%,rgba(219,77,255,.16),transparent 30%),linear-gradient(145deg,#050719,#0b123a)}.challenge-heading p{margin:0 0 12px;color:#f7c66b;display:flex;align-items:center;gap:8px;font-weight:900}.challenge-heading,.challenge-hint{direction:rtl;text-align:right}.challenge-heading h2{margin:0;font-size:clamp(2.1rem,5vw,4.7rem);line-height:1.1;letter-spacing:-.04em;color:#fff}.challenge-heading h2 em{color:#f7c66b;font-style:normal}.challenge-track{width:max-content;min-width:100%;flex:1;display:flex;direction:ltr;gap:clamp(16px,3vw,38px);align-items:center}.challenge-card{direction:rtl;width:min(78vw,760px);height:min(49vh,460px);flex:0 0 min(78vw,760px);padding:clamp(24px,3.6vw,42px);position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(160,192,255,.25);background:#fff1;box-shadow:inset 0 1px #ffffff12,0 28px 70px #00000038}.challenge-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;top:-105px;left:-95px;background:radial-gradient(circle,rgba(47,123,255,.65),transparent 70%);filter:blur(4px)}.challenge-card-2{background:linear-gradient(145deg,#f7c66b,#f0a941);color:#10142f;border-color:#f7c66b}.challenge-card-2:before{background:radial-gradient(circle,rgba(255,255,255,.65),transparent 72%)}.challenge-card-3{background:linear-gradient(145deg,#19224f,#43176d)}.challenge-card>span{position:absolute;top:24px;right:26px;color:inherit;opacity:.72;font:700 .84rem ui-monospace,monospace}.challenge-card h3{margin:0 0 15px;font-size:clamp(1.8rem,3.1vw,3.3rem);line-height:1.08;position:relative}.challenge-card p{max-width:340px;margin:0;color:#cbd7f5;line-height:1.85;position:relative}.challenge-card-2 p{color:#10142fb8}.challenge-card>div{position:absolute;left:25px;bottom:25px;width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}.challenge-hint{display:flex;align-items:center;gap:7px;color:#a8b5d8;font-weight:800}.work-roadmap{position:relative;z-index:1;direction:rtl;padding:clamp(70px,10vw,140px) max(16px,calc((100vw - 1180px)/2));overflow:hidden;background:linear-gradient(180deg,#eef4ff,#dfe9fb);color:#10142f}.roadmap-copy{max-width:760px}.roadmap-copy>p:first-child{color:#2f7bff;font-weight:900;margin:0 0 13px;display:flex;gap:10px;align-items:center}.roadmap-copy>p:first-child span{width:26px;height:1px;background:currentColor}.roadmap-copy h2{margin:0;font-size:clamp(2rem,4.7vw,4.25rem);line-height:1.14;letter-spacing:-.04em}.roadmap-copy h2 em{color:#7048e8;font-style:normal}.roadmap-lead{color:#485678;max-width:540px;margin:20px 0 0;line-height:1.9}.roadmap-visual{margin-top:clamp(58px,10vw,120px);position:relative;height:230px}.roadmap-visual svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:200px;overflow:visible}.roadmap-path-base{fill:none;stroke:#2f7bff38;stroke-width:3}.roadmap-path-progress{fill:none;stroke:#2f7bff;stroke-width:4;stroke-linecap:round}.roadmap-nodes{position:absolute;inset:138px 0 auto;display:flex;justify-content:space-between;gap:10px}.roadmap-node{width:13%;display:grid;gap:9px;justify-items:start;color:#52617f;transition:color .35s ease,transform .35s ease}.roadmap-node b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#edf4ff;border:1px solid rgba(47,123,255,.35);font-size:.75rem;transition:.35s ease}.roadmap-node span{font-size:.88rem;font-weight:900;white-space:nowrap}.roadmap-node svg{display:none}.roadmap-node.roadmap-active{color:#10142f;transform:translateY(-6px)}.roadmap-node.roadmap-active b{background:#2f7bff;border-color:#2f7bff;color:#fff;box-shadow:0 12px 24px #2f7bff40}@media (max-width: 760px){.challenge-scroll{height:auto}.challenge-sticky{position:relative;height:auto;min-height:100vh;padding-bottom:44px}.challenge-track{width:100%;flex:initial;flex-direction:column;margin-top:34px;align-items:stretch}.challenge-card{width:100%;flex-basis:320px;min-height:320px}.challenge-hint{display:none}.roadmap-visual{overflow-x:auto;margin-inline:-16px;padding-inline:16px}.roadmap-visual svg{width:820px}.roadmap-nodes{width:790px}.roadmap-node{min-width:96px}.roadmap-node span{font-size:.78rem}}
