/* Modern overrides for a light + red theme */
:root{
  --td-accent-1: #ef4444; /* primary red */
  --td-accent-2: #d60f24; /* deeper red */
  --td-accent-3: #fff5f5; /* very light red tint */
  --td-contrast: #111827; /* dark text */
  --td-muted: #6b7280;
}

/* Page background: subtle warm tone */
body{
  background: linear-gradient(180deg, #ffffff 0%, #fffdfd 100%);
  color: var(--td-contrast);
}

/* Navbar: glassy, subtle shadow, red brand */
.navbar{
  background: rgba(255,255,255,0.75) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(214,15,36,0.06);
}
.navbar-brand{
  color: var(--td-accent-2) !important;
  font-weight: 700;
  letter-spacing: 0.6px;
}
.navbar .nav-link{
  color: var(--td-muted) !important;
  font-weight: 600;
}
.navbar .nav-link:hover{ color: var(--td-accent-1) !important; }

/* Hero */
.masthead{
  padding: 5.5rem 0;
}
.masthead .display-1{
  color: var(--td-contrast);
  font-weight: 800;
  letter-spacing: -1px;
}
.masthead p.lead{ color: #555 !important; font-weight:500 }

/* Accent gradient circles/shapes */
.gradient-start-color{ stop-color: var(--td-accent-1); }
.gradient-end-color{ stop-color: var(--td-accent-2); }

/* Device mockups: subtle card effect */
.masthead-device-mockup .device-wrapper,
.features-device-mockup .device-wrapper{
  filter: drop-shadow(0 8px 28px rgba(13, 16, 21, 0.08));
}
.device .screen img{ border-radius: 20px; object-fit: cover }

/* Buttons: rounded pill, red gradient */
.btn-primary, .app-badge-link, .cta-btn{
  background: linear-gradient(90deg, var(--td-accent-1), var(--td-accent-2)) !important;
  border: none !important;
  color: #fff !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(214,15,36,0.18);
}
.btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 12px 30px rgba(214,15,36,0.18) }

/* App badges images */
.app-badge{ height:48px; box-shadow: 0 8px 20px rgba(16, 24, 40, 0.06); border-radius: 8px }

/* Feature icons and headings */
.icon-feature{ font-size: 2.2rem; color: var(--td-accent-1) }
.font-alt{ color: var(--td-contrast); font-weight:700 }

/* Cards and sections */
section.bg-light{ background: linear-gradient(180deg, #ffffff 0%, #fff9f9 100%); }
.bg-gradient-primary-to-secondary{
  background: linear-gradient(90deg, rgba(239,68,68,0.95) 0%, rgba(214,15,36,0.95) 100%) !important;
}
.bg-gradient-primary-to-secondary .text-white{ color: #fff !important }

/* Quote aside: cleaner type */
aside.text-center.bg-gradient-primary-to-secondary{ padding: 3rem 0 }
aside .h2{ font-weight:700; font-style:normal }

/* Footer: light style */
footer.bg-black{
  background: linear-gradient(180deg, #fff 0%, #fff 100%) !important;
  color: #6b7280 !important;
  border-top: 1px solid rgba(0,0,0,0.04);
}
footer a{ color: var(--td-accent-2); text-decoration: none }

/* Contacts: inline icons */
#contacts .bi{ font-size: 1.05rem; margin-right: 0.4rem; color: var(--td-accent-1) }

/* Responsive tweaks */
@media (max-width: 767px){
  .masthead .display-1{ font-size: 2.2rem }
  .app-badge{ height:44px }
}

/* Small utilities */
.text-muted{ color: #6b7280 !important }

/* Subtle animations to feel modern */
@media (prefers-reduced-motion: no-preference){
  .masthead .display-1{ transition: transform .45s cubic-bezier(.2,.9,.3,1); }
  .masthead:hover .display-1{ transform: translateY(-3px); }
}

/* Keep existing layout intact while modernising look */
/* End of modern overrides */