/* ═══════════════════════════════════════════
   TRILLION MAGIC.CSS
   Original colors: #364A73 navy | #57AFBA teal | #4C849F blue
   ═══════════════════════════════════════════ */

/* ── CUSTOM CURSOR ── */
#t-cursor {
  position:fixed; width:10px; height:10px; border-radius:50%;
  background:#57AFBA; pointer-events:none; z-index:10000;
  transform:translate(-50%,-50%); mix-blend-mode:multiply;
  transition:width .15s,height .15s;
}
#t-cursor-ring {
  position:fixed; width:36px; height:36px; border-radius:50%;
  border:1.5px solid rgba(87,175,186,0.5);
  pointer-events:none; z-index:9999;
  transform:translate(-50%,-50%);
  transition:width .15s, height .15s, border-color .2s;
}
@media(max-width:900px){ #t-cursor,#t-cursor-ring{display:none;} body{cursor:auto!important;} }

/* ── SCROLL PROGRESS ── */
#t-progress {
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:linear-gradient(90deg,#57AFBA,#4C849F);
  z-index:99999; transition:width .08s linear;
  pointer-events:none;
}

/* ── NAV LINK HOVER ── */
.navbar-nav .nav-link {
  position:relative !important;
}
.navbar-nav .nav-link::after {
  content:''; position:absolute; bottom:0; left:0;
  width:0; height:2px; background:#57AFBA;
  transition:width .25s ease;
}
.navbar-nav .nav-link:hover::after { width:100%; }

/* ── PHONE IMAGE ── */
#phoneFig {
  position:relative;
  display:inline-block;
}
#phoneScene {
  display:inline-block;
  transform-style:preserve-3d;
  transition:transform .06s ease-out;
  cursor:grab;
}
#phoneScene:active { cursor:grabbing; }

/* ── TEAM MEMBER CIRCULAR IMAGE ── */
.member_img {
  border-radius:50% !important;
  overflow:hidden;
  border:3px solid rgba(87,175,186,0.25) !important;
  transition:box-shadow .3s ease, border-color .3s ease !important;
}
.team_member:hover .member_img {
  border-color:rgba(87,175,186,0.7) !important;
  box-shadow:0 0 0 4px rgba(87,175,186,0.2), 0 0 28px rgba(87,175,186,0.2) !important;
}
.member_img img {
  transition:transform .4s ease !important;
}
.team_member:hover .member_img img {
  transform:scale(1.08) !important;
}

/* ── PARTNER LOGOS ── */
.logo-uniform {
  transition:transform .25s ease, filter .25s ease, opacity .25s ease !important;
}

/* ── GALLERY ── */
.gallery_product {
  border-radius:4px;
  overflow:hidden;
}

/* ── REVIEW CARD ── */
.testimonial_box {
  position:relative;
  overflow:hidden;
  border-radius:8px;
}
.testimonial_box::before {
  content:'';
  position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(#57AFBA,#4C849F);
  border-radius:3px 0 0 3px;
}

/* ── BUTTON HOVER ── */
.read_more, .send_btn, .subsci_btn, .btn-primary {
  transition:transform .25s ease, box-shadow .25s ease !important;
  position:relative !important;
  overflow:hidden !important;
}
.read_more:hover { transform:translateY(-2px) !important; box-shadow:0 8px 20px rgba(87,175,186,0.3) !important; }

/* ── SOCIAL ICONS ── */
.social_icon li a {
  transition:transform .35s ease, color .25s !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* ── SMOOTH IMAGE TRANSITIONS ── */
.about_img img, .trillion_img img {
  transition:transform .06s ease-out, box-shadow .3s ease;
  border-radius:4px;
}

/* ── R2 logo — no interaction ── */
.r2-logo-anim img {
  pointer-events:none !important;
  transition:none !important;
  transform:none !important;
}

/* ── HEADER SCROLL ── */
.header {
  transition:box-shadow .3s ease, backdrop-filter .3s ease !important;
}