:root {
  --cireon-accent: #0c427d;
  --cireon-dark: #0f1117;
  --cireon-surface: #161b26;
}

.page-title h1,
.page-title .page-title-text {
  position: relative;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 10px;
  font-size: 3.5rem;
  text-transform: capitalize;
}

.about { background-image: linear-gradient(135deg, #0f1117 0%, #1a2235 100%) !important; }
.stats-bg { background-image: linear-gradient(135deg, #12182a 0%, #0f1117 100%) !important; }
.complexity-section {
  background-image: linear-gradient(135deg, #161b26 0%, #12182a 50%, #0f1117 100%) !important;
}

.complexity-section h2 {
  line-height: 1.25;
}

@media (max-width: 991px) {
  .complexity-section .ml-md-4 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 1.5rem;
  }
}

.credibility-section {
  background-image: linear-gradient(180deg, #0f1117 0%, #12182a 50%, #0f1117 100%) !important;
}
.portfolio { background-image: linear-gradient(180deg, #0f1117 0%, #161b26 100%) !important; }
.parallax { background-image: linear-gradient(rgba(15,17,23,.85), rgba(15,17,23,.85)), url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&q=80') !important; background-size: cover !important; }
.pricing { background-image: linear-gradient(135deg, #161b26 0%, #0f1117 100%) !important; }
.blog-bg { background-image: linear-gradient(135deg, #12182a 0%, #0f1117 100%) !important; }
.contact-sec { background-image: linear-gradient(135deg, #0f1117 0%, #1a2235 100%) !important; }
.footer { background-image: linear-gradient(180deg, #0a0c10 0%, #0f1117 100%) !important; }
.page-title { background: linear-gradient(rgba(15,17,23,.75), rgba(15,17,23,.9)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&q=80') center/cover !important; }
.full-map { background: linear-gradient(135deg, #161b26, #0f1117) !important; min-height: 320px; }

.cireon-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(rgba(15,17,23,.72), rgba(15,17,23,.88)), url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&q=80') center/cover;
  padding-top: 100px;
}

.cireon-logo-text {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.35rem;
  color: #fff;
  letter-spacing: 0.04em;
}

.cireon-logo-text span { color: var(--cireon-accent); }

.product-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 2rem;
  height: 100%;
  transition: transform .3s ease, border-color .3s ease;
}

.product-card:hover {
  transform: translateY(-4px);
  border-color: var(--cireon-accent);
}

.credibility-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 2.25rem 2rem;
  height: 100%;
  transition: transform .3s ease, border-color .3s ease;
}

.credibility-card:hover {
  transform: translateY(-4px);
  border-color: var(--cireon-accent);
}

.credibility-icon {
  color: var(--cireon-accent);
  font-size: 2rem;
  margin-bottom: 1.25rem;
  line-height: 1;
}

.credibility-card h5 {
  line-height: 1.35;
}

.credibility-intro,
.without-architecture-intro {
  max-width: 640px;
  line-height: 1.65;
}

.without-architecture-section,
.architecture-fails-section {
  background-image: linear-gradient(180deg, #0f1117 0%, #12182a 50%, #161b26 100%) !important;
}

.architecture-fails-section h2 {
  line-height: 1.25;
}

@media (max-width: 991px) {
  .architecture-fails-section .ml-md-4 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 1.5rem;
  }
}

.product-card .badge-coming {
  background: rgba(6,38,73,.35);
  color: #8eb4d4;
  font-size: .7rem;
  padding: .25rem .6rem;
  border-radius: 999px;
}

.belief-list li {
  color: #b0b8c8;
  padding: .75rem 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.belief-list li i { color: var(--cireon-accent); margin-right: .75rem; }

.enable-list li {
  color: #c8d0dc;
  padding: .5rem 0;
}

.enable-list li::before {
  content: '→';
  color: var(--cireon-accent);
  margin-right: .5rem;
}

.lang-switch .btn-lang {
  background: transparent;
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  font-size: .75rem;
  padding: .25rem .6rem;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1.2;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.lang-switch .btn-lang:hover {
  border-color: rgba(6,38,73,.6);
  color: var(--cireon-accent);
}

.lang-switch .btn-lang.active {
  border-color: var(--cireon-accent);
  color: var(--cireon-accent);
  background: rgba(9, 65, 125, 0.25);
}

.navbar .nav-link.active { color: var(--cireon-accent) !important; }

#result .text-danger { color: #f8a0a0 !important; }
#result .text-green { color: #8fd4a8 !important; }

.contact-form button[type="submit"]:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.culture-intro {
  background-image: linear-gradient(135deg, #0f1117 0%, #1a2235 100%) !important;
}

.culture-intro-lead {
  max-width: 720px;
  line-height: 1.7;
}

.culture-work-section {
  background-image: linear-gradient(180deg, #0f1117 0%, #12182a 50%, #0f1117 100%) !important;
}

.culture-optimize-section {
  background-image: linear-gradient(135deg, #12182a 0%, #0f1117 100%) !important;
}

.culture-distributed-section {
  background-image: linear-gradient(135deg, #161b26 0%, #12182a 50%, #0f1117 100%) !important;
}

.culture-distributed-section h2 {
  line-height: 1.25;
}

.culture-no-hero-section {
  background-image: linear-gradient(180deg, #0f1117 0%, #12182a 50%, #161b26 100%) !important;
}

.culture-closing-section {
  background-image: linear-gradient(135deg, #0f1117 0%, #1a2235 100%) !important;
}

.culture-list li {
  color: #b0b8c8;
  padding: .75rem 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.culture-list li i {
  color: var(--cireon-accent);
  margin-right: .75rem;
}

.culture-quote {
  border-left: 3px solid var(--cireon-accent);
  padding-left: 1.5rem;
}

.culture-quote-closing {
  border-left: none;
  padding-left: 0;
  line-height: 1.75;
  font-style: italic;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
  .culture-distributed-section .ml-md-4 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 1.5rem;
  }

  .navbar-collapse { background: #0f1117; padding: 1rem; border-radius: 8px; margin-top: .5rem; }
}