:root {
  --ink: #0a3d3f;
  --ivory: #f4f7f5;
  --paper: #e8efe9;
  --blue: #0D7377;
  --blue-deep: #0A5C5F;
  --ember: #2E8B57;
  --rule: rgba(13, 115, 119, 0.18);
  --display-font: "Tajawal", sans-serif;
  --mono-font: "Tajawal", sans-serif;
  --dark-section-bg: none;
  --dark-section-color: #0d1a1b;
}
body.index-page { background-color: var(--ivory) !important; color: var(--ink) !important; }
.header { background: transparent !important; backdrop-filter: none !important; }
.header > .container-fluid, .header > .container-xl { position: relative; direction: ltr; }
@media (min-width: 992px) {
  .header > .container-fluid, .header > .container-xl { grid-template-columns: 1fr auto 1fr !important; column-gap: 32px !important; padding-left: 28px !important; padding-right: 28px !important; }
  .header .logo.ure-logo-side { justify-self: start !important; align-self: center; margin: 0 !important; padding-left: 0 !important; padding-right: 24px !important; order: 0; }
  .header .logo.ure-logo-side img { display: block; height: 44px; width: auto; background: #ffffff; padding: 6px 12px; border-radius: 4px; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.4); }
  .header .ure-navmenu { justify-self: center !important; align-self: center; display: flex !important; align-items: center; gap: 1.6rem !important; }
  .header .ure-logo-side.justify-content-end, .header .ure-logo-side:last-of-type { justify-self: end !important; align-self: center; margin: 0 !important; padding-left: 24px !important; padding-right: 0 !important; order: 2; }
}
@media (max-width: 991.98px) {
  .header { padding-block: 6px; }
  .header > .container-fluid, .header > .container-xl { display: flex !important; align-items: center; justify-content: space-between; gap: 24px; padding-left: 18px !important; padding-right: 18px !important; }
  .header .logo.ure-logo-side { margin: 0 !important; padding: 0 !important; order: 0; flex: 0 0 auto; }
  .header .logo.ure-logo-side img { height: 38px; width: auto; display: block; background: #ffffff; padding: 5px 10px; border-radius: 4px; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.4); }
  .header .ure-mobile-toggle { position: static !important; right: auto !important; order: 2; margin: 0 0 0 auto !important; width: 44px; height: 44px; padding: 0 !important; border: 1px solid rgba(244, 241, 234, 0.55) !important; border-radius: 0 !important; background: rgba(13, 12, 29, 0.18) !important; backdrop-filter: blur(6px); align-items: center; transition: background 0.3s ease, border-color 0.3s ease; }
  .header .ure-mobile-toggle span { width: 18px; height: 1.5px; background: var(--ivory) !important; margin-inline: auto; }
  body.scrolled .header .ure-mobile-toggle, body.sticked .header .ure-mobile-toggle { border-color: var(--ink) !important; background: transparent !important; }
  .ure-mobile-menu { position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; max-height: none !important; background: radial-gradient(circle at 100% 0%, rgba(26, 31, 92, 0.42) 0%, transparent 48%), radial-gradient(circle at 0% 100%, rgba(250, 127, 40, 0.16) 0%, transparent 42%), var(--ink) !important; border: none !important; padding: 28px 28px 28px !important; overflow-y: auto !important; transform: translateX(100%); transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important; display: flex !important; flex-direction: column; gap: 0; z-index: 998; }
  [dir="rtl"] .ure-mobile-menu { transform: translateX(-100%); }
  .ure-mobile-menu.open { transform: translateX(0) !important; padding: 28px 28px 28px !important; }
  .ure-drawer-eyebrow { margin: 64px 0 12px !important; font-family: var(--mono-font); font-size: 0.7rem; letter-spacing: 0.34em; text-transform: uppercase; color: var(--ember); padding-bottom: 14px; border-bottom: 1px solid rgba(244, 241, 234, 0.14); }
  .ure-drawer-nav { display: flex; flex-direction: column; counter-reset: dnav; margin-bottom: 22px; }
  .ure-drawer-nav a, .ure-mobile-menu .ure-drawer-nav a { font-family: var(--display-font) !important; font-style: normal; font-size: 1.4rem !important; font-weight: 500 !important; color: var(--ivory) !important; padding: 11px 0 !important; border-bottom: 1px solid rgba(244, 241, 234, 0.12) !important; letter-spacing: -0.005em; line-height: 1.15; display: flex !important; align-items: baseline; gap: 12px; text-decoration: none; transition: color 0.3s ease, transform 0.3s ease; }
  .ure-drawer-nav a::before { counter-increment: dnav; content: counter(dnav, decimal-leading-zero); font-family: var(--mono-font); font-style: normal; font-size: 0.62rem; letter-spacing: 0.18em; color: var(--ember); flex: 0 0 auto; position: relative; top: -0.2em; background: transparent; width: auto; height: auto; border-radius: 0; opacity: 0.9; }
  .ure-drawer-nav a:hover, .ure-drawer-nav a:active { color: var(--ember) !important; transform: translateX(-6px); }
  [dir="rtl"] .ure-drawer-nav a:hover, [dir="rtl"] .ure-drawer-nav a:active { transform: translateX(6px); }
  .ure-mobile-cta { display: block !important; text-align: center !important; width: 100% !important; margin: 0 0 18px !important; padding: 16px 20px !important; min-height: 54px; line-height: 1.2 !important; background: var(--ivory) !important; border: 1px solid var(--ivory) !important; border-radius: 0 !important; color: #000000 !important; font-family: var(--display-font) !important; font-style: normal !important; font-size: 1.15rem !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; box-shadow: 0 18px 40px -18px rgba(13, 12, 29, 0.6) !important; opacity: 1 !important; transform: none !important; transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease, letter-spacing 0.35s ease !important; }
  .ure-mobile-cta::after { content: " →"; font-family: var(--display-font); font-style: normal; margin-inline-start: 10px; display: inline-block; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); }
  [dir="rtl"] .ure-mobile-cta::after { content: " ←"; }
  .ure-mobile-cta:hover, .ure-mobile-cta:active, .ure-mobile-cta:focus { background: var(--ember) !important; border-color: var(--ember) !important; color: #000000 !important; letter-spacing: 0.02em !important; }
  .ure-drawer-foot { margin-top: auto !important; padding-top: 18px; border-top: 1px solid rgba(244, 241, 234, 0.14); }
  .ure-drawer-brand { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 14px; }
  .ure-drawer-brand > span { display: flex; flex-direction: column; align-items: center; gap: 3px; }
  .ure-drawer-brand em { font-family: var(--display-font); font-style: normal; font-weight: 500; font-size: 1.05rem; color: var(--ivory); letter-spacing: -0.005em; line-height: 1; }
  .ure-drawer-brand small { font-family: var(--mono-font); font-size: 0.52rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--ember); }
  .ure-drawer-divider { width: 1px; height: 30px; background: rgba(244, 241, 234, 0.22); flex: 0 0 1px; }
  .ure-drawer-disclaimer { margin: 0 !important; font-family: "Tajawal", sans-serif !important; font-size: 0.7rem !important; line-height: 1.7; color: rgba(244, 241, 234, 0.55) !important; text-align: center; }
  .header .ure-mobile-toggle { z-index: 999; }
  .ure-mobile-toggle.open { border-color: var(--ember) !important; background: rgba(13, 12, 29, 0.6) !important; }
  .ure-mobile-toggle.open span { background: var(--ember) !important; }
}
@media (max-width: 380px) {
  .ure-mobile-menu { padding: 22px !important; }
  .ure-mobile-menu.open { padding: 22px !important; }
  .ure-drawer-eyebrow { margin-top: 56px !important; font-size: 0.66rem; }
}
.header .ure-navmenu { justify-content: center; margin: 0 !important; }
.header .ure-navmenu a { font-family: var(--display-font); font-weight: 500; font-size: 1.12rem; letter-spacing: 0.01em; color: var(--ivory) !important; position: relative; padding: 0.4rem 0.2rem !important; transition: color 0.35s ease; text-shadow: 0 1px 2px rgba(13, 12, 29, 0.35); }
body.scrolled .header, body.sticked .header { background: rgba(244, 241, 234, 0.78) !important; backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); border-bottom: 1px solid var(--rule) !important; }
body.scrolled .header .ure-navmenu a, body.sticked .header .ure-navmenu a { color: var(--ink) !important; text-shadow: none; }
.header .ure-navmenu a::after { content: ""; position: absolute; inset: auto 0 0 0; height: 1px; background: var(--blue); transform: scaleX(0); transform-origin: right; transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1); }
.header .ure-navmenu a:hover { color: var(--blue) !important; }
.header .ure-navmenu a:hover::after { transform: scaleX(1); transform-origin: left; }
.btn-getstarted { background: transparent !important; color: var(--ivory) !important; border: 1px solid var(--ivory) !important; border-radius: 0 !important; padding: 0.75rem 1.5rem !important; font-family: var(--display-font); font-size: 0.95rem !important; font-weight: 600 !important; letter-spacing: 0.1em; text-transform: uppercase; position: relative; overflow: hidden; transition: color 0.4s ease, border-color 0.4s ease; }
body.scrolled .header .btn-getstarted, body.sticked .header .btn-getstarted { background: var(--ink) !important; color: var(--ivory) !important; border-color: var(--ink) !important; }
.header .ure-mobile-toggle span { background: var(--ivory) !important; }
body.scrolled .header .ure-mobile-toggle span, body.sticked .header .ure-mobile-toggle span { background: var(--ink) !important; }
.btn-getstarted::before { content: ""; position: absolute; inset: 0; background: var(--blue); transform: translateY(101%); transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1); z-index: 0; }
.btn-getstarted span, .btn-getstarted { z-index: 1; }
.btn-getstarted:hover::before { transform: translateY(0); }
.btn-getstarted:hover { color: var(--ivory) !important; }
.footer.dark-background { background: var(--ink) !important; color: var(--ivory) !important; border-top: 1px solid var(--blue); padding-top: 5rem !important; }
.footer .sitename { font-family: var(--display-font) !important; font-style: normal; font-weight: 500 !important; font-size: 2rem; color: var(--ivory) !important; }
.footer-about p { color: rgba(244, 241, 234, 0.7) !important; line-height: 1.85; }
.footer-links h4 { font-family: var(--mono-font) !important; font-size: 0.78rem !important; letter-spacing: 0.28em; text-transform: uppercase; color: var(--ember) !important; margin-bottom: 1.4rem !important; padding-bottom: 0.8rem; border-bottom: 1px solid rgba(244, 241, 234, 0.18); }
.footer-links ul li a, .footer-links ul li { font-family: "Tajawal", sans-serif; color: rgba(244, 241, 234, 0.78) !important; font-size: 0.95rem; transition: color 0.3s ease, padding 0.3s ease; }
.footer-links ul li a:hover { color: var(--blue) !important; padding-inline-start: 4px; }
.footer-links ul li i { color: var(--ember); font-size: 0.7rem; }
.copyright { border-top: 1px solid rgba(244, 241, 234, 0.12); padding: 2rem 0 !important; margin-top: 3rem; }
.copyright p { font-family: var(--mono-font) !important; font-size: 0.7rem !important; letter-spacing: 0.06em; color: rgba(244, 241, 234, 0.55) !important; line-height: 1.9 !important; max-width: 80ch; margin-inline: auto; }
.copyright a { color: var(--ember) !important; }