:root {
  --primary: #43ad76;
  --primary-dark: #2e6046;
  --primary-soft: #eaf5ed;
  --accent: #49b77c;
  --accent-soft: #edf7f0;
  --text: #4b4e4c;
  --muted: #717974;
  --light: #f4f8f5;
  --card: #ffffff;
  --line: #e2ebe5;
  --shadow: 0 28px 60px rgba(38, 93, 62, 0.12);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  background: #ffffff;
  color: var(--text);
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}

button {
  font: inherit;
}

.container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.section {
  padding: 96px 0;
}

.section-tag {
  margin: 0 0 16px;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 700;
}

.section-tag.light {
  color: rgba(255, 255, 255, 0.8);
}

h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}

h1 {
  font-size: clamp(2.6rem, 5vw, 4.6rem);
  line-height: 1.12;
  letter-spacing: -0.06em;
  margin-bottom: 18px;
}

h2 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.2;
  letter-spacing: -0.05em;
  margin-bottom: 20px;
}

h3 {
  font-size: 1.45rem;
  line-height: 1.3;
  letter-spacing: -0.04em;
  margin-bottom: 12px;
}

p {
  color: var(--muted);
  font-size: 1.02rem;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(16, 32, 51, 0.05);
}

.topbar {
  background: var(--primary-dark);
  color: #edf4ff;
}

.topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 42px;
  font-size: 0.78rem;
}

.top-links {
  display: flex;
  gap: 20px;
}

.top-links a {
  opacity: 0.88;
}

.lang-switch {
  font-weight: 700;
  letter-spacing: 0.08em;
}

