:root{--navy:#07142d;--navy2:#0b1f45;--ink:#0b1733;--muted:#68738a;--line:#e6eaf1;--soft:#f6f8fc;--pink:#f72585;--orange:#ff6b00;--violet:#7c3aed;--cyan:#0ea5e9;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(14,26,57,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 40px));margin:auto}.site-header{height:78px;display:flex;align-items:center;border-bottom:1px solid rgba(10,22,50,.07);position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);z-index:50}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.03em}.brand img{width:45px;height:45px;object-fit:contain;border-radius:10px}.brand span{font-size:20px}.site-header nav{display:flex;align-items:center;gap:30px;font-weight:650;font-size:14px}.site-header nav a{opacity:.78;transition:.2s}.site-header nav a:hover{opacity:1}.site-header .nav-cta{padding:10px 16px;border-radius:999px;background:var(--navy);color:#fff;opacity:1}.menu-btn{display:none;background:none;border:0;font-size:25px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px;color:#7b4cff}.home-hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8faff 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;z-index:2}.home-hero h1,.page-hero h1,.project-hero h1{font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:-.06em;margin:18px 0 22px}.page-hero h1{max-width:1000px}.project-hero h1{font-size:clamp(48px,6vw,74px)}.gradient-text{background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#526078;max-width:760px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:13px;font-weight:800;border:1px solid transparent;cursor:pointer;font-size:14px}.btn.primary{background:linear-gradient(90deg,var(--pink),var(--violet));color:#fff;box-shadow:0 12px 30px rgba(124,58,237,.2)}.btn.ghost{border-color:#dfe4ee;background:#fff}.hero-stats{display:flex;gap:38px;margin-top:44px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:24px;letter-spacing:-.04em}.hero-stats span{font-size:12px;color:var(--muted)}.hero-showcase{position:relative;padding:14px;border-radius:32px;background:#fff;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-showcase img{border-radius:21px}.float-card{position:absolute;padding:10px 15px;border-radius:999px;background:#07142d;color:#fff;font-size:12px;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.18)}.fc1{top:-18px;right:28px}.fc2{bottom:-15px;left:30px;background:linear-gradient(90deg,var(--pink),var(--violet))}.hero-orb{position:absolute;border-radius:50%;filter:blur(5px);opacity:.15}.orb-a{width:420px;height:420px;background:var(--pink);right:-170px;top:30px}.orb-b{width:360px;height:360px;background:var(--cyan);left:-200px;bottom:10px}.section{padding:105px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2,.split h2,.process h2,.cta h2{font-size:clamp(34px,4vw,55px);line-height:1.07;letter-spacing:-.05em;margin:10px 0}.section-head>p{max-width:470px;color:var(--muted)}.section-head.light>p{color:#abb7cf}.section-head.light .kicker{color:#c2b4ff}.text-link{font-weight:800;color:#fff}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cap{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.cap b{color:var(--violet)}.cap h3{font-size:20px;margin:18px 0 8px}.cap p{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{overflow:hidden;border-radius:22px;background:#0e2248;border:1px solid rgba(255,255,255,.09);transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.22)}.feature-card img{aspect-ratio:16/10;object-fit:cover;width:100%;background:white}.feature-card div{padding:19px}.feature-card span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#93a5c7}.feature-card h3{font-size:22px;margin:4px 0}.feature-card p{color:#aebbd2;margin:0;font-size:13px}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.body-lg{font-size:20px;color:#56627a}.process-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.process-list>div{padding:25px;border:1px solid var(--line);border-radius:20px}.process-list span,.module-card>span{font-weight:900;color:var(--pink)}.process-list h3{font-size:22px;margin:10px 0 5px}.process-list p{margin:0;color:var(--muted)}.cta-section{padding-top:35px}.cta{border-radius:28px;background:var(--navy);color:#fff;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin-bottom:0;max-width:760px}.page-hero{padding:110px 0 70px;background:linear-gradient(180deg,#f8faff,#fff)}.portfolio-tools{position:sticky;top:78px;background:#fff;z-index:10;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:35px}.portfolio-tools input{width:100%;border:1px solid var(--line);background:var(--soft);padding:15px 18px;border-radius:14px;font:inherit;outline:none}.filters{display:flex;gap:8px;overflow:auto;padding-top:12px;scrollbar-width:none}.filter-btn{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800;cursor:pointer}.filter-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(10,25,55,.08)}.card-img{display:block;overflow:hidden;background:#f5f7fb}.card-img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:.35s}.project-card:hover .card-img img{transform:scale(1.025)}.card-body{padding:20px}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:800}.status{font-size:10px;border-radius:999px;padding:5px 9px;background:#edf2f7;color:#475569}.status.live{background:#e9fbf1;color:#148246}.status.proposed{background:#fff5e6;color:#a15b00}.status.experience{background:#f1edff;color:#6941c6}.card-body h3{font-size:22px;margin:14px 0 5px;letter-spacing:-.03em}.card-body p{font-size:13px;color:var(--muted);min-height:42px}.card-tags span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a96aa}.empty-state{display:none;text-align:center;padding:50px;color:var(--muted)}.project-hero{padding:92px 0 68px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),linear-gradient(180deg,#fbfcff,#fff)}.project-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:end}.project-number{margin-top:34px;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.meta-row{display:flex;gap:10px;align-items:center;color:#7a8499;font-size:12px}.role-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:rgba(255,255,255,.75);box-shadow:0 24px 65px rgba(11,23,51,.07)}.role-card small{display:block;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#8b96aa;margin-bottom:6px}.role-card strong{display:block;font-size:21px;line-height:1.35;margin-bottom:25px}.role-card p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split p{color:#5e6a81}.critical{margin-top:25px;border-left:3px solid var(--accent);padding-left:18px;display:flex;flex-direction:column;gap:4px}.critical span{color:#3f4b62}.deliverable-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.deliverables{list-style:none;counter-reset:item;margin:0;padding:0;display:grid;gap:10px}.deliverables li{counter-increment:item;padding:18px 18px 18px 56px;border:1px solid #e2e7f0;background:#fff;border-radius:16px;position:relative}.deliverables li:before{content:counter(item,decimal-leading-zero);position:absolute;left:18px;top:17px;font-weight:900;color:var(--accent)}.tech-panel{border-radius:22px;background:var(--navy);color:#fff;padding:28px}.tech-panel h3{font-size:24px;margin-top:0}.tech-panel p{color:#b7c2d7}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.chip{border:1px solid rgba(255,255,255,.15);padding:7px 10px;border-radius:999px;font-size:11px;color:#dbe4f3}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.module-card h3{font-size:18px;line-height:1.25}.module-card p{font-size:13px;color:var(--muted);margin-bottom:0}.gallery-section{padding-top:40px}.gallery{display:grid;gap:24px}.gallery-item{margin:0}.image-btn{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);cursor:zoom-in}.image-btn img{width:100%;height:auto}.gallery-item figcaption{padding:10px 8px;color:var(--muted);font-size:12px}.lightbox{position:fixed;inset:0;background:rgba(2,8,23,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:96vw;max-height:92vh;object-fit:contain}.lightbox-close{position:absolute;right:24px;top:18px;color:#fff;background:none;border:0;font-size:44px;cursor:pointer}.next-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:28px}.next-grid a{display:flex;flex-direction:column;gap:4px}.next-grid small{color:var(--muted)}.next-grid strong{font-size:18px}.next-right{text-align:right;align-items:flex-end}.service-list{display:grid;gap:16px}.service-block{display:grid;grid-template-columns:70px .8fr 1.2fr 1fr;gap:28px;align-items:start;padding:32px;border:1px solid var(--line);border-radius:22px}.service-block>span{font-weight:900;color:var(--pink)}.service-block h2{font-size:28px;margin:0;letter-spacing:-.04em}.service-block p{color:var(--muted);margin:0}.service-block ul{margin:0;padding-left:18px;color:#4d5970}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-panel,.contact-form{border:1px solid var(--line);border-radius:24px;padding:30px}.contact-panel{background:var(--navy);color:#fff}.contact-panel p{color:#b7c2d7}.contact-link{display:flex;flex-direction:column;padding:17px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-link span{font-size:11px;color:#9eabc2;text-transform:uppercase;letter-spacing:.1em}.contact-form{display:grid;gap:16px}.contact-form label{font-size:12px;font-weight:800}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:13px;font:inherit}.contact-form small{color:var(--muted)}.footer{background:#050d1e;color:#fff;padding:70px 0 25px;margin-top:90px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand img{background:#fff}.footer-grid p{color:#9facc3}.footer-grid h4{margin-top:0}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a{color:#c0cadc;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:20px;margin-top:45px;color:#7f8aa1;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media(max-width:980px){.hero-grid,.project-hero-grid,.split,.deliverable-grid,.process,.contact-grid{grid-template-columns:1fr}.hero-showcase{margin-top:15px}.cap-grid,.modules{grid-template-columns:1fr 1fr}.feature-grid,.project-grid{grid-template-columns:1fr 1fr}.service-block{grid-template-columns:50px 1fr}.service-block p,.service-block ul{grid-column:2}.site-header nav{display:none;position:absolute;top:78px;left:20px;right:20px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-btn{display:block}.home-hero{min-height:auto;padding:90px 0}.project-hero-grid{gap:30px}.section{padding:80px 0}.section-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:640px){.container{width:min(100% - 24px,1200px)}.home-hero h1,.page-hero h1,.project-hero h1{font-size:43px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{gap:20px;flex-wrap:wrap}.cap-grid,.modules,.feature-grid,.project-grid,.process-list{grid-template-columns:1fr}.page-hero{padding:80px 0 40px}.section{padding:65px 0}.cta{padding:30px;flex-direction:column;align-items:flex-start}.project-hero{padding:72px 0 48px}.service-block{grid-template-columns:1fr}.service-block p,.service-block ul{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.next-grid{grid-template-columns:1fr;gap:24px}.next-right{text-align:left;align-items:flex-start}}

/* Arabic / RTL */
html[dir="rtl"] body{font-family:"Tahoma","Arial","Segoe UI",sans-serif;text-align:right}html[dir="rtl"] .nav-wrap,html[dir="rtl"] .section-head,html[dir="rtl"] .hero-actions,html[dir="rtl"] .hero-stats,html[dir="rtl"] .meta-row{direction:rtl}html[dir="rtl"] .critical{border-left:0;border-right:3px solid var(--accent);padding-left:0;padding-right:18px}html[dir="rtl"] .deliverables li{padding:18px 56px 18px 18px}html[dir="rtl"] .deliverables li:before{left:auto;right:18px}html[dir="rtl"] .service-block ul{padding-left:0;padding-right:18px}html[dir="rtl"] .next-right{text-align:left;align-items:flex-start}html[dir="rtl"] .lang-switch{direction:ltr}html[dir="rtl"] .project-number,html[dir="rtl"] .eyebrow,html[dir="rtl"] .kicker{text-transform:none;letter-spacing:.04em}.lang-switch{border:1px solid var(--line);border-radius:999px;padding:7px 12px!important;opacity:1!important;font-size:12px!important}.site-header nav .lang-switch{margin-inline-start:4px} @media(max-width:640px){html[dir="rtl"] .next-right{text-align:right;align-items:flex-end}}