:root {
  --bg: #05080d;
  --bg-2: #08101a;
  --surface: rgba(14, 22, 33, 0.88);
  --surface-solid: #0e1621;
  --surface-2: #121d2a;
  --text: #f6f8fb;
  --muted: #a8b4c4;
  --muted-2: #d4dbe5;
  --gold: #12b8ff;
  --gold-2: #39dcff;
  --gold-soft: rgba(18, 184, 255, 0.16);
  --green: #38d39f;
  --line: rgba(255,255,255,0.095);
  --line-gold: rgba(18,184,255,0.36);
  --shadow: 0 26px 80px rgba(0,0,0,0.38);
  --radius: 24px;
  --max: 1180px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 8%, rgba(18,184,255,0.18), transparent 34%),
    radial-gradient(circle at 88% 4%, rgba(0,104,255,0.14), transparent 26%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 48%, var(--bg) 100%);
  line-height: 1.65;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { list-style: none; }
.container { width: min(100% - 40px, var(--max)); margin-inline: auto; }
.skip-link { position:absolute; left:-999px; top:0; background:#fff; color:#000; padding:10px; z-index:9999; }
.skip-link:focus { left:10px; top:10px; }

.topbar {
  border-bottom: 1px solid var(--line);
  background: rgba(5, 8, 13, 0.86);
  backdrop-filter: blur(16px);
  color: var(--muted-2);
  font-size: 13px;
}
.topbar .container {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.status { display: inline-flex; align-items: center; gap: 8px; }
.status-dot { width:8px; height:8px; border-radius:999px; background:var(--green); box-shadow:0 0 16px rgba(56,211,159,.9); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--line);
  background: rgba(5, 8, 13, 0.88);
  backdrop-filter: blur(18px);
}
.navbar { min-height: 108px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:18px; min-width: 330px; }
.brand-logo-wrap { width:150px; height:125px; border-radius:20px; background:#fff; padding:8px; display:grid; place-items:center; box-shadow: 0 14px 34px rgba(18,184,255,.22); }
.brand-logo { width:100%; height:100%; object-fit:contain; }
.brand-text strong { display:block; font-size:22px; letter-spacing:.06em; line-height:1.05; }
.brand-text small { display:block; margin-top:5px; color:var(--muted); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.nav-links { display:flex; align-items:center; gap:22px; color:var(--muted-2); font-size:14px; font-weight:600; }
.nav-links a { transition:.2s ease; }
.nav-links a:hover, .nav-links a.active { color:var(--gold-2); }
.nav-cta { padding:10px 18px; border:1px solid var(--line-gold); border-radius:999px; background:linear-gradient(135deg, rgba(18,184,255,.20), rgba(18,184,255,.06)); color:var(--text)!important; }
.menu-toggle { display:none; width:44px; height:44px; border:1px solid var(--line); border-radius:14px; color:var(--text); background:transparent; font-size:24px; cursor:pointer; }

.hero { position:relative; padding:100px 0 86px; overflow:hidden; }
.hero::before, .page-hero::before { content:""; position:absolute; inset:0; background: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size:64px 64px; mask-image: linear-gradient(to bottom, black, transparent 76%); pointer-events:none; }
.hero-grid { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; padding:9px 14px; border:1px solid var(--line-gold); border-radius:999px; background:var(--gold-soft); color:#bcefff; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; margin-bottom:20px; }
h1 { font-size:clamp(42px,6vw,78px); line-height:.98; letter-spacing:-.06em; margin-bottom:24px; }
h1 span, .section-title span { color:var(--gold); }
.hero-copy, .page-copy, .section-desc { color:var(--muted-2); font-size:18px; max-width:760px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin:32px 0; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 22px; border-radius:999px; border:0; cursor:pointer; font-weight:800; font-family:inherit; transition:.22s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { color:#03121b; background:linear-gradient(135deg, var(--gold-2), var(--gold)); box-shadow:0 16px 38px rgba(18,184,255,.28); }
.btn-secondary { border:1px solid var(--line); color:var(--text); background:rgba(255,255,255,.045); }
.hero-tags { display:flex; flex-wrap:wrap; gap:10px; }
.hero-tags span { padding:9px 12px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.035); color:var(--muted-2); font-size:14px; }

.image-card { min-height:540px; border:1px solid var(--line); border-radius:34px; position:relative; overflow:hidden; box-shadow:var(--shadow); background:var(--surface-solid); }
.image-card::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg, rgba(5,8,13,.25), rgba(5,8,13,.86)), var(--image) center/cover; opacity:.82; }
.floating-panel { position:absolute; left:24px; right:24px; bottom:24px; padding:24px; border:1px solid rgba(255,255,255,.14); border-radius:24px; background:rgba(5,8,13,.72); backdrop-filter:blur(18px); }
.floating-panel h3 { font-size:22px; margin-bottom:12px; }
.floating-panel li { display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-bottom:1px solid var(--line); color:var(--muted); }
.floating-panel li:last-child { border-bottom:0; }
.floating-panel strong { color:var(--text); text-align:right; }

.page-hero { position:relative; padding:86px 0 62px; border-bottom:1px solid var(--line); overflow:hidden; }
.page-hero .container { position:relative; max-width:920px; }
.page-hero h1 { font-size:clamp(40px,5.5vw,68px); }
section { padding:84px 0; }
.section-head { max-width:800px; margin-bottom:38px; }
.section-kicker { color:var(--gold); font-size:13px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; margin-bottom:10px; }
.section-title { font-size:clamp(30px,4vw,50px); line-height:1.08; letter-spacing:-.045em; margin-bottom:14px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.card, .highlight-box, .form-card { padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:0 18px 50px rgba(0,0,0,.17); }
.card-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; background:var(--gold-soft); color:var(--gold-2); font-weight:900; margin-bottom:18px; }
.card h3, .highlight-box h3 { font-size:22px; line-height:1.18; margin-bottom:10px; letter-spacing:-.025em; }
.highlight-box h3 { font-size:30px; }
.card p, .highlight-box p, .card li { color:var(--muted); font-size:15px; }
.card ul { display:grid; gap:8px; margin-top:12px; }
.visual-split { display:grid; grid-template-columns:.92fr 1.08fr; gap:34px; align-items:center; }
.inline-image { min-height:430px; border-radius:30px; border:1px solid var(--line); box-shadow:var(--shadow); overflow:hidden; background:linear-gradient(120deg,rgba(5,8,13,.22),rgba(5,8,13,.78)), var(--image) center/cover; }
.product-list { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.product-item { padding:20px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.035); }
.product-item strong { display:block; margin-bottom:6px; font-size:17px; }
.product-item span { color:var(--muted); font-size:14px; }
.process .card { min-height:210px; }
.cta-band { padding:52px; border:1px solid var(--line-gold); border-radius:34px; background:linear-gradient(135deg, rgba(18,184,255,.16), rgba(255,255,255,.025)), var(--surface-solid); display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; box-shadow:var(--shadow); }
.cta-band h2 { font-size:clamp(28px,4vw,44px); line-height:1.1; letter-spacing:-.045em; margin-bottom:10px; }
.cta-band p { color:var(--muted-2); max-width:720px; }

form { display:grid; gap:14px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
input, textarea, select { width:100%; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.045); color:var(--text); padding:15px 16px; font:inherit; outline:none; }
textarea { min-height:145px; resize:vertical; }
select option { background:var(--surface-solid); color:var(--text); }
input:focus, textarea:focus, select:focus { border-color:var(--gold); box-shadow:0 0 0 4px rgba(18,184,255,.14); }
.honeypot { display:none !important; }
.form-note, .form-message { color:var(--muted); font-size:13px; }
.form-message.success { color:var(--green); }
.form-message.error { color:#ffb4a8; }
.contact-list { display:grid; gap:14px; }
.contact-line { padding:20px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.035); }
.contact-line span { display:block; color:var(--muted); font-size:13px; margin-bottom:4px; }
.contact-line strong { color:var(--text); }
.phone-highlight { color:var(--gold-2); font-weight:800; }

.footer { padding:40px 0; border-top:1px solid var(--line); background:#04070b; color:var(--muted); }
.footer-inner { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:start; }
.footer-brand { display:flex; align-items:center; gap:12px; margin-bottom:12px; color:var(--text); }
.footer-brand .brand-logo-wrap { width:150px; height:125px; border-radius:16px; padding:6px; }
.footer p { font-size:14px; }
.footer-links { display:flex; justify-content:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:10px; }
.footer-links a { color:var(--muted); font-size:14px; }
.footer-links a:hover { color:var(--gold-2); }
.footer-contact { text-align:right; }

@media (max-width: 980px) {
  .topbar .container { justify-content:center; text-align:center; }
  .topbar .container > div:last-child { display:none; }
  .menu-toggle { display:grid; place-items:center; }
  .nav-links { position:absolute; left:20px; right:20px; top:116px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:14px; border:1px solid var(--line); border-radius:20px; background:rgba(5,8,13,.98); box-shadow:var(--shadow); }
  .nav-links.open { display:flex; }
  .nav-links a { padding:12px; }
  .hero-grid, .visual-split, .grid-2, .cta-band, .footer-inner { grid-template-columns:1fr; }
  .grid-3, .grid-4 { grid-template-columns:repeat(2,1fr); }
  .image-card { min-height:440px; }
  .footer-links, .footer-contact { justify-content:flex-start; text-align:left; }
}
@media (max-width: 640px) {
  .container { width:min(100% - 28px, var(--max)); }
  .brand { min-width:auto; }
  .brand-logo-wrap { width:150px; height:125px; border-radius:17px; padding:6px; }
  .brand-text strong { font-size:17px; }
  .brand-text small { font-size:8px; }
  .hero, .page-hero, section { padding-top:58px; padding-bottom:58px; }
  .grid-3, .grid-4, .form-row, .product-list { grid-template-columns:1fr; }
  .hero-actions .btn, .cta-band .btn { width:100%; }
  .image-card { min-height:390px; }
  .floating-panel { left:16px; right:16px; bottom:16px; padding:18px; }
  .cta-band, .highlight-box, .card, .form-card { padding:24px; }
}

/* Blue-theme additions */
.numbered-cards { counter-reset: card-counter; }
.numbered-cards .card { counter-increment: card-counter; }
.numbered-cards .card .card-icon::before { content: counter(card-counter, decimal-leading-zero); }
.oman-flag-card { display:inline-flex; align-items:center; gap:14px; margin-top:4px; padding:12px 16px; border:1px solid rgba(18,184,255,.30); border-radius:18px; background:rgba(18,184,255,.07); color:var(--muted-2); font-size:14px; font-weight:700; }
.oman-flag { width:42px; height:26px; border-radius:5px; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,.16), 0 10px 24px rgba(0,0,0,.22); display:grid; grid-template-columns:34% 66%; background:#fff; flex: 0 0 auto; }
.oman-flag::before { content:""; background:#db161b; }
.oman-flag::after { content:""; background:linear-gradient(to bottom, #fff 0 33.33%, #db161b 33.33% 66.66%, #00843d 66.66% 100%); }

.oman-flag-badge {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 26px;
  border: 1px solid rgba(0, 174, 239, 0.35);
  border-radius: 24px;
  background: rgba(0, 174, 239, 0.08);
}

.oman-flag-img {
  width: 78px;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 8px;
}

@media (max-width: 640px) {
  .oman-flag-badge {
    gap: 14px;
    padding: 18px 20px;
  }

  .oman-flag-img {
    width: 70px;
  }
}

/* Local image cards section */
.image-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.image-tile {
  min-height: 260px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 26px;
  box-shadow: var(--shadow);
  background:
    linear-gradient(180deg, rgba(5, 8, 13, 0.08), rgba(5, 8, 13, 0.76)),
    var(--image) center / cover no-repeat;
}

.image-tile.large {
  min-height: 320px;
}

.image-caption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(5, 8, 13, 0.72);
  backdrop-filter: blur(14px);
}

.image-caption h4 {
  font-size: 20px;
  line-height: 1.15;
  margin-bottom: 4px;
  color: var(--text);
}

.image-caption p {
  color: var(--muted-2);
  font-size: 14px;
}

@media (max-width: 980px) {
  .image-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .image-grid-3 {
    grid-template-columns: 1fr;
  }

  .image-tile,
  .image-tile.large {
    min-height: 240px;
  }
}