/* الهوية المعتمدة: عاجي وأخضر. عدّل المتغيرات هنا لتغيير الهوية مركزيًا. */
@font-face{font-family:PlexArabic;src:url('../fonts/plex-arabic-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PlexArabic;src:url('../fonts/plex-arabic-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:PlexArabic;src:url('../fonts/plex-arabic-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:PlexArabic;src:url('../fonts/plex-arabic-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f7f5ef;--surface:#fffefa;--ink:#14211e;--green:#174b3e;--green-dark:#103b31;--accent:#769646;--muted:#686d68;--line:#e4e3da;--radius:8px;--shadow:0 8px 30px #153d2e09;--header:86px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 22px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:PlexArabic,'Segoe UI',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.85;text-align:start}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}img{display:block;width:100%;height:auto}figure{margin:0}button{border:0}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:1.5}h2{font-size:clamp(1.8rem,2.6vw,2.5rem);font-weight:700;margin-block-end:0}h3{font-size:1.17rem;font-weight:600}p{margin-block-end:1rem}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon{width:22px;height:22px;flex:0 0 22px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1260px,calc(100% - 80px));margin-inline:auto}.section{padding-block:42px 16px}section[id]{scroll-margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:12px;z-index:100;background:var(--green);color:white;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #97b361;outline-offset:5px}::selection{background:#cad9c8;color:var(--green-dark)}
/* شريط التنقل: الترتيب البصري والمنطقي RTL؛ قائمة جوال قابلة للوصول. */
.site-header{position:sticky;top:0;z-index:30;background:#f7f5eff5;border-bottom:1px solid #e4e3da88;backdrop-filter:blur(14px)}.header-inner{min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.65rem;font-weight:700;line-height:1.4;position:relative;white-space:nowrap}.brand span{display:block;width:34px;height:3px;background:var(--accent);margin-block-start:9px;margin-inline-start:auto}nav{display:flex;align-items:center;gap:34px}nav a{font-size:.95rem;position:relative;padding-block:12px}nav a:after{content:'';position:absolute;height:2px;background:var(--accent);bottom:4px;inset-inline-start:0;width:0;transition:width .25s}nav a:hover:after,nav a[aria-current]:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:11px 24px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fff;font-weight:500;font-size:.95rem;line-height:1.6;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:0 5px 18px #153d2e18}.button-outline{background:transparent;color:var(--green)}.button-outline:hover{background:#e9ede3}.button-small{min-height:42px;padding:9px 20px;font-size:.88rem}.icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line)}.menu-toggle,.mobile-contact{display:none}
/* افتتاحية بكتلتين وصورة داخلية متداخلة مستوحاة من المرجع المعتمد. */
.hero{position:relative;display:grid;grid-template-columns:1fr 1.06fr;min-height:560px;border-bottom:1px solid var(--line);isolation:isolate}.hero-copy{padding:64px max(40px,calc((100vw - 1260px)/2)) 52px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:.85rem;color:var(--muted);margin-block-end:22px}.hero h1{font-size:clamp(2.8rem,4.9vw,4.75rem);font-weight:700;line-height:1.55;margin-block-end:16px;letter-spacing:0}.green-dot{color:var(--green)}.hero-description{font-size:1.08rem;line-height:1.9;margin-block-end:28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.location{font-size:.85rem;color:var(--muted);display:flex;gap:8px;align-items:center;margin:23px 0 0}.hero-visual{position:relative;min-height:540px}.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:45% center;transition:transform .8s}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#112c2266,transparent 45%)}.hero-inset{position:absolute;inset-inline-start:-34px;top:17%;width:46%;border:6px solid var(--paper);box-shadow:0 14px 45px #0002;transform:rotate(-1.5deg);z-index:2}.hero-inset img{aspect-ratio:1.35;object-fit:cover}.hero-inset figcaption{position:absolute;bottom:0;right:0;left:0;background:linear-gradient(transparent,#0008);color:white;padding:22px 12px 10px;font-size:.78rem;text-align:right}.hero-photo-note{position:absolute;left:38px;top:38px;line-height:1.9;font-size:1.05rem;max-width:150px;color:#fff;text-shadow:0 2px 6px #0008}.hero-preview{position:absolute;bottom:36px;right:26px;display:flex;align-items:center;gap:10px;background:none;color:white;font-size:.95rem}.round-icon{display:grid;place-items:center;border:1px solid #fffc;border-radius:50%;width:60px;height:60px;background:#16382a33;transition:background .2s,transform .2s}.hero-preview:hover .round-icon{background:var(--green);transform:scale(1.05)}.hero-location{display:flex;align-items:center;gap:7px;position:absolute;bottom:48px;left:28px;font-size:.8rem;color:white}.orbit-badge{position:absolute;top:70%;left:calc(51.5% - 5px);display:grid;align-content:center;text-align:center;width:90px;height:90px;border:1px solid #a3afa1;border-radius:50%;font-size:1.4rem;z-index:3;background:var(--paper);transform:rotate(-8deg)}.orbit-badge span{font-size:.65rem;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-block-end:26px}.section-heading h2,.social-copy h2{position:relative;padding-block-end:14px}.section-heading h2:after,.social-copy h2:after{content:'';width:34px;height:2px;background:var(--accent);position:absolute;bottom:0;right:0}.section-heading>p{color:var(--muted);font-size:.88rem;margin:0}.licenses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.license-card{background:#fffefaad;border:1px solid #efece4;box-shadow:var(--shadow);border-radius:var(--radius);padding:26px 18px 22px;text-align:center;min-height:192px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s}.license-card:hover{transform:translateY(-5px)}.license-icon{width:43px;height:43px;margin-bottom:14px;stroke-width:1.25}.license-card h3{margin:0;font-size:1.07rem;line-height:1.8;font-weight:500}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{position:relative;min-height:265px;border-radius:var(--radius);overflow:hidden;background:var(--green-dark);color:white;width:100%;text-align:start;padding:0}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061f18ed,transparent 100%)}.service-card>img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .65s}.service-card:hover>img{transform:scale(1.05)}.service-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:28px;min-height:265px;justify-content:flex-end}.service-content>.icon{width:43px;height:43px;margin-bottom:12px}.service-content h3{font-size:1.65rem;margin-bottom:6px}.service-content p{margin:0;font-size:.94rem}.service-more{display:flex;align-items:center;gap:8px;font-size:.77rem;position:absolute;left:25px;top:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font-size:.82rem;background:#ecebe4;border-radius:9px;padding:8px 17px;min-height:40px;transition:background .2s,color .2s}.filters button[aria-pressed=true]{background:var(--green);color:#fff}.filters button:hover{background:#dce2d7}.filters button[aria-pressed=true]:hover{background:var(--green-dark)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:start}.project-card{position:relative;padding:0;width:100%;background:var(--green-dark);border-radius:4px;overflow:hidden;text-align:start;aspect-ratio:1.5}.project-card img{height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.05)}.project-caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;color:#fff;background:linear-gradient(transparent 20%,#071c16c9);transition:background .25s}.project-caption strong{font-size:1.1rem}.project-caption small{font-size:.85rem}.project-caption .icon{position:absolute;left:18px;bottom:26px}.project-card[hidden]{display:none}.demo-note{font-size:.76rem;color:var(--muted);margin-block:10px 0}.social-section{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:54px;padding-block:55px 65px}.social-copy>p{color:var(--muted);margin-block:20px}.social-links{display:flex;gap:14px}.social-links a{display:grid;place-items:center;background:#ecebe4;border-radius:8px;width:57px;height:57px;transition:background .2s,transform .2s}.social-links a:hover{background:#dce3d8;transform:translateY(-3px)}.social-links .icon{width:28px;height:28px}.social-handle{font-size:.86rem}.social-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.social-card{position:relative;aspect-ratio:9/14;display:block;border-radius:5px;overflow:hidden}.social-card>img{height:100%;object-fit:cover;transition:transform .6s}.social-card:hover>img{transform:scale(1.06)}.social-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#0a2113b0)}.social-card-body{position:absolute;z-index:1;inset:14px;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.social-card-body .round-icon{width:45px;height:45px;align-self:center}.social-card-body span:last-child{font-size:.78rem}.social-card-body bdi{font-size:.63rem}.social-card-note{font-size:.73rem;color:var(--muted);margin:10px 0 0;grid-column:1/-1}
/* خلفية التواصل تستخدم الصورة نفسها كطبقة خفيفة ولا تتطلب رسومات إضافية. */
.contact-section{color:white;background:linear-gradient(90deg,#123f34e8,#124735e8),url('../images/oasis.webp') center 70%/cover;position:relative;overflow:hidden}.contact-inner{text-align:center;padding-block:52px 44px}.contact-inner .eyebrow{color:#cedcd1;margin-bottom:8px}.contact-inner h2{font-size:clamp(2rem,3.2vw,3rem);margin-bottom:5px}.contact-inner>p{color:#e0e7df}.contact-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:25px}.button-whatsapp{background:#258046;border-color:#539e65}.button-whatsapp:hover{background:#1b6b38}.button-light-outline{background:transparent;border-color:#d7e3d8;color:white}.button-light-outline:hover{background:#ffffff15}.coverage{font-size:.8rem;margin:22px 0 0;opacity:.8}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px;flex-wrap:wrap;font-size:.86rem}.site-footer small{flex-basis:100%;text-align:center;color:var(--muted);font-size:.73rem}.separator{padding-inline:10px;color:#9eaa94}.site-footer>span{color:var(--muted)}.mobile-dock{display:none}
/* النوافذ تدعم Escape والتركيز الآمن، وتزال ملفات الفيديو عند الإغلاق. */
.modal{padding:0;background:var(--paper);color:var(--ink);border:0;border-radius:12px;width:min(900px,calc(100% - 32px));max-height:90dvh;box-shadow:0 30px 100px #0005;overflow:auto;text-align:start}.modal::backdrop{background:#081e18c4;backdrop-filter:blur(4px)}.modal[open]{animation:modal-enter .2s ease-out}.modal-close{position:absolute;right:12px;top:12px;z-index:5;box-shadow:0 3px 14px #0002}.modal-media{background:#10251e}.modal-media img{max-height:54dvh;object-fit:contain}.modal-media iframe,.modal-media video{width:100%;aspect-ratio:16/9;display:block;border:0;max-height:54dvh}.modal-copy{padding:28px 32px}.modal-copy .eyebrow{margin-bottom:5px}.modal-copy h2{font-size:1.7rem;margin-bottom:12px}.modal-copy>p{color:var(--muted)}.modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.gallery-controls{display:flex;align-items:center;gap:10px}.gallery-controls>span{font-size:.8rem;color:var(--muted)}.small-modal{max-width:560px}.small-modal .modal-copy{padding-top:62px}.small-modal ul{padding-inline-start:22px;margin-bottom:28px}.small-modal li{margin-bottom:7px}form label{display:block;font-size:.88rem;margin-top:13px;margin-bottom:4px}input,select,textarea{display:block;width:100%;background:white;color:var(--ink);border:1px solid #c9d0c5;padding:10px 12px;border-radius:5px;font-size:1rem}textarea{resize:vertical}.form-hint{font-size:.78rem;color:var(--muted);margin-top:15px}#inquiry-ready{margin-top:20px;padding:15px;background:#e7efdf;border-radius:5px}#inquiry-ready p{margin:0 0 10px}.noscript{padding:30px;background:#fff;border:1px solid var(--line)}.noscript a{text-decoration:underline}.reveal.is-pending{opacity:0;transform:translateY(18px)}.reveal{transition:opacity .6s,transform .6s}@keyframes modal-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* نقاط التوقف تعتمد عرض الشاشة، مع المحافظة على ترتيب DOM العربي. */
@media(min-width:1600px){.hero-copy{padding-inline-end:65px}.hero{min-height:630px}.hero-visual{min-height:630px}}
@media(max-width:1100px){:root{--header:78px}.container{width:calc(100% - 48px)}nav{gap:20px}.hero-copy{padding:44px 24px 44px 30px}.hero h1{font-size:3.45rem}.hero{min-height:500px}.hero-visual{min-height:500px}.hero-inset{inset-inline-start:-20px;top:20%}.hero-photo-note{left:22px;top:25px}.hero-location{display:none}.orbit-badge{width:74px;height:74px;font-size:1.15rem;left:calc(51.5% - 5px);top:77%}.orbit-badge span{font-size:.6rem}.hero-preview{bottom:30px;right:auto;left:28px}.service-content{padding:22px}.service-content h3{font-size:1.45rem}.social-section{gap:25px}.social-previews{gap:10px}}
@media(max-width:780px){.container{width:calc(100% - 36px)}:root{--header:72px}.brand{font-size:1.4rem}.menu-toggle{display:grid}.header-cta{display:none}.header-inner{gap:15px}.mobile-contact{display:block}nav{display:none;position:absolute;top:100%;right:0;left:0;padding:20px 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 18px #0001;flex-direction:column;align-items:stretch;gap:0}nav.is-open{display:flex}nav a{padding:10px}nav a:after{display:none}nav a[aria-current]{color:var(--green);font-weight:700}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 24px 32px;align-items:flex-start}.hero .eyebrow{margin-bottom:13px}.hero h1{font-size:clamp(2.7rem,8.5vw,4rem);line-height:1.55}.hero-description{font-size:1rem;margin-bottom:22px}.hero-visual{min-height:380px;margin-inline-end:35px}.hero-inset{inset-inline-start:18px;top:28px;width:40%;border-width:4px}.hero-photo-note{font-size:.9rem;left:20px;top:24px}.hero-preview{bottom:25px;left:22px}.orbit-badge{top:auto;bottom:18px;left:auto;right:20px;width:76px;height:76px}.section{padding-block:30px 8px}.section-heading{align-items:flex-start;gap:13px;flex-direction:column;margin-bottom:20px}.section-heading>p{font-size:.83rem}.licenses-grid{gap:12px}.license-card{padding:22px 10px;min-height:200px}.license-card h3{font-size:.88rem}.license-icon{width:35px;height:35px}.services-grid{gap:12px}.service-card,.service-content{min-height:235px}.service-content{padding:18px}.service-content h3{font-size:1.18rem}.service-content p{font-size:.8rem}.service-more{top:18px;left:16px;font-size:.7rem}.service-content>.icon{width:33px;height:33px}.filters{gap:6px}.filters button{font-size:.77rem;padding:7px 12px}.projects-grid{gap:10px}.project-card{aspect-ratio:1}.project-caption{padding:14px}.project-caption strong{font-size:.92rem}.project-caption small{font-size:.72rem}.project-caption .icon{display:none}.social-section{grid-template-columns:1fr;gap:20px;padding-block:35px}.social-links a{width:48px;height:48px}.social-copy>p{margin-block:14px}.social-previews{gap:14px;max-width:580px}.social-card{aspect-ratio:9/13}.social-card-body bdi{font-size:.64rem}.contact-inner{padding-block:38px}.site-footer{justify-content:center}.site-footer>a{flex-basis:100%;text-align:center}.modal-copy{padding:22px}.contact-actions .button{font-size:.87rem}}
@media(max-width:520px){body{padding-bottom:68px}.licenses-grid{grid-template-columns:1fr}.license-card{flex-direction:row;justify-content:flex-start;gap:18px;text-align:start;min-height:115px;padding:20px}.license-icon{margin:0;flex-shrink:0}.license-card h3{font-size:.97rem}.license-card br{display:none}.services-grid{grid-template-columns:1fr}.service-card,.service-content{min-height:240px}.service-content h3{font-size:1.6rem}.service-content p{font-size:.92rem}.service-content>.icon{width:38px;height:38px}.projects-grid{grid-template-columns:1fr}.project-card{aspect-ratio:1.6}.project-caption strong{font-size:1.15rem}.project-caption small{font-size:.86rem}.project-caption .icon{display:block}.hero-visual{min-height:300px;margin-inline-end:20px}.hero-inset{width:45%;inset-inline-start:14px;top:20px}.hero-photo-note{font-size:.8rem;left:14px;top:22px}.hero-actions{gap:9px;width:100%}.hero-actions .button{padding:11px 16px;font-size:.86rem}.hero-preview{font-size:.85rem}.round-icon{width:48px;height:48px}.hero h1{font-size:2.9rem}.hero-copy{padding-inline:20px}.social-previews{gap:9px}.social-card-body{inset:10px}.social-card-body bdi{display:none}.social-card-body span:last-child{font-size:.69rem}.social-card-body .round-icon{width:35px;height:35px}.social-card-body .icon{width:18px;height:18px}.contact-actions{flex-direction:column;align-items:stretch}.contact-inner h2{font-size:1.9rem}.contact-inner .coverage{line-height:2}.mobile-dock{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;bottom:0;left:0;right:0;z-index:25;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#f7f5eff7;border-top:1px solid var(--line);gap:5px;box-shadow:0 -5px 25px #0001}.mobile-dock a,.mobile-dock button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:5px;font-size:.82rem;background:transparent}.mobile-dock button{background:var(--green);color:white}.mobile-dock .icon{width:18px;height:18px;flex-basis:18px}.modal-bottom{align-items:stretch;flex-direction:column}.gallery-controls{justify-content:space-between}.modal-copy{padding:20px}.modal-copy h2{font-size:1.5rem}}
/* احترام إعداد تقليل الحركة، وعدم إخفاء المحتوى إذا تعذر تشغيل المراقب. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}}

/* إضافة سناب شات: أربعة حسابات، مع إبقاء يوتيوب أخيرًا وتوزيع مريح على الجوال. */
.social-links{flex-wrap:wrap}
.social-previews{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.social-card-body bdi{overflow-wrap:anywhere}
@media(max-width:1100px){.social-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card{aspect-ratio:9/12}}
@media(max-width:520px){.social-previews{gap:12px}.social-card-body bdi{display:inline;font-size:.7rem}.social-card-body span:last-child{font-size:.8rem}}

/* عداد الزيارات هادئ بصريًا ويحافظ على مساحة واضحة في تذييل الصفحة. */
.visitor-counter{display:flex;align-items:baseline;gap:9px;color:var(--muted);margin-inline-start:auto}.visitor-counter-label{font-size:.78rem}.visitor-counter #visitor-count{color:var(--accent);font-size:1.05rem;font-variant-numeric:tabular-nums;min-width:1.5em;text-align:center}
@media(max-width:780px){.visitor-counter{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.visitor-counter #visitor-count{transition:none}}