:root{--orange:#ff6c37;--orange-dark:#d84f20;--ink:#18212f;--muted:#667085;--surface:#fffaf7;--warm:#fff1e8;--line:#eee4dd;--line-strong:#dfd3ca;color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Arabic,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}img{max-width:100%}main{background:var(--surface);min-height:100vh}.site-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:#fff;border-radius:8px;place-items:center;width:132px;height:58px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%}nav{flex:1;justify-content:center;align-items:center;gap:clamp(14px,2.6vw,34px);display:flex}nav a,.language-toggle{color:var(--muted);font:inherit;font-size:.92rem;text-decoration:none}nav a:hover{color:var(--orange-dark)}.language-toggle{border:1px solid var(--line-strong);min-width:92px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px}.language-toggle:hover{border-color:var(--orange)}.hero-section{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 82px);padding:clamp(42px,8vw,92px) clamp(20px,5vw,72px);display:grid}.hero-copy{max-width:720px}.hero-logo{border-radius:8px;width:min(100%,420px);margin-bottom:24px;display:block}.eyebrow{color:var(--orange-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-weight:800}.hero-copy h1,.section-heading h2,.projects-copy h2,.why-section h2,.contact-section h2{color:var(--ink);letter-spacing:0;margin:0;font-weight:850;line-height:1.02}.hero-copy h1{max-width:780px;font-size:clamp(3.4rem,7vw,6.8rem)}.hero-tagline{color:var(--orange-dark);margin:14px 0 0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:850;line-height:1.12}.hero-intro{max-width:640px;color:var(--muted);margin:24px 0 0;font-size:clamp(1.08rem,2vw,1.32rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{background:var(--orange);color:#fff;box-shadow:0 16px 30px #ff6c3738}.button.primary:hover{background:var(--orange-dark)}.button.ghost{border-color:var(--line-strong);color:var(--ink);background:#fff}.hero-panel{isolation:isolate;border:1px solid var(--line-strong);background:linear-gradient(135deg,#fffffff5,#fff1e8db 58%,#e8f4f1eb),#fff;border-radius:8px;align-content:space-between;gap:28px;min-height:560px;padding:clamp(28px,5vw,52px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #1c222b1f}.hero-panel:before,.hero-panel:after{z-index:0;content:"";pointer-events:none;position:absolute}.hero-panel:before{background:linear-gradient(90deg,#0000 0 46%,#18212f14 46% 47%,#0000 47%),repeating-linear-gradient(0deg,#18212f0f 0 1px,#0000 1px 58px);inset:0}.hero-panel:after{background:linear-gradient(#ff6c37d1,#18212f1f);border-radius:999px;width:8px;inset-block:44px;inset-inline-end:clamp(34px,5vw,62px)}.hero-panel-top,.hero-metric,.hero-service-list,.hero-panel-bottom{z-index:1;position:relative}.hero-panel-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.hero-panel-top span,.hero-panel-bottom span{color:var(--orange-dark);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:800}.hero-panel-top strong{max-width:240px;color:var(--ink);text-align:end;font-size:clamp(1.45rem,2.8vw,2.55rem);line-height:1}.hero-metric span{color:var(--ink);letter-spacing:0;font-size:clamp(5.6rem,12vw,10rem);font-weight:900;line-height:.84;display:block}.hero-metric p{color:var(--muted);margin:8px 0 0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:850;line-height:1.15}.hero-service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hero-service-list span{min-height:64px;color:var(--ink);background:#fffffff0;border:1px solid #dfd3cadb;border-radius:8px;align-items:center;padding:12px 14px;font-weight:750;line-height:1.2;display:flex}.hero-panel-bottom{border-top:1px solid #dfd3caeb;gap:8px;max-width:440px;padding-top:22px;display:grid}.hero-panel-bottom strong{color:var(--ink);font-size:1.2rem;line-height:1.15}.stats-strip{border-block:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);display:grid}.stat-item{border-inline-end:1px solid var(--line);padding:28px clamp(20px,5vw,72px)}.stat-item:last-child{border-inline-end:0}.stat-item strong,.stat-item span{display:block}.stat-item strong{color:var(--ink);font-size:1.18rem}.stat-item span{color:var(--muted);margin-top:6px}.section,.why-section,.contact-section{padding:clamp(56px,9vw,108px) clamp(20px,5vw,72px)}.section-heading{max-width:780px;margin-bottom:36px}.section-heading h2,.projects-copy h2,.why-section h2,.contact-section h2{font-size:clamp(2.2rem,4.5vw,4.4rem)}.section-heading p:not(.eyebrow),.projects-copy p:not(.eyebrow),.contact-copy p:not(.eyebrow){color:var(--muted);margin-top:18px;font-size:1.06rem}.profile-section{background:#fff}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.profile-grid p{border-inline-start:4px solid var(--orange);color:var(--ink);background:var(--surface);border-radius:8px;margin:0;padding:24px;line-height:1.65}.services-section{background:var(--surface)}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.service-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:300px;padding:26px}.service-card span{color:var(--orange);font-weight:850}.service-card h3{color:var(--ink);margin:22px 0 12px;font-size:1.25rem;line-height:1.15}.service-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.service-card li{color:var(--muted);padding-inline-start:16px;line-height:1.45;position:relative}.service-card li:before{inset-inline-start:0;background:var(--orange);content:"";border-radius:999px;width:6px;height:6px;position:absolute;top:.62em}.projects-section{border-block:1px solid var(--line);background:linear-gradient(135deg,#fff1e8f2,#fffaf7b3),#fff;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(32px,7vw,88px);padding:clamp(56px,9vw,108px) clamp(20px,5vw,72px);display:grid}.projects-copy{max-width:760px}.projects-panel{border:1px solid var(--line-strong);background:#fff;border-radius:8px;align-content:center;gap:12px;min-height:360px;padding:clamp(28px,5vw,52px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #1c222b1f}.projects-panel:before{inset-inline-start:0;background:var(--orange);content:"";width:8px;height:100%;position:absolute;top:0}.projects-status{width:fit-content;color:var(--orange-dark);background:var(--warm);letter-spacing:0;text-transform:uppercase;border:1px solid #ff6c3738;border-radius:8px;padding:9px 12px;font-size:.82rem;font-weight:850}.projects-panel strong{color:var(--ink);letter-spacing:0;font-size:clamp(4.4rem,12vw,8.8rem);font-weight:900;line-height:.92}.projects-label{color:var(--ink);font-size:clamp(1.2rem,2.4vw,1.75rem);font-weight:850;line-height:1.15}.projects-panel p{max-width:520px;color:var(--muted);margin:10px 0 0;line-height:1.6}.why-section{background:var(--ink);grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);align-items:start;gap:clamp(32px,7vw,86px);display:grid}.why-section .eyebrow,.why-section h2{color:#fff}.why-section ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.why-section li{color:#f6f2ef;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:20px 22px}.contact-section{background:#fff;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:clamp(32px,7vw,88px);display:grid}.contact-list{gap:12px;margin-top:28px;display:grid}.contact-list div{gap:4px;display:grid}.contact-list span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:850}.contact-list a,.contact-list p{color:var(--ink);margin:0;font-weight:750;text-decoration:none}.ltr-value{direction:ltr;unicode-bidi:isolate}[dir=rtl] .ltr-value{text-align:right}.contact-panel{gap:14px;display:grid}.map-heading{gap:4px;display:grid}.map-heading span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:850}.map-heading strong{color:var(--ink);font-size:1.1rem}.map-panel{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;min-height:300px;overflow:hidden}.map-panel iframe{border:0;width:100%;height:100%;min-height:300px;display:block}.contact-form{gap:14px;display:grid}.contact-form input,.contact-form textarea{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;color:var(--ink);background:var(--surface);font:inherit;resize:vertical;border-radius:8px;padding:16px 18px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange);outline:3px solid #ff6c3729}.form-honey{position:absolute;left:-9999px}.form-status{margin:0;font-size:.94rem;font-weight:700}.form-status.success{color:#1f7a4d}.form-status.error{color:#b3261e}@media (width<=980px){.site-header{flex-wrap:wrap;position:static}nav{flex-basis:100%;order:3;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}[dir=rtl] nav{justify-content:flex-end}.hero-section,.projects-section,.why-section,.contact-section{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-panel{min-height:420px}.projects-panel{min-height:300px}.stats-strip,.profile-grid{grid-template-columns:1fr}.stat-item{border-inline-end:0;border-bottom:1px solid var(--line)}.stat-item:last-child{border-bottom:0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.language-toggle{min-width:auto}.hero-copy h1{font-size:2.6rem}.hero-logo{max-width:320px}.hero-panel{min-height:auto}.hero-panel-top{display:grid}.hero-panel-top strong{text-align:start;max-width:none}.hero-service-list{grid-template-columns:1fr}.projects-panel{min-height:280px}.service-grid{grid-template-columns:1fr}.button,.contact-form .button{width:100%}}