.home-contact-ticker{
  position:relative;
  margin:14px 0 16px;
  z-index:5;
}
.hct-shell{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(77,148,255,.18);
  background:
    linear-gradient(180deg, rgba(18,22,35,.92), rgba(11,14,24,.92)),
    radial-gradient(circle at top left, rgba(73,171,255,.12), transparent 40%),
    radial-gradient(circle at bottom right, rgba(124,92,255,.12), transparent 36%);
  box-shadow:
    0 16px 40px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(25,100,255,.04);
}
.hct-shell::before,
.hct-shell::after{
  content:"";
  position:absolute;
  left:-18%;
  width:50%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(74,195,255,.9), transparent);
  opacity:.8;
  animation:hctSweep 8s linear infinite;
}
.hct-shell::before{top:0}
.hct-shell::after{bottom:0; animation-duration:10s; animation-direction:reverse;}
.hct-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px 8px;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.hct-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
  color:#a8d6ff;
  text-transform:uppercase;
}
.hct-kicker i{color:#59b8ff;text-shadow:0 0 10px rgba(89,184,255,.4)}
.hct-cta{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:800;
  color:#ecf7ff;
  border:1px solid rgba(95,193,255,.24);
  background:linear-gradient(135deg, rgba(39,114,255,.18), rgba(22,194,255,.12));
  box-shadow:0 8px 18px rgba(22,102,255,.18), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.hct-cta:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(22,102,255,.24);border-color:rgba(95,193,255,.42)}
.hct-marquee{
  position:relative;
  overflow:hidden;
  padding:12px 0 14px;
}
.hct-track{
  display:flex;
  align-items:center;
  gap:12px;
  width:max-content;
  animation:hctMarquee 34s linear infinite;
  padding:0 12px;
}
.home-contact-ticker:hover .hct-track{animation-play-state:paused}
.hct-item{
  position:relative;
  flex:0 0 auto;
  min-width:260px;
  max-width:360px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.hct-item:hover{transform:translateY(-2px);border-color:rgba(100,191,255,.3);background:linear-gradient(135deg, rgba(89,170,255,.09), rgba(255,255,255,.03))}
.hct-item::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(88,182,255,.3), transparent 30%, transparent 70%, rgba(129,105,255,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.72;
  pointer-events:none;
}
.hct-icon{
  position:relative;
  width:38px;
  height:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  color:#fff;
  background:linear-gradient(135deg, rgba(47,114,255,.2), rgba(60,207,255,.12));
  border:1px solid rgba(84,178,255,.26);
  box-shadow:0 0 0 1px rgba(90,170,255,.06), inset 0 1px 0 rgba(255,255,255,.06), 0 10px 18px rgba(9,22,58,.22);
}
.hct-icon i,
.hct-zalo-mark{font-size:1rem;font-weight:900}
.hct-zalo-mark{line-height:1;color:#fff;transform:translateY(-.5px)}
.hct-icon::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:16px;
  border:1px dashed rgba(102,200,255,.18);
  opacity:.75;
  animation:hctSpin 12s linear infinite;
}
.hct-text{display:flex;flex-direction:column;min-width:0;gap:1px;flex:1}
.hct-text strong{
  font-size:.84rem;
  font-weight:900;
  color:#f2f7ff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hct-text small{
  font-size:.73rem;
  color:rgba(225,234,246,.7);
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hct-arrow{color:rgba(178,216,255,.7);font-size:.86rem;flex:0 0 auto}
.hct-fade{
  position:absolute;
  top:0;bottom:0;
  width:74px;
  z-index:2;
  pointer-events:none;
}
.hct-fade--left{left:0;background:linear-gradient(90deg, rgba(12,15,25,1), rgba(12,15,25,.74), rgba(12,15,25,0))}
.hct-fade--right{right:0;background:linear-gradient(270deg, rgba(12,15,25,1), rgba(12,15,25,.74), rgba(12,15,25,0))}
.hct-item.accent-blue .hct-icon{background:linear-gradient(135deg, rgba(38,112,255,.26), rgba(39,204,255,.14))}
.hct-item.accent-cyan .hct-icon{background:linear-gradient(135deg, rgba(0,182,219,.23), rgba(0,255,209,.12))}
.hct-item.accent-violet .hct-icon{background:linear-gradient(135deg, rgba(103,91,255,.24), rgba(173,99,255,.12))}
.hct-item.accent-pink .hct-icon{background:linear-gradient(135deg, rgba(255,62,142,.22), rgba(255,118,181,.11))}
.hct-item.accent-green .hct-icon{background:linear-gradient(135deg, rgba(0,224,140,.22), rgba(0,255,178,.1))}
.hct-item.accent-gold .hct-icon{background:linear-gradient(135deg, rgba(255,180,56,.24), rgba(255,211,93,.1))}
.hct-item.accent-blue .hct-icon::after{border-color:rgba(77,185,255,.2)}
.hct-item.accent-cyan .hct-icon::after{border-color:rgba(64,241,255,.24)}
.hct-item.accent-violet .hct-icon::after{border-color:rgba(145,120,255,.22)}
.hct-item.accent-pink .hct-icon::after{border-color:rgba(255,120,183,.22)}
.hct-item.accent-green .hct-icon::after{border-color:rgba(87,255,181,.22)}
.hct-item.accent-gold .hct-icon::after{border-color:rgba(255,219,102,.22)}
@keyframes hctMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 6px))}
}
@keyframes hctSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes hctSweep{0%{transform:translateX(0)}100%{transform:translateX(240%)} }
@media (max-width: 920px){
  .hct-item{min-width:230px;max-width:300px;padding:9px 12px}
  .hct-track{animation-duration:28s}
}
@media (max-width: 640px){
  .home-contact-ticker{margin:10px 0 14px}
  .hct-shell{border-radius:16px}
  .hct-head{padding:9px 10px 7px;gap:8px;flex-wrap:wrap}
  .hct-kicker{font-size:.64rem;letter-spacing:.1em}
  .hct-cta{padding:7px 10px;font-size:.68rem}
  .hct-marquee{padding:10px 0 12px}
  .hct-track{gap:10px;padding:0 10px;animation-duration:24s}
  .hct-item{min-width:210px;max-width:250px;border-radius:14px;gap:10px}
  .hct-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  .hct-text strong{font-size:.79rem}
  .hct-text small{font-size:.68rem}
  .hct-fade{width:32px}
}
@media (prefers-reduced-motion: reduce){
  .hct-track,.hct-icon::after,.hct-shell::before,.hct-shell::after{animation:none!important}
}


