:root{--green:#1e371f;--green2:#456b28;--lime:#9ec237;--cream:#f7f5ef;--soft:#faf9f6;--text:#152016;--muted:#627061;--line:#e4e0d5;--pink:#ef3d77;--white:#fff;--shadow:0 18px 50px rgba(25,47,26,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.8;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 34px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav{height:88px;display:flex;align-items:center;gap:22px}.logo img{width:152px;height:auto}.nav-links{display:flex;gap:26px;margin-inline-start:auto;font-weight:900}.nav-links a{padding:10px 0;position:relative}.nav-links a:after{content:"";position:absolute;right:0;left:0;bottom:-7px;height:3px;background:var(--lime);transform:scaleX(0);transition:.22s;border-radius:6px}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{display:flex;align-items:center;gap:10px}.phone-btn,.wa-btn{height:44px;padding:0 18px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:950}.phone-btn{border:1px solid #cdd5c0;color:var(--green)}.wa-btn{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff}.menu-btn{display:none;border:0;background:transparent;width:44px;height:44px}.menu-btn span{display:block;width:28px;height:2px;background:var(--green);margin:6px auto}
.hero{position:relative;overflow:hidden;padding:42px 0 24px;background:linear-gradient(180deg,#ffffff 0%, #f8f6ef 100%)}.hero:before{content:"";position:absolute;left:-140px;top:120px;width:340px;height:340px;border-radius:50%;background:rgba(158,194,55,.09)}.hero:after{content:"";position:absolute;right:-120px;top:-80px;width:420px;height:420px;border-radius:50%;background:rgba(69,107,40,.06)}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:38px}.tag{display:inline-block;background:#eff4e7;color:var(--green2);padding:8px 15px;border-radius:999px;font-weight:950;margin-bottom:16px}.hero h1{font-size:clamp(42px,5vw,74px);line-height:1.08;margin:0 0 16px;font-weight:950;letter-spacing:-1px}.hero h1 span{color:var(--green2)}.hero p{margin:0 0 24px;color:#576557;font-size:20px;max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.btn{height:52px;border-radius:14px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;border:1px solid transparent;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff;box-shadow:0 16px 32px rgba(30,55,31,.18)}.btn.secondary{background:#fff;border-color:#c9d2bc;color:var(--green)}.btn.ghost{background:#fff;border-color:#d1d8c7;color:var(--green)}
.hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-features div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 8px 20px rgba(31,47,22,.04)}.hero-features strong{display:block;font-size:17px;color:var(--green)}.hero-features span{display:block;color:var(--muted);font-size:14px}
.hero-media{position:relative;min-height:610px}.main-shot{position:absolute;inset:42px 0 42px 42px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#fff;display:flex;align-items:center;justify-content:center;padding:16px}.main-shot img{width:100%;height:100%;object-fit:contain;object-position:center center}.float-card{position:absolute;width:240px;height:170px;border-radius:22px;overflow:hidden;box-shadow:0 24px 40px rgba(0,0,0,.12);background:#fff;border:6px solid #fff;display:flex;align-items:center;justify-content:center}.float-card img{width:100%;height:100%;object-fit:contain;object-position:center center;background:#fff;padding:4px}.float-card.top{top:0;left:0}.float-card.bottom{right:0;bottom:0}
.section{padding:78px 0}.section-small{padding:0 0 78px}.section-head{text-align:center;margin-bottom:34px}.section-head span,.section-tag{display:inline-block;color:var(--green2);font-weight:950;margin-bottom:7px}.section-head h2,.about-text h2{font-size:clamp(30px,4vw,46px);margin:0;line-height:1.25;font-weight:950}.section-head p{max-width:650px;margin:10px auto 0;color:var(--muted);font-size:18px}
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-media{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.about-media img{width:100%;height:440px;object-fit:contain;object-position:center center;background:#fff}.about-text p{color:var(--muted);font-size:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats div{background:#f7f9f2;border:1px solid #dfe6d4;border-radius:18px;padding:18px;text-align:center}.stats b{display:block;font-size:28px;color:var(--green2);font-weight:950}.stats span{display:block;color:var(--muted);font-weight:800}
.services{background:linear-gradient(180deg,#fff,#f7f6f1)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(30,55,31,.06);transition:.2s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-image{height:220px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px}.service-image img{width:100%;height:100%;object-fit:contain;object-position:center top}.service-body{padding:18px}.service-body h3{margin:0 0 8px;font-size:22px;line-height:1.3;color:var(--green)}.service-body p{margin:0 0 12px;color:var(--muted);font-size:14px;min-height:72px}.service-body a{color:var(--green2);font-weight:950}
.metrics-wrap{background:linear-gradient(135deg,#17311b,#2b5127);border-radius:22px;padding:22px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;color:#fff;box-shadow:var(--shadow)}.metrics-wrap div{text-align:center}.metrics-wrap b{display:block;font-size:36px;font-weight:950;color:#d9f07a}.metrics-wrap span{display:block;color:#e9f1e5;font-weight:800}
.works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.work-card{position:relative;display:block;height:245px;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.10);border:1px solid #e7e2d8;background:#fff}.work-card img{width:100%;height:100%;object-fit:contain;object-position:center top;transition:.28s;background:#fff;padding:10px}.work-card:hover img{transform:scale(1.05)}.work-card span{position:absolute;right:12px;left:12px;bottom:12px;background:rgba(22,35,20,.86);color:#fff;border-radius:12px;padding:8px 10px;text-align:center;font-weight:900}.center-btn{text-align:center;margin-top:26px}
.clients{background:#fcfcfa}.logos-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.logo-card{height:120px;border:1px solid var(--line);background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:16px;box-shadow:0 8px 20px rgba(30,55,31,.05)}.logo-card img{max-width:100%;max-height:84px;object-fit:contain;filter:grayscale(0)}
.cta-box{background:linear-gradient(135deg,#17321c,#355b2c);color:#fff;border-radius:28px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.cta-box span{color:#d8f06d;font-weight:950}.cta-box h2{margin:6px 0 8px;font-size:36px}.cta-box p{margin:0;color:#ebf2e7}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.footer{background:#102414;color:#d9e3d3;padding-top:44px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;padding-bottom:28px}.footer-brand img{width:160px;margin-bottom:10px}.footer h3{margin:0 0 12px;color:#d9f07a}.footer a,.footer span,.footer p{display:block;color:#d9e3d3;margin:7px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;padding:14px 0 18px;font-size:14px}.footer-bottom a{display:inline;color:#d9f07a;font-weight:950}
.fixed-actions{position:fixed;left:16px;bottom:16px;z-index:90;display:grid;gap:10px;width:128px}.fixed-actions a{height:48px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.20)}.call-fixed{background:#1f331f}.wa-fixed{background:#27c860}
.profile-page{background:#f8f7f2}.profile-hero{padding:56px 0 24px;background:linear-gradient(180deg,#fff,#f8f7f1)}.profile-hero h1{font-size:44px;line-height:1.2;margin:8px 0 8px}.profile-hero p{color:var(--muted);max-width:700px}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.profile-card{background:#fff;border:1px solid var(--line);padding:14px;border-radius:22px;box-shadow:0 10px 26px rgba(30,55,31,.06)}.profile-card img{width:100%;border-radius:12px}.profile-card figcaption{text-align:center;font-weight:900;color:var(--green2);padding-top:10px}
@media(max-width:1180px){.service-grid{grid-template-columns:repeat(4,1fr)}.logos-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1024px){.hero-grid,.about-wrap{grid-template-columns:1fr}.hero-media{min-height:420px}.main-shot{inset:28px 22px 28px 22px}.float-card{width:200px;height:145px}.service-grid{grid-template-columns:repeat(3,1fr)}.works-grid{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr}}
@media(max-width:900px){.menu-btn{display:block;margin-inline-start:auto}.nav{height:78px}.logo img{width:120px}.nav-links{position:fixed;top:78px;left:0;right:0;background:#fff;padding:14px 22px;display:grid;gap:0;box-shadow:0 16px 36px rgba(0,0,0,.10);transform:translateY(-140%);transition:.24s}.nav-links.open{transform:translateY(0)}.nav-links a{padding:12px 0;border-bottom:1px solid var(--line)}.nav-links a:after{display:none}.nav-cta{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.works-grid{grid-template-columns:repeat(2,1fr)}.logos-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{display:grid;text-align:center}.hero h1{font-size:50px}.hero p{font-size:18px}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.hero{padding-top:24px}.hero-grid{text-align:center}.hero p{margin-inline:auto;font-size:16px}.hero-actions{display:grid}.btn{width:100%}.hero-features,.stats,.works-grid,.service-grid,.logos-grid,.footer-grid{grid-template-columns:1fr}.hero-media{min-height:340px}.main-shot{inset:18px 0 18px 0;border-radius:22px;padding:10px}.main-shot img{height:100%;object-fit:contain;object-position:center center}.float-card{width:132px;height:104px;border-radius:16px;border-width:4px}.float-card.top{left:6px}.float-card.bottom{right:6px;bottom:8px}.section{padding:58px 0}.section-small{padding:0 0 58px}.service-image{height:230px}.service-body h3{font-size:20px}.metrics-wrap{grid-template-columns:repeat(2,1fr)}.work-card{height:250px}.logo-card{height:108px}.fixed-actions{left:0;right:0;bottom:0;width:auto;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.97);padding:8px 12px;box-shadow:0 -10px 24px rgba(0,0,0,.14)}.footer{padding-bottom:82px}.footer-bottom{display:grid;text-align:center}.profile-hero h1{font-size:34px}}

/* V3 additions */
.new-service .service-image{height:190px}
.services .section-head p::after{
  content:" تشمل خدماتنا أيضًا تصميم الأكواب، أعلام الفعاليات، الباقات التعريفية والتقارير السنوية.";
  display:block;
  margin-top:6px;
  color:#456b28;
  font-weight:800;
}
@media(max-width:1180px){
  .service-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:1024px){
  .service-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .service-grid{grid-template-columns:1fr}
  .new-service .service-image{height:230px}
}

/* image-fit-fix-v4 */
.service-card,.work-card{background:#fff}
.service-image img,.work-card img,.main-shot img,.float-card img,.about-media img{image-rendering:auto}



/* V5 footer desktop + PDF-only client logos */
@media(min-width:901px){
  .footer{
    padding-top:56px;
  }
  .footer-grid{
    grid-template-columns:1.6fr 1fr 1fr 1.25fr;
    gap:42px;
    align-items:flex-start;
    padding-bottom:38px;
  }
  .footer-brand{
    max-width:360px;
  }
  .footer-brand img{
    width:180px;
    max-height:95px;
    object-fit:contain;
    margin-bottom:18px;
  }
  .footer-brand p{
    max-width:340px;
    line-height:1.9;
    color:#dbe6d5;
  }
  .footer h3{
    font-size:20px;
    margin-bottom:16px;
    position:relative;
    padding-bottom:10px;
  }
  .footer h3::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:46px;
    height:3px;
    border-radius:5px;
    background:#d9f07a;
  }
  .footer a,
  .footer span{
    margin:9px 0;
    line-height:1.75;
  }
  .footer-bottom{
    max-width:1180px;
    margin:0 auto;
    padding:18px 0 22px;
    align-items:center;
  }
}
.logos-grid.pdf-only{
  max-width:760px;
  margin:0 auto;
  grid-template-columns:repeat(4,1fr);
}
.logo-card.pdf-logo{
  height:150px;
  padding:22px;
  background:#fff;
}
.logo-card.pdf-logo img{
  max-height:100px;
  max-width:100%;
  object-fit:contain;
}
@media(max-width:900px){
  .logos-grid.pdf-only{
    grid-template-columns:repeat(2,1fr);
  }
  .logo-card.pdf-logo{
    height:125px;
  }
}
@media(max-width:520px){
  .logos-grid.pdf-only{
    grid-template-columns:1fr;
  }
  .logo-card.pdf-logo{
    height:120px;
  }
}



/* V6 logo correction + Riyadh Foundry removed */
.logo img{
  width:170px;
  max-height:82px;
  object-fit:contain;
}
.footer-brand img{
  width:190px;
  max-height:110px;
  object-fit:contain;
}
.logos-grid.pdf-only.pdf-three{
  max-width:660px;
  grid-template-columns:repeat(3,1fr);
}
@media(max-width:900px){
  .logo img{width:135px;max-height:74px}
  .logos-grid.pdf-only.pdf-three{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .logos-grid.pdf-only.pdf-three{grid-template-columns:1fr}
}

/* V7 original logo fix */
.logo img{
  width:210px !important;
  height:auto !important;
  max-height:74px !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.footer-brand img{
  width:220px !important;
  height:auto !important;
  max-height:90px !important;
  object-fit:contain !important;
  object-position:right center !important;
}
@media(max-width:900px){
  .logo img{
    width:165px !important;
    max-height:64px !important;
  }
}
@media(max-width:640px){
  .logo img{
    width:145px !important;
    max-height:58px !important;
  }
  .footer-brand img{
    width:180px !important;
    max-height:75px !important;
    margin-inline:auto;
  }
}


/* footer logo cleanup */
.footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-logo-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:14px 16px;
  margin-bottom:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.footer-brand img{
  display:block;
  width:230px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
}
@media(max-width:640px){
  .footer-brand{
    align-items:center;
  }
  .footer-logo-wrap{
    margin-inline:auto;
  }
  .footer-brand img{
    width:185px !important;
  }
}

/* V9 final responsive polish */
.site-header{
  min-height:82px;
}
.nav{
  min-width:0;
}
.logo{
  flex:0 0 auto;
}
.logo img{
  width:210px !important;
  height:auto !important;
  max-height:76px !important;
  object-fit:contain !important;
}
.nav-links{
  min-width:0;
  white-space:nowrap;
}
.nav-cta{
  flex:0 0 auto;
}
.phone-btn,
.wa-btn{
  white-space:nowrap;
}
.hero{
  padding-top:34px;
}
.hero-grid{
  min-height:620px;
}
.hero-media{
  overflow:visible;
}
.main-shot{
  background:#fff;
}
.footer{
  overflow:hidden;
}
.footer-grid{
  align-items:flex-start;
}
.footer-logo-wrap{
  background:#fff;
  border-radius:18px;
  padding:13px 16px;
  max-width:270px;
  overflow:hidden;
}
.footer-logo-wrap img{
  width:235px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  margin:0 !important;
}
.footer-brand p{
  max-width:360px;
}
@media(min-width:901px) and (max-width:1180px){
  .nav{
    gap:14px;
  }
  .nav-links{
    gap:16px;
    font-size:15px;
  }
  .phone-btn,
  .wa-btn{
    height:40px;
    padding:0 14px;
    font-size:14px;
  }
  .logo img{
    width:175px !important;
  }
}
@media(max-width:900px){
  .site-header{
    min-height:78px;
  }
  .nav{
    height:78px;
  }
  .logo img{
    width:155px !important;
    max-height:62px !important;
  }
  .nav-links{
    white-space:normal;
  }
  .hero-grid{
    min-height:auto;
  }
}
@media(max-width:640px){
  body{
    padding-bottom:66px;
  }
  .logo img{
    width:138px !important;
    max-height:56px !important;
  }
  .hero{
    padding-top:18px;
  }
  .hero h1{
    font-size:34px;
    line-height:1.2;
  }
  .hero-media{
    min-height:320px;
  }
  .footer-logo-wrap{
    max-width:230px;
    margin-inline:auto;
  }
  .footer-logo-wrap img{
    width:190px !important;
  }
  .footer-brand{
    text-align:center;
  }
}