.nav-wrap {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand {
  display: inline-flex;
  align-items: center;
  min-width: 150px;
}

.brand img {
  height: 100px;
  width: auto;
  object-fit: contain;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: 0.96rem;
  color: var(--text);
}

.main-nav a {
  font-weight: 600;
  color: var(--text);
}

.main-nav a:not(.nav-btn):hover {
  color: var(--primary);
}

.nav-btn {
  margin-left: 8px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

.btn-primary {
  background: linear-gradient(135deg, var(--primary) 0%, #1b6de8 100%);
  color: white;
  box-shadow: 0 18px 30px rgba(13, 78, 166, 0.25);
}

.btn-primary:hover {
  transform: translateY(-2px);
}

.btn-secondary {
  background: white;
  border-color: var(--line);
  color: var(--text);
}

.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #f7fbff 0%, #edf5ff 100%);
  padding: 70px 0 90px;
}

.hero::before {
  content: "";
  position: absolute;
  inset: auto auto -120px -80px;
  width: 380px;
  height: 380px;
  background: rgba(27,109,232,0.08);
  border-radius: 50%;
  filter: blur(50px);
}

.hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 52px;
}

.eyebrow {
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 18px;
}

.lead {
  max-width: 620px;
  font-size: 1.12rem;
  color: var(--muted);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

.stats {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 18px;
}

.stats div {
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(13,78,166,0.08);
  border-radius: 18px;
  padding: 14px 18px;
  box-shadow: 0 18px 30px rgba(12, 42, 85, 0.05);
}

.stats strong {
  display: block;
  font-size: 1.65rem;
  color: var(--text);
  line-height: 1.2;
}

.stats span {
  font-size: 0.78rem;
  color: var(--muted);
}

.platform-card {
  position: relative;
  width: min(100%, 520px);
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  border: 1px solid rgba(16,32,51,0.08);
  border-radius: 28px;
  padding: 18px 18px 24px;
  box-shadow: var(--shadow);
}

.platform-header {
  display: flex;
  gap: 8px;
  padding: 6px 4px 16px;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

.dot.red { background: #ff6b6b; }
.dot.yellow { background: #f9c74f; }
.dot.green { background: #6cc292; }

.platform-body {
  display: grid;
  gap: 20px;
  padding: 12px 8px 0;
}

.mini-graph {
  height: 170px;
  background: linear-gradient(180deg, rgba(13,78,166,0.06), rgba(13,78,166,0.02));
  border-radius: 22px;
  padding: 20px 18px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

.mini-graph span {
  display: inline-block;
  width: 15%;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(180deg, var(--primary) 0%, #6fa5ff 100%);
}

.mini-graph span:nth-child(1) { height: 30%; }
.mini-graph span:nth-child(2) { height: 52%; }
.mini-graph span:nth-child(3) { height: 74%; }
.mini-graph span:nth-child(4) { height: 90%; }
.mini-graph span:nth-child(5) { height: 100%; }

.metric-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.metric-list div {
  background: var(--light);
  border-radius: 16px;
  padding: 18px 14px;
  border: 1px solid var(--line);
}

.metric-list label {
  display: block;
  color: var(--muted);
  font-size: 0.72rem;
  margin-bottom: 8px;
}

.metric-list strong {
  font-size: 1.7rem;
  letter-spacing: -0.04em;
  color: var(--text);
}

.floating-badge {
  position: absolute;
  background: white;
  border: 1px solid rgba(16,32,51,0.06);
  border-radius: 999px;
  padding: 12px 18px;
  font-weight: 700;
  color: var(--primary-dark);
  box-shadow: 0 20px 35px rgba(16,32,51,0.08);
}

.floating-badge.left {
  left: 12px;
  bottom: 70px;
}

.floating-badge.right {
  right: 20px;
  top: 80px;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  align-items: center;
}

.check-list {
  list-style: none;
  padding: 0;
  margin: 26px 0 0;
  display: grid;
  gap: 14px;
}

.check-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text);
  font-weight: 600;
}

.check-icon { flex: 0 0 24px; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(13,78,166,.11); }
.check-icon svg { width: 15px; height: 15px; fill: none; stroke: var(--primary); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.about-visual {
  display: flex;
  justify-content: center;
}

.image-panel {
  position: relative;
  width: min(100%, 520px);
  min-height: 420px;
  border-radius: 28px;
  background: url('assets/o2a0156.jpg') center/cover no-repeat;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.badge-card {
  position: absolute;
  right: 22px;
  bottom: 22px;
  background: rgba(255,255,255,0.92);
  border-radius: 22px;
  padding: 18px 22px;
  min-width: 180px;
  box-shadow: 0 18px 35px rgba(16,32,51,0.08);
}

.badge-card span {
  display: block;
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--primary);
  line-height: 1;
}

.badge-card p {
  margin: 8px 0 0;
  font-weight: 600;
  color: var(--text);
}

.services-section {
  background: var(--light);
}

.section-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 36px;
}

.section-head.center {
  justify-content: center;
  text-align: center;
}

.values-section .section-head { display:block; max-width:900px; margin:0 auto 36px; }
.values-section .section-head h2 { text-transform:uppercase; }
.values-intro { max-width:780px; margin:0 auto; }
.projects-section .section-head { justify-content:center; text-align:center; }
#projects { scroll-margin-top:148px; }
#about { scroll-margin-top:62px; }
#services { scroll-margin-top:62px; }

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.service-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: white;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 28px 26px;
  box-shadow: 0 12px 25px rgba(16,32,51,0.04);
}

.service-card::before { content:""; position:absolute; inset:0; z-index:0; background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.82) 48%,rgba(255,255,255,.3) 100%),var(--service-art); background-size:cover; background-position:center; opacity:1; transition:opacity .35s ease,transform .6s ease; }
.service-card > * { position:relative; z-index:1; }
.service-card:nth-child(1) { --service-art:url("assets/service-scenes/business-analysis.svg"); }
.service-card:nth-child(2) { --service-art:url("assets/service-scenes/erp-system.svg"); }
.service-card:nth-child(3) { --service-art:url("assets/service-scenes/accounting.svg"); }
.service-card:nth-child(4) { --service-art:url("assets/service-scenes/tax-planning.svg"); }
.service-card:nth-child(5) { --service-art:url("assets/service-scenes/people-operations.svg"); }
.service-card:nth-child(6) { --service-art:url("assets/service-scenes/consulting.svg"); }
.service-card:hover::before { transform:scale(1.04); }

.icon-box {
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-soft);
  border-radius: 18px;
  color: var(--primary);
  font-weight: 800;
  margin-bottom: 18px;
}

.icon-box svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

.values-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.value-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 22px 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
  border: 1px solid var(--line);
  border-radius: 18px;
  font-weight: 700;
  color: var(--text);
}

.project-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.project-card {
  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 22px 20px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-shadow: 0 18px 35px rgba(16,32,51,0.04);
}

.project-label {
  display: inline-flex;
  align-self: flex-start;
  background: var(--primary-soft);
  color: var(--primary);
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 8px 10px;
  margin-bottom: 18px;
  font-weight: 700;
}

.project-card h3 {
  margin-bottom: 0;
}

.project-carousel { display:grid; gap:18px; margin-top:42px; overflow:hidden; }
.client-strip { overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent); }
.client-strip-track { display:flex; align-items:center; gap:12px; width:max-content; animation:project-logo-scroll 46s linear infinite; }
.client-strip-track.reverse { animation-direction:reverse; }
.client-strip-track > span { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; width:calc((min(1180px, 100vw - 32px) - 60px) / 6); min-width:0; min-height:108px; padding:0 clamp(5px, 1vw, 14px); overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; color:var(--primary-dark); font-size:clamp(.52rem, 1.15vw, .95rem); font-weight:800; letter-spacing:.045em; white-space:nowrap; box-shadow:0 12px 28px rgba(12,42,85,.07); }
.client-strip-track .client-watermark { position:absolute; z-index:0; top:50%; right:6%; width:48%; height:84%; object-fit:contain; transform:translateY(-50%); opacity:.34; mix-blend-mode:multiply; pointer-events:none; }
.client-strip-track .client-watermark[src="assets/rd-smart-logo.svg"] { width:64%; height:67%; opacity:.4; }
.client-strip-track .client-watermark[src="assets/baku-fruit-logo.svg"] { width:56%; height:85%; opacity:.5; }
.client-strip-track .client-watermark[src="assets/spektr-med.webp"] { left:50%; right:auto; width:94%; height:92%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track .client-watermark[src="assets/spektr-med.webp"] + .client-name { display:none; }
.client-strip-track .client-watermark[src="assets/images%20(14).jpg"] + .client-name { display:none; }
.client-strip-track .client-watermark[src="assets/implant-dent-klinika-logo.svg"] { left:50%; right:auto; width:90%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track .client-watermark[src="assets/implant-dent-klinika-logo.svg"] + .client-name { display:none; }
.client-strip-track .client-watermark[src="assets/bakubus-logo.svg"] { width:76%; height:58%; opacity:.46; }
.client-strip-track .client-watermark[src="assets/azersigorta-logo.svg"] { width:77%; height:85%; opacity:.52; }
.client-strip-track .client-watermark[src="assets/city-park-mall-logo.svg"] { width:48%; height:90%; opacity:.78; }
.client-strip-track > .client-burma .client-watermark { top:50%; left:50%; right:auto; width:84%; height:92%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-burma .client-name { display:none; }
.client-strip-track > .client-xurcun .client-watermark { top:50%; left:50%; right:auto; width:88%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-xurcun .client-name { display:none; }
.client-strip-track > .client-vugma .client-watermark { top:50%; left:50%; right:auto; width:92%; height:84%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-vugma .client-name { display:none; }
.client-strip-track > .client-yuka .client-watermark { top:50%; left:50%; right:auto; width:94%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-yuka .client-name { display:none; }
.client-strip-track > .client-pcs-group .client-watermark { top:50%; left:50%; right:auto; width:96%; height:100%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-pcs-group .client-name { display:none; }
.client-strip-track > .client-saglam-gelecek .client-watermark { top:50%; left:50%; right:auto; width:92%; height:92%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-saglam-gelecek .client-name { display:none; }
.client-strip-track > .client-shatem-union .client-watermark { top:50%; left:50%; right:auto; width:94%; height:90%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-shatem-union .client-name { display:none; }
.client-strip-track > .client-babek .client-watermark { top:50%; left:50%; right:auto; width:98%; height:100%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-babek .client-name { display:none; }
.client-strip-track > .client-steel-wood .client-watermark { top:50%; left:50%; right:auto; width:98%; height:94%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-steel-wood .client-name { display:none; }
.client-strip-track > .client-az-fan .client-watermark,
.client-strip-track > .client-agrofan .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-az-fan .client-name,
.client-strip-track > .client-agrofan .client-name { display:none; }
.client-strip-track > .client-tarsa .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-tarsa .client-name { display:none; }
.client-strip-track > .client-hatemoglu .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-hatemoglu .client-name { display:none; }
.client-strip-track > .client-plamen .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-plamen .client-name { display:none; }
.client-strip-track > .client-drmilk .client-watermark { top:50%; left:50%; right:auto; width:96%; height:94%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-drmilk .client-name { display:none; }
.client-strip-track > .client-zira .client-watermark { top:5px; left:50%; right:auto; width:68%; height:68%; opacity:1; mix-blend-mode:normal; transform:translateX(-50%); }
.client-strip-track > .client-zira .client-name { position:absolute; right:0; bottom:8px; left:0; display:block; color:#234b35; font-size:.58rem; letter-spacing:0; text-align:center; text-transform:lowercase; }
.client-strip-track > .client-megasport .client-watermark { top:50%; left:50%; right:auto; width:98%; height:90%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-megasport .client-name { display:none; }
.client-strip-track > .client-aznektarin .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-aznektarin .client-name { display:none; }
.client-strip-track > .client-qaya .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-qaya .client-name { display:none; }
.client-strip-track > .client-azerblast .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-azerblast .client-name { display:none; }
.client-strip-track > .client-myshops .client-watermark { top:50%; left:50%; right:auto; width:98%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-myshops .client-name { display:none; }
.client-strip-track > .client-patron .client-watermark { top:50%; left:50%; right:auto; width:98%; height:90%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-patron .client-name { display:none; }
.client-strip-track > .client-fruitti .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-fruitti .client-name { display:none; }
.client-strip-track > .client-agropat .client-watermark { top:50%; left:50%; right:auto; width:84%; height:96%; opacity:1; mix-blend-mode:normal; transform:translate(-50%,-50%); }
.client-strip-track > .client-agropat .client-name { display:none; }
.client-strip-track .client-name { position:relative; z-index:1; }
.client-strip:hover .client-strip-track { animation-play-state:paused; }

.project-card p {
  margin-bottom: 12px;
  color: var(--primary);
  font-weight: 700;
}

.project-card small {
  color: var(--muted);
  line-height: 1.7;
}

.clients-section {
  background: #f4f8ff;
}

.client-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.client-logo {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 16px;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 24px;
}

.process-item {
  position: relative;
  background: var(--light);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 28px 20px;
}

.step-number {
  display: inline-flex;
  margin-bottom: 22px;
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--primary);
  line-height: 1;
}

.process-section .section-head { justify-content:center; text-align:center; }
.process-marker { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }
.process-marker .step-number { margin-bottom:0; }
.process-icon { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; background:var(--primary-soft); color:var(--primary); }
.process-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.cta-section {
  background: linear-gradient(135deg, #0d4ea6 0%, #0a356a 100%);
  color: white;
  padding: 80px 0;
}

.cta-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.cta-copy {
  max-width: 640px;
}

.cta-copy h2,
.cta-copy p {
  color: white;
}

.cta-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-weight: 600;
}

.cta-contact .btn {
  background: white;
  color: var(--primary-dark);
}

.cta-contact a,
.cta-contact p {
  color: rgba(255, 255, 255, 0.88);
}

.site-footer {
  background: #0d1728;
  color: white;
  padding-top: 60px;
}

.footer-inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 30px;
  padding-bottom: 30px;
}

.footer-brand img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 18px;
}

.footer-brand p,
.footer-links a,
.footer-links span,
.footer-bottom p {
  color: rgba(255,255,255,0.75);
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-links h4 {
  margin-bottom: 12px;
  color: white;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 18px 0 28px;
}

.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: 0;
  padding: 4px;
  cursor: pointer;
}

.language-picker { position:relative; z-index:30; display:inline-flex; align-items:center; margin-right:0; }
.language-trigger { display:inline-flex; align-items:center; gap:10px; padding:10px 12px; border:0; background:transparent; color:var(--text); font:500 18px "Inter",sans-serif; cursor:pointer; }
.language-chevron { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transform:rotate(180deg); transition:transform .18s ease; }
.language-trigger[aria-expanded="true"] .language-chevron { transform:rotate(0); }
.language-options { position:absolute; top:calc(100% + 8px); left:0; z-index:40; display:flex; flex-direction:column; width:108px; padding:10px 0 12px; overflow:hidden; border-radius:10px; background:#fff; box-shadow:0 12px 28px rgba(26,55,74,.12); }
.language-options[hidden] { display:none; }
.language-option { display:flex; align-items:center; justify-content:center; width:100%; height:50px; padding:0; border:0; background:transparent; color:#9aa9b3; font:400 20px "Inter",sans-serif; cursor:pointer; }
.language-option[aria-selected="true"] { background:#f2f6f7; color:#18394d; }
.language-option:hover { background:#f2f6f7; color:#18394d; }
.language-trigger:focus-visible, .language-option:focus-visible { outline:2px solid var(--primary); outline-offset:-2px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.nav-toggle span {
  display: block;
  width: 25px;
  height: 2px;
  background: var(--text);
  border-radius: 99px;
}

@media (max-width: 980px) {
  .hero-inner,
  .two-col,
  .cta-wrap,
  .footer-inner {
    grid-template-columns: 1fr;
    display: grid;
  }

  .services-grid,
  .project-grid,
  .values-grid,
  .process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cta-wrap {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .topbar { display: none; }

  .nav-toggle {
    display: flex;
  }

  .nav-wrap { position: relative; }

  .main-nav {
    position: absolute;
    left: 16px;
    right: 16px;
    top: calc(100% + 12px);
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: white;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 18px 16px;
    box-shadow: var(--shadow);
  }

  .main-nav.open {
    display: flex;
  }

  .hero {
    padding-top: 48px;
  }

  .hero-actions,
  .stats,
  .services-grid,
  .project-grid,
  .values-grid,
  .process-grid,
  .client-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .stats {
    gap: 12px;
  }

  .section {
    padding: 72px 0;
  }

  .brand img {
    height: 54px;
  }
}

/* SIESCO-inspired motion and refined interaction layer */
:root {
  --primary: #43ad76;
  --primary-dark: #2e6046;
  --primary-soft: #eaf5ed;
  --accent: #49b77c;
  --accent-soft: #edf7f0;
  --text: #4b4e4c;
  --muted: #717974;
  --light: #f4f8f5;
  --line: #e2ebe5;
  --shadow: 0 24px 70px rgba(38, 93, 62, .13);
}

body { overflow-x: hidden; }
.site-header { transition: box-shadow .3s ease, background .3s ease; }
.site-header.is-scrolled { box-shadow: 0 10px 30px rgba(8,38,79,.09); }
.nav-wrap { min-height: 78px; }
.main-nav a:not(.nav-btn) { position: relative; }
.main-nav a:not(.nav-btn)::after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:2px; background:var(--accent); transition:right .25s ease; }
.main-nav a:not(.nav-btn):hover::after { right:0; }
.hero { isolation:isolate; background: radial-gradient(ellipse at 82% 35%, rgba(255,255,255,.96), transparent 38%), linear-gradient(135deg,#f3f7fd 0%,#eaf2fc 55%,#f9fbff 100%); }
.hero::after { content:""; position:absolute; z-index:-1; width:520px; height:520px; right:-170px; top:-180px; border:1px solid rgba(18,63,131,.1); border-radius:50%; box-shadow:0 0 0 55px rgba(18,63,131,.025),0 0 0 110px rgba(18,63,131,.02); }
.eyebrow::before { content:""; display:inline-block; width:28px; height:2px; vertical-align:middle; margin-right:10px; background:var(--accent); }
.hero-copy h1 { max-width:720px; }
.platform-card { animation: card-float 6s ease-in-out infinite; border-radius:20px; }
.platform-header { border-bottom:1px solid var(--line); }
.mini-graph span { transform-origin:bottom; animation: bar-rise .9s cubic-bezier(.2,.8,.2,1) both; }
.mini-graph span:nth-child(2){animation-delay:.1s}.mini-graph span:nth-child(3){animation-delay:.2s}.mini-graph span:nth-child(4){animation-delay:.3s}.mini-graph span:nth-child(5){animation-delay:.4s}
.floating-badge { animation: badge-float 5s ease-in-out infinite; }
.floating-badge.right { animation-delay:-2.5s; }
.platform-card { z-index:2; }
.floating-badge { z-index:3; }
.service-card,.project-card,.value-item,.process-item,.client-logo { transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.service-card:hover,.project-card:hover,.process-item:hover { transform:translateY(-4px); border-color:rgba(18,63,131,.22); box-shadow:0 18px 38px rgba(8,38,79,.09); }
.icon-box { transition:transform .35s ease,background .35s ease; }
.service-card:hover .icon-box { transform:rotate(-3deg) scale(1.04); background:#e1edff; }
.client-logo:hover { transform:translateY(-4px); box-shadow:0 16px 35px rgba(8,38,79,.09); color:var(--primary); }
.cta-section { position:relative; overflow:hidden; background:linear-gradient(120deg,#103f83,#08264f); }
.cta-section::after { content:""; position:absolute; width:460px; height:460px; right:-120px; top:-230px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 50px rgba(255,255,255,.035),0 0 0 100px rgba(255,255,255,.025); pointer-events:none; }
.btn { transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 20px 38px rgba(13,78,166,.3); }
.btn-secondary:hover { transform:translateY(-3px); border-color:var(--primary); }
.reveal { opacity:0; transform:translateY(16px); transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:.1s }.reveal-delay-2 { transition-delay:.2s }.reveal-delay-3 { transition-delay:.3s }
.values-grid .value-item { position:relative; overflow:hidden; }
.values-grid .value-item::after { content:""; position:absolute; left:18px; right:18px; bottom:0; height:2px; border-radius:99px; background:linear-gradient(90deg,var(--primary),rgba(67,173,118,.2)); transform:scaleX(0); transform-origin:left; transition:transform .28s ease; }
.values-grid .value-item:hover { transform:translateY(-3px); border-color:rgba(55,145,91,.3); box-shadow:0 12px 25px rgba(38,93,62,.09); transition-delay:0s; }
.values-grid .value-item:hover::after { transform:scaleX(1); }
@keyframes card-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@keyframes badge-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes bar-rise { from{transform:scaleY(.15);opacity:.35} to{transform:scaleY(1);opacity:1} }
@keyframes project-logo-scroll { to { transform:translateX(-50%); } }
@media (max-width: 760px) { .client-strip-track { gap:12px; } .client-strip-track > span { width:calc((100vw - 44px) / 2); min-height:108px; padding:0 8px; border-radius:20px; font-size:clamp(.62rem, 2.6vw, .9rem); } .client-strip-track .client-watermark { right:6%; } }
@media (max-width: 760px) {
  #projects { scroll-margin-top:108px; }
  #about { scroll-margin-top:46px; }
  #services { scroll-margin-top:46px; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } .reveal { opacity:1; transform:none; } }

/* E-Miras brand palette */
.site-header { border-bottom-color:rgba(55,105,75,.1); }
.topbar { color:#f0f8f2; }
.btn-primary { background:linear-gradient(135deg,var(--primary),#59bd83); box-shadow:0 18px 30px rgba(55,145,91,.22); }
.hero { background:radial-gradient(ellipse at 82% 35%,rgba(255,255,255,.96),transparent 38%),linear-gradient(135deg,#f4faf6 0%,#eaf5ed 55%,#fbfdfb 100%); }
.hero::before { background:rgba(67,173,118,.09); }
.hero::after { border-color:rgba(55,145,91,.1); box-shadow:0 0 0 55px rgba(55,145,91,.025),0 0 0 110px rgba(55,145,91,.02); }
.stats div { border-color:rgba(55,145,91,.13); box-shadow:0 18px 30px rgba(38,93,62,.05); }
.platform-card { background:linear-gradient(180deg,#fff 0%,#f5faf6 100%); border-color:rgba(55,105,75,.12); }
.mini-graph { background:linear-gradient(180deg,rgba(67,173,118,.09),rgba(67,173,118,.025)); }
.mini-graph span { background:linear-gradient(180deg,var(--primary) 0%,#8bd1a8 100%); }
.floating-badge { border-color:rgba(55,105,75,.1); box-shadow:0 20px 35px rgba(38,93,62,.08); }
.check-icon { background:rgba(67,173,118,.14); }
.image-panel { background:url('assets/o2a0156.jpg') center/cover no-repeat; }
.value-item { background:linear-gradient(180deg,#fff 0%,#f3f8f4 100%); }
.project-card { background:linear-gradient(180deg,#fff 0%,#f4f9f5 100%); }
.clients-section { background:#f3f8f4; }
.client-strip-track > span { box-shadow:0 12px 28px rgba(38,93,62,.07); }
.cta-section { background:linear-gradient(120deg,#3ca56f,#285f44); }
.site-footer { background:#293830; }
.site-header.is-scrolled { box-shadow:0 10px 30px rgba(38,93,62,.1); }
.service-card:hover,.project-card:hover,.process-item:hover { border-color:rgba(55,145,91,.24); box-shadow:0 18px 38px rgba(38,93,62,.09); }
.service-card:hover .icon-box { background:#e1f1e6; }
.client-logo:hover { box-shadow:0 16px 35px rgba(38,93,62,.09); }
.btn-primary:hover { box-shadow:0 20px 38px rgba(55,145,91,.28); }

/* Wider project carousel with room for complete client logos. */
#projects .container { width:min(1450px, calc(100% - 24px)); }
.project-carousel { width:100%; }
.client-strip-track { gap:14px; }
.client-strip-track > span { flex:0 0 auto; width:calc((min(1450px, 100vw - 24px) - 70px) / 6); min-height:136px; }
.project-carousel .client-strip-track > span .client-watermark { top:50%; right:auto; bottom:auto; left:50%; width:calc(100% - 24px); height:calc(100% - 20px); max-width:none; max-height:none; object-fit:contain; transform:translate(-50%,-50%); opacity:1; mix-blend-mode:normal; }
.project-carousel .client-strip-track > .client-grandmart .client-watermark { width:calc(100% - 10px); height:calc(100% - 12px); }
.project-carousel .client-strip-track > .client-zira .client-watermark { top:8px; left:50%; width:68%; height:calc(100% - 38px); transform:translateX(-50%); }
.project-carousel .client-strip-track .client-name { display:block!important; position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
.project-carousel .client-strip-track > .client-smart-energy-solutions .client-name { display:block!important; position:static; width:auto; height:auto; padding:0 8px; margin:0; overflow:visible; clip:auto; clip-path:none; white-space:normal; text-align:center; font-size:clamp(.68rem, 1.5vw, .9rem); line-height:1.2; }
.project-carousel .client-strip-track > .client-qafqaz-bio-agro .client-qafqaz-label { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:100%; padding:0 8px; color:var(--primary-dark); font-size:clamp(.68rem, 1.5vw, .9rem); font-weight:800; line-height:1.2; text-align:center; white-space:normal; }
.project-carousel .client-strip-track > .client-khazar-trading .client-khazar-label { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:100%; padding:0 8px; color:var(--primary-dark); font-size:clamp(.68rem, 1.5vw, .9rem); font-weight:800; line-height:1.2; text-align:center; white-space:normal; }

@media (max-width:760px) {
  #projects .container { width:calc(100% - 24px); }
  .client-strip-track { gap:10px; }
  .client-strip-track > span { width:calc((100vw - 34px) / 2); min-height:128px; }
  .project-carousel .client-strip-track > span .client-watermark { width:calc(100% - 20px); height:calc(100% - 18px); }
  .project-carousel .client-strip-track > .client-zira .client-watermark { width:68%; height:calc(100% - 38px); }
}

/* Show each carousel logo in its original proportions and colors. */
.project-carousel .client-strip-track > span > .client-watermark {
  position:absolute!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:auto!important;
  height:auto!important;
  max-width:calc(100% - 24px)!important;
  max-height:calc(100% - 20px)!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}

.client-list {
  list-style: none;
  padding: 0;
  margin: 28px 0 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 18px;
}

.client-list li {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--line);
  color: var(--text);
  font-weight: 600;
}

@media (max-width: 980px) {
  .client-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .client-list {
    grid-template-columns: 1fr;
  }
}


.project-carousel .client-strip-track > .client-ashurkhan .client-name {
  display:flex!important;
  position:relative!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  border:0!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#263f36;
  font-size:clamp(1rem, 1.6vw, 1.35rem);
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.15;
  text-align:center;
}

.project-carousel .client-strip-track > .client-ashurkhan .client-name small {
  color:#76815d;
  font-size:.55em;
  font-weight:700;
  letter-spacing:.19em;
}


.project-carousel .client-strip-track > .client-azprokab .client-name {
  display:flex!important;
  position:relative!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  border:0!important;
  align-items:center;
  justify-content:center;
  color:#263f36;
  font-size:clamp(1rem, 1.6vw, 1.35rem);
  font-weight:800;
  letter-spacing:.08em;
  text-align:center;
}
/* Customer carousel: slower matched motion and hover-only outlines. */
.client-strip-track { animation-duration:120s; }
.client-strip-track.reverse { animation-duration:120s; }
.client-strip-track > span { border-color:transparent; transition:border-color .2s ease; }
.client-strip-track > span:hover { border-color:var(--line); }

/* Theme toggle */
.theme-toggle {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid var(--line);
  border-radius:50%;
  background:var(--card);
  color:var(--text);
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.theme-toggle:hover { transform:translateY(-2px); border-color:var(--accent); color:var(--primary); }
.theme-toggle:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.theme-icon { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.theme-icon-sun { display:none; }

:root[data-theme="dark"] {
  color-scheme:dark;
  --primary:#69c88f;
  --primary-dark:#a5dfb7;
  --primary-soft:#263e2e;
  --accent:#7bd69e;
  --accent-soft:#263c2e;
  --text:#e7eee9;
  --muted:#aab8af;
  --light:#18231c;
  --card:#202d24;
  --line:#35483a;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}

:root[data-theme="dark"] body { background:#111813; color:var(--text); }
:root[data-theme="dark"] .topbar { background:#203b2b; color:#d8f0df; }
:root[data-theme="dark"] .btn-primary { color:#102319; }
:root[data-theme="dark"] .cta-contact .btn { color:#244b32; }
:root[data-theme="dark"] .site-header { background:rgba(17,24,19,.94); border-bottom-color:rgba(148,190,160,.12); }
:root[data-theme="dark"] .site-header.is-scrolled { box-shadow:0 10px 30px rgba(0,0,0,.3); }
:root[data-theme="dark"] .main-nav { color:var(--text); }
:root[data-theme="dark"] .hero { background:radial-gradient(ellipse at 82% 35%,rgba(73,132,91,.18),transparent 40%),linear-gradient(135deg,#17231b 0%,#1b2b20 55%,#131d17 100%); }
:root[data-theme="dark"] .hero::before { background:rgba(67,173,118,.12); }
:root[data-theme="dark"] .hero::after { border-color:rgba(123,214,158,.13); box-shadow:0 0 0 55px rgba(123,214,158,.025),0 0 0 110px rgba(123,214,158,.018); }
:root[data-theme="dark"] .stats div { background:rgba(32,45,36,.82); border-color:var(--line); box-shadow:0 18px 30px rgba(0,0,0,.16); }
:root[data-theme="dark"] .platform-card { background:linear-gradient(180deg,#243329 0%,#1b281f 100%); border-color:var(--line); }
:root[data-theme="dark"] .mini-graph { background:linear-gradient(180deg,rgba(105,200,143,.12),rgba(105,200,143,.035)); }
:root[data-theme="dark"] .mini-graph span { background:linear-gradient(180deg,var(--primary),#36865b); }
:root[data-theme="dark"] .metric-list div { background:#19241d; border-color:var(--line); }
:root[data-theme="dark"] .floating-badge,
:root[data-theme="dark"] .badge-card { background:#25342a; border-color:var(--line); color:var(--text); }
:root[data-theme="dark"] .services-section,
:root[data-theme="dark"] .process-item { background:var(--light); }
:root[data-theme="dark"] .service-card { background:var(--card); border-color:var(--line); }
:root[data-theme="dark"] .service-card::before { background-image:linear-gradient(90deg,rgba(20,30,23,.97) 0%,rgba(20,30,23,.86) 48%,rgba(20,30,23,.38) 100%),var(--service-art); }
:root[data-theme="dark"] .service-card:hover .icon-box { background:#2d4936; }
:root[data-theme="dark"] .value-item,
:root[data-theme="dark"] .project-card { background:linear-gradient(180deg,#243329 0%,#1b281f 100%); border-color:var(--line); }
:root[data-theme="dark"] .clients-section { background:#151f18; }
:root[data-theme="dark"] .client-strip-track > span { background:var(--card); }
:root[data-theme="dark"] .client-list li { background:rgba(32,45,36,.8); border-color:var(--line); color:var(--text); }
:root[data-theme="dark"] .btn-secondary { background:#25342a; border-color:var(--line); color:var(--text); }
:root[data-theme="dark"] .language-trigger { color:var(--text); }
:root[data-theme="dark"] .language-options { background:#202d24; box-shadow:0 12px 28px rgba(0,0,0,.3); }
:root[data-theme="dark"] .language-option { color:#aebbb2; }
:root[data-theme="dark"] .language-option[aria-selected="true"],
:root[data-theme="dark"] .language-option:hover { background:#314438; color:#f4f7f4; }
:root[data-theme="dark"] .theme-toggle { background:#202d24; border-color:var(--line); color:var(--text); }
:root[data-theme="dark"] .theme-icon-moon { display:none; }
:root[data-theme="dark"] .theme-icon-sun { display:block; }
:root[data-theme="dark"] .site-footer { background:#101713; }

/* Soft expanding rings in the hero background; the origin and placement stay fixed. */
.hero::after {
  --hero-ring-rgb: 55, 145, 91;
  transform-origin: center;
  animation: hero-rings-open 8s ease-out infinite;
}
:root[data-theme="dark"] .hero::after { --hero-ring-rgb: 123, 214, 158; }
.cta-section::after {
  --hero-ring-rgb: 255, 255, 255;
  transform-origin: center;
  animation: hero-rings-open 8s ease-out infinite;
}
@keyframes hero-rings-open {
  0% {
    opacity: .3;
    transform: scale(.8);
    box-shadow: 0 0 0 30px rgba(var(--hero-ring-rgb), .012), 0 0 0 60px rgba(var(--hero-ring-rgb), .009), 0 0 0 90px rgba(var(--hero-ring-rgb), .006);
  }
  48% {
    opacity: .68;
    transform: scale(.96);
    box-shadow: 0 0 0 46px rgba(var(--hero-ring-rgb), .025), 0 0 0 92px rgba(var(--hero-ring-rgb), .02), 0 0 0 138px rgba(var(--hero-ring-rgb), .014);
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
    box-shadow: 0 0 0 62px rgba(var(--hero-ring-rgb), .003), 0 0 0 124px rgba(var(--hero-ring-rgb), .002), 0 0 0 186px rgba(var(--hero-ring-rgb), .001);
  }
}

@media (max-width:760px) {
  .nav-wrap { gap:8px; justify-content:flex-start; }
  .nav-toggle { order:-1; }
  .brand { min-width:0; }
  .brand img { width:100px; height:100px; }
  .language-picker { margin-right:0; margin-left:auto; }
  .language-trigger { gap:7px; padding:8px 4px; font-size:18px; }
  .language-options { width:100px; }
  .theme-toggle { width:38px; height:38px; }
  :root[data-theme="dark"] .main-nav { background:#202d24; border-color:var(--line); }
}

/* Join the customer logo cards into continuous carousel rows. */
.project-carousel { row-gap:0; }
.client-strip-track { gap:0; }
.client-strip-track > span { border-radius:0; box-shadow:none; }

:root[data-theme="dark"] .values-grid .value-item:hover { box-shadow:0 12px 25px rgba(0,0,0,.2); }
@media (prefers-reduced-motion: reduce) {
  .values-grid .value-item { transition-delay:0s!important; }
}

@media (min-width: 1024px) {
  html { zoom: 0.8; }
}