/* v2 — frameless ticker: cards run directly on the hexagon background */
.home-contact-ticker{
  margin:8px 0 12px !important;
  padding:0 !important;
}
.hct-shell{
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.hct-shell::before,
.hct-shell::after,
.hct-head,
.hct-fade{
  display:none !important;
}
.hct-marquee{
  padding:6px 0 7px !important;
  background:transparent !important;
  overflow:hidden !important;
}
.hct-track{
  gap:10px !important;
  padding:0 4px !important;
  animation-duration:30s !important;
}
.hct-item{
  min-width:220px !important;
  max-width:278px !important;
  min-height:48px;
  padding:8px 11px !important;
  gap:10px !important;
  border-radius:13px !important;
  border:1px solid rgba(111,176,255,.17) !important;
  background:linear-gradient(135deg,rgba(18,29,48,.72),rgba(11,20,35,.54)) !important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 5px 16px rgba(0,0,0,.16),
    0 0 14px rgba(49,135,255,.035) !important;
}
.hct-item::before{
  opacity:.48 !important;
  background:linear-gradient(120deg,rgba(76,178,255,.32),transparent 34%,transparent 68%,rgba(126,98,255,.18)) !important;
}
.hct-item:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(96,190,255,.38) !important;
  background:linear-gradient(135deg,rgba(25,48,79,.82),rgba(15,28,49,.68)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 7px 18px rgba(0,0,0,.2),
    0 0 18px rgba(55,158,255,.09) !important;
}
.hct-icon{
  width:32px !important;
  height:32px !important;
  flex-basis:32px !important;
  border-radius:10px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 12px rgba(59,154,255,.1) !important;
}
.hct-icon::after{
  inset:-4px !important;
  border-radius:13px !important;
  opacity:.52 !important;
}
.hct-icon i,
.hct-zalo-mark{font-size:.88rem !important}
.hct-text strong{font-size:.78rem !important}
.hct-text small{font-size:.66rem !important;color:rgba(221,233,247,.62) !important}
.hct-arrow{font-size:.72rem !important;color:rgba(154,206,255,.56) !important}
@media(max-width:640px){
  .home-contact-ticker{margin:6px 0 10px !important}
  .hct-marquee{padding:5px 0 6px !important}
  .hct-track{gap:8px !important;animation-duration:24s !important}
  .hct-item{min-width:188px !important;max-width:225px !important;min-height:44px;padding:7px 9px !important;border-radius:12px !important}
  .hct-icon{width:29px !important;height:29px !important;flex-basis:29px !important;border-radius:9px !important}
  .hct-text strong{font-size:.73rem !important}
  .hct-text small{font-size:.62rem !important}
}