/* DELTA V64 — typography, language consistency and mobile cleanup */
@font-face{font-family:"Delta64";src:url("../fonts/NotoSansArabic-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Delta64";src:url("../fonts/NotoSansArabic-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Delta64";src:url("../fonts/NotoSansArabic-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{--d64-font:"Delta64",Tahoma,Arial,sans-serif;--d64-blue:#27b9ff;--d64-cyan:#82e6ff;--d64-bg:#061a2a;--d64-panel:#0a2438}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}
html,body,button,input,textarea,select{font-family:var(--d64-font)!important}
body *{font-family:var(--d64-font)!important;font-synthesis:none}
h1,h2,h3,h4,h5,h6{font-family:var(--d64-font)!important;font-weight:700!important;letter-spacing:0!important}
p,a,button,input,textarea,select,label,small,span,strong,b,li{font-family:var(--d64-font)!important;letter-spacing:0!important}
body{overflow-x:hidden;word-break:normal;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Typography: one clean Arabic/Persian family instead of mixed display fonts */
.hero-v51 .hero-core h1,.page-hero h1,.section-head h2,.about h2,.cta h2{font-weight:700!important;line-height:1.55!important}
.hero-v51 .hero-core p,.section-head p,.about p,.service p,.project p,.product-card p,.info-card p{font-weight:400!important;line-height:2!important}
.btn,.header .links a,.lang-menu a,.site-credit{font-weight:500!important}
.eyebrow,.slogan,.feature-number,.card-index{font-family:var(--d64-font)!important}
.eyebrow{font-weight:700!important;letter-spacing:2px!important}

/* Header: wider horizontal nav on desktop */
.header.page .nav{width:min(96vw,1440px)!important;min-height:78px!important;gap:24px!important}
.header.page .links{display:flex!important;flex:1 1 auto!important;justify-content:center!important;gap:clamp(28px,3.2vw,54px)!important}
.header.page .links a{font-size:15px!important;font-weight:500!important;white-space:nowrap!important;padding:11px 3px!important}
.header.page .logo img{width:112px!important;height:78px!important;object-fit:contain!important}
.header.page .head-actions{display:flex!important;align-items:center!important;gap:9px!important}

/* Cleaner hero proportions */
.hero-v51 .hero-core{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:18px 10px!important}
.hero-v51 .hero-logo-stage{display:grid!important;place-items:center!important;min-height:340px!important}
.hero-v51 .hero-logo{width:min(420px,88%)!important;max-width:420px!important}
.hero-v51 .hero-core h1{font-size:clamp(30px,4vw,52px)!important;margin-top:10px!important}
.hero-v51 .hero-core p{font-size:15px!important;max-width:700px!important}

/* Domain cards on home */
.hero-v51 .hero-domain .domain-card{font-family:var(--d64-font)!important}
.hero-v51 .hero-domain b{font-size:17px!important;font-weight:700!important}
.hero-v51 .hero-domain small{font-size:9px!important}

/* Main domain showcase */
.domain-services-section{background:linear-gradient(180deg,#071d30,#08243a 55%,#061a2a)!important}
.domain-showcase{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.domain-feature{min-height:520px!important;height:520px!important;border-radius:28px!important;background-position:center!important}
.domain-feature h3{font-size:26px!important;font-weight:700!important}
.domain-feature p{font-size:14px!important;line-height:2!important}
.domain-subitems a{font-size:12.5px!important;line-height:1.8!important}

/* Consistent section widths */
.section>.container,.page-hero>.container{width:min(92vw,1240px)!important}
.service,.product-card,.info-card,.project,.media,.dark-card{min-width:0!important}

/* Footer: mobile-friendly and consistent */
.footer-grid{align-items:start!important}
.site-credit{font-size:13px!important;line-height:2!important}
.site-credit .developer-mark{width:42px!important;height:42px!important}

/* Mobile redesign */
@media(max-width:900px){
  .header.page .nav{width:calc(100% - 24px)!important;min-height:68px!important;gap:8px!important}
  .header.page .links{display:none!important}
  .header.page .logo img{width:88px!important;height:58px!important}
  .header.page .head-actions{margin-inline-start:auto!important}
  .header.page .head-actions .theme-toggle,.header.page .head-actions .primary{display:none!important}
  .header.page .lang-current{min-width:90px!important;height:42px!important;padding:0 12px!important;font-size:12px!important}
  .header.page .menu{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border-radius:13px!important;font-size:19px!important}
  .mobile-open{overflow:hidden!important}
  .mobile-open .header.page .links{display:flex!important;position:fixed!important;top:78px!important;left:12px!important;right:12px!important;max-height:calc(100vh - 94px)!important;overflow:auto!important;flex-direction:column!important;gap:5px!important;padding:10px!important;background:rgba(5,20,34,.98)!important;border:1px solid rgba(127,221,255,.20)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.48)!important;z-index:400!important;backdrop-filter:blur(15px)!important}
  .mobile-open .header.page .links a{width:100%!important;padding:13px 15px!important;border-radius:12px!important;text-align:right!important;font-size:14px!important}

  .hero-v51{padding-top:92px!important;min-height:auto!important}
  .hero-v51 .hero-four-domains{grid-template-columns:1fr 1fr!important;grid-template-areas:"core core" "security energy" "construction business"!important;gap:12px!important;width:min(100% - 20px,700px)!important;padding-inline:0!important}
  .hero-v51 .hero-core{padding:8px 2px 6px!important;order:initial!important}
  .hero-v51 .hero-logo-stage{min-height:240px!important;height:auto!important}
  .hero-v51 .hero-logo{width:min(260px,70vw)!important}
  .hero-v51 .hero-core h1{font-size:clamp(26px,7vw,38px)!important;line-height:1.6!important;max-width:650px!important}
  .hero-v51 .hero-core p{font-size:13px!important;line-height:2!important;max-width:620px!important}
  .hero-v51 .hero-actions{justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}
  .hero-v51 .hero-actions .btn{min-height:44px!important;padding-inline:16px!important}
  .hero-v51 .domain-card{width:100%!important;min-height:88px!important;padding:13px 14px!important;border-radius:17px!important;grid-template-columns:44px 1fr 18px!important;gap:8px!important}
  .hero-v51 .domain-card .domain-icon{width:44px!important;height:44px!important}
  .hero-v51 .hero-domain b{font-size:13px!important}
  .hero-v51 .hero-domain small{font-size:7px!important;letter-spacing:1.2px!important}
  .hero-v51 .hero-domain i{font-size:14px!important}

  .domain-showcase{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .domain-feature{height:410px!important;min-height:410px!important;border-radius:22px!important}
  .domain-feature-content{inset:18px 16px 16px!important}
  .domain-feature h3{font-size:22px!important}
  .domain-feature p{font-size:12.5px!important}
  .domain-subitems{gap:7px!important}
  .domain-subitems a{font-size:11px!important;padding:9px 10px!important}

  .section{padding-block:70px!important}
  .section-head{margin-bottom:28px!important}
  .section-head h2{font-size:30px!important}
  .section-head p{font-size:13px!important}
  .services{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .service{padding:18px!important;border-radius:18px!important}
  .projects-showcase,.projects{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .projects-showcase .project{height:190px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .footer-grid>div{min-width:0!important}
  .site-credit{padding:16px 12px 22px!important;font-size:11px!important;gap:4px 7px!important}
  .site-credit .developer-mark{width:34px!important;height:34px!important}
  .page-hero,.detail-hero{padding:112px 0 56px!important;min-height:320px!important}
  .page-hero h1{font-size:34px!important}
  .page-hero p{font-size:13px!important}
}

@media(max-width:600px){
  .header.page .logo img{width:78px!important;height:54px!important}
  .header.page .lang-current{min-width:76px!important;font-size:11px!important;padding-inline:8px!important}
  .header.page .menu{width:42px!important;height:42px!important}
  .mobile-open .header.page .links{top:72px!important}

  .hero-v51{padding-top:84px!important}
  .hero-v51 .hero-four-domains{grid-template-columns:1fr!important;grid-template-areas:"core" "security" "energy" "construction" "business"!important;gap:9px!important;width:calc(100% - 20px)!important}
  .hero-v51 .hero-logo-stage{min-height:220px!important}
  .hero-v51 .hero-logo{width:min(230px,62vw)!important}
  .hero-v51 .hero-core h1{font-size:25px!important;line-height:1.65!important}
  .hero-v51 .hero-core p{font-size:12px!important}
  .hero-v51 .domain-card{min-height:76px!important;padding:10px 12px!important;border-radius:15px!important}
  .hero-v51 .domain-card .domain-icon{width:38px!important;height:38px!important;font-size:18px!important;border-radius:12px!important}
  .hero-v51 .hero-domain b{font-size:12px!important}

  .domain-showcase{grid-template-columns:1fr!important;gap:12px!important}
  .domain-feature{height:320px!important;min-height:320px!important;border-radius:20px!important}
  .domain-feature h3{font-size:23px!important}
  .domain-feature p{font-size:12.5px!important}
  .domain-subitems{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .domain-subitems a{font-size:11.5px!important;padding:8px 10px!important}

  .section{padding-block:58px!important}
  .section-head h2{font-size:27px!important;line-height:1.6!important}
  .section-head p{font-size:12px!important;line-height:2!important}
  .about,.content-grid,.detail-layout{grid-template-columns:1fr!important}
  .about .media{order:-1!important}
  .services{grid-template-columns:1fr!important}
  .projects-showcase,.projects{grid-template-columns:1fr!important}
  .projects-showcase .project{height:220px!important}
  .brand-grid{grid-template-columns:1fr!important}
  .method-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important;text-align:center!important}
  .footer-grid>div{display:flex!important;flex-direction:column!important;align-items:center!important}
  .footer-grid>div:last-child>a{width:100%!important;justify-content:center!important}
  .footer-grid>div:first-child img{width:95px!important;height:auto!important}
  .site-credit{justify-content:center!important;font-size:10.5px!important}
  .site-credit .developer-mark{width:30px!important;height:30px!important}
  .page-hero,.detail-hero{padding:102px 14px 48px!important;min-height:285px!important}
  .page-hero h1{font-size:29px!important;line-height:1.6!important}
  .hero-mini-logo{width:110px!important;height:auto!important}

  .btn{min-height:44px!important}
  input,textarea,select{font-size:14px!important}
}

@media(max-width:380px){
  .header.page .lang-current{min-width:70px!important;padding-inline:6px!important;font-size:10px!important}
  .hero-v51 .hero-logo{width:205px!important}
  .hero-v51 .hero-core h1{font-size:23px!important}
  .domain-feature{height:305px!important;min-height:305px!important}
}

/* LTR fixes */
html[dir="ltr"] .header.page .links a{text-align:left!important}
html[dir="ltr"] .mobile-open .header.page .links a{text-align:left!important}
html[dir="ltr"] .site-credit{direction:ltr}

/* Stable numeric glyphs */
.count,.feature-number,.stat strong,[data-number]{font-variant-numeric:tabular-nums;unicode-bidi:plaintext}