.tct-section{font-family:'DM Sans',sans-serif;padding:60px 0;overflow:hidden;position:relative}
.tct-section-inner{max-width:1240px;margin:0 auto;padding:0 28px}
@media(max-width:640px){.tct-section-inner{padding:0 5px}}
.tct-header{text-align:center;margin-bottom:40px}
.tct-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(33,176,243,.10);border:1px solid rgba(33,176,243,.25);border-radius:999px;padding:6px 18px;font-size:10.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#21B0F3;margin-bottom:16px}
.tct-kicker-dot{width:6px;height:6px;border-radius:50%;background:#21B0F3;animation:tct-pulse 2s infinite}
@keyframes tct-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.tct-heading{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,6vw,64px);letter-spacing:2px;line-height:1;color:#0d1e32;margin:0 0 14px}
.tct-sub{font-size:16px;line-height:1.65;color:#6b7a8d;max-width:600px;margin:0 auto;font-weight:300}
.tct-track-container{position:relative;margin-top:50px}
.tct-scroll-area{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:35px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
@media(max-width:640px){.tct-scroll-area{gap:16px}}
.tct-scroll-area::-webkit-scrollbar{display:none}
.tct-card{flex:0 0 calc(33.333% - 20px);scroll-snap-align:start;background:#0d1e32;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.4s cubic-bezier(.16,1,.3,1);text-decoration:none!important;color:#fff;position:relative;border:none!important}
@media(max-width:1024px){.tct-card{flex:0 0 calc(50% - 15px)}}
@media(max-width:640px){.tct-card{flex:0 0 96%}}
.tct-card:hover{transform:translateY(-12px);box-shadow:0 35px 70px rgba(13,30,50,.3)}
.tct-thumb-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;width:100%;background:#1B4A80}
.tct-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}
.tct-card:hover .tct-thumb-wrap img{transform:scale(1.1);opacity:.6}
.tct-card-overlay{position:absolute;inset:0;z-index:5;background:linear-gradient(to top,rgba(13,30,50,.98) 0%,rgba(13,30,50,.1) 60%,rgba(13,30,50,.3) 100%);pointer-events:none}
.tct-card-body{padding:25px;background:#0d1e32}
.tct-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(24px,3.5vw,30px);color:#fff;margin:0;line-height:1;letter-spacing:1.5px}
.tct-client{font-size:13px;color:rgba(255,255,255,.6);font-weight:500;margin-top:8px;letter-spacing:.5px}
.tct-nav{display:flex;justify-content:space-between;position:absolute;top:40%;left:-25px;right:-25px;transform:translateY(-50%);pointer-events:none;z-index:20}
.tct-nav-btn{width:58px;height:58px;border-radius:50%;border:none;background:#fff;color:#0d1e32;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:.3s;box-shadow:0 12px 36px rgba(0,0,0,.15);pointer-events:auto}
.tct-nav-btn:hover{background:#21B0F3;color:#fff;transform:scale(1.15)}
@media(max-width:800px){.tct-nav{display:none}}