:root{--s-bg:#f8f8f4;--s-ink:#172b31;--s-muted:#68777a;--s-green:#16806d;--s-blue:#3474a2;--s-beige:#dfbd83;--s-deep:#102c35;--s-border:#dfe7e2;--s-shadow:0 12px 40px rgba(22,67,64,.12)}
.siraj-page{font-family:"Tajawal",Cairo,system-ui,sans-serif;color:var(--s-ink);background:var(--s-bg);line-height:1.6;overflow:hidden}.siraj-page *{box-sizing:border-box}.siraj-page a{text-decoration:none;color:inherit}.siraj-header{position:sticky;top:0;z-index:50;background:rgba(248,248,244,.83);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.siraj-header.is-scrolled{border-color:var(--s-border);box-shadow:0 4px 20px #163d3710}.siraj-header:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--s-green),var(--s-beige),var(--s-blue))}.siraj-header__inner{height:80px;max-width:1200px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.siraj-brand img{display:block;height:48px;width:auto}.siraj-nav{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--s-border);border-radius:30px;background:#fff9;box-shadow:0 4px 18px #1643380b}.siraj-nav>a,.siraj-services__toggle{border:0;background:transparent;padding:9px 16px;border-radius:24px;color:var(--s-muted);font:500 14px inherit;cursor:pointer}.siraj-nav>a:hover,.siraj-nav>a.is-active,.siraj-services__toggle:hover{color:var(--s-ink);background:linear-gradient(#edf7f1,#f4eee2)}.siraj-services{position:relative}.siraj-services__toggle{display:flex;gap:7px;align-items:center}.siraj-chevron{font-size:18px;transition:.2s}.siraj-services.open .siraj-chevron{transform:rotate(180deg)}.siraj-services__menu{position:absolute;top:calc(100% + 14px);right:0;width:340px;padding:9px;background:#fffffff5;border:1px solid var(--s-border);border-radius:17px;box-shadow:var(--s-shadow);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.siraj-services.open .siraj-services__menu{opacity:1;pointer-events:auto;transform:none}.siraj-services__menu a{display:flex;flex-direction:column;padding:12px;border-radius:11px}.siraj-services__menu a:hover{background:#eef6f1}.siraj-services__menu small{color:var(--s-muted);font-size:12px}.siraj-header__actions{display:flex;align-items:center;gap:10px}.siraj-link-button{font-size:14px;color:var(--s-muted)}.siraj-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;background:var(--s-green);color:#fff!important;font-weight:700;box-shadow:0 8px 22px #16806d30;transition:.25s}.siraj-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #16806d42}.siraj-button--small{padding:8px 16px;font-size:13px}.siraj-button--large{padding:14px 27px;border-radius:12px}.siraj-button--gradient{background:linear-gradient(110deg,var(--s-green),var(--s-blue),var(--s-green));background-size:200%}.siraj-menu-button{display:none;border:1px solid var(--s-border);background:#fff9;border-radius:9px;padding:8px 12px;font-size:21px}.siraj-mobile-nav{display:none}
.siraj-hero{position:relative;min-height:590px;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#f2f7ef,#f8f8f4);isolation:isolate}.siraj-hero:before,.siraj-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(65px);opacity:.25;z-index:-1}.siraj-hero:before{width:370px;height:370px;background:var(--s-green);left:-100px;top:-110px;animation:s-blob 13s ease-in-out infinite}.siraj-hero:after{width:400px;height:400px;background:var(--s-blue);right:-120px;bottom:-180px;animation:s-blob 15s ease-in-out -6s infinite}.siraj-hero__decor{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(circle at 14% 22%,var(--s-green) 1px,transparent 2px),radial-gradient(circle at 84% 25%,var(--s-blue) 1px,transparent 2px),linear-gradient(135deg,transparent 48%,#16806d18 49%,transparent 50%);background-size:110px 110px,170px 170px,36px 36px;animation:s-shimmer 9s linear infinite}.siraj-hero__content{position:relative;max-width:850px;padding:88px 24px}.siraj-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #16806d55;background:#fff9;padding:6px 15px;border-radius:30px;font-size:12px;margin-bottom:20px}.siraj-pulse{width:8px;height:8px;border-radius:50%;background:var(--s-green);box-shadow:0 0 0 0 #16806d66;animation:s-pulse 2.2s infinite}.siraj-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.25;margin:0;font-weight:800;letter-spacing:-1px}.siraj-hero h1 em,.siraj-section__intro h2{font-style:normal;background:linear-gradient(120deg,var(--s-green),var(--s-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.siraj-hero p{max-width:690px;margin:22px auto 0;color:var(--s-muted);font-size:17px;line-height:2}.siraj-hero__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.siraj-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;color:var(--s-muted);font-size:12px;margin-top:25px}.siraj-trust span:first-child{color:var(--s-green)}
.siraj-metrics{position:relative;z-index:3;max-width:1100px;margin:-38px auto 0;padding:0 20px}.siraj-metrics__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:13px;background:#fffffff0;border:1px solid var(--s-border);border-radius:19px;box-shadow:var(--s-shadow);backdrop-filter:blur(15px)}.siraj-metrics__grid div{padding:18px 24px;border-radius:13px;background:linear-gradient(135deg,#e7f3e9,#fff);display:flex;align-items:center;gap:14px}.siraj-metrics strong{font-size:28px}.siraj-metrics span{color:var(--s-muted);font-size:13px}
.siraj-section{max-width:1200px;margin:auto;padding:100px 24px}.siraj-section__intro{text-align:center;max-width:650px;margin:0 auto 45px}.siraj-section__intro h2{font-size:clamp(29px,4vw,42px);margin:0 0 10px;font-weight:800;color:var(--s-ink)}.siraj-section__intro p{color:var(--s-muted);margin:0}.siraj-cards{display:grid;gap:20px}.siraj-cards--three{grid-template-columns:repeat(3,1fr)}.siraj-card{position:relative;background:#fff;border:1px solid var(--s-border);border-radius:17px;box-shadow:0 3px 16px #1643380a;transition:.35s;overflow:hidden}.siraj-card:hover{transform:translateY(-5px);box-shadow:var(--s-shadow)}.siraj-card--pillar{padding:31px;display:flex;flex-direction:column;min-height:260px}.siraj-card--pillar:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--s-green),var(--s-beige))}.siraj-card i{font-style:normal;width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#e8f4ec;color:var(--s-green);font-size:29px;margin-bottom:18px}.siraj-card i.blue{background:#eaf2f8;color:var(--s-blue)}.siraj-card i.beige{background:#f6eddf;color:#85683e}.siraj-card h3{margin:0 0 8px;font-size:20px}.siraj-card p{margin:0;color:var(--s-muted);font-size:14px;line-height:1.9}.siraj-card--pillar span{margin-top:auto;padding-top:22px;color:var(--s-green);font-weight:700;font-size:13px}.siraj-features{max-width:none;background:#edf3ef;border-top:1px solid var(--s-border);border-bottom:1px solid var(--s-border)}.siraj-features>*{max-width:1150px;margin-left:auto;margin-right:auto}.siraj-cards--features{grid-template-columns:repeat(3,1fr)}.siraj-cards--features .siraj-card{padding:22px;display:flex;gap:15px}.siraj-cards--features i{width:44px;height:44px;min-width:44px;font-size:21px;margin:0}.siraj-cards--features h3{font-size:16px}.siraj-cards--features p{font-size:13px}
.siraj-faq{background:linear-gradient(180deg,#f3f8f4,#f8f8f4);max-width:none;text-align:center}.siraj-faq__grid{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;text-align:right}.siraj-faq details{background:#fff;border:1px solid var(--s-border);border-radius:14px;padding:0 19px;box-shadow:0 3px 14px #16433808}.siraj-faq summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:700}.siraj-faq summary::-webkit-details-marker{display:none}.siraj-faq summary:after{content:"＋";float:left;color:var(--s-green);font-size:20px}.siraj-faq details[open] summary:after{content:"−"}.siraj-faq details p{border-top:1px solid var(--s-border);padding:15px 0;margin:0;color:var(--s-muted);line-height:2;font-size:14px}.siraj-outline-button{display:inline-block;border:1px solid var(--s-green);color:var(--s-green);border-radius:10px;padding:10px 20px;margin-top:30px;font-weight:700}.siraj-partners{padding:55px 24px;text-align:center;border-top:1px solid var(--s-border);border-bottom:1px solid var(--s-border);background:#f0f4f1}.siraj-partners h2{margin:0;font-size:30px}.siraj-partners p{margin:5px 0 25px;color:var(--s-muted);font-size:13px}.siraj-marquee{max-width:1150px;margin:auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.siraj-marquee__track{display:flex;width:max-content;gap:22px;animation:s-marquee 35s linear infinite}.siraj-marquee:hover .siraj-marquee__track{animation-play-state:paused}.siraj-marquee img{width:190px;height:92px;object-fit:contain;padding:14px 20px;background:#fff;border:1px solid var(--s-border);border-radius:12px}@keyframes s-marquee{to{transform:translateX(33.33%)}}.siraj-cta{max-width:1050px;margin:90px auto;border-radius:25px;padding:65px 70px;color:#fff;background:var(--s-deep);position:relative;overflow:hidden}.siraj-cta:after{content:"";position:absolute;inset:auto -70px -160px auto;width:380px;height:380px;border-radius:50%;background:var(--s-blue);filter:blur(50px);opacity:.35}.siraj-cta>div{position:relative;z-index:1}.siraj-cta h2{font-size:36px;margin:0 0 10px}.siraj-cta p{max-width:650px;color:#cbd8d5;margin:0 0 25px}
@keyframes s-pulse{70%{box-shadow:0 0 0 8px transparent}}@keyframes s-blob{50%{transform:translate(25px,15px) scale(1.08)}}@keyframes s-shimmer{to{background-position:220px 0,0 220px,36px 36px}}@media(prefers-reduced-motion:reduce){.siraj-page *,.siraj-page *:before,.siraj-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:900px){.siraj-nav,.siraj-header__actions{display:none}.siraj-menu-button{display:block}.siraj-mobile-nav{display:none;padding:14px 24px 20px;border-top:1px solid var(--s-border);background:#fffffff2}.siraj-mobile-nav.is-open{display:flex;flex-direction:column;gap:3px}.siraj-mobile-nav a{padding:10px;border-radius:8px;color:var(--s-muted)}.siraj-mobile-nav a:hover{background:#edf5f0;color:var(--s-ink)}.siraj-mobile-nav .siraj-button{color:#fff;margin-top:8px;text-align:center}.siraj-cards--three,.siraj-cards--features{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.siraj-header__inner{height:68px;padding:0 16px}.siraj-brand img{height:40px}.siraj-hero__content{padding:70px 18px}.siraj-hero h1{font-size:36px}.siraj-hero p{font-size:15px}.siraj-metrics{margin-top:-22px;padding:0 12px}.siraj-metrics__grid{grid-template-columns:1fr}.siraj-metrics__grid div{justify-content:center;padding:12px}.siraj-section{padding:70px 16px}.siraj-cards--three,.siraj-cards--features,.siraj-faq__grid{grid-template-columns:1fr}.siraj-partners{padding:42px 12px}.siraj-marquee img{width:155px;height:78px}.siraj-cta{margin:65px 16px;padding:40px 25px}.siraj-cta h2{font-size:29px}}
/* Default Odoo header styled for Siraj. Keep Bootstrap dropdown behavior intact. */
#wrapwrap > header#top {
  direction: rtl;
  position: sticky;
  top: 0;
  z-index: 1030;
  background: rgba(248,248,244,.94) !important;
  border-bottom: 1px solid var(--s-border);
  box-shadow: 0 4px 22px rgba(22,67,64,.08);
}
#wrapwrap > header#top.o_header_affixed,
#wrapwrap > header#top.o_header_disappears,
#wrapwrap > header#top.o_header_affixed.o_header_disappears {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
#wrapwrap > header#top:before {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg,var(--s-green),var(--s-beige),var(--s-blue));
}
#wrapwrap > header#top .navbar {
  min-height: 86px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent !important;
  box-shadow: none !important;
}
#wrapwrap > header#top .navbar-brand {
  width: 120px;
  height: 54px;
  flex: 0 0 120px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("/siraj_odoo/static/src/img/siraj-logo-full.png") center / contain no-repeat;
  overflow: hidden;
}
#wrapwrap > header#top .navbar-brand img {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
#wrapwrap > header#top .navbar-nav,
#wrapwrap > header#top #top_menu {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#wrapwrap > header#top .navbar-nav > li,
#wrapwrap > header#top #top_menu > li {
  list-style: none;
}
#wrapwrap > header#top .navbar-nav > li::marker,
#wrapwrap > header#top #top_menu > li::marker {
  content: "";
}
#wrapwrap > header#top .nav-link,
#wrapwrap > header#top #top_menu > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 15px !important;
  border-radius: 999px;
  color: var(--s-muted) !important;
  font: 500 14px/1.2 Tajawal, Cairo, Arial, sans-serif;
  text-decoration: none !important;
  white-space: nowrap;
}
#wrapwrap > header#top .nav-link:hover,
#wrapwrap > header#top .nav-link.active,
#wrapwrap > header#top #top_menu > li > a:hover,
#wrapwrap > header#top #top_menu > li > a.active {
  color: var(--s-ink) !important;
  background: linear-gradient(#edf7f1,#f4eee2);
}
#wrapwrap > header#top .dropdown-menu {
  z-index: 2000;
  min-width: 190px;
  padding: 8px;
  border: 1px solid var(--s-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(16,44,53,.14);
  text-align: right;
}
#wrapwrap > header#top .dropdown-item {
  padding: 9px 12px;
  border-radius: 8px;
  color: var(--s-ink);
  font: 500 13px/1.4 Tajawal, Cairo, Arial, sans-serif;
}
#wrapwrap > header#top .dropdown-item:hover {
  background: #edf7f1;
  color: var(--s-green);
}
/* Keep the logged-user dropdown independent from menu show-state rules. */
#wrapwrap > header#top li.o_no_autohide_item,
#wrapwrap > header#top li.o_no_autohide_item.show {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
#wrapwrap > header#top li.o_no_autohide_item > a.dropdown-toggle,
#wrapwrap > header#top li.o_no_autohide_item.show > a.dropdown-toggle {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  height: 38px !important;
  min-width: 0 !important;
  min-height: 38px !important;
  max-width: 240px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  white-space: nowrap !important;
}
#wrapwrap > header#top li.o_no_autohide_item.show > a.dropdown-toggle {
  color: var(--s-ink) !important;
  background: linear-gradient(#edf7f1,#f4eee2) !important;
}
#wrapwrap > header#top li.o_no_autohide_item > a.dropdown-toggle::before {
  content: none !important;
  display: none !important;
}
#wrapwrap > header#top li.o_no_autohide_item > a.dropdown-toggle::after {
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 2px 0 0 !important;
  border: 4px solid transparent !important;
  border-top-color: currentColor !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
}
#wrapwrap > header#top li.o_no_autohide_item > .js_usermenu,
#wrapwrap > header#top li.o_no_autohide_item > .js_usermenu.show {
  position: absolute !important;
  inset: calc(100% + 8px) 0 auto auto !important;
  display: none;
  width: 190px !important;
  height: auto !important;
  min-width: 190px !important;
  min-height: 0 !important;
  max-width: min(190px, calc(100vw - 24px)) !important;
  max-height: min(320px, calc(100vh - 120px)) !important;
  margin: 0 !important;
  overflow: auto !important;
  transform: none !important;
}
#wrapwrap > header#top li.o_no_autohide_item > .js_usermenu.show {
  display: block !important;
}
body .o_edit_website_container {
  display: none !important;
}
body .o_frontend_to_backend_nav {
  display: none !important;
}
.siraj-fixed-editor,
.siraj-fixed-editor:visited {
  position: fixed !important;
  top: 29px !important;
  left: 18px !important;
  z-index: 2147483647 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  min-width: 74px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #16806d !important;
  color: #fff !important;
  font: 700 13px/1.2 Tajawal, Arial, sans-serif !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(22,128,109,.28) !important;
}
.siraj-fixed-editor:hover {
  background: #126f5f !important;
  color: #fff !important;
}
@media(max-width:900px){
  #wrapwrap > header#top .navbar {
    min-height: 76px;
    padding: 10px 16px;
  }
  #wrapwrap > header#top .navbar-brand {
    width: 100px;
    height: 44px;
    flex-basis: 100px;
  }
  #wrapwrap > header#top .navbar-nav,
  #wrapwrap > header#top #top_menu {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .siraj-fixed-editor,
  .siraj-fixed-editor:visited {
    top: 23px !important;
    left: 12px !important;
  }
}