:root {
  --emerald: #011C17;
  --copper: #B87333;
  --cream: #FFF1DC;
  --chocolate: #1A0F0A;
  --muted-cream: rgba(255, 241, 220, .74);
  --panel: rgba(255, 241, 220, .075);
  --panel-strong: rgba(255, 241, 220, .12);
}

html { scroll-behavior: smooth; }
body {
  background: var(--emerald);
  color: var(--muted-cream);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: var(--cream); }
a:hover { color: var(--copper); }
h1, h2, h3, h4, h5, h6, .heading h1, .heading.hbm h1, .content_box h6, .single_footer h3, .contact_info h3 {
  color: var(--cream);
  font-family: inherit;
}
p, .heading p, .heading.hbm p, .card-body, .single_footer ul li a, p.footer_pera, .contact_info p {
  color: var(--muted-cream);
}
.header_absolute {
  background: rgba(1, 28, 23, .92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(184, 115, 51, .45);
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}
.logo { max-width: 220px; }
.logo h3 {
  color: var(--cream);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 26px;
}
.main_menu ul li a {
  color: var(--cream);
  font-weight: 600;
}
.main_menu ul li a:hover { color: var(--copper); }
.slicknav_menu { background: transparent; }
.slicknav_btn { background: var(--copper); }
.slicknav_nav { background: var(--chocolate); border: 1px solid rgba(184,115,51,.35); }
.slicknav_nav a { color: var(--cream); }

.welcome_area {
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% 18%, rgba(184,115,51,.42) 0, rgba(184,115,51,0) 31%),
    radial-gradient(circle at 25% 75%, rgba(255,241,220,.16) 0, rgba(255,241,220,0) 29%),
    linear-gradient(135deg, #011C17 0%, #1A0F0A 42%, #B87333 72%, #FFF1DC 115%);
  overflow: hidden;
}
.welcome_area:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,241,220,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,241,220,.05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 90%);
  pointer-events: none;
}
.welcome_area h1, .welcome_area h6, .title h1, .title h6 { color: var(--cream) !important; }
.title h1 { text-shadow: 0 18px 50px rgba(0,0,0,.42); }
.title h6 { color: rgba(255,241,220,.86) !important; }
.apps img, .apps_app img, .feature_tab_img_right img, .feature_tab_img_left img, .mobile_feature_img img, .mobile_feature_img2 img, .single_screen img {
  border-radius: 30px;
  box-shadow: 0 35px 90px rgba(0,0,0,.42), 0 0 0 1px rgba(184,115,51,.35);
}
.apps img { max-height: 650px; object-fit: cover; }
.primary_bg {
  background: linear-gradient(135deg, rgba(26,15,10,.98), rgba(1,28,23,.98));
  border-top: 1px solid rgba(184,115,51,.16);
  border-bottom: 1px solid rgba(184,115,51,.16);
}
.feature_area, .about_area, .counter_area, .faq_area, .apps_area, .footer {
  background: var(--emerald);
}
.feature_area:nth-of-type(4), .faq_area, .footer {
  background: linear-gradient(145deg, var(--emerald), var(--chocolate));
}
.single_core_feature, .single_about, .single_more_feature, .card, .contact_info, .legal-shell {
  background: var(--panel);
  border: 1px solid rgba(184,115,51,.28) !important;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}
.single_core_feature, .single_about, .single_more_feature { padding: 28px; min-height: 100%; }
.content_box h6 { color: var(--cream); }
.content_box p { color: var(--muted-cream); }
.about_line:after, .about_line2:after { background: var(--copper); opacity: .5; }
button.btn.btn-link.btn-block.text-left {
  color: var(--cream);
  white-space: normal;
  padding-right: 58px;
}
.card-header { border: 0; }
.card-body { color: rgba(255,241,220,.76); }
.faq_area button.btn.btn-link:after {
  content: "⌄";
  font-family: inherit;
  color: var(--copper);
  font-size: 26px;
  right: 24px;
  top: 18px;
}
.screen_carousel .owl-dots .owl-dot { background: rgba(255,241,220,.28); }
.screen_carousel .owl-dots .owl-dot.active { background: var(--copper); }
.contact_area {
  background: linear-gradient(135deg, var(--chocolate), var(--emerald));
  padding: 90px 0;
}
.contact_form .form-control {
  background: rgba(255,241,220,.08);
  border: 1px solid rgba(184,115,51,.35);
  color: var(--cream);
  border-radius: 14px;
}
.contact_form .form-control::placeholder { color: rgba(255,241,220,.55); }
.contact_form .form-control:focus {
  border-color: var(--copper);
  box-shadow: 0 0 0 4px rgba(184,115,51,.16);
  background: rgba(255,241,220,.12);
  color: var(--cream);
}
.contact_form .btn-primary {
  background: linear-gradient(135deg, var(--copper), #FFF1DC);
  color: var(--chocolate);
  border: 0;
  border-radius: 999px;
  padding: 14px 34px;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(184,115,51,.28);
}
.contact_form .btn-primary:hover { background: linear-gradient(135deg, #FFF1DC, var(--copper)); color: var(--chocolate); }
.contact_info { background: rgba(26,15,10,.55); }
.footer { border-top: 1px solid rgba(184,115,51,.25); }
.single_footer ul li p, .copyright p { color: var(--muted-cream); }
.single_footer ul li a:hover { color: var(--copper); padding-left: 3px; }
.copyright { border-top: 1px solid rgba(184,115,51,.2); background: var(--chocolate); }
.feature_img_right, .feature_img_left { opacity: .2; filter: saturate(1.2); }
.heading.hbm { margin-bottom: 48px; }
.legal-page { min-height: 100vh; background: linear-gradient(135deg, var(--emerald), var(--chocolate)); padding: 60px 16px; }
.legal-shell { max-width: 900px; margin: 0 auto; padding: 48px; }
.legal-shell h1 { margin: 24px 0; font-size: 42px; }
.legal-shell p { margin-bottom: 16px; font-size: 20px; line-height: 1.7; }
.back-link { color: var(--copper); font-weight: 700; }
.cookie-banner-center { border: 1px solid rgba(184,115,51,.4) !important; background: var(--chocolate) !important; color: var(--cream) !important; }
.cookie-title, .toggle-title { color: var(--cream) !important; }
.cookie-text, .toggle-desc { color: rgba(255,241,220,.75) !important; }
.cookie-btn.accept { background: var(--copper) !important; color: var(--chocolate) !important; }
.cookie-btn.reject, .cookie-btn.manage { border-color: rgba(184,115,51,.45) !important; color: var(--cream) !important; }
@media screen and (max-width: 767px) {
  .welcome_area { padding: 140px 0 80px; }
  .logo h3 { font-size: 22px; }
  .single_core_feature, .single_about, .single_more_feature { margin-bottom: 20px; }
  .legal-shell { padding: 28px; }
}