:root{
  --primary:#A95823 !important;
  --secondary:#532119 !important;
  --accent:#C47B47 !important;
  --bg:#f7f2ee !important;
  --bg-soft:#fbf8f5 !important;
  --surface:#ffffff !important;
  --surface-2:#f4ede8 !important;
  --text:#241412 !important;
  --muted:#6a534b !important;
  --line:rgba(83,33,25,.12) !important;
  --line-strong:rgba(83,33,25,.18) !important;
  --shadow:0 22px 50px rgba(64,24,17,.10) !important;
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at top right, rgba(169,88,35,.08), transparent 22%),
    radial-gradient(circle at top left, rgba(83,33,25,.06), transparent 24%),
    linear-gradient(180deg,#fcfaf8 0%, #f7f2ee 52%, #f2ebe5 100%) !important;
  color:var(--text) !important;
}
canvas#spaceCanvas,#cursor,#cursor-follower,.floating-elements,.floating-element,.loading{display:none !important}
body, p, li, input, select, textarea, button{font-family:'Cairo',system-ui,sans-serif !important}
main{position:relative;z-index:1}
.container{width:min(1180px,calc(100% - 32px)) !important}
a{transition:all .22s ease}

/* Header */
.site-chrome{position:sticky;top:0;z-index:1000;padding:12px 0;background:rgba(247,242,238,.72)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(83,33,25,.08)}
.navbar.navbar--cyber{
  min-height:84px;border-radius:26px !important;padding:12px 18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,240,235,.9)) !important;
  border:1px solid rgba(83,33,25,.10) !important;box-shadow:0 16px 42px rgba(64,24,17,.10) !important;
}
.logo{gap:14px !important;text-decoration:none !important}
.brand-lockup{width:64px !important;height:64px !important;object-fit:contain}
.brand-lockup--mobile{width:42px !important;height:42px !important;object-fit:contain}
.header-brand__line--primary{font-size:1.12rem !important;font-weight:900 !important;color:#341713 !important}
.header-brand__line--secondary{font-size:.84rem !important;color:#7a5e53 !important}
.nav-links.nav-dock{gap:8px !important;background:transparent !important;border:0 !important;box-shadow:none !important}
.nav-item>a,.language-btn,.nav-mobile-toggle,.mobile-nav-hud__btn,.mobile-nav-hud__float{
  border-radius:16px !important;border:1px solid transparent !important;background:transparent !important;
  color:#4d312a !important;font-weight:800 !important;
}
.nav-item>a:hover,.nav-item>a:focus-visible,.language-btn:hover,.nav-mobile-toggle:hover,
.mobile-nav-hud__btn:hover,.mobile-nav-hud__float:hover{
  background:rgba(169,88,35,.08) !important;border-color:rgba(169,88,35,.14) !important;color:#532119 !important;
  transform:translateY(-1px);
}
.nav-item>a i,.mobile-nav-hud__btn i,.mobile-nav-hud__float i,.language-btn i{color:#A95823 !important}
.mobile-nav-hud__bar,.mobile-nav-hud__stack{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,240,235,.94)) !important;
  border:1px solid rgba(83,33,25,.10) !important;box-shadow:0 18px 40px rgba(64,24,17,.12) !important;
}

/* Buttons */
.btn,.hero-cta-group .btn,.smart-cta-bar__btn,.services-conversion-strip .btn,.sent-actions .btn{
  background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important;border:0 !important;
  box-shadow:0 14px 30px rgba(83,33,25,.18) !important;border-radius:16px !important;
}
.btn:hover,.hero-cta-group .btn:hover,.smart-cta-bar__btn:hover,.services-conversion-strip .btn:hover,.sent-actions .btn:hover{transform:translateY(-2px)}
.btn.btn-ghost,.btn.btn-outline,.smart-cta-bar__btn.secondary{
  background:#fff !important;color:#532119 !important;border:1px solid rgba(83,33,25,.16) !important;box-shadow:none !important;
}
.btn.btn-ghost:hover,.btn.btn-outline:hover,.smart-cta-bar__btn.secondary:hover{background:#f7efe9 !important}

/* Smart CTA */
.smart-cta-bar{
  background:linear-gradient(135deg, rgba(83,33,25,.95), rgba(64,24,17,.95)) !important;
  color:#fff !important;border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.smart-cta-bar__copy strong{color:#fff !important}
.smart-cta-bar__copy span{color:rgba(255,245,240,.82) !important}

/* Hero */
.hero{
  min-height:auto !important;padding:132px 0 88px !important;
  background:
    linear-gradient(135deg, rgba(64,24,17,.95), rgba(83,33,25,.88)),
    radial-gradient(circle at 20% 18%, rgba(169,88,35,.26), transparent 28%),
    radial-gradient(circle at 82% 20%, rgba(196,123,71,.16), transparent 24%) !important;
  position:relative;overflow:hidden;border-bottom-left-radius:36px;border-bottom-right-radius:36px;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.05) 52%, transparent 100%);
  pointer-events:none;
}
.hero .container{position:relative;z-index:1}
.hero-content{max-width:860px !important;padding:0 !important;text-align:right}
[dir="ltr"] .hero-content{text-align:left}
.hero h1,.booking-heading h1,.sent-title,.contact-page-hero h1{color:#fff !important;letter-spacing:-.02em}
.hero p,.hero-subtitle,.hero-proof span{color:rgba(255,245,240,.84) !important}
.hero-title-accent,
.hero h1 .hero-title-accent,
.contact-page-hero h1 .hero-title-accent,
.sent-title span,
.booking-heading h1 .accent{
  background:linear-gradient(135deg,#f8d3b4,#C47B47) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;
}
.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px !important}
.hero-proof span{
  background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;padding:10px 14px !important;
}
.hero-proof i{color:#f2c6a3 !important}
.hero-media,.hero-video{display:none !important}

/* Generic section */
section{position:relative}
.section-title{margin-bottom:26px !important}
.section-title h2,.contact h2,.articles-hero h1,.portfolio-page-hero h1,.privacy-page-hero h1,.error-hero h1{
  color:#2d1814 !important;font-weight:900 !important;letter-spacing:-.02em;
}
.section-title span,.contact-page-hero__eyebrow,.booking-badge,.offer-badge{
  display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;
  background:rgba(169,88,35,.10) !important;border:1px solid rgba(169,88,35,.14) !important;color:#7a3b17 !important;font-weight:800;
}
.section-title h2::after,.booking-form-top h2::after,.booking-calendar-head h2::after{display:none !important}

/* Content cards */
.about,.services,.workflow,.portfolio,.partners,.contact,.articles-list-shell,.portfolio-list-shell,.privacy-shell,.error-shell{
  padding:74px 0 !important;
}
.about-content,.workflow-container,.contact-wrapper,.article-card,.portfolio-card,.contact-page-hero__content,
.sent-card,.booking-panel,.booking-form-card,.privacy-card,.error-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,242,237,.94)) !important;
  color:var(--text) !important;border:1px solid rgba(83,33,25,.10) !important;box-shadow:var(--shadow) !important;
}
.about-content,.contact-wrapper,.workflow-container{border-radius:30px !important;padding:28px !important}
.about h3,.contact h3,.booking-form-top h2,.booking-calendar-head h2,.workflow .step-content h3{color:#341713 !important}
.about p,.contact p,.workflow .step-content p,.service-card p,.portfolio-overlay__summary,.partner-name,.article-excerpt,.sent-text{color:#6a534b !important}
.vm-box,.booking-value-item,.booking-selected-pill,.booking-calendar-card,.service-cta-card,.sent-meta div,.sent-step,.contact-details p{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;box-shadow:none !important;
}
.vm-box h4,.booking-selected-pill strong,.service-cta-card strong,.sent-step strong{color:#341713 !important}

/* Services */
.services-grid{gap:18px !important}
.service-card{
  background:linear-gradient(180deg,#ffffff,#fbf7f4) !important;border:1px solid rgba(83,33,25,.10) !important;
  border-radius:24px !important;box-shadow:0 16px 32px rgba(64,24,17,.08) !important;color:inherit !important;
}
.service-card:hover{transform:translateY(-6px) !important;border-color:rgba(169,88,35,.22) !important;box-shadow:0 22px 42px rgba(64,24,17,.12) !important}
.service-icon{
  width:62px !important;height:62px !important;border-radius:18px !important;
  background:linear-gradient(135deg, rgba(169,88,35,.12), rgba(83,33,25,.10)) !important;border:1px solid rgba(169,88,35,.12) !important;
}
.service-icon i,.service-icon img{color:#A95823 !important}
.service-card h3,.service-kicker,.service-promise,.service-inline-cta{color:#341713 !important}
.service-kicker{background:rgba(169,88,35,.08) !important;border-color:rgba(169,88,35,.12) !important}
.service-points li::marker,.service-inline-cta i{color:#A95823 !important}
.services-conversion-strip{
  margin-top:22px !important;background:linear-gradient(135deg, rgba(83,33,25,.96), rgba(64,24,17,.96)) !important;
  color:#fff !important;border:1px solid rgba(255,255,255,.08) !important;border-radius:24px !important;
}
.services-conversion-strip strong,.services-conversion-strip span{color:#fff !important}

/* Workflow */
.workflow-container .svg-container{opacity:.22 !important;filter:saturate(.4)}
.path-line{stroke:rgba(83,33,25,.18) !important}
.path-animated{stroke:#A95823 !important}
.step-item{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;border-radius:22px !important;box-shadow:0 14px 28px rgba(64,24,17,.06) !important;
}
.step-number{background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important}
.icon-box{background:rgba(169,88,35,.08) !important;border:1px solid rgba(169,88,35,.12) !important}

/* Portfolio */
.portfolio-item,.articles-item,.related-item,.portfolio-card{
  border-radius:24px !important;overflow:hidden !important;border:1px solid rgba(83,33,25,.10) !important;
  box-shadow:0 16px 32px rgba(64,24,17,.08) !important;
}
.portfolio-overlay{
  background:linear-gradient(180deg, rgba(36,20,18,0) 0%, rgba(36,20,18,.78) 100%) !important;
}
.portfolio-overlay h3,.portfolio-overlay p{color:#fff !important}
.portfolio-section__cta .btn,.articles-hero__actions .btn{margin-top:10px}

/* Partners */
.partner-logo{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;border-radius:20px !important;
  box-shadow:0 12px 24px rgba(64,24,17,.06) !important;color:#4d312a !important;
}
.partner-logo:hover{border-color:rgba(169,88,35,.18) !important;transform:translateY(-4px)}
.partner-name{font-weight:800 !important;color:#532119 !important}

/* Forms */
.form-control, select.form-control, textarea.form-control, input.form-control{
  background:#fff !important;color:#241412 !important;border:1px solid rgba(83,33,25,.14) !important;border-radius:16px !important;
  box-shadow:none !important;
}
.form-control:focus, select.form-control:focus, textarea.form-control:focus, input.form-control:focus{
  border-color:#A95823 !important;box-shadow:0 0 0 4px rgba(169,88,35,.10) !important;
}
label,.captcha-label,.contact-trust,.captcha-hint,.service-assist,.message-prompt,.contact-assurance{color:#6a534b !important}
.select-wrap i,.lead-icon{color:#A95823 !important}
.contact-side-proof span,.contact-conversion-points span{
  background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;border-radius:16px !important;color:#4d312a !important;
}
.contact-side-proof i,.contact-conversion-points i,.contact-details i,.social-links i{color:#A95823 !important}
.social-links a{
  background:#fff !important;border:1px solid rgba(83,33,25,.12) !important;color:#532119 !important;box-shadow:none !important;
}
.social-links a:hover{background:#f7efe9 !important;transform:translateY(-2px)}

/* Contact/secondary hero */
.contact-page-hero,.articles-hero,.portfolio-page-hero,.privacy-page-hero,.error-hero{
  padding:130px 0 42px !important;background:transparent !important;
}
.contact-page-hero__content,.articles-hero__content,.portfolio-page-hero__content,.privacy-page-hero__content,.error-hero__content{
  border-radius:30px !important;padding:36px 30px !important;text-align:center !important;
}
.contact-page-hero__content h1,.articles-hero__content h1,.portfolio-page-hero__content h1,.privacy-page-hero__content h1,.error-hero__content h1{color:#2d1814 !important}
.contact-page-hero__content p,.articles-hero__content p,.portfolio-page-hero__content p,.privacy-page-hero__content p,.error-hero__content p{color:#6a534b !important}

/* Booking page */
body.booking-page{background:linear-gradient(180deg,#fcfaf8,#f5eee8) !important}
.booking-shell::before{display:none !important}
.booking-panel,.booking-form-card,.booking-calendar-card,.booking-disabled,.booking-slot-note,.booking-date-card,.booking-time-pill{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,242,237,.94)) !important;
  color:#241412 !important;border:1px solid rgba(83,33,25,.10) !important;box-shadow:var(--shadow) !important;
}
.booking-heading p,.booking-value-item span,.booking-calendar-head p,.booking-form-top p,.booking-cal-hint,.booking-slot-note,.booking-time-empty{color:#6a534b !important}
.booking-value-item strong,.booking-cal-month,.booking-selected-pill strong,.booking-form-top h2,.booking-calendar-head h2{color:#341713 !important}
.booking-cal-nav,.booking-time-pill,.booking-date-card{background:#fff !important;color:#4d312a !important;border:1px solid rgba(83,33,25,.12) !important}
.booking-cal-nav:hover,.booking-time-pill:hover,.booking-date-card:hover,.booking-cal-day.is-available:hover{border-color:rgba(169,88,35,.24) !important}
.booking-cal-day{background:#fff !important;border:1px solid rgba(83,33,25,.10) !important;color:#4d312a !important}
.booking-cal-day.is-available,.booking-time-pill.is-selected,.booking-cal-day.is-selected{background:linear-gradient(135deg, rgba(169,88,35,.12), rgba(83,33,25,.08)) !important;border-color:rgba(169,88,35,.24) !important;color:#341713 !important}
.booking-cal-count{background:rgba(169,88,35,.10) !important;color:#7a3b17 !important;border-color:rgba(169,88,35,.16) !important}
.booking-page .form-status.error{background:rgba(127,29,29,.06) !important;color:#7f1d1d !important;border-color:rgba(127,29,29,.16) !important}
.booking-page .form-status.success{background:rgba(21,128,61,.06) !important;color:#166534 !important;border-color:rgba(21,128,61,.16) !important}

/* Articles */
.articles-chip,.articles-item__meta span,.portfolio-chip,.sent-badge{
  background:rgba(169,88,35,.10) !important;border:1px solid rgba(169,88,35,.14) !important;color:#7a3b17 !important;
}
.articles-item,.related-item,.article-card,.portfolio-card,.privacy-card{background:#fff !important;color:#241412 !important}
.article-card p,.article-card li,.portfolio-card p,.privacy-card p,.privacy-card li{color:#4f3a34 !important}
.article-title,.portfolio-card h1,.privacy-card h1,.privacy-card h2,.privacy-card h3{color:#2d1814 !important}
.article-card a,.portfolio-card a,.privacy-card a{color:#8a4319 !important}

/* Sent pages */
.sent-shell{background:transparent !important}
.sent-card{color:#241412 !important}
.sent-badge{background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important;box-shadow:0 14px 34px rgba(83,33,25,.18) !important}
.sent-meta div,.sent-step,.sent-assigned{background:#fff !important;border-color:rgba(83,33,25,.10) !important;color:#241412 !important}
.sent-step span,.sent-assigned div:last-child{color:#6a534b !important}
.sent-note{background:rgba(196,123,71,.10) !important;border-color:rgba(196,123,71,.22) !important;color:#7a3b17 !important}

/* Footer */
footer{
  background:linear-gradient(180deg,#3a1712,#24100d) !important;color:#fff !important;margin-top:34px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer-content{gap:28px !important}
.footer-brand-title,.footer-links h3{color:#fff !important}
.footer-links a,.footer-links span,.copyright p,.footer-credit a{color:rgba(255,245,240,.82) !important}
.footer-links a:hover,.footer-credit a:hover{color:#fff !important}
.footer-links i{color:#f2c6a3 !important}
.copyright{border-top:1px solid rgba(255,255,255,.08) !important}

/* Floating CTA */
.decision-fab{
  background:linear-gradient(135deg,#A95823,#532119) !important;color:#fff !important;border:0 !important;
  box-shadow:0 20px 38px rgba(83,33,25,.20) !important;
}
.decision-fab__pulse{background:rgba(169,88,35,.24) !important}

/* Responsiveness */
@media (max-width: 992px){
  .hero{padding:118px 0 76px !important}
  .about,.services,.workflow,.portfolio,.partners,.contact,.articles-list-shell,.portfolio-list-shell,.privacy-shell,.error-shell{padding:58px 0 !important}
}
@media (max-width: 768px){
  .container{width:min(100%,calc(100% - 20px)) !important}
  .navbar.navbar--cyber{min-height:74px;padding:10px 12px !important;border-radius:22px !important}
  .brand-lockup{width:50px !important;height:50px !important}
  .header-brand__line--primary{font-size:1rem !important}
  .header-brand__line--secondary{font-size:.74rem !important}
  .hero{padding:108px 0 64px !important;border-bottom-left-radius:24px;border-bottom-right-radius:24px}
  .hero-proof{gap:8px}
  .hero-proof span{width:100%;justify-content:center}
  .about-content,.workflow-container,.contact-wrapper,.contact-page-hero__content,.sent-card,.booking-panel,.booking-form-card,.privacy-card,.error-card{padding:22px 18px !important;border-radius:24px !important}
  .site-chrome{padding:8px 0 0 !important}
}

/* ===== Desktop top header override for Almhaili ===== */
@media (min-width: 769px){
  body,
  body[dir="ltr"]{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .site-chrome,
  .site-chrome .container,
  .site-chrome .navbar--cyber{
    pointer-events:auto !important;
  }

  .site-chrome{
    padding:14px 0 !important;
  }

  .navbar.navbar--cyber{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    min-height:96px !important;
  }

  .navbar--cyber .logo{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    z-index:auto !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
  }

  .brand-lockup{
    display:block !important;
  }

  .brand-lockup--mobile{
    display:none !important;
  }

  .header-brand{
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  .nav-links.nav-dock{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:auto !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .nav-dock > li,
  .nav-dock .language-switcher{
    display:flex !important;
    justify-content:flex-start !important;
    flex:0 0 auto !important;
  }

  .nav-item--mobile-toggle,
  .mobile-nav-hud{
    display:none !important;
  }

  .nav-dock > li > a,
  .nav-dock > li > .language-btn{
    width:auto !important;
    min-width:unset !important;
    height:50px !important;
    padding:0 18px !important;
    border-radius:15px !important;
    border:1px solid rgba(83,33,25,.10) !important;
    background:rgba(255,255,255,.72) !important;
    color:#4d312a !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    box-shadow:none !important;
    overflow:visible !important;
    transform:none !important;
  }

  .nav-dock > li > a::before,
  .nav-dock > li > .language-btn::before{
    display:none !important;
  }

  .nav-dock > li > a i,
  .nav-dock > li > .language-btn i{
    font-size:1rem !important;
    transform:none !important;
  }

  .nav-dock > li > a span,
  .nav-dock > li > .language-btn .lang-text,
  [dir="ltr"] .nav-dock > li > a span,
  [dir="ltr"] .nav-dock > li > .language-btn .lang-text{
    position:static !important;
    inset:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    color:inherit !important;
    padding:0 !important;
    border-radius:0 !important;
    font-size:.95rem !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }

  .nav-dock > li > a:hover,
  .nav-dock > li > a:focus-visible,
  .nav-dock > li > a.is-active,
  .nav-dock > li > .language-btn:hover,
  .nav-dock > li > .language-btn:focus-visible{
    background:rgba(169,88,35,.08) !important;
    border-color:rgba(169,88,35,.18) !important;
    color:#532119 !important;
    box-shadow:0 10px 24px rgba(64,24,17,.08) !important;
    transform:translateY(-1px) !important;
  }

  .nav-dock > li > a:hover i,
  .nav-dock > li > a:focus-visible i,
  .nav-dock > li > a.is-active i,
  .nav-dock > li > .language-btn:hover i,
  .nav-dock > li > .language-btn:focus-visible i{
    transform:none !important;
  }
}