/* ============================================
   ICYOU – Responsive Supplement
   ============================================ */

/* Smooth scroll offset for fixed header */
section[id] { scroll-margin-top: 80px; }

/* AOS override */
[data-aos] { transition-duration: 0.7s !important; }

/* Form placeholder color */
input::placeholder,
textarea::placeholder { color: #3d5070; }

/* Select arrow */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

/* Focus visible */
:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-0); }
::-webkit-scrollbar-thumb { background: rgba(79,142,247,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary); }

/* Active nav link highlight */
.nav__link.active-link {
  color: var(--primary) !important;
  background: rgba(79,142,247,0.08);
}

/* Loading animation for stat bars */
@keyframes slideIn {
  from { width: 0; }
  to { width: var(--target-width); }
}

/* Hero text highlight */
.hero__desc strong { color: #fff; font-weight: 600; }

/* Chip hover state */
.chip:hover span { background: rgba(79,142,247,0.08); }

/* Solution visual responsive */
@media (max-width: 768px) {
  .vr-demo { max-width: 100%; }
  .rt-demo { max-width: 100%; }
  .cm-demo { max-width: 100%; }
  .phone-mockup { width: 180px; }
}

/* Trust bar scroll animation */
@keyframes scrollLogos {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Card hover glow */
.whatwedo__item:nth-child(1):hover .whatwedo__icon { background: rgba(79,142,247,0.2); }
.whatwedo__item:nth-child(2):hover .whatwedo__icon { background: rgba(139,92,246,0.2); color: var(--purple); }
.whatwedo__item:nth-child(3):hover .whatwedo__icon { background: rgba(16,185,129,0.2); color: var(--green); }
.whatwedo__item:nth-child(4):hover .whatwedo__icon { background: rgba(245,158,11,0.2); color: #f59e0b; }

/* Industry card icon colors */
.industry-card:nth-child(1) .industry-card__icon { color: var(--yellow); background: rgba(245,158,11,0.1); border-color: rgba(245,158,11,0.2); }
.industry-card:nth-child(2) .industry-card__icon { color: var(--purple); background: rgba(139,92,246,0.1); border-color: rgba(139,92,246,0.2); }
.industry-card:nth-child(3) .industry-card__icon { color: var(--green); background: rgba(16,185,129,0.1); border-color: rgba(16,185,129,0.2); }
.industry-card:nth-child(4) .industry-card__icon { color: #f43f5e; background: rgba(244,63,94,0.1); border-color: rgba(244,63,94,0.2); }

/* Typing cursor animation */
@keyframes typingCursor {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Notification badge */
.float-cta__btn::after {
  content: 'NEW';
  position: absolute;
  top: -6px; right: -6px;
  background: var(--red);
  color: #fff;
  font-size: 0.55rem;
  font-weight: 800;
  padding: 2px 5px;
  border-radius: 4px;
  letter-spacing: 0.05em;
}
.float-cta { position: fixed; }
.float-cta__btn { position: relative; }

/* Dividers */
.section + .section {
  border-top: 1px solid var(--border);
}

/* Trust bar item hover */
.trust-item {
  padding: 8px 16px;
  border-radius: var(--radius-sm);
  transition: var(--transition);
}
.trust-item:hover {
  background: rgba(79,142,247,0.06);
  color: #fff;
}