/* Force hero SVG image to display */
.hero-section .hero-img img[src$="iwixapps-hero.svg"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100%;
  height: auto;
}
.navbar-area {
  position: sticky;
  top: 0;
  z-index: 1020;
  box-shadow: 0 2px 16px rgba(37,99,235,0.10);
  background: #fff;
}
/* Modern footer enhancements */
.footer .row {
  box-shadow: 0 4px 32px rgba(37,99,235,0.12);
  border-radius: 24px;
}
.footer-link {
  position: relative;
  font-weight: 600;
  transition: color .2s;
}
.footer-link::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 2px;
  background: #fff;
  opacity: 0;
  transform: scaleX(0.2);
  transition: opacity .2s, transform .2s;
}
.footer-link:hover::after, .footer-link:focus::after {
  opacity: 1;
  transform: scaleX(1);
}
@media (max-width: 992px) {
  .header .navbar-nav .nav-item a {
    box-shadow: 0 4px 18px rgba(37,99,235,0.18), 0 1.5px 0 #fff inset;
    border: 1.5px solid #e2e8f0;
    transition: box-shadow .18s, transform .18s, border .18s;
  }
  .header .navbar-nav .nav-item a:active {
    transform: scale(0.97);
    box-shadow: 0 2px 8px rgba(37,99,235,0.10);
    border-color: #2563eb;
  }
}
@media (max-width: 992px) {
  .header .navbar-nav {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(37,99,235,0.08);
    padding: 12px 0;
  }
  .header .navbar-nav .nav-item a {
    display: block;
    margin: 12px 0;
    background: linear-gradient(90deg,#2563eb 0%,#3b82f6 100%);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 1px 6px rgba(37,99,235,0.10);
    padding: 16px 8px;
    text-align: center;
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
  }
  .navbar-toggler {
    background: #2563eb !important;
    border-radius: 999px;
    border: none;
    box-shadow: 0 2px 8px rgba(37,99,235,0.10);
  }
  .navbar-toggler .toggler-icon {
    background: #fff !important;
    height: 3px;
    margin: 5px 0;
    border-radius: 2px;
    display: block;
  }
}
/* Iwixapps modern overrides */
:root{
  --ix-primary:#2563eb; /* blue */
  --ix-accent:#3b82f6; /* light blue */
  --ix-text:#0f172a;   /* slate-900 */
  --ix-sub:#475569;    /* slate-600 */
  --ix-bg:#f8fafc;     /* slate-50 */
  --ix-card:#ffffff;
  --ix-border:#e2e8f0;
  --ix-radius:16px;
  --ix-shadow:0 10px 30px rgba(37,99,235,.12);
}
body{color:var(--ix-text);background:var(--ix-bg)}

/* Header tweaks */
.header{
  background:linear-gradient(90deg,#2563eb 0%,#3b82f6 100%) !important;
  width:100%;
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 2px 16px rgba(37,99,235,0.10);
}
.header .navbar{
  padding:18px 0;
  background:transparent;
  border-bottom:none;
  box-shadow:none;
  transition:box-shadow .2s;
}
.header .navbar-brand img{
  width:48px;
  height:48px;
  border-radius:14px;
  box-shadow:0 2px 8px rgba(37,99,235,0.10);
}
.header .navbar-brand{
  font-weight:900;
  color:var(--ix-primary);
  font-size:1.35rem;
  letter-spacing:0.5px;
  display:flex;
  align-items:center;
  gap:12px;
}
.header .navbar-nav .nav-item a{
  font-weight:700;
  border-radius:999px;
  padding:8px 14px;
  margin:0 1px;
  font-size:16px;
  color:#fff;
  background:linear-gradient(90deg,#2563eb 0%,#3b82f6 100%);
  box-shadow:0 1px 6px rgba(37,99,235,0.08);
  transition:background .18s, color .18s, box-shadow .18s;
}
.header .navbar-nav .nav-item a:hover,
.header .navbar-nav .nav-item a:focus{
  background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);
  color:#fff;
  box-shadow:0 2px 12px rgba(37,99,235,0.18);
  text-decoration:none;
}
.header .navbar-nav .nav-item a.active{
  background:linear-gradient(90deg,#2563eb 60%,#3b82f6 100%);
  color:#fff;
  box-shadow:0 2px 16px rgba(37,99,235,0.22);
}

/* Modern hero banner */
.hero-section{background:linear-gradient(135deg,var(--ix-primary),var(--ix-accent));position:relative;overflow:hidden}
.hero-section .hero-content h1{color:#fff;font-weight:900;line-height:1.15}
.hero-section .hero-content p{color:#e0e7ff;font-size:18px}
.hero-section .hero-img img{
  animation:ix-float 6s ease-in-out infinite;
  filter:drop-shadow(0 12px 30px rgba(2,6,23,.25));
  display:block;
  opacity:1;
  visibility:visible;
}
@keyframes ix-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.main-btn{background:#fff;color:var(--ix-primary)!important;border:none;border-radius:999px;padding:12px 22px;font-weight:800;box-shadow:var(--ix-shadow)}
.main-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(37,99,235,.2)}

/* Apps grid */
#apps{padding:90px 0}
.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.app-card{background:var(--ix-card);border:1px solid var(--ix-border);border-radius:20px;box-shadow:var(--ix-shadow);padding:20px;transition:.2s}
.app-card:hover{transform:translateY(-6px)}
.app-card h5{margin:10px 0 6px;font-weight:800;color:var(--ix-primary)}
.app-card p{color:var(--ix-sub)}
.app-card .btn{border-radius:999px}

/* About & Contact */
#about{background:#fff}
#about p{max-width:720px;margin:0 auto;color:var(--ix-sub)}
#contact form .form-control{border-radius:10px}

/* Footer - colorful gradient (refined) */
.footer{ 
  background: linear-gradient(135deg, #0f2a8a 0%, #1e40af 45%, #2563eb 75%, #3b82f6 100%);
  color:#fff;
  border-top: 1px solid rgba(255,255,255,0.15);
  box-shadow: 0 -8px 24px rgba(2,6,23,.12) inset;
  position:relative;
  overflow:hidden;
}
.footer .container{padding-top:4px;padding-bottom:4px}
/* compact bar spacing */
.footer-bar{gap:6px}
/* subtle top divider glow */
.footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  pointer-events:none;
}
/* link styling */
.footer-nav a{
  position:relative;display:inline-block;padding:2px 6px;margin-right:4px;
  font-size:13px;line-height:1;color:#e8efff;transition:color .2s ease;
}
.footer-nav a:last-child{margin-right:0}
.footer-nav a::after{
  content:"";position:absolute;left:6px;right:6px;bottom:0;height:1px;
  background: currentColor;opacity:0;transform:scaleX(.2);transition:opacity .2s, transform .2s;
}
.footer-nav a:hover,.footer-nav a:focus{color:#fff;text-decoration:none}
.footer-nav a:hover::after,.footer-nav a:focus::after{opacity:.9;transform:scaleX(1)}
.footer .text-white.fw-semibold{font-size:13px;line-height:1;margin:0;opacity:.95}
.footer h3{color:#fff}
.footer .links a{color:#e5edff; transition:color .2s}
.footer .links a:hover{color:#ffffff; text-decoration:underline}

/* Download buttons in footer */
.footer .download li + li{margin-top:10px}
.footer .download a{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:12px; padding:10px 14px; color:#fff;
  transition:transform .2s, background .2s, box-shadow .2s;
}
.footer .download a .icon{
  width:36px;height:36px;border-radius:10px;
  background:rgba(255,255,255,0.15); display:inline-flex;
  align-items:center;justify-content:center;color:#fff;
}
.footer .download a:hover{
  background:rgba(255,255,255,0.16);
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(2,6,23,.2)
}

/* Copyright & Socials */
.copy-right p{color:#e5edff;margin:0}
.socials ul{display:flex;gap:10px;justify-content:flex-end}
.socials a{
  width:40px;height:40px;border-radius:999px;display:inline-flex;
  align-items:center;justify-content:center;color:#fff;
  background:rgba(255,255,255,0.12);
  transition:transform .2s, background .2s, box-shadow .2s;
}
.socials a:hover{background:rgba(255,255,255,0.22);transform:translateY(-2px);box-shadow:0 8px 20px rgba(2,6,23,.25)}

@media (max-width: 768px){
  .copy-right-wrapper .row{gap:12px}
  .socials ul{justify-content:center}
  .copy-right{text-align:center}
}

/* Responsive */
@media (max-width: 992px){.apps-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 576px){.apps-grid{grid-template-columns:1fr}.hero-section .hero-content h1{font-size:26px}}