/* DELTA V62.2 — visual polish / local assets / Persian typography */
:root{
  --delta-blue:#2aa9ff;
  --delta-blue-2:#73ddff;
  --delta-blue-deep:#071a2b;
  --delta-ink:#082035;
  --delta-text:#eaf7ff;
  --delta-muted:#9bb7c9;
  --delta-surface:#0b2032;
  --delta-border:rgba(117,207,245,.22);
  --delta-shadow:0 24px 70px rgba(1,18,33,.28);
  --delta-radius:28px;
}

/* ----- typography ----- */
html,body,button,input,textarea,select{font-family:"NotoSansArabic","Noto Sans Arabic",Tahoma,Arial,sans-serif!important}
body *{font-family:inherit!important}
body{line-height:1.85;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-weight:800!important;line-height:1.5!important;letter-spacing:-.02em}
p,li,a,span,label,small{font-weight:400}
strong,b{font-weight:800!important}
.header .links a{font-weight:600!important;font-size:13px!important}
.btn{font-weight:700!important;letter-spacing:0!important}
.eyebrow{font-weight:800!important;letter-spacing:2.4px!important}

/* ----- global surfaces / header ----- */
.header.page,.header.scrolled{
  background:rgba(5,19,31,.84)!important;
  border-bottom:1px solid rgba(116,207,245,.14)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.18)!important;
}
.nav{min-height:76px!important}
.logo img{width:100px!important;height:74px!important;object-fit:contain!important;filter:drop-shadow(0 0 22px rgba(74,187,255,.28))!important}
.links{gap:28px!important}
.links a{padding:15px 4px!important;color:#eaf7ff!important}
.head-actions{gap:10px!important}
.head-actions .btn{min-height:42px!important}
.btn.primary{background:linear-gradient(135deg,#1699ff,#68dcff)!important;color:#041522!important;box-shadow:0 9px 26px rgba(23,151,240,.22)!important}
.menu{background:rgba(10,31,47,.9)!important;color:#eefaff!important}

/* ----- home hero ----- */
.hero-v51{
  min-height:820px!important;
  padding:150px 0 95px!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(41,162,255,.18),transparent 30%),
    radial-gradient(circle at 10% 70%,rgba(44,123,255,.09),transparent 32%),
    #061523!important;
}
.hero-v51 .hero-bg{opacity:.44!important;filter:saturate(.9) brightness(.7)!important}
.hero-v51 .hero-four-domains{gap:22px!important}
.hero-v51 .hero-core{padding:30px 28px!important;border-radius:36px!important;background:linear-gradient(180deg,rgba(5,22,36,.76),rgba(5,19,31,.42))!important;border:1px solid rgba(116,207,245,.14)!important;box-shadow:0 28px 100px rgba(0,0,0,.24)!important;backdrop-filter:blur(6px)!important}
.hero-v51 .hero-logo-stage{height:320px!important}
.hero-v51 .hero-logo{width:min(290px,78%)!important;max-height:320px!important;object-fit:contain!important;filter:drop-shadow(0 0 28px rgba(51,171,255,.26))!important}
.hero-v51 .hero-core h1{font-size:clamp(30px,3.2vw,46px)!important;font-weight:800!important;line-height:1.45!important;margin-top:10px!important}
.hero-v51 .hero-core p{font-size:15px!important;color:#b2cddd!important;max-width:600px;margin-inline:auto;line-height:2!important}
.hero-v51 .slogan{font-size:12px!important;letter-spacing:4px!important;color:#6ed8ff!important;font-weight:700!important}

/* Small hero domain cards: real local images instead of remote backgrounds */
.hero-v51 .domain-card{
  min-height:156px!important;
  width:100%!important;
  border-radius:24px!important;
  background-color:#0a2134!important;
  border:1px solid rgba(123,213,245,.22)!important;
  overflow:hidden!important;
  box-shadow:0 20px 55px rgba(0,0,0,.20)!important;
}
.hero-v51 .domain-card:before{background:linear-gradient(90deg,rgba(3,15,26,.88),rgba(4,26,42,.52) 58%,rgba(3,17,28,.34))!important}
.hero-v51 .domain-security .domain-card{background-image:url('../images/domain-security-real.png')!important;background-position:center!important;background-size:cover!important}
.hero-v51 .domain-energy .domain-card{background-image:url('../images/domain-energy-real.png')!important;background-position:center!important;background-size:cover!important}
.hero-v51 .domain-construction .domain-card{background-image:url('../images/domain-construction-real.png')!important;background-position:center!important;background-size:cover!important}
.hero-v51 .domain-business .domain-card{background-image:url('../images/domain-business-real.png')!important;background-position:center!important;background-size:cover!important}
.hero-v51 .domain-card b{font-size:18px!important;font-weight:800!important}
.hero-v51 .domain-card small{font-size:9px!important;letter-spacing:2px!important;color:#a7cbde!important}
.hero-v51 .domain-icon{width:52px!important;height:52px!important;border-radius:16px!important;background:rgba(5,24,39,.58)!important;border-color:rgba(159,231,255,.28)!important}

/* ----- specialized domains section: actual photographic background ----- */
.domain-services-section{
  background:
    radial-gradient(circle at 50% 0%,rgba(34,149,232,.10),transparent 30%),
    linear-gradient(180deg,#061a2b,#071a2a 70%,#061723)!important;
}
.domain-services-section .section-head{margin-bottom:34px!important}
.domain-services-section .section-head h2{font-size:clamp(30px,3.4vw,46px)!important;color:#f4fbff!important;margin-bottom:10px!important}
.domain-services-section .section-head p{font-size:14px!important;color:#9cb8c8!important}
.domain-showcase{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.domain-feature{
  min-height:510px!important;height:510px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(126,212,246,.22)!important;
  background-color:#0a2033!important;
  background-image:var(--domain-image)!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 28px 75px rgba(0,0,0,.28)!important;
  transform:translateY(0)!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s!important;
}
.domain-feature[data-domain-panel="security"]{--domain-image:url('../images/domain-security-real.png')!important}
.domain-feature[data-domain-panel="energy"]{--domain-image:url('../images/domain-energy-real.png')!important}
.domain-feature[data-domain-panel="construction"]{--domain-image:url('../images/domain-construction-real.png')!important}
.domain-feature[data-domain-panel="business"]{--domain-image:url('../images/domain-business-real.png')!important}
.domain-feature:hover,.domain-feature.is-active{transform:translateY(-8px)!important;border-color:rgba(116,215,255,.46)!important;box-shadow:0 36px 90px rgba(0,0,0,.36)!important}
.domain-feature-overlay{background:linear-gradient(180deg,rgba(2,15,26,.12) 0%,rgba(2,17,29,.24) 36%,rgba(2,15,26,.96) 100%)!important}
.domain-feature-content{inset:22px 20px 20px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.domain-feature-top{margin-bottom:auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
.feature-icon{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:rgba(3,23,39,.52)!important;border:1px solid rgba(165,229,255,.22)!important;color:#86e3ff!important;font-size:21px!important}
.feature-number{font-weight:700!important;font-size:16px!important;color:#d9f7ff!important}
.domain-feature h3{font-size:26px!important;line-height:1.45!important;margin:0 0 8px!important;color:#fff!important;font-weight:800!important;text-shadow:0 3px 20px rgba(0,0,0,.3)!important}
.domain-feature p{font-size:12px!important;line-height:2!important;color:#d1e4ee!important;margin:0 0 16px!important}
.domain-subitems{display:grid!important;gap:8px!important}
.domain-subitems a{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(4,23,37,.64)!important;border:1px solid rgba(169,227,247,.14)!important;color:#f0fbff!important;font-size:11px!important;line-height:1.7!important;transition:.25s!important}
.domain-subitems a:hover{background:rgba(17,84,125,.74)!important;border-color:rgba(122,221,255,.35)!important;transform:translateX(-2px)!important}
.domain-subitems a span{font-size:10px!important;color:#79dafb!important;font-weight:800!important}

/* ----- shared sections ----- */
.section{padding:105px 0!important}
.section-head h2,.about h2,.cta h2{font-weight:800!important}
.section-head p{max-width:720px;margin-inline:auto!important}
.about{gap:70px!important}
.about h2{font-size:34px!important}
.about p{font-size:15px!important;line-height:2.2!important}
.media{border-radius:30px!important}
.media img{min-height:430px!important;object-fit:cover!important}

/* Services */
.services{gap:20px!important}
.service{padding:28px!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffff,#f5fbff)!important;border:1px solid #d6e7ef!important;box-shadow:0 18px 55px rgba(19,68,95,.08)!important}
.service .sicon{width:58px!important;height:58px!important;border-radius:18px!important;font-size:22px!important;background:linear-gradient(135deg,#effaff,#dcefff)!important;color:#168eda!important}
.service h3{font-size:17px!important;font-weight:800!important}
.service p{font-size:13px!important;line-height:2!important;color:#648095!important}

/* Product cards */
.product-card{border-radius:24px!important;overflow:hidden!important;border:1px solid #d7e7ef!important;box-shadow:0 18px 60px rgba(18,72,100,.09)!important}
.product-card h3{font-size:17px!important;font-weight:800!important}
.product-card p{font-size:12px!important;line-height:2!important}

/* Projects */
.projects{gap:18px!important}
.project{border-radius:24px!important;height:250px!important}
.project span{font-size:13px!important}

/* Page heroes */
.page-hero,.detail-hero{padding:175px 0 95px!important;min-height:360px!important;background:
  radial-gradient(circle at 50% 20%,rgba(48,169,255,.18),transparent 35%),
  linear-gradient(180deg,#061a2a,#09253a)!important;color:#f4fbff!important;position:relative;overflow:hidden!important}
.page-hero:before,.detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(84,198,255,.05) 50%,transparent 100%);pointer-events:none}
.page-hero .hero-mini-logo,.detail-hero .hero-mini-logo{width:96px!important;opacity:.95!important;filter:drop-shadow(0 0 22px rgba(79,190,255,.2))!important}
.page-hero h1,.detail-hero h1{font-size:clamp(38px,5vw,66px)!important;margin:12px 0 8px!important;font-weight:800!important}
.page-hero p,.detail-hero p{font-size:15px!important;color:#abc5d5!important}

/* Detail page */
.detail-hero .eyebrow{color:#76dbff!important}
.detail-hero #detailDescription{color:#bed5e1!important}

/* Footer */
.footer{background:linear-gradient(180deg,#061622,#040f18)!important;border-top:1px solid rgba(117,207,245,.12)!important}
.footer h4{font-size:14px!important;font-weight:800!important;color:#ecfaff!important}
.footer a,.footer span,.footer p{font-size:12px!important;line-height:2!important;color:#a7c2d2!important}
.footer a:hover{color:#70d9ff!important}
.footer>div,.footer .container{position:relative}

/* Light theme — keep content clean while dark hero/domain remains premium */
html[data-theme="light"] body{--bg:#f3f8fb;--surface:#fff;--surface-2:#f7fbfe;--surface-3:#edf5f9;--text:#17384f;--muted:#698194}
html[data-theme="light"] .header.page,html[data-theme="light"] .header.scrolled{background:rgba(255,255,255,.90)!important;border-color:#dbe8ef!important}
html[data-theme="light"] .links a{color:#17384f!important}
html[data-theme="light"] .menu{background:#fff!important;color:#17384f!important}
html[data-theme="light"] .page-hero,html[data-theme="light"] .detail-hero{background:linear-gradient(180deg,#e8f4fa,#f4f9fc)!important;color:#14334b!important}
html[data-theme="light"] .page-hero p,html[data-theme="light"] .detail-hero p{color:#59758a!important}

/* Gateway page */
.gateway-page{font-family:"NotoSansArabic","Noto Sans Arabic",Tahoma,sans-serif!important}
.gateway-hero h1,.gateway-copy p,.language-card,.gateway-footer{font-family:"NotoSansArabic","Noto Sans Arabic",Tahoma,sans-serif!important}
.gateway-hero h1{font-weight:800!important;line-height:1.5!important}
.gateway-hero h1 span,.gateway-hero h1 strong{font-weight:800!important}
.lang-name{font-weight:800!important}
.gateway-kicker{font-weight:700!important;letter-spacing:2px!important}

/* Better focus / reduced motion */
:focus-visible{outline:2px solid #70d9ff!important;outline-offset:4px!important}
@media(prefers-reduced-motion:reduce){.domain-feature,.btn,.service,.project{transition:none!important;transform:none!important}}

@media(max-width:1120px){
  .links{gap:18px!important}
  .domain-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .domain-feature{height:460px!important;min-height:460px!important}
}
@media(max-width:760px){
  .nav{min-height:68px!important}
  .logo img{width:82px!important;height:60px!important}
  .head-actions .theme-toggle,.head-actions .primary{display:none!important}
  .hero-v51{padding-top:120px!important}
  .hero-v51 .hero-core{padding:25px 17px!important;border-radius:28px!important}
  .hero-v51 .hero-logo-stage{height:230px!important}
  .hero-v51 .hero-logo{width:210px!important}
  .hero-v51 .domain-card{min-height:132px!important}
  .domain-showcase{grid-template-columns:1fr!important}
  .domain-feature{height:390px!important;min-height:390px!important}
  .section{padding:76px 0!important}
  .page-hero,.detail-hero{padding:135px 0 70px!important;min-height:300px!important}
}
/* Remove obsolete missing hero background from older bundles; the new hero is fully local/CSS driven. */
.hero-v51 .hero-bg{background-image:linear-gradient(180deg,rgba(1,11,21,.02),rgba(2,15,28,.78))!important;animation:none!important}