:root{color-scheme:dark;--bg:#191d21;--panel:#252b32;--ink:#eaecee;--muted:#a4acb5;--line:#ffffff26;--mint:#708091;--blue:#798897;--font:'DM Sans','Noto Sans Arabic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 20% 0%,#30353b 0%,transparent 35%),var(--bg);font:16px/1.65 var(--font)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:var(--mint);color:#181c20}.wrap{width:min(1280px,90%);margin-inline:auto}.section{padding:65px 0}.eyebrow{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;color:#c4cbd2;margin:0 0 15px}.eyebrow>span{color:#788691;margin-inline-end:14px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}h2{font-size:clamp(2rem,3vw,3rem);font-weight:500;letter-spacing:-.035em;margin-bottom:0}h3{font-size:1.4rem;font-weight:500;letter-spacing:-.02em}.muted{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.section-head>p{color:var(--muted);max-width:350px;font-size:.9rem;margin:0}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dce1;border-radius:3px;background:linear-gradient(115deg,#d0d4d8,#f1f3f5 48%,#a6b0bb);color:#191d21;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em;padding:13px 24px;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.button.secondary{color:var(--ink);border-color:#ffffff40;background:transparent}.actions{display:flex;gap:18px;flex-wrap:wrap}.text-button{border:0;border-bottom:1px solid #ffffff65;padding:0 0 5px;background:none;color:var(--ink);font-size:.85rem}.text-button:hover{color:var(--mint);border-color:var(--mint)}.skip{position:fixed;top:-100px;z-index:30;padding:10px;background:var(--mint);color:#181c20}.skip:focus{top:5px}.header{position:absolute;z-index:10;top:0;left:0;right:0;height:90px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;height:100%}.brand{display:flex;align-items:center;gap:11px;font:700 1.6rem 'Manrope',sans-serif;letter-spacing:.06em}.brand img{width:34px;height:34px;object-fit:contain}.nav{display:flex;gap:30px;margin-inline-start:auto}.nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#d0d6db}.nav a:hover{color:var(--mint)}.header-tools{display:flex;align-items:center;gap:20px}.header .button{border-radius:30px;min-height:39px;padding:9px 22px;font-size:.72rem}.languages{display:flex;gap:5px}.languages button{background:none;border:0;color:#8d969f;padding:5px;font-size:.75rem}.languages button[aria-pressed=true]{color:white;text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);padding:7px 12px}.hero-section{position:relative}.hero{height:min(880px,92svh);min-height:730px;position:relative;overflow:hidden}.hero-gallery{position:absolute;inset:0;overflow:hidden}.hero-slide{position:absolute;inset-block:0;inset-inline-start:46%;width:54%;height:100%;object-fit:cover;object-position:50% 45%;opacity:0;transition:opacity .8s ease;filter:saturate(.68)}.hero-slide.is-active{opacity:1}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#242a30 0%,#242a30e0 30%,#242a3050 66%,#191d2120 100%),linear-gradient(0deg,#191d21 0%,transparent 35%);pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:160px}.hero-copy{max-width:760px;width:65%}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:clamp(5.5rem,12.6vw,11rem);line-height:.84;letter-spacing:-.035em;margin:24px 0 27px;color:#e1e4e7}.hero h1 em{font-style:normal;color:#e1e4e7}.hero .eyebrow{font-size:.7rem;letter-spacing:.16em}.hero-copy>p:not(.eyebrow){font-size:1rem;line-height:1.65;max-width:420px;color:#c4cbd3;margin-bottom:25px}.slide-controls{position:absolute;bottom:91px;inset-inline-end:5%;z-index:4;display:flex;align-items:center;gap:13px;background:#191d2180;border:1px solid var(--line);border-radius:30px;padding:5px 12px;backdrop-filter:blur(8px)}.slide-toggle{border:0;background:none;color:#e8ebed;width:32px;height:32px}.slide-dots{display:flex;gap:2px}.slide-dots button{background:none;border:0;width:25px;height:32px;padding:0;display:grid;place-items:center}.slide-dots button:after{content:'';width:6px;height:6px;border-radius:8px;background:#ffffff60}.slide-dots button[aria-pressed=true]:after{width:17px;background:var(--mint)}.intro-strip{position:relative;z-index:5;margin-top:-56px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(115deg,#2d343bee,#282d33ef);box-shadow:0 15px 35px #00000015;padding:26px 0}.intro-inner{display:grid;grid-template-columns:repeat(5,1fr)}.intro-inner>a{text-align:center;border-inline-end:1px solid #ffffff20;padding:4px 16px}.intro-inner>a:last-child{border:0}.cap-number{display:block;font:500 2rem/1.2 'Manrope',sans-serif;color:#dee2e5;margin-bottom:10px}.intro-inner strong{font-size:.73rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#b8c1c9}.intro-inner a:hover strong{color:var(--mint)}.work-section{padding-top:52px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.work-card{border:1px solid #a5b1bc66;background:linear-gradient(125deg,#2d343b,#20252a);border-radius:12px;padding:13px 13px 27px;overflow:hidden}.work-image{height:285px;position:relative;overflow:hidden;border-radius:6px;margin-bottom:23px;background:#252a30}.demo-preview{pointer-events:none}.demo-preview iframe{position:absolute;top:0;left:0;border:0;width:1100px;height:720px;transform:scale(.55);transform-origin:top left;filter:saturate(.6)}.project-label{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mint);display:block;margin:0 12px 13px}.work-card>.eyebrow{font-size:.7rem;margin:0 12px 10px;color:#aeb9c3}.work-card>h3{font-size:1.75rem;max-width:420px;margin:0 12px 14px}.work-card>p:not(.eyebrow){color:var(--muted);font-size:.95rem;margin:0 12px 20px}.work-actions{display:flex;align-items:center;gap:20px;margin:0 12px;flex-wrap:wrap}.work-actions .button{font-size:.7rem;padding:10px 16px;min-height:40px}.work-note{color:#9da8b2;font-size:.8rem;margin:23px 0 0}.capabilities-section{padding-top:0}.capabilities-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.capabilities-layout>.tools-panel{border-inline-start:1px solid var(--line);padding-inline-start:35px}.capabilities-layout h2{font-size:1.8rem}.capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 22px;border-top:1px solid var(--line);padding-top:28px}.capability{display:flex;align-items:flex-start;gap:15px}.capability:last-child{grid-column:1/-1;max-width:520px}.cap-icon{font:400 1.5rem/1.3 'Barlow Condensed',sans-serif;color:#99a5b1;border:1px solid #ffffff30;width:35px;min-width:35px;height:38px;display:grid;place-items:center}.capability h3{font-size:1rem;line-height:1.4;margin:0 0 10px}.capability p{font-size:.875rem;line-height:1.65;color:var(--muted);margin:0 0 13px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.68rem;border:1px solid #ffffff1c;color:#a1acb7;border-radius:3px;padding:2px 6px}.tools-panel>.eyebrow{margin-bottom:25px;margin-top:9px}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff12;border:1px solid var(--line);border-radius:6px;overflow:hidden}.tools-grid>div{display:flex;align-items:center;gap:12px;padding:18px 12px;background:#2d333a;font-size:.8rem;color:#d0d6db}.tools-grid span{display:grid;place-items:center;font:600 .8rem monospace;color:#dee2e6;border:1px solid #768795;width:31px;height:31px}.tools-note{font-size:.8rem;color:var(--muted);margin:14px 0 27px}.tools-callout{padding:25px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(140deg,#353d45,#272d33)}.tools-callout img{object-fit:contain;margin-bottom:18px}.tools-callout p{font-size:1.2rem;line-height:1.45;margin-bottom:20px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.about-copy h2{margin:0 0 25px}.about-copy>p{color:var(--muted);font-size:.95rem}.about-loc{display:flex;justify-content:space-between;gap:20px;padding-top:23px;margin-top:30px;border-top:1px solid var(--line);font-size:.8rem}.about-loc span{color:#bbc3cb}.developer-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(130deg,#39424c,#272c32);overflow:hidden}.developer-mark{margin-bottom:20px}.developer-mark img{width:58px;height:58px;object-fit:contain}.developer-name{font-size:1.8rem;letter-spacing:-.03em;margin:0 0 3px}.developer-role{font-size:.85rem;color:var(--muted);margin:0}.developer-card dl{margin:24px 0}.developer-card dl>div{padding-top:13px;margin-top:13px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;font-size:.8rem}.developer-card dt{color:var(--muted)}.developer-card dd{margin:0;text-align:end;max-width:65%}.developer-card>a{font-size:.85rem;color:#dbe0e4;overflow-wrap:anywhere}.process-section{padding:25px 0 60px}.process-section .section-head{margin-bottom:25px}.process-section h2{font-size:1.8rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;background:linear-gradient(110deg,#30373e,#2c3239);border:1px solid #ffffff26;border-radius:7px;padding:30px}.step b{font:500 .8rem monospace;color:#aeb7c0;display:block;margin-bottom:15px}.step h3{font-size:1rem;margin:0 0 12px}.step p{color:var(--muted);font-size:.85rem;margin:0}.faq-section{padding:30px 0 60px}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq-grid h2{font-size:2.2rem}.faq{border-bottom:1px solid var(--line)}.faq:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:.95rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#c5ccd2}.faq[open] summary:after{content:'−'}.faq p{font-size:.9rem;color:var(--muted);padding-inline-end:20px}.contact-section{padding:25px 0}.contact-grid{border:1px solid #b6bec677;border-radius:13px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:linear-gradient(120deg,#66717b50 0%,#b0b9c238 17%,#282e34 38%,#1f2428 100%)}.contact-copy h2{font:700 clamp(2.7rem,4.4vw,4.6rem)/.98 'Barlow Condensed','Noto Sans Arabic',sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 25px}.contact-copy>p{color:#bcc5cd;max-width:390px;font-size:.9rem}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:25px 0 20px}.contact-links a{font-size:.9rem;overflow-wrap:anywhere}.contact-links a:hover{color:var(--mint)}form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:#d7dce1}input,select,textarea{width:100%;background:#15181b55;border:1px solid #ffffff35;color:white;border-radius:4px;padding:11px 12px;min-width:0}select option{background:#2c3239}textarea{min-height:110px;resize:vertical}form .button{justify-self:start}.form-note{font-size:.75rem;color:#a6b0ba;margin:0}.form-note a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:.85rem;color:var(--mint);margin:0}.form-honey{display:none!important}.footer{padding:25px 0 30px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:1rem}.footer .brand img{width:25px;height:25px}.footer p{font-size:.7rem;color:#98a5af;margin:0}.footer .top{font-size:.75rem}dialog{background:#282e34;color:var(--ink);border:1px solid #8896a3;border-radius:10px;width:min(720px,92%);max-height:85svh;padding:35px}dialog::backdrop{background:#0d0e10ba;backdrop-filter:blur(8px)}.dialog-close{float:inline-end;color:var(--ink);border:1px solid var(--line);background:transparent;padding:6px 12px;margin-bottom:20px}.dialog-inner{clear:both}.dialog-inner h2{font-size:2rem;margin-bottom:20px}.dialog-inner p,.dialog-inner li{color:var(--muted)}.dialog-inner .button{margin-top:20px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .hero h1{font-family:'Noto Sans Arabic',sans-serif;font-size:clamp(3.5rem,7vw,6.7rem);line-height:1.35;margin-top:10px}[dir=rtl] .hero-copy{max-width:760px}[dir=rtl] .hero:after{background:linear-gradient(270deg,#242a30 0%,#242a30e0 30%,#242a3050 66%,#191d2120 100%),linear-gradient(0deg,#191d21 0%,transparent 35%)}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .contact-copy h2{font-family:'Noto Sans Arabic',sans-serif;font-size:2.8rem;line-height:1.4}[dir=rtl] .capabilities-grid{gap:25px 18px}
@media(min-width:1600px){.hero-content{padding-top:180px}.hero-copy{width:65%}.hero-slide{inset-inline-start:42%;width:58%}}@media(max-width:1050px){.nav{gap:18px}.header-tools{gap:12px}.header-inner{gap:20px}.header .button{padding:8px 16px}.hero{height:800px}.hero h1{font-size:12.5vw}.hero-copy{width:72%}.hero-content{padding-top:170px}.capabilities-layout{gap:25px;grid-template-columns:1.25fr 1fr}.capabilities-layout>.tools-panel{padding-inline-start:25px}.capabilities-grid{grid-template-columns:1fr}.capability:last-child{grid-column:auto}.demo-preview iframe{transform:scale(.4)}.work-image{height:230px}.contact-grid{gap:40px;padding:30px}.about-grid{gap:40px}.intro-inner strong{font-size:.68rem}.faq-grid{gap:40px}}
@media(max-width:700px){.wrap{width:90%}.header{height:76px}.brand{font-size:1.3rem}.brand img{width:29px;height:29px}.header-tools{gap:10px}.header .button{display:none}.menu-toggle{display:block;font-size:.75rem}.nav{display:none;position:absolute;top:76px;inset-inline:0;padding:25px 5%;flex-direction:column;background:#262b31;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{height:790px;min-height:790px}.hero-content{padding-top:150px}.hero-copy{width:100%;max-width:550px}.hero h1{font-size:clamp(4.9rem,19vw,8rem);line-height:.87;letter-spacing:-.025em;margin:24px 0}.hero .eyebrow{font-size:.63rem;letter-spacing:.09em;max-width:300px}.hero-copy>p:not(.eyebrow){font-size:.95rem;max-width:330px}.hero-slide{inset-inline-start:0;width:100%;object-position:center;filter:saturate(.65)}.hero:after{background:linear-gradient(90deg,#23282de6,#23282d75),linear-gradient(0deg,#191d21 0%,transparent 65%)}.slide-controls{bottom:140px;inset-inline-end:5%}.intro-strip{margin-top:-100px;padding:15px 0;border-radius:10px}.intro-inner{grid-template-columns:repeat(3,1fr);row-gap:16px}.intro-inner>a{padding:5px 7px}.intro-inner>a:nth-child(3){border:0}.intro-inner>a:nth-child(4){grid-column:1/2}.intro-inner>a:nth-child(5){grid-column:2/4}.cap-number{font-size:1.4rem;margin-bottom:7px}.intro-inner strong{font-size:.62rem}.section{padding:45px 0}.section-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:23px}.section-head>p{max-width:100%}h2{font-size:2rem}.work-grid{grid-template-columns:1fr;gap:25px}.work-image{height:240px}.demo-preview iframe{transform:scale(.37)}.work-card>h3{font-size:1.5rem}.work-card>p:not(.eyebrow){font-size:.9rem}.capabilities-layout{grid-template-columns:1fr;gap:35px}.capabilities-layout>.tools-panel{border-inline-start:0;padding-inline-start:0}.capabilities-grid{grid-template-columns:1fr;gap:25px}.capability{gap:20px}.tools-grid>div{padding:17px}.about-grid{grid-template-columns:1fr;gap:25px}.developer-card{padding:25px}.about-loc{flex-wrap:wrap}.process-grid{grid-template-columns:1fr 1fr;padding:23px;gap:30px 20px}.process-section h2{font-size:1.8rem}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-grid h2{font-size:2rem}.contact-grid{grid-template-columns:1fr;padding:27px;gap:35px;border-radius:10px}.contact-copy h2{font-size:3.7rem}.form-row{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}.footer p{order:3;width:100%}.footer .top{margin-inline-start:auto}dialog{padding:25px}.dialog-inner h2{font-size:1.7rem}[dir=rtl] .hero h1{font-size:clamp(3.3rem,12vw,5rem);line-height:1.4}[dir=rtl] .hero-content{padding-top:140px}[dir=rtl] .hero:after{background:linear-gradient(270deg,#23282de6,#23282d75),linear-gradient(0deg,#191d21 0%,transparent 65%)}[dir=rtl] .contact-copy h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(min-width:701px) and (max-height:750px){.hero{height:790px}}
/* Readable controls and content at every size */
.nav a,.button,.header .button,.languages button,.text-button,label,.work-actions .button{font-size:.875rem}.intro-inner strong{font-size:.8rem}.capability p,.step p,.about-copy>p,.work-card>p:not(.eyebrow),.contact-copy>p,.faq p{font-size:1rem}.tools-grid>div{font-size:.875rem}.menu-toggle{font-size:.875rem}
/* Restored portfolio composition with ADLA blue, mint and graphite. */
:root{--bg:#1a1e22;--panel:#282e34;--ink:#f1f2f4;--muted:#aeb8c1;--line:#a8b2bc2b;--mint:#708091;--blue:#798897}body{background:radial-gradient(ellipse at 18% 0%,#323a42 0%,transparent 34%),#1a1e22}.hero:after{background:linear-gradient(90deg,#292f35 0%,#292f35e0 30%,#292f3550 66%,#1a1e2220 100%),linear-gradient(0deg,#1a1e22 0%,transparent 35%)}.hero h1{color:#eceef1}.hero h1 em{color:#9da8b4;background:linear-gradient(110deg,#b3bcc5 8%,#9ea9b4 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-slide{filter:saturate(.85)}.eyebrow{color:#bbc2ca}.button{background:linear-gradient(120deg,#798897,#808f9e);border-color:#a4aeb9;color:white;box-shadow:0 6px 22px #79889720}.button.secondary{background:#21262c66;color:#e7eaec;border-color:#8593a14d;box-shadow:none}.header .button{background:linear-gradient(120deg,#e0e3e7,#f5f6f7,#abb5bf);border-color:#cfd4da;color:#22272c}.intro-strip{background:linear-gradient(115deg,#353d45ed,#2c3238ed);border-color:#8e9ba84d;padding:25px 18px}.intro-inner{grid-template-columns:repeat(4,1fr);gap:0}.feature{padding:4px 24px;border-inline-end:1px solid #b8c0c82b}.feature:last-child{border:0}.feature-mark{width:32px;height:32px;display:grid;place-items:center;font-size:1.1rem;color:var(--mint);border:1px solid #70809150;border-radius:50%;margin-bottom:13px;background:#70809108}.feature h3{font-size:1rem;line-height:1.4;margin:0 0 8px}.feature p{font-size:.85rem;color:#b5bec6;line-height:1.6;margin:0}.purpose-section{padding-top:55px}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.purpose-card{background:linear-gradient(125deg,#333a42,#252b31);border:1px solid #8a98a55e;border-radius:12px;overflow:hidden}.purpose-card>img{width:100%;height:330px;object-fit:cover;object-position:center 58%}.purpose-card:first-child>img{object-position:center 60%}.purpose-copy{padding:27px 30px 32px}.purpose-copy h3{font-size:1.8rem;font-weight:500;letter-spacing:-.025em;margin:0 0 15px;color:#ebeef0}.purpose-copy p{color:#bcc4cc;margin:0;font-size:1rem;line-height:1.8}.capabilities-grid{grid-template-columns:1fr 1fr}.capability:last-child{grid-column:auto;max-width:none}.cap-icon{color:#a3aeb9;border-color:#70809150;font-size:.8rem;font-family:monospace;background:#70809106}.tools-grid>div{background:#333b43}.tools-grid span{color:#a5afb9;border-color:#7b8a99}.tools-callout{background:linear-gradient(140deg,#3c464f,#292f36);border-color:#6c7c8d50}.developer-card{background:linear-gradient(130deg,#3c444d,#2b3137);border-color:#8694a240}.developer-card>a,.text-button{color:#a5afb9}.process-grid{background:linear-gradient(110deg,#343b43,#2e343b);border-color:#82909f40}.step b{color:#99a5b1}.contact-grid{background:linear-gradient(120deg,#3f485180 0%,#b0bac335 19%,#2e353c 39%,#23282d 100%);border-color:#939fab6e}.contact-copy h2{color:#e8ebee}input,select,textarea{background:#1b1e2288;border-color:#909ca942}select option{background:#282e34}.faq summary:after{color:var(--mint)}[dir=rtl] .hero:after{background:linear-gradient(270deg,#292f35 0%,#292f35e0 30%,#292f3550 66%,#1a1e2220 100%),linear-gradient(0deg,#1a1e22 0%,transparent 35%)}
@media(max-width:1050px){.feature{padding:4px 16px}.purpose-card>img{height:280px}.capabilities-grid{grid-template-columns:1fr}}
@media(max-width:700px){.intro-strip{padding:20px 14px;margin-top:-90px}.intro-inner{grid-template-columns:1fr 1fr;gap:24px 0}.feature{padding:0 14px}.feature:nth-child(2){border:0}.feature h3{font-size:.9rem}.feature p{font-size:.8rem}.feature-mark{width:27px;height:27px;margin-bottom:10px}.hero{height:860px;min-height:860px}.slide-controls{bottom:155px}.hero:after{background:linear-gradient(90deg,#262b31e6,#262b3175),linear-gradient(0deg,#1a1e22 0%,transparent 65%)}[dir=rtl] .hero:after{background:linear-gradient(270deg,#262b31e6,#262b3175),linear-gradient(0deg,#1a1e22 0%,transparent 65%)}.purpose-grid{grid-template-columns:1fr;gap:24px}.purpose-card>img{height:300px}.purpose-copy{padding:24px}.purpose-copy h3{font-size:1.6rem}.capabilities-grid{grid-template-columns:1fr}.contact-copy h2{font-size:3.7rem}}
/* Featured project tiles: charcoal and silver, matching the supplied reference. */
.featured-section{padding:55px 0 25px}.featured-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.featured-heading h2{font:500 .85rem 'DM Sans','Noto Sans Arabic',sans-serif;text-transform:uppercase;letter-spacing:.14em;margin:0;color:#d7dce0}.featured-heading>a{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#c4cbd2}.featured-heading>a span{margin-inline-start:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-tile{position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:9px;border:1px solid #aab4bd88;background:linear-gradient(145deg,#414951,#191c20);isolation:isolate}.project-tile>img{height:100%;width:100%;object-fit:cover;filter:saturate(.12);transition:transform .5s ease,filter .5s ease}.project-1>img{object-fit:contain;transform:translate(8%,-8%) scale(.95)}.project-2>img{transform:translate(12%,-7%) scale(1.1)}.project-shade{position:absolute;inset:0;background:linear-gradient(0deg,#14171bf5 0%,#191d21a6 30%,transparent 75%),linear-gradient(90deg,#16191c55,transparent 75%)}.project-copy{position:absolute;bottom:27px;inset-inline-start:25px;inset-inline-end:70px}.project-copy h3{font:500 clamp(1.45rem,2.15vw,2rem)/1.12 'DM Sans','Noto Sans Arabic',sans-serif;letter-spacing:-.04em;margin:0 0 15px;color:#f3f4f5}.project-copy p{font-size:.62rem;letter-spacing:.1em;line-height:1.7;color:#c4cbd2;margin:0}.project-open{position:absolute;bottom:22px;inset-inline-end:19px;width:39px;height:39px;border:1px solid #b5c0c8;border-radius:50%;display:grid;place-items:center;color:white;background:#2c323966;font-size:1.35rem;cursor:pointer}.project-open:hover,.project-open:focus-visible{background:var(--blue);border-color:var(--mint)}.project-detail-image{display:block;width:100%;max-height:340px;object-fit:contain;background:#1b1e22;border-radius:5px;margin:20px 0}.project-tile:hover>img{filter:saturate(.35)}[dir=rtl] .featured-heading h2,[dir=rtl] .project-copy p{letter-spacing:0}[dir=rtl] .project-copy h3{letter-spacing:0;line-height:1.5}@media(max-width:760px){.project-grid{grid-template-columns:1fr}.project-tile{aspect-ratio:1.25}.project-copy h3{font-size:1.8rem}.featured-heading h2{font-size:.75rem}.featured-heading>a{font-size:.66rem}.featured-section{padding-top:40px}}@media(prefers-reduced-motion:reduce){.project-tile>img{transition:none}}

/* Site-wide charcoal and silver, drawn from the featured projects. */
:root{--bg:#181e25;--panel:#252d35;--ink:#edf0f2;--muted:#b0bac3;--line:#aab4bd33;--mint:#d8e0e6;--blue:#5b6874}
body{background:radial-gradient(ellipse at 18% 0%,#353e47 0%,transparent 34%),var(--bg)}
.button,.header .button{background:linear-gradient(120deg,#b7c1ca,#f0f3f5 48%,#a1adb8);border-color:#d3dce3;color:#171e25;box-shadow:0 6px 22px #00000020}
.button.secondary{background:#1b232b88;color:#e0e6eb;border-color:#aab4bd66;box-shadow:none}
.hero h1 em{background:linear-gradient(110deg,#f0f3f5 8%,#9ba9b6 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-slide,.purpose-card>img{filter:saturate(.12)}
.brand img,.developer-mark img,.tools-callout img{filter:none}
.intro-strip,.purpose-card,.developer-card,.tools-callout,.process-grid{background:linear-gradient(130deg,#343e47,#1e262e);border-color:#aab4bd55}
.feature-mark,.cap-icon{color:#dae1e7;border-color:#aab4bd66;background:#d8e0e608}
.tools-grid>div{background:#29333d}.tools-grid span{color:#d5dfe6;border-color:#8797a5}
.contact-grid{background:linear-gradient(120deg,#65727d50 0%,#b7c3cc35 19%,#28323c 39%,#1a222b 100%);border-color:#aab4bd77}
input,select,textarea{background:#151c2388;border-color:#aab4bd55;accent-color:#c4ced6}select option{background:#252e37}
.project-open:hover,.project-open:focus-visible{background:#d5dee5;color:#172029;border-color:#edf1f4}
::selection{background:#cbd5de;color:#182029}

/* Four-project portfolio; original ADLA logo colours retained. */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pos-preview{display:flex;direction:ltr;text-align:left;width:760px;height:460px;background:#202831;color:#dce3e9;font:14px/1.5 'DM Sans',sans-serif;transform:scale(.78);transform-origin:top left;pointer-events:none}
.pos-preview aside{width:150px;flex-shrink:0;background:#171e26;padding:24px 14px}.pos-preview aside>b{font-size:17px}.pos-preview aside>small{display:block;color:#a1aeb9;font-size:10px;margin-bottom:30px}.pos-preview aside>span,.pos-preview aside>strong{display:block;padding:9px 7px;font-size:12px}.pos-preview aside>strong{background:#394653;border-radius:4px}.pos-screen{flex:1;padding:23px 18px}.pos-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.pos-top>b{font-size:21px}.pos-top>small{font-size:8px;letter-spacing:.08em;color:#a7b3bf}.pos-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.pos-field{border:1px solid #6e7d8c55;background:#28333e;border-radius:5px;padding:11px 9px;font-size:10px;margin-bottom:10px;color:#bec8d2}.pos-empty{padding:60px 0;text-align:center;color:#9eacb9;font-size:11px}.pos-cart{padding:12px;background:#2b3641;border:1px solid #78869244;border-radius:6px}.pos-cart>small{font-size:9px}.pos-cart>p{padding:24px 0;text-align:center;font-size:11px;color:#aab7c3}.pos-total{display:flex;justify-content:space-between;border-top:1px solid #7d8b9844;padding:9px 0;font-size:11px}.pos-disabled{background:#8796a4;color:#172029;border-radius:4px;text-align:center;padding:9px;font-size:11px}.pos-detail{overflow:hidden;height:330px;margin:22px 0;background:#202831}.pos-detail .pos-preview{transform:scale(.8)}
@media(max-width:1050px){.project-3 .pos-preview{transform:scale(.59)}}@media(max-width:760px){.project-grid{grid-template-columns:1fr}.project-3 .pos-preview{transform:scale(.7)}}@media(max-width:450px){.project-3 .pos-preview{transform:scale(.48)}.pos-detail{height:230px}.pos-detail .pos-preview{transform:scale(.4)}}
/* Case studies and delivery scope */
.hero h1{font-size:clamp(3.6rem,7.2vw,6.6rem);line-height:.97;max-width:880px}.hero-copy{width:76%;max-width:900px}.hero-copy>p:not(.eyebrow){max-width:580px}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.delivery-grid article{padding:25px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#303a44,#202932)}.delivery-grid h3{font-size:1.15rem;line-height:1.4}.delivery-grid p{font-size:1rem;color:var(--muted);margin-bottom:0}.delivery-section .section-head>p{max-width:520px}.case-header{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-block:25px;border-bottom:1px solid var(--line)}.case-header>a:not(.brand){margin-inline-start:auto;font-size:.9rem}.case-header .languages{display:flex;gap:14px}.case-header .languages a[aria-current=page]{color:white;text-decoration:underline;text-underline-offset:6px}.case-intro{padding:80px 0 55px;max-width:950px}.case-intro h1{font:700 clamp(3rem,7vw,6rem)/1.02 'Barlow Condensed','Noto Sans Arabic',sans-serif;margin:0 0 25px}.case-intro>p:not(.eyebrow){font-size:1.2rem;color:var(--muted);max-width:800px}.case-intro .tag{font-size:.85rem;padding:5px 10px}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0 60px;border-top:1px solid var(--line)}.case-story h2{font-size:1.8rem;margin-bottom:20px}.case-story p:not(.eyebrow){color:var(--muted)}.case-explore{padding:35px;border:1px solid #aab4bd66;border-radius:12px;background:#202831}.case-selector{min-width:220px}.case-visual{width:100%;max-height:650px;object-fit:contain;background:#181e25;border-radius:6px}.case-caption{font-size:.85rem;color:#b4c0ca;margin:18px 0}.case-features{padding:65px 0}.case-features>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.case-features article{border-top:1px solid var(--line);padding:25px 0}.case-features h3{font-size:1.1rem;line-height:1.6}.case-note{padding:25px;border-inline-start:2px solid #aab4bd;background:#252e38}.case-note p{color:var(--muted);margin:10px 0 0}.case-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px;border:1px solid var(--line);border-radius:9px;margin-bottom:40px;background:linear-gradient(120deg,#46525e,#242d36)}.case-cta h2{font-size:2rem}.case-pos .pos-detail{max-width:760px;height:460px;margin:auto}.case-pos .pos-preview{transform:none}[dir=rtl] .case-intro h1{font-family:'Noto Sans Arabic',sans-serif;line-height:1.4;font-size:clamp(2.4rem,5vw,4.5rem)}[dir=rtl] .hero h1{font-size:clamp(3rem,5.8vw,5.5rem)}
@media(max-width:760px){.hero-copy{width:100%}.hero h1{font-size:clamp(3rem,10.4vw,5rem);line-height:1.03}.delivery-grid,.case-story,.case-features>div{grid-template-columns:1fr}.case-header{gap:15px}.case-header .languages{gap:10px}.case-intro{padding:50px 0 35px}.case-story{gap:20px}.case-explore{padding:18px}.case-selector{width:100%}.case-cta{align-items:flex-start;flex-direction:column;padding:25px}.case-pos .pos-detail{height:300px}.case-pos .pos-preview{transform:scale(.65)}[dir=rtl] .hero h1{font-size:clamp(2.6rem,8vw,4rem)}}@media(max-width:450px){.case-pos .pos-detail{height:200px}.case-pos .pos-preview{transform:scale(.38)}}