@font-face{font-family:Tajawal;src:url('assets/Tajawal-Regular.ttf')}@font-face{font-family:Tajawal;src:url('assets/Tajawal-Bold.ttf');font-weight:700}@font-face{font-family:'Myriad Pro';src:local('Myriad Pro')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#050607;color:#f8faff;font:17px/1.7 Tajawal,Arial,sans-serif}html[lang=en] body{font-family:'Myriad Pro','Segoe UI',Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ff7a2e;outline-offset:5px}button{border:0;background:none}::selection{background:#0b5cff;color:white}em{font-style:normal;color:#ff7a2e}.section{padding:110px max(6vw,24px);scroll-margin-top:20px}.section-label{display:flex;gap:20px;align-items:center;color:#a7b7d3;font-size:14px;margin-bottom:34px}.section-label span:first-child{font:12px 'Segoe UI',sans-serif;color:#ff7a2e;direction:ltr}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}h2{font-size:clamp(32px,3.7vw,56px);font-weight:700;letter-spacing:-1px}.section-heading p{max-width:390px;color:#a6afc2}p{color:#a6afc2}h3{font-size:25px}header{height:92px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:30px;padding:0 4vw;background:#050607e8;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.brand{width:158px;flex-shrink:0;display:block}.wordmark{display:block;position:relative;aspect-ratio:3.1;overflow:hidden;direction:ltr}.wordmark img{width:121%;height:auto;position:absolute;left:-11%;top:-6%;mix-blend-mode:screen}.wordmark img.pearl{filter:grayscale(1) brightness(12);clip-path:inset(0 49% 0 0)}nav{display:flex;align-items:center;gap:26px;font-size:14px;margin-inline:auto}nav a:hover{color:#ff7a2e}.nav-actions{display:flex;gap:18px;align-items:center}.nav-actions>button{font:13px Arial}#language{border:1px solid #ffffff26;border-radius:50%;height:36px;width:36px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:#0b5cff;color:white;padding:15px 26px;border:1px solid #0b5cff;border-radius:5px;font-weight:700;transition:background .25s,transform .25s;white-space:nowrap}.button:hover{background:#2872ff;transform:translateY(-3px)}.button.small{font-size:14px;padding:10px 18px}.button.outline{background:transparent;border-color:#63718b}.text-link{padding:12px 0;display:inline-block;border-bottom:1px solid #ffffff45;font-weight:700}.text-link:hover{color:#ff7a2e}.menu{display:none}.hero{position:relative;min-height:calc(100svh - 92px);overflow:hidden;display:flex;align-items:center;padding:75px 6vw 90px;background:radial-gradient(ellipse at 10% 50%,#0a1b4d77,transparent 55%)}.hero-copy{position:relative;z-index:2;width:52%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:13px;display:flex;align-items:center;gap:12px;letter-spacing:1px;color:#b7c8e4;margin-bottom:28px}.eyebrow i{height:6px;width:6px;background:#ff7a2e;box-shadow:0 0 18px #ff7a2e;border-radius:50%}h1{font-size:clamp(60px,7.4vw,112px);line-height:1.02;letter-spacing:-3px;font-weight:700}html[lang=en] h1{font-size:clamp(56px,6.7vw,100px)}h1 em{display:inline-block}.lead{max-width:500px;font-size:20px;margin:32px 0 30px;line-height:1.8}.hero-actions{display:flex;gap:30px;align-items:center}.hero-caption{margin-top:55px;display:flex;gap:26px;align-items:center;font-size:12px;color:#8291ab}.hero-caption span:first-child{letter-spacing:2px;font:10px Arial;direction:ltr}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#5976ad08 1px,transparent 1px),linear-gradient(90deg,#5976ad08 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.cosmos{position:absolute;width:56%;height:90%;left:-3%;top:5%;direction:ltr}html[dir=ltr] .cosmos{left:auto;right:-3%}.planet{width:74%;aspect-ratio:1;border-radius:50%;position:absolute;top:17%;left:10%;background:radial-gradient(circle at 75% 23%,#2a7cff55,transparent 42%),radial-gradient(circle at 68% 22%,#0d2b72 0,#071737 35%,#02050c 67%);box-shadow:inset -9px 9px 20px #418fff66,inset -2px 3px 3px #b8dcff,10px -12px 70px #0b5cff22;transform:rotate(-22deg)}.planet:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(23deg,transparent 0 18px,#91b9ff05 19px 20px);opacity:.8}.saturn{position:absolute;top:22%;left:-2%;width:100%;height:45%;border-radius:50%;border:1px solid #cce7ff9c;box-shadow:0 -2px 3px #f8faff6b,0 -3px 20px #0b5cff88,inset 0 -1px 3px #a1c6ff;transform:rotate(-30deg);animation:float 12s ease-in-out infinite}.satellite{position:absolute;width:28px;height:28px;top:70%;left:7%;border-radius:50%;background:radial-gradient(circle at 32% 28%,white,#b7c9d9 43%,#68666a 70%,white);box-shadow:0 0 24px #c8e0ff88;animation:pearl-glow 3s ease-in-out infinite alternate}.planet-line{position:absolute;width:80%;height:75%;border:1px dashed #83b5ff25;border-radius:50%;left:5%;top:6%;transform:rotate(30deg)}.space-label{font:9px Arial;letter-spacing:3px;color:#8fadd5;position:absolute}.label-one{top:14%;left:15%}.label-two{bottom:12%;right:17%}.cross{position:absolute;right:17%;top:26%;color:#ff7a2e}.star-field{position:absolute;inset:0;background-image:radial-gradient(circle at 21% 10%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 80%,#8ca8e8 0 1px,transparent 2px),radial-gradient(circle at 90% 35%,#fff 0 1px,transparent 2px),radial-gradient(circle at 10% 85%,#fff 0 1px,transparent 2px)}.scroll-cue{position:absolute;bottom:25px;inset-inline-start:6vw;font-size:11px;color:#a7b7d3;letter-spacing:1px}.ticker{border-block:1px solid #ffffff14;overflow:hidden;padding:22px 0;background:#091021;direction:ltr}.ticker>div{width:max-content;animation:marquee 45s linear infinite;font:12px Arial;letter-spacing:3px;color:#91a4c5}.ticker b{color:#ff7a2e;margin:0 55px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about-grid h2{max-width:510px}.body-large{font-size:23px;line-height:1.7;color:#e1e6f0;margin-bottom:24px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:65px;padding-top:45px;border-top:1px solid #ffffff24}.tiny{font:10px Arial;letter-spacing:2px;color:#819ac2;direction:ltr;display:inline-block}.vision-grid h3{margin:20px 0 16px}.values{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.values span{border:1px solid #233451;border-radius:30px;padding:8px 19px;font-size:13px;color:#bfcee6}.services{background:#0a1120}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-inline-start:1px solid #24324b;border-top:1px solid #24324b}.service-card{min-height:280px;padding:28px 25px;border-inline-end:1px solid #24324b;border-bottom:1px solid #24324b;position:relative;text-align:start;transition:background .3s;display:flex;flex-direction:column}.service-card:hover{background:#0c204b}.service-card .number{font:11px Arial;color:#8ba2cb}.service-icon{font:26px monospace;color:#78a7ff;margin:25px 0 20px;direction:ltr}.service-card h3{font-size:23px;margin-bottom:15px}.service-card p{font-size:15px;padding-bottom:18px}.service-card .arrow{position:absolute;bottom:20px;inset-inline-end:25px;color:#ff7a2e}.steps{display:flex;border-bottom:1px solid #2c3950;justify-content:space-between;gap:12px;margin-top:65px}.step{position:relative;text-align:start;padding:15px 5px 22px;color:#98a6bd;flex:1}.step b{display:block;font:12px Arial;color:#6a82ab;margin-bottom:20px}.step.active{color:white}.step.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ff7a2e}.step.active b{color:#ff7a2e}.step-detail{padding:40px 0 60px;min-height:180px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.step-detail p{max-width:700px;font-size:20px}.quality{padding:35px;background:#0a1b4d40;border:1px solid #293b5b;display:grid;grid-template-columns:1fr 1fr;gap:60px}.quality h3{margin-bottom:18px}.quality small{color:#7c8da9;display:block;margin-top:20px}.standards{display:flex;gap:10px;flex-wrap:wrap;direction:ltr}.standards span{border:1px solid #34517b;border-radius:4px;padding:10px 15px;font:12px Arial}.work{background:#f8faff;color:#0a1b4d}.work .section-label,.work p{color:#5b6882}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:38px}.concepts article h3{margin:15px 0}.concepts .tiny{margin-top:25px;color:#63738f}.concepts .text-link{border-color:#b3bfd5;color:#0b5cff}.mock{height:330px;border-radius:8px;background:radial-gradient(ellipse at center,#163772,#070f23);overflow:hidden;position:relative;direction:ltr}.dashboard{display:flex;align-items:center;justify-content:center;padding:45px;transform-style:preserve-3d}.mock-main{width:80%;background:#0c1a36;border:1px solid #4362a1;padding:24px;transform:perspective(700px) rotateY(-13deg) rotateX(10deg);box-shadow:0 20px 40px #0009;border-radius:6px}.mock-line{height:8px;width:60%;background:#7189b9;border-radius:5px;margin-bottom:22px}.mini-cards{display:flex;gap:10px}.mini-cards b{flex:1;padding:12px 5px;background:#142850;color:#b7d1ff;text-align:center;font:17px Arial;border-radius:4px}.bars{display:flex;height:105px;align-items:end;gap:10px;padding-top:20px}.bars i{background:linear-gradient(#4a8cff,#0b5cff44);flex:1;height:45%;animation:bars 5s ease-in-out infinite alternate;transform-origin:bottom}.bars i:nth-child(2n){height:65%;animation-delay:-2s}.bars i:nth-child(3n){height:90%;animation-delay:-3s}.phone{width:140px;height:265px;border:3px solid #7a8fae;border-radius:23px;background:#071225;position:absolute;left:calc(50% - 70px);top:32px;transform:rotate(12deg);padding:20px;box-shadow:10px 20px 40px #0008;z-index:1}.phone>span{font:13px Arial;color:white}.phone-sphere{height:95px;width:95px;border-radius:50%;margin:22px auto;background:radial-gradient(circle at 25% 20%,#8abcff,#0b5cff 30%,#0a1b4d 70%)}.phone .mock-line{height:5px;margin-bottom:10px;width:90%}.phone .short{width:60%}.phone-button{height:18px;background:#0b5cff;border-radius:4px;margin-top:15px}.phone-orbit{width:80%;height:100px;border:1px solid #a4c9ff;border-radius:50%;position:absolute;top:130px;left:10%;transform:rotate(-25deg);box-shadow:0 0 15px #4679ff44}.industries{background:linear-gradient(130deg,#0a1b4d77,#050607)}#industry-list{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;gap:0 25px}#industry-list span{padding:15px 0;border-bottom:1px solid #ffffff20;font-size:16px}#industry-list span:before{content:'↗';color:#ff7a2e;margin-inline-end:12px}.insights h2{margin-bottom:40px}.insight{border-top:1px solid #2c3649;padding:25px 0}.insight:last-child{border-bottom:1px solid #2c3649}.insight summary{cursor:pointer;font-size:23px;list-style:none;display:flex;justify-content:space-between;gap:25px}.insight summary:after{content:'+';color:#ff7a2e}.insight[open] summary:after{content:'−'}.insight p{max-width:900px;padding-top:24px}.careers{margin:0 6vw;padding:50px;background:#0a1b4d;border-top:2px solid #0b5cff;display:flex;align-items:center;gap:50px;justify-content:space-between}.careers h2{font-size:34px;margin:18px 0}.careers p{max-width:750px;color:#b4c2dc}.contact{display:grid;grid-template-columns:1fr 1.12fr;gap:8vw}.contact h2{margin-bottom:25px}.engagement{border-top:1px solid #293142;padding-top:30px;margin-top:50px}.engagement h3{font-size:20px;margin-bottom:18px}.engagement small{display:block;margin-top:20px;color:#7889a4}.form-top{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #31415c;margin-bottom:30px}.form-top span:last-child{font:11px Arial;color:#ff7a2e}label{display:block;margin-bottom:22px}label>span{display:block;font-size:14px;margin-bottom:9px;color:#bfcbe0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{border:1px solid #29364d;background:#0b1220;color:#f8faff;padding:13px 15px;width:100%;border-radius:4px;outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#0b5cff}select option{background:#0b1220}.consent{display:flex;gap:12px;align-items:start}.consent input{width:17px;height:17px;margin-top:5px;accent-color:#0b5cff;flex-shrink:0}.consent span{font-size:12px}.form-note{font-size:13px;margin-bottom:22px;color:#d0a67f;background:#ff7a2e09;padding:12px 15px;border-inline-start:2px solid #ff7a2e}.honeypot{display:none}.privacy-link{font-size:12px;color:#a1b4d6;text-decoration:underline;margin-inline-start:18px}footer{padding:45px 6vw 25px;border-top:1px solid #263349;background:#080e18}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-top p{font:11px Arial;letter-spacing:3px;color:#c6d5ee}.footer-top button{font-size:12px;color:#8097bc}.footer-bottom{border-top:1px solid #ffffff13;padding-top:25px;margin-top:35px;font-size:12px;color:#7f90ab}.intro{position:fixed;inset:0;background:#050607;z-index:100;display:flex;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-center{width:min(80vw,750px);text-align:center}.orbital-brand{position:relative;aspect-ratio:700/310;display:flex;align-items:center;justify-content:center}.orbital-brand .wordmark{width:70%;animation:fade-in 1.5s both}.orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:fade-in 2.6s .7s both;filter:drop-shadow(0 0 5px #7ca9f8)}.orbit ellipse{stroke:url(#ring);stroke-width:1.4;fill:none;stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw 3.4s .5s ease forwards}.intro-center>p{font:11px Arial;letter-spacing:5px;color:#c7d2e6;animation:fade-in 2s 1s both}.intro-center>p span{color:#ff7a2e}.load-line{height:1px;background:#1d2f4d;width:160px;margin:35px auto;overflow:hidden}.load-line:after{content:'';height:1px;background:#ff7a2e;width:100%;display:block;transform-origin:left;animation:load 4s linear both}.skip{position:absolute;bottom:40px;color:#8c9cb5;font-size:13px}dialog{background:#0b1425;color:#f8faff;border:1px solid #395276;border-radius:10px;width:min(660px,92vw);max-height:85svh;padding:45px}dialog::backdrop{background:#000a;backdrop-filter:blur(10px)}.close{position:absolute;top:12px;inset-inline-end:16px;font-size:30px;color:#aebcd0}dialog h2{font-size:32px;margin:15px 0 20px}dialog ul{padding-inline-start:24px;color:#b6c7e0;line-height:2.1}dialog .button{margin-top:20px}dialog .review{white-space:pre-wrap;word-break:break-word;font:16px/1.9 Tajawal,Arial;color:#c9d4e7}dialog small{color:#ffbd95}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{50%{transform:rotate(-25deg) translateY(-10px)}}@keyframes pearl-glow{to{box-shadow:0 0 40px #c8e0ff88}}@keyframes bars{to{transform:scaleY(.7)}}@keyframes marquee{to{transform:translateX(-40%)}}
@media(min-width:1700px){.section{padding-inline:calc((100vw - 1500px)/2)}.hero{padding-inline:calc((100vw - 1500px)/2)}}@media(max-width:1150px){nav{gap:15px;font-size:12px}.nav-actions .small{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:80px}.hero-copy{width:55%}.hero-caption{flex-direction:column;align-items:start;gap:10px}.contact{gap:5vw}}@media(max-width:800px){header{height:74px;padding:0 22px}.brand{width:135px}.nav-actions{margin-inline-start:auto}.menu{display:block!important;font-size:24px!important}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0a1223;padding:25px;flex-direction:column;align-items:stretch;font-size:17px;gap:20px}nav.open{display:flex}.hero{min-height:900px;display:block;padding:65px 24px 40px}.hero-copy{width:100%}.hero h1,html[lang=en] .hero h1{font-size:68px}.lead{font-size:18px;max-width:500px}.hero-actions{gap:20px}.hero-caption{margin-top:25px;flex-direction:row;flex-wrap:wrap}.cosmos{width:450px;max-width:110%;height:400px;top:auto;bottom:0;left:calc(50% - 225px)!important;right:auto!important;opacity:.85}.space-label{font-size:8px}.scroll-cue{bottom:20px;z-index:3}.section{padding:75px 24px}.section-heading,.about-grid,.contact{display:grid;grid-template-columns:1fr;gap:28px}.about-grid h2{max-width:100%}.vision-grid{gap:30px;margin-top:40px}.vision-grid h3{font-size:24px}.body-large{font-size:21px}.section-heading p{max-width:100%}.service-card{padding:23px 20px;min-height:280px}.service-card h3{font-size:22px}.steps{overflow-x:auto;justify-content:start;gap:25px;margin-top:30px}.step{min-width:100px}.step-detail{grid-template-columns:1fr;gap:20px;min-height:210px;padding:30px 0}.quality{grid-template-columns:1fr;gap:30px;padding:25px}.concepts{grid-template-columns:1fr;gap:40px}.mock{height:300px}.careers{margin:0 24px;padding:35px 25px;display:block}.careers .button{margin-top:30px}.careers h2{font-size:29px}.contact{gap:45px}.footer-top{flex-wrap:wrap}.footer-top p{font-size:9px;letter-spacing:1px}.footer-bottom{flex-wrap:wrap;font-size:11px}.engagement{margin-top:30px}.intro-center{width:95vw}.intro-center>p{font-size:8px;letter-spacing:3px}h2{font-size:36px}.insight summary{font-size:21px}.hero-actions .button{padding:13px 18px}.vision-grid{grid-template-columns:1fr}.reveal{transform:translateY(12px)}}@media(max-width:390px){.hero h1,html[lang=en] .hero h1{font-size:57px}.field-row{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.hero-actions{gap:15px;font-size:14px}.cosmos{width:380px;left:calc(50% - 190px)!important}#industry-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.orbit ellipse{stroke-dashoffset:0}.reveal{opacity:1;transform:none}.intro{display:none}}
/* Light identity: approved pearl surfaces, navy typography and blue accents. */
body{background:#fff;color:#0a1b4d}header{background:#ffffffed;border-color:#e3e9f2}p{color:#61708a}.section-label{color:#64738b}.button{color:#fff}#language{border-color:#d5deec}.hero{background:radial-gradient(ellipse at 15% 50%,#dfeaff88,transparent 60%),#fff}.hero-grid{background-image:linear-gradient(#5976ad09 1px,transparent 1px),linear-gradient(90deg,#5976ad09 1px,transparent 1px)}.eyebrow{color:#677b9c}.hero-caption{color:#667b9d}.text-link{border-color:#aebdd4}.ticker{background:#f3f6fb;border-color:#e1e8f2}.ticker>div{color:#486181}.body-large{color:#223a60}.vision-grid{border-color:#d8e1ed}.values span{color:#4d6382;border-color:#d9e3ef;background:#f8faff}.services{background:#f4f7fc}.service-grid{border-color:#d5dfed}.service-card{border-color:#d5dfed}.service-card:hover{background:#e8f0ff}.service-card .number{color:#667f9f}.service-icon{color:#0b5cff}.service-card p{color:#667895}.steps{border-color:#d3dfed}.step{color:#667b99}.step.active{color:#0a1b4d}.quality{background:#f5f8ff;border-color:#d8e3f3}.quality small{color:#6b7d98}.standards span{border-color:#c4d4eb;color:#38577f;background:white}.industries{background:linear-gradient(130deg,#eef4ff,#fff)}#industry-list span{border-color:#d8e3ef}.insight{border-color:#d9e2ee}.insight:last-child{border-color:#d9e2ee}.careers{background:#edf3ff;color:#0a1b4d;border-color:#0b5cff}.careers p{color:#5f7292}.button.outline{color:#0a1b4d;border-color:#b6c9e7}.button.outline:hover{background:#dce8ff}.engagement{border-color:#d7e0ec}.engagement small{color:#6b7f9d}.form-top{border-color:#d6e0ee}label>span{color:#40577a}input,select,textarea{background:#f8faff;color:#0a1b4d;border-color:#cfdbea}select option{background:white}.form-note{background:#fff7ef;color:#8d552c}.privacy-link{color:#42628f}footer{background:#f3f6fb;border-color:#dae4f1}.footer-top p{color:#4a6081}.footer-bottom{border-color:#d9e2ee;color:#607493}.intro{background:#fff}.intro-center>p{color:#526788}.load-line{background:#dae3ee}.skip{color:#6b7e9c}.orbit{filter:drop-shadow(0 0 3px #587abc77)}dialog{background:white;color:#0a1b4d;border-color:#c8d8ee;box-shadow:0 25px 100px #0a1b4d33}dialog ul,dialog .review{color:#435c80}.close{color:#657a99}.wordmark img{mix-blend-mode:normal}.wordmark img.pearl{display:none}.wordmark img{position:static;width:100%;height:100%;object-fit:contain}.orbital-brand .wordmark{width:70%}.cosmos .space-label{color:#59759f}.cosmos .planet{box-shadow:inset -9px 9px 20px #418fff66,inset -2px 3px 3px #b8dcff,10px -12px 70px #0b5cff18}.saturn{border-color:#7c96bb;box-shadow:0 -2px 3px #fff,0 -3px 20px #0b5cff22,inset 0 -1px 3px #7394c1}.planet-line{border-color:#829ec844}.star-field{opacity:.4}.scroll-cue{color:#6b7e9b}.intro .orbit ellipse{stroke:#8198bb}.intro .orbit circle{fill:#a7bbd6;stroke:white;stroke-width:2}@media(max-width:800px){nav{background:#f8faff;border-bottom:1px solid #dbe5f2}}
header .brand,footer .brand{position:relative;padding:7px 0}header .brand:after,footer .brand:after{content:'';position:absolute;left:-7%;top:20%;width:114%;height:58%;border:1px solid #9fb2cd88;border-radius:50%;transform:rotate(-12deg);pointer-events:none;animation:brand-ring 8s ease-in-out infinite}header .brand:before,footer .brand:before{content:'';width:5px;height:5px;background:#a8b9d0;border-radius:50%;position:absolute;left:8%;bottom:15%;z-index:1}@keyframes brand-ring{50%{transform:rotate(-7deg);border-color:#a7c1e7}}
button:disabled{opacity:.6;cursor:wait}.work .tiny{color:#63738f}

/* Pearl studio — coordinated blue, silver and warm orange surfaces. */
:root{--ink:#0a1b4d;--blue:#0b5cff;--orange:#ff7a2e;--line:#dce6f4}
.hero{isolation:isolate;background:radial-gradient(ellipse at 12% 48%,#e4edff 0,transparent 53%),radial-gradient(ellipse at 70% 90%,#fff2e8,transparent 43%),#fff}
.hero:before{content:'';position:absolute;width:46vw;height:46vw;left:0;top:12%;border-radius:50%;background:radial-gradient(circle,#cadaff88,transparent 67%);filter:blur(20px);animation:ambient-drift 14s ease-in-out infinite alternate;z-index:-1}
.cosmos .planet{background:radial-gradient(circle at 32% 22%,white 0,#eff5ff 19%,#b8d0ff 44%,#527ee2 70%,#153b93 95%);box-shadow:inset 8px 8px 32px #fff,inset -16px -18px 40px #2454b85e,0 35px 90px #0b5cff24;animation:pearl-breathe 9s ease-in-out infinite}.planet:after{background:repeating-linear-gradient(23deg,transparent 0 22px,#fff3 23px 24px);opacity:.45}.saturn{border-color:#819cd899;box-shadow:0 -2px 4px white,0 7px 20px #608ee32e,inset 0 -1px 3px #aabde3}.satellite{background:radial-gradient(circle at 30% 20%,#fff,#ffe0c7 35%,#ff7a2e 80%)}.planet-line{border-style:solid;border-color:#b5c9ec50}.cross,.star-field{display:none}.ticker{background:linear-gradient(90deg,#f0f5ff,#fff8f2,#f0f5ff)}.ticker b{display:inline-block;width:42px;height:1px;vertical-align:middle;background:linear-gradient(90deg,#b8cdf5,#ffb889);margin-inline:35px}
.section{position:relative}.section-label span:first-child{color:#516a92}.about{background:radial-gradient(ellipse at 95% 80%,#edf3ff80,transparent 55%)}.vision-grid{border:0;gap:24px;padding-top:20px}.vision-grid article{border:1px solid var(--line);border-radius:24px;padding:32px;background:linear-gradient(135deg,#fff,#f4f8ff);box-shadow:0 15px 40px #183d7410}.vision-grid article:last-child{background:linear-gradient(135deg,#fff,#fff5ec)}.values span{background:white;box-shadow:0 5px 14px #163e7410}
.services{background:radial-gradient(ellipse at 0 0,#dfeaff88,transparent 50%),linear-gradient(150deg,#f6f9ff,#fff 65%,#fff4eb)}.service-grid{border:0;gap:18px}.service-card{border:1px solid #dce6f4;border-radius:22px;padding:25px;min-height:315px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 8px 26px #173e7510;overflow:hidden;isolation:isolate;transition:transform .45s,box-shadow .45s,border-color .45s,background .45s}.service-card:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 20%,#d9e7ffb0,transparent 63%);opacity:.35;transition:opacity .45s}.service-card:hover,.service-card:focus-visible{transform:translateY(-7px);background:white;border-color:#9bbcff;box-shadow:0 22px 40px #1d4a901c}.service-card:hover:before{opacity:1}.service-card:nth-child(3n):before{background:radial-gradient(circle at 80% 20%,#ffe1c8b0,transparent 63%)}.service-card h3{font-size:22px}.service-card p{padding-bottom:0}.service-art{position:relative;display:block;width:76px;height:67px;margin:22px 0}.service-art i{position:absolute;width:43px;height:43px;border-radius:12px;border:1px solid #abc5f8;background:linear-gradient(135deg,#fff9,#8eb4ff99);box-shadow:4px 7px 13px #124fa017;transform:rotate(-15deg);transition:transform .6s}.service-art i:nth-child(2){left:18px;top:10px;background:linear-gradient(135deg,#ffffffdd,#c7d9ff88);backdrop-filter:blur(4px)}.service-art i:nth-child(3){left:36px;top:23px;width:25px;height:25px;border-color:#f7bb91;background:linear-gradient(135deg,#fff4e5,#ff9d5f)}.service-card:hover .service-art i:first-child{transform:translateY(-5px) rotate(-25deg)}.service-card:hover .service-art i:nth-child(2){transform:translateY(3px) rotate(6deg)}.art-2 i,.art-5 i{border-radius:50%}.art-3 i,.art-7 i{border-radius:7px 19px 7px 19px}.art-4 i{transform:rotate(12deg)}
.step-detail{border-radius:0 0 22px 22px;background:linear-gradient(120deg,#f5f8ff,white);padding:35px;margin-bottom:30px}.quality{border-radius:22px;background:linear-gradient(115deg,#f3f7ff,#fff9f3);box-shadow:0 12px 35px #12366a08}
.work{background:#fff}.concepts{gap:30px}.concepts article{min-width:0;padding:14px 14px 28px;border:1px solid #e1e8f2;border-radius:30px;background:linear-gradient(150deg,#fff,#f8faff);box-shadow:0 18px 55px #173e7510}.concepts article>h3,.concepts article>p,.concepts article>.tiny,.concepts article>.text-link{margin-inline:16px}.concepts article>h3{line-height:1.45}.mock{height:370px;border-radius:20px;isolation:isolate;background:radial-gradient(ellipse at 25% 25%,#fff 0,#e3edff 48%,#cbdcf9 100%)}.mock:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#ffffff60 47%,transparent 65%);transform:translateX(-120%);animation:scene-sheen 12s ease-in-out infinite}.mobile-mock{background:radial-gradient(ellipse at 70% 20%,white,#f5e7da 49%,#e2eaff 100%)}.scene-halo{position:absolute;inset:30px 12%;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 26px #ffffff20,0 0 0 65px #ffffff15;transform:rotate(-20deg);animation:ambient-drift 12s ease-in-out infinite alternate}.dashboard{padding:36px}.mock-main{width:88%;background:#ffffffdf;border:1px solid white;padding:24px;border-radius:16px;box-shadow:12px 24px 40px #285ca42b;transform:perspective(900px) rotateY(-12deg) rotateX(8deg);animation:dashboard-float 8s ease-in-out infinite}.mock-heading{display:flex;align-items:center;justify-content:space-between;font:600 12px Arial;color:#26456f;margin-bottom:18px}.mock-avatar{border-radius:50%;background:#0b5cff;color:white;padding:6px 8px;font-size:10px}.mock-line{background:#d0def1;height:6px}.mini-cards b{background:linear-gradient(145deg,#eff5ff,#deeaff);color:#2454a8;padding:14px 5px;border:1px solid #d2e1f9;border-radius:9px}.mini-cards b:nth-child(2){background:#fff0e3;color:#ae551f;border-color:#ffe0c4}.bars{gap:9px}.bars i{border-radius:5px 5px 1px 1px;background:linear-gradient(#0b5cff,#9dc0ff);box-shadow:inset 1px 0 0 #fff6}.bars i:nth-child(3n){background:linear-gradient(#ff8b47,#ffd5b9)}.glass-note{position:absolute;z-index:3;background:#fffffff0;border:1px solid white;border-radius:13px;padding:14px 18px;box-shadow:0 12px 26px #284e8b20;backdrop-filter:blur(10px);animation:note-drift 7s ease-in-out infinite}.glass-note>span{display:block;font:8px Arial;letter-spacing:1.5px;color:#6b7e9d;margin-bottom:7px}.glass-note strong{font:600 15px Arial;color:#18396c}.note-top{top:24px;left:22px}.note-top i{display:block;width:65%;height:4px;background:linear-gradient(90deg,#0b5cff,#adcaff);border-radius:10px;margin-top:11px}.note-bottom{bottom:20px;right:20px;animation-delay:-3s;min-width:125px}.note-bottom strong{font-size:26px}.note-bottom strong span{font-size:14px}.sparkline{height:18px;width:80px;background:linear-gradient(90deg,#ffb985,#ff7a2e);clip-path:polygon(0 88%,20% 55%,38% 70%,62% 22%,77% 32%,100% 0,100% 17%,77% 49%,62% 39%,38% 87%,20% 72%,0 100%)}.phone{width:150px;height:280px;left:calc(50% - 75px);top:45px;border:5px solid #fff;background:linear-gradient(165deg,#fff,#eff5ff);box-shadow:15px 25px 40px #6b78a637,inset 0 0 0 1px #bed0e9;animation:phone-float 9s ease-in-out infinite}.phone>span{color:#17365c;font-weight:700}.phone-sphere{height:90px;width:90px;background:radial-gradient(circle at 30% 20%,#fff,#b9d1ff 30%,#0b5cff 75%,#0a1b4d);box-shadow:0 12px 20px #0b5cff25;animation:pearl-breathe 7s ease-in-out infinite}.phone-button{background:linear-gradient(100deg,#0b5cff,#6094ff)}.phone-orbit{border-color:#9aafe0;box-shadow:0 2px 0 #fff9;animation:float 10s ease-in-out infinite}.mobile-note{left:20px;bottom:37px;width:165px;animation-delay:-2s}.mobile-note strong{font-size:13px}.mobile-note .mock-line{margin:12px 0 0}.floating-swatch{position:absolute;right:25px;top:30px;padding:12px;background:#ffffffb8;border:1px solid white;border-radius:40px;display:flex;gap:6px;box-shadow:0 8px 24px #667ca321;animation:note-drift 8s ease-in-out infinite}.floating-swatch i{width:16px;height:16px;background:#0b5cff;border-radius:50%}.floating-swatch i:nth-child(2){background:#ff7a2e}.floating-swatch i:nth-child(3){background:#0a1b4d}
#industry-list{gap:12px}#industry-list span{padding:18px;border:1px solid #dce6f2;border-radius:13px;background:#ffffffb8;box-shadow:0 7px 15px #153e7006}#industry-list span:before{content:none}.insight{border:1px solid #dce6f2;border-radius:17px;padding:25px 28px;margin-bottom:14px;background:linear-gradient(110deg,#fff,#f7faff);transition:background .3s,box-shadow .3s}.insight:last-child{border:1px solid #dce6f2}.insight summary:after{content:none}.insight summary::-webkit-details-marker{display:none}.insight summary:hover{color:#0b5cff}.insight[open]{background:#f1f6ff;box-shadow:0 12px 25px #0b5cff0a}.careers{border:1px solid #d8e5fa;border-radius:24px;background:radial-gradient(ellipse at 0 0,#ffeadb,transparent 50%),linear-gradient(120deg,#eef4ff,#f9fbff)}
.contact{background:radial-gradient(ellipse at 85% 60%,#e5eeff99,transparent 48%),radial-gradient(ellipse at 20% 80%,#fff1e7,transparent 44%),#fff;align-items:start}.contact-copy{padding-top:24px}#request-form{min-width:0;border:1px solid #dee7f4;border-radius:26px;padding:35px;background:linear-gradient(145deg,#ffffffed,#f7faffec);box-shadow:0 25px 70px #214b8715,inset 0 1px 0 white;position:relative}#request-form:before{content:'';position:absolute;height:3px;inset:0 30px auto;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#c7d9ff,#0b5cff 40%,#ff7a2e 85%,#ffe1ca)}input:not([type=checkbox]),select,textarea{border-radius:11px;background:#ffffffdb;border-color:#d6e2f1;box-shadow:inset 0 2px 4px #183c7503;transition:border-color .25s,box-shadow .25s,background .25s}input:not([type=checkbox]):hover,select:hover,textarea:hover{border-color:#aac3ec}input:not([type=checkbox]):focus,select:focus,textarea:focus{background:#fff;border-color:#0b5cff;box-shadow:0 0 0 4px #0b5cff0c}.form-top{align-items:center}.form-note{border-radius:10px;background:linear-gradient(100deg,#fff5eb,#fffaf6);line-height:1.7}.engagement{border-radius:18px;padding:25px;background:#ffffffc9;border:1px solid #e1e8f4}.engagement small{line-height:1.9}dialog{border-radius:24px;background:radial-gradient(ellipse at 100% 0,#eaf1ff,transparent 60%),white;box-shadow:0 30px 110px #0a1b4d40}dialog[open]{animation:dialog-appear .3s ease-out}dialog::backdrop{background:#10244866;backdrop-filter:blur(9px)}
@keyframes ambient-drift{to{transform:translate(12px,-15px) rotate(-12deg)}}@keyframes pearl-breathe{50%{translate:0 -9px}}@keyframes dashboard-float{50%{transform:perspective(900px) rotateY(-6deg) rotateX(4deg) translateY(-9px)}}@keyframes note-drift{50%{translate:0 -8px}}@keyframes phone-float{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(6deg) translateY(-9px)}}@keyframes scene-sheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@keyframes dialog-appear{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(hover:hover){.mock:hover .mock-main,.mock:hover .phone,.mock:hover .glass-note{animation-play-state:paused}}
@media(max-width:1150px){.service-card{min-height:295px}.contact{gap:35px}.mock{height:340px}}
@media(max-width:800px){.vision-grid article{padding:25px}.service-grid{gap:12px}.service-card{padding:22px 18px}.concepts article{padding:10px 10px 25px}.mock{height:350px}.step-detail{padding:25px}.quality{padding:25px}.contact-copy{padding-top:0}#request-form{padding:26px 20px;border-radius:22px}.contact{gap:30px}.careers{padding:35px 25px}.insight{padding:24px 20px}.hero:before{width:90vw;height:90vw;top:auto;bottom:0}}
@media(max-width:480px){.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:25px}.service-art{margin:15px 0}.field-row{grid-template-columns:1fr;gap:0}.mock{height:310px}.dashboard{padding:30px 20px}.mock-main{width:88%;padding:20px}.glass-note{padding:11px 13px}.note-top{left:12px;top:16px}.note-bottom{right:12px;bottom:13px}.phone{top:25px;height:260px}.mobile-note{left:12px;bottom:20px;width:140px}.floating-swatch{right:15px;top:20px}.concepts article>h3{font-size:23px}#industry-list{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.mock:after{display:none}}

/* A living product studio: saturated brand fields and CSS-built app concepts. */
.hero{min-height:830px;background:radial-gradient(ellipse at 5% 10%,#b6ccff 0,transparent 50%),radial-gradient(ellipse at 85% 90%,#ffdabd 0,transparent 48%),linear-gradient(125deg,#e6edff,#f8faff 57%,#fff0e3)}.hero-copy{width:48%}.hero h1{font-size:clamp(64px,7vw,104px)}.hero-grid{opacity:.4}.hero:before{display:none}.hero .lead{color:#405777}.product-universe{position:absolute;left:0;top:50%;width:52%;height:660px;transform:translateY(-50%);direction:ltr;pointer-events:none;perspective:1200px}html[dir=ltr] .product-universe{left:auto;right:0}.universe-glow{position:absolute;inset:15% 6%;border-radius:50%;background:radial-gradient(circle at 40% 40%,#83aaffaa,#bfcfff44 60%,transparent 72%);filter:blur(18px);animation:ambient-drift 12s ease-in-out infinite alternate}.universe-ring{position:absolute;left:5%;top:12%;width:87%;height:70%;border:1px solid #ffffffbb;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 40px #ffffff18,0 0 0 80px #ffffff10}.studio-window{position:absolute;left:6%;top:90px;width:65%;height:270px;border:1px solid #ffffffdd;border-radius:15px;background:#f6f9fff5;box-shadow:0 30px 60px #2a4b922a;transform:rotate(-8deg);animation:studio-hover 11s ease-in-out infinite}.window-top{display:flex;align-items:center;gap:5px;padding:14px 17px;border-bottom:1px solid #dfe7f7;font:10px Arial;color:#47638c}.window-top b{margin-right:auto}.window-top>span{width:5px;height:5px;border-radius:50%;background:#b3c9f5}.window-top>span:last-child{background:#ff9b5a}.window-content{display:flex;height:218px;padding:18px;gap:18px}.window-sidebar{width:28px;border-right:1px solid #dce6f6;padding-right:12px}.window-sidebar i{display:block;width:13px;height:13px;border-radius:4px;background:#d1e1ff;margin-bottom:17px}.window-sidebar i:first-child{background:#0b5cff}.window-body{flex:1;min-width:0}.window-body>strong{display:block;font:700 14px Tajawal,Arial;color:#203d70}.window-metrics{display:flex;gap:10px;margin-top:16px}.window-metrics>span{font:700 23px Arial;color:#2454a8;background:#e7efff;border-radius:8px;padding:12px;flex:1}.window-metrics>span:last-child{background:#fff0e4;color:#ae5827}.window-metrics small{display:block;font:7px Arial;letter-spacing:1px;margin-top:6px}.window-chart{display:flex;height:75px;align-items:end;gap:9px;padding-top:10px}.window-chart i{height:60%;flex:1;background:linear-gradient(#0b5cff,#a1bfff);border-radius:4px 4px 0 0;transform-origin:bottom;animation:bars 5s ease-in-out infinite alternate}.window-chart i:nth-child(2n){height:90%;animation-delay:-2s}.window-chart i:nth-child(3n){height:45%;background:linear-gradient(#ff7a2e,#ffd3b0);animation-delay:-3s}.hero-device{position:absolute;width:210px}.hero-shop{left:42%;top:160px;z-index:3;transform:rotate(9deg);animation:hero-phone-a 9s ease-in-out infinite}.hero-ai{left:13%;top:265px;z-index:2;transform:rotate(-11deg) scale(.87);animation:hero-phone-b 10s ease-in-out infinite}.device{width:210px;height:405px;padding:7px;border-radius:32px;background:linear-gradient(145deg,#fff,#adc0e3 48%,#fff 65%,#9caed1);box-shadow:12px 24px 45px #163b8238,0 0 0 1px #ffffffa0;position:relative;direction:ltr}.device-screen{height:100%;border-radius:26px;overflow:hidden;background:#f9fbff;padding:15px 15px 17px;position:relative;color:#153463}.device-camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:55px;height:13px;border-radius:20px;background:#10213e}.device-status{display:flex;justify-content:space-between;font:8px Arial;margin-bottom:26px}.app-title{display:block;font:700 16px/1.35 Tajawal,Arial}.app-sub{display:block;font:10px/1.5 Tajawal,Arial;color:#687b98;margin-top:6px}.product-scene{height:133px;background:linear-gradient(145deg,#d7e7ff,#afccff);border-radius:14px;margin:15px 0;display:grid;place-items:center;position:relative;overflow:hidden}.product-scene:before{content:'';position:absolute;width:100px;height:100px;background:#eaf2ff;border-radius:50%;right:-30px;bottom:-35px}.headphones{position:relative;width:72px;height:83px;border:12px solid #2459b9;border-bottom:0;border-radius:44px 44px 15px 15px;transform:rotate(-14deg);filter:drop-shadow(7px 10px 5px #214a7b30);animation:product-turn 8s ease-in-out infinite}.headphones i,.headphones b{position:absolute;width:20px;height:42px;background:linear-gradient(90deg,#0c327d,#527ed3);top:36px;left:-16px;border-radius:8px;box-shadow:inset 2px 0 3px #9fbfff}.headphones b{left:auto;right:-16px;transform:rotate(-4deg)}.product-info{display:flex;justify-content:space-between;gap:8px;align-items:center}.product-info b{font:700 11px Tajawal,Arial}.product-info>span{font:10px Arial;white-space:nowrap}.app-chips{display:flex;gap:7px;margin-top:13px}.app-chips i{width:12px;height:12px;background:#0b5cff;border-radius:50%;box-shadow:0 0 0 2px white,0 0 0 3px #c9d8ee}.app-chips i:nth-child(2){background:#ff914d}.app-chips i:nth-child(3){background:#173566}.app-bottom{position:absolute;left:15px;right:15px;bottom:16px;background:#0b5cff;border-radius:9px;padding:9px 6px;text-align:center;color:white;font:700 11px Tajawal,Arial}.device-ai .device-screen{background:linear-gradient(160deg,#203f8e,#0a1b4d);color:white}.device-ai .app-sub{color:#b4c8f1}.ai-emblem{position:relative;height:96px;width:96px;margin:15px auto}.ai-emblem i{position:absolute;inset:10px;border:9px solid #8baeff;border-radius:24px;transform:rotate(30deg);box-shadow:0 0 25px #6b95ff40;animation:ai-turn 16s linear infinite}.ai-emblem i:nth-child(2){inset:22px;border-width:6px;border-color:#ffd3b0;animation-direction:reverse}.ai-emblem i:nth-child(3){inset:35px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 20px #b2cfff}.chat-bubble{border:1px solid #ffffff26;background:#ffffff10;border-radius:10px 10px 10px 2px;padding:10px;font:10px/1.5 Tajawal,Arial;margin-top:9px}.chat-bubble.response{display:flex;gap:4px;width:45px;padding:10px;margin-left:auto;background:#527ee988}.chat-bubble i{width:4px;height:4px;background:#d1e0ff;border-radius:50%;animation:typing 1.5s infinite}.chat-bubble i:nth-child(2){animation-delay:.2s}.chat-bubble i:nth-child(3){animation-delay:.4s}.task-row{font:9px Tajawal,Arial;margin-top:12px;display:flex;gap:7px;align-items:center;color:#cad9fb}.task-row b{width:6px;height:6px;border-radius:50%;background:#ff9d5f}.device-ai .app-bottom{background:#dce7ff;color:#163c83}.universe-label{position:absolute;z-index:4;background:#ffffffdc;box-shadow:0 12px 30px #244e8d17;border:1px solid white;border-radius:12px;padding:15px 18px;font:700 12px Tajawal,Arial;backdrop-filter:blur(12px);animation:note-drift 8s ease-in-out infinite}.label-design{left:15%;top:57px}.label-connect{right:7%;bottom:45px;display:flex;align-items:center;gap:8px;animation-delay:-3s}.label-connect i{width:8px;height:8px;background:#ff7a2e;border-radius:50%}.color-cube{position:absolute;right:8%;top:105px;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#ffd9b7,#ff7a2e);transform:rotate(25deg);box-shadow:8px 12px 24px #ff7a2e30;animation:note-drift 7s ease-in-out infinite}
.ticker{background:#0a1b4d;border:0;padding:26px 0}.ticker>div{color:#c7d7fb}.ticker b{background:#ff9a59}.about{background:linear-gradient(130deg,#f1f5ff,#fff8f0)}.vision-grid article{background:#e5eeff;border-color:#c8dafa}.vision-grid article:last-child{background:#ffe9d8;border-color:#ffdbbf}.values span{background:#ffffffbb}.services{background:radial-gradient(ellipse at 0 10%,#7fa6ff44,transparent 50%),linear-gradient(140deg,#e1eaff,#edf3ff 60%,#ffdfc6)}.service-card{background:linear-gradient(150deg,#ffffffee,#e9f0ff);border-color:#c4d7f8}.service-card:nth-child(3n){background:linear-gradient(145deg,#fff9f2,#ffe5cf);border-color:#f7d2b4}.service-card:nth-child(4n){background:linear-gradient(150deg,#183c8b,#0a1b4d);color:white;border-color:#2b5193}.service-card:nth-child(4n) p,.service-card:nth-child(4n) .number{color:#c6d6f8}.service-card:nth-child(4n):hover{background:#173b86}.process{background:linear-gradient(170deg,#fff,#edf2ff)}.quality{background:linear-gradient(115deg,#dae7ff,#fff0e3)}.work{background:linear-gradient(155deg,#e5edff,#f5f8ff 60%,#ffe9d7)}.concepts article{background:#ffffffd9;border-color:#fff}.mock{background:radial-gradient(ellipse at 25% 25%,#e8f1ff,#b2ccff 65%,#729bf0)}.mobile-mock{background:radial-gradient(ellipse at 65% 25%,#ffead7,#ffc99e 50%,#bdcfff)}
.app-gallery{background:#0a1b4d;color:white;overflow:hidden;isolation:isolate}.app-gallery:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 10%,#2757aa66,transparent 50%),radial-gradient(ellipse at 95% 90%,#b45a3530,transparent 48%)}.app-gallery .section-label,.app-gallery .section-label span:first-child,.app-gallery .section-heading p{color:#b9ccef}.app-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-story{border:1px solid #ffffff24;border-radius:26px;overflow:hidden;background:#ffffff08}.app-stage{height:440px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;background:linear-gradient(145deg,#618fee,#b1caff)}.story-booking .app-stage{background:linear-gradient(145deg,#ff9e5c,#ffe3c9)}.story-ai .app-stage{background:linear-gradient(145deg,#4c6bb7,#a9bbee)}.app-stage .device{transform:rotate(-8deg) scale(.88);animation:gallery-device 9s ease-in-out infinite}.story-booking .device{animation-delay:-3s}.story-ai .device{animation-delay:-6s}.stage-disc{position:absolute;width:270px;height:270px;background:#ffffff22;border:1px solid #ffffff55;border-radius:50%;z-index:-1;box-shadow:0 0 0 32px #ffffff10,0 0 0 65px #ffffff08}.app-story-copy{padding:25px 25px 30px}.app-story-copy h3{font-size:23px;line-height:1.4}.app-story-copy p{font-size:15px;color:#b7c9ed;margin-top:12px}.device-booking .device-screen{background:#fff8f1}.booking-art{height:125px;position:relative;overflow:hidden;margin:16px 0;background:linear-gradient(#f6ca9e,#fff0d6);border-radius:13px}.sun-disc{position:absolute;top:14px;right:26px;background:#fff6df;border-radius:50%;width:36px;height:36px;box-shadow:0 0 25px #fff7ce}.dune{position:absolute;width:220px;height:110px;border-radius:50%;background:linear-gradient(170deg,#d8905a,#a25232);left:-75px;top:72px;transform:rotate(-18deg)}.dune-two{left:40px;top:60px;transform:rotate(28deg);background:linear-gradient(180deg,#f3b573,#cc7648)}.booking-art>span{position:absolute;left:12px;bottom:13px;color:white;font:8px Arial;letter-spacing:2px}.week-strip{display:flex;justify-content:space-between;align-items:center;font:11px Arial;color:#82583d}.week-strip>*{padding:8px}.week-strip b{background:#ff7a2e;color:white;border-radius:8px}.appointment{margin-top:14px}.appointment b{display:block;font:700 11px Tajawal,Arial}.appointment>span{display:block;font:9px Arial;margin-top:5px;color:#9d7757}.device-booking .app-bottom{background:#e46c28}
.industries{background:linear-gradient(135deg,#ffeddf,#e6eeff)}#industry-list span{background:#ffffffbf;border-color:#fff}.insights{background:linear-gradient(135deg,#f6f8ff,#e6eeff)}.insight{background:#ffffffb8}.careers{background:linear-gradient(110deg,#ffccab,#ffe7d4 45%,#c3d5ff);border:0}.contact{background:radial-gradient(ellipse at 90% 60%,#b4ceff80,transparent 58%),radial-gradient(ellipse at 10% 70%,#ffcea9a0,transparent 50%),#f2f6ff}footer{background:#0a1b4d;color:white;border:0}.footer-top p,.footer-bottom,.footer-top button{color:#b8cbed}.footer-bottom{border-color:#ffffff20}footer .brand{background:white;border-radius:9px;padding:7px 10px}footer .brand:before,footer .brand:after{display:none}
@keyframes studio-hover{50%{transform:translateY(-12px) rotate(-5deg)}}@keyframes hero-phone-a{50%{transform:translateY(-16px) rotate(5deg)}}@keyframes hero-phone-b{50%{transform:translateY(10px) rotate(-7deg) scale(.87)}}@keyframes gallery-device{0%,100%{transform:translateY(4px) rotate(-8deg) scale(.88)}50%{transform:translateY(-8px) rotate(3deg) scale(.88)}}@keyframes product-turn{50%{transform:rotate(5deg) translateY(-4px)}}@keyframes ai-turn{to{transform:rotate(390deg)}}@keyframes typing{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@media(min-width:1700px){.product-universe{width:48%;max-width:790px}}
@media(max-width:1150px){.hero-copy{width:48%}.hero h1{font-size:76px}.hero-device{scale:.88;transform-origin:top left}.hero-shop{left:42%;top:195px}.hero-ai{left:10%;top:280px}.studio-window{width:79%;left:4%}.label-connect{bottom:70px;right:4%}.app-showcase{gap:16px}.app-story-copy{padding:23px 18px}.app-story-copy h3{font-size:21px}}
@media(max-width:800px){.hero{padding:55px 24px 0;min-height:0;display:flex;flex-direction:column;align-items:stretch}.hero-copy{width:100%}.hero h1,html[lang=en] .hero h1{font-size:clamp(58px,10vw,76px)}.hero-caption{margin-top:25px}.product-universe,html[dir=ltr] .product-universe{position:relative;left:auto;right:auto;top:auto;transform:none;width:min(100%,520px);height:590px;margin:20px auto 0}.hero-device{scale:.95}.hero-shop{left:44%;top:150px}.hero-ai{left:12%;top:230px}.studio-window{top:65px;left:5%;width:72%}.label-design{top:25px;left:9%}.label-connect{bottom:35px;right:7%}.color-cube{right:6%;top:68px}.scroll-cue{display:none}.app-showcase{grid-template-columns:1fr}.app-story{display:grid;grid-template-columns:1fr 1fr;align-items:center}.app-stage{height:380px}.app-stage .device{scale:.88}.app-story-copy{padding:25px}.app-story-copy h3{font-size:26px}}
@media(max-width:480px){.product-universe,html[dir=ltr] .product-universe{height:500px;margin-top:25px;width:100%}.hero-device{scale:.74}.hero-shop{left:42%;top:145px}.hero-ai{left:5%;top:205px}.studio-window{height:235px;width:84%;left:0;top:65px}.window-content{height:184px;padding:14px;gap:12px}.window-metrics>span{font-size:19px;padding:9px}.window-chart{height:54px}.window-body>strong{font-size:12px}.label-design{left:3%;top:25px;font-size:10px;padding:10px 13px}.label-connect{right:1%;bottom:22px;font-size:10px;padding:11px 13px}.color-cube{width:32px;height:32px;right:1%;top:83px}.app-story{display:block}.app-stage{height:390px}.app-stage .device{scale:1}.app-story-copy h3{font-size:25px}.hero-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Intro runs on every page entry, including reduced-motion visits. */
body.intro-active{overflow:hidden}
@media(prefers-reduced-motion:reduce){.intro{display:flex}.intro .orbit animateMotion{display:none}}