/* Cedoka Chat styles: animations, layout, badges */
#cedoka-chat-toggle{width:56px;height:56px;border-radius:9999px;display:flex;align-items:center;justify-content:center}
#cedoka-chat-toggle .badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:9999px;padding:3px 6px;font-size:12px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,0.2)}
#cedoka-chat-modal{backdrop-filter:blur(6px)}
.cedoka-modal-show{transform:translateY(0) scale(1);opacity:1}
.cedoka-modal-hide{transform:translateY(6px) scale(.98);opacity:0}
#cedoka-chat-chooser a, #cedoka-chat-chooser button{transition:transform .18s ease, box-shadow .18s ease}
#cedoka-chat-chooser a:hover, #cedoka-chat-chooser button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(2,6,23,0.25)}
#cedoka-chat-log{display:flex;flex-direction:column;gap:8px}
.cedoka-msg{max-width:78%;padding:10px 12px;border-radius:14px;line-height:1.3;word-break:break-word;box-shadow:0 6px 18px rgba(2,6,23,0.25)}
.cedoka-msg.user{align-self:flex-end;background:#FDE68A;color:#111}
.cedoka-msg.bot{align-self:flex-start;background:#0f172a;color:#e6eef8}
.cedoka-ts{display:block;font-size:11px;color:rgba(255,255,255,0.55);margin-top:6px;text-align:right}
.cedoka-typing{width:40px;height:12px;border-radius:12px;background:linear-gradient(90deg,#111827,#1f2937);display:flex;gap:4px;align-items:center;padding:6px}
.cedoka-typing span{display:inline-block;width:6px;height:6px;background:#e5e7eb;border-radius:9999px;animation:blink 1s infinite}
.cedoka-typing span:nth-child(2){animation-delay:.15s}
.cedoka-typing span:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,80%,100%{opacity:.15;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
/* small screens adjustments */
@media (max-width:640px){#cedoka-chat-modal{right:12px;left:12px;width:auto}}
/* focus styles */
#cedoka-chat-toggle:focus{outline:3px solid rgba(212,175,55,0.18)}
#cedoka-chat-modal button:focus, #cedoka-chat-modal a:focus, #cedoka-chat-form input:focus{outline:3px solid rgba(212,175,55,0.12)}
/* subtle entrance */
#cedoka-chat-modal{transition:transform .18s ease,opacity .18s ease}

/* Navigation active indicator and mobile menu visuals (shared) */
nav a.nav-link{position:relative;z-index:1;color:#e6eef8}
nav a.nav-link::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:#D4AF37;transition:width .3s ease,height .2s ease}
nav a.nav-link:hover::after{width:100%;height:3px}
nav a.nav-link.nav-active{color:#D4AF37}
nav a.nav-link.nav-active::after{width:100%;height:2px}

/* Mobile menu hamburger animation and collapse */
#mobile-menu-button{cursor:pointer}
#mobile-menu-button span{display:block;width:24px;height:2px;background:currentColor;transition:transform .28s ease,opacity .18s ease}
#mobile-menu-button.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
#mobile-menu-button.open span:nth-child(2){opacity:0}
#mobile-menu-button.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#mobile-menu{transition:max-height .32s ease,opacity .28s ease;overflow:hidden;max-height:0;opacity:0}
#mobile-menu.open{max-height:420px;opacity:1}

/* Mini action buttons for floating chat */
.cedoka-mini-actions{position:fixed;right:1.15rem;bottom:6.75rem;display:flex;flex-direction:column;gap:0.5rem;align-items:flex-end;z-index:60}
.cedoka-mini-actions .mini-btn{width:44px;height:44px;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px rgba(2,6,23,0.18);transform:translateY(8px) scale(.9);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .22s}
.cedoka-mini-actions .mini-wa{background:#25D366}
.cedoka-mini-actions .mini-inapp{background:#0f172a}
.cedoka-chat-toggle.expanded + .cedoka-mini-actions .mini-btn,
.cedoka-mini-actions.show .mini-btn{transform:translateY(0) scale(1);opacity:1}
.cedoka-mini-actions .mini-btn svg{width:20px;height:20px}

/* Strategic Partners Horizontal Scroll Animation */
@keyframes slide-from-right{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}
.strategic-partners-container{animation:slide-from-right .8s cubic-bezier(.2,.9,.2,1) forwards}
.strategic-partners-container article,
.strategic-partners-container a,
.strategic-partners-container div.bg-white\/5{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}

/* make sure modal still respects z-index */
#cedoka-chat-modal{z-index:70}

/* Updated Typography */
body {
    font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Satoshi', sans-serif;
    font-weight: bold;
}

/* Mobile-first adjustments */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  .hero-section {
    padding: 20px;
    text-align: center;
  }

  .hero-section h1 {
    font-size: 24px;
  }

  .hero-section p {
    font-size: 16px;
  }

  .service-card {
    flex-direction: column;
    padding: 10px;
  }

  .testimonial {
    margin-bottom: 20px;
  }
}