/* Final visual refresh overrides */
:root {
  --ink: #102a43;
  --muted: #5f7184;
  --paper: #f4f8f7;
  --card: rgba(255, 255, 255, 0.86);
  --teal: #0c8b83;
  --coral: #f26b5e;
  --line: rgba(16, 42, 67, 0.1);
  --shadow: 0 24px 70px rgba(16, 42, 67, 0.11);
}

html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--muted); overflow-x: hidden; }
body::before {
  position: fixed;
  content: '';
  inset: 0;
  pointer-events: none;
  opacity: 0.36;
  z-index: -1;
  background-image: linear-gradient(rgba(12, 139, 131, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(12, 139, 131, 0.035) 1px, transparent 1px);
  background-size: 34px 34px;
}
h1, h2, h3, h4, h5, h6 { color: var(--ink); letter-spacing: 0; }
p { color: var(--muted); }

.preloader { background: #eaf5f2; }
.header_navbar { padding: 0 18px; }
.header_area .header_navbar { background: rgba(6, 63, 75, 0.34); transition: background 0.35s ease, box-shadow 0.35s ease; }
.header_area .header_navbar:not(.sticky) { background: linear-gradient(180deg, rgba(6, 63, 75, 0.7), transparent); }
.navbar { padding: 20px 0; }
.header_area .header_navbar.sticky { background: rgba(7, 94, 103, 0.97); box-shadow: 0 12px 32px rgba(0, 35, 43, 0.28); backdrop-filter: blur(18px); }
.header_area .header_navbar .navbar-nav .nav-item a { color: rgba(255, 255, 255, 0.9); }
.header_area .header_navbar .navbar-nav .nav-item a:hover,
.header_area .header_navbar .navbar-nav .nav-item.active > a { color: #fff; }
.header_area .header_navbar .navbar-toggler .toggler-icon { background-color: #fff; }

.header_hero {
  min-height: 800px;
  height: auto;
  overflow: hidden;
  background: radial-gradient(circle at 82% 28%, rgba(242, 107, 94, 0.23), transparent 20%), radial-gradient(circle at 12% 80%, rgba(54, 191, 177, 0.2), transparent 26%), linear-gradient(135deg, #063f4b 0%, #0a6870 48%, #0c8b83 100%);
}
.header_hero::before { opacity: 0.2; background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.28) 1px, transparent 0); background-size: 28px 28px; }
.header_hero::after { position: absolute; content: ''; width: 54vw; height: 54vw; right: -18vw; bottom: -30vw; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.035), 0 0 0 120px rgba(255, 255, 255, 0.025); }
.header_hero_content { position: relative; z-index: 10; }
.header_hero_content .header_title { max-width: 650px; color: #fff; font-size: clamp(42px, 5.1vw, 76px); line-height: 1.04; text-shadow: 0 16px 38px rgba(0, 35, 43, 0.2); }
.header_hero_content p { max-width: 590px; color: rgba(255, 255, 255, 0.82); font-size: 18px; line-height: 1.8; }
.hero_badge { border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.1); color: #fff; backdrop-filter: blur(10px); }

.main-btn { border-radius: 10px; background: var(--coral); box-shadow: 0 14px 30px rgba(242, 107, 94, 0.3); }
.main-btn:hover { background: #ff8173; box-shadow: 0 18px 34px rgba(242, 107, 94, 0.38); }
.main-btn.main-btn-2 { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.38); }
.main-btn.main-btn-2:hover { background: rgba(255, 255, 255, 0.2); }
.header_image .hero_3d_card .device-frame { border: 9px solid rgba(255, 255, 255, 0.95); border-radius: 30px; box-shadow: 0 35px 90px rgba(0, 30, 38, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.28); }

.features_area, .use_cases_area { background: var(--paper); }
.about_area, .founder_area { background: #eaf3f1; }
.section_title .title { color: var(--ink); font-size: clamp(32px, 4vw, 50px); line-height: 1.12; }
.section_title p, .about_content p, .founder_content p, .download_app_content p, .footer_subscribe p { color: var(--muted); line-height: 1.85; }
.single_features { min-height: 250px; padding: 38px 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); box-shadow: 0 12px 36px rgba(16, 42, 67, 0.045); backdrop-filter: blur(12px); transform: translateY(var(--scroll-ty, 0)); transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, border-color 0.35s ease; }
.single_features::before { display: none; }
.single_features:hover { border-color: rgba(12, 139, 131, 0.34); box-shadow: var(--shadow); transform: translateY(calc(var(--scroll-ty, 0px) - 8px)); }
.features_icon i { transition: transform 0.4s ease; }
.single_features:hover .features_icon i { transform: rotate(-8deg) scale(1.16); }
.single_features .features_content .features_title { color: var(--ink); }
.single_features .features_content p { color: var(--muted); }
.single_features.features_1 .features_icon i, .single_features.features_2 .features_icon i, .single_features.features_3 .features_icon i { color: var(--teal); }
.about_image .image, .founder_image .image { border-radius: 20px; box-shadow: var(--shadow); }
.about_image, .founder_image, .download_app, .section_title { transform: translateY(var(--scroll-img-y, 0)); transition: transform 0.4s ease; }

.download_app { border-radius: 24px; background: linear-gradient(125deg, #064c59 0%, #087d7a 100%); box-shadow: 0 28px 70px rgba(6, 76, 89, 0.25); overflow: hidden; }
.download_app_content .download_title, .download_app_content p { color: #fff; }
.download_app_content ul li a { border-radius: 12px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.2); transition: transform 0.35s ease, background 0.35s ease; }
.download_app_content ul li a .content .title { color: #fff; }
.download_app_content ul li a .content p { color: rgba(255, 255, 255, 0.78); }
.download_app_content ul li a:hover { background: rgba(255, 255, 255, 0.21); transform: translateY(-6px); }
.footer_area { background: #082f3b; }
.footer_subscribe .subscribe_title, .footer_subscribe p, .footer_copyright p { color: rgba(255, 255, 255, 0.86); }
.footer_social ul li a { border-radius: 12px; background: rgba(255, 255, 255, 0.1); transition: transform 0.3s ease, background 0.3s ease; }
.footer_social ul li a:hover { background: var(--coral); transform: translateY(-5px) rotate(4deg); }
.back-to-top { border-radius: 10px; background: var(--coral); box-shadow: 0 10px 24px rgba(242, 107, 94, 0.3); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_area .navbar-collapse {
    background: rgba(6, 63, 75, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    box-shadow: 0 20px 42px rgba(0, 35, 43, 0.3);
    backdrop-filter: blur(18px);
  }
  .header_area .navbar-collapse .navbar-nav .nav-item a {
    color: rgba(255, 255, 255, 0.88);
    border-radius: 8px;
    padding: 10px 12px;
    transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
  }
  .header_area .navbar-collapse .navbar-nav .nav-item a:hover,
  .header_area .navbar-collapse .navbar-nav .nav-item.active > a {
    color: #fff;
    background: rgba(242, 107, 94, 0.2);
    transform: translateX(4px);
  }
}

@media (max-width: 767px) {
  .header_navbar { padding: 0 8px; }
  .header_area .navbar-collapse {
    background: rgba(6, 63, 75, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    box-shadow: 0 20px 42px rgba(0, 35, 43, 0.3);
    backdrop-filter: blur(18px);
    transform-origin: top center;
  }
  .header_area .navbar-collapse.show {
    animation: dropdownReveal 0.32s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  .header_area .navbar-collapse .navbar-nav .nav-item a {
    color: rgba(255, 255, 255, 0.88);
    border-radius: 8px;
    padding: 10px 12px;
    transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
  }
  .header_area .navbar-collapse.show .nav-item { animation: dropdownItemReveal 0.35s ease both; }
  .header_area .navbar-collapse.show .nav-item:nth-child(2) { animation-delay: 0.03s; }
  .header_area .navbar-collapse.show .nav-item:nth-child(3) { animation-delay: 0.06s; }
  .header_area .navbar-collapse.show .nav-item:nth-child(4) { animation-delay: 0.09s; }
  .header_area .navbar-collapse.show .nav-item:nth-child(5) { animation-delay: 0.12s; }
  .header_area .navbar-collapse.show .nav-item:nth-child(6) { animation-delay: 0.15s; }
  .header_area .navbar-collapse.show .nav-item:nth-child(7) { animation-delay: 0.18s; }
  .header_area .navbar-collapse.show .nav-item:nth-child(8) { animation-delay: 0.21s; }
  .header_area .navbar-collapse .navbar-nav .nav-item a:hover,
  .header_area .navbar-collapse .navbar-nav .nav-item.active > a {
    color: #fff;
    background: rgba(242, 107, 94, 0.2);
    transform: translateX(4px);
  }
  .header_hero { min-height: 0; padding-top: 115px; }
  .header_hero_content .header_title { font-size: 43px; }
  .header_hero_content p { font-size: 16px; }
  .header_hero_content ul li { margin-bottom: 10px; }
  .single_features { min-height: 0; padding: 30px 22px; }
}

@keyframes dropdownReveal {
  from { opacity: 0; transform: translateY(-8px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes dropdownItemReveal {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}