:root{--paper:#f4f5f2;--paper-2:#e8eae4;--ink:#16211d;--ink-2:#2a3a32;--blue:#1d4ed8;--blue-soft:#3b6df5;--amber:#f59e0b;--amber-soft:#fbbf24;--white:#fff;--text:#3a4a40;--text-light:#8a9a90;--grid-line:#1d4ed80f;--border:#16211d1f;--font-ar-head:"Noto Kufi Arabic", serif;--font-body:"IBM Plex Sans Arabic", system-ui, sans-serif;--font-mono:"Space Mono", "IBM Plex Mono", monospace;--font-en:"IBM Plex Sans", system-ui, sans-serif;--r:4px;--r-lg:8px;--shadow:0 18px 40px -18px #16211d59;--shadow-card:0 2px 12px #16211d14;--ease:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--header-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.75}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:var(--font-ar-head);font-weight:700}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:var(--font-en);letter-spacing:-.01em;font-weight:600}html[lang=en] .mono{font-family:var(--font-mono)}h1,h2,h3{color:var(--ink);line-height:1.3}h1{font-size:clamp(2.1rem,5.5vw,4rem)}h2{font-size:clamp(1.7rem,3.5vw,2.6rem)}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.container{width:min(1200px,92%);margin-inline:auto}.section{padding-block:clamp(4rem,9vw,7rem)}.section-title{text-align:center;margin-block-end:3rem}.skip-link{inset-inline-start:-9999px;background:var(--ink);color:var(--paper);z-index:100;padding:.75rem 1.25rem;position:absolute;top:0}.skip-link:focus{inset-inline-start:0}.grid-paper{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:28px 28px}.reveal{opacity:0;transition:opacity .6s var(--ease), translate .6s var(--ease);translate:0 24px}.reveal.visible{opacity:1;translate:0}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.reveal-delay-3{transition-delay:.36s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;translate:none}}.btn{border-radius:var(--r);cursor:pointer;transition:all .25s var(--ease);text-align:center;border:2px solid #0000;padding:.85rem 2rem;font-size:.95rem;font-weight:700;display:inline-block}.btn-blue{background:var(--blue);color:var(--white);border-color:var(--blue)}.btn-blue:hover{background:var(--blue-soft);border-color:var(--blue-soft)}.btn-amber{background:var(--amber);color:var(--ink);border-color:var(--amber)}.btn-amber:hover{background:var(--amber-soft);border-color:var(--amber-soft)}.btn-ghost{color:var(--paper);background:0 0;border-color:#f4f5f266}.btn-ghost:hover{border-color:var(--paper);background:#f4f5f21a}.btn-outline{color:var(--blue);border-color:var(--blue);background:0 0}.btn-outline:hover{background:var(--blue);color:var(--white)}.site-header{inset-inline:0;z-index:50;-webkit-backdrop-filter:blur(12px);background:#16211df2;position:fixed;top:0}.progress-bar{background:var(--amber);transform-origin:0;height:2px;position:absolute;inset-block-end:0;inset-inline-start:0;transform:scaleX(0)}.header-inner{height:var(--header-h);justify-content:space-between;align-items:center;padding:0 5%;display:flex}.brand{font-family:var(--font-ar-head);color:var(--paper);align-items:center;gap:.6rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.brand-icon{width:28px;height:28px}.primary-nav ul{gap:2rem;list-style:none;display:flex}.primary-nav a{color:var(--text-light);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.primary-nav a:hover{color:var(--amber)}.header-actions{align-items:center;gap:1rem;display:flex}.lang-toggle{color:var(--paper);border-radius:var(--r);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-en);background:0 0;border:1px solid #f4f5f24d;padding:.4rem .8rem}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.nav-toggle .bar{background:var(--paper);width:22px;height:2px;margin:5px 0;transition:all .3s;display:block}.hero{background:var(--ink);align-items:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-grid-bg{background-color:var(--ink);background-image:linear-gradient(#1d4ed81f 1px,#0000 1px),linear-gradient(90deg,#1d4ed81f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-scrim{background:linear-gradient(#16211d4d 0%,#16211d99 60%,#16211dfa 100%);position:absolute;inset:0}.hero-content{z-index:2;color:var(--paper);padding-block:clamp(6rem,12vh,10rem) clamp(3rem,6vh,5rem);position:relative}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-size:.8rem;font-weight:600;font-family:var(--font-mono);margin-block-end:1rem}.hero-content h1{color:var(--paper);margin-block-end:1.2rem;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.15}.hero-lede{color:var(--text-light);max-width:600px;margin-block-end:2rem;font-size:clamp(1rem,1.1vw,1.2rem);line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-phone{color:var(--paper);letter-spacing:.02em;font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.scroll-cue{z-index:2;position:absolute;bottom:2.2rem;left:50%;translate:-50%}.scroll-cue span{border:2px solid #f4f5f280;border-radius:12px;width:24px;height:38px;display:block;position:relative}.scroll-cue span:after{content:"";background:var(--amber);border-radius:2px;width:4px;height:8px;animation:1.5s ease-in-out infinite scrollPulse;position:absolute;top:6px;left:50%;translate:-50%}@keyframes scrollPulse{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(6px)}}.hero-blueprint-svg{z-index:1;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.hero-blueprint-svg line,.hero-blueprint-svg polyline,.hero-blueprint-svg rect,.hero-blueprint-svg circle{stroke:var(--blue);stroke-width:1.5px;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1)}.hero-blueprint-svg .drawn{stroke-dashoffset:0}.phases{background:var(--paper);position:relative}.phases-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;display:grid;position:relative}.phase-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:2rem 1.5rem;position:relative;overflow:hidden}.phase-card:before{content:"";top:0;background:var(--amber);width:4px;height:100%;position:absolute;inset-inline-start:0}.phase-num{font-family:var(--font-mono);color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-block-end:.5rem;font-size:.75rem;font-weight:700}.phase-card h3{margin-block-end:.5rem;font-size:1.15rem}.phase-card p{color:var(--text);opacity:.8;font-size:.92rem;line-height:1.7}.timeline-line{display:none}.projects{background:var(--paper-2)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;display:grid}.spec-sheet{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow:hidden}.spec-header{border-block-end:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.spec-header h3{font-size:1.1rem}.spec-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:2px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.spec-tag-completed{color:#166534;background:#dcfce7}.spec-tag-active{color:#92400e;background:#fef3c7}.spec-tag-upcoming{color:#1e40af;background:#dbeafe}.spec-body{padding:0}.spec-row{border-block-end:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.spec-row:last-child{border-block-end:none}.spec-label{color:var(--text-light);background:var(--paper);font-size:.82rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem}.spec-value{padding:.75rem 1.5rem;font-size:.92rem;font-weight:500}.spec-image{aspect-ratio:16/9;object-fit:cover;width:100%}.safety{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.safety .section-title h2{color:var(--paper)}.safety-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.safety-stat{padding:2rem}.safety-num{font-family:var(--font-mono);color:var(--amber);margin-block-end:.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1;display:block}.safety-label{color:var(--text-light);font-size:.92rem}.safety-badge{border-radius:var(--r);font-family:var(--font-mono);color:var(--amber);border:1px solid #f59e0b4d;align-items:center;gap:.5rem;margin-block-start:2rem;padding:.75rem 1.5rem;font-size:.8rem;display:inline-flex}.services{background:var(--paper)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.service-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);padding:2rem}.service-card:hover{border-color:var(--blue);box-shadow:0 4px 20px #1d4ed81a}.service-icon{width:48px;height:48px;color:var(--blue);margin-block-end:1rem}.service-card h3{margin-block-end:.5rem;font-size:1.1rem}.service-card p{color:var(--text);opacity:.8;font-size:.92rem;line-height:1.7}.estimate{background:var(--paper-2)}.estimate-form{gap:1rem;max-width:720px;margin-inline:auto;display:grid}.spec-form-row{border:1px solid var(--border);border-radius:var(--r);background:var(--white);grid-template-columns:140px 1fr;display:grid;overflow:hidden}.spec-form-row:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1d4ed81a}.spec-form-label{background:var(--paper);border-inline-end:1px solid var(--border);font-size:.85rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-light);align-items:center;padding:.85rem 1rem;display:flex}.spec-form-input{background:0 0;border:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:1rem}.spec-form-input:focus{outline:none}.spec-form-input::placeholder{color:var(--text-light);opacity:.6}.spec-form-textarea{resize:vertical;min-height:120px}.error{color:#c0392b;padding-inline-start:1rem;font-size:.82rem}.form-success{text-align:center;padding:4rem 2rem}.form-success h2{color:var(--blue);margin-block-end:1rem}.site-footer{background:var(--ink);color:var(--text-light);padding-block:3rem 1.5rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;display:grid}.footer-logo{font-family:var(--font-ar-head);color:var(--paper);margin-block-end:.5rem;font-size:1.2rem;font-weight:700;display:block}.footer-grid h3{color:var(--paper);text-transform:uppercase;letter-spacing:.05em;margin-block-end:.6rem;font-size:.9rem}.footer-grid p{font-size:.88rem;line-height:1.7}.social{gap:1rem;display:flex}.social a{color:var(--text-light);font-size:.88rem}.social a:hover{color:var(--amber)}.footer-bottom{text-align:center;border-block-start:1px solid #f4f5f21a;margin-block-start:2rem;padding-block-start:1.5rem;font-size:.82rem}.footer-bottom p{margin-block-end:.3rem}.legal-links{margin-block-start:.5rem}.legal-links a{color:var(--text-light);text-underline-offset:3px;text-decoration:underline}.mobile-action-bar{z-index:60;background:var(--ink);border-block-start:3px solid var(--amber);grid-template-columns:1fr 1fr 1.4fr;display:none;position:fixed;inset:auto 0 0}.mobile-action-bar a{place-items:center;gap:.3rem;min-height:56px;font-size:.9rem;font-weight:700;text-decoration:none;display:grid}.action-call{color:var(--amber)}.action-wa{color:#4cc95b;border-inline:1px dashed #f4f5f24d}.action-cta{background:var(--amber);color:var(--ink)}@media (width<=900px){.footer-grid{grid-template-columns:1fr 1fr}.spec-form-row{grid-template-columns:1fr}.spec-form-label{border-inline-end:none;border-block-end:1px solid var(--border)}}@media (width<=760px){.primary-nav{display:none}.nav-toggle{display:block}.hero-content{padding-block-end:6rem}.mobile-action-bar{display:grid}body{padding-block-end:56px}.scroll-cue{display:none}.footer-grid,.project-grid{grid-template-columns:1fr}}