/* DELTA V58 — clean typography, real-photo domain cards, no automotive content */
@font-face{font-family:DeltaUI;src:url('../fonts/local-ui/DeltaUI-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DeltaUI;src:url('../fonts/local-ui/DeltaUI-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

:root{--delta-blue:#238cff;--delta-cyan:#57d9ff;--delta-ink:#071523;--delta-card:#0b2438}
html,body,button,input,textarea,select{font-family:DeltaUI,Tahoma,Arial,sans-serif!important}
body{font-weight:400;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:DeltaUI,Tahoma,Arial,sans-serif!important;font-weight:700!important;letter-spacing:0!important}
p,li,a,span,button{font-family:DeltaUI,Tahoma,Arial,sans-serif!important}

/* Header */
.header.page .nav{width:min(1320px,calc(100% - 36px));gap:28px}
.header.page .links{flex:1;justify-content:center;gap:4px}
.header.page .links a{font-size:14px!important;font-weight:400!important;padding:11px 17px!important;white-space:nowrap}
.header.page .links a.active{font-weight:700!important;color:#55cfff}
.header.page .logo img{width:88px;height:auto}

/* Home hero: keep it clean, no grey native buttons */
.hero-v51{min-height:720px;padding:120px 0 80px;overflow:hidden}
.hero-v51 .hero-four-domains{display:grid!important;grid-template-columns:minmax(210px,1fr) minmax(430px,1.25fr) minmax(210px,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"security core energy" "construction core business"!important;gap:22px 36px!important;align-items:center!important;max-width:1180px!important}
.hero-v51 .hero-core{grid-area:core!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important}
.hero-v51 .hero-logo-stage{height:340px!important;width:100%!important;display:flex;align-items:center;justify-content:center;position:relative}
.hero-v51 .hero-logo-stage:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(48,170,242,.16),transparent 68%);pointer-events:none}
.hero-v51 .hero-logo{position:relative;z-index:1;width:min(320px,82%)!important;height:auto!important;filter:drop-shadow(0 0 24px rgba(55,183,246,.25))!important}
.hero-v51 .hero-core h1{font-size:clamp(29px,3vw,40px)!important;line-height:1.65!important;font-weight:700!important;margin:0 auto 8px!important}
.hero-v51 .hero-core p{font-size:14px!important;line-height:2!important;color:#bfd9e8!important}
.hero-v51 .hero-actions{justify-content:center;gap:12px;margin-top:18px}
.hero-v51 .hero-domain{position:relative!important;z-index:4!important;width:100%!important}
.hero-v51 .domain-security{grid-area:security!important}.hero-v51 .domain-energy{grid-area:energy!important}.hero-v51 .domain-construction{grid-area:construction!important}.hero-v51 .domain-business{grid-area:business!important}
.hero-v51 .domain-card{appearance:none!important;-webkit-appearance:none!important;width:min(260px,100%)!important;min-height:96px!important;margin:0 auto!important;padding:15px 18px!important;border:1px solid rgba(122,211,242,.25)!important;border-radius:18px!important;background:rgba(8,34,54,.82)!important;color:#f4fbff!important;box-shadow:0 16px 40px rgba(0,0,0,.22)!important;backdrop-filter:blur(12px)!important}
.hero-v51 .domain-card:hover,.hero-v51 .domain-card.is-selected{background:rgba(15,67,100,.92)!important;border-color:rgba(87,217,255,.52)!important;transform:translateY(-3px)!important}
.hero-v51 .domain-card b{font-size:15px!important;font-weight:700!important}.hero-v51 .domain-card small{font-size:9px!important;color:#9bc4d8!important;letter-spacing:1.4px!important}

/* Four real-photo domains */
.domain-services-section{background:#071a2b!important;color:#fff!important}
.domain-showcase{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.domain-feature{height:410px!important;min-height:410px!important;border-radius:22px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;border:1px solid rgba(131,215,244,.22)!important;box-shadow:0 20px 55px rgba(0,0,0,.25)!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-overlay{background:linear-gradient(180deg,rgba(3,16,27,.08) 0%,rgba(3,19,32,.18) 35%,rgba(3,16,28,.94) 100%)!important}
.domain-feature-content{inset:auto 20px 18px!important}.domain-feature h3{font-size:23px!important;line-height:1.55!important}.domain-feature p{font-size:12px!important;line-height:2!important}.domain-subitems{gap:6px!important}.domain-subitems a{font-size:11px!important;padding:8px 10px!important;background:rgba(4,22,35,.62)!important;border-color:rgba(214,240,249,.18)!important}

/* Process */
.method-v51{background:linear-gradient(180deg,#071a2b,#0b2943)!important}
.method-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.method-card{min-height:210px!important;padding:28px 22px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(13,55,82,.9),rgba(6,30,48,.96))!important;border:1px solid rgba(125,211,239,.18)!important;box-shadow:0 16px 40px rgba(0,0,0,.18)!important}
.method-card h3{font-size:18px!important}.method-card p{font-size:12px!important;line-height:2.05!important;color:#bcd7e5!important}

/* Project cards: photographic and restrained */
.projects .project{overflow:hidden}.projects .project img{aspect-ratio:16/10;object-fit:cover}

/* Never show automotive wording */
.automotive,.vehicle{display:none!important}

@media(max-width:1050px){.domain-showcase,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-v51 .hero-four-domains{grid-template-columns:1fr 1.25fr 1fr!important}}
@media(max-width:760px){.header.page .links{display:none}.hero-v51{min-height:auto;padding:105px 0 60px}.hero-v51 .hero-four-domains{grid-template-columns:1fr!important;grid-template-areas:"core" "security" "energy" "construction" "business"!important;gap:12px!important}.hero-v51 .hero-logo-stage{height:260px!important}.hero-v51 .hero-logo{width:240px!important}.hero-v51 .hero-core h1{font-size:26px!important}.domain-showcase,.method-grid{grid-template-columns:1fr!important}.domain-feature{height:340px!important;min-height:340px!important}}

/* V59 typography + photographic hero domain cards */
@font-face{font-family:DeltaNoto;src:url('../fonts/NotoSansArabic-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DeltaNoto;src:url('../fonts/NotoSansArabic-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:DeltaNoto;src:url('../fonts/NotoSansArabic-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:DeltaNoto;src:url('../fonts/NotoSansArabic-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
html,body,button,input,textarea,select{font-family:DeltaNoto,Tahoma,Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6{font-family:DeltaNoto,Tahoma,Arial,sans-serif!important}
p,li,a,span,button{font-family:DeltaNoto,Tahoma,Arial,sans-serif!important}
body{font-weight:400}
.hero-v51 .hero-core h1{font-weight:700!important;letter-spacing:-.2px!important}
.hero-v51 .hero-core p{font-weight:400!important}

/* The four hero domain cards are photographic, not empty blue boxes. */
.hero-v51 .domain-card{position:relative!important;overflow:hidden!important;isolation:isolate!important;min-height:132px!important;padding:18px 20px!important;border-radius:20px!important;background-color:#0b2438!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.hero-v51 .domain-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,30,.88),rgba(4,27,44,.60) 55%,rgba(3,18,30,.42));z-index:0;pointer-events:none}
.hero-v51 .domain-card>*{position:relative;z-index:2}
.hero-v51 .domain-security .domain-card{background-image:url('../images/domain-security-real.png')!important}
.hero-v51 .domain-energy .domain-card{background-image:url('../images/domain-energy-real.png')!important}
.hero-v51 .domain-construction .domain-card{background-image:url('../images/domain-construction-real.png')!important}
.hero-v51 .domain-business .domain-card{background-image:url('../images/domain-business-real.png')!important}
.hero-v51 .domain-card b{font-size:17px!important;font-weight:700!important;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hero-v51 .domain-card small{font-size:9px!important;font-weight:500!important}
.hero-v51 .domain-icon{background:rgba(5,28,44,.48)!important;border-color:rgba(190,235,248,.35)!important}

/* Keep the lower four domain panels photographic too, overriding old inline images. */
.domain-feature{background-image:var(--domain-image)!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}