@import url(../main.css);

.glass-card {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


.cap-pulse {
    animation: capPulse 2s ease-in-out infinite;
}

@keyframes capPulse {
    0% {
        transform: translateY(0);
    }


    50% {
        transform: translateY(-5px);
    }

 

    100% {
        transform: translateY(0);
    }
}

.purple-gradient {
    background: linear-gradient(135deg, rgba(216, 180, 254, 0.2) 0%, rgba(192, 132, 252, 0.2) 100%);
}


.scale-animate{
animation: scale-animation 2s ease-in-out infinite;
}

@keyframes scale-animation {
    0%{ 
        transform: scale(1);
    }
    50%{
        transform: scale(1.03);
    }
    100%{
        transform: scale(1);
    }

}

/* Responsive hero visual adjustments */
.hero-visual{ /* container for central logo */
  width: clamp(140px, 30vw, 320px);
  height: clamp(140px, 30vw, 320px);
  min-width: 120px;
  min-height: 120px;
}
.hero-visual .hero-logo{ width: 70%; height: auto; object-fit: contain; }

/* Floating badges */
.floating{ transition: all 220ms ease; }
.floating-img{ width:100%; height:100%; object-fit:cover; border-radius:9999px; }

/* Specific floating helpers (desktop defaults kept by existing tailwind classes) */
.floating-top-right{ /* top-right badge */ }
.floating-bottom-left{ /* bottom-left badge */ }
.floating-left-center{ transform: translateY(-50%); }
.floating-right-center{ transform: translateY(-50%); }

/* Hide large decorative items on small screens */
.cap-icon{ display: block; }

@media (max-width: 1024px){
  .cap-icon{ display:none; }
  /* reduce sizes */
  .hero-visual{ width: clamp(120px, 36vw, 260px); height: clamp(120px, 36vw, 260px); }
  .floating{ width: clamp(36px, 7vw, 56px) !important; height: clamp(36px, 7vw, 56px) !important; }
  /* move outer floating badges closer in */
  .floating-top-right{ top: -6px; right: -6px; }
  .floating-bottom-left{ bottom: -6px; left: -6px; }
  .floating-left-center{ left: -10px; }
  .floating-right-center{ right: -10px; }
}

@media (max-width: 640px){
  .hero-visual{ width: clamp(110px, 44vw, 220px); height: clamp(110px, 44vw, 220px); }
  .floating{ width: 40px !important; height: 40px !important; }
  .floating-top-right{ top: -8px; right: 6px; }
  .floating-bottom-left{ bottom: -8px; left: 6px; }
  .floating-left-center{ left: 6px; transform: translateY(-50%); }
  .floating-right-center{ right: 6px; transform: translateY(-50%); }
  .hero-visual{ margin: 0 auto; }
}

/* Timeline responsive tweaks */
.timeline-number{ display:flex; align-items:center; justify-content:center; border-radius:9999px; }
.timeline-card{ min-height: 120px; }
@media (min-width: 768px){
  .timeline-card{ min-height: 140px; }
  .timeline-number{ width: 4.5rem; height:4.5rem; font-size:1.4rem; }
}
@media (max-width: 640px){
  .timeline-number{ width:3.2rem; height:3.2rem; font-size:1.05rem; }
  .timeline-card{ min-height: auto; }
}