:root {
  --navy: #0b1320;
  --mirage: #111a2b;
  --slate: #243246;
  --gold: #d4af37;
  --gold-soft: #efd56f;
  --white: #f5f7fa;
  --muted: #aeb7c6;
  --border: rgba(212,175,55,.25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Lato", sans-serif;
  background:
    radial-gradient(circle at 80% 10%, rgba(37,68,111,.22), transparent 28%),
    linear-gradient(180deg, #08111e 0%, var(--navy) 35%, #08101b 100%);
  color: var(--white);
  overflow-x: hidden;
}

.company-image {
  width: 100%;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
  border: 1px solid rgba(212, 175, 55, 0.4);
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a { transition: .25s ease; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 88px 0; position: relative; }
.page-glow { position: fixed; border-radius: 50%; filter: blur(100px); opacity: .16; pointer-events:none; z-index: -1; }
.glow-a { width: 320px; height: 320px; background: #2d5d9d; top: 80px; right: -100px; }
.glow-b { width: 240px; height: 240px; background: #d4af37; bottom: 10%; left: -160px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(8,17,30,.76);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.nav-wrap { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display:flex; align-items:center; gap:12px; min-width:max-content; }
.brand img { width: 42px; height: 42px; object-fit: cover; border-radius: 50%; }
.brand-text { display:flex; flex-direction:column; line-height:1; }
.brand-text span { font-family:"Cinzel", serif; letter-spacing:.17em; font-size:16px; }
.brand-text small { color:var(--gold); letter-spacing:.4em; margin-top:7px; font-size:8px; }
.desktop-nav { display:flex; gap:34px; color:#dfe5ee; font-size:14px; }
.desktop-nav a:hover { color:var(--gold); }
.nav-actions { display:flex; gap:12px; }
.btn {
  border:1px solid transparent; border-radius:7px; padding:11px 18px;
  display:inline-flex; align-items:center; justify-content:center; gap:10px; font-weight:700; font-size:14px;
}
.btn-gold { background:linear-gradient(135deg,#c89e2b,#efd56f); color:#0b1320; box-shadow:0 10px 24px rgba(212,175,55,.16); }
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(212,175,55,.24); }
.btn-ghost, .btn-outline { border-color:rgba(255,255,255,.18); color:var(--white); background:rgba(255,255,255,.02); }
.btn-outline:hover, .btn-ghost:hover { border-color:var(--gold); color:var(--gold); }
.btn-large { padding:14px 22px; }
.menu-btn { display:none; background:none; color:var(--white); border:0; font-size:24px; }
.mobile-menu { display:none; padding:16px 20px 20px; border-top:1px solid rgba(255,255,255,.06); }
.mobile-menu.open { display:grid; gap:14px; }

.hero { padding-top:110px; }
.hero-grid { display:grid; grid-template-columns: .92fr 1.25fr; gap:58px; align-items:center; }
.eyebrow { color:var(--gold); font-weight:900; letter-spacing:.09em; font-size:12px; }
.hero h1, .section-heading h2, .cta-card h2 {
  font-family:"Cinzel", serif; margin:14px 0 22px; line-height:1.03; font-weight:500;
}
.hero h1 { font-size:clamp(54px,6vw,86px); letter-spacing:.01em; }
.hero h1 span, .section-heading span { color:var(--gold); }
.hero p { color:#d3dae4; line-height:1.8; font-size:17px; max-width:600px; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin:30px 0; }
.trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:34px; }
.trust-row div { border-top:1px solid var(--border); padding-top:14px; }
.trust-row b { display:block; color:var(--gold-soft); font-size:12px; margin-bottom:4px; }
.trust-row span { color:#99a6b8; font-size:10px; line-height:1.4; display:block; }

.dashboard-shell {
  background:linear-gradient(180deg,rgba(22,34,53,.96),rgba(10,19,33,.98));
  border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:18px;
  box-shadow:0 35px 90px rgba(0,0,0,.45), inset 0 0 60px rgba(50,80,130,.06);
}
.dash-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.dash-top small { color:var(--gold); letter-spacing:.08em; }
.dash-top h3 { margin:4px 0 0; font-size:20px; }
.status-pill { color:#76d58d; font-size:11px; border:1px solid rgba(118,213,141,.25); padding:6px 10px; border-radius:99px; }
.metrics-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.metric-card { background:#0b1525; border:1px solid rgba(255,255,255,.05); padding:13px; border-radius:10px; }
.metric-card span, .metric-card em { display:block; color:#8693a5; font-size:10px; }
.metric-card strong { display:block; margin:5px 0; font-size:15px; }
.metric-card em { color:#75d68a; font-style:normal; }
.chart-row { display:grid; grid-template-columns:1.7fr .75fr; gap:10px; margin:10px 0; }
.chart-card,.donut-card { background:#0b1525; border:1px solid rgba(255,255,255,.05); border-radius:10px; padding:12px; min-height:180px; }
.chart-title { color:#c8d0dc; font-size:11px; margin-bottom:8px; }
.line-chart { width:100%; height:135px; color:var(--gold); }
.line-chart circle { fill:var(--gold); }
.donut { width:120px; aspect-ratio:1; border-radius:50%; margin:10px auto 0;
  background:conic-gradient(var(--gold) 0 42%, #6d8ab5 42% 70%, #28405f 70% 100%);
  display:grid; place-items:center;
}
.donut:before { content:""; width:72px; height:72px; border-radius:50%; background:#0b1525; position:absolute; }
.donut-center { position:relative; z-index:1; text-align:center; }
.donut-center strong { display:block; }
.donut-center span { font-size:9px; color:#9ba7b9; }
.ai-card { border:1px solid rgba(212,175,55,.6); background:linear-gradient(180deg,#0e1829,#0b1422); border-radius:12px; padding:16px; margin-top:10px; }
.ai-head { display:flex; gap:12px; align-items:center; margin-bottom:12px; }
.ai-head small { display:block; color:var(--gold); font-size:10px; }
.ai-head strong { font-size:14px; }
.ai-orb { width:38px; height:38px; border:1px solid var(--gold); border-radius:50%; position:relative; display:grid; place-items:center; }
.ai-orb:before,.ai-orb:after { content:""; position:absolute; background:var(--gold); opacity:.7; }
.ai-orb:before { width:12px; height:1px; }.ai-orb:after{width:1px;height:12px;}
.ai-orb span { width:5px; height:5px; background:#fff5c7; box-shadow:0 0 14px var(--gold); border-radius:50%; }
.message { padding:10px 12px; border-radius:8px; margin:8px 0; font-size:12px; line-height:1.5; }
.message.user { background:#172235; color:#d7deea; margin-left:36px; }
.message.ai { background:#111d30; border-left:2px solid var(--gold); }
.ai-actions { display:flex; gap:8px; margin-top:10px; }
.ai-actions button { border:0; border-radius:6px; padding:9px 12px; background:var(--gold); color:#0b1320; font-weight:700; font-size:11px; }
.ai-actions .secondary { background:transparent; color:#dce3ed; border:1px solid rgba(255,255,255,.12); }

.module-strip { border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); background:rgba(17,26,43,.55); }
.module-strip .container { padding:20px 0; }
.strip-title { text-align:center; color:var(--gold); font-size:11px; letter-spacing:.12em; margin-bottom:14px; }
.module-list { display:grid; grid-template-columns:repeat(8,1fr); gap:12px; }
.module-list span { text-align:center; font-size:11px; color:#d4dbe5; padding:8px; border-right:1px solid rgba(255,255,255,.07); }
.module-list span:last-child { border-right:0; }

.section-heading { text-align:center; max-width:760px; margin:0 auto 48px; }
.section-heading h2 { font-size:clamp(34px,4vw,52px); }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.feature-card, .business-grid article {
  background:linear-gradient(180deg,rgba(36,50,70,.48),rgba(16,27,43,.72));
  border:1px solid rgba(255,255,255,.07); border-radius:12px; padding:26px;
}
.feature-card .icon { color:var(--gold); font-size:30px; margin-bottom:18px; }
.feature-card h3, .business-grid h3 { font-family:"Cinzel",serif; margin:0 0 8px; font-size:18px; }
.feature-card p, .business-grid p { margin:0; color:#aeb8c7; line-height:1.6; font-size:14px; }

.brand-section { padding-top:40px; }
.split-card {
  display:grid; grid-template-columns:.8fr 1fr 1.1fr; gap:36px;
  background:linear-gradient(120deg,#101a2b,#18253a);
  border:1px solid rgba(255,255,255,.07); border-radius:14px; padding:34px; overflow:hidden;
}
.value-list { display:grid; gap:16px; margin-top:22px; }
.value-list b { display:block; color:var(--gold-soft); font-size:13px; }
.value-list span { color:#b7c1cf; font-size:13px; }
.split-card p { color:#d4dce7; line-height:1.75; margin-top:22px; }
.second { margin-top:34px; }
.gold-checks { list-style:none; padding:0; margin:18px 0 0; display:grid; gap:10px; color:#cbd4e0; font-size:13px; }
.gold-checks li::before { content:"✓"; color:var(--gold); margin-right:10px; }
.dubai-art { position:relative; min-height:290px; align-self:end; overflow:hidden; border-radius:10px;
  background:linear-gradient(180deg,#263c5f 0%,#b17a57 55%,#18253a 100%);
}
.sun { position:absolute; width:100px; height:100px; border-radius:50%; background:rgba(241,188,111,.35); filter:blur(2px); right:35px; top:34px; }
.building { position:absolute; bottom:0; width:42px; background:linear-gradient(#52657c,#182231); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.building:after { content:""; position:absolute; inset:10px 8px; background:repeating-linear-gradient(180deg,rgba(225,186,98,.7) 0 2px,transparent 2px 10px); opacity:.45; }
.b1{left:18px;height:110px}.b2{left:64px;height:155px}.b3{left:113px;height:90px}.b4{right:96px;height:140px}.b5{right:48px;height:98px}.b6{right:5px;height:120px}
.burj { left:55%; transform:translateX(-50%); height:245px; width:28px; clip-path:polygon(50% 0,63% 24%,64% 30%,76% 30%,75% 50%,88% 50%,86% 100%,14% 100%,13% 50%,26% 50%,26% 30%,38% 30%); }

.process-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.process-item { text-align:center; padding:24px 16px; position:relative; }
.process-item span { width:52px; height:52px; margin:0 auto 16px; border-radius:50%; border:1px solid var(--gold); display:grid; place-items:center; color:var(--gold); font-weight:900; }
.process-item h3 { font-family:"Cinzel",serif; color:var(--gold-soft); margin:0 0 8px; font-size:16px; }
.process-item p { color:#aab4c3; font-size:13px; line-height:1.5; margin:0; }
.process-item:not(:last-child):after { content:"→"; position:absolute; right:-12px; top:38px; color:rgba(212,175,55,.55); }

.alt-section { background:rgba(7,15,26,.48); border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); }
.business-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.industry-row { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.industry-row div { text-align:center; border:1px solid rgba(255,255,255,.08); background:rgba(17,26,43,.7); padding:22px 10px; border-radius:10px; color:#dce2eb; font-family:"Cinzel",serif; font-size:13px; }
.industry-row div:hover { border-color:var(--gold); color:var(--gold-soft); transform:translateY(-3px); }

.stats-section { padding-top:20px; }
.stat-grid { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--border); border-radius:12px; overflow:hidden; background:linear-gradient(90deg,rgba(212,175,55,.08),rgba(255,255,255,.02)); }
.stat-grid div { padding:22px; text-align:center; border-right:1px solid rgba(255,255,255,.08); }
.stat-grid div:last-child { border-right:0; }
.stat-grid strong { font-family:"Cinzel",serif; color:var(--gold-soft); display:block; font-size:20px; }
.stat-grid span { color:#b6c0cf; font-size:12px; display:block; margin-top:6px; }

.cta-section { padding-top:42px; }
.cta-card { display:grid; grid-template-columns:120px 1fr auto; align-items:center; gap:28px; border:1px solid rgba(212,175,55,.38); border-radius:14px; padding:30px;
  background:radial-gradient(circle at 15% 50%,rgba(212,175,55,.09),transparent 25%),linear-gradient(110deg,#0c1625,#111c2d);
}
.cta-logo img { width:100px; height:100px; object-fit:cover; border-radius:50%; }
.cta-card h2 { color:var(--gold-soft); font-size:46px; margin:6px 0 8px; }
.cta-card p { margin:0; color:#c5cedb; }

footer { border-top:1px solid rgba(255,255,255,.07); padding:44px 0 18px; background:#07101b; }
.footer-grid { display:grid; grid-template-columns:1.6fr repeat(5,1fr); gap:28px; }
.footer-grid b { display:block; color:#dfe5ee; font-size:11px; margin-bottom:12px; }
.footer-grid a { display:block; color:#8f9caf; font-size:11px; line-height:1.9; }
.footer-grid a:hover { color:var(--gold); }
.footer-brand p { color:#9aa5b5; font-size:12px; }
.footer-bottom { display:flex; justify-content:space-between; color:#6f7b8c; font-size:10px; border-top:1px solid rgba(255,255,255,.05); margin-top:34px; padding-top:16px; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.12s; }

@media (max-width: 980px) {
  .desktop-nav,.nav-actions { display:none; }
  .menu-btn { display:block; }
  .hero { padding-top:70px; }
  .hero-grid { grid-template-columns:1fr; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .split-card { grid-template-columns:1fr; }
  .dubai-art { min-height:240px; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .process-item:not(:last-child):after { display:none; }
  .business-grid,.industry-row { grid-template-columns:repeat(2,1fr); }
  .stat-grid { grid-template-columns:1fr 1fr; }
  .stat-grid div { border-bottom:1px solid rgba(255,255,255,.08); }
  .module-list { grid-template-columns:repeat(4,1fr); }
  .cta-card { grid-template-columns:90px 1fr; }
  .cta-card .btn { grid-column:1/-1; }
  .footer-grid { grid-template-columns:repeat(3,1fr); }
  .footer-brand { grid-column:1/-1; }
}
@media (max-width: 640px) {
  .container { width:min(100% - 24px,1180px); }
  .section { padding:66px 0; }
  .brand-text span { font-size:13px; }
  .hero h1 { font-size:48px; }
  .hero p { font-size:15px; }
  .trust-row,.metrics-grid,.chart-row,.feature-grid,.business-grid,.industry-row,.stat-grid { grid-template-columns:1fr; }
  .module-list { grid-template-columns:repeat(2,1fr); }
  .process-grid { grid-template-columns:1fr; }
  .cta-card { grid-template-columns:1fr; text-align:center; }
  .cta-logo { display:flex; justify-content:center; }
  .cta-card h2 { font-size:36px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .footer-bottom { flex-direction:column; gap:8px; }
}
/* Light theme overrides */
:root{--navy:#142238;--mirage:#f8f5ee;--slate:#e9e2d4;--gold:#d4af37;--gold-soft:#a77d19;--white:#172338;--muted:#667085;--border:rgba(180,137,29,.28)}
body{background:radial-gradient(circle at 85% 8%,rgba(212,175,55,.13),transparent 27%),linear-gradient(180deg,#fffdf8 0%,#f8f5ee 48%,#fff 100%);color:#172338}
.site-header{background:rgba(255,253,248,.88);border-bottom:1px solid rgba(20,34,56,.08)}
.desktop-nav{color:#334155}.btn-ghost,.btn-outline{color:#172338;border-color:rgba(20,34,56,.18);background:#fff}.btn-gold{background:linear-gradient(135deg,#f0d56a,#d4af37 58%,#b88921);color:#142238;box-shadow:0 10px 24px rgba(180,137,29,.2)}
.hero p,.cta-card p{color:#596579}.trust-row span,.feature-card p,.business-grid p,.process-item p{color:#6b7280}
.dashboard-shell{background:linear-gradient(180deg,#fff,#f8f5ee);border-color:rgba(20,34,56,.1);box-shadow:0 28px 70px rgba(39,46,60,.14)}
.metric-card,.chart-card,.donut-card{background:#fff;border-color:rgba(20,34,56,.08)}.chart-title,.dash-top h3,.metric-card strong{color:#172338}.donut:before{background:#fff}.ai-card{background:linear-gradient(180deg,#fffdf8,#fff7df);border-color:rgba(180,137,29,.55)}.message.user{background:#f1f3f6;color:#334155}.message.ai{background:#fff;color:#334155}.ai-actions .secondary{color:#334155;border-color:rgba(20,34,56,.15)}
.module-strip{background:#f7f2e8;border-color:rgba(20,34,56,.07)}.module-list span{color:#334155;border-color:rgba(20,34,56,.08)}
.feature-card,.business-grid article{background:linear-gradient(180deg,#fff,#fbf8f1);border-color:rgba(20,34,56,.08);box-shadow:0 10px 30px rgba(20,34,56,.04)}
.split-card{background:linear-gradient(120deg,#fff,#f6f0e3);border-color:rgba(20,34,56,.08)}.value-list span,.split-card p,.gold-checks{color:#596579}
.alt-section{background:#f8f5ee;border-color:rgba(20,34,56,.06)}.industry-row div{background:#fff;color:#334155;border-color:rgba(20,34,56,.09)}
.stat-grid{background:linear-gradient(90deg,rgba(212,175,55,.1),#fff);border-color:rgba(180,137,29,.3)}.stat-grid span{color:#667085}.stat-grid div{border-color:rgba(20,34,56,.08)}
.cta-card{background:radial-gradient(circle at 15% 50%,rgba(212,175,55,.12),transparent 25%),linear-gradient(110deg,#fffdf8,#f5ecd4);border-color:rgba(180,137,29,.38)}
footer{background:#f3eee3;border-color:rgba(20,34,56,.07)}.footer-grid b{color:#172338}.footer-grid a,.footer-brand p{color:#667085}.footer-bottom{color:#7b8492;border-color:rgba(20,34,56,.07)}
.page-glow{opacity:.09}.glow-a{background:#d4af37}.glow-b{background:#9bb2cf}
@media(max-width:980px){.menu-btn{color:#172338}.mobile-menu{background:#fffdf8}}