:root{--navy:#090b29;--navy2:#12153b;--purple:#7838ff;--violet:#a36bff;--ink:#11132f;--muted:#686b83;--line:#e7e7f0;--white:#fff;--soft:#f7f7fb;--radius:28px;--shadow:0 24px 70px rgba(10,12,42,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;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='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,20,50,.07)}.nav{height:82px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:25px;font-weight:800;direction:ltr}.brand img{width:42px;height:42px;object-fit:cover;border-radius:12px}.brand>span>span{color:var(--purple)}.nav-links{display:flex;gap:32px;font-weight:600;color:#4f5169}.nav-links a{position:relative;padding:12px 0}.nav-links a:after{content:"";position:absolute;bottom:5px;right:0;width:0;height:2px;background:var(--purple);transition:.25s}.nav-links a:hover:after{width:100%}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:700;border-radius:14px;transition:.25s}.nav-cta{color:white;background:var(--ink);padding:13px 22px}.nav-cta:hover{background:var(--purple);transform:translateY(-2px)}.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:820px;padding:155px 0 80px;position:relative;background:linear-gradient(145deg,#fff 5%,#f8f6ff 55%,#fff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:590px}.eyebrow,.kicker{color:var(--purple);font-weight:800;font-size:14px;letter-spacing:.02em}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow span{width:28px;height:2px;background:var(--purple)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(50px,6vw,83px);line-height:1.06;letter-spacing:-3px;margin-bottom:26px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--purple),#4d31db);background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:19px;line-height:1.9;color:var(--muted);max-width:610px;margin-bottom:32px}.hero-actions{display:flex;gap:12px}.button{padding:17px 25px}.button.primary{background:var(--purple);color:white;box-shadow:0 14px 34px rgba(120,56,255,.25)}.button.primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(120,56,255,.35)}.button.secondary{border:1px solid var(--line);background:white}.button.secondary:hover{border-color:var(--purple);color:var(--purple)}.hero-proof{display:flex;gap:42px;margin-top:50px;padding-top:28px;border-top:1px solid var(--line)}.hero-proof div{display:flex;flex-direction:column;gap:4px}.hero-proof strong{font-size:16px}.hero-proof span{color:var(--muted);font-size:13px}
.hero-visual{height:530px;position:relative;display:grid;place-items:center}.hero-orb{position:absolute;border-radius:50%;filter:blur(5px)}.orb-one{width:440px;height:440px;background:rgba(122,60,255,.1);top:100px;left:-250px}.orb-two{width:240px;height:240px;background:rgba(55,79,255,.08);right:-80px;bottom:20px}.visual-ring{position:absolute;border-radius:50%;border:1px solid rgba(120,56,255,.14)}.ring-one{width:430px;height:430px}.ring-two{width:350px;height:350px;border-style:dashed;animation:spin 30s linear infinite}.logo-stage{width:275px;height:275px;border-radius:42px;background:#fff;box-shadow:0 35px 100px rgba(32,24,90,.18);padding:12px;transform:rotate(-3deg);z-index:2}.logo-stage img{width:100%;height:100%;object-fit:cover;border-radius:32px}.float-card{position:absolute;display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);padding:14px 17px;border-radius:17px;z-index:3;font-weight:700}.float-card i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eee9ff;color:var(--purple);font-style:normal;font-size:20px}.float-card span{display:flex;flex-direction:column}.float-card small{font-weight:500;color:var(--muted);margin-top:3px}.card-app{top:65px;right:0}.card-system{bottom:62px;left:4px}.code-chip{position:absolute;bottom:15px;right:68px;font-size:11px;letter-spacing:.14em;color:#898aa0;direction:ltr}@keyframes spin{to{transform:rotate(360deg)}}
.section{padding:115px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-head h2,.about-copy h2,.contact h2{font-size:clamp(39px,5vw,62px);line-height:1.12;letter-spacing:-2px;margin:12px 0 0}.section-head>p{max-width:440px;line-height:1.9;color:var(--muted);font-size:17px;margin:0}.services{background:var(--navy);color:#fff}.services .section-head>p{color:#a7a9c0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{position:relative;padding:36px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:rgba(255,255,255,.045);min-height:300px;transition:.35s;overflow:hidden}.service-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--purple);filter:blur(90px);opacity:0;left:-30px;bottom:-50px;transition:.35s}.service-card:hover{transform:translateY(-7px);border-color:rgba(161,106,255,.6);background:rgba(255,255,255,.07)}.service-card:hover:before{opacity:.35}.service-card.featured{background:linear-gradient(135deg,rgba(120,56,255,.23),rgba(255,255,255,.055));border-color:rgba(142,87,255,.35)}.service-card .num{position:absolute;left:28px;top:24px;color:#666987;font-weight:700}.service-card .icon{font-size:29px;width:59px;height:59px;display:grid;place-items:center;background:rgba(130,70,255,.16);color:#b892ff;border-radius:17px;margin-bottom:52px}.service-card h3{font-size:25px;margin-bottom:12px}.service-card p{color:#aaaec8;line-height:1.8;max-width:500px}.tag{font-size:12px;color:#9b76ff;letter-spacing:.06em;direction:ltr;display:inline-block}
.work{background:var(--soft)}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{height:410px;border-radius:var(--radius);padding:30px;color:#fff;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 15px 40px rgba(16,17,47,.12);transition:.35s}.project:hover{transform:translateY(-8px)}.project-top{display:flex;justify-content:space-between;font-size:13px;position:relative;z-index:2}.project-top span{padding:7px 12px;background:rgba(255,255,255,.12);border-radius:20px}.project h3{font-size:33px;margin-bottom:8px;position:relative;z-index:2}.project p{line-height:1.75;color:rgba(255,255,255,.73);position:relative;z-index:2}.project-dark{background:linear-gradient(145deg,#1e204e,#080a26)}.project-violet{background:linear-gradient(145deg,#8d4cff,#4a1dbe)}.project-blue{background:linear-gradient(145deg,#2f59c7,#172665)}.project-symbol{position:absolute;left:-17px;bottom:-85px;font:900 260px/1 Arial;color:rgba(255,255,255,.06);transform:rotate(-9deg)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-panel{height:510px;background:var(--navy);border-radius:36px;position:relative;display:grid;place-items:center;overflow:hidden;color:#fff}.about-panel:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#6f35ff;filter:blur(100px);opacity:.5;bottom:-120px;right:-80px}.mini{position:absolute;top:28px;right:30px;font-size:11px;letter-spacing:.18em;color:#878aa8;direction:ltr}.pulse-logo{width:235px;height:235px;padding:8px;background:white;border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.03),0 0 0 38px rgba(255,255,255,.025);z-index:2}.pulse-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.location{position:absolute;bottom:32px;right:32px;z-index:2;font-size:14px;color:#b8bad0}.about-copy>p{font-size:18px;color:var(--muted);line-height:2;margin:28px 0}.about-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:14px;font-weight:600}.about-copy li{display:flex;gap:12px}.about-copy li span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eee7ff;color:var(--purple);font-size:13px}
.contact{padding-top:45px}.contact-box{background:linear-gradient(125deg,#6f30ec,#8f4dff);color:#fff;border-radius:38px;padding:65px 70px;display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:60px;position:relative;overflow:hidden}.contact-box:after{content:"+";position:absolute;left:25px;top:-115px;font:800 300px Arial;color:rgba(255,255,255,.055)}.kicker.light{color:#d9c8ff}.contact h2{margin-bottom:0}.contact-side{position:relative;z-index:2}.contact-side p{line-height:1.8;color:#eee5ff;font-size:17px}.button.white{background:#fff;color:var(--ink);margin:9px 0 14px}.contact-side>span{display:block;font-size:13px;color:#d5c5ff;direction:ltr;text-align:right}footer{padding:34px 0}.footer-inner{display:flex;align-items:center;gap:30px;color:#777a90;font-size:13px}.footer-brand{margin-left:0}.footer-inner p{margin:0 auto 0 0}.footer-inner>div{direction:rtl}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:900px){.nav{height:72px}.nav-links,.nav-cta{display:none}.menu-button{display:block}.nav-links.open{display:flex;position:absolute;top:72px;right:20px;left:20px;background:#fff;box-shadow:var(--shadow);border-radius:18px;padding:18px;flex-direction:column;gap:4px}.brand{margin-left:auto}.hero{padding-top:115px}.hero-grid{grid-template-columns:1fr;gap:20px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{letter-spacing:-2px}.hero-visual{height:440px}.hero-proof{justify-content:center}.section-head{align-items:flex-start;flex-direction:column}.service-grid,.about-grid{grid-template-columns:1fr}.projects{grid-template-columns:1fr 1fr}.about-grid{gap:45px}.contact-box{grid-template-columns:1fr}.contact-side>span{text-align:right}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.hero{min-height:auto;padding-bottom:55px}.hero h1{font-size:46px}.hero-copy>p{font-size:17px}.hero-actions{width:100%;flex-direction:column}.button{width:100%}.hero-proof{gap:18px;width:100%}.hero-proof div{flex:1}.hero-visual{height:385px}.logo-stage{width:210px;height:210px;border-radius:32px}.visual-ring.ring-one{width:325px;height:325px}.visual-ring.ring-two{width:270px;height:270px}.float-card{font-size:13px;padding:11px}.float-card i{width:34px;height:34px}.card-app{right:0;top:45px}.card-system{left:0;bottom:55px}.section{padding:80px 0}.section-head h2,.about-copy h2,.contact h2{font-size:39px}.service-grid,.projects{grid-template-columns:1fr}.service-card{padding:28px;min-height:285px}.project{height:350px}.about-panel{height:400px}.pulse-logo{width:190px;height:190px}.contact{padding-top:15px}.contact-box{padding:42px 25px;border-radius:27px;gap:28px}.footer-inner{flex-direction:column;text-align:center;gap:15px}.footer-inner p{margin:0}.footer-brand{margin:0}.code-chip{right:50%;transform:translateX(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ring-two{animation:none}}