:root{--color-primary:#387870;--color-primary-dark:#2c5d57;--color-primary-light:#4b9086;--color-accent:#b8a890;--color-accent-light:#ccbfa8;--color-accent-muted:#ece5d9;--color-bg:#fff;--color-bg-alt:#f5f6f7;--color-bg-dark:#1d3f3a;--color-text:#1e2a28;--color-text-muted:#5a6563;--color-text-light:#8a9492;--color-border:#e2e6e5;--shadow-sm:0 2px 8px #3878700f;--shadow-md:0 4px 20px #38787014;--shadow-lg:0 8px 40px #3878701f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--container-width:1140px;--header-height:72px;--transition:.3s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);direction:rtl;font-family:IBM Plex Sans Arabic,Tajawal,sans-serif;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;transition:color var(--transition);text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:96px 0}.section--alt{background-color:var(--color-bg-alt)}.section__header{text-align:center;max-width:680px;margin:0 auto 56px}.section__title{color:var(--color-primary);margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;position:relative}.section__title:after{content:"";background:var(--color-accent);border-radius:2px;width:48px;height:3px;margin:16px auto 0;display:block}.section__subtitle{color:var(--color-text-muted);font-size:1.05rem;line-height:1.8}.btn{border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn--outline:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn--accent{background-color:var(--color-accent);color:var(--color-bg-dark)}.btn--accent:hover{background-color:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--light{color:var(--color-primary);background-color:#fff}.btn--light:hover{background-color:var(--color-accent-muted);transform:translateY(-2px)}.header{z-index:1000;height:var(--header-height);transition:background-color var(--transition),box-shadow var(--transition);position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background-color:#fffffff7}.header__inner{height:var(--header-height);justify-content:space-between}.header__inner,.header__logo{align-items:center;display:flex}.header__logo{color:var(--color-primary);gap:10px;font-size:1.25rem;font-weight:700}.header__logo-icon{width:auto;height:42px;display:block}.header__nav{gap:32px}.header__links,.header__nav{align-items:center;display:flex}.header__links{gap:28px}.header__link{color:var(--color-text);font-size:.9rem;font-weight:500;position:relative}.header__link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-4px;right:0}.header__link:hover{color:var(--color-primary)}.header__link:hover:after{width:100%}.header__cta{display:none}.header__menu-toggle{width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-sm);transition:background-color var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:none}.header__menu-toggle:hover{background-color:var(--color-bg-alt)}.mobile-menu{z-index:1001;width:min(320px,85vw);height:100vh;box-shadow:var(--shadow-lg);transition:right var(--transition);background-color:#fff;padding:24px;position:fixed;top:0;right:-100%;overflow-y:auto}.mobile-menu--open{right:0}.mobile-menu__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.mobile-menu__close{width:40px;height:40px;color:var(--color-text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.mobile-menu__close:hover{background-color:var(--color-bg-alt)}.mobile-menu__links{flex-direction:column;gap:4px;display:flex}.mobile-menu__link{color:var(--color-text);border-radius:var(--radius-sm);transition:background-color var(--transition);padding:14px 16px;font-size:1rem;font-weight:500;display:block}.mobile-menu__link:hover{background-color:var(--color-bg-alt);color:var(--color-primary)}.mobile-menu__cta{width:100%;margin-top:24px}.mobile-overlay{z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);background-color:#0006;position:fixed;inset:0}.mobile-overlay--visible{opacity:1;visibility:visible}.hero{min-height:100vh;padding-top:var(--header-height);background:linear-gradient(160deg,#f8faf9 0,#eef3f1 50%,var(--color-accent-muted) 100%);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{background:radial-gradient(circle,#3878700f 0,#0000 70%);width:500px;height:500px;top:-20%;left:-10%}.hero:after,.hero:before{content:"";border-radius:50%;position:absolute}.hero:after{background:radial-gradient(circle,#c4a2651a 0,#0000 70%);width:400px;height:400px;bottom:-10%;right:-5%}.hero__grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid;position:relative}.hero__content{max-width:560px}.hero__badge{background-color:#38787014;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero__badge,.hero__title{color:var(--color-primary);margin-bottom:24px}.hero__title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.35}.hero__text{color:var(--color-text-muted);margin-bottom:36px;font-size:1.05rem;line-height:1.9}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.hero__visual{justify-content:center;align-items:center;display:flex}.hero__card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:420px;padding:40px;position:relative}.hero__card:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:calc(var(--radius-lg) + 3px);z-index:-1;opacity:.3;position:absolute;inset:-3px}.hero__card-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hero__card-item{background:var(--color-bg-alt);border-radius:var(--radius-md);text-align:center;transition:transform var(--transition),box-shadow var(--transition);padding:24px 16px}.hero__card-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.hero__card-item i{color:var(--color-primary);margin-bottom:12px;font-size:1.5rem}.hero__card-item span{color:var(--color-text);font-size:.95rem;font-weight:600;display:block}.hero__card-pattern{opacity:.08;background:linear-gradient(45deg,var(--color-primary) 25%,transparent 25%),linear-gradient(-45deg,var(--color-primary) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-primary) 75%),linear-gradient(-45deg,transparent 75%,var(--color-primary) 75%);background-size:16px 16px;width:80px;height:80px;position:absolute;bottom:20px;left:20px}.about__grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about__text p{color:var(--color-text-muted);margin-bottom:20px;font-size:1.02rem;line-height:1.9}.about__cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.about__card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition);background:#fff;padding:28px 24px}.about__card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.about__card-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.1rem;display:flex}.about__card-title{color:var(--color-primary);font-size:.95rem;font-weight:600}.areas__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.area-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);background:#fff;padding:32px 24px}.area-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-muted);transform:translateY(-4px)}.area-card__icon{border-radius:var(--radius-sm);width:52px;height:52px;color:var(--color-primary);transition:background-color var(--transition),color var(--transition);background-color:#38787014;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.25rem;display:flex}.area-card:hover .area-card__icon{background-color:var(--color-primary);color:#fff}.area-card__title{color:var(--color-primary);margin-bottom:10px;font-size:1rem;font-weight:600}.area-card__text{color:var(--color-text-muted);font-size:.88rem;line-height:1.7}.products__grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.product-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition),box-shadow var(--transition);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.product-card--tharwa{background:linear-gradient(160deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:#fff}.product-card--eada{background:linear-gradient(160deg,var(--color-primary-dark) 0,var(--color-accent) 100%);color:#fff}.product-card__inner{padding:40px 36px;position:relative}.product-card__icon{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;font-size:1.75rem;display:flex}.product-card__name{margin-bottom:8px;font-size:1.75rem;font-weight:700}.product-card__category{opacity:.85;border-bottom:1px solid #fff3;margin-bottom:20px;padding-bottom:20px;font-size:.9rem}.product-card__desc{opacity:.9;margin-bottom:24px;font-size:.95rem;line-height:1.8}.product-card__features{flex-direction:column;gap:10px;display:flex}.product-card__feature{opacity:.9;align-items:center;gap:10px;font-size:.88rem;display:flex}.product-card__feature i{opacity:.7;font-size:.75rem}.product-card__pattern{opacity:.06;pointer-events:none;width:120px;height:120px;position:absolute;top:20px;left:20px}.product-card__pattern svg{width:100%;height:100%}.future__intro{text-align:center;max-width:720px;margin:0 auto 56px}.future__intro p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.9}.future__grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:56px;display:grid}.future-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);text-align:center;transition:transform var(--transition),box-shadow var(--transition);background:#fff;padding:36px 28px;position:relative;overflow:hidden}.future-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:3px;transition:transform var(--transition);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.future-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.future-card:hover:before{transform:scaleX(1)}.future-card__icon{width:56px;height:56px;color:var(--color-primary);background:#38787014;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.25rem;display:flex}.future-card__title{color:var(--color-primary);margin-bottom:14px;font-size:1.05rem;font-weight:600}.future-card__text{color:var(--color-text-muted);font-size:.9rem;line-height:1.8}.future__quote{text-align:center;border-radius:var(--radius-md);border-right:4px solid var(--color-accent);background:linear-gradient(135deg,#3878700d,#b8a8901f);padding:40px}.future__quote p{color:var(--color-primary);font-size:1.2rem;font-weight:600;line-height:1.7}.vmv__grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.vmv-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);text-align:center;transition:transform var(--transition),box-shadow var(--transition);background:#fff;padding:36px 28px}.vmv-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.vmv-card__icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:1.25rem;display:flex}.vmv-card__title{color:var(--color-primary);margin-bottom:16px;font-size:1.1rem;font-weight:700}.vmv-card__text{color:var(--color-text-muted);font-size:.92rem;line-height:1.8}.vmv-card__values{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.vmv-card__value{background-color:var(--color-bg-alt);color:var(--color-primary);transition:background-color var(--transition);border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.vmv-card__value:hover{background-color:var(--color-accent-muted)}.vmv-card__value i{color:var(--color-accent);font-size:.7rem}.cta{background:linear-gradient(135deg,var(--color-bg-dark) 0,var(--color-primary) 50%,var(--color-primary-light) 100%);padding:80px 0;position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#c4a26526 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0d 0,#0000 50%);position:absolute;inset:0}.cta__content{text-align:center;z-index:1;max-width:640px;margin:0 auto;position:relative}.cta__title{color:#fff;margin-bottom:20px;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.cta__text{color:#ffffffd9;margin-bottom:32px;font-size:1.05rem;line-height:1.9}.footer{background-color:var(--color-bg-dark);color:#fffc;padding:64px 0 32px}.footer__grid{grid-template-columns:2fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer__logo{width:auto;height:96px;margin-bottom:16px}.footer__brand-desc{opacity:.8;margin-bottom:20px;font-size:.9rem;line-height:1.8}.footer__email{color:var(--color-accent);transition:opacity var(--transition);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.footer__email:hover{opacity:.8}.footer__links-title{color:#fff;margin-bottom:20px;font-size:.95rem;font-weight:600}.footer__links{flex-direction:column;gap:12px;display:flex}.footer__link{opacity:.75;transition:opacity var(--transition),color var(--transition);font-size:.88rem}.footer__link:hover{opacity:1;color:var(--color-accent)}.footer__bottom{text-align:center;opacity:.6;border-top:1px solid #ffffff1a;padding-top:32px;font-size:.85rem}.back-to-top{background-color:var(--color-primary);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--transition);z-index:999;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:fixed;bottom:32px;left:32px;transform:translateY(16px)}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-4px)}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in--visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.areas__grid{grid-template-columns:repeat(2,1fr)}.about__grid,.hero__grid{grid-template-columns:1fr;gap:48px}.hero__visual{order:-1}.hero__card{max-width:100%}.future__grid,.vmv__grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.future__grid{margin-bottom:40px}.products__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}@media (width<=768px){.section{padding:72px 0}.header__links,.header__nav .btn{display:none}.header__menu-toggle{display:flex}.header__cta{display:inline-flex}.about__cards,.areas__grid,.footer__grid{grid-template-columns:1fr}.footer__grid{gap:32px}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.back-to-top{bottom:24px;left:24px}}@media (width<=480px){.container{padding:0 16px}.hero__card-grid{grid-template-columns:1fr 1fr;gap:12px}.hero__card-item{padding:16px 12px}.product-card__inner{padding:32px 24px}}section[id]{scroll-margin-top:var(--header-height)}