@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@500;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{color:#132218;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#ebe4d2;margin:0;font-family:IBM Plex Sans Arabic,sans-serif}a{text-decoration:none}button,input,textarea{font:inherit}:root{--bg:#ebe4d2;--paper:#f7f2e4;--surface:#fff;--olive:#2f5a44;--olive-deep:#1c3d2d;--sand:#d9be90;--ink:#132218;--muted:#556356;--white:#fff;--shadow-soft:0 10px 24px #13221814;--shadow-strong:0 16px 38px #13221829;--radius:20px;--nav-height:74px;--transition:.25s ease}#root{min-height:100vh}.app{background:var(--bg);color:var(--ink);position:relative;overflow-x:hidden}.app:before,.app:after{content:"";z-index:0;pointer-events:none;opacity:.35;position:fixed}.app:before{background:#d3c09b;width:290px;height:290px;top:-140px;left:-120px;transform:rotate(20deg)}.app:after{background:#b7c8b9;width:300px;height:300px;bottom:-140px;right:-140px;transform:rotate(10deg)}.container{z-index:1;width:min(1100px,100% - 2rem);margin-inline:auto;position:relative}section{padding-block:clamp(3.8rem,10vw,6.6rem)}.section-title{color:var(--ink);margin:0;font-family:Alexandria,sans-serif;font-size:clamp(1.8rem,8vw,2.7rem);line-height:1.25}.section-lead{max-width:72ch;color:var(--muted);margin:.9rem 0 0;font-size:1rem;line-height:1.9}.btn{background:var(--olive);min-height:48px;color:var(--white);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background-color var(--transition);border:0;border-radius:14px;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--shadow-strong);background:var(--olive-deep);transform:translateY(-2px)}.btn-outline{color:var(--olive-deep);background:#e8efe8}.btn-outline:hover{background:#dce8dd}.navbar{top:0;z-index:1000;transition:background-color var(--transition), box-shadow var(--transition);background:#f7f2e4c7;position:fixed;inset-inline:0}.navbar-scrolled{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f7f2e4f5;box-shadow:0 8px 24px #13221817}.navbar-inner{min-height:var(--nav-height);justify-content:space-between;align-items:center;gap:.9rem;display:flex}.brand{align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.brand-text{flex-direction:column;line-height:1;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--olive-deep);background:#fff;border-radius:9px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #2f5a4429}.brand-logo{object-fit:cover;filter:saturate(1.08)contrast(1.04);width:100%;height:100%;padding:0;display:block}.brand-title{color:var(--olive-deep);font-family:Alexandria,sans-serif;font-size:1.2rem}.brand-subtitle{color:var(--muted);margin-top:.25rem;font-size:.78rem}.desktop-menu,.desktop-cta{display:none}.mobile-toggle{width:44px;height:44px;color:var(--olive-deep);cursor:pointer;background:#dbe7dc;border:0;border-radius:12px;place-items:center;display:grid}.mobile-menu{background:#f5efdf;border-bottom-right-radius:16px;border-bottom-left-radius:16px;gap:.75rem;max-height:0;padding-inline:1rem;transition:max-height .3s,padding-block .3s;display:grid;overflow:hidden;box-shadow:0 12px 30px #13221814}.mobile-menu.open{max-height:390px;padding-block:.5rem 1rem}.mobile-nav-link{color:var(--ink);border-radius:10px;padding:.45rem .5rem;font-size:1rem;font-weight:700}.mobile-nav-link:hover{background:#ebe2cf}.nav-link-active{color:var(--olive-deep)}.mobile-cta{width:fit-content}.hero-section{min-height:100svh;padding-block:0;padding-top:calc(var(--nav-height) + 2rem);align-items:center;padding-bottom:2rem;display:flex}.hero-layout{align-items:center;gap:1rem;width:100%;display:grid}.hero-panel{background:var(--paper);box-shadow:var(--shadow-soft);border-radius:24px;padding:1.2rem}.hero-kicker{min-height:34px;color:var(--olive-deep);background:#dce8dd;border-radius:999px;align-items:center;padding:.3rem .75rem;font-size:.8rem;font-weight:800;display:inline-flex}.hero-panel h1{color:var(--olive-deep);margin:.9rem 0 0;font-family:Alexandria,sans-serif;font-size:clamp(2rem,11vw,3.6rem);line-height:1.22}.hero-intro{color:var(--muted);margin:1rem 0 0;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.2rem;display:flex}.hero-link-btn{min-height:48px;color:var(--ink);transition:background-color var(--transition), transform var(--transition);background:#e7ddc8;border-radius:14px;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:700;display:inline-flex}.hero-link-btn:hover{background:#dcccae;transform:translateY(-2px)}.hero-points{gap:.55rem;margin-top:1.2rem;display:grid}.hero-point-item{background:#f0eadb;border-radius:14px;grid-template-columns:48px 1fr;align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid}.hero-point-item strong{color:#2f2310;background:#d7c19a;border-radius:10px;place-items:center;min-height:38px;font-size:.84rem;font-weight:800;display:grid}.hero-point-item span{color:var(--muted);font-size:.9rem;line-height:1.8}.hero-visual{height:clamp(320px,56vw,460px);box-shadow:var(--shadow-strong);border-radius:24px;margin:0;position:relative;overflow:hidden}.hero-visual img{object-fit:cover;width:100%;height:100%;display:block}.hero-info-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #ffffff3d;border-radius:14px;max-width:232px;padding:.78rem .85rem;position:absolute;box-shadow:0 11px 24px #13221842}.hero-info-card strong{margin-top:.08rem;font-family:Alexandria,sans-serif;font-size:1.2rem;display:block}.hero-info-card span{margin-top:.15rem;font-size:.8rem;line-height:1.6;display:block}.hero-info-top{z-index:2;color:#f4f9f6;background:#1f3e2f;max-width:205px;top:1.1rem;right:1rem;transform:translateY(-15px)rotate(1.6deg)}.hero-info-bottom{z-index:1;color:#30230f;background:#dcc59d;max-width:240px;bottom:.95rem;left:1rem;transform:translateY(18px)rotate(-1.8deg)}.hero-metrics{gap:.8rem;margin-top:1rem;display:grid}.hero-metric-item{color:#f3f8f5;box-shadow:var(--shadow-soft);background:#244837;border-radius:16px;padding:.9rem}.hero-metric-item strong{font-family:Alexandria,sans-serif;font-size:1.28rem;display:block}.hero-metric-item span{color:#d8e7dd;margin-top:.2rem;font-size:.86rem;display:block}.about-section{background:#f5f0e0}.about-grid,.services-grid,.projects-grid,.why-grid,.contact-grid{gap:.9rem;margin-top:1.4rem;display:grid}.about-card,.service-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);border:1px solid #2f5a440d;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.service-card:hover{box-shadow:var(--shadow-strong);border-color:#2f5a4426;transform:translateY(-8px)}.service-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.service-index{color:var(--sand);letter-spacing:.1em;font-size:.85rem;font-weight:900}.service-icon-wrap{width:48px;height:48px;color:var(--olive);background:linear-gradient(135deg,#e6efe7 0%,#d4e3d6 100%);border-radius:14px;place-items:center;transition:transform .3s;display:grid}.service-card:hover .service-icon-wrap{transform:rotate(-5deg)scale(1.1)}.projects-section{background:#203528}.about-card,.why-card,.contact-info-card,.contact-form-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:1.5rem}.about-card h3,.service-card h3,.why-card h3,.contact-form-card h3{color:var(--ink);margin:0;font-family:Alexandria,sans-serif;font-size:1.02rem}.about-card p,.service-card p,.why-card p,.contact-copy,.projects-copy{color:var(--muted);margin:.6rem 0 0;font-size:.94rem;line-height:1.85}.about-card-accent{background:var(--olive)}.about-card-accent h3,.about-card-accent p{color:#f1f8f3}.services-header-simple{max-width:650px;margin-bottom:3.5rem}.services-grid-simple{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.service-card-simple:last-child{grid-column:2}@media (width<=900px){.services-grid-simple{grid-template-columns:repeat(2,1fr)}.service-card-simple:last-child{grid-column:auto}}@media (width<=600px){.services-grid-simple{grid-template-columns:1fr}.service-card-simple:last-child{grid-column:auto}}.service-card-simple{border-bottom:2px solid #0000;flex-direction:column;gap:1.25rem;padding:1.5rem .5rem;transition:border-color .3s;display:flex}.service-icon-box-simple{background:var(--paper);width:50px;height:50px;color:var(--olive);border-radius:12px;place-items:center;display:grid}.service-card-simple:hover{border-color:var(--olive)}.service-card-simple h3{color:var(--olive-deep);margin:0;font-family:Alexandria,sans-serif;font-size:1.28rem}.service-card-simple p{color:var(--muted);margin:0;font-size:1rem;line-height:1.8}@media (width<=768px){.service-card-simple{border-color:var(--olive);background:#2f5a4405;border-radius:12px;padding-inline:1rem}}.projects-title,.projects-copy{color:#f1f6f2}.projects-grid{gap:1rem}.project-card{border-radius:20px;min-height:330px;position:relative;overflow:hidden;box-shadow:0 10px 26px #0000004d}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover img{transform:scale(1.05)}.project-overlay{background:#00000073;position:absolute;inset:0}.project-body{inset-inline:0;color:#fff;padding:1rem;position:absolute;bottom:0}.project-chip{color:#32240f;background:#d9be90e6;border-radius:999px;padding:.24rem .6rem;font-size:.76rem;font-weight:800;display:inline-flex}.project-body h4{margin:.55rem 0 0;font-family:Alexandria,sans-serif;font-size:1.1rem}.project-body p{color:#dce7e0;margin:.45rem 0 0;font-size:.9rem;line-height:1.75}.why-section{color:var(--white);background:#203528;border-radius:40px;margin:2rem;padding-block:6rem}.why-header{text-align:center;margin-bottom:4rem}.why-title-large{color:var(--white);font-size:clamp(2rem,6vw,3.5rem)}.why-lead-light{color:#a4b4a8;margin-inline:auto}.why-grid-modern{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.why-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:32px;grid-template-columns:80px 1fr;gap:1.5rem;padding:3rem;transition:all .4s;display:grid}.why-card-modern:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-5px)}.why-card-modern .icon-circle{width:80px;height:80px;color:var(--sand);background:#b7c8b91a;border:1px solid #d9be9033;border-radius:50%;place-items:center;display:grid}.why-card-modern h3{color:var(--white);margin:0;font-family:Alexandria,sans-serif;font-size:1.4rem}.why-card-modern p{color:#a4b4a8;margin:0;font-size:1rem;line-height:1.8}.tag-investment{background:var(--sand);color:var(--olive-deep);border-radius:6px;width:fit-content;padding:.3rem .8rem;font-size:.75rem;font-weight:800}@media (width<=900px){.why-grid-modern{grid-template-columns:1fr}.why-card-modern{grid-template-columns:60px 1fr;padding:2rem}.why-card-modern .icon-circle{width:60px;height:60px}.why-section{border-radius:0;margin:0}}.why-strip{gap:.75rem;margin-top:1rem;display:grid}.why-strip-item{color:#f0f6f2;background:#224535;border-radius:14px;padding:.8rem}.why-strip-item strong{font-family:Alexandria,sans-serif;font-size:.9rem;display:block}.why-strip-item span{color:#ccddd2;margin-top:.15rem;font-size:.82rem;display:block}.contact-section{background:radial-gradient(circle at 12% 18%,#2f5a4414,#0000 42%),radial-gradient(circle at 86% 82%,#d9be902e,#0000 44%),#e8edde}.contact-head{text-align:center;max-width:760px;margin-inline:auto}.contact-kicker{min-height:32px;color:var(--olive-deep);background:#d5e2d6;border-radius:999px;align-items:center;padding:.2rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.contact-copy{margin-top:.8rem;margin-inline:auto}.contact-info-card,.contact-form-card{box-shadow:var(--shadow-soft);border-radius:22px;padding:1.35rem}.contact-info-card{color:#edf5f0;background:#243e30}.contact-info-card h3{color:#f3f8f5;margin:.75rem 0 0;font-family:Alexandria,sans-serif;font-size:1.1rem}.contact-info-note{color:#c9dbcf;margin:.5rem 0 0;font-size:.92rem;line-height:1.85}.contact-availability{color:#e4efe8;background:#ffffff1f;border-radius:999px;align-items:center;gap:.4rem;min-height:34px;padding:.3rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.contact-methods-list{gap:.55rem;margin:.95rem 0 0;padding:0;list-style:none;display:grid}.contact-methods-list li{background:#ffffff14;border-radius:14px;padding:.75rem}.contact-method-head{align-items:flex-start;gap:.65rem;display:flex}.contact-method-icon{color:#f1d5a4;background:#d9be9033;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.contact-method-head strong{color:#f3f8f5;font-size:.86rem;display:block}.contact-method-head span{color:#c8dbcf;margin-top:.18rem;font-size:.92rem;display:block}.contact-inline-link{color:#f4d8a8;border-bottom:1px solid #f4d8a880;margin-top:.2rem;font-size:.92rem;font-weight:700;display:inline-flex}.contact-data-ltr{text-align:left;direction:ltr;unicode-bidi:isolate}.contact-social-row{gap:.55rem;margin-top:.95rem;display:grid}.contact-social-chip{color:#213427;min-height:43px;transition:transform var(--transition), box-shadow var(--transition), background-color var(--transition);background:#f2dbaf;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.9rem;font-weight:800;display:inline-flex}.contact-social-chip:nth-child(2){background:#d5e5d7}.contact-social-chip:hover{transform:translateY(-2px);box-shadow:0 10px 22px #13221829}.contact-form-card{background:#f8faf5;border:1px solid #2f5a4414}.contact-form{text-align:start;gap:.78rem;margin-top:.1rem;display:grid}.contact-field{gap:.35rem;min-width:0;display:grid}.contact-field span{color:#355243;font-size:.83rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;min-width:0;max-width:100%;color:var(--ink);transition:box-shadow var(--transition), background-color var(--transition), transform var(--transition);background:#eef4ec;border:0;border-radius:12px;padding:.85rem .95rem;display:block;box-shadow:inset 0 0 0 1px #1322181f,0 8px 18px #1322180a}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6b7d70;opacity:.95}.contact-form input:hover,.contact-form textarea:hover{background:#f4f8f2;box-shadow:inset 0 0 0 1px #2f5a4433,0 10px 20px #1322180f}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus{background:#f8fbf7;outline:none;transform:translateY(-1px);box-shadow:inset 0 0 0 2px #2f5a4480,0 0 0 4px #2f5a441f}.contact-form .btn{background:linear-gradient(135deg,#2f5a44 0%,#254937 100%);justify-content:center;gap:.45rem;width:100%;min-height:50px;font-size:.98rem;font-weight:800;box-shadow:0 12px 24px #1c3d2d38}.contact-form .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #1c3d2d42}.contact-form .btn:active:not(:disabled){transform:translateY(0)}.contact-form .btn svg{transition:transform var(--transition)}.contact-form .btn:hover:not(:disabled) svg{transform:translate(-2px)}.contact-form .btn:disabled{opacity:.72;cursor:not-allowed;box-shadow:none;transform:none}.contact-form-status{border-radius:12px;margin:0;padding:.62rem .75rem;font-size:.86rem;font-weight:700;line-height:1.6}.contact-form-status-success{color:#234a35;background:#deeedf;box-shadow:inset 0 0 0 1px #234a3529}.contact-form-status-error{color:#6f2623;background:#f8e2de;box-shadow:inset 0 0 0 1px #6f262329}.contact-map-wrap{box-shadow:var(--shadow-soft);background:#f6f8f2;border-radius:22px;margin-top:1rem;padding:.8rem}.contact-map-meta{flex-direction:column;gap:.45rem;padding:.2rem .2rem .68rem;display:flex}.contact-map-meta strong{color:var(--ink);font-family:Alexandria,sans-serif;font-size:.94rem}.contact-map-meta a{color:var(--olive-deep);border-bottom:1px solid #1c3d2d59;width:fit-content;font-size:.86rem;font-weight:800}.map-box{border-radius:16px;height:clamp(280px,42vw,360px);margin-top:0;overflow:hidden;box-shadow:inset 0 0 0 1px #13221814}.map-box iframe{width:100%;height:100%;display:block}@media (width<=719px){.contact-grid{justify-items:center}.contact-form{gap:.72rem}.contact-info-card,.contact-form-card,.contact-map-wrap{width:min(94%,620px);margin-inline:auto}.contact-form input,.contact-form textarea{padding:.8rem .85rem;box-shadow:inset 0 0 0 1px #13221824,0 5px 12px #1322180d}.contact-form input:focus,.contact-form textarea:focus{transform:none;box-shadow:inset 0 0 0 2px #2f5a4470,0 0 0 3px #2f5a441a}.contact-form .btn{border-radius:12px;width:min(100%,320px);min-height:47px;margin-inline:auto;font-size:.93rem;box-shadow:0 8px 16px #1c3d2d2e}.contact-form .btn:hover:not(:disabled),.contact-form .btn:active:not(:disabled){transform:none;box-shadow:0 8px 16px #1c3d2d2e}.contact-map-meta{text-align:center;align-items:center}.contact-map-meta a{margin-inline:auto}}.site-footer{color:#eff5f1;background:#1a2f23;padding-block:2.2rem}.footer-main h3{margin:0;font-family:Alexandria,sans-serif;font-size:1.18rem}.footer-main p{color:#ccddd1;margin:.6rem 0 0;font-size:.93rem;line-height:1.8}.footer-links{flex-wrap:wrap;gap:.75rem 1rem;margin-top:1.2rem;display:flex}.footer-links a{color:#eff5f1;opacity:.9;font-weight:700}.footer-social{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.footer-social-link{color:#eff5f1;background:#ffffff14;border-radius:10px;align-items:center;gap:.35rem;min-height:36px;padding:.42rem .7rem;font-weight:700;display:inline-flex}.footer-social-link:hover{background:#ffffff24}.footer-copy{color:#b8cfc0;margin:1.4rem 0 0;font-size:.84rem}@keyframes revealUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-content,.hero-panel,.hero-visual,.hero-metric-item,.about-card,.service-card,.project-card,.why-side,.why-card-alt,.why-strip-item,.contact-info-card,.contact-form-card,.map-box{animation:.55s both revealUp}.hero-metric-item:nth-child(2),.about-card:nth-child(2),.service-card:nth-child(2),.project-card:nth-child(2),.why-card-alt:nth-child(2),.why-strip-item:nth-child(2){animation-delay:80ms}.hero-metric-item:nth-child(3),.about-card:nth-child(3),.service-card:nth-child(3),.project-card:nth-child(3),.why-card-alt:nth-child(3),.why-strip-item:nth-child(3){animation-delay:.16s}.service-card:nth-child(4),.why-card-alt:nth-child(4){animation-delay:.24s}@media (width>=720px){.container{width:min(1100px,100% - 3rem)}.hero-info-top{top:1.2rem;right:1.2rem;transform:translateY(-22px)rotate(2deg)}.hero-info-bottom{bottom:1rem;left:1.2rem;transform:translateY(24px)rotate(-2.2deg)}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.about-grid,.services-grid,.projects-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-box{height:340px}.contact-social-row{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-map-meta{flex-direction:row;justify-content:space-between;align-items:center}.why-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.why-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start}}@media (width>=1024px){:root{--nav-height:86px}.desktop-menu{gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.desktop-menu li{align-items:center;display:flex}.desktop-cta{display:inline-flex}.nav-link{color:var(--ink);transition:color var(--transition), background-color var(--transition);border-radius:10px;padding:.45rem .65rem;font-size:.95rem;font-weight:700}.nav-link:hover{color:#3f6f56;background:#ede4d1}.nav-link-active{background:#e6edde}.cta-button{background:var(--olive);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1rem;font-size:.88rem;font-weight:700;display:inline-flex}.mobile-toggle,.mobile-menu{display:none}.hero-layout{grid-template-columns:1.05fr .95fr;align-items:start;gap:1rem;transform:none}.hero-panel{margin-top:-8px;padding:2rem}.hero-visual{height:510px;margin-top:88px}.hero-info-top{top:1.4rem;right:1.4rem;transform:translateY(-26px)rotate(2.3deg)}.hero-info-bottom{bottom:1.1rem;left:1.4rem;transform:translateY(30px)rotate(-2.5deg)}.about-grid,.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.services-grid .service-card:last-child{grid-column:span 2}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.why-layout{grid-template-columns:.95fr 1.05fr;align-items:start;gap:1rem}}