/* Vendor sections scoped under .tvs (cannot collide with the React .tech-static-page sections). */
@font-face {
  font-family: 'GTWalsheimPro';
  src: url('/assets/newfonts/GTWalsheimPro-Regular.woff2') format('woff2'),
       url('/assets/newfonts/GTWalsheimPro-Regular.woff')  format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'GTWalsheimPro';
  src: url('/assets/newfonts/GTWalsheimPro-Medium.woff2') format('woff2'),
       url('/assets/newfonts/GTWalsheimPro-Medium.woff')  format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'GTWalsheimPro';
  src: url('/assets/newfonts/GTWalsheimPro-Bold.woff2') format('woff2'),
       url('/assets/newfonts/GTWalsheimPro-Bold.woff')  format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}
.tvs *, .tvs *::before, .tvs *::after { box-sizing: border-box; }
.tvs h1, .tvs h2, .tvs h3, .tvs h4, .tvs h5, .tvs h6, .tvs p, .tvs ul, .tvs ol, .tvs dl, .tvs figure, .tvs blockquote, .tvs pre { margin: 0; padding: 0; }
.tvs ul, .tvs ol { list-style: none; }
.tvs button, .tvs input, .tvs textarea, .tvs select { font: inherit; }
:root {
  
  --ink: #071e2e;
  --ink-mid: #0b2840;
  --ink2: #093148;
  --navy: #093148;
  --light-bg: #f0f5fb;
  --light-white: #ffffff;
  --light-text: #071e2e;
  --light-sub: #4a6375;
  --light-border: rgba(6,148,209,0.12);
  --light-card: #ffffff;
  --light-card-border: rgba(6,148,209,0.14);
  --blue: #0694D1;
  --blue-dark: #076D9D;
  --charcoal: #465058;
  --sky: #45B0E1;
  --teal: #0F9ED5;
  --amber: #f59e0b;
  --red: #ef4444;
  --white: #ffffff;
  --off: #F0FAFF;
  --sl: rgba(255,255,255,0.5);
  --sl2: rgba(255,255,255,0.12);
  --sl3: rgba(255,255,255,0.06);
  --display: 'GTWalsheimPro', sans-serif;
  --body:    'GTWalsheimPro', sans-serif;
  --r8: 8px; --r12: 12px; --r16: 16px; --r24: 24px;
  
  --container: 1320px;          
  --bs-gutter-x: 0.75rem;       
  --px: 0.75rem;                
}
.tvs .kvendor-container, .tvs .hero-cols, .tvs .companies-inner, .tvs .certs-inner, .tvs .lgm-inner, .tvs .features-inner, .tvs .enroll-inner, .tvs .cert-showcase-inner, .tvs .lfv2-inner, .tvs .batches-inner, .tvs .roi-inner, .tvs .webinars-inner, .tvs .hiw2-inner, .tvs .awards-inner, .tvs .test-inner, .tvs .compare-inner, .tvs .pricing-inner, .tvs .faq-chatbot-inner, .tvs .referral-inner, .tvs .globe-inner, .tvs .bottom-cta-inner, .tvs .usp-inner, .tvs .lf-inner, .tvs .learn-inner, .tvs .preview-inner, .tvs .hero-stats-inner {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.tvs .hero .container-fluid, .tvs .companies-sec .container-fluid, .tvs .certs-sec .container-fluid, .tvs .ced-sec .container-fluid, .tvs .lgm-sec .container-fluid, .tvs .features-sec .container-fluid, .tvs .enroll-sec .container-fluid, .tvs .cert-showcase-sec .container-fluid, .tvs .lfv2-sec .container-fluid, .tvs .batches-sec .container-fluid, .tvs .roi-sec .container-fluid, .tvs .edge-sec .container-fluid, .tvs .webinars-sec .container-fluid, .tvs .hiw2-sec .container-fluid, .tvs .hiw-sec .container-fluid, .tvs .awards-sec .container-fluid, .tvs .test-sec .container-fluid, .tvs .compare-sec .container-fluid, .tvs .pricing-sec .container-fluid, .tvs .faq-chatbot-sec .container-fluid, .tvs .referral-sec .container-fluid, .tvs .globe-sec .container-fluid, .tvs .bottom-cta .container-fluid, .tvs .vs-section .container-fluid, .tvs .preview-sec .container-fluid, .tvs .learn-sec .container-fluid, .tvs .usp-sec .container-fluid, .tvs .lf-sec .container-fluid {
  --bs-gutter-x: 5rem;          
  padding-right: 5rem;
  padding-left:  5rem;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left:  auto;
}
@media (max-width: 1199px) {
.tvs .hero .container-fluid, .tvs .companies-sec .container-fluid, .tvs .certs-sec .container-fluid, .tvs .ced-sec .container-fluid, .tvs .lgm-sec .container-fluid, .tvs .features-sec .container-fluid, .tvs .enroll-sec .container-fluid, .tvs .cert-showcase-sec .container-fluid, .tvs .lfv2-sec .container-fluid, .tvs .batches-sec .container-fluid, .tvs .roi-sec .container-fluid, .tvs .edge-sec .container-fluid, .tvs .webinars-sec .container-fluid, .tvs .hiw2-sec .container-fluid, .tvs .hiw-sec .container-fluid, .tvs .awards-sec .container-fluid, .tvs .test-sec .container-fluid, .tvs .compare-sec .container-fluid, .tvs .pricing-sec .container-fluid, .tvs .faq-chatbot-sec .container-fluid, .tvs .referral-sec .container-fluid, .tvs .globe-sec .container-fluid, .tvs .bottom-cta .container-fluid, .tvs .vs-section .container-fluid, .tvs .preview-sec .container-fluid, .tvs .learn-sec .container-fluid, .tvs .usp-sec .container-fluid, .tvs .lf-sec .container-fluid {
    --bs-gutter-x: 3rem;        
    padding-right: 3rem;
    padding-left:  3rem;
  }


}
@media (max-width: 991px) {
.tvs .hero .container-fluid, .tvs .companies-sec .container-fluid, .tvs .certs-sec .container-fluid, .tvs .ced-sec .container-fluid, .tvs .lgm-sec .container-fluid, .tvs .features-sec .container-fluid, .tvs .enroll-sec .container-fluid, .tvs .cert-showcase-sec .container-fluid, .tvs .lfv2-sec .container-fluid, .tvs .batches-sec .container-fluid, .tvs .roi-sec .container-fluid, .tvs .edge-sec .container-fluid, .tvs .webinars-sec .container-fluid, .tvs .hiw2-sec .container-fluid, .tvs .hiw-sec .container-fluid, .tvs .awards-sec .container-fluid, .tvs .test-sec .container-fluid, .tvs .compare-sec .container-fluid, .tvs .pricing-sec .container-fluid, .tvs .faq-chatbot-sec .container-fluid, .tvs .referral-sec .container-fluid, .tvs .globe-sec .container-fluid, .tvs .bottom-cta .container-fluid, .tvs .vs-section .container-fluid, .tvs .preview-sec .container-fluid, .tvs .learn-sec .container-fluid, .tvs .usp-sec .container-fluid, .tvs .lf-sec .container-fluid {
    --bs-gutter-x: 2rem;        
    padding-right: 2rem;
    padding-left:  2rem;
  }


}
@media (max-width: 575px) {
.tvs .hero .container-fluid, .tvs .companies-sec .container-fluid, .tvs .certs-sec .container-fluid, .tvs .ced-sec .container-fluid, .tvs .lgm-sec .container-fluid, .tvs .features-sec .container-fluid, .tvs .enroll-sec .container-fluid, .tvs .cert-showcase-sec .container-fluid, .tvs .lfv2-sec .container-fluid, .tvs .batches-sec .container-fluid, .tvs .roi-sec .container-fluid, .tvs .edge-sec .container-fluid, .tvs .webinars-sec .container-fluid, .tvs .hiw2-sec .container-fluid, .tvs .hiw-sec .container-fluid, .tvs .awards-sec .container-fluid, .tvs .test-sec .container-fluid, .tvs .compare-sec .container-fluid, .tvs .pricing-sec .container-fluid, .tvs .faq-chatbot-sec .container-fluid, .tvs .referral-sec .container-fluid, .tvs .globe-sec .container-fluid, .tvs .bottom-cta .container-fluid, .tvs .vs-section .container-fluid, .tvs .preview-sec .container-fluid, .tvs .learn-sec .container-fluid, .tvs .usp-sec .container-fluid, .tvs .lf-sec .container-fluid {
    --bs-gutter-x: 1rem;        
    padding-right: 1rem;
    padding-left:  1rem;
  }


}
.tvs .section-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x);
  padding-left:  var(--bs-gutter-x);
}
@media (max-width: 600px) {
.tvs, .tvs { overflow-x: hidden; }
.tvs .hero, .tvs .globe-sec, .tvs .companies-sec, .tvs .cert-showcase-sec, .tvs .certs-sec, .tvs .ced-sec, .tvs .lgm-sec, .tvs .certpath-sec, .tvs .roi-sec, .tvs .edge-sec, .tvs .preview-sec, .tvs .enroll-sec, .tvs .hiw2-sec, .tvs .compare-sec, .tvs .pricing-sec, .tvs .batches-sec, .tvs .webinars-sec, .tvs .referral-sec, .tvs .test-sec, .tvs .lf-sec, .tvs .learn-sec, .tvs .features-sec, .tvs .usp-sec, .tvs .why-sec, .tvs .trainer-sec, .tvs .awards-sec, .tvs .faq-chatbot-sec, .tvs .bottom-cta, .tvs .footer, .tvs .ticker-wrap, .tvs .stats-bar {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
  }
.tvs .globe-sec, .tvs .companies-sec, .tvs .cert-showcase-sec, .tvs .certs-sec, .tvs .ced-sec, .tvs .lgm-sec, .tvs .certpath-sec, .tvs .roi-sec, .tvs .edge-sec, .tvs .preview-sec, .tvs .enroll-sec, .tvs .hiw2-sec, .tvs .compare-sec, .tvs .pricing-sec, .tvs .batches-sec, .tvs .webinars-sec, .tvs .referral-sec, .tvs .test-sec, .tvs .lf-sec, .tvs .learn-sec, .tvs .features-sec, .tvs .usp-sec, .tvs .why-sec, .tvs .trainer-sec, .tvs .awards-sec, .tvs .faq-chatbot-sec, .tvs .bottom-cta, .tvs .footer, .tvs .ticker-wrap, .tvs .stats-bar {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
.tvs .award-stats-grid { grid-template-columns: repeat(2,1fr) !important; }
.tvs .award-stats-grid > div:nth-child(2) { border-right: none !important; }
.tvs .award-stats-grid > div:nth-child(1), .tvs .award-stats-grid > div:nth-child(2) { border-bottom: 1px solid #f0f0f0; }
.tvs .review-stats-grid { grid-template-columns: repeat(2,1fr) !important; }
.tvs .review-stats-grid > div:nth-child(2) { border-right: none !important; }
.tvs .review-stats-grid > div:nth-child(1), .tvs .review-stats-grid > div:nth-child(2) { border-bottom: 1px solid #CAEFFF; }
.tvs .hero { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }
.tvs .hero-cols { padding: 20px 16px !important; width: 100% !important; box-sizing: border-box !important; }
.tvs .hero-left { width: 100% !important; max-width: 100% !important; padding-right: 0 !important; box-sizing: border-box !important; min-width: 0; }
.tvs .hero-h1, .tvs .hero-sub, .tvs .hero-features, .tvs .hero-proof { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }


}
.tvs {
  font-family: var(--body);
  font-size:16px !important; font-weight: 400; line-height: 1.75;
  background: #ffffff; color: var(--light-text);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  text-rendering: optimizeLegibility;
}
.tvs h1, .tvs h2, .tvs h3, .tvs h4, .tvs h5, .tvs h6 {
  font-family: var(--display);
  font-weight: 500;
  color: var(--light-text);
}
.tvs h1 { font-size:32px !important; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; }
.tvs h2 { font-size:24px !important; font-weight: 700; letter-spacing: -0.015em; line-height: 1.4; }
.tvs h3 { font-size:20px !important; font-weight: 700; letter-spacing: -0.008em; line-height: 1.4; }
.tvs h4 { font-size:18px !important; font-weight: 600; letter-spacing: -0.005em; line-height: 1.4; }
.tvs p { font-size:16px !important; font-weight: 400; line-height: 1.75; color: var(--light-sub); }
.tvs .text-xs { font-size:12px !important; font-weight: 500; line-height: 1.33; letter-spacing: 0.04em; }
.tvs .text-sm { font-size:14px !important; font-weight: 400; line-height: 1.43; }
.tvs .text-base { font-size:14px !important; font-weight: 400; line-height: 1.52; }
.tvs .text-lg { font-size:16px !important; font-weight: 500; line-height: 1.47; }
.tvs .text-xl { font-size:24px !important; font-weight: 600; line-height: 1.3; }
.tvs .fw-thin { font-weight: 100; }
.tvs .fw-light { font-weight: 300; }
.tvs .fw-reg { font-weight: 400; }
.tvs .fw-med { font-weight: 500; }
.tvs .fw-bold { font-weight: 700; }
.tvs .fw-xbold { font-weight: 800; }
.tvs .fw-black { font-weight: 900; }
.tvs #scroll-progress {
  position: fixed; top: 0; left: 0; height: 2px; z-index: 9999;
  background: linear-gradient(90deg, var(--blue), #50e6ff, var(--blue));
  background-size: 200% 100%;
  animation: shimmerGrad 2s linear infinite;
  transition: width 0.1s linear;
  pointer-events: none;
}
@keyframes shimmerGrad { 0%{background-position:0% 0%} 100%{background-position:200% 0%} }
@keyframes spin-cw { from{transform:translate(-50%,-50%) rotate(0deg)}   to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes spin-ccw { from{transform:translate(-50%,-50%) rotate(0deg)}   to{transform:translate(-50%,-50%) rotate(-360deg)} }
.tvs #cursor-glow { display: none; position: fixed; pointer-events: none; z-index: 9998; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(6,148,209,0.07) 0%, transparent 70%); transform: translate(-50%, -50%); transition: opacity 0.3s; will-change: transform; }
@keyframes blob1 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(40px,-30px) scale(1.1)} 66%{transform:translate(-20px,20px) scale(0.95)} }
@keyframes blob2 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-35px,25px) scale(1.08)} 66%{transform:translate(25px,-15px) scale(0.92)} }
@keyframes blob3 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(20px,40px) scale(1.05)} 66%{transform:translate(-30px,-20px) scale(1.1)} }
.tvs .blob1 { position: absolute; top: -8rem; left: -8rem; width: 24rem; height: 24rem; border-radius: 50%; background: rgba(255,255,255,0.10); filter: blur(64px); pointer-events: none; animation: blob1 12s ease-in-out infinite; }
.tvs .blob2 { position: absolute; top: 50%; right: -10rem; width: 20rem; height: 20rem; border-radius: 50%; background: rgba(103,232,249,0.15); filter: blur(64px); pointer-events: none; animation: blob2 15s ease-in-out infinite; }
.tvs .blob3 { position: absolute; bottom: -6rem; left: 33%; width: 18rem; height: 18rem; border-radius: 50%; background: rgba(186,230,255,0.10); filter: blur(64px); pointer-events: none; animation: blob3 18s ease-in-out infinite; }
@keyframes floatDot { 0%{transform:translateY(0) scale(1);opacity:0.4} 50%{transform:translateY(-20px) scale(1.2);opacity:0.7} 100%{transform:translateY(0) scale(1);opacity:0.4} }
.tvs .particle { position: absolute; border-radius: 50%; pointer-events: none; background: var(--blue); animation: floatDot linear infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
.tvs .typewriter-cursor { display: inline-block; width: 3px; height: 1em; background: var(--blue); margin-left: 3px; vertical-align: text-bottom; animation: blink 1s step-end infinite; border-radius: 1px; }
.tvs .btn-glow { position: relative; overflow: hidden; background: var(--blue); color: white; border: none; cursor: pointer; font-family: var(--body); font-weight: 700; border-radius: var(--r8); transition: transform 0.2s, box-shadow 0.2s; }
.tvs .btn-glow::before { content: ''; position: absolute; inset: -2px; border-radius: inherit; background: linear-gradient(90deg, #0694D1, #50e6ff, #0078d4, #50e6ff, #0694D1); background-size: 300% 100%; animation: borderSpin 3s linear infinite; z-index: -1; border-radius: calc(var(--r8) + 2px); }
@keyframes borderSpin { 0%{background-position:0% 50%} 100%{background-position:300% 50%} }
.tvs .btn-glow:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 40px rgba(6,148,209,0.5); }
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
.tvs .shimmer { background: linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(6,148,209,0.08) 50%, rgba(255,255,255,0.03) 75%); background-size: 200% 100%; animation: shimmer 2s infinite; }
.tvs .magnetic { transition: transform 0.3s cubic-bezier(0.23,1,0.32,1); }
.tvs .reveal { opacity: 0; transform: translateY(28px); }
.tvs .reveal-left { opacity: 0; transform: translateX(-36px); }
.tvs .reveal-right { opacity: 0; transform: translateX(36px); }
.tvs .reveal-scale { opacity: 0; transform: scale(0.9) translateY(16px); }
@media (max-width: 768px) {
.tvs .reveal, .tvs .reveal-left, .tvs .reveal-right, .tvs .reveal-scale { opacity: 1 !important; transform: none !important; transition: none !important; }


}
.tvs .reveal, .tvs .reveal-left, .tvs .reveal-right, .tvs .reveal-scale { will-change: opacity, transform; transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1), transform 0.65s cubic-bezier(0.22, 1, 0.36, 1); }
.tvs .reveal.in, .tvs .reveal-left.in, .tvs .reveal-right.in, .tvs .reveal-scale.in { opacity: 1; transform: none; }
.tvs .glow-card { position: relative; overflow: hidden; }
@keyframes gradText { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }
.tvs .grad-text { background: linear-gradient(135deg, #0694D1, #50e6ff, #ffffff, #0694D1); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradText 4s ease infinite; }
@keyframes pingRing { 0%{transform:scale(1);opacity:0.6} 100%{transform:scale(2.5);opacity:0} }
.tvs .ping-ring { position: absolute; inset: 0; border-radius: 50%; background: var(--blue); animation: pingRing 1.5s ease-out infinite; }
@keyframes countPop { 0%{transform:scale(1)} 50%{transform:scale(1.08)} 100%{transform:scale(1)} }
.tvs .count-pop { animation: countPop 0.3s ease; }
.tvs .ticker:hover .ticker-track { animation-play-state: paused; }
.tvs #matrix-canvas { position: absolute; inset: 0; opacity: 0.07; pointer-events: none; z-index: 0; width: 100%; height: 100%; }
@keyframes glitch1 { 0%,100%{clip-path:inset(0 0 95% 0);transform:translate(-2px,0)} 20%{clip-path:inset(30% 0 50% 0);transform:translate(2px,0)} 60%{clip-path:inset(80% 0 5% 0);transform:translate(1px,0)} }
@keyframes glitch2 { 0%,100%{clip-path:inset(50% 0 30% 0);transform:translate(2px,0)} 50%{clip-path:inset(70% 0 10% 0);transform:translate(-1px,0)} }
.tvs .glitch { position: relative; }
.tvs .glitch::before, .tvs .glitch::after { content: attr(data-text); position: absolute; inset: 0; pointer-events: none; white-space: nowrap; overflow: hidden; }
.tvs .glitch::before { color: rgba(80,230,255,0.4); animation: glitch1 4s infinite linear; }
.tvs .glitch::after { color: rgba(255,45,85,0.3); animation: glitch2 4s infinite linear; }
@keyframes holoShift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
.tvs .holo-card { position: relative; overflow: hidden; transition: transform 0.4s cubic-bezier(0.23,1,0.32,1), box-shadow 0.4s; }
.tvs .holo-card::before { content: ''; position: absolute; inset: 0; opacity: 0; background: linear-gradient(135deg, transparent 20%, rgba(80,230,255,0.06) 35%, rgba(6,148,209,0.1) 50%, rgba(255,255,255,0.04) 65%, transparent 80%); background-size: 200% 200%; animation: holoShift 3s ease infinite; transition: opacity 0.3s; pointer-events: none; border-radius: inherit; z-index: 1; }
.tvs .holo-card:hover::before { opacity: 1; }
.tvs .circuit-bg { background-image: linear-gradient(rgba(6,148,209,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(6,148,209,0.04) 1px, transparent 1px); background-size: 40px 40px; }
.tvs .scanlines { position: relative; }
.tvs .scanlines::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1; background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,0.025) 3px, rgba(0,0,0,0.025) 4px); }
.tvs .neon-text { text-shadow: 0 0 10px rgba(6,148,209,0.8), 0 0 20px rgba(6,148,209,0.5), 0 0 40px rgba(6,148,209,0.3); }
@keyframes hexPulse { 0%,100%{opacity:1} 50%{opacity:0.5} }
.tvs .hex-bg { position: relative; overflow: hidden; }
.tvs .hex-bg::after { content: ''; position: absolute; inset: -20px; pointer-events: none; z-index: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 0 L56 16 L56 48 L28 64 L0 48 L0 16 Z' fill='none' stroke='%230694D1' stroke-width='0.4' opacity='0.3'/%3E%3Cpath d='M28 36 L56 52 L56 84 L28 100 L0 84 L0 52 Z' fill='none' stroke='%230694D1' stroke-width='0.4' opacity='0.3'/%3E%3C/svg%3E"); background-size: 56px 100px; animation: hexPulse 6s ease-in-out infinite; }
.tvs .terminal-card { background: #060d14; border: 1px solid rgba(6,148,209,0.25); border-radius: 12px; position: relative; overflow: hidden; }
.tvs .terminal-header { position: relative; z-index: 2; display: flex; align-items: center; gap: 6px; padding: 10px 14px 8px; border-bottom: 1px solid rgba(6,148,209,0.12); background: rgba(6,148,209,0.04); }
.tvs .terminal-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex-shrink: 0; }
.tvs .terminal-title { font-size:11px !important; color: rgba(255,255,255,0.3); margin-left: 6px; font-family: monospace; letter-spacing: 1px; }
.tvs .cert-code { font-family: 'SF Mono','Fira Code','Courier New',monospace; font-size:10px !important; font-weight: 700; background: rgba(6,148,209,0.12); color: #50e6ff; border: 1px solid rgba(80,230,255,0.2); border-radius: 4px; padding: 2px 7px; letter-spacing: 0.5px; display: inline-block; }
.tvs .cert-name { font-size:13px !important; font-weight: 600; color: var(--white); margin-bottom: 6px; line-height: 1.4; }
@keyframes livePulse { 0%,100%{box-shadow:0 0 0 0 rgba(16,217,100,0.5)} 70%{box-shadow:0 0 0 6px rgba(16,217,100,0)} }
.tvs .live-dot { width: 7px; height: 7px; border-radius: 50%; background: #10d964; animation: livePulse 2s infinite; display: inline-block; flex-shrink: 0; }
.tvs .ticker-item { font-family: 'SF Mono','Courier New',monospace; font-size:12px !important; letter-spacing: 1px; color: rgba(80,230,255,0.8); font-weight: 600; }
.tvs .ticker-dot { background: #0694D1; box-shadow: 0 0 6px rgba(6,148,209,0.8); }
.tvs .sec-label { display: inline-flex; align-items: center; gap: 8px; font-size:11px !important; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--blue); margin-bottom: 16px; font-family: 'SF Mono','Courier New',monospace; }
.tvs .sec-label::before { content: '//'; color: rgba(6,148,209,0.5); margin-right: 2px; font-size:10px !important; }
.tvs .sec-label::after { content: ''; display: block; width: 32px; height: 1px; background: var(--blue); opacity: 0.5; }
.tvs .feat-icon { width: 48px; height: 48px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); background: rgba(6,148,209,0.15); border: none; padding: 10px; transition: all 0.3s; }
.tvs .feat-card:hover .feat-icon { background: rgba(6,148,209,0.3); filter: drop-shadow(0 0 8px rgba(6,148,209,0.5)); }
.tvs .test-card { background: rgba(6,20,35,0.8); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 28px; min-width: 360px; max-width: 380px; flex-shrink: 0; position: relative; overflow: hidden; transition: transform 0.3s, border-color 0.3s; }
.tvs .test-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(6,148,209,0.5), transparent); }
.tvs .test-card:hover { transform: translateY(-4px); border-color: rgba(6,148,209,0.25); }
.tvs .bottom-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 800px 400px at 50% 50%, rgba(6,148,209,0.08) 0%, transparent 70%); pointer-events: none; }
.tvs .shiny-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 48px; padding: 0 32px;
  border: none; border-radius: 8px;
  font-family: var(--body); font-size:15px !important; font-weight: 700; letter-spacing: 0.2px;
  color: #fff; white-space: nowrap; cursor: pointer;
  background: linear-gradient(325deg, #0578b3 0%, #50e6ff 55%, #0694D1 90%);
  background-size: 280% auto; background-position: left center;
  box-shadow: 0px 0px 20px rgba(6,148,209,0.45), 0px 5px 5px -1px rgba(6,148,209,0.25), inset 4px 4px 8px rgba(175,230,255,0.5), inset -4px -4px 8px rgba(5,100,160,0.35);
  transition: background-position 700ms ease, transform 0.2s, box-shadow 0.2s;
  position: relative; overflow: hidden;
}
.tvs .shiny-btn::after { content: ''; position: absolute; top: -50%; left: -60%; width: 40%; height: 200%; background: linear-gradient(to right, transparent, rgba(255,255,255,0.22), transparent); transform: skewX(-20deg); transition: left 0.7s ease; pointer-events: none; }
.tvs .shiny-btn:hover { background-position: right top; transform: translateY(-2px); box-shadow: 0px 0px 28px rgba(80,230,255,0.55), 0px 8px 12px -2px rgba(6,148,209,0.3), inset 4px 4px 8px rgba(175,230,255,0.55), inset -4px -4px 8px rgba(5,100,160,0.4); }
.tvs .shiny-btn:hover::after { left: 130%; }
.tvs .shiny-btn:active { transform: translateY(0); }
.tvs .shiny-btn:disabled { opacity: 0.6; pointer-events: none; }
.tvs .shiny-btn:focus-visible { outline: 2px solid #50e6ff; outline-offset: 2px; }
.tvs .shiny-btn.shiny-outline { background: linear-gradient(325deg, #071e2e 0%, #093148 55%, #071e2e 90%); background-size: 280% auto; background-position: left center; border: 2px solid rgba(80,230,255,0.55); box-shadow: 0px 0px 14px rgba(6,148,209,0.25), inset 0 1px 0 rgba(255,255,255,0.07); color: #fff; }
.tvs .shiny-btn.shiny-outline:hover { background-position: right top; border-color: #50e6ff; color: #fff; box-shadow: 0px 0px 24px rgba(80,230,255,0.45), inset 0 1px 0 rgba(255,255,255,0.1); }
.tvs .shiny-btn.shiny-sm { height: 38px; padding: 0 20px; font-size:13px !important; border-radius: 7px; }
.tvs .shiny-btn.shiny-lg { height: 56px; padding: 0 44px; font-size:16px !important; border-radius: 10px; letter-spacing: 0.25px; }
.tvs .shiny-btn.shiny-full { width: 100%; }
@property --gb-pos-x { syntax: '<percentage>'; initial-value: 12%;     inherits: false; }
@property --gb-pos-y { syntax: '<percentage>'; initial-value: 140%;    inherits: false; }
@property --gb-spread-x { syntax: '<percentage>'; initial-value: 150%;    inherits: false; }
@property --gb-spread-y { syntax: '<percentage>'; initial-value: 180%;    inherits: false; }
@property --gb-c1 { syntax: '<color>';      initial-value: #040f18; inherits: false; }
@property --gb-c2 { syntax: '<color>';      initial-value: #071e2e; inherits: false; }
@property --gb-c3 { syntax: '<color>';      initial-value: #093148; inherits: false; }
@property --gb-c4 { syntax: '<color>';      initial-value: #0694D1; inherits: false; }
@property --gb-c5 { syntax: '<color>';      initial-value: #50e6ff; inherits: false; }
@property --gb-stop1 { syntax: '<percentage>'; initial-value: 30%;     inherits: false; }
@property --gb-stop2 { syntax: '<percentage>'; initial-value: 55%;     inherits: false; }
@property --gb-stop3 { syntax: '<percentage>'; initial-value: 72%;     inherits: false; }
@property --gb-stop4 { syntax: '<percentage>'; initial-value: 86%;     inherits: false; }
@property --gb-stop5 { syntax: '<percentage>'; initial-value: 100%;    inherits: false; }
@property --gb-border-angle { syntax: '<angle>';      initial-value: 160deg;  inherits: true;  }
@property --gb-border-c1 { syntax: '<color>';      initial-value: hsla(204,96%,42%,0.25); inherits: true; }
@property --gb-border-c2 { syntax: '<color>';      initial-value: hsla(197,100%,66%,0.7); inherits: true; }
.tvs .gradient-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 26px; border-radius: 10px; border: none; cursor: pointer; font-family: var(--body); font-size:13px !important; font-weight: 700; color: #fff; white-space: nowrap; appearance: none; background: radial-gradient( var(--gb-spread-x) var(--gb-spread-y) at var(--gb-pos-x) var(--gb-pos-y), var(--gb-c1) var(--gb-stop1), var(--gb-c2) var(--gb-stop2), var(--gb-c3) var(--gb-stop3), var(--gb-c4) var(--gb-stop4), var(--gb-c5) var(--gb-stop5) ); transition: --gb-pos-x .5s, --gb-pos-y .5s, --gb-spread-x .5s, --gb-spread-y .5s, --gb-c1 .5s, --gb-c2 .5s, --gb-c3 .5s, --gb-c4 .5s, --gb-c5 .5s, --gb-stop1 .5s, --gb-stop2 .5s, --gb-stop3 .5s, --gb-stop4 .5s, --gb-stop5 .5s, --gb-border-angle .5s, --gb-border-c1 .5s, --gb-border-c2 .5s, transform .2s, box-shadow .2s; }
.tvs .gradient-button::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(var(--gb-border-angle), var(--gb-border-c1), var(--gb-border-c2)); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.tvs .gradient-button:hover { --gb-pos-x: 0%; --gb-pos-y: 92%; --gb-spread-x: 110%; --gb-spread-y: 100%; --gb-c1: #0694D1; --gb-c2: #50e6ff; --gb-c3: #0078d4; --gb-c4: #093148; --gb-c5: #040f18; --gb-stop1: 0%; --gb-stop2: 18%; --gb-stop3: 40%; --gb-stop4: 72%; --gb-stop5: 88%; --gb-border-angle: 340deg; --gb-border-c1: hsla(197,100%,66%,0.15); --gb-border-c2: hsla(204,96%,65%,0.75); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(6,148,209,0.45); }
.tvs .gradient-button:active { transform: translateY(0); box-shadow: none; }
.tvs .gradient-button:disabled { opacity: 0.6; pointer-events: none; }
.tvs .gradient-button.gb-outline { --gb-c1: #040f18; --gb-c2: #071e2e; --gb-c3: #0a2740; --gb-c4: #093148; --gb-c5: #071e2e; --gb-border-angle: 200deg; --gb-border-c1: hsla(204,96%,42%,0.45); --gb-border-c2: hsla(197,100%,66%,0.15); color: rgba(255,255,255,0.85); }
.tvs .gradient-button.gb-outline:hover { --gb-c1: #093148; --gb-c2: #0a2740; --gb-c3: #0694D1; --gb-c4: #50e6ff; --gb-c5: #040f18; --gb-border-angle: 20deg; --gb-border-c1: hsla(197,100%,66%,0.55); --gb-border-c2: hsla(204,96%,42%,0.2); color: #fff; }
.tvs .gradient-button.gb-lg { font-size:15px !important; padding: 16px 36px; border-radius: 11px; }
.tvs .gradient-button.gb-sm { font-size:12px !important; font-weight: 700; padding: 9px 20px; border-radius: 8px; letter-spacing: 0.2px; }
.tvs .nav::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(6,148,209,0.4) 20%, rgba(80,230,255,0.6) 50%, rgba(6,148,209,0.4) 80%, transparent 100%); }
.tvs .binary-rain { position: absolute; font-family: monospace; font-size:9px !important; color: rgba(6,148,209,0.1); pointer-events: none; user-select: none; line-height: 1.6; white-space: pre; overflow: hidden; }
.tvs .stat-number-wrap { position: relative; display: inline-block; }
.tvs .stat-number-wrap::after { content: ''; position: absolute; bottom: -4px; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--blue), transparent); animation: shimmerGrad 2s linear infinite; background-size: 200% 100%; }
.tvs .award-card::after { content: ''; position: absolute; inset: -1px; border-radius: 16px; background: linear-gradient(135deg, rgba(6,148,209,0.3), transparent 40%, rgba(80,230,255,0.2) 100%); opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 0; }
.tvs .award-card:hover::after { opacity: 1; }
.tvs ::-webkit-scrollbar { width: 4px; }
.tvs ::-webkit-scrollbar-track { background: var(--ink2); }
.tvs ::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 2px; }
.tvs .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 200; height: 64px; background: rgba(9,49,72,0.92); backdrop-filter: blur(20px); border-bottom: 1px solid var(--sl2); transition: all 0.3s; display: flex; align-items: center; }
.tvs .nav-inner { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--px); display: flex; align-items: center; justify-content: space-between; }
.tvs .nav.scrolled { background: rgba(9,49,72,0.99); }
.tvs .nav-logo { display: flex; align-items: center; gap: 16px; text-decoration: none; }
.tvs .nav-logo-img { height: 40px; width: auto; display: block; object-fit: contain; }
.tvs .nav-logo-divider { width: 1px; height: 28px; background: rgba(255,255,255,0.15); flex-shrink: 0; }
.tvs .nav-logo-text { font-family: var(--body); font-size:22px !important; font-weight: 800; letter-spacing: 1px; line-height: 1; color: var(--white); }
.tvs .nav-logo-text span { color: var(--blue); }
.tvs .nav-right { display: flex; align-items: center; gap: 24px; }
.tvs .nav-ms-badge { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.tvs .ms-flag { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; width: 16px; height: 16px; flex-shrink: 0; }
.tvs .ms-sq { border-radius: 1px; }
.tvs .nav-badge-text { font-size:11px !important; font-weight: 600; color: rgba(255,255,255,0.65); letter-spacing: 0.3px; }
.tvs .nav-cta { display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: var(--white); font-family: var(--body); font-weight: 700; font-size:14px !important; padding: 11px 24px; border-radius: var(--r8); border: none; cursor: pointer; transition: all 0.2s; white-space: nowrap; letter-spacing: 0.15px; }
.tvs .nav-cta:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(6,148,209,0.45); }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.7)} }
.tvs .hero { position: relative; overflow: hidden; display: flex; flex-direction: column; padding-top: 0; background: #001523; }
.tvs .hero-cols { flex: 1; width: 100%; padding: 40px 0; }
.tvs .hero-cols .row { align-items: center; }
.tvs .hero-stats-bar { position: relative; z-index: 11; border-top: 1px solid rgba(0,120,212,0.22); background: rgba(0,10,24,0.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.tvs .stats-slider-dots { display: none; }
.tvs .hero-stats-inner { width: 100%; }
.tvs .hero-stats-inner .row { margin: 0; --bs-gutter-x: 0; }
.tvs .hero-stats-inner .col { padding: 0; flex: 1 0 0; }
.tvs .hero-stat-item { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-right: 1px solid rgba(0,120,212,0.12); transition: background 0.2s; height: 100%; }
.tvs .hero-stat-item:last-child { border-right: none; }
.tvs .hero-stat-item:hover { background: rgba(0,120,212,0.06); }
@keyframes iconGlow1 { 0%,100% { box-shadow: 0 0 0 0 rgba(58,182,235,0); } 50%{ box-shadow: 0 0 12px 5px rgba(58,182,235,0.45); } }
@keyframes iconGlow2 { 0%,100% { box-shadow: 0 0 0 0 rgba(6,148,209,0); } 50%{ box-shadow: 0 0 12px 5px rgba(6,148,209,0.55); } }
@keyframes iconGlow3 { 0%,100% { box-shadow: 0 0 0 0 rgba(7,109,157,0); } 50%{ box-shadow: 0 0 12px 5px rgba(7,109,157,0.60); } }
.tvs .hero-stat-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tvs .hero-stat-icon.glow-1 { border: 1px solid rgba(58,182,235,0.40);  animation: iconGlow1 2.8s ease-in-out infinite 0.0s; }
.tvs .hero-stat-icon.glow-2 { border: 1px solid rgba(6,148,209,0.45);   animation: iconGlow2 2.8s ease-in-out infinite 0.5s; }
.tvs .hero-stat-icon.glow-3 { border: 1px solid rgba(7,109,157,0.45);   animation: iconGlow3 2.8s ease-in-out infinite 1.0s; }
.tvs .hero-stat-icon.glow-4 { border: 1px solid rgba(58,182,235,0.40);  animation: iconGlow1 2.8s ease-in-out infinite 1.5s; }
.tvs .hero-stat-icon.glow-5 { border: 1px solid rgba(6,148,209,0.45);   animation: iconGlow2 2.8s ease-in-out infinite 2.0s; }
.tvs .hero-stat-text { display: flex; flex-direction: column; min-width: 0; }
.tvs .hero-stat-number { font-family: var(--display); font-size:clamp(20px, 1.9vw, 26px) !important; font-weight: 800; letter-spacing: -0.02em; line-height: 1; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 60%, #076D9D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .hero-stat-label { font-size:11.5px !important; font-weight: 600; color: rgba(255,255,255,0.65); margin-top: 3px; line-height: 1.3; }
.tvs .hero-stat-src { font-size:10px !important; color: rgba(255,255,255,0.32); margin-top: 2px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tvs .hero-stat-compact .hero-stat-item { padding: 12px 10px; gap: 8px; align-items: flex-start; height: 100%; box-sizing: border-box; }
.tvs .hero-stat-compact .hero-stat-icon { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; margin-top: 2px; }
.tvs .hero-stat-compact .hero-stat-number { font-size:15px !important; }
.tvs .hero-stat-compact .hero-stat-label { font-size:10.5px !important; white-space: normal; line-height: 1.3; }
.tvs .hero-stat-compact .hero-stat-src { font-size:9.5px !important; white-space: normal; }
.tvs .hero-stat-compact .hero-stat-icon.glow-1 { animation: iconGlow1Mild 4s ease-in-out infinite 0.0s; }
.tvs .hero-stat-compact .hero-stat-icon.glow-2 { animation: iconGlow2Mild 4s ease-in-out infinite 0.5s; }
.tvs .hero-stat-compact .hero-stat-icon.glow-3 { animation: iconGlow3Mild 4s ease-in-out infinite 1.0s; }
.tvs .hero-stat-compact .hero-stat-icon.glow-4 { animation: iconGlow1Mild 4s ease-in-out infinite 1.5s; }
.tvs .hero-stat-compact .hero-stat-icon.glow-5 { animation: iconGlow2Mild 4s ease-in-out infinite 2.0s; }
@keyframes iconGlow1Mild { 0%,100%{ box-shadow:0 0 0 0 rgba(58,182,235,0); } 50%{ box-shadow:0 0 6px 2px rgba(58,182,235,0.2); } }
@keyframes iconGlow2Mild { 0%,100%{ box-shadow:0 0 0 0 rgba(6,148,209,0); }  50%{ box-shadow:0 0 6px 2px rgba(6,148,209,0.22); } }
@keyframes iconGlow3Mild { 0%,100%{ box-shadow:0 0 0 0 rgba(7,109,157,0); }  50%{ box-shadow:0 0 6px 2px rgba(7,109,157,0.25); } }
.tvs .hero-tech-menu-wrap { display: none; position: relative; background: rgba(4,12,24,0.85); border-top: 1px solid rgba(6,148,209,0.15); }
.tvs .hero-tech-hamburger { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 16px; background: transparent; border: none; cursor: pointer; font-family: inherit; color: #fff; font-size:13.5px !important; font-weight: 600; }
.tvs .hero-tech-ham-lines { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; }
.tvs .hero-tech-ham-lines span { display: block; height: 2px; border-radius: 2px; background: #0694D1; transition: width 0.2s; }
.tvs .hero-tech-ham-lines span:nth-child(1) { width: 18px; }
.tvs .hero-tech-ham-lines span:nth-child(2) { width: 14px; }
.tvs .hero-tech-ham-lines span:nth-child(3) { width: 10px; }
.tvs .hero-tech-ham-label { flex: 1; text-align: left; color: rgba(255,255,255,0.85); }
.tvs .hero-tech-dropdown { background: #061e30; border-top: 1px solid rgba(6,148,209,0.15); max-height: 320px; overflow-y: auto; animation: statSlideUp 0.22s ease both; }
.tvs .hero-tech-opt { display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 16px; background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,0.04); cursor: pointer; font-family: inherit; text-align: left; transition: background 0.15s; }
.tvs .hero-tech-opt:active, .tvs .hero-tech-opt:hover { background: rgba(6,148,209,0.12); }
.tvs .hero-tech-opt:last-child { border-bottom: none; }
.tvs .hero-tech-opt-icon { flex-shrink: 0; display: flex; align-items: center; }
.tvs .hero-tech-opt-name { flex: 1; font-size:13.5px !important; font-weight: 600; color: rgba(255,255,255,0.9); }
.tvs .hero-tech-opt-arrow { font-size:12px !important; color: rgba(6,148,209,0.7); }
.tvs .hero-bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.tvs .hero-bg-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.55; }
.tvs .hero-bg-gradient { position: absolute; inset: 0; background: radial-gradient(ellipse at 55% 40%, #0D3F5A 0%, #071B2E 45%, #040C18 100%); opacity: 0.55; }
.tvs .hero-grid { position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 24px 24px; z-index: 1; }
.tvs .hero-sep { position: absolute; top: 10%; bottom: 10%; right: calc(420px + 0px); width: 1px; background: linear-gradient(to bottom, transparent, rgba(6,148,209,0.15) 25%, rgba(6,148,209,0.25) 50%, rgba(6,148,209,0.15) 75%, transparent); pointer-events: none; z-index: 3; }
.tvs .hero-left { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; padding-right: 24px; }
.tvs .hero-badge { display: inline-flex; align-items: center; gap: 8px; position: relative; z-index: 1; overflow: hidden; padding: 5px 14px 5px 6px; border-radius: 40px; background: rgba(6,148,209,0.06); border: 1px solid rgba(6,148,209,0.22); margin-bottom: 14px; cursor: default; transition: border-color 0.25s, background 0.25s; animation: fadeUp 0.5s ease both; }
.tvs .hero-badge:hover { border-color: rgba(6,148,209,0.45); background: rgba(6,148,209,0.1); }
.tvs .hero-badge::before { content: ''; position: absolute; inset: -1px; border-radius: 40px; background: conic-gradient(from var(--badge-angle, 0deg), transparent 80%, rgba(6,148,209,0.8) 90%, transparent 100%); animation: badgeSpin 4s linear infinite; z-index: -1; }
@property --badge-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes badgeSpin { to { --badge-angle: 360deg; } }
.tvs .hero-badge-chip { display: flex; align-items: center; gap: 5px; background: var(--blue); border-radius: 20px; padding: 2px 9px; font-size:9px !important; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; }
.tvs .hero-badge-label { font-size:12.5px !important; color: rgba(255,255,255,0.7); font-weight: 500; }
.tvs .hero-badge-arrow { font-size:12px !important; color: rgba(6,148,209,0.8); transition: transform 0.2s; }
.tvs .hero-badge:hover .hero-badge-arrow { transform: translateX(3px); }
.tvs .hero-h1 { font-family: var(--display); font-size:32px !important; font-weight: 800; line-height: 1.1; letter-spacing: -0.025em; color: var(--white); margin-bottom: 10px; animation: fadeUp 0.6s 0.1s ease both; }
.tvs .hero-h1 .h1-plain { display: block; }
.tvs .hero-h1 .h1-grad { display: block; background: linear-gradient(90deg, #0694D1 0%, #50e6ff 45%, #a8d8ff 65%, #0694D1 100%); background-size: 250% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: gradText 5s ease infinite; }
.tvs .hero-h1 .h1-shimmer { display: block; background-image: linear-gradient(90deg, transparent calc(50% - 36px), #a8d8ff, transparent calc(50% + 36px)), linear-gradient(#0694D1, #0694D1); background-size: 250% 100%, auto; background-repeat: no-repeat, padding-box; background-position: 100% center, 0 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: h1ShimmerSweep 2.5s linear infinite; }
.tvs .sp-shimmer { display: inline-block; font-weight: 800; background-image: linear-gradient(90deg, transparent calc(50% - 10px), #a8d8ff, transparent calc(50% + 10px)), linear-gradient(#0694D1, #0694D1); background-size: 250% 100%, auto; background-repeat: no-repeat, padding-box; background-position: 100% center, 0 0; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: h1ShimmerSweep 2.5s linear infinite; }
@keyframes h1ShimmerSweep { 0% { background-position: 100% center, 0 0; } 100% { background-position: 0% center, 0 0; } }
.tvs .hero-sub { font-size:16px !important; line-height: 1.75; color: rgba(255,255,255,1); max-width: 520px; margin-bottom: 14px; animation: fadeUp 0.6s 0.18s ease both; font-weight: 400; }
.tvs .hero-sub strong { color: #38bdf8; font-weight: 700; }
.tvs .hero-sub-more { color: inherit; font-weight: 400; }
.tvs .hero-sub-more strong { color: #38bdf8; font-weight: 700; }
.tvs .hero-read-more, .tvs .hero-read-more:link, .tvs .hero-read-more:visited, .tvs .hero-read-more:hover, .tvs .hero-read-more:focus, .tvs .hero-read-more:focus-visible, .tvs .hero-read-more:focus-within, .tvs .hero-read-more:active, .tvs .hero-read-more[aria-expanded="true"], .tvs .hero-read-more[aria-expanded="false"] { background: none !important; border: none !important; padding: 0 !important; cursor: pointer; color: #38bdf8 !important; -webkit-text-fill-color: #38bdf8 !important; font-size:14px !important; font-weight: 600; text-decoration: none !important; line-height: 1; font-family: var(--body); outline: none !important; box-shadow: none !important; -webkit-tap-highlight-color: transparent !important; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.tvs .hero-features { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; animation: fadeUp 0.6s 0.24s ease both; }
.tvs .hero-feat-row { display: flex; align-items: center; gap: 10px; font-size:14px !important; color: rgba(255,255,255,1); font-weight: 400; line-height: 1.4; }
.tvs .hero-feat-text { flex: 1; min-width: 0; }
.tvs .hero-feat-hl { color: #ffffff; font-weight: 700; }
.tvs .hero-feat-hl-blue { color: #38bdf8; font-weight: 700; }
.tvs .hero-feat-icon { width: 22px; height: 22px; border-radius: 6px; flex-shrink: 0; background: rgba(6,148,209,0.15); border: 1px solid rgba(6,148,209,0.3); display: flex; align-items: center; justify-content: center; }
.tvs .hero-feat-icon svg { width: 12px; height: 12px; color: #38bdf8; }
.tvs .hero-ctas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; animation: fadeUp 0.6s 0.3s ease both; }
.tvs .hero-btn-primary { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: #fff; font-family: var(--body); font-size:14px !important; font-weight: 700; padding: 11px 24px; border-radius: 9px; border: none; cursor: pointer; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(6,148,209,0.35), inset 0 1px 0 rgba(255,255,255,0.15); }
.tvs .hero-btn-primary::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.14) 50%, transparent 100%); background-size: 200% 100%; animation: shimmerGrad 2.5s linear infinite; }
.tvs .hero-btn-primary:hover { box-shadow: 0 8px 32px rgba(6,148,209,0.55); }
.tvs .hero-btn-ghost { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.03); color: rgba(255,255,255,0.75); font-family: var(--body); font-size:14px !important; font-weight: 600; padding: 10px 20px; border-radius: 9px; border: 1px solid rgba(255,255,255,0.1); cursor: pointer; backdrop-filter: blur(8px); transition: all 0.2s; }
.tvs .hero-btn-ghost:hover { background: rgba(255,255,255,0.07); border-color: rgba(255,255,255,0.2); transform: translateY(-1px); }
.tvs .hero-proof { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; animation: fadeUp 0.6s 0.36s ease both; }
.tvs .hero-proof-divider { width: 1px; height: 36px; background: linear-gradient(to bottom, transparent, rgba(6,148,209,0.4), transparent); }
.tvs .sp-avatars { display: flex; }
.tvs .sp-avatar { width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--ink); object-fit: cover; background: var(--navy); margin-left: -8px; box-shadow: 0 0 0 1.5px rgba(6,148,209,0.35); transition: transform 0.2s; cursor: default; }
.tvs .sp-avatar:first-child { margin-left: 0; }
.tvs .sp-avatars:hover .sp-avatar { transform: translateX(-2px); }
.tvs .sp-avatars:hover .sp-avatar:first-child { transform: none; }
.tvs .sp-text { font-size:14px !important; font-weight: 400; color: rgba(255,255,255,0.75); line-height: 1.45; }
.tvs .sp-text strong { color: var(--white); font-size:15px !important; font-weight: 600; }
.tvs .stars { color: #fbbf24; font-size:14px !important; letter-spacing: 1.5px; text-shadow: 0 0 8px rgba(251,191,36,0.6); }
.tvs .proof-partner-badges { display: flex; align-items: center; gap: 10px; }
.tvs .proof-badge-card { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 8px 12px; border-radius: 12px; background: rgba(6,148,209,0.07); border: 1px solid rgba(6,148,209,0.22); box-shadow: 0 0 16px rgba(6,148,209,0.1), inset 0 1px 0 rgba(255,255,255,0.04); transition: border-color 0.25s, box-shadow 0.25s, background 0.25s; cursor: default; }
.tvs .proof-badge-card:hover { border-color: rgba(6,148,209,0.5); background: rgba(6,148,209,0.12); box-shadow: 0 0 24px rgba(6,148,209,0.2), inset 0 1px 0 rgba(255,255,255,0.06); }
.tvs .proof-partner-img { height: 58px; width: auto; object-fit: contain; transition: transform 0.25s; }
.tvs .proof-badge-card:hover .proof-partner-img { transform: scale(1.06); }
.tvs .proof-badge-label { font-size:9.5px !important; font-weight: 700; letter-spacing: 0.6px; text-transform: uppercase; color: rgba(6,148,209,0.85); text-align: center; line-height: 1.3; }
.tvs .hero-form-col { position: relative; z-index: 4; align-self: center; }
.tvs .hero-form-glow { position: absolute; inset: -80px; pointer-events: none; z-index: 0; background: radial-gradient(circle at 50% 50%, rgba(6,148,209,0.18) 0%, transparent 65%); filter: blur(30px); }
.tvs .hero-video-card { position: relative; z-index: 1; border-radius: 20px; overflow: hidden; border: 1px solid rgba(6,148,209,0.38); box-shadow: 0 0 0 1px rgba(255,255,255,0.03), 0 28px 72px rgba(0,0,0,0.7), 0 0 60px rgba(6,148,209,0.12); animation: fadeUp 0.7s 0.15s ease both; background: linear-gradient(135deg, #001b36 0%, #00294f 50%, #001b36 100%); aspect-ratio: 16 / 9; width: 100%; max-width: 560px; }
.tvs .hero-video-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; z-index: 3; background: linear-gradient(90deg, transparent 0%, rgba(6,148,209,0.8) 30%, rgba(80,230,255,0.6) 50%, rgba(6,148,209,0.8) 70%, transparent 100%); background-size: 200% 100%; animation: shimmerGrad 3s linear infinite; }
.tvs .hero-video-card::after { content: ''; position: absolute; top: -1px; right: -1px; width: 100px; height: 100px; background: radial-gradient(circle at top right, rgba(6,148,209,0.18) 0%, transparent 70%); border-radius: 0 20px 0 0; pointer-events: none; z-index: 3; }
.tvs .hero-video { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 20px; }
.tvs .hero-video-mute { position: absolute; bottom: 14px; right: 14px; z-index: 4; width: 36px; height: 36px; border-radius: 50%; background: rgba(7,30,46,0.72); backdrop-filter: blur(8px); border: 1px solid rgba(6,148,209,0.35); color: rgba(255,255,255,0.8); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s, transform 0.2s, color 0.2s; }
.tvs .hero-video-mute:hover { background: rgba(6,148,209,0.25); border-color: rgba(6,148,209,0.7); color: #fff; transform: scale(1.1); }
.tvs .hq-form-card { width: 100%; margin-top: 12px; background: rgba(4,14,22,0.82); border: 1px solid rgba(6,148,209,0.28); border-radius: 14px; padding: 16px; backdrop-filter: blur(16px); box-shadow: 0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.04); animation: fadeUp 0.7s 0.3s ease both; }
.tvs .hq-form { display: flex; flex-direction: column; gap: 10px; }
.tvs .hq-row { display: flex; gap: 8px; }
.tvs .hq-input { flex: 1; min-width: 0; background: rgba(255,255,255,0.05); border: 1px solid rgba(6,148,209,0.2); border-radius: 9px; padding: 10px 13px; font-size:13px !important; color: var(--white); font-family: inherit; outline: none; transition: border-color 0.2s, background 0.2s; }
.tvs .hq-input::placeholder { color: rgba(255,255,255,0.28); }
.tvs .hq-input:focus { border-color: rgba(6,148,209,0.55); background: rgba(6,148,209,0.07); }
.tvs .hq-toggle-row { display: flex; justify-content: center; margin-bottom: 12px; }
.tvs .hq-toggle-track { position: relative; display: flex; background: rgba(255,255,255,0.05); border: 1px solid rgba(6,148,209,0.2); border-radius: 10px; padding: 3px; gap: 0; }
.tvs .hq-toggle-btn { position: relative; z-index: 1; flex: 1; padding: 7px 20px; border: none; background: transparent; font-size:13px !important; font-weight: 600; color: rgba(255,255,255,0.45); cursor: pointer; border-radius: 7px; transition: color 0.25s; font-family: inherit; white-space: nowrap; }
.tvs .hq-toggle-btn.active { color: var(--white); }
.tvs .hq-toggle-pill { position: absolute; top: 3px; left: 3px; width: calc(50% - 3px); height: calc(100% - 6px); background: linear-gradient(135deg, #0694D1, #0578b3); border-radius: 7px; box-shadow: 0 2px 8px rgba(6,148,209,0.4); transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1); pointer-events: none; }
.tvs .hq-success { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 0; font-size:14px !important; font-weight: 600; color: #10d964; }
@media (max-width: 700px) {
.tvs .hq-row { flex-direction: column; }
 
}
.tvs .hero-form-card { display: none; }
.tvs .hero-trust-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 8px; margin-top: 14px; animation: fadeUp 0.6s 0.5s ease both; }
.tvs .hero-trust-item { display: flex; align-items: center; gap: 5px; font-size:11px !important; color: rgba(255,255,255,0.55); font-weight: 600; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); padding: 3px 9px; border-radius: 20px; transition: border-color 0.2s, color 0.2s; }
.tvs .hero-trust-item:hover { border-color: rgba(6,148,209,0.3); color: rgba(255,255,255,0.8); }
.tvs .hero-trust-item svg { flex-shrink: 0; }
.tvs .hero-details { }
.tvs .hero-eyebrow { display: none; }
.tvs .hero-usp-row { display: none; }
.tvs .hero-partner-row { display: none; }
.tvs .trust-row { display: none; }
.tvs .social-proof { display: none; }
.tvs .lead-form-wrap-stub { display: none; }
.tvs .dot-live { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); animation: pulse 1.5s infinite; }
.tvs .trust-pill { display: flex; align-items: center; gap: 6px; background: var(--sl3); border: 1px solid var(--sl2); color: rgba(255,255,255,0.75); font-size:13px !important; font-weight: 500; padding: 7px 14px; border-radius: 20px; }
.tvs .trust-pill .check { color: var(--blue); font-size:14px !important; }
.tvs .hero-spotlight, .tvs .hero-21-h1, .tvs .hero-21-sub, .tvs .hero-21-ctas, .tvs .hero-21-proof, .tvs .hero-21-form-wrap, .tvs .hero-21-form-glow, .tvs .hero-21-form-card { display: none; }
.tvs .proof-divider { width: 1px; height: 28px; background: rgba(255,255,255,0.12); }
@keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:none} }
@keyframes statSlideUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes numGlow { 0%{color:#4DBFEF;text-shadow:0 0 10px rgba(6,148,209,0.7)} 100%{color:#fff;text-shadow:none} }
.tvs .lead-form-wrap { flex-shrink: 0; width: 440px; position: relative; z-index: 1; animation: fadeUp 0.8s 0.15s ease both; }
.tvs .form-glow { position: absolute; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(6,148,209,0.18), transparent 65%); top: -80px; left: -80px; pointer-events: none; filter: blur(50px); }
.tvs .lead-form { background: rgba(6,18,30,0.92); border: 1px solid rgba(6,148,209,0.32); border-radius: 20px; padding: 28px 26px 24px; backdrop-filter: blur(28px); position: relative; overflow: hidden; box-shadow: 0 32px 80px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06); }
.tvs .lead-form::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, #0694D1 30%, #50e6ff 50%, #0694D1 70%, transparent); background-size: 200% 100%; animation: shimmerGrad 3s linear infinite; }
.tvs .lf-progress-wrap { margin-bottom: 24px; }
.tvs .lf-progress-steps { display: flex; align-items: center; gap: 0; margin-bottom: 10px; }
.tvs .lf-step-pill { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; font-size:11px !important; font-weight: 700; transition: all 0.3s; border: 2px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.35); }
.tvs .lf-step-pill.active { border-color: #0694D1; color: #0694D1; background: rgba(6,148,209,0.1); }
.tvs .lf-step-pill.done { border-color: #0694D1; background: #0694D1; color: var(--ink); }
.tvs .lf-step-connector { flex: 1; height: 2px; background: rgba(255,255,255,0.08); margin: 0 6px; border-radius: 1px; overflow: hidden; }
.tvs .lf-step-connector-fill { height: 100%; background: #0694D1; width: 0%; transition: width 0.4s ease; border-radius: 1px; }
.tvs .lf-step-connector-fill.done { width: 100%; }
.tvs .lf-step-labels { display: flex; justify-content: space-between; padding: 0 2px; }
.tvs .lf-step-lbl { font-size:9px !important; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: rgba(255,255,255,0.25); transition: color 0.3s; flex: 1; text-align: center; white-space: nowrap; }
.tvs .lf-step-lbl:first-child { text-align: left; }
.tvs .lf-step-lbl:last-child { text-align: right; }
.tvs .lf-step-lbl.active { color: rgba(255,255,255,0.65); }
.tvs .lf-header { margin-bottom: 18px; }
.tvs .lf-tag { display: inline-flex; align-items: center; gap: 6px; font-size:10px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #0694D1; margin-bottom: 6px; }
.tvs .lf-tag-dot { width: 5px; height: 5px; border-radius: 50%; background: #10d964; animation: livePulse 2s infinite; flex-shrink: 0; }
.tvs .lf-title { font-family: var(--display); font-size:20px !important; font-weight: 800; color: var(--white); line-height: 1.2; letter-spacing: -0.3px; }
.tvs .lf-title span { background: linear-gradient(90deg, #0694D1, #50e6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .lf-sub { font-size:11px !important; color: rgba(255,255,255,0.38); margin-top: 4px; }
.tvs .lf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.tvs .lf-field { margin-bottom: 12px; }
.tvs .lf-field:last-of-type { margin-bottom: 0; }
.tvs .lf-label { font-size:10px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.4); margin-bottom: 6px; display: block; }
.tvs .lf-input-wrap { position: relative; }
.tvs .lf-input-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; color: rgba(255,255,255,0.3); pointer-events: none; }
.tvs .lf-input-icon.top { top: 14px; transform: none; }
.tvs .lf-input { width: 100%; padding: 11px 14px 11px 38px; box-sizing: border-box; background: rgba(255,255,255,0.05); border: 1.5px solid rgba(255,255,255,0.1); border-radius: 10px; color: var(--white); font-family: var(--body); font-size:13px !important; outline: none; transition: all 0.2s; }
.tvs .lf-input.no-icon { padding-left: 14px; }
.tvs .lf-input::placeholder { color: rgba(255,255,255,0.2); }
.tvs .lf-input:focus { border-color: #0694D1; background: rgba(6,148,209,0.07); box-shadow: 0 0 0 3px rgba(6,148,209,0.12); }
.tvs .lf-input.err { border-color: #f87171; }
.tvs .lf-err { font-size:11px !important; color: #fca5a5; margin-top: 4px; display: flex; align-items: center; gap: 4px; }
.tvs .lf-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.35)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; cursor: pointer; }
.tvs .lf-select option { background: #071e2e; }
.tvs .lf-textarea { resize: vertical; min-height: 80px; padding-top: 11px; padding-bottom: 11px; line-height: 1.6; }
.tvs .lf-chips-label { font-size:10px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.4); margin-bottom: 8px; display: block; }
.tvs .lf-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.tvs .lf-chip { padding: 6px 13px; border-radius: 20px; font-size:12px !important; font-weight: 600; border: 1.5px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.45); cursor: pointer; transition: all 0.18s; background: transparent; font-family: var(--body); }
.tvs .lf-chip:hover { border-color: rgba(6,148,209,0.4); color: rgba(255,255,255,0.75); background: rgba(6,148,209,0.05); }
.tvs .lf-chip.sel { border-color: #0694D1; color: #0694D1; background: rgba(6,148,209,0.12); }
.tvs .lf-summary { background: rgba(6,148,209,0.06); border: 1px solid rgba(6,148,209,0.18); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px; }
.tvs .lf-summary-label { font-size:9px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,0.35); margin-bottom: 8px; }
.tvs .lf-summary-row { display: flex; align-items: center; gap: 8px; font-size:12px !important; color: rgba(255,255,255,0.65); margin-bottom: 4px; }
.tvs .lf-summary-row:last-child { margin-bottom: 0; }
.tvs .lf-summary-row svg { flex-shrink: 0; color: #0694D1; }
.tvs .lf-summary-val { color: var(--white); font-weight: 600; }
.tvs .lf-btn-primary { width: 100%; padding: 13px; border-radius: var(--r8); border: none; cursor: pointer; font-family: var(--body); font-size:14px !important; font-weight: 700; letter-spacing: 0.3px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: var(--white); transition: transform 0.2s, box-shadow 0.2s, filter 0.2s; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 4px 16px rgba(6,148,209,0.3); }
.tvs .lf-btn-primary:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(6,148,209,0.4); }
.tvs .lf-btn-primary:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }
.tvs .lf-btn-back { background: transparent; border: 1.5px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.5); font-family: var(--body); font-size:12px !important; font-weight: 600; padding: 9px 18px; border-radius: 8px; cursor: pointer; transition: all 0.2s; }
.tvs .lf-btn-back:hover { border-color: rgba(255,255,255,0.25); color: rgba(255,255,255,0.75); }
.tvs .lf-nav { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
.tvs .lf-nav .lf-btn-primary { flex: 1; }
.tvs .lf-trust { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; font-size:11px !important; color: rgba(255,255,255,0.28); }
.tvs .lf-trust svg { color: rgba(255,255,255,0.25); }
.tvs .lf-success { text-align: center; padding: 8px 0; }
.tvs .lf-success-icon { font-size:48px !important; margin-bottom: 14px; animation: countPop 0.5s ease; }
.tvs .lf-success-title { font-family: var(--display); font-size:24px !important; font-weight: 800; color: var(--white); margin-bottom: 8px; }
.tvs .lf-success-msg { font-size:13px !important; color: rgba(255,255,255,0.55); line-height: 1.7; margin-bottom: 20px; }
.tvs .lf-success-steps { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; text-align: left; }
.tvs .lf-success-step { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; }
.tvs .lf-success-step-num { width: 24px; height: 24px; border-radius: 50%; background: rgba(6,148,209,0.15); border: 1px solid rgba(6,148,209,0.3); display: flex; align-items: center; justify-content: center; font-size:11px !important; font-weight: 800; color: #0694D1; flex-shrink: 0; }
.tvs .lf-success-step-text { font-size:12px !important; color: rgba(255,255,255,0.6); line-height: 1.5; }
.tvs .lf-success-step-text strong { color: var(--white); display: block; font-size:13px !important; margin-bottom: 2px; }
.tvs .lf-success-dl { display: flex; align-items: center; gap: 12px; background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.2); border-radius: 12px; padding: 14px 16px; }
.tvs .lf-success-dl-icon { font-size:28px !important; flex-shrink: 0; }
.tvs .lf-success-dl-text { flex: 1; text-align: left; }
.tvs .lf-success-dl-title { font-size:13px !important; font-weight: 700; color: var(--white); }
.tvs .lf-success-dl-sub { font-size:11px !important; color: rgba(255,255,255,0.4); margin-top: 2px; }
.tvs .lf-success-dl-btn { padding: 8px 16px; background: #0694D1; color: var(--white); border: none; border-radius: 8px; font-size:12px !important; font-weight: 700; cursor: pointer; transition: background 0.2s; white-space: nowrap; font-family: var(--body); }
.tvs .lf-success-dl-btn:hover { background: #0578b3; }
.tvs .ticker { background: var(--blue); padding: 11px 0; overflow: hidden; }
.tvs .ticker-track { display: flex; width: max-content; animation: ticker 35s linear infinite; }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.tvs .ticker-item { white-space: nowrap; padding: 0 40px; color: var(--white); font-size:13px !important; font-weight: 600; display: flex; align-items: center; gap: 12px; }
.tvs .ticker-dot { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.4); }
.tvs .preview-sec { background: var(--light-bg); position: relative; overflow: hidden; border-top: 1px solid var(--light-border); }
.tvs .preview-sec::before { content:''; position:absolute; inset:0; pointer-events:none; background: radial-gradient(ellipse 1000px 500px at 50% 0%, rgba(6,148,209,0.07), transparent 65%); }
.tvs .preview-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 14px; border-radius: 20px; margin-bottom: 16px; font-size:10px !important; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: #0694D1; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.22); }
.tvs .preview-title { font-family: var(--display); font-size:24px !important; font-weight: 800; color: var(--light-text); line-height: 1.4; letter-spacing: -0.015em; margin-bottom: 12px; }
.tvs .preview-sub { font-size:15px !important; color: var(--light-sub); max-width: 480px; margin: 0 auto; line-height: 1.7; }
.tvs .preview-card-outer { border: 3px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 6px; background: #1a1a1a; box-shadow: 0 0 0 0 transparent, 0 9px 20px rgba(0,0,0,0.5), 0 37px 37px rgba(0,0,0,0.42), 0 84px 50px rgba(0,0,0,0.26), 0 149px 60px rgba(0,0,0,0.1); }
.tvs .preview-card-inner { border-radius: 18px; overflow: hidden; background: #0d1117; height: 100%; }
.tvs .preview-chrome { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.06); }
.tvs .preview-chrome-dot { width: 10px; height: 10px; border-radius: 50%; }
.tvs .preview-chrome-bar { flex: 1; height: 22px; border-radius: 6px; background: rgba(255,255,255,0.06); display: flex; align-items: center; padding: 0 10px; font-size:10px !important; color: rgba(255,255,255,0.2); }
.tvs .preview-img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.tvs .features-sec { background: var(--light-bg); padding: 40px 48px; }
.tvs .sec-title { font-family: var(--display); font-weight: 700; font-size:24px !important; color: var(--light-text); letter-spacing: -0.015em; line-height: 1.4; margin-bottom: 16px; }
@keyframes em-shimmer { 0%{ background-position: 200% center; } 100%{ background-position: -200% center; } }
.tvs .sec-title em, .tvs .edge-left-heading em, .tvs .enroll-title em, .tvs .companies-headline em, .tvs .lgm-title em, .tvs .cert-showcase-title em, .tvs .aps-heading em, .tvs .aps-panel-title em, .tvs .roi-left-heading em, .tvs .certpath-title em, .tvs .referral-h2 em, .tvs .compare-title em, .tvs .pricing-h2 em, .tvs .cta-title span {
  background-image: linear-gradient(90deg, transparent calc(50% - 80px), #93d4ff 50%, transparent calc(50% + 80px)), linear-gradient(#0694D1, #0694D1);
  background-size: 300% 100%, auto; background-repeat: no-repeat, padding-box;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  font-style: normal; animation: em-shimmer 3s linear infinite;
}
.tvs .sec-sub { font-size:16px !important; color: var(--light-sub); max-width: 560px; line-height: 1.65; }
.tvs .usp-sec { background: var(--light-white); padding: 40px 48px; border-top: 1px solid var(--light-border); border-bottom: 1px solid var(--light-border); }
.tvs .usp-inner { max-width: var(--container); margin: 0 auto; }
.tvs .usp-header { text-align: center; margin-bottom: 20px; }
.tvs .usp-table { display: grid; grid-template-columns: 200px 1fr 1fr; gap: 0; border-radius: 20px; overflow: hidden; position: relative; }
.tvs .usp-col-label { display: flex; flex-direction: column; background: transparent; }
.tvs .usp-col-koenig { display: flex; flex-direction: column; background: #0a2235; border: 2px solid rgba(6,148,209,0.35); border-radius: 16px; box-shadow: 0 0 40px rgba(6,148,209,0.12); position: relative; z-index: 2; margin: -8px 0; }
.tvs .usp-col-others { display: flex; flex-direction: column; background: var(--light-bg); border: 1px solid var(--light-border); border-radius: 16px; margin-left: -10px; padding-left: 10px; }
.tvs .usp-col-head { padding: 22px 24px 18px; font-size:12px !important; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--light-sub); border-bottom: 1px solid var(--light-border); }
.tvs .usp-col-koenig .usp-col-head { display: flex; align-items: center; gap: 10px; color: var(--white); font-size:14px !important; letter-spacing: 1px; border-bottom: 1px solid rgba(6,148,209,0.25); }
.tvs .usp-col-others .usp-col-head { color: var(--light-sub); }
.tvs .usp-koenig-logo { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; width: 20px; height: 20px; flex-shrink: 0; }
.tvs .usp-koenig-sq { border-radius: 1px; }
.tvs .usp-row-label { padding: 20px 16px 20px 0; font-size:13px !important; font-weight: 600; color: var(--light-sub); border-bottom: 1px solid var(--light-border); display: flex; align-items: center; gap: 10px; }
.tvs .usp-row-label:last-child { border-bottom: none; }
.tvs .usp-row-label-arrow { color: var(--blue); font-size:16px !important; }
.tvs .usp-row-koenig { padding: 18px 24px; border-bottom: 1px solid rgba(6,148,209,0.12); display: flex; align-items: center; gap: 10px; font-size:14px !important; font-weight: 600; color: var(--white); }
.tvs .usp-row-koenig:last-child { border-bottom: none; }
.tvs .usp-row-others { padding: 18px 20px; border-bottom: 1px solid var(--light-border); display: flex; align-items: center; gap: 10px; font-size:13px !important; color: var(--light-sub); }
.tvs .usp-row-others:last-child { border-bottom: none; }
.tvs .usp-check { width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; background: rgba(16,217,100,0.12); border: 1px solid rgba(16,217,100,0.3); display: flex; align-items: center; justify-content: center; font-size:10px !important; color: #10d964; }
.tvs .usp-cross { width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.25); display: flex; align-items: center; justify-content: center; font-size:10px !important; color: rgba(239,68,68,0.7); }
@media(max-width:700px) {
.tvs .usp-sec { padding: 40px 16px; }
.tvs .usp-table { grid-template-columns: 120px 1fr 1fr; }
.tvs .usp-row-label { font-size:11px !important; }
.tvs .usp-row-koenig, .tvs .usp-row-others { font-size:12px !important; padding: 14px 12px; }
 
}
.tvs .features-header { max-width: 1200px; margin: 0 auto 40px; }
.tvs .features-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; background: var(--light-border); border: 1px solid var(--light-border); border-radius: var(--r16); overflow: hidden; }
.tvs .feat-card { background: var(--light-white); padding: 36px; transition: all 0.3s; position: relative; overflow: hidden; border: 1px solid var(--light-border); }
.tvs .feat-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background: linear-gradient(90deg, var(--blue), var(--sky)); transform: scaleX(0); transform-origin: left; transition: transform 0.3s; }
.tvs .feat-card:hover { background: var(--off); }
.tvs .feat-card:hover::before { transform: scaleX(1); }
.tvs .feat-title { font-family: var(--display); font-size:clamp(18px, 2vw, 22px) !important; letter-spacing: -0.01em; color: var(--light-text); margin-bottom: 10px; font-weight: 700; }
.tvs .feat-desc { font-size:15px !important; color: var(--light-sub); line-height: 1.7; }
.tvs .feat-stat { margin-top: 16px; font-size:13px !important; font-weight: 700; color: var(--blue); }
.tvs .mtt-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.tvs .mtt-card { background: rgba(8,24,42,0.60) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(6,148,209,0.20) !important; border-radius: 14px; padding: 20px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.30); cursor: pointer; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.tvs .mtt-card::before { display: none !important; }
.tvs .mtt-card:hover { background: rgba(8,24,42,0.60) !important; transform: translateY(-6px); border-color: rgba(6,148,209,0.50) !important; box-shadow: 0 8px 28px rgba(6,148,209,0.15); }
.tvs .mtt-card:hover .mtt-arrow { background: #0694D1; border-color: #0694D1; color: #fff; }
.tvs .mtt-card:hover .mtt-title { color: #3AB6EB; }
.tvs .mtt-title { font-size:14px !important; font-weight: 700; color: #fff; line-height: 1.3; margin: 0; transition: color 0.2s; }
.tvs .mtt-arrow { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; border: 1px solid rgba(6,148,209,0.40); color: #3AB6EB; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.tvs .mtt-count { font-size:13px !important; font-weight: 600; color: #3AB6EB; margin: 0 0 14px; }
.tvs .mtt-divider { height: 1px; background: rgba(6,148,209,0.18); margin-bottom: 12px; }
.tvs .mtt-paths-label { font-size:11.5px !important; color: rgba(255,255,255,0.38); margin: 0 0 8px; }
.tvs .mtt-tag { display: inline-block; border-radius: 999px; padding: 3px 10px; font-size:11px !important; font-weight: 600; background: rgba(6,148,209,0.18); color: #3AB6EB; border: 1px solid rgba(6,148,209,0.35); }
.tvs .mtt-nav { display: none; }
.tvs .mtt-nav-btn { width: 36px; height: 36px; border-radius: 50%; background: rgba(6,148,209,0.18); border: 1px solid rgba(6,148,209,0.4); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; transition: background 0.2s, opacity 0.2s; font-family: inherit; }
.tvs .mtt-nav-btn:hover { background: rgba(6,148,209,0.32); }
.tvs .mtt-nav-btn.is-disabled { opacity: 0.35; cursor: default; pointer-events: none; }
.tvs .mtt-nav-count { font-size:13px !important; font-weight: 600; color: rgba(255,255,255,0.7); min-width: 50px; text-align: center; }
@media (max-width: 900px) {
.tvs .mtt-grid { grid-template-columns: repeat(2, 1fr); }
 
}
@media (max-width: 600px) {
.tvs .mtt-nav { display: flex !important; align-items: center; justify-content: center; gap: 16px; margin-top: 18px; }
.tvs .mtt-grid {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth;
    gap: 12px !important;
    padding: 4px 4px 16px !important;
    margin: 0 -16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
.tvs .mtt-grid::-webkit-scrollbar { display: none; }
.tvs .mtt-grid .mtt-card {
    flex: 0 0 calc(100% - 24px) !important;
    width: calc(100% - 24px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    box-sizing: border-box !important;
  }


}
.tvs .hiw-sec { background: var(--ink); padding: 40px 48px; border-top: 1px solid rgba(255,255,255,0.04); overflow: hidden; position: relative; }
.tvs .hiw-sec::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 900px 500px at 50% 0%, rgba(6,148,209,0.07) 0%, transparent 70%); }
.tvs .hiw-sec::after { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(6,148,209,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(6,148,209,0.03) 1px, transparent 1px); background-size: 48px 48px; }
.tvs .hiw-sec .sec-label { color: var(--blue); }
.tvs .hiw-sec .sec-title { color: var(--white); }
.tvs .hiw-sec .sec-sub { color: rgba(255,255,255,0.5); }
.tvs .hiw-sec p { color: rgba(255,255,255,0.55); }
.tvs .hiw-banner { max-width: 860px; margin: 0 auto 80px; display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; gap: 0; background: rgba(255,255,255,0.02); border: 1px solid rgba(6,148,209,0.15); border-radius: 20px; overflow: hidden; position: relative; z-index: 1; }
.tvs .hiw-banner::before { content: ''; position: absolute; inset: 0; border-radius: 20px; background: linear-gradient(135deg, rgba(6,148,209,0.06) 0%, transparent 60%); pointer-events: none; }
.tvs .hiw-banner-div { background: rgba(6,148,209,0.12); }
.tvs .hiw-banner-stat { padding: 32px 36px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; position: relative; overflow: hidden; }
.tvs .hiw-banner-stat::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(6,148,209,0.5), transparent); opacity: 0; transition: opacity 0.3s; }
.tvs .hiw-banner-stat:hover::after { opacity: 1; }
.tvs .hiw-banner-num { font-family: var(--display); font-size:clamp(36px, 3.5vw, 52px) !important; font-weight: 800; letter-spacing: -0.03em; line-height: 1; background: linear-gradient(135deg, #ffffff 0%, #50e6ff 60%, #0694D1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .hiw-banner-label { font-size:13px !important; color: rgba(255,255,255,0.55); font-weight: 500; line-height: 1.5; max-width: 200px; }
.tvs .hiw-banner-label strong { color: var(--white); display: block; font-weight: 700; font-size:14px !important; }
.tvs .hiw-banner-tag { margin-top: 6px; display: inline-flex; align-items: center; gap: 5px; font-size:10px !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #0694D1; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.2); padding: 3px 10px; border-radius: 20px; }
.tvs .hiw-header { max-width: 860px; margin: 0 auto 40px; text-align: center; position: relative; z-index: 1; }
.tvs .hiw-steps-wrap { max-width: 700px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
.tvs .hiw-card-border { width: 100%; position: relative; background: linear-gradient(145deg, rgba(6,148,209,0.55) 0%, rgba(80,230,255,0.3) 50%, rgba(6,148,209,0.08) 100%); border-radius: 20px; padding: 1.5px; transition: background 0.3s, box-shadow 0.3s, transform 0.3s; cursor: default; }
.tvs .hiw-card-border:hover { background: linear-gradient(145deg, rgba(6,148,209,0.9) 0%, rgba(80,230,255,0.6) 50%, rgba(6,148,209,0.25) 100%); box-shadow: 0 0 40px rgba(6,148,209,0.18); transform: scale(1.012); }
.tvs .hiw-card-inner { border-radius: 18.5px; background: linear-gradient(145deg, #0d2d45 0%, #071e2e 100%); padding: 28px 32px; display: flex; gap: 20px; align-items: flex-start; transition: background 0.3s; }
.tvs .hiw-card-border:hover .hiw-card-inner { background: linear-gradient(145deg, #0f3150 0%, #071e2e 100%); }
.tvs .hiw-step-badge { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; border: 2px solid #0694D1; background: rgba(6,148,209,0.1); display: flex; align-items: center; justify-content: center; font-size:13px !important; font-weight: 800; color: #0694D1; letter-spacing: 0.5px; box-shadow: 0 0 0 0 rgba(6,148,209,0); transition: box-shadow 0.3s, background 0.3s; position: relative; }
.tvs .hiw-step-badge::before { content: ''; position: absolute; inset: -8px; border-radius: 50%; background: radial-gradient(circle, rgba(6,148,209,0.2) 0%, transparent 70%); opacity: 0; transition: opacity 0.3s; }
.tvs .hiw-card-border:hover .hiw-step-badge { background: rgba(6,148,209,0.18); box-shadow: 0 0 18px rgba(6,148,209,0.35); }
.tvs .hiw-card-border:hover .hiw-step-badge::before { opacity: 1; }
.tvs .hiw-card-body { flex: 1; min-width: 0; }
.tvs .hiw-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.tvs .hiw-card-icon { width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.22); display: flex; align-items: center; justify-content: center; font-size:17px !important; transition: background 0.3s, border-color 0.3s; }
.tvs .hiw-card-border:hover .hiw-card-icon { background: rgba(6,148,209,0.2); border-color: rgba(6,148,209,0.45); }
.tvs .hiw-card-title { font-family: var(--display); font-size:17px !important; font-weight: 700; color: #fff; line-height: 1.2; }
.tvs .hiw-card-desc { font-size:13.5px !important; color: rgba(255,255,255,0.5); line-height: 1.75; }
.tvs .hiw-card-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.tvs .hiw-card-tag { font-size:11px !important; font-weight: 600; color: rgba(255,255,255,0.55); background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.18); padding: 3px 10px; border-radius: 6px; }
.tvs .hiw-card-border.hiw-last { background: linear-gradient(145deg, rgba(6,148,209,0.75) 0%, rgba(80,230,255,0.5) 50%, rgba(6,148,209,0.2) 100%); }
.tvs .hiw-card-border.hiw-last .hiw-card-inner { background: linear-gradient(145deg, #0f3050 0%, #071e2e 100%); }
.tvs .hiw-card-border.hiw-last .hiw-step-badge { border-color: #50e6ff; color: #50e6ff; box-shadow: 0 0 16px rgba(80,230,255,0.3); }
.tvs .hiw-card-border.hiw-last .hiw-card-title { background: linear-gradient(90deg, #fff 0%, #50e6ff 60%, #0694D1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .hiw-connector-v { display: flex; flex-direction: column; align-items: center; padding: 4px 0; transform-origin: top center; }
.tvs .hiw-connector-line { width: 2px; height: 44px; border-radius: 2px; background: linear-gradient(to bottom, rgba(6,148,209,0.7), rgba(80,230,255,0.35)); }
.tvs .hiw-connector-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(6,148,209,0.5); box-shadow: 0 0 0 4px rgba(6,148,209,0.1); margin: 2px 0; }
.tvs .hiw-reveal { opacity: 0; transform: translateY(28px); transition: none; }
.tvs .hiw-reveal.hiw-visible { animation: hiwFadeUp 0.65s cubic-bezier(0.22,1,0.36,1) both; }
.tvs .hiw-line-reveal { opacity: 0; transform: scaleY(0); transform-origin: top center; transition: none; }
.tvs .hiw-line-reveal.hiw-visible { animation: hiwDrawLine 0.8s cubic-bezier(0.22,1,0.36,1) both; }
@keyframes hiwFadeUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hiwDrawLine { from { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } }
@media (max-width: 900px) {
.tvs .hiw-banner { grid-template-columns: 1fr; }
.tvs .hiw-banner-div { display: none; }
.tvs .hiw-card-inner { padding: 22px 20px; gap: 14px; }
 
}
@media (max-width: 560px) {
.tvs .hiw-sec { padding: 40px 20px; }
.tvs .hiw-card-title { font-size:15px !important; }
 
}
.tvs .hiw2-sec { background: #fff; padding: 40px 48px; overflow: hidden; position: relative; border-top: 1px solid rgba(6,148,209,0.08); }
.tvs .hiw2-sec::before { content:''; position:absolute; right:-128px; top:-128px; width:500px; height:500px; background:radial-gradient(circle, rgba(6,148,209,0.18) 0%, transparent 70%); pointer-events:none; border-radius:50%; }
.tvs .hiw2-sec::after { content:''; position:absolute; left:-80px; bottom:0; width:350px; height:350px; background:radial-gradient(circle, rgba(77,191,239,0.18) 0%, transparent 70%); pointer-events:none; border-radius:50%; }
.tvs .hiw2-inner { max-width: 1200px; margin: 0 auto; position: relative; }
.tvs .hiw2-header { text-align: center; margin-bottom: 52px; }
.tvs .hiw2-pill { display: inline-block; background: rgba(6,148,209,0.1); color: var(--blue); font-size:11px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 5px 16px; border-radius: 20px; margin-bottom: 14px; }
.tvs .hiw2-h2 { font-size:24px !important; font-weight: 800; color: var(--ink); margin-bottom: 10px; line-height: 1.4; letter-spacing: -0.015em; }
.tvs .hiw2-h2 span { background: linear-gradient(90deg, var(--blue), #50e6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .hiw2-sub { font-size:15px !important; color: #7a9ab0; max-width: 520px; margin: 0 auto; line-height: 1.65; }
.tvs .hiw2-steps-wrap { position: relative; margin-bottom: 52px; }
.tvs .hiw2-connector { display: none; position: absolute; top: 52px; left: 12.5%; right: 12.5%; height: 2px; background: linear-gradient(to right, var(--blue), #4DBFEF, var(--blue)); pointer-events: none; }
@media (min-width: 1024px) {
.tvs .hiw2-connector { display: block; }
 
}
.tvs .hiw2-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; align-items: stretch; }
.tvs .hiw2-step { display: flex; flex-direction: column; align-items: center; cursor: pointer; }
.tvs .hiw2-icon-wrap { position: relative; z-index: 1; margin-bottom: 24px; }
.tvs .hiw2-icon-ring { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size:28px !important; border: 4px solid #f0f9ff; transition: all 0.3s ease; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.tvs .hiw2-step.active .hiw2-icon-ring { background: var(--blue); box-shadow: 0 8px 30px rgba(6,148,209,0.35); transform: scale(1.1) translateY(-6px); }
.tvs .hiw2-num-badge { position: absolute; top: -4px; right: -4px; width: 24px; height: 24px; border-radius: 50%; background: var(--ink); color: #fff; font-size:11px !important; font-weight: 800; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.tvs .hiw2-step.active .hiw2-num-badge { background: var(--blue); transform: scale(1.2); }
@keyframes hiwPulse { 0%{box-shadow:0 0 0 0 rgba(6,148,209,0.5)} 70%{box-shadow:0 0 0 18px rgba(6,148,209,0)} 100%{box-shadow:0 0 0 0 rgba(6,148,209,0)} }
.tvs .hiw2-pulse-ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(6,148,209,0.4); animation: hiwPulse 1.8s ease-out infinite; pointer-events: none; }
.tvs .hiw2-card { width: 100%; flex: 1; background: #fff; border: 2px solid #e8f4fa; border-radius: 18px; padding: 22px 20px; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
.tvs .hiw2-step.active .hiw2-card { border-color: var(--blue); box-shadow: 0 20px 40px rgba(6,148,209,0.12); transform: translateY(-4px); }
.tvs .hiw2-step-label { font-size:11px !important; font-weight: 800; letter-spacing: 0.12em; color: var(--blue); margin-bottom: 8px; text-transform: uppercase; }
.tvs .hiw2-card-title { font-size:16px !important; font-weight: 700; color: var(--ink); margin-bottom: 10px; line-height: 1.3; transition: color 0.3s; }
.tvs .hiw2-step.active .hiw2-card-title { color: var(--blue); }
.tvs .hiw2-card-desc { font-size:13.5px !important; color: #7a9ab0; line-height: 1.65; margin-bottom: 16px; }
.tvs .hiw2-dots { display: flex; align-items: center; justify-content: center; gap: 6px; }
.tvs .hiw2-dot { border-radius: 20px; height: 8px; transition: all 0.3s ease; }
.tvs .hiw2-cta-row { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.tvs .hiw2-btn-primary { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: #fff; font-size:14px !important; font-weight: 700; padding: 12px 28px; border-radius: var(--r8); border: none; cursor: pointer; font-family: var(--body); transition: transform 0.2s, box-shadow 0.2s, filter 0.2s; box-shadow: 0 4px 16px rgba(6,148,209,0.3); }
.tvs .hiw2-btn-primary:hover { filter: brightness(1.1); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(6,148,209,0.4); }
.tvs .hiw2-btn-arrow { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(255,255,255,0.18); transition: transform 0.2s; }
.tvs .hiw2-btn-primary:hover .hiw2-btn-arrow { transform: translateX(4px); }
.tvs .hiw2-btn-outline { display: inline-flex; align-items: center; background: transparent; border: 1.5px solid var(--blue); color: var(--blue); font-size:14px !important; font-weight: 700; padding: 11px 26px; border-radius: var(--r8); cursor: pointer; font-family: var(--body); transition: background 0.2s, color 0.2s, box-shadow 0.2s; }
.tvs .hiw2-btn-outline:hover { background: rgba(6,148,209,0.06); color: var(--blue); }
@media (max-width: 900px) {
.tvs .hiw2-sec { padding: 40px 24px; }
.tvs .hiw2-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
 
}
@media (max-width: 540px) {
.tvs .hiw2-sec { padding: 40px 16px; }
.tvs .hiw2-grid { grid-template-columns: 1fr !important; }
 
}
.tvs .learn-sec { background: var(--light-bg); padding: 40px 48px; position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.04); }
.tvs .learn-sec::before { content:''; position:absolute; inset:0; pointer-events:none; background: radial-gradient(ellipse 900px 500px at 50% 0%, rgba(6,148,209,0.07), transparent 70%); }
.tvs .learn-sec::after { content:''; position:absolute; inset:0; pointer-events:none; background-image: linear-gradient(rgba(6,148,209,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(6,148,209,0.03) 1px, transparent 1px); background-size: 48px 48px; }
.tvs .learn-inner { max-width: 700px; margin: 0 auto; position: relative; z-index: 1; }
.tvs .learn-header { text-align: center; margin-bottom: 56px; }
.tvs .learn-badge { display: inline-flex; align-items: center; padding: 3px 12px; border-radius: 20px; margin-bottom: 10px; font-size:10px !important; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; background: linear-gradient(90deg, #0694D1, #50e6ff); color: var(--ink); box-shadow: 0 3px 12px rgba(6,148,209,0.35); }
.tvs .learn-badge.amber { background: linear-gradient(90deg, #f59e0b, #fbbf24); box-shadow: 0 3px 12px rgba(245,158,11,0.3); }
.tvs .learn-badge.green { background: linear-gradient(90deg, #10b981, #34d399); box-shadow: 0 3px 12px rgba(16,185,129,0.3); }
.tvs .learn-badge.purple { background: linear-gradient(90deg, #8b5cf6, #a78bfa); box-shadow: 0 3px 12px rgba(139,92,246,0.3); }
.tvs .learn-icon-wrap { width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.22); display: flex; align-items: center; justify-content: center; font-size:17px !important; transition: background 0.3s, border-color 0.3s; }
.tvs .hiw-card-border:hover .learn-icon-wrap { background: rgba(6,148,209,0.2); border-color: rgba(6,148,209,0.45); }
.tvs .learn-card-body { flex: 1; min-width: 0; }
.tvs .learn-title { font-family: var(--display); font-size:17px !important; font-weight: 700; color: var(--white); line-height: 1.2; }
.tvs .learn-desc { font-size:13.5px !important; color: rgba(255,255,255,0.5); line-height: 1.75; margin-top: 6px; }
.tvs .learn-features { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.tvs .learn-feature { display: flex; align-items: center; gap: 5px; font-size:11.5px !important; font-weight: 600; color: rgba(255,255,255,0.6); background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.18); padding: 3px 10px; border-radius: 6px; }
.tvs .learn-check { color: #0694D1; font-size:10px !important; }
.tvs .learn-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.06); }
.tvs .learn-price { font-size:11px !important; color: rgba(255,255,255,0.35); font-weight: 500; white-space: nowrap; }
.tvs .learn-price strong { font-size:20px !important; font-weight: 800; color: var(--white); font-family: var(--display); margin-right: 3px; }
.tvs .learn-cta { padding: 9px 18px; border-radius: 9px; border: 1.5px solid rgba(6,148,209,0.4); background: transparent; color: var(--blue); font-family: var(--body); font-size:12px !important; font-weight: 700; cursor: pointer; transition: all 0.22s; white-space: nowrap; }
.tvs .learn-cta:hover { background: rgba(6,148,209,0.12); border-color: #0694D1; color: var(--white); }
.tvs .hiw-card-border.learn-featured { background: linear-gradient(145deg, rgba(6,148,209,0.75) 0%, rgba(80,230,255,0.5) 50%, rgba(6,148,209,0.2) 100%); }
.tvs .hiw-card-border.learn-featured .hiw-card-inner { background: linear-gradient(145deg, #0f3050 0%, #071e2e 100%); }
.tvs .hiw-card-border.learn-featured .learn-cta { background: linear-gradient(135deg, #0694D1, #076d9d); border-color: transparent; color: var(--white); box-shadow: 0 4px 14px rgba(6,148,209,0.3); }
@media (max-width: 560px) {
.tvs .learn-sec { padding: 40px 20px; }
.tvs .learn-footer { flex-direction: column; align-items: flex-start; }
 
}
.tvs .certs-sec { background: var(--light-bg); padding: 40px 48px; border-top: 1px solid var(--light-border); }
.tvs .certs-inner { max-width: var(--container); margin: 0 auto; }
.tvs .certs-header { margin-bottom: 20px; }
.tvs .certs-header .sec-label { color: var(--blue); }
.tvs .certs-header .sec-title { color: var(--light-text); }
.tvs .certs-header-sub { font-size:15px !important; color: var(--light-sub); margin-top: 10px; max-width: 620px; line-height: 1.6; }
.tvs .cert-section-top-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
@keyframes tab-shimmer { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
.tvs .tab-shimmer-border { padding: 2.5px; border-radius: 22px; background: linear-gradient(120deg, #0694D1, #22d3ee, #a8d8ff, #50e6ff, #0694D1); background-size: 300% 300%; animation: tab-shimmer 2.8s ease infinite; box-shadow: 0 0 22px rgba(6,148,209,0.32), 0 6px 28px rgba(6,148,209,0.14); display: inline-flex; }
.tvs .tab-shimmer-inner { display: inline-flex; background: white; border-radius: 20px; padding: 6px; gap: 6px; }
.tvs .cert-mode-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; flex-shrink: 0; margin-top: 4px; }
.tvs .cert-mode-label { font-size:10px !important; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--light-sub); }
.tvs .cert-mode-toggle { display: inline-flex; align-items: stretch; background: #fff; border: 2px solid rgba(6,148,209,0.2); border-radius: 16px; padding: 5px; gap: 4px; flex-shrink: 0; box-shadow: 0 4px 20px rgba(6,148,209,0.1), 0 1px 4px rgba(0,0,0,0.06); }
.tvs .cert-mode-btn { position: relative; border: none; background: transparent; padding: 11px 20px; border-radius: 11px; font-size:13px !important; font-weight: 700; color: var(--light-sub); cursor: pointer; transition: color 0.22s; white-space: nowrap; overflow: hidden; font-family: var(--body); min-width: 148px; }
.tvs .cert-mode-btn.active { color: var(--white); }
.tvs .cert-mode-btn:not(.active):hover { color: var(--light-text); background: rgba(6,148,209,0.05); border-radius: 11px; }
.tvs .cert-mode-active-bg { position: absolute; inset: 0; border-radius: 11px; background: linear-gradient(135deg, #0694D1 0%, #046fa3 100%); box-shadow: 0 6px 20px rgba(6,148,209,0.5), inset 0 1px 0 rgba(255,255,255,0.15); z-index: 0; }
.tvs .cert-mode-btn-content { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 9px; }
.tvs .cert-mode-icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0; transition: all 0.22s; }
.tvs .cert-mode-btn:not(.active) .cert-mode-icon { background: rgba(6,148,209,0.08); }
.tvs .cert-mode-btn.active .cert-mode-icon { background: rgba(255,255,255,0.18); }
.tvs .cert-mode-text { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; }
.tvs .cert-mode-text-main { font-size:13px !important; font-weight: 700; line-height: 1; }
.tvs .cert-mode-text-sub { font-size:10px !important; font-weight: 500; opacity: 0.75; line-height: 1; }
.tvs .cert-mode-divider { width: 1px; background: rgba(6,148,209,0.15); align-self: stretch; margin: 4px 0; flex-shrink: 0; }
.tvs .cert-panel-search { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #fff; border: 1.5px solid rgba(6,148,209,0.35); border-radius: 9px; flex-shrink: 0; width: 200px; box-shadow: 0 1px 6px rgba(6,148,209,0.08); transition: box-shadow 0.2s, border-color 0.2s; }
.tvs .cert-panel-search:focus-within { border-color: #0694D1; box-shadow: 0 0 0 3px rgba(6,148,209,0.14); }
.tvs .cert-panel-search-input { flex: 1; min-width: 0; font-size:12px !important; font-weight: 500; color: var(--light-text); background: transparent; border: none; outline: none; font-family: inherit; }
.tvs .cert-panel-search-input::placeholder { color: #a0b4c0; font-weight: 400; }
.tvs .cert-panel-search-clear { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; background: rgba(0,0,0,0.07); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--light-sub); transition: background 0.15s, color 0.15s; }
.tvs .cert-panel-search-clear:hover { background: rgba(6,148,209,0.15); color: var(--blue); }
.tvs .certs-search-wrap { position: relative; display: flex; align-items: center; max-width: 640px; margin-top: 24px; background: var(--light-white); border: 1.5px solid var(--light-border); border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: border-color 0.2s, box-shadow 0.2s; }
.tvs .certs-search-wrap:focus-within { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(6,148,209,0.12), 0 2px 8px rgba(0,0,0,0.06); }
.tvs .certs-search-icon { position: absolute; left: 14px; color: var(--light-sub); pointer-events: none; flex-shrink: 0; transition: color 0.2s; }
.tvs .certs-search-wrap:focus-within .certs-search-icon { color: var(--blue); }
.tvs .certs-search-input { width: 100%; padding: 13px 44px 13px 44px; font-size:14px !important; font-weight: 500; color: var(--light-text); background: transparent; border: none; outline: none; font-family: inherit; }
.tvs .certs-search-input::placeholder { color: var(--light-sub); font-weight: 400; }
.tvs .certs-search-clear { position: absolute; right: 12px; width: 26px; height: 26px; border-radius: 50%; background: rgba(0,0,0,0.07); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--light-sub); transition: background 0.15s, color 0.15s; }
.tvs .certs-search-clear:hover { background: rgba(6,148,209,0.15); color: var(--blue); }
.tvs .certs-search-kbd { position: absolute; right: 12px; font-size:11px !important; font-weight: 600; color: var(--light-sub); background: var(--light-bg); border: 1px solid var(--light-border); border-radius: 5px; padding: 2px 7px; pointer-events: none; white-space: nowrap; }
.tvs .cert-track-tag { display: inline-block; font-size:10px !important; font-weight: 700; color: var(--blue); background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.2); border-radius: 4px; padding: 2px 7px; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.4px; }
.tvs .certs-no-results { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 20px; text-align: center; }
.tvs .certs-layout { display: grid; grid-template-columns: 248px 1fr; gap: 0; border: 1px solid var(--light-border); border-radius: 20px; align-items: start; box-shadow: 0 4px 32px rgba(6,148,209,0.06), 0 1px 4px rgba(0,0,0,0.04); }
.tvs .cert-right { display: flex; flex-direction: column; overflow: visible; border-radius: 0 20px 20px 0; border-left: none; min-width: 0; }
.tvs .cert-sidebar { background: var(--light-white); border-right: 1px solid var(--light-border); border-radius: 20px 0 0 20px; display: flex; flex-direction: column; overflow: hidden; position: sticky; top: 72px; max-height: calc(100vh - 88px); align-self: start; }
.tvs .cert-sidebar::after { display: none; }
.tvs .cert-sidebar-scroll { flex: 1; overflow-y: scroll; overflow-x: hidden; padding: 8px 0 24px; scrollbar-width: thin; scrollbar-color: rgba(6,148,209,0.4) rgba(6,148,209,0.06); }
.tvs .cert-sidebar-scroll::-webkit-scrollbar { width: 5px; }
.tvs .cert-sidebar-scroll::-webkit-scrollbar-track { background: rgba(6,148,209,0.05); border-radius: 4px; }
.tvs .cert-sidebar-scroll::-webkit-scrollbar-thumb { background: rgba(6,148,209,0.35); border-radius: 4px; }
.tvs .cert-sidebar-scroll::-webkit-scrollbar-thumb:hover { background: rgba(6,148,209,0.6); }
.tvs .cert-sidebar-bottom { flex-shrink: 0; border-top: 1px solid var(--light-border); background: var(--light-white); padding: 0; }
.tvs .cert-sidebar-label { font-size:10px !important; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); padding: 10px 16px 5px; display: flex; align-items: center; gap: 6px; }
.tvs .cert-sidebar-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, rgba(6,148,209,0.25), transparent); border-radius: 1px; }
.tvs .cert-sidebar-divider-line { height: 1px; margin: 4px 12px; background: var(--light-border); }
.tvs .cert-sidebar-item { display: flex; align-items: center; gap: 8px; padding: 5px 14px 5px 12px; cursor: pointer; transition: all 0.18s; border: none; background: transparent; text-align: left; width: 100%; position: relative; border-left: 3px solid transparent; }
.tvs .cert-sidebar-item:hover { background: rgba(6,148,209,0.06); }
.tvs .cert-sidebar-item.active { background: linear-gradient(90deg, rgba(6,148,209,0.10), rgba(6,148,209,0.03)); border-left-color: var(--blue); }
.tvs .cert-sidebar-item.active .csi-label { color: var(--blue); font-weight: 700; }
.tvs .cert-sidebar-item.active .csi-count { background: rgba(6,148,209,0.12); color: var(--blue); border-color: rgba(6,148,209,0.3); }
.tvs .csi-icon { width: 26px; height: 26px; flex-shrink: 0; opacity: 0.6; transition: opacity 0.2s, transform 0.18s; display: flex; align-items: center; justify-content: center; border-radius: 7px; }
.tvs .csi-body { flex: 1; min-width: 0; display: flex; align-items: center; }
.tvs .cert-tech-search { display: flex; align-items: center; gap: 6px; margin: 0 12px 6px; padding: 5px 8px; border: 1px solid var(--light-border); border-radius: 8px; background: var(--light-bg); transition: border-color 0.2s; }
.tvs .cert-tech-search:focus-within { border-color: rgba(6,148,209,0.45); }
.tvs .cert-tech-search-input { flex: 1; min-width: 0; border: none; outline: none; background: transparent; font-size:11.5px !important; color: var(--light-text); font-family: inherit; }
.tvs .cert-tech-search-input::placeholder { color: #9bb3c5; }
.tvs .cert-tech-search-clear { background: none; border: none; cursor: pointer; font-size:13px !important; color: #9bb3c5; line-height: 1; padding: 0; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; }
.tvs .cert-tech-search-clear:hover { color: var(--blue); }
.tvs .cert-tech-list { max-height: 288px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(6,148,209,0.3) transparent; }
.tvs .cert-tech-list::-webkit-scrollbar { width: 4px; }
.tvs .cert-tech-list::-webkit-scrollbar-track { background: transparent; }
.tvs .cert-tech-list::-webkit-scrollbar-thumb { background: rgba(6,148,209,0.3); border-radius: 4px; }
.tvs .cert-sidebar-item:hover .csi-icon { opacity: 0.85; transform: scale(1.05); }
.tvs .cert-sidebar-item.active .csi-icon { opacity: 1; transform: scale(1.08); background: rgba(6,148,209,0.08); }
.tvs .csi-body { flex: 1; min-width: 0; display: flex; align-items: center; }
.tvs .csi-label { font-size:13px !important; font-weight: 600; color: var(--light-text); line-height: 1; transition: color 0.2s; display: block; }
.tvs .csi-count { font-size:11px !important; font-weight: 700; color: var(--light-sub); background: var(--light-bg); border: 1px solid var(--light-border); padding: 2px 8px; border-radius: 20px; flex-shrink: 0; transition: all 0.2s; min-width: 28px; text-align: center; }
.tvs .cert-sidebar-divider { height: 1px; background: var(--light-border); margin: 6px 0; }
.tvs .cert-filter-list { padding: 2px 12px 8px; display: flex; flex-direction: column; gap: 0; }
.tvs .cert-filter-item { display: flex; align-items: center; gap: 8px; padding: 4px 4px; border: none; background: transparent; cursor: pointer; width: 100%; text-align: left; border-radius: 5px; transition: background 0.15s; }
.tvs .cert-filter-item:hover { background: rgba(6,148,209,0.05); }
.tvs .cert-filter-checkbox { width: 14px; height: 14px; flex-shrink: 0; border: 1.5px solid #b0c8d8; border-radius: 3px; display: flex; align-items: center; justify-content: center; transition: all 0.15s; background: #fff; }
.tvs .cert-filter-item.active .cert-filter-checkbox { background: var(--blue); border-color: var(--blue); }
.tvs .cert-filter-checkbox svg { display: none; }
.tvs .cert-filter-item.active .cert-filter-checkbox svg { display: block; }
.tvs .cert-filter-label { flex: 1; font-size:13px !important; font-weight: 600; color: var(--light-text); }
.tvs .cert-filter-item.active .cert-filter-label { color: var(--blue); }
.tvs .cert-filter-count { font-size:11px !important; font-weight: 600; color: var(--light-sub); }
.tvs .csi-brochure-mid { margin: 6px 10px; padding: 12px 14px; border-radius: 12px; background: var(--light-bg); border: 1px solid var(--light-border); display: flex; align-items: center; gap: 10px; box-shadow: 0 4px 16px rgba(6,148,209,0.06); }
.tvs .csi-brochure-icon { font-size:18px !important; flex-shrink: 0; width: 34px; height: 34px; border-radius: 9px; background: rgba(6,148,209,0.18); display: flex; align-items: center; justify-content: center; }
.tvs .csi-brochure-text { flex: 1; min-width: 0; }
.tvs .csi-brochure-title { font-size:12px !important; font-weight: 700; color: var(--light-text); line-height: 1.3; }
.tvs .csi-brochure-sub { font-size:10px !important; color: var(--light-sub); margin-top: 2px; }
.tvs .csi-brochure-btn { flex-shrink: 0; padding: 6px 11px; border-radius: 7px; background: linear-gradient(135deg, #0694D1, #0578b3); border: none; color: #fff; font-size:11px !important; font-weight: 700; cursor: pointer; font-family: inherit; white-space: nowrap; box-shadow: 0 2px 8px rgba(6,148,209,0.4); transition: box-shadow 0.2s, transform 0.2s; }
.tvs .cert-sidebar-actions { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px 16px; }
.tvs .csa-enquire, .tvs .csa-brochure { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; padding: 11px 14px; border-radius: 10px; font-size:13.5px !important; font-weight: 700; cursor: pointer; font-family: inherit; transition: all 0.2s; border: none; letter-spacing: 0.1em; }
.tvs .csa-enquire { background: var(--blue); color: #fff; box-shadow: 0 4px 16px rgba(6,148,209,0.3); }
.tvs .csa-brochure { background: transparent; color: var(--blue); border: 1.5px solid var(--blue) !important; }
.tvs .cert-info-panel { background: #fff; border-bottom: 1px solid var(--light-border); display: flex; flex-direction: column; flex-shrink: 0; padding: 20px 28px 16px; gap: 14px; position: relative; }
.tvs .cert-info-panel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--blue), #50e6ff, var(--blue)); background-size: 200% 100%; animation: shimmer-line 3s linear infinite; }
@keyframes shimmer-line { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
.tvs .cert-info-row1 { display: flex; align-items: center; gap: 16px; }
.tvs .cert-info-logo { width: 48px; height: 48px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: rgba(6,148,209,0.07); border-radius: 12px; border: 1px solid rgba(6,148,209,0.14); padding: 5px; }
.tvs .cert-info-identity { flex: 1; min-width: 0; }
.tvs .cert-info-name { font-size:18px !important; font-weight: 800; color: var(--light-text); letter-spacing: -0.2px; line-height: 1.2; margin-bottom: 3px; }
.tvs .cert-info-desc { font-size:12.5px !important; color: var(--light-sub); line-height: 1.55; }
.tvs .cert-info-enroll { flex-shrink: 0; padding: 11px 26px; border-radius: var(--r8); background: var(--blue); border: none; color: #fff; font-family: inherit; font-size:14px !important; font-weight: 700; cursor: pointer; letter-spacing: 0.15px; box-shadow: 0 4px 16px rgba(6,148,209,0.3); transition: background 0.2s, box-shadow 0.2s, transform 0.2s; white-space: nowrap; }
.tvs .cert-info-row2 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 4px; border-top: 1px solid var(--light-border); }
.tvs .cert-info-pills { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.tvs .cert-info-pill { display: inline-flex; align-items: center; gap: 5px; font-size:11.5px !important; font-weight: 600; color: #0578b3; background: rgba(6,148,209,0.07); border: 1px solid rgba(6,148,209,0.18); padding: 4px 10px; border-radius: 20px; }
.tvs .cert-info-pill-dot { font-size:10px !important; color: #059669; font-weight: 800; }
.tvs .cert-sidebar-hamburger { display: none; width: 100%; align-items: center; gap: 10px; padding: 10px 14px; border: none; background: #fff; border-bottom: 1px solid var(--light-border); cursor: pointer; font-family: inherit; text-align: left; }
.tvs .cert-sidebar-hamburger-logo { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }
.tvs .cert-sidebar-hamburger-label { font-size:13px !important; font-weight: 700; color: var(--light-text); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tvs .cert-sidebar-hamburger-count { font-size:11px !important; font-weight: 700; color: var(--blue); background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.25); border-radius: 20px; padding: 2px 9px; flex-shrink: 0; }
.tvs .cert-sidebar-hamburger-icon { color: var(--light-sub); flex-shrink: 0; transition: transform 0.2s; }
.tvs .cert-sidebar-dropdown { position: absolute; top: 100%; left: 0; right: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--light-border); box-shadow: 0 8px 32px rgba(6,148,209,0.12), 0 2px 8px rgba(0,0,0,0.06); max-height: 340px; overflow-y: auto; }
@media (max-width: 900px) {
.tvs .cert-sidebar-hamburger { display: flex; }
.tvs .cert-sidebar { position: relative; flex-direction: column; padding: 0; overflow: visible; }
.tvs .cert-sidebar-scroll { display: none; }
.tvs .cert-sidebar-bottom { display: none; }


}
.tvs .cert-mobile-pagination { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 16px 0 8px; flex-shrink: 0; }
.tvs .cert-mpag-btn { width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid rgba(6,148,209,0.3); background: #fff; color: var(--blue); font-size:20px !important; font-weight: 700; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; font-family: inherit; }
.tvs .cert-mpag-btn:disabled { opacity: 0.3; cursor: not-allowed; }
.tvs .cert-mpag-info { font-size:13px !important; font-weight: 700; color: var(--light-text); min-width: 80px; text-align: center; }
.tvs .cert-level-tabs { display: flex; gap: 5px; flex-shrink: 0; }
.tvs .cert-level-tab { display: inline-flex; align-items: center; gap: 6px; padding: 5px 13px; border-radius: 20px; font-size:12px !important; font-weight: 700; border: 1.5px solid transparent; cursor: pointer; font-family: inherit; transition: all 0.18s; background: var(--light-bg); color: var(--light-sub); }
.tvs .cert-level-tab[data-lv="all"] { --lc: #0694D1; }
.tvs .cert-level-tab[data-lv="popular"] { --lc: #e11d48; }
.tvs .cert-level-tab[data-lv="fund"] { --lc: #059669; }
.tvs .cert-level-tab[data-lv="assoc"] { --lc: #0578b3; }
.tvs .cert-level-tab[data-lv="expert"] { --lc: #d97706; }
.tvs .cert-level-tab:hover { color: var(--lc); border-color: var(--lc); background: rgba(0,0,0,0.02); }
.tvs .cert-level-tab.active { color: #fff; background: var(--lc); border-color: var(--lc); }
.tvs .cert-level-tab-count { font-size:10px !important; font-weight: 800; background: rgba(255,255,255,0.25); padding: 1px 6px; border-radius: 10px; }
.tvs .cert-level-tab:not(.active) .cert-level-tab-count { background: var(--light-border); color: var(--light-sub); }
.tvs .cert-panel-level-bar { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 10px 16px; background: #f8fafc; border-bottom: 1px solid rgba(6,148,209,0.1); flex-shrink: 0; }
.tvs .cert-panel-lv-btn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 14px; border-radius: 20px; font-size:12px !important; font-weight: 700; border: 1.5px solid transparent; cursor: pointer; font-family: inherit; transition: all 0.18s; background: #fff; color: var(--light-sub); }
.tvs .cert-panel-lv-btn[data-lv="all"] { --lc: #0694D1; }
.tvs .cert-panel-lv-btn[data-lv="popular"] { --lc: #e11d48; }
.tvs .cert-panel-lv-btn[data-lv="fund"] { --lc: #059669; }
.tvs .cert-panel-lv-btn[data-lv="assoc"] { --lc: #0578b3; }
.tvs .cert-panel-lv-btn[data-lv="expert"] { --lc: #d97706; }
.tvs .cert-panel-lv-btn:hover { color: var(--lc); border-color: var(--lc); }
.tvs .cert-panel-lv-btn.active { color: #fff; background: var(--lc); border-color: var(--lc); }
.tvs .cert-panel-lv-count { font-size:10px !important; font-weight: 800; background: rgba(255,255,255,0.25); padding: 1px 6px; border-radius: 10px; }
.tvs .cert-panel-lv-btn:not(.active) .cert-panel-lv-count { background: rgba(6,148,209,0.08); color: var(--light-sub); }
.tvs .cf-bar { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--light-border); background: #fff; flex-shrink: 0; }
.tvs .cf-bar-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.tvs .cf-view-toggle { display: flex; align-items: center; gap: 2px; border: 1px solid var(--light-border); border-radius: 6px; overflow: hidden; }
.tvs .cf-view-btn { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: transparent; border: none; cursor: pointer; color: #8baabf; transition: all 0.15s; }
.tvs .cf-view-btn.active { background: rgba(6,148,209,0.08); color: #0078D4; }
.tvs .cf-result-count-inline { font-size:12px !important; color: var(--light-sub); font-weight: 500; white-space: nowrap; }
.tvs .cf-search-wrap { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; background: #F0F6FB; border: 1.5px solid #B5D4F4; border-radius: 8px; padding: 6px 11px; transition: border-color 0.2s, box-shadow 0.2s; }
.tvs .cf-search-wrap:focus-within { border-color: #0078D4; box-shadow: 0 0 0 3px rgba(0,120,212,0.1); }
.tvs .cf-search-input { flex: 1; min-width: 0; font-size:12.5px !important; font-weight: 500; color: #1a2d3e; background: transparent; border: none; outline: none; font-family: inherit; }
.tvs .cf-search-input::placeholder { color: #8baabf; font-weight: 400; }
.tvs .cf-search-clear { width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; background: rgba(0,0,0,0.08); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #6b8299; transition: all 0.15s; }
.tvs .cf-sort { appearance: none; -webkit-appearance: none; font-size:12px !important; font-weight: 600; font-family: inherit; color: #185FA5; background: #fff; border: 1.5px solid #B5D4F4; border-radius: 8px; padding: 6px 26px 6px 10px; cursor: pointer; flex-shrink: 0; background-repeat: no-repeat; background-position: right 7px center; transition: border-color 0.2s; white-space: nowrap; }
.tvs .cf-filter-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; background: #0078D4; color: #fff; border: none; border-radius: 8px; font-size:12.5px !important; font-weight: 700; cursor: pointer; font-family: inherit; flex-shrink: 0; transition: background 0.15s; }
.tvs .cf-filter-btn-mobile { display: none; align-items: center; gap: 5px; padding: 7px 14px; background: #0078D4; color: #fff; border: none; border-radius: 8px; font-size:13px !important; font-weight: 700; cursor: pointer; font-family: inherit; flex-shrink: 0; transition: background 0.15s; }
.tvs .cf-filter-btn-mobile:hover { background: #006bc4; }
.tvs .cf-filter-badge-mobile { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #fff; color: #0078D4; font-size:11px !important; font-weight: 800; line-height: 1; margin-left: 4px; }
.tvs .cf-filter-badge { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #fff; color: #0078D4; font-size:10px !important; font-weight: 800; }
.tvs .cf-chips-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 7px 14px; border-bottom: 1px solid var(--light-border); background: var(--light-bg); flex-shrink: 0; }
.tvs .cf-chips-label { font-size:11.5px !important; color: var(--light-sub); font-weight: 500; flex-shrink: 0; }
.tvs .cf-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 6px 3px 10px; border-radius: 20px; background: #E8F1FB; border: 1px solid #B5D4F4; font-size:11.5px !important; font-weight: 600; color: #185FA5; }
.tvs .cf-chip-x { background: none; border: none; cursor: pointer; width: 17px; height: 17px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size:14px !important; line-height: 1; color: #185FA5; padding: 0; transition: background 0.15s; font-family: inherit; }
.tvs .cf-clear-all { background: none; border: none; cursor: pointer; font-size:11.5px !important; font-weight: 700; color: #0078D4; padding: 3px 6px; border-radius: 4px; transition: background 0.15s; font-family: inherit; }
.tvs .cf-result-count { margin-left: auto; font-size:11.5px !important; font-weight: 600; color: #6b8299; flex-shrink: 0; white-space: nowrap; }
.tvs .cert-panel { background: #f8fafc; display: flex; flex-direction: column; position: relative; }
.tvs .cert-panel-sticky { flex-shrink: 0; padding: 10px 16px; background: #fff; border-bottom: 1px solid var(--light-border); display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; }
.tvs .cert-sort-select { appearance: none; -webkit-appearance: none; font-size:12px !important; font-weight: 600; font-family: inherit; color: var(--light-text); background: #f4f8fc; border: 1.5px solid rgba(6,148,209,0.2); border-radius: 8px; padding: 5px 28px 5px 10px; cursor: pointer; background-repeat: no-repeat; background-position: right 8px center; transition: border-color 0.2s, box-shadow 0.2s; }
.tvs .cert-scroll-hint { display: inline-flex; align-items: center; gap: 5px; font-size:11px !important; font-weight: 700; color: var(--blue); background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.2); border-radius: 20px; padding: 3px 10px; flex-shrink: 0; animation: hint-bounce 2s ease-in-out infinite; }
@keyframes hint-bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(2px)} }
.tvs .cert-panel-scroll { padding: 16px 18px 24px; }
.tvs .cert-pagination { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 16px 0 20px; }
.tvs .cert-pg-arrow { width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid rgba(6,148,209,0.25); background: #fff; display: flex; align-items: center; justify-content: center; color: #0578b3; cursor: pointer; transition: all 0.18s; font-family: inherit; }
.tvs .cert-pg-arrow:disabled { opacity: 0.3; cursor: not-allowed; }
.tvs .cert-pg-num { min-width: 34px; height: 34px; border-radius: 8px; border: 1.5px solid transparent; background: transparent; font-size:13px !important; font-weight: 600; color: #4a6375; cursor: pointer; transition: all 0.18s; font-family: inherit; padding: 0 8px; }
.tvs .cert-pg-num.active { background: #0694D1; color: #fff; border-color: #0694D1; box-shadow: 0 3px 10px rgba(6,148,209,0.35); }
.tvs .cert-pg-ellipsis { font-size:13px !important; font-weight: 600; color: #94a3b8; padding: 0 4px; line-height: 34px; }
.tvs .cert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.tvs .cert-card { background: #fff; border: 1.5px solid rgba(6,148,209,0.12); border-radius: 14px; padding: 16px 16px 14px; cursor: pointer; transition: all 0.25s; display: flex; flex-direction: column; position: relative; overflow: visible; gap: 0; min-height: 250px; box-shadow: 0 2px 10px rgba(6,148,209,0.07); }
.tvs .cert-card:hover { box-shadow: 0 8px 32px rgba(6,148,209,0.18), 0 2px 8px rgba(0,0,0,0.06); }
.tvs .exam-stat-chips { display: flex; gap: 6px; flex-wrap: nowrap; margin-top: 12px; }
.tvs .exam-chip { font-size:10px !important; font-weight: 600; color: var(--light-sub); padding: 4px 6px; border-radius: 8px; background: var(--light-bg); border: 1px solid var(--light-border); white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; flex: 1; justify-content: center; }
.tvs #certExamCardsGrid .cert-card-actions { margin-top: 10px !important; }
.tvs .cert-hot-badge { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; gap: 4px; height: 20px; font-size:9px !important; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 0 10px 0 8px; border-radius: 0 14px 0 10px; background: linear-gradient(135deg,#0694D1,#22d3ee); color: #fff; border: none; flex-shrink: 0; box-shadow: -2px 2px 8px rgba(6,148,209,0.28); z-index: 2; }
.tvs .cert-badge { display: inline-flex; align-items: center; gap: 3px; font-size:9px !important; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; padding: 3px 9px 3px 7px; border-radius: 20px; margin-bottom: 3px; width: fit-content; border: none; line-height: 1; }
.tvs .cert-badge.fund { background: linear-gradient(135deg,#4DBFEF,#0694D1); color: #fff; box-shadow: 0 2px 8px rgba(6,148,209,0.25); }
.tvs .cert-badge.assoc { background: linear-gradient(135deg,#0694D1,#076D9D); color: #fff; box-shadow: 0 2px 8px rgba(6,108,157,0.3); }
.tvs .cert-badge.expert { background: linear-gradient(135deg,#076D9D,#062238); color: #fff; box-shadow: 0 2px 8px rgba(6,34,56,0.35); }
.tvs .cert-meta-row { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; }
.tvs .cert-enrolled { font-size:10px !important; color: var(--light-sub); font-weight: 600; display: flex; align-items: center; gap: 4px; }
.tvs .cert-enrolled svg { color: var(--blue); }
.tvs .cert-rating { display: flex; align-items: center; gap: 3px; font-size:10px !important; font-weight: 700; color: #d97706; }
.tvs .cert-rating-star { font-size:10px !important; }
.tvs .cert-name { font-size:14px !important; font-weight: 800; color: #071e2e; margin-bottom: 8px; line-height: 1.4; flex: 1; letter-spacing: -0.01em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 59px; transition: color 0.18s; position: relative; }
.tvs .cert-name-wrap { position: relative; flex: 1; margin-top: 10px; }
.tvs .cert-code-row { display: flex; align-items: center; gap: 5px; margin-bottom: 10px; flex-wrap: wrap; }
.tvs .cert-code { display: inline-block; font-size:12px !important; font-family: 'SFMono-Regular', 'Consolas', monospace; color: #0694D1; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.28); padding: 2px 7px; border-radius: 4px; font-weight: 700; letter-spacing: 0.4px; }
.tvs .cert-hours { display: inline-flex; align-items: center; gap: 3px; font-size:12px !important; font-family: 'SFMono-Regular', 'Consolas', monospace; color: #5a7a90; background: rgba(6,148,209,0.05); border: 1px solid rgba(6,148,209,0.14); padding: 2px 7px; border-radius: 4px; font-weight: 600; letter-spacing: 0.3px; }
.tvs .cert-footer { display: flex; flex-direction: column; gap: 8px; margin-top: auto; border-top: 1px solid rgba(6,148,209,0.08); padding-top: 10px; }
.tvs .cert-price-row { display: flex; align-items: center; justify-content: space-between; }
.tvs .cert-price { display: flex; align-items: baseline; gap: 1px; }
.tvs .cert-price-amount { font-size:15px !important; font-weight: 700; color: var(--blue); font-family: var(--display); letter-spacing: -0.3px; line-height: 1; }
.tvs .cert-price-curr { font-size:10px !important; font-weight: 600; color: var(--blue); margin-right: 1px; opacity: 0.8; }
.tvs .cert-price-label { font-size:10px !important; color: #8faabf; font-weight: 400; }
.tvs .cert-inr-price { font-size:11px !important; font-weight: 700; color: #22c55e; letter-spacing: -0.2px; }
.tvs .cert-dur { font-size:10.5px !important; color: #5a7a90; display: inline-flex; align-items: center; gap: 4px; font-weight: 500; background: rgba(6,148,209,0.06); border: 1px solid rgba(6,148,209,0.12); border-radius: 5px; padding: 2px 7px; width: fit-content; }
.tvs .cert-actions { display: flex; gap: 7px; }
.tvs .cert-btn-brochure { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 6px 8px; border-radius: var(--r8); font-size:10px !important; font-weight: 700; background: transparent; color: #0694D1; border: 1.5px solid #0694D1; cursor: pointer; transition: background 0.18s; white-space: nowrap; font-family: inherit; }
.tvs .cert-btn-details { flex: 1; display: flex; align-items: center; justify-content: center; padding: 6px 8px; border-radius: var(--r8); font-size:10.5px !important; font-weight: 700; background: linear-gradient(135deg, #093148 0%, #0d5280 100%); color: #fff; border: none; cursor: pointer; transition: filter 0.22s, box-shadow 0.22s, transform 0.22s; white-space: nowrap; font-family: inherit; box-shadow: 0 2px 8px rgba(9,49,72,0.3); }
@media (max-width: 600px) {
.tvs .kc-tab > svg { display: none !important; }
.tvs .kc-tab { gap: 0 !important; padding: 8px 10px !important; font-size: 12.5px !important; }


}
.tvs .why-sec { background: var(--ink); padding: 40px 48px; border-top: 1px solid rgba(255,255,255,0.04); }
.tvs .why-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: flex-start; }
.tvs .why-video-wrap { position: relative; border-radius: 20px; overflow: hidden; border: 1px solid rgba(6,148,209,0.2); box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04); aspect-ratio: 16/9; background: #000; }
.tvs .why-video-wrap iframe { width: 100%; height: 100%; display: block; border: none; }
.tvs .why-video-thumb { position: relative; width: 100%; height: 100%; cursor: pointer; display: block; }
.tvs .why-video-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tvs .why-play-btn { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.28); transition: background 0.2s; }
.tvs .why-play-circle { width: 68px; height: 68px; border-radius: 50%; background: var(--blue); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 12px rgba(6,148,209,0.18), 0 8px 32px rgba(6,148,209,0.4); transition: transform 0.2s, box-shadow 0.2s; }
.tvs .why-reasons { display: flex; flex-direction: column; gap: 18px; margin: 28px 0 36px; }
.tvs .why-reason { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.06); background: rgba(255,255,255,0.02); position: relative; transition: border-color 0.2s, background 0.2s; }
.tvs .why-reason:hover { border-color: rgba(6,148,209,0.2); background: rgba(6,148,209,0.04); }
.tvs .why-reason-icon { width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.2); display: flex; align-items: center; justify-content: center; }
.tvs .why-reason-icon svg { width: 16px; height: 16px; color: var(--blue); }
.tvs .why-reason-title { font-size:14px !important; font-weight: 700; color: var(--white); margin-bottom: 3px; }
.tvs .why-reason-sub { font-size:12px !important; color: rgba(255,255,255,0.45); line-height: 1.5; }
.tvs .why-cta { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: #fff; font-family: var(--body); font-size:15px !important; font-weight: 700; padding: 13px 28px; border-radius: 10px; border: none; cursor: pointer; position: relative; overflow: hidden; align-self: flex-start; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(6,148,209,0.35); }
.tvs .lgm-sec { background: var(--light-bg); padding: 40px 48px; overflow: hidden; position: relative; }
.tvs .ilf-sec .lgm-inner { display: block !important; max-width: var(--container) !important; margin: 0 auto !important; grid-template-columns: none !important; }
.tvs .ilf-sec .container-fluid { width: 100% !important; margin-left: auto !important; margin-right: auto !important; max-width: 760px !important; }
.tvs .ilf-sec .row { margin-left: 0 !important; margin-right: 0 !important; --bs-gutter-x: 0 !important; justify-content: center !important; }
.tvs .ilf-sec .col-md-12 { flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.tvs .ilf-sec #ilfForm { margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 1024px) {
.tvs .lgm-inner .container-fluid { margin: auto !important; }
.tvs .ilf-sec .container-fluid { width: auto !important; max-width: 600px !important; }


}
.tvs .ilf-inp { width: 100%; box-sizing: border-box; background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.10); border-radius: 12px; color: #fff !important; -webkit-text-fill-color: #fff !important; caret-color: #0694D1; padding: 10px 14px !important; font-size:13.5px !important; font-family: inherit; outline: none; height: auto !important; min-height: 0 !important; line-height: normal !important; }
.tvs .ilf-inp:-webkit-autofill, .tvs .ilf-inp:-webkit-autofill:hover, .tvs .ilf-inp:-webkit-autofill:focus, .tvs .ilf-inp:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #0a1929 inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #0694D1 !important;
  transition: background-color 9999s ease-in-out 0s;
}
.tvs .ilf-inp:focus { background: rgba(255,255,255,0.07) !important; }
.tvs textarea.ilf-inp { line-height: 1.6 !important; }
.tvs .ilf-inp::placeholder { color: rgba(255,255,255,0.3); }
.tvs .ilf-inp:focus { border-color: rgba(6,148,209,0.5); }
.tvs .ilf-inp option { background: #0a1929; color: #fff; }
.tvs .ilf-lbl { display: block; font-size:12.5px !important; font-weight: 600; color: rgba(255,255,255,0.65); margin-bottom: 6px; }
@media (max-width: 600px) {
.tvs .ilf-grid { grid-template-columns: 1fr !important; }
 
}
.tvs .lgm-bg { position: absolute; inset: 0; pointer-events: none; }
.tvs .lgm-inner { max-width: var(--container); margin: 0 auto; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.tvs .lgm-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(6,148,209,0.12); border: 1px solid rgba(6,148,209,0.3); border-radius: 100px; padding: 6px 16px; font-size:12px !important; font-weight: 700; color: #50e6ff; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 20px; }
.tvs .lgm-eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: #50e6ff; animation: lgm-pulse 2s ease-in-out infinite; }
@keyframes lgm-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.4)} }
.tvs .lgm-title { font-size:24px !important; font-weight: 800; line-height: 1.4; color: var(--white); margin-bottom: 16px; }
.tvs .lgm-title em { font-style: normal; color: #50e6ff; }
.tvs .lgm-desc { font-size:16px !important; color: rgba(255,255,255,0.6); line-height: 1.75; max-width: 440px; margin-bottom: 36px; }
.tvs .lgm-ctas { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 8px; }
.tvs .lgm-bullets { display: flex; flex-direction: column; gap: 10px; margin-bottom: 8px; }
.tvs .lgm-bullet { display: flex; align-items: flex-start; gap: 10px; font-size:14px !important; color: rgba(255,255,255,0.7); line-height: 1.5; }
.tvs .lgm-bullet-dot { color: #50e6ff; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.tvs .lgm-right { display: flex; align-items: center; justify-content: center; padding: 60px 20px 80px; }
.tvs .lgm-dc-stack { display: grid; grid-template-areas: 'stack'; place-items: center; width: 100%; max-width: 420px; }
.tvs .lgm-dc-card { grid-area: stack; position: relative; width: 340px; height: 144px; transform: skewY(-8deg); border-radius: 14px; border: 2px solid rgba(6,148,209,0.25); background: rgba(9,49,72,0.72); backdrop-filter: blur(10px); padding: 14px 18px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.65s cubic-bezier(0.22,1,0.36,1), border-color 0.4s, filter 0.65s; cursor: default; user-select: none; }
.tvs .lgm-dc-card::after { content: ''; position: absolute; right: -2px; top: -5%; width: 180px; height: 110%; background: linear-gradient(to left, #071e2e, transparent); border-radius: 0 14px 14px 0; pointer-events: none; }
.tvs .lgm-dc-card::before { content: ''; position: absolute; inset: 0; border-radius: 12px; background: rgba(7,30,46,0.55); transition: opacity 0.6s; pointer-events: none; z-index: 1; }
.tvs .lgm-dc-card > * { position: relative; z-index: 2; }
.tvs .lgm-dc-back { filter: grayscale(1); transform: skewY(-8deg); }
.tvs .lgm-dc-mid { filter: grayscale(0.6); transform: skewY(-8deg) translateX(52px) translateY(36px); }
.tvs .lgm-dc-mid::before { opacity: 0.5; }
.tvs .lgm-dc-front { filter: grayscale(0); transform: skewY(-8deg) translateX(104px) translateY(72px); border-color: rgba(6,148,209,0.5); }
.tvs .lgm-dc-front::before { display: none; }
.tvs .lgm-dc-top { display: flex; align-items: center; gap: 8px; }
.tvs .lgm-dc-icon { width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size:14px !important; flex-shrink: 0; }
.tvs .lgm-dc-title { font-size:16px !important; font-weight: 700; color: #50e6ff; }
.tvs .lgm-dc-desc { font-size:15px !important; color: rgba(255,255,255,0.85); white-space: nowrap; }
.tvs .lgm-dc-meta { font-size:12px !important; color: rgba(255,255,255,0.38); }
.tvs .lgm-trust-row { display: flex; gap: 18px; margin-top: 20px; }
.tvs .lgm-trust-item { font-size:12px !important; color: rgba(255,255,255,0.35); }
.tvs .companies-sec, .tvs .usp-sec, .tvs .learn-sec, .tvs .cert-showcase-sec, .tvs .lgm-sec { color: var(--light-text); }
.tvs .companies-sec .sec-label, .tvs .usp-sec .sec-label, .tvs .learn-sec .sec-label, .tvs .certs-sec .sec-label, .tvs .lgm-sec .sec-label { color: var(--blue); background: rgba(6,148,209,0.08); border-color: rgba(6,148,209,0.2); }
.tvs .companies-sec .sec-title, .tvs .usp-sec .sec-title, .tvs .learn-sec .sec-title, .tvs .certs-sec .sec-title, .tvs .lgm-sec .sec-title { color: var(--light-text); }
.tvs .companies-sec .sec-sub, .tvs .usp-sec .sec-sub, .tvs .certs-sec .sec-sub, .tvs .learn-sec .sec-sub, .tvs .lgm-sec .sec-sub { color: var(--light-sub); }
.tvs .lgm-sec .lgm-bg { display: none; }
.tvs .lgm-sec .lgm-title { color: var(--light-text); }
.tvs .lgm-sec .lgm-title em { color: var(--blue); }
.tvs .lgm-sec .lgm-desc { color: var(--light-sub); }
.tvs .lgm-sec .lgm-bullet { color: var(--light-sub); }
.tvs .lgm-sec .lgm-bullet-dot { color: var(--blue); }
.tvs .lgm-sec .lgm-eyebrow { color: var(--blue); background: rgba(6,148,209,0.08); border-color: rgba(6,148,209,0.2); }
.tvs .lgm-sec .lgm-dc-card { background: var(--light-white); border-color: rgba(6,148,209,0.18); }
.tvs .lgm-sec .lgm-dc-title { color: var(--blue); }
.tvs .lgm-sec .lgm-dc-desc { color: var(--light-text); }
.tvs .lgm-sec .lgm-dc-meta { color: var(--light-sub); }
.tvs .lgm-sec .lgm-dc-card::after { background: linear-gradient(to left, var(--light-bg), transparent); }
.tvs .cert-showcase-sec .cert-showcase-label { color: var(--blue); }
.tvs .cert-showcase-sec .cert-showcase-title { color: var(--light-text); }
.tvs .cert-showcase-sec .cert-showcase-title em { color: var(--blue); }
.tvs .cert-showcase-sec .cert-showcase-desc { color: var(--light-sub); }
.tvs .enroll-sec { background: var(--light-bg); padding: 40px 48px; overflow: hidden; position: relative; }
.tvs .enroll-inner { max-width: var(--container); margin: 0 auto; display: flex; align-items: center; gap: 72px; }
.tvs .enroll-left { flex: 1; min-width: 0; }
.tvs .enroll-label { font-size:11px !important; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--blue); margin-bottom: 12px; }
.tvs .enroll-title { font-family: var(--display); font-size:24px !important; font-weight: 800; color: var(--light-text); line-height: 1.4; margin-bottom: 10px; }
.tvs .enroll-title em { font-style: normal; color: var(--blue); }
.tvs .enroll-sub { font-size:14px !important; color: var(--light-sub); line-height: 1.65; margin-bottom: 28px; max-width: 380px; }
.tvs .enroll-legend { display: flex; flex-direction: column; gap: 10px; }
.tvs .enroll-legend-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-radius: 10px; cursor: pointer; transition: background 0.18s; border: 1px solid transparent; }
.tvs .enroll-legend-item:hover, .tvs .enroll-legend-item.active { background: rgba(6,148,209,0.06); border-color: rgba(6,148,209,0.14); }
.tvs .enroll-legend-left { display: flex; align-items: center; gap: 10px; }
.tvs .enroll-legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.tvs .enroll-legend-name { font-size:13px !important; font-weight: 600; color: var(--light-text); }
.tvs .enroll-legend-bar-wrap { flex: 1; margin: 0 16px; height: 4px; background: rgba(6,148,209,0.1); border-radius: 2px; overflow: hidden; }
.tvs .enroll-legend-bar { height: 100%; border-radius: 2px; transition: width 1s ease; }
.tvs .enroll-legend-pct { font-size:12px !important; font-weight: 700; color: var(--light-sub); min-width: 36px; text-align: right; }
.tvs .enroll-cta-row { display: flex; align-items: center; gap: 14px; margin-top: 28px; }
.tvs .enroll-download-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 22px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); border-radius: var(--r8); color: #fff; font-size:14px !important; font-weight: 700; text-decoration: none; transition: filter 0.2s, transform 0.2s, box-shadow 0.2s; font-family: var(--body); box-shadow: 0 4px 16px rgba(6,148,209,0.3); }
.tvs .enroll-cta-note { font-size:12px !important; color: var(--light-sub); font-weight: 500; }
.tvs .enroll-right { flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.tvs .enroll-donut-wrap { position: relative; }
.tvs .enroll-center-label { text-align: center; }
.tvs .enroll-center-val { font-family: var(--display); font-size:32px !important; font-weight: 800; color: var(--light-text); line-height: 1; }
.tvs .enroll-center-sub { font-size:11px !important; color: var(--light-sub); margin-top: 4px; letter-spacing: 0.5px; }
.tvs .enroll-radar-wrap { max-width: var(--container); margin: 56px auto 0; background: var(--light-white); border: 1px solid var(--light-border); border-radius: 18px; overflow: hidden; }
.tvs .enroll-radar-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 28px 36px 20px; border-bottom: 1px solid var(--light-border); }
.tvs .enroll-radar-title { font-family: var(--display); font-size:22px !important; font-weight: 800; color: var(--light-text); line-height: 1.15; }
.tvs .enroll-radar-title em { font-style: normal; color: var(--blue); }
.tvs .enroll-radar-sub { font-size:13px !important; color: var(--light-sub); margin-top: 5px; line-height: 1.5; }
.tvs .enroll-radar-legend { display: flex; align-items: center; gap: 16px; flex-shrink: 0; padding-top: 4px; }
.tvs .enroll-radar-legend-item { display: flex; align-items: center; gap: 7px; font-size:13px !important; font-weight: 600; color: var(--light-text); }
.tvs .enroll-radar-chart { padding: 8px 24px 24px; }
.tvs .lf-sec { background: var(--light-bg); padding: 40px 48px; border-top: 1px solid var(--light-border); }
.tvs .lf-inner { max-width: 1200px; margin: 0 auto; }
.tvs .lf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }
.tvs .lf-card { background: var(--light-white); border: 1.5px solid var(--light-border); border-radius: 20px; padding: 28px 24px 24px; display: flex; flex-direction: column; gap: 0; position: relative; overflow: hidden; transition: border-color 0.28s, box-shadow 0.28s, transform 0.28s; cursor: default; }
.tvs .lf-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 20px 20px 0 0; background: linear-gradient(90deg, #0694D1, #38bdf8); opacity: 0; transition: opacity 0.28s; }
.tvs .lf-card:hover { border-color: rgba(6,148,209,0.35); box-shadow: 0 16px 40px rgba(6,148,209,0.10); transform: translateY(-4px); }
.tvs .lf-card:hover::before { opacity: 1; }
.tvs .lf-card-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; }
.tvs .lf-icon { width: 48px; height: 48px; border-radius: 14px; background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.25s, border-color 0.25s; }
.tvs .lf-icon svg { width: 22px; height: 22px; color: var(--blue); }
.tvs .lf-badge { font-size:9.5px !important; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; padding: 3px 9px; border-radius: 20px; background: rgba(6,148,209,0.08); color: var(--blue); border: 1px solid rgba(6,148,209,0.2); white-space: nowrap; align-self: flex-start; }
.tvs .lf-badge.popular { background: rgba(245,158,11,0.08); color: #d97706; border-color: rgba(245,158,11,0.2); }
.tvs .lf-badge.enterprise { background: rgba(168,85,247,0.08); color: #9333ea; border-color: rgba(168,85,247,0.2); }
.tvs .lf-title { font-size:15px !important; font-weight: 800; color: var(--light-text); margin-bottom: 8px; letter-spacing: -0.01em; line-height: 1.3; }
.tvs .lf-desc { font-size:13px !important; color: var(--light-sub); line-height: 1.7; flex: 1; margin-bottom: 16px; }
.tvs .lf-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.tvs .lf-pill { font-size:10.5px !important; font-weight: 600; color: var(--light-sub); background: rgba(6,148,209,0.05); border: 1px solid rgba(6,148,209,0.12); border-radius: 6px; padding: 2px 8px; }
@media (max-width: 1024px) {
.tvs .lf-grid { grid-template-columns: repeat(2, 1fr); }
 
}
@media (max-width: 600px) {
.tvs .lf-grid { grid-template-columns: 1fr; }
.tvs .lf-sec { padding: 40px 24px; }
 
}
.tvs .trainer-sec { background: #071e2e; padding: 40px 48px; border-top: 1px solid rgba(6,148,209,0.15); overflow: hidden; }
.tvs .trainer-inner { max-width: 1200px; margin: 0 auto; }
.tvs .trainer-sec .sec-title { color: #fff; }
.tvs .trainer-sec .sec-label { color: #0694D1; background: rgba(6,148,209,0.12); border-color: rgba(6,148,209,0.25); }
.tvs .trainer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }
.tvs .trainer-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(6,148,209,0.18); border-radius: 20px; padding: 28px 22px 22px; display: flex; flex-direction: column; gap: 0; position: relative; overflow: hidden; transition: border-color 0.28s, box-shadow 0.28s, transform 0.28s, background 0.28s; backdrop-filter: blur(8px); }
.tvs .trainer-avatar { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(6,148,209,0.35); transition: border-color 0.25s; }
.tvs .trainer-name { font-size:15px !important; font-weight: 800; color: #fff; margin-bottom: 2px; letter-spacing: -0.01em; }
.tvs .trainer-title { font-size:11.5px !important; color: rgba(255,255,255,0.5); margin-bottom: 14px; font-weight: 500; }
.tvs .trainer-track { display: inline-flex; align-items: center; gap: 5px; font-size:9.5px !important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; padding: 3px 10px; border-radius: 20px; margin-bottom: 14px; width: fit-content; background: rgba(6,148,209,0.12); color: #38bdf8; border: 1px solid rgba(6,148,209,0.25); }
.tvs .trainer-exp { font-size:11px !important; color: rgba(255,255,255,0.38); font-weight: 600; margin-bottom: 14px; }
.tvs .trainer-usps { display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; }
.tvs .trainer-usp { display: flex; align-items: flex-start; gap: 8px; font-size:12px !important; color: rgba(255,255,255,0.65); line-height: 1.5; }
.tvs .trainer-usp-dot { width: 5px; height: 5px; border-radius: 50%; background: #0694D1; flex-shrink: 0; margin-top: 6px; }
.tvs .trainer-certs { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; }
.tvs .trainer-cert-tag { font-size:9px !important; font-weight: 700; letter-spacing: 0.3px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.55); border-radius: 4px; padding: 2px 7px; font-family: 'SFMono-Regular','Consolas',monospace; }
@media (max-width: 1100px) {
.tvs .trainer-grid { grid-template-columns: repeat(2, 1fr); }
 
}
@media (max-width: 600px) {
.tvs .trainer-grid { grid-template-columns: 1fr; }
.tvs .trainer-sec { padding: 40px 24px; }
 
}
.tvs .review-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 900px; margin: 0 auto; }
.tvs .review-stats-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--light-white); border-radius: 14px; border: 1.5px solid var(--light-border); padding: 16px 12px; box-shadow: 0 2px 12px rgba(6,148,209,0.06); transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s; cursor: default; }
.tvs .review-stats-item:hover { border-color: rgba(6,148,209,0.5); box-shadow: 0 8px 24px rgba(6,148,209,0.12); transform: translateY(-3px); }
.tvs .review-stats-icon { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.15); border-radius: 9px; margin-bottom: 8px; transition: background 0.3s, border-color 0.3s; }
.tvs .review-stats-icon svg { width: 16px; height: 16px; color: var(--blue); }
.tvs .review-stats-number { font-size:clamp(1.15rem, 2vw, 1.5rem) !important; font-weight: 900; color: var(--light-text); line-height: 1; letter-spacing: -0.02em; transition: color 0.3s; }
.tvs .review-stats-label { font-size:10.5px !important; font-weight: 600; color: var(--light-sub); margin-top: 5px; transition: color 0.3s; }
.tvs .review-stats-grid-wrap { width: 100%; }
@media (max-width: 768px) {
.tvs .review-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.tvs .review-stats-grid .review-stats-item:nth-child(n+5) { display: none; }


}
.tvs .animated-testimonials-wrap { max-width: 900px; margin: 0 auto 16px; padding: 32px 0 8px; }
.tvs .animated-testimonials-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.tvs .animated-testimonials-img-col { position: relative; }
.tvs .animated-testimonials-img-stack { position: relative; height: 340px; width: 100%; }
.tvs .animated-testimonials-img-item { position: absolute; inset: 0; transform-origin: bottom; }
.tvs .animated-testimonials-img { width: 100%; height: 100%; border-radius: 24px; object-fit: cover; object-position: center; box-shadow: 0 16px 48px rgba(6,148,209,0.14), 0 4px 12px rgba(0,0,0,0.08); }
.tvs .animated-testimonials-content { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; padding: 8px 0; }
.tvs .animated-testimonials-cert { display: inline-flex; align-items: center; font-size:10px !important; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: var(--blue); background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.2); border-radius: 20px; padding: 3px 10px; width: fit-content; margin-bottom: 6px; }
.tvs .animated-testimonials-name { font-size:1.4rem !important; font-weight: 900; color: var(--light-text); letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 4px; }
.tvs .animated-testimonials-role { font-size:13px !important; color: var(--light-sub); margin: 0 0 16px; font-weight: 500; }
.tvs .animated-testimonials-quote { font-size:15px !important; line-height: 1.75; color: var(--light-sub); margin: 0; }
.tvs .animated-testimonials-nav { display: flex; align-items: center; gap: 12px; padding-top: 24px; }
.tvs .animated-testimonials-btn { width: 32px; height: 32px; border-radius: 50%; background: rgba(6,148,209,0.08); border: 1.5px solid rgba(6,148,209,0.18); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; flex-shrink: 0; }
.tvs .animated-testimonials-dots { display: flex; gap: 6px; align-items: center; }
.tvs .animated-testimonials-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(6,148,209,0.2); border: none; cursor: pointer; transition: all 0.2s; padding: 0; }
.tvs .animated-testimonials-dot.active { width: 18px; border-radius: 3px; background: var(--blue); }
@media (max-width: 768px) {
.tvs .animated-testimonials-grid { grid-template-columns: 1fr; gap: 24px; }
.tvs .animated-testimonials-img-stack { height: 240px; }


}
.tvs .test-sec { background: #E8F4FA; padding: 40px 48px; overflow: hidden; position: relative; border-top: 1px solid #CAEFFF; }
.tvs .test-inner { max-width: 1200px; margin: 0 auto; position: relative; }
.tvs .test-sec .sec-title { color: var(--light-text); }
.tvs .test-sec .sec-sub { color: var(--light-sub); text-align: center !important; margin-left: auto !important; margin-right: auto !important; }
.tvs .test-sec .sec-label { color: var(--blue); background: rgba(6,148,209,0.08); border-color: rgba(6,148,209,0.2); }
@keyframes scrollCol { from{transform:translateY(0)} to{transform:translateY(-50%)} }
.tvs .test-cols-outer { display: flex; justify-content: center; gap: 24px; margin-top: 40px; max-height: 740px; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent); mask-image: linear-gradient(to bottom, transparent, black 10%, black 90%, transparent); }
.tvs .test-col-scroll-wrap { overflow: hidden; }
.tvs .test-col-scroll-wrap.test-col-md { display: none; }
.tvs .test-col-scroll-wrap.test-col-lg { display: none; }
@media (min-width: 768px) {
.tvs .test-col-scroll-wrap.test-col-md { display: block; }
 
}
@media (min-width: 1024px) {
.tvs .test-col-scroll-wrap.test-col-lg { display: block; }
 
}
.tvs .test-col-track { display: flex; flex-direction: column; gap: 20px; animation: scrollCol linear infinite; }
.tvs .test-cols-outer:hover .test-col-track { animation-play-state: paused; }
.tvs .test-col-card { padding: 28px 28px 24px; border-radius: 24px; border: 1px solid var(--light-border); box-shadow: 0 4px 24px rgba(6,148,209,0.06), 0 1px 4px rgba(0,0,0,0.04); max-width: 280px; width: 280px; background: var(--light-white); flex-shrink: 0; transition: box-shadow 0.3s, transform 0.3s; cursor: default; }
.tvs .test-col-quote { font-size:13px !important; color: var(--light-sub); line-height: 1.75; font-style: normal; }
.tvs .test-col-author { display: flex; align-items: center; gap: 10px; margin-top: 18px; }
.tvs .test-col-avatar { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--light-border); flex-shrink: 0; object-fit: cover; transition: border-color 0.3s; }
.tvs .test-col-name { font-size:13px !important; font-weight: 600; color: var(--light-text); line-height: 1.3; }
.tvs .test-col-role { font-size:11px !important; color: var(--light-sub); margin-top: 2px; }
.tvs .test-col-cert { display: inline-flex; font-size:10px !important; font-weight: 700; color: var(--blue); background: rgba(6,148,209,0.07); border: 1px solid rgba(6,148,209,0.18); padding: 2px 7px; border-radius: 4px; margin-top: 5px; }
.tvs .test-two-col { display: grid; grid-template-columns: auto 1fr; gap: 64px; align-items: center; margin-top: 56px; }
.tvs .test-twitter-col { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.tvs .test-twitter-label { font-size:11px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); display: flex; align-items: center; gap: 8px; }
.tvs .test-twitter-label::before { content: ""; display: block; width: 20px; height: 2px; background: var(--blue); border-radius: 2px; }
.tvs .test-twitter-desc { font-size:13px !important; color: var(--light-sub); line-height: 1.6; max-width: 320px; }
@media (max-width: 1100px) {
.tvs .test-two-col { grid-template-columns: 1fr; gap: 40px; }
 
}
@media (max-width: 600px) {
.tvs .test-sec { padding: 40px 20px; }
 
}
@media (max-width: 480px) {
.tvs .test-sec { padding: 40px 16px; }
.tvs .test-cols-outer { max-height: 520px; display: none !important; }
 
}
.tvs .globe-sec { background: var(--light-white); padding: 40px 48px; overflow: hidden; position: relative; border-top: 1px solid var(--light-border); }
.tvs .globe-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 64px; position: relative; z-index: 1; }
.tvs .globe-content { flex: 1; min-width: 0; }
.tvs .globe-countries-panel { flex-shrink: 0; width: 100%; max-width: 420px; margin-left: auto; margin-right: auto; border-radius: 20px; overflow: hidden; }
.tvs .globe-map-img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; display: block; border-radius: 20px; }
.tvs .globe-stats { display: flex; gap: 28px; margin-top: 28px; flex-wrap: wrap; }
.tvs .globe-stat { display: flex; flex-direction: column; gap: 4px; }
.tvs .globe-stat-num { font-size:32px !important; font-weight: 800; color: var(--light-text); line-height: 1; }
.tvs .globe-stat-num span { color: var(--blue); }
.tvs .globe-stat-lbl { font-size:12px !important; font-weight: 500; color: var(--light-sub); text-transform: uppercase; letter-spacing: 1px; }
.tvs .globe-divider { width: 1px; align-self: stretch; background: var(--light-border); }
@media (max-width: 1024px) {
.tvs .globe-stats { flex-wrap: nowrap !important; gap: 0 !important; justify-content: space-between !important; }
.tvs .globe-stat { flex: 1 !important; align-items: center !important; }
.tvs .globe-sec .globe-stat-num { font-size: 16px !important; }
.tvs .globe-sec .globe-stat-lbl { font-size: 9px !important; letter-spacing: 0.5px !important; }
.tvs .globe-divider { display: block !important; }


}
.tvs .globe-badges { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 32px; }
.tvs .globe-badge { display: inline-flex; align-items: center; gap: 7px; font-size:12px !important; font-weight: 600; color: var(--light-sub); background: var(--light-bg); border: 1px solid var(--light-border); border-radius: 40px; padding: 7px 14px; }
.tvs .globe-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }
@keyframes gm-ring-expand { 0%{transform:translate(-50%,-50%) scale(1);opacity:0.7} 100%{transform:translate(-50%,-50%) scale(4);opacity:0} }
.tvs .gm-dot { display: block; width: 8px; height: 8px; border-radius: 50%; background: #0694D1; box-shadow: 0 0 4px rgba(6,148,209,0.9), 0 0 8px rgba(6,148,209,0.5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tvs .gm-ring { display: block; width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid rgba(6,148,209,0.8); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: gm-ring-expand 2s ease-out infinite; }
@keyframes gm-pulse-sm-ring { 0%{box-shadow:0 0 0 0 rgba(6,148,209,0.6)} 70%{box-shadow:0 0 0 5px rgba(6,148,209,0)} 100%{box-shadow:0 0 0 0 rgba(6,148,209,0)} }
.tvs .gm-pulse-sm { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); animation: gm-pulse-sm-ring 2.2s ease-out infinite; }
.tvs .globe-country-slider-outer { margin-top: 20px; }
.tvs .globe-country-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.tvs .globe-country-row { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 10px; background: #f5fafd; border: 1px solid rgba(6,148,209,0.12); transition: border-color 0.15s, background 0.15s, box-shadow 0.15s; }
.tvs .globe-country-flag { width: 22px; height: 16px; object-fit: cover; border-radius: 3px; flex-shrink: 0; display: block; box-shadow: 0 1px 3px rgba(0,0,0,0.18); }
.tvs .globe-country-name { font-size:13px !important; font-weight: 600; color: var(--light-text); }
@media (max-width: 900px) {
.tvs .globe-inner { flex-direction: column; gap: 40px; }
.tvs .globe-countries-panel { width: 100%; }
.tvs .globe-map-img { min-height: unset; max-height: 240px; }
.tvs .globe-sec { padding: 40px 20px; }
.tvs .globe-country-grid { grid-template-columns: 1fr 1fr; }


}
@media (max-width: 768px) {
.tvs .globe-sec { padding: 40px 20px; }
.tvs .globe-inner { flex-direction: column; align-items: center; gap: 40px; }
 
}
@media (max-width: 480px) {
.tvs .globe-canvas-wrap > div { width: 260px !important; height: 260px !important; }
 
}
.tvs .companies-sec { background: var(--light-white); padding: 40px 0; border-top: 1px solid var(--light-border); border-bottom: 1px solid var(--light-border); overflow: hidden; }
.tvs .companies-inner { max-width: var(--container); margin: 0 auto; text-align: center; }
.tvs .companies-headline-wrap { text-align: center; margin-bottom: 20px; padding: 0 24px; }
.tvs .companies-headline { font-family: var(--display); font-weight: 800; font-size:24px !important; color: var(--white); letter-spacing: -0.015em; margin-bottom: 10px; line-height: 1.4; }
.tvs .companies-headline em { font-style: normal; color: var(--blue); }
.tvs .companies-headline-sub { font-size:15px !important; color: rgba(255,255,255,0.38); margin-bottom: 0; font-weight: 400; }
.tvs .companies-sec .companies-headline-sub { color: var(--light-sub) !important; }
.tvs .companies-marquee-wrap { position: relative; overflow-x: clip; overflow-y: visible; margin-bottom: 0; padding: 10px 0; }
.tvs .companies-marquee-wrap::before, .tvs .companies-marquee-wrap::after { content: ''; position: absolute; top: 0; bottom: 0; width: 8%; z-index: 2; pointer-events: none; }
.tvs .companies-marquee-wrap::before { left: 0; background: linear-gradient(to right, var(--light-white, #f8fafc), transparent); }
.tvs .companies-marquee-wrap::after { right: 0; background: linear-gradient(to left, var(--light-white, #f8fafc), transparent); }
.tvs .companies-marquee { display: flex; gap: 12px; width: max-content; align-items: center; animation: marquee 38s linear infinite; will-change: transform; }
.tvs .companies-marquee-2 { animation-direction: reverse; animation-duration: 46s; }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.tvs .company-logo-item {
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  padding: 0 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 2px 6px rgba(6,148,209,0.15));
  transition: transform 0.25s ease, opacity 0.25s ease;
  cursor: default;
}
.tvs .company-logo-item:hover { transform: scale(1.08); opacity: 0.85; }
.tvs .company-logo-item svg, .tvs .company-logo-item img, .tvs .companies-sec .company-logo-item img, .tvs .companies-sec .company-logo-item svg {
  height: 48px;
  width: auto;
  max-width: 110px;
  object-fit: contain;
  display: block;
  
  border: 0 none !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;   
  padding: 0 !important;
  background: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
}
.tvs .dc-stack { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; width: 100%; }
.tvs .dc-card { position: relative; border-radius: 14px; border: 1.5px solid rgba(6,148,209,0.15); background: #fff; padding: 16px; display: flex; flex-direction: column; gap: 10px; user-select: none; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; cursor: pointer; overflow: hidden; box-shadow: 0 2px 12px rgba(6,148,209,0.06); }
.tvs .dc-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 14px 14px 0 0; background: linear-gradient(90deg, #0694D1, #50e6ff); opacity: 0.6; transition: opacity 0.3s; }
.tvs .dc-card:hover { transform: translateY(-6px); border-color: rgba(6,148,209,0.4); box-shadow: 0 16px 40px rgba(6,148,209,0.16); }
.tvs .dc-card.dc-front { border-color: rgba(6,148,209,0.32); box-shadow: 0 4px 20px rgba(6,148,209,0.12); }
.tvs .dc-card-top { display: flex; align-items: flex-start; gap: 8px; }
.tvs .dc-card-badge { font-size:8px !important; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 2px 6px; border-radius: 20px; margin-left: auto; background: rgba(6,148,209,0.10); color: #0694D1; border: 1px solid rgba(6,148,209,0.2); flex-shrink: 0; white-space: nowrap; }
.tvs .dc-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; flex-shrink: 0; background: linear-gradient(135deg, rgba(6,148,209,0.14), rgba(80,230,255,0.08)); box-shadow: 0 0 10px rgba(6,148,209,0.18); transition: box-shadow 0.3s; }
.tvs .dc-card-icon svg { width: 16px; height: 16px; color: #0694D1; }
.tvs .dc-card-heading { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
.tvs .dc-card-title { font-size:13px !important; font-weight: 700; color: #071e2e; line-height: 1.25; }
.tvs .dc-card-code { font-size:10.5px !important; font-weight: 600; color: #0694D1; letter-spacing: 0.5px; }
.tvs .dc-card-desc { font-size:11.5px !important; color: #4a6375; line-height: 1.55; flex: 1; }
.tvs .dc-card-stat { display: flex; align-items: center; gap: 5px; font-size:10.5px !important; font-weight: 700; color: #0694D1; background: rgba(6,148,209,0.07); border-radius: 6px; padding: 5px 8px; }
.tvs .cert-showcase-sec { background: var(--light-bg); padding: 40px 48px; overflow: hidden; position: relative; }
.tvs .cert-showcase-inner { width: 100%; max-width: 100%; margin: 0 auto; }
.tvs .cert-showcase-left { flex: 1; min-width: 0; position: relative; z-index: 1; }
.tvs .cert-showcase-right { flex-shrink: 0; width: min(500px, 100%); margin-left: auto; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }
.tvs .cert-showcase-label { font-size:12px !important; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--blue); margin-bottom:14px; }
.tvs .cert-showcase-title { font-family:var(--display); font-size:24px !important; letter-spacing:-0.015em; color:var(--light-text); line-height:1.4; margin-bottom:16px; }
.tvs .cert-showcase-title em { font-style:normal; color:var(--blue); }
.tvs .cert-showcase-desc { font-size:15px !important; color:var(--light-sub); line-height:1.7; margin-bottom:28px; max-width:440px; }
.tvs .credly-badges-label { font-size:11px !important; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:var(--light-sub); margin-bottom:14px; }
.tvs .credly-badges-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 4px; }
.tvs .credly-badge-item { display: flex; flex-direction: column; align-items: center; gap: 7px; background: #fff; border: 1px solid rgba(6,148,209,0.14); border-radius: 12px; padding: 14px 8px 10px; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; }
.tvs .credly-badge-img { width: 64px; height: 64px; object-fit: contain; display: block; }
.tvs .credly-badge-code { font-size:10px !important; font-weight: 700; color: var(--blue); letter-spacing: 0.5px; text-align: center; }
.tvs .credly-badge-name { font-size:9.5px !important; color: var(--light-sub); text-align: center; line-height: 1.3; }
.tvs .cert-unlock-btn { display:inline-flex; align-items:center; gap:10px; background: var(--blue); color:#fff; font-family:var(--body); font-size:14px !important; font-weight:700; padding:13px 28px; border-radius:var(--r8); border:none; cursor:pointer; box-shadow:0 4px 16px rgba(6,148,209,0.3); transition:background 0.2s, transform 0.2s, box-shadow 0.2s; }
.tvs .credly-badge-item:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(6,148,209,0.15); border-color: rgba(6,148,209,0.35); }
.tvs .cert-unlock-btn:hover { background:#057ab5; transform:translateY(-1px); box-shadow:0 8px 24px rgba(6,148,209,0.4); }
.tvs .cert-preview-wrap { position:relative; }
.tvs .cert-real-img { width:100%; max-width:460px; display:block; border-radius:12px; box-shadow: 0 24px 64px rgba(6,148,209,0.18), 0 4px 16px rgba(0,0,0,0.10); border: 1px solid rgba(6,148,209,0.18); }
.tvs .cert-preview-wrap::before { content:''; position:absolute; inset:-3px; border-radius:14px; background:linear-gradient(135deg,rgba(6,148,209,0.35),rgba(6,148,209,0.05)); z-index:-1; }
.tvs .cert-blur-overlay { position:absolute; inset:0; border-radius:14px; background:rgba(4,14,24,0.55); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; }
.tvs .cert-unlock-label { font-size:12px !important; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:rgba(255,255,255,0.4); }
.tvs .cert-unlock-note { font-size:11px !important; color:rgba(255,255,255,0.25); text-align:center; line-height:1.5; }
@media (max-width: 767px) {
.tvs .cert-showcase-right { margin-left: auto; margin-right: auto; }
 
}
.tvs .csc-benefit-list { display: grid; grid-template-areas: 'stack'; place-items: start; margin-top: 28px; padding: 0 160px 100px 0; }
.tvs .csc-benefit-card { grid-area: stack; position: relative; width: 340px; height: 138px; border-radius: 14px; border: 2px solid rgba(6,148,209,0.14); background: #fff; backdrop-filter: blur(8px); padding: 14px 18px; transform: skewY(-8deg); display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.7s, filter 0.7s, border-color 0.3s, box-shadow 0.3s; user-select: none; overflow: hidden; }
.tvs .csc-card-row { position: relative; z-index: 3; display: flex; align-items: center; gap: 8px; }
.tvs .csc-card-icon-wrap { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; background: rgba(6,148,209,0.12); display: flex; align-items: center; justify-content: center; font-size:13px !important; }
.tvs .csc-card-title { font-size:14px !important; font-weight: 700; color: var(--light-text); }
.tvs .csc-card-desc { position: relative; z-index: 3; font-size:12px !important; color: var(--light-sub); line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tvs .csc-card-meta { position: relative; z-index: 3; font-size:11px !important; color: var(--blue); font-weight: 600; }
.tvs .csc-dc-back { filter: grayscale(1); border-color: rgba(6,148,209,0.07); }
.tvs .csc-dc-mid { transform: skewY(-8deg) translateX(64px) translateY(40px); filter: grayscale(1); border-color: rgba(6,148,209,0.09); }
.tvs .csc-dc-front { transform: skewY(-8deg) translateX(128px) translateY(80px); border-color: rgba(6,148,209,0.22); box-shadow: 0 4px 16px rgba(6,148,209,0.08); }
.tvs .awards-sec { background: var(--ink); padding: 40px 48px; overflow: hidden; position: relative; border-top: 1px solid rgba(6,148,209,0.12); border-bottom: 1px solid rgba(6,148,209,0.12); }
.tvs .awards-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.tvs .awards-header { text-align: center; margin-bottom: 20px; }
.tvs .awards-header .sec-label { justify-content: center; display: flex; color: var(--blue); background: rgba(6,148,209,0.1); border-color: rgba(6,148,209,0.25); }
.tvs .awards-header .sec-title { color: var(--white); }
.tvs .awards-header .sec-sub { color: rgba(255,255,255,0.5); }
.tvs .awards-partner-row { display: flex; align-items: center; justify-content: center; gap: 28px; margin: 32px auto 52px; flex-wrap: nowrap; }
.tvs .awards-partner-badge { display: flex; align-items: center; gap: 14px; background: rgba(6,148,209,0.08); border: 1px solid rgba(6,148,209,0.22); border-radius: var(--r16); padding: 14px 24px; }
.tvs .awards-partner-badge-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(6,148,209,0.12); display: flex; align-items: center; justify-content: center; }
.tvs .awards-partner-badge-text { display: flex; flex-direction: column; }
.tvs .awards-partner-badge-label { font-size:10px !important; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; color: var(--blue); }
.tvs .awards-partner-badge-name { font-size:15px !important; font-weight: 700; color: var(--white); line-height: 1.2; }
.tvs .awards-partner-divider { width: 1px; height: 48px; background: rgba(255,255,255,0.1); }
.tvs .awards-partner-stat { text-align: center; }
.tvs .awards-partner-stat-num { font-size:28px !important; font-weight: 800; color: var(--blue); line-height: 1; }
.tvs .awards-partner-stat-lbl { font-size:11px !important; font-weight: 500; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: 1px; margin-top: 3px; }
.tvs .awards-slider-wrap { overflow: hidden; position: relative; }
.tvs .awards-track { display: flex; gap: 18px; transition: transform 0.55s; will-change: transform; }
.tvs .award-card { flex-shrink: 0; width: calc((100% - 36px) / 3); background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: var(--r16); padding: 28px 24px; display: flex; flex-direction: column; gap: 14px; position: relative; overflow: hidden; transition: all 0.35s; box-shadow: 0 4px 16px rgba(0,0,0,0.2); }
.tvs .aw2-scroll-wrap { overflow: hidden; padding: 14px 0; mask-image: linear-gradient(to right, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%); }
.tvs .aw2-track { display: flex; gap: 20px; padding: 0 20px; width: max-content; will-change: transform; animation: marquee 50s linear infinite; }
.tvs .aw2-card { flex-shrink: 0; width: 380px; height: 260px; background: #fff; border-radius: 18px; border: 1.5px solid #CAEFFF; box-shadow: 0 2px 12px rgba(0,0,0,0.07), 0 4px 16px rgba(6,148,209,0.10); display: flex; overflow: hidden; }
.tvs .aw2-card-left { width: 150px; flex-shrink: 0; background: #F0FAFF; border-right: 1.5px solid #CAEFFF; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8px; }
.tvs .aw2-award-img { width: 90%; height: 90%; object-fit: contain; }
.tvs .aw2-card-right { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 20px 16px; text-align: center; }
.tvs .aw2-vendor-logo { display: flex; align-items: center; justify-content: center; gap: 8px; }
.tvs .aw2-vendor-name { font-size:15px !important; font-weight: 800; color: var(--ink); }
.tvs .aw2-card-title { font-size:14.5px !important; font-weight: 700; color: var(--ink); line-height: 1.35; margin: 0; }
.tvs .aw2-year-pill { display: inline-block; border: 1px solid #CAEFFF; border-radius: 20px; padding: 3px 12px; font-size:13px !important; font-weight: 600; color: #7a9ab0; }
.tvs .award-img-wrap { width: 100%; height: 160px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); position: relative; }
.tvs .award-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; padding: 16px; transition: transform 0.4s; }
.tvs .award-year-badge { display: inline-flex; align-items: center; gap: 5px; font-size:10px !important; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; background: rgba(245,158,11,0.08); border: 1px solid rgba(245,158,11,0.25); color: #d97706; padding: 3px 10px; border-radius: 20px; width: fit-content; }
.tvs .award-org { font-size:10px !important; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); }
.tvs .award-title { font-family: var(--display); font-size:18px !important; font-weight: 700; color: var(--white); line-height: 1.25; }
.tvs .award-desc { font-size:13px !important; color: rgba(255,255,255,0.45); line-height: 1.6; }
.tvs .trust-logos-strip { max-width: var(--container); margin: 52px auto 0; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: nowrap; }
.tvs .trust-logo-item { display: inline-flex; align-items: center; gap: 7px; font-size:12px !important; font-weight: 600; letter-spacing: 0.2px; white-space: nowrap; color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.09); border-radius: 40px; padding: 7px 14px; transition: all 0.2s; flex-shrink: 0; }
.tvs .bottom-cta { background: linear-gradient(135deg, var(--navy) 0%, #0a2a4e 50%, #076d9d 100%); padding: 80px 48px; text-align: center; position: relative; overflow: hidden; }
.tvs .cta-title { font-family: var(--display); font-weight: 800; font-size:32px !important; color: var(--white); letter-spacing: -0.025em; margin-bottom: 16px; position: relative; z-index:1; line-height: 1.1; }
.tvs .cta-title span { color: var(--blue); }
.tvs .cta-sub { font-size:18px !important; color: rgba(255,255,255,0.6); margin-bottom: 40px; position: relative; z-index:1; }
.tvs .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; z-index:1; }
.tvs .cta-primary { background: var(--blue); color: var(--white); font-family: var(--body); font-weight: 700; font-size:15px !important; padding: 16px 36px; border-radius: var(--r8); border: none; cursor: pointer; transition: all 0.25s; }
.tvs .cta-ghost { background: rgba(255,255,255,0.06); color: var(--white); font-family: var(--body); font-weight: 700; font-size:15px !important; padding: 16px 36px; border-radius: var(--r8); border: 2px solid rgba(255,255,255,0.55); cursor: pointer; transition: all 0.25s; }
.tvs .cta-download { display: inline-flex; align-items: center; gap: 9px; background: rgba(255,255,255,0.07); color: var(--white); font-family: var(--body); font-weight: 600; font-size:15px !important; padding: 15px 32px; border-radius: var(--r8); border: 1.5px solid rgba(255,255,255,0.18); cursor: pointer; transition: all 0.25s; }
.tvs .footer { background: var(--ink); border-top: 1px solid var(--sl2); padding: 40px clamp(16px, 4vw, 48px); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.tvs .footer-left { font-size:13px !important; color: rgba(255,255,255,0.3); }
.tvs .footer-right { display: flex; gap: 20px; }
.tvs .footer-link { font-size:12px !important; color: rgba(255,255,255,0.3); text-decoration: none; transition: color 0.2s; }
.tvs .dl-brochure-fab { position: fixed; bottom: 88px; right: 20px; z-index: 300; display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, var(--blue) 0%, #076d9d 100%); color: var(--white); font-family: var(--body); font-weight: 700; font-size:15px !important; letter-spacing: 0.3px; padding: 15px 24px 15px 20px; border-radius: 50px; border: none; cursor: pointer; box-shadow: 0 8px 32px rgba(6,148,209,0.45), 0 2px 8px rgba(0,0,0,0.3); transition: all 0.25s; }
.tvs .dl-brochure-icon { width: 28px; height: 28px; border-radius: 50%; background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; font-size:13px !important; flex-shrink: 0; }
.tvs .dl-brochure-text { letter-spacing: 0.3px; white-space: nowrap; }
@media (max-width: 768px) {
.tvs .dl-brochure-fab { display: none; }
 
}
.tvs .modal-overlay { position: fixed; inset: 0; z-index: 500; background: rgba(0,0,0,0.8); backdrop-filter: blur(10px); display: flex; align-items: flex-start; justify-content: center; padding: 24px 20px; overflow-y: auto; }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
.tvs .modal-box { background: linear-gradient(160deg,#091e30 0%,#071525 100%); border: 1px solid rgba(6,148,209,0.25); border-radius: var(--r24); padding: 28px 32px; max-width: 640px; width: 100%; position: relative; margin: auto; box-shadow: 0 24px 80px rgba(0,0,0,0.6); }
.tvs .modal-close { position: absolute; top: 16px; right: 16px; background: var(--sl3); border: none; color: rgba(255,255,255,0.5); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size:18px !important; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
.tvs [hidden] { display: none !important; }
.tvs .certpath-sec { background: var(--ink); padding: 40px 48px; position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.06); }
.tvs .certpath-inner { max-width: var(--container); margin: 0 auto; position: relative; z-index: 1; }
.tvs .certpath-head { text-align: center; margin-bottom: 48px; }
.tvs .certpath-eyebrow { font-size:12px !important; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--blue); margin-bottom: 14px; }
.tvs .certpath-title { font-family: var(--display); font-size:24px !important; font-weight: 700; letter-spacing: -0.015em; color: #fff; line-height: 1.4; margin-bottom: 14px; }
.tvs .certpath-sub { font-size:16px !important; color: rgba(255,255,255,0.55); max-width: 580px; margin: 0 auto; line-height: 1.65; }
.tvs .certpath-tabs { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 36px; }
.tvs .certpath-tab { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 40px; border: 1.5px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04); cursor: pointer; position: relative; font-size:13px !important; font-weight: 700; color: rgba(255,255,255,0.5); transition: all 0.2s; white-space: nowrap; }
.tvs .certpath-tab.active { border-color: var(--blue); color: var(--blue); background: rgba(6,148,209,0.10); box-shadow: 0 4px 20px rgba(6,148,209,0.25); }
.tvs .certpath-tab-logo { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tvs .certpath-panel { background: #fff; border: 1px solid rgba(6,148,209,0.14); border-radius: 20px; padding: 36px 36px 32px; box-shadow: 0 4px 24px rgba(6,148,209,0.08); position: relative; overflow: hidden; }
.tvs .certpath-panel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--blue), #50e6ff, var(--blue)); background-size: 200% 100%; animation: cpShimmer 3s linear infinite; }
@keyframes cpShimmer { 0%{background-position:0% 0%} 100%{background-position:200% 0%} }
.tvs .certpath-panel-head { display: flex; align-items: center; gap: 16px; margin-bottom: 32px; }
.tvs .certpath-panel-logo { width: 56px; height: 56px; border-radius: 14px; background: rgba(6,148,209,0.07); border: 1px solid rgba(6,148,209,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tvs .certpath-panel-title { font-family: var(--display); font-size:22px !important; font-weight: 800; color: var(--light-text); line-height: 1.15; }
.tvs .certpath-panel-sub { font-size:13px !important; color: var(--light-sub); margin-top: 2px; }
.tvs .certpath-tech-grid { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 52px; }
.tvs .certpath-tech-card { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 18px 16px; border-radius: 16px; cursor: pointer; border: 1.5px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03); min-width: 110px; flex: 0 0 auto; transition: all 0.22s; }
.tvs .certpath-tech-card.active { border-color: var(--blue); background: rgba(6,148,209,0.10); box-shadow: 0 6px 24px rgba(6,148,209,0.22); }
.tvs .certpath-tech-card-logo { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; }
.tvs .certpath-tech-card-name { font-size:11.5px !important; font-weight: 800; color: rgba(255,255,255,0.9); text-align: center; line-height: 1.3; letter-spacing: 0.02em; }
.tvs .certpath-body { display: grid; grid-template-columns: 1fr 340px; gap: 48px; align-items: start; }
.tvs .certpath-body-info { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 100px; }
.tvs .certpath-info-logo-block { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 24px 20px 20px; border-radius: 16px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); }
.tvs .certpath-info-logo-name { font-size:16px !important; font-weight: 800; color: #fff; line-height: 1.2; }
.tvs .certpath-info-logo-sub { font-size:11.5px !important; color: rgba(255,255,255,0.4); line-height: 1.55; max-width: 220px; }
.tvs .certpath-info-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tvs .certpath-info-stat { display: flex; flex-direction: column; align-items: center; padding: 14px 10px; border-radius: 12px; text-align: center; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); transition: border-color 0.2s; }
.tvs .certpath-info-stat-num { font-size:22px !important; font-weight: 900; color: var(--blue); line-height: 1; }
.tvs .certpath-info-stat-lbl { font-size:10px !important; color: rgba(255,255,255,0.4); font-weight: 500; margin-top: 4px; line-height: 1.3; text-align: center; }
.tvs .certpath-flow { position: relative; padding-left: 40px; }
.tvs .certpath-flow::before { content: ''; position: absolute; left: 19px; top: 24px; bottom: 24px; width: 2px; background: linear-gradient(to bottom, rgba(5,150,105,0.6) 0%, rgba(6,148,209,0.6) 40%, rgba(6,148,209,0.6) 80%, rgba(217,119,6,0.6) 100%); border-radius: 2px; }
.tvs .certpath-step-arrow { display: flex; align-items: center; padding-left: 2px; margin: 2px 0; }
.tvs .certpath-tl-row { display: flex; align-items: center; gap: 14px; margin-bottom: 0; position: relative; }
.tvs .certpath-tl-dot { width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size:11px !important; font-weight: 900; letter-spacing: -0.01em; position: absolute; left: -40px; z-index: 2; transition: box-shadow 0.2s; }
.tvs .certpath-tl-row.cfc-fund .certpath-tl-dot { background: rgba(5,150,105,0.12); color: #34d399; border: 2px solid rgba(5,150,105,0.55); box-shadow: 0 0 0 5px rgba(5,150,105,0.08); }
.tvs .certpath-tl-row.cfc-assoc .certpath-tl-dot { background: rgba(6,148,209,0.12); color: var(--blue); border: 2px solid rgba(6,148,209,0.55); box-shadow: 0 0 0 5px rgba(6,148,209,0.08); }
.tvs .certpath-tl-row.cfc-expert .certpath-tl-dot { background: rgba(217,119,6,0.12); color: #fbbf24; border: 2px solid rgba(217,119,6,0.55); box-shadow: 0 0 0 5px rgba(217,119,6,0.08); }
.tvs .certpath-flow-card { flex: 1; border-radius: 12px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; transition: all 0.2s; cursor: default; min-width: 0; }
.tvs .certpath-flow-card.cfc-fund { background: rgba(5,150,105,0.07); border: 1px solid rgba(5,150,105,0.22); }
.tvs .certpath-flow-card.cfc-assoc { background: rgba(6,148,209,0.07); border: 1px solid rgba(6,148,209,0.22); }
.tvs .certpath-flow-card.cfc-expert { background: rgba(217,119,6,0.07); border: 1px solid rgba(217,119,6,0.22); }
.tvs .cfc-lvl-badge { font-size:8.5px !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 3px 8px; border-radius: 20px; white-space: nowrap; flex-shrink: 0; }
.tvs .cfc-fund .cfc-lvl-badge { color: #34d399; background: rgba(5,150,105,0.14); }
.tvs .cfc-assoc .cfc-lvl-badge { color: var(--blue); background: rgba(6,148,209,0.14); }
.tvs .cfc-expert .cfc-lvl-badge { color: #fbbf24; background: rgba(217,119,6,0.14); }
.tvs .cfc-code { font-size:13px !important; font-weight: 900; letter-spacing: -0.01em; white-space: nowrap; flex-shrink: 0; }
.tvs .cfc-fund .cfc-code { color: #34d399; }
.tvs .cfc-assoc .cfc-code { color: var(--blue); }
.tvs .cfc-expert .cfc-code { color: #fbbf24; }
.tvs .cfc-name { font-size:13px !important; color: #fff; font-weight: 800; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tvs .cfc-dur { font-size:10.5px !important; font-weight: 600; color: rgba(255,255,255,0.3); white-space: nowrap; flex-shrink: 0; }
.tvs .cfc-price { font-size:11.5px !important; font-weight: 700; white-space: nowrap; flex-shrink: 0; letter-spacing: -0.01em; }
.tvs .cfc-fund .cfc-price { color: #34d399; }
.tvs .cfc-assoc .cfc-price { color: var(--blue); }
.tvs .cfc-expert .cfc-price { color: #fbbf24; }
.tvs .certpath-legend { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; flex-wrap: wrap; }
.tvs .certpath-legend-item { display: inline-flex; align-items: center; gap: 6px; font-size:11px !important; font-weight: 700; letter-spacing: 0.04em; color: rgba(255,255,255,0.7); }
.tvs .certpath-legend-dot { width: 8px; height: 8px; border-radius: 50%; }
.tvs .certpath-cta-row { display: flex; justify-content: center; margin-top: 52px; }
.tvs .certpath-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: #fff; font-family: var(--body); font-size:14px !important; font-weight: 700; padding: 13px 32px; border-radius: var(--r8); border: none; cursor: pointer; box-shadow: 0 4px 16px rgba(6,148,209,0.3); transition: all 0.2s; }
@media (max-width: 860px) {
.tvs .certpath-body { grid-template-columns: 1fr; gap: 32px; }
.tvs .certpath-body-info { position: static; order: -1; }
 
}
@media (max-width: 600px) {
.tvs .certpath-tech-card { min-width: 76px; padding: 14px 10px 10px; }
.tvs .certpath-tech-card-logo { width: 34px; height: 34px; }
.tvs .certpath-tech-card-name { font-size:10px !important; }
.tvs .certpath-info-stats { grid-template-columns: repeat(4, 1fr); gap: 6px; }


}
.tvs .roi-sec { background: linear-gradient(160deg, #d6eef9 0%, #e4f4fb 50%, #eff9fd 100%); padding: 40px 0; }
.tvs .roi-inner { width: 100%; max-width: 100%; margin: 0 auto; }
.tvs .roi-left { width: 100%; }
.tvs .roi-right { flex: 1; display: flex; flex-direction: column; gap: 0; }
.tvs .roi-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size:11px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); margin-bottom: 18px; }
.tvs .roi-eyebrow::before { content: ""; display: block; width: 20px; height: 2px; background: var(--blue); border-radius: 2px; }
.tvs .roi-left-heading { font-size:24px !important; font-weight: 700; color: #212835; line-height: 1.4; margin-bottom: 14px; letter-spacing: -0.015em; }
.tvs .roi-left-sub { font-size:15px !important; color: #586274; line-height: 1.75; margin-bottom: 32px; max-width: 300px; }
.tvs .roi-left-cta { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: #fff; font-size:14px !important; font-weight: 700; padding: 12px 24px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.2s; font-family: var(--body); }
.tvs .roi-stat-strip { margin-top: 36px; padding-top: 24px; border-top: 1px solid rgba(6,148,209,0.2); display: flex; gap: 0; align-items: stretch; }
.tvs .roi-stat-chip { flex: 1; padding-right: 16px; }
.tvs .roi-stat-chip + .roi-stat-chip { padding-left: 16px; padding-right: 0; border-left: 0.5px solid rgba(6,148,209,0.22); }
.tvs .roi-stat-chip-num { font-size:24px !important; font-weight: 800; color: var(--blue); line-height: 1; margin-bottom: 5px; }
.tvs .roi-stat-chip-label { font-size:11px !important; color: #586274; font-weight: 500; letter-spacing: 0.03em; }
.tvs .roi-item { display: flex; gap: 12px; align-items: center; padding: 10px 18px; border-radius: 10px; border: 1px solid transparent; background: transparent; }
.tvs .roi-item-icon-wrap { flex-shrink: 0; width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size:16px !important; background: rgba(255,255,255,0.8); border: 1px solid rgba(6,148,209,0.18); }
.tvs .roi-item-body { flex: 1; }
.tvs .roi-item-num { font-size:11px !important; font-weight: 700; color: var(--blue); letter-spacing: 0.1em; margin-bottom: 4px; }
.tvs .roi-item-title { font-size:16px !important; font-weight: 700; color: #212835; margin-bottom: 6px; line-height: 1.3; }
.tvs .roi-item-desc { font-size:14px !important; color: #586274; line-height: 1.7; }
@keyframes roiIconGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(58,182,235,0); }
  50% { box-shadow: 0 0 5px 2px rgba(58,182,235,0.12); }
}
.tvs .roi-icon-glow { animation: roiIconGlow 3s ease-in-out infinite; }
@media (max-width: 1024px) {
.tvs .roi-inner { gap: 48px; padding: 0 32px; }


}
@media (max-width: 860px) {
.tvs .roi-inner { padding: 0 24px; }
.tvs .roi-left { position: static; width: 100%; }
.tvs .roi-right { padding-bottom: 0; }
.tvs .roi-sec { padding-bottom: 40px; }


}
@media (max-width: 600px) {
.tvs .roi-inner { padding: 0 16px; }
.tvs .roi-left { display: flex; flex-direction: column; align-items: center; text-align: center; }
.tvs .roi-left-heading { text-align: center; }
.tvs .roi-eyebrow { justify-content: center; }
.tvs .roi-left-sub { max-width: 100%; text-align: center; }
.tvs .roi-left-cta { align-self: center; }
.tvs .roi-stat-strip { justify-content: center; width: 100%; }


}
.tvs .edge-sec { background: #001523; padding: 40px 0; }
.tvs .edge-inner { width: 100%; max-width: 100%; margin: 0 auto; }
.tvs .edge-left { width: 100%; }
.tvs .edge-inner .row, .tvs .roi-inner .row { align-items: center; }
.tvs .roi-inner .row { flex-direction: row-reverse; }
@media (max-width: 767px) {
.tvs .roi-inner .row { flex-direction: column; }
 
}
.tvs .edge-right { flex: 1; display: flex; flex-direction: column; gap: 0; }
.tvs .edge-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size:11px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #3AB6EB; margin-bottom: 18px; }
.tvs .edge-eyebrow::before { content: ""; display: block; width: 20px; height: 2px; background: #3AB6EB; border-radius: 2px; }
.tvs .edge-left-heading { font-size:24px !important; font-weight: 700; color: #fff; line-height: 1.4; margin-bottom: 14px; letter-spacing: -0.015em; }
.tvs .edge-left-heading em { font-style: normal; color: #3AB6EB; }
.tvs .edge-left-sub { font-size:15px !important; color: rgba(255,255,255,0.6); line-height: 1.75; margin-bottom: 32px; max-width: 300px; }
.tvs .edge-left-cta { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #3AB6EB 0%, #0694D1 100%); color: #fff; font-size:14px !important; font-weight: 700; padding: 12px 24px; border-radius: 8px; border: none; cursor: pointer; transition: all 0.2s; }
.tvs .edge-left-count { margin-top: 36px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); display: flex; gap: 0; align-items: stretch; }
.tvs .edge-count-item { flex: 1; padding-right: 20px; }
.tvs .edge-count-item + .edge-count-item { padding-left: 20px; padding-right: 0; border-left: 0.5px solid rgba(255,255,255,0.15); }
.tvs .edge-count-num { font-size:24px !important; font-weight: 800; background: linear-gradient(135deg,#3AB6EB 0%,#0694D1 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-bottom: 5px; }
.tvs .edge-count-label { font-size:11px !important; color: rgba(255,255,255,0.5); font-weight: 500; letter-spacing: 0.03em; }
.tvs .edge-item { display: flex; gap: 12px; align-items: center; padding: 10px 18px; border-radius: 10px; border: 1px solid transparent; background: transparent; }
.tvs .edge-item-icon-wrap { flex-shrink: 0; width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size:16px !important; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.3); }
.tvs .edge-item-body { flex: 1; }
.tvs .edge-item-num { font-size:10px !important; font-weight: 800; letter-spacing: 0.14em; color: rgba(58,182,235,0.7); margin-bottom: 5px; }
.tvs .edge-item-title { font-size:16px !important; font-weight: 700; color: #fff; margin-bottom: 6px; line-height: 1.3; }
.tvs .edge-item-desc { font-size:13.5px !important; color: rgba(255,255,255,0.55); line-height: 1.7; }
@media (max-width: 960px) {
.tvs .edge-inner { padding: 0 24px; gap: 40px; }
.tvs .edge-left { position: static; width: 100%; }
.tvs .edge-right { padding-bottom: 0; }
.tvs .edge-sec { padding-bottom: 40px; }


}
@media (max-width: 768px) {
.tvs .edge-left-heading { font-size:clamp(24px, 5vw, 36px) !important; }


}
@media (max-width: 600px) {
.tvs .edge-sec { padding: 40px 0; }
.tvs .edge-left { text-align: center; }
.tvs .edge-eyebrow { justify-content: center; }
.tvs .edge-left-sub { max-width: 100%; }
.tvs .edge-left-cta { display: flex; margin: 0 auto; }
.tvs .edge-left-count { justify-content: center; }
.tvs .edge-item { flex-direction: row; align-items: center; text-align: left; padding: 10px 12px; }
.tvs .edge-item-body { text-align: left; }


}
@media (max-width: 480px) {
.tvs .edge-count-num { font-size:20px !important; }
.tvs .edge-count-label { font-size:10px !important; }
.tvs .edge-left-count { gap: 16px; }


}
@media (max-width: 360px) {
.tvs .edge-inner { padding: 0 12px; }


}
@media (max-width: 1100px) {
.tvs .hero-cols { grid-template-columns: 1fr; padding: 40px 24px; gap: 32px; }
.tvs .hero-stats-inner { grid-template-columns: repeat(3, 1fr); }
.tvs .hero-sep { display: none; }
.tvs .cert-grid { grid-template-columns: 1fr 1fr; }
.tvs .features-grid { grid-template-columns: 1fr 1fr; }
 
}
@media (max-width: 768px) {
.tvs .nav { padding: 0 20px; }
.tvs .nav-ms-badge { display: none; }
.tvs .hero-cols { padding: 40px 20px; }
.tvs .lead-form { padding: 24px 20px; }
.tvs .stats-inner { grid-template-columns: 1fr 1fr; }
.tvs .cert-grid { grid-template-columns: 1fr; }
.tvs .features-grid { grid-template-columns: 1fr; }
.tvs .features-sec, .tvs .certs-sec, .tvs .test-sec, .tvs .bottom-cta { padding: 40px 20px; }
 
}
@media (max-width: 600px) {
.tvs .hero-cols { padding: 40px 16px; }
.tvs .stats-inner { grid-template-columns: 1fr 1fr; }
.tvs .features-sec { padding: 40px 16px; }
.tvs .certs-sec { padding: 48px 14px; }
.tvs .cert-grid { gap: 8px; }
.tvs .cert-showcase-sec { padding: 40px 16px; }
.tvs .lgm-sec { padding: 40px 16px; }
.tvs .why-sec { padding: 40px 16px; }
.tvs .companies-marquee-wrap { padding: 7px 0; }
.tvs .footer { padding: 24px 16px; }
 
}
@media (max-width: 480px) {
.tvs .hero-cols { padding: 40px 14px; }
.tvs .hero-h1 { font-size:clamp(18px, 8.5vw, 26px) !important; }
.tvs .hero-form-col { display: none; }
.tvs .cert-grid { grid-template-columns: 1fr; }
 
}
@media (prefers-reduced-motion: reduce) {
.tvs .blob1, .tvs .blob2, .tvs .blob3 { animation: none !important; }
.tvs * { transition-duration: 0.01ms !important; }
 
}
@media (max-width: 1100px) {
.tvs .hero-cols { padding: 40px 24px; gap: 32px; }
.tvs .hero-stats-inner { grid-template-columns: repeat(3, 1fr); }
.tvs .hero-stats-bar .hero-stat-item:nth-child(3) { border-right: none; }
.tvs .hero-sep { display: none; }
.tvs .hero-left { padding-right: 0; max-width: 620px; }
.tvs .hero-form-col { width: 100%; max-width: 540px; margin-top: 20px; }
.tvs .hero-proof > div { gap: 16px !important; }
.tvs .sp-avatars { margin-right: 6px; }
.tvs .sp-text { min-width: 0; width: auto; margin-left: 20px; }
.tvs .lead-form-wrap { width: 100%; max-width: 500px; }


}
@media (max-width: 960px) {
.tvs .hero-cols { padding: 40px 20px; }
.tvs .hero-h1 { font-size:28px !important; }
.tvs .hero-features { gap: 8px; }
.tvs .hero-feat-row { align-items: flex-start; font-size:13px !important; gap: 8px; text-align: left; word-spacing: normal; word-break: normal; hyphens: none; }
.tvs .hero-feat-row strong { white-space: normal; }
.tvs .hero-feat-icon { margin-top: 2px; flex-shrink: 0; }
.tvs .hero-tech-menu-wrap { display: none; }
.tvs .hero-proof { gap: 10px; }
.tvs .proof-partner-badges { gap: 6px; }
.tvs .proof-partner-img { height: 44px; }


}
@media (max-width: 768px) {
.tvs .hero-cols { padding: 40px 20px; }
.tvs .hero-stats-inner { grid-template-columns: repeat(3, 1fr); }
.tvs .lead-form { padding: 24px 20px; }


}
@media (max-width: 600px) {
.tvs .hero-cols { padding: 40px 16px; }
.tvs .hero-h1 { font-size:clamp(20px, 7.5vw, 28px) !important; }
.tvs .hero-sub { font-size:14px !important; }
.tvs .hero-ctas { gap: 10px; }
.tvs .hero-stats-inner {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    grid-template-columns: none;
    padding: 0;
  }
.tvs .hero-stats-inner::-webkit-scrollbar { display: none; }
.tvs .hero-stat-item {
    flex: 0 0 50%;
    padding: 16px 12px;
    gap: 8px;
    scroll-snap-align: none;
    border-right: 1px solid rgba(0,120,212,0.12);
    border-bottom: none;
    box-sizing: border-box;
    
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: flex-start !important;
  }
.tvs .hero-stat-item .hero-stat-text, .tvs .hero-stat-item .hero-stat-number, .tvs .hero-stat-item .hero-stat-label { text-align: center !important; }
.tvs .hero-stat-item:nth-child(odd) { scroll-snap-align: start; }
.tvs .hero-stat-item:nth-child(2) { border-right: none; }
.tvs .hero-stat-item:nth-child(4) { border-right: none; }
.tvs .hero-stat-item:last-child { flex: 0 0 100%; border-right: none; justify-content: center; }
.tvs .hero-stat-number { font-size:18px !important; }
.tvs .hero-stat-src { display: none; }
.tvs .hero-proof { flex-direction: column; align-items: flex-start; gap: 12px; }
.tvs .proof-partner-badges { gap: 6px; }
.tvs .proof-partner-img { height: 38px; }
.tvs .hero-badge-label { font-size:11px !important; }


}
@media (max-width: 480px) {
.tvs .hero-cols { padding: 40px 14px; }
.tvs .hero-h1 { font-size:clamp(18px, 8.5vw, 26px) !important; }
.tvs .hero-sub { font-size:13px !important; }
.tvs .hero-feat-row { align-items: flex-start; font-size:13px !important; gap: 8px; }
.tvs .hero-feat-row strong { white-space: normal; }
.tvs .hero-feat-icon { margin-top: 2px; flex-shrink: 0; }
.tvs .hero-ctas { flex-direction: column; align-items: stretch; gap: 10px; flex-wrap: nowrap; width: 100%; }
.tvs .hero-btn-primary { flex: 1 1 auto; width: 100%; justify-content: center; font-size:13px !important; padding: 12px 16px; white-space: nowrap; }
.tvs .hero-btn-ghost { flex: 1 1 auto; width: 100%; justify-content: center; font-size:13px !important; padding: 12px 16px; white-space: nowrap; }
.tvs .hero-form-col { display: none; }
.tvs .hero-stat-icon { width: 30px; height: 30px; border-radius: 8px; }
.tvs .hero-stat-icon svg { width: 14px; height: 14px; }


}
@media (max-width: 360px) {
.tvs .hero-cols { padding: 40px 12px; }
.tvs .hero-h1 { font-size:clamp(17px, 9vw, 24px) !important; }
.tvs .hero-sub { font-size:12.5px !important; }
.tvs .hero-feat-row { font-size:12px !important; }
.tvs .hero-ctas { flex-direction: column; align-items: stretch; gap: 10px; flex-wrap: nowrap; width: 100%; }
.tvs .hero-btn-primary { flex: 1 1 auto; width: 100%; justify-content: center; font-size:12px !important; padding: 12px 14px; white-space: nowrap; }
.tvs .hero-btn-ghost { flex: 1 1 auto; width: 100%; justify-content: center; font-size:12px !important; padding: 12px 14px; white-space: nowrap; }
.tvs .hero-stat-item { padding: 10px 12px; }
.tvs .hero-stat-number { font-size:16px !important; }
.tvs .hero-stat-label { font-size:9.5px !important; }


}
@media (max-width: 960px) {
.tvs .companies-headline-wrap { margin-bottom: 32px; padding: 0 16px; }
.tvs .company-logo-item { min-width: 100px; padding: 0 14px; }
.tvs .company-logo-item svg { height: 20px; }


}
@media (max-width: 480px) {
.tvs .company-logo-item { min-width: 76px; padding: 0 8px; }
.tvs .company-logo-item svg { height: 16px; }


}
@media (max-width: 1024px) {
.tvs .certs-layout { grid-template-columns: 1fr !important; height: auto !important; }
.tvs .cert-sidebar-divider { display: none; }
.tvs .csi-sublabel { display: none; }
.tvs .cert-grid { grid-template-columns: 1fr 1fr; }
.tvs .cert-right { overflow: visible; width: 100%; }
.tvs .cert-panel-scroll { padding: 10px 14px 16px; }
.tvs .certs-header { margin-bottom: 12px; opacity: 1 !important; transform: none !important; display: block !important; }
.tvs .certs-header .sec-label, .tvs .certs-header .sec-title, .tvs .certs-header .certs-header-sub { opacity: 1 !important; display: block !important; }
.tvs .cf-filter-btn-mobile { display: inline-flex !important; }
.tvs .cf-result-count-inline { display: none !important; }
.tvs .cf-bar-right { flex: 0 0 100%; width: 100% !important; }
.tvs .cf-sort { flex: 1 !important; min-width: 0 !important; }
.tvs .cert-toolbar { flex-wrap: wrap !important; gap: 10px !important; }
.tvs .cert-toolbar-search { flex: 1 1 100% !important; min-width: 100% !important; order: -1 !important; }
.tvs .cert-toolbar-search input {
    flex: 1 !important;
    min-width: 0 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--light-text) !important;
    padding: 0 8px !important;
  }
.tvs .cert-sort-select { flex: 1 1 0 !important; min-width: 0 !important; order: 1 !important; }
.tvs .cert-toolbar-count { display: none !important; }
.tvs .cf-filter-btn-mobile { order: 2 !important; flex-shrink: 0 !important; }
.tvs .cert-sidebar { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: 320px !important; max-width: 90vw !important; max-height: 100vh !important; height: 100vh !important; z-index: 1100 !important; transform: translateX(100%) !important; transition: transform 0.25s cubic-bezier(0.4,0,0.2,1) !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; padding: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; border: none !important; }
.tvs .cert-sidebar.is-open { transform: translateX(0) !important; }
.tvs .cert-sidebar-scroll { display: flex !important; flex-direction: column !important; gap: 24px !important; padding: 20px !important; overflow-y: auto !important; flex: 1 1 auto !important; }
.tvs .cert-sidebar-scroll::before { content: 'Filters'; display: block; font-size:15px !important; font-weight: 800; color: #0a1f33; margin: -20px -20px 0; padding: 16px 20px; border-bottom: 0.5px solid #e0ecf8; }
.tvs .cert-sidebar-label { display: block !important; margin: 0 !important; padding: 0 0 10px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; color: #185FA5 !important; text-transform: uppercase !important; }
.tvs .cert-sidebar-label::after { display: none !important; }
.tvs .cert-tech-search { display: none !important; }
.tvs .cert-sidebar-divider-line { display: none !important; }
.tvs .cert-sidebar-bottom { display: none !important; }
.tvs .cert-tech-list, .tvs .cert-filter-list { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; padding: 0 !important; max-height: none !important; overflow: visible !important; }
.tvs .cert-sidebar-item, .tvs .cert-filter-item {
    display: inline-flex !important; align-items: center !important; gap: 5px !important;
    width: auto !important; padding: 6px 13px !important; border-radius: 20px !important;
    background: #fff !important; border: 1.5px solid #B5D4F4 !important;
    border-left: 1.5px solid #B5D4F4 !important;
    font-size: 12.5px !important; font-weight: 600 !important; color: #185FA5 !important;
    cursor: pointer !important; transition: all 0.15s !important;
  }
.tvs .cert-sidebar-item:hover, .tvs .cert-filter-item:hover { background: #f0f6fb !important; border-color: #0078D4 !important; }
.tvs .cert-sidebar-item.active, .tvs .cert-filter-item.active {
    background: #0078D4 !important; border-color: #0078D4 !important;
    color: #fff !important;
  }
.tvs .cert-sidebar-item .csi-icon { display: none !important; }
.tvs .cert-sidebar-item .csi-body { display: contents !important; }
.tvs .cert-sidebar-item .csi-label { font-size: 12.5px !important; font-weight: 600 !important; color: inherit !important; }
.tvs .cert-sidebar-item .csi-sublabel { display: none !important; }
.tvs .cert-sidebar-item .csi-count, .tvs .cert-filter-item .cert-filter-count {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: #E8F1FB !important; border: none !important;
    color: #6b8299 !important; font-size: 10px !important; font-weight: 700 !important;
    padding: 1px 5px !important; border-radius: 10px !important; min-width: 0 !important;
  }
.tvs .cert-sidebar-item.active .csi-count, .tvs .cert-filter-item.active .cert-filter-count {
    background: rgba(255,255,255,0.25) !important; color: #fff !important;
  }
.tvs .cert-filter-item .cert-filter-checkbox { display: none !important; }
.tvs .cert-filter-item .cert-filter-label { font-size: 12.5px !important; font-weight: 600 !important; color: inherit !important; }
.tvs .cert-filter-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 1090; opacity: 0; pointer-events: none; transition: opacity 0.25s; display: block !important; touch-action: none; }
.tvs .cert-filter-overlay.is-open { opacity: 1; pointer-events: auto; }
.tvs.cert-drawer-open, .tvs.cert-drawer-open { overflow: hidden !important; }
.tvs .cert-sidebar-close { display: flex !important; }


}
@media (min-width: 1025px) {
.tvs .cert-filter-overlay { display: none !important; }


}
@media (max-width: 768px) {
.tvs .cert-grid { grid-template-columns: 1fr; }
.tvs .cert-panel-sticky { flex-wrap: wrap; gap: 8px; }
.tvs .cert-panel-search { width: 100%; flex: 1 1 100%; }
.tvs .cert-panel-scroll { padding: 10px 14px 24px; }
.tvs .cert-info-row1 { flex-wrap: wrap; gap: 10px; }
.tvs .cert-info-enroll { margin-left: 0; }
.tvs .cert-info-row2 { flex-direction: column; align-items: flex-start; gap: 8px; }
.tvs .cert-level-tabs { flex-wrap: wrap; }
.tvs .cert-mode-btn { min-width: 120px; padding: 9px 14px; }
.tvs .cert-mode-wrap { width: 100% !important; align-items: stretch !important; }
.tvs .tab-shimmer-border { display: flex !important; width: 100% !important; }
.tvs .cert-mode-toggle { display: flex !important; width: 100% !important; }
.tvs .cert-mode-btn { flex: 1 1 0 !important; min-width: 0 !important; }
.tvs .cert-mode-text-sub { display: none; }
.tvs .cta-btns { flex-direction: column; align-items: center; }
.tvs .certs-header { margin-bottom: 10px; }


}
.tvs .cert-info-count-mobile { display: none; }
.tvs .cert-tech-mobile-btn { display: none; }
.tvs .cert-tech-popup[hidden] { display: none !important; }
@media (max-width: 1024px) {
.tvs #certRight { display: flex !important; flex-direction: column !important; }
.tvs .cert-info-panel { order: 1 !important; display: flex !important; padding: 14px 16px 12px !important; gap: 8px !important; border-bottom: 1px solid var(--light-border) !important; }
.tvs #certCoursesMode { order: 2 !important; }
.tvs #certExamsMode { order: 3 !important; }
.tvs .cert-info-row1 { flex-wrap: wrap !important; gap: 10px !important; }
.tvs .cert-info-identity { flex: 1 1 100% !important; min-width: 0 !important; }
.tvs .cert-info-name { font-size: 17px !important; margin-bottom: 4px !important; }
.tvs .cert-info-desc { font-size: 12px !important; line-height: 1.5 !important; }
.tvs .cert-info-cta { width: 100% !important; order: 99 !important; }
.tvs .cert-info-count-mobile {
    display: block !important; margin-top: 8px; font-size:11.5px !important; font-weight: 700;
    letter-spacing: 0.06em; text-transform: uppercase; color: #185FA5;
  }
.tvs .cert-tech-mobile-btn {
    display: inline-flex !important; align-items: center; gap: 8px;
    flex: 1 1 100%; min-width: 100%; order: -2 !important;
    padding: 10px 14px; background: #fff;
    border: 1.5px solid #B5D4F4; border-radius: 10px;
    color: #0a1f33; font-family: inherit; font-size:13px !important; font-weight: 700;
    cursor: pointer; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
    text-align: left;
  }
.tvs .cert-tech-mobile-btn:hover, .tvs .cert-tech-mobile-btn:focus-visible { background: #F0F6FB; border-color: #0078D4; outline: none; }
.tvs .cert-tech-mobile-btn .ctmb-icon { display: inline-flex; color: #0078D4; flex-shrink: 0; }
.tvs .cert-tech-mobile-btn .ctmb-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tvs .cert-tech-mobile-btn .ctmb-chev { color: #6b8299; flex-shrink: 0; }


}
@media (max-width: 480px) {
.tvs .cert-grid { grid-template-columns: 1fr; }
.tvs .cert-panel-scroll { padding: 8px 10px 12px; }
.tvs .cert-panel-sticky { padding: 8px 10px; gap: 6px; }
.tvs .cert-sidebar-item { padding: 5px 10px; font-size:12px !important; }
.tvs .csi-icon { width: 26px; height: 26px; border-radius: 7px; }
.tvs .cert-card { border-radius: 10px; }
.tvs .cert-info-enroll { display: none; }
.tvs .cert-info-panel { display: flex !important; }
.tvs .cert-level-tabs { display: none; }
.tvs .cert-level-select { display: block; }
.tvs .certs-layout { border-radius: 14px; }


}
.tvs .cert-tech-popup { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: flex-end; justify-content: center; font-family: inherit; }
.tvs .cert-tech-popup-overlay { position: absolute; inset: 0; background: rgba(8,22,38,0.62); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: ctp-fade-in 0.2s ease-out; }
.tvs .cert-tech-popup-sheet { position: relative; width: 100%; max-width: 560px; max-height: 88vh; background: #fff; border-radius: 18px 18px 0 0; box-shadow: 0 -12px 48px rgba(0,0,0,0.25); display: flex; flex-direction: column; overflow: hidden; animation: ctp-slide-up 0.28s cubic-bezier(0.2,0.85,0.3,1); }
.tvs .cert-tech-popup-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #e6eef7; background: linear-gradient(180deg,#F7FBFF 0%,#fff 100%); flex-shrink: 0; }
.tvs .cert-tech-popup-eyebrow { font-size:10px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #0694D1; margin-bottom: 2px; }
.tvs .cert-tech-popup-title { font-size:17px !important; font-weight: 800; color: #0a1f33; line-height: 1.2; }
.tvs .cert-tech-popup-close { width: 34px; height: 34px; border-radius: 10px; border: 1px solid #e6eef7; background: #fff; color: #4b6378; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s, color 0.15s, border-color 0.15s; flex-shrink: 0; }
.tvs .cert-tech-popup-close:hover, .tvs .cert-tech-popup-close:focus-visible { background: #F0F6FB; color: #0078D4; border-color: #B5D4F4; outline: none; }
.tvs .cert-tech-popup-list { flex: 1 1 auto; overflow-y: auto; padding: 8px 0; -webkit-overflow-scrolling: touch; }
.tvs .cert-tech-popup-row { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 18px; background: transparent; border: none; font-family: inherit; font-size:14px !important; font-weight: 600; color: #0a1f33; text-align: left; cursor: pointer; border-bottom: 1px solid #f2f6fb; transition: background 0.12s; }
.tvs .cert-tech-popup-row:last-child { border-bottom: none; }
.tvs .cert-tech-popup-row:hover, .tvs .cert-tech-popup-row:focus-visible { background: #F0F6FB; outline: none; }
.tvs .cert-tech-popup-row .ctpr-icon { width: 32px; height: 32px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: rgba(6,148,209,0.07); border: 1px solid rgba(6,148,209,0.14); border-radius: 10px; }
.tvs .cert-tech-popup-row .ctpr-body { flex: 1; min-width: 0; }
.tvs .cert-tech-popup-row .ctpr-name { font-size:14px !important; font-weight: 700; color: #0a1f33; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tvs .cert-tech-popup-row .ctpr-count { display: inline-flex; align-items: center; justify-content: center; background: #E8F1FB; color: #185FA5; font-size:11px !important; font-weight: 700; padding: 2px 8px; border-radius: 12px; min-width: 28px; flex-shrink: 0; }
.tvs .cert-tech-popup-row.is-active { background: linear-gradient(90deg,rgba(0,120,212,0.10),rgba(0,120,212,0.02)); }
.tvs .cert-tech-popup-row.is-active .ctpr-name { color: #0078D4; }
.tvs .cert-tech-popup-row.is-active .ctpr-count { background: #0078D4; color: #fff; }
.tvs .cert-tech-popup-row .ctpr-check { width: 20px; height: 20px; color: #0078D4; flex-shrink: 0; display: none; }
.tvs .cert-tech-popup-row.is-active .ctpr-check { display: inline-flex; }
@keyframes ctp-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ctp-slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }
.tvs.cert-tech-popup-open, .tvs.cert-tech-popup-open { overflow: hidden !important; }
@media (min-width: 1025px) {
.tvs .cert-tech-popup { align-items: center; }
.tvs .cert-tech-popup-sheet { border-radius: 18px; max-height: 80vh; }


}
@media (max-width: 960px) {
.tvs .cert-showcase-sec { padding: 40px 24px; }
.tvs .cert-showcase-right { width: 100%; max-width: 480px; align-self: center; margin-left: auto; margin-right: auto; }
.tvs .credly-badges-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tvs .credly-badge-img { width: 52px; height: 52px; }


}
@media (max-width: 768px) {
.tvs .cert-showcase-right { width: 100%; max-width: 100%; }


}
@media (max-width: 600px) {
.tvs .cert-showcase-sec { padding: 40px 16px; }
.tvs .cert-showcase-left { padding: 0; }
.tvs .cert-showcase-title { font-size:clamp(22px, 5vw, 32px) !important; }
.tvs .cert-showcase-right { overflow: hidden; }
.tvs .credly-badges-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tvs .credly-badge-item { padding: 10px 6px 8px; border-radius: 10px; }
.tvs .credly-badge-img { width: 52px; height: 52px; }


}
@media (max-width: 480px) {
.tvs .cert-showcase-sec { padding: 40px 16px; }
.tvs .cert-showcase-left { padding: 0 4px; }
.tvs .cert-showcase-title { font-size:26px !important; }
.tvs .credly-badges-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tvs .credly-badge-img { width: 48px; height: 48px; }
.tvs .credly-badge-item { padding: 12px 6px 8px; border-radius: 10px; }


}
@media (max-width: 360px) {
.tvs .cert-showcase-sec { padding: 48px 12px; }


}
.tvs .ced-sec { background: var(--light-white); padding: 40px 40px; position: relative; overflow: hidden; border-top: 1px solid var(--light-border); }
.tvs .ced-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.tvs .ced-header { text-align: center; margin-bottom: 56px; }
.tvs .ced-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size:11px !important; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); margin-bottom: 16px; padding: 5px 14px; border-radius: 20px; border: 1px solid rgba(6,148,209,0.3); background: rgba(6,148,209,0.08); }
.tvs .ced-eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); animation: ced-pulse 2s ease-in-out infinite; }
@keyframes ced-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.7)} }
.tvs .ced-title { font-size:clamp(28px, 3.5vw, 46px) !important; font-weight: 700; color: var(--light-text); line-height: 1.15; margin-bottom: 16px; }
.tvs .ced-title em { font-style: normal; background: linear-gradient(135deg, var(--blue) 0%, #50e6ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .ced-subtitle { font-size:16px !important; color: var(--light-sub); max-width: 520px; margin: 0 auto; line-height: 1.6; }
.tvs .ced-tabs-wrap { display: flex; justify-content: center; margin-bottom: 48px; }
.tvs .ced-tabs { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; padding: 6px; background: var(--light-bg); border-radius: 16px; border: 1px solid var(--light-border); max-width: 860px; }
.tvs .ced-tab { padding: 7px 16px; border-radius: 10px; border: none; cursor: pointer; font-size:12.5px !important; font-weight: 500; font-family: inherit; color: var(--light-sub); background: transparent; transition: all 0.2s; white-space: nowrap; }
.tvs .ced-tab.active { color: #fff; background: var(--blue); box-shadow: 0 2px 12px rgba(6,148,209,0.35); }
.tvs .ced-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.tvs .ced-card { position: relative; background: #fff; border: 1px solid var(--light-border); border-radius: 18px; padding: 24px; cursor: default; transition: all 0.3s; overflow: hidden; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.tvs .ced-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.tvs .ced-code { display: inline-block; font-size:22px !important; font-weight: 800; letter-spacing: -0.02em; background: linear-gradient(135deg, var(--blue) 0%, #50e6ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 6px; line-height: 1; }
.tvs .ced-name { font-size:13px !important; font-weight: 600; color: var(--light-text); line-height: 1.35; max-width: 200px; }
.tvs .ced-badge { display: inline-flex; align-items: center; gap: 5px; font-size:10px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 10px; border-radius: 20px; white-space: nowrap; border: 1px solid; }
.tvs .ced-stats { display: flex; gap: 8px; flex-wrap: wrap; }
.tvs .ced-stat { display: flex; align-items: center; gap: 5px; font-size:11px !important; font-weight: 500; color: var(--light-sub); padding: 4px 10px; border-radius: 20px; background: var(--light-bg); border: 1px solid var(--light-border); }
.tvs .faq-chatbot-wrap { max-width: var(--container); margin: 0 auto; display: grid; grid-template-columns: 1fr 400px; gap: 48px; padding: 0 var(--px); align-items: start; }
.tvs .faq-chatbot-sticky { position: sticky; top: 80px; padding: 48px 0; z-index: 10; }
.tvs .faq-chatbot { background: #fff; border: 1px solid rgba(6,148,209,0.15); border-radius: 24px; box-shadow: 0 8px 48px rgba(6,148,209,0.12), 0 2px 8px rgba(0,0,0,0.05); display: flex; flex-direction: column; overflow: hidden; height: 580px; }
.tvs .faq-chatbot-header { background: linear-gradient(135deg, #071e2e 0%, #093d60 60%, #0b4d78 100%); padding: 14px 18px; display: flex; align-items: center; gap: 12px; flex-shrink: 0; position: relative; overflow: hidden; }
.tvs .faq-chatbot-avatar { width: 42px; height: 42px; border-radius: 14px; background: linear-gradient(135deg, #0694D1 0%, #3bbfef 100%); display: flex; align-items: center; justify-content: center; font-size:20px !important; font-weight: 800; color: #fff; box-shadow: 0 2px 10px rgba(6,148,209,0.4); }
.tvs .faq-chatbot-status-dot { position: absolute; bottom: -1px; right: -2px; width: 11px; height: 11px; border-radius: 50%; background: #22c55e; border: 2px solid #071e2e; }
.tvs .faq-chatbot-name { font-size:14px !important; font-weight: 700; color: #fff; font-family: var(--body); line-height: 1.2; }
.tvs .faq-chatbot-sub { font-size:11px !important; color: rgba(255,255,255,0.6); margin-top: 2px; font-family: var(--body); }
.tvs .faq-chatbot-msgs { flex: 1; overflow-y: auto; padding: 16px 16px 8px; display: flex; flex-direction: column; gap: 12px; scroll-behavior: smooth; background: #f8fafd; }
.tvs .faq-chat-row-bot { display: flex; align-items: flex-end; gap: 8px; animation: chatSlideIn 0.22s ease; }
.tvs .faq-chat-row-user { display: flex; justify-content: flex-end; animation: chatSlideIn 0.22s ease; }
.tvs .faq-chat-mini-avatar { width: 26px; height: 26px; border-radius: 8px; flex-shrink: 0; background: linear-gradient(135deg, #0694D1 0%, #3bbfef 100%); display: flex; align-items: center; justify-content: center; font-size:11px !important; font-weight: 800; color: #fff; margin-bottom: 2px; }
.tvs .faq-chat-msg { max-width: 82%; padding: 10px 14px; font-size:13.5px !important; line-height: 1.6; font-family: var(--body); }
.tvs .faq-chat-msg--bot { background: #fff; color: #1e3a4f; border-radius: 4px 16px 16px 16px; border: 1px solid rgba(6,148,209,0.1); box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
.tvs .faq-chat-msg--user { background: linear-gradient(135deg, #0694D1 0%, #0578b3 100%); color: #fff; border-radius: 16px 16px 4px 16px; box-shadow: 0 2px 8px rgba(6,148,209,0.3); }
.tvs .faq-chat-quick { display: flex; flex-wrap: nowrap; gap: 6px; padding: 8px 14px 10px; overflow-x: auto; flex-shrink: 0; background: #f8fafd; border-top: 1px solid rgba(6,148,209,0.07); }
.tvs .faq-chat-quick-btn { background: #fff; border: 1px solid rgba(6,148,209,0.2); color: #0694D1; border-radius: 20px; padding: 5px 12px; font-size:11.5px !important; font-weight: 600; cursor: pointer; transition: all 0.15s; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.tvs .faq-chatbot-input-row { display: flex; gap: 8px; padding: 10px 14px; border-top: 1px solid rgba(6,148,209,0.08); flex-shrink: 0; background: #fff; align-items: center; }
.tvs .faq-chatbot-input { flex: 1; border: 1.5px solid rgba(6,148,209,0.18); border-radius: 24px; padding: 8px 16px; font-size:13px !important; font-family: var(--body); color: #071e2e; outline: none; background: #f8fafd; }
.tvs .faq-chatbot-send { background: linear-gradient(135deg, #0694D1 0%, #0578b3 100%); color: #fff; border: none; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(6,148,209,0.35); }
.tvs .faq-chatbot-footer { padding: 6px 16px; background: #fff; border-top: 1px solid rgba(6,148,209,0.06); display: flex; align-items: center; justify-content: center; gap: 5px; flex-shrink: 0; }
.tvs .faq-chatbot-footer span { font-size:10px !important; color: #b0c4d0; }
@media (max-width: 960px) {
.tvs .faq-chatbot-wrap { grid-template-columns: 1fr; padding: 0 24px; }
.tvs .faq-chatbot-sticky { position: static; padding: 0 0 48px; }
 
}
@media (max-width: 600px) {
.tvs .faq-chatbot-wrap { padding: 0 16px; }
 
}
@media (max-width: 1024px) {
.tvs .faq-grid { grid-template-columns: 1fr !important; }
 
}
@media (max-width: 1024px) {
.tvs .faq-cta-bottom { flex-direction: column !important; align-items: stretch !important; padding: 24px 22px !important; }
.tvs .faq-cta-btns { flex-direction: column !important; width: 100% !important; gap: 10px !important; }
.tvs .faq-cta-btns > a, .tvs .faq-cta-btns > button { width: 100% !important; justify-content: center !important; padding: 12px 16px !important; box-sizing: border-box !important; }


}
.tvs .faq-list { display: flex; flex-direction: column; gap: 10px; padding: 48px 0; }
.tvs .faq-list details { background: #fff; border: 1px solid rgba(6,148,209,0.15); border-radius: 12px; padding: 0; transition: border-color 0.2s, box-shadow 0.2s; overflow: hidden; }
.tvs .faq-list details[open] { border-color: rgba(6,148,209,0.4); box-shadow: 0 4px 16px rgba(6,148,209,0.08); }
.tvs .faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; cursor: pointer; font-size:14px !important; font-weight: 700; color: var(--light-text); list-style: none; user-select: none; }
.tvs .faq-list summary::-webkit-details-marker { display: none; }
.tvs .faq-list summary::after { content: '+'; font-size:20px !important; font-weight: 600; color: var(--blue); flex-shrink: 0; transition: transform 0.2s; }
.tvs .faq-list details[open] summary::after { transform: rotate(45deg); }
.tvs .faq-list details p { padding: 0 20px 16px; font-size:13.5px !important; color: var(--light-sub); line-height: 1.7; margin: 0; }
.tvs .compare-sec { background: radial-gradient(ellipse at 55% 40%, #0D3F5A 0%, #071B2E 45%, #040C18 100%); padding: 40px 48px; overflow: hidden; position: relative; }
.tvs .compare-inner { max-width: var(--container); margin: 0 auto; position: relative; }
.tvs .compare-header { text-align: center; margin-bottom: 28px; }
.tvs .compare-eyebrow { display: inline-flex; align-items: center; gap: 7px; background: rgba(6,148,209,0.12); color: var(--blue); font-size:11px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; margin-bottom: 12px; border: 1px solid rgba(6,148,209,0.35); }
.tvs .compare-title { font-size:22px !important; font-weight: 800; color: #fff; letter-spacing: -0.015em; line-height: 1.35; margin-bottom: 8px; }
.tvs .compare-sub { font-size:13.5px !important; color: rgba(255,255,255,0.45); max-width: 480px; margin: 0 auto; line-height: 1.6; }
.tvs .compare-scores { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-bottom: 24px; }
.tvs .compare-score-card { border-radius: 14px; padding: 14px 10px; text-align: center; border: 1px solid rgba(6,148,209,0.20); background: rgba(8,24,42,0.60); backdrop-filter: blur(12px); box-shadow: 0 4px 16px rgba(0,0,0,0.30); }
.tvs .compare-score-card.is-koenig { background: linear-gradient(135deg, rgba(6,148,209,0.28) 0%, rgba(8,24,42,0.80) 100%); border-color: rgba(6,148,209,0.50); box-shadow: 0 4px 20px rgba(6,148,209,0.18); }
.tvs .compare-score-name { font-size:10.5px !important; font-weight: 700; color: rgba(255,255,255,0.40); letter-spacing: 0.07em; text-transform: uppercase; margin-bottom: 4px; }
.tvs .compare-score-card.is-koenig .compare-score-name { color: #3AB6EB; }
.tvs .compare-score-sub { font-size:9.5px !important; color: rgba(255,255,255,0.22); margin-bottom: 8px; }
.tvs .compare-score-num { font-size:28px !important; font-weight: 800; color: rgba(255,255,255,0.22); line-height: 1; }
.tvs .compare-score-card.is-koenig .compare-score-num { color: #4ade80; }
.tvs .compare-score-label { font-size:9.5px !important; font-weight: 600; color: rgba(255,255,255,0.28); margin-top: 3px; letter-spacing: 0.04em; text-transform: uppercase; }
.tvs .compare-table-wrap { border-radius: 16px; overflow: hidden; border: 1px solid rgba(6,148,209,0.20); margin-bottom: 12px; background: rgba(8,24,42,0.60); }
.tvs .compare-table-scroll { overflow-x: auto; }
.tvs .compare-table { width: 100%; min-width: 580px; border-collapse: collapse; font-size:13px !important; }
.tvs .compare-cat-row td { background: rgba(6,148,209,0.10); border-bottom: 1px solid rgba(6,148,209,0.18); padding: 7px 18px; font-size:10.5px !important; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #3AB6EB; }
.tvs .compare-thead th { padding: 11px 12px; text-align: center; font-size:10.5px !important; font-weight: 700; background: rgba(4,12,24,0.85); border-bottom: 1px solid rgba(6,148,209,0.15); color: rgba(255,255,255,0.38); letter-spacing: 0.05em; text-transform: uppercase; }
.tvs .compare-thead th:first-child { text-align: left; padding-left: 18px; width: 28%; color: rgba(255,255,255,0.28); }
.tvs .compare-thead th.cth-koenig { background: var(--blue); color: #fff; font-size:11.5px !important; font-weight: 800; letter-spacing: 0; text-transform: none; }
.tvs .compare-thead th .cth-sub { display: block; font-size:9.5px !important; font-weight: 500; color: rgba(255,255,255,0.28); margin-top: 2px; text-transform: none; letter-spacing: 0; }
.tvs .compare-thead th.cth-koenig .cth-sub { display: block; font-size:9.5px !important; font-weight: 500; color: rgba(255,255,255,0.7); margin-top: 2px; }
.tvs .compare-data-row { border-bottom: 1px solid rgba(255,255,255,0.04); transition: background 0.15s; }
.tvs .compare-data-row:last-child { border-bottom: none; }
.tvs .compare-data-row:hover { background: rgba(6,148,209,0.04); }
.tvs .compare-data-row td { padding: 10px 12px; text-align: center; vertical-align: middle; background: transparent; }
.tvs .compare-data-row td:first-child { text-align: left; padding-left: 18px; font-size:12.5px !important; font-weight: 600; color: rgba(255,255,255,0.72); }
.tvs .compare-data-row td.td-koenig { background: rgba(6,148,209,0.08); border-left: 2px solid rgba(6,148,209,0.25); border-right: 2px solid rgba(6,148,209,0.25); }
.tvs .cv-yes { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(74,222,128,0.13); border: 1.5px solid rgba(74,222,128,0.32); color: #4ade80; }
.tvs .cv-no { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(255,255,255,0.03); border: 1.5px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.18); }
.tvs .cv-part { font-size:10.5px !important; font-weight: 700; color: #fbbf24; background: rgba(251,191,36,0.09); border: 1px solid rgba(251,191,36,0.18); padding: 2px 7px; border-radius: 6px; white-space: nowrap; }
.tvs .cv-koenig-val { font-size:12.5px !important; font-weight: 800; color: #4ade80; }
.tvs .cv-other-val { font-size:11.5px !important; font-weight: 500; color: rgba(255,255,255,0.32); }
.tvs .compare-cta-strip { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 28px; flex-wrap: wrap; }
.tvs .compare-cta-btn { background: var(--blue); color: white; border: none; cursor: pointer; font-weight: 700; font-size:14px !important; padding: 13px 32px; border-radius: var(--r8); transition: all 0.2s; box-shadow: 0 4px 16px rgba(6,148,209,0.3); }
.tvs .cmp-more-btn {
        margin-bottom: 15px; 
    }
.tvs .cmp-more-btn:hover { background: rgba(6,148,209,0.2) !important; }
.tvs .cmp-less-btn:hover { color: rgba(255,255,255,0.7) !important; }
.tvs .pricing-sec { background: #f8fafc; padding: 40px 48px; border-top: 1px solid rgba(6,148,209,0.1); }
.tvs .pricing-inner { max-width: var(--container); margin: 0 auto; }
.tvs .pricing-trust-strip { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; font-size:12px !important; font-weight: 600; color: #6b8299; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 28px; }
.tvs .pricing-h2 { text-align: center; color: var(--ink); margin-bottom: 12px; }
.tvs .pricing-h2 em { font-style: normal; background: linear-gradient(90deg, var(--blue), #50e6ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .pricing-sub { text-align: center; color: #6b8299; font-size:15px !important; max-width: 560px; margin: 0 auto 0; line-height: 1.6; white-space: pre-line; }
.tvs .pricing-level-pill { display: inline-flex; align-items: center; gap: 5px; font-size:10px !important; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; margin-bottom: 14px; border: 1px solid; }
.tvs .pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; align-items: center; }
.tvs .pricing-card { background: #fff; border: 1.5px solid rgba(6,148,209,0.12); border-radius: 20px; padding: 32px 28px 28px; position: relative; display: flex; flex-direction: column; box-shadow: 0 4px 20px rgba(6,148,209,0.06); }
.tvs .pricing-featured { background: var(--blue); border-color: var(--blue); box-shadow: 0 32px 80px rgba(6,148,209,0.35); z-index: 2; }
.tvs .pricing-badge { position: absolute; top: 0; right: 0; background: var(--blue); color: #fff; font-size:11px !important; font-weight: 800; padding: 5px 13px 5px 10px; border-radius: 0 18px 0 12px; display: flex; align-items: center; gap: 5px; }
.tvs .pricing-featured .pricing-badge { background: rgba(255,255,255,0.22); }
.tvs .pricing-name { font-size:11px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #8faabf; margin-bottom: 20px; }
.tvs .pricing-featured .pricing-name { color: rgba(255,255,255,0.8); }
.tvs .pricing-amount-row { display: flex; align-items: flex-end; gap: 6px; margin-bottom: 4px; }
.tvs .pricing-amount { font-size:52px !important; font-weight: 800; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.tvs .pricing-badge-star { fill: #fbbf24; color: #fbbf24; width: 12px; height: 12px; }
.tvs .pricing-card-side { transform-origin: center; }
.tvs .pricing-slider-outer { overflow: hidden; }
.tvs .pricing-featured .pricing-card-desc { color: rgba(255,255,255,0.55); }
.tvs .pricing-featured .pricing-amount { color: #fff; }
.tvs .pricing-amount-period { font-size:13px !important; font-weight: 600; color: #8faabf; padding-bottom: 8px; }
.tvs .pricing-featured .pricing-amount-period { color: rgba(255,255,255,0.7); }
.tvs .pricing-billed { font-size:12px !important; color: #8faabf; margin-bottom: 18px; min-height: 18px; }
.tvs .pricing-featured .pricing-billed { color: rgba(255,255,255,0.65); }
.tvs .pricing-desc { font-size:13.5px !important; color: #6b8299; line-height: 1.55; margin-bottom: 20px; }
.tvs .pricing-featured .pricing-desc { color: rgba(255,255,255,0.85); }
.tvs .pricing-features { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-direction: column; gap: 10px; }
.tvs .pricing-features li { display: flex; align-items: flex-start; gap: 9px; font-size:13.5px !important; color: #3d5a6e; }
.tvs .pricing-featured .pricing-features li { color: rgba(255,255,255,0.95); }
.tvs .pf-check { color: #16a34a; flex-shrink: 0; margin-top: 1px; }
.tvs .pricing-featured .pf-check { color: rgba(255,255,255,0.9); }
.tvs .pricing-hr { border: none; border-top: 1px solid rgba(6,148,209,0.1); margin: 4px 0 20px; }
.tvs .pricing-featured .pricing-hr { border-color: rgba(255,255,255,0.2); }
.tvs .pricing-cta-btn { width: 100%; padding: 13px 20px; background: transparent; border: 1.5px solid var(--blue); color: var(--blue); border-radius: var(--r8); font-size:14px !important; font-weight: 700; cursor: pointer; transition: all 0.2s; margin-top: auto; }
.tvs .pricing-featured .pricing-cta-btn { background: var(--blue); color: #fff; border-color: transparent; box-shadow: 0 4px 16px rgba(6,148,209,0.3); }
.tvs .pricing-card-desc { margin-top: 14px; font-size:12px !important; text-align: center; color: #a0bccf; line-height: 1.5; }
.tvs .pricing-footnote { text-align: center; font-size:12px !important; color: #a0bccf; margin-top: 40px; }
@media (max-width: 960px) {
.tvs .pricing-sec { padding: 40px 24px; }
.tvs .pricing-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
 
}
.tvs .referral-sec { background: #f0f6fb; padding: 40px 48px 24px; border-top: 1px solid rgba(6,148,209,0.1); overflow: hidden; position: relative; }
.tvs .referral-inner { max-width: var(--container); margin: 0 auto; position: relative; z-index: 1; }
.tvs .referral-badge-wrap { display: flex; justify-content: center; margin-bottom: 28px; }
.tvs .referral-badge { display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #fff 0%, #f0f8ff 100%); border: 1.5px solid rgba(6,148,209,0.25); border-radius: 50px; padding: 10px 20px 10px 10px; box-shadow: 0 4px 20px rgba(6,148,209,0.12); }
.tvs .referral-badge-icon { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #0694D1 0%, #093148 100%); display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 4px 12px rgba(6,148,209,0.4); flex-shrink: 0; }
.tvs .referral-badge-title { font-size:13px !important; font-weight: 800; color: #071e2e; }
.tvs .referral-badge-sub { font-size:10.5px !important; font-weight: 600; color: #0694D1; }
.tvs .referral-center-hd { text-align: center; margin-bottom: 56px; }
.tvs .referral-h2 { font-size:24px !important; font-weight: 800; color: var(--ink); line-height: 1.4; margin-bottom: 14px; }
.tvs .referral-h2 em { font-style: normal; background: linear-gradient(90deg, var(--blue), #50e6ff, var(--blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.tvs .referral-sub { font-size:15px !important; color: #5a7a90; line-height: 1.65; max-width: 540px; margin: 0 auto 24px; }
.tvs .referral-stat-row { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: center; }
.tvs .referral-stat-pill { display: inline-flex; align-items: center; gap: 6px; background: #fff; border: 1px solid rgba(6,148,209,0.18); border-radius: 50px; padding: 6px 14px; font-size:12.5px !important; font-weight: 600; color: #1e3a4f; box-shadow: 0 2px 8px rgba(6,148,209,0.06); }
.tvs .referral-main-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 48px; align-items: start; }
.tvs .referral-link-card { background: #fff; border: 1.5px solid rgba(6,148,209,0.18); border-radius: 22px; padding: 34px 30px; box-shadow: 0 8px 40px rgba(6,148,209,0.08); position: relative; overflow: hidden; }
.tvs .referral-link-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, #0694D1, #50e6ff); border-radius:22px 22px 0 0; }
.tvs .referral-link-icon { width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, rgba(6,148,209,0.12) 0%, rgba(6,148,209,0.06) 100%); border: 1px solid rgba(6,148,209,0.15); display: flex; align-items: center; justify-content: center; color: #0694D1; margin-bottom: 16px; }
.tvs .referral-link-headline { font-size:19px !important; font-weight: 800; color: var(--ink); margin-bottom: 6px; }
.tvs .referral-link-sub { font-size:13.5px !important; color: #5a7a90; margin-bottom: 24px; line-height: 1.6; }
.tvs .referral-form { display: flex; gap: 10px; margin-bottom: 20px; }
.tvs .referral-input { flex: 1; padding: 12px 16px; background: #f4f8fc; border: 1.5px solid rgba(6,148,209,0.15); border-radius: 11px; color: var(--ink); font-size:14px !important; outline: none; }
.tvs .referral-submit-btn { padding: 12px 20px; background: linear-gradient(135deg, #0694D1 0%, #0580ba 100%); border: none; border-radius: 11px; color: #fff; font-size:14px !important; font-weight: 700; cursor: pointer; white-space: nowrap; box-shadow: 0 4px 14px rgba(6,148,209,0.3); }
.tvs .referral-trust-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.tvs .referral-trust-badge { display: inline-flex; align-items: center; gap: 6px; font-size:12px !important; font-weight: 600; color: #3d5a70; background: #f4f8fc; border: 1px solid rgba(6,148,209,0.12); border-radius: 20px; padding: 5px 12px; }
.tvs .referral-corp-note { font-size:12px !important; color: #8faabf; margin: 0; }
.tvs .referral-calc-card { background: linear-gradient(160deg, #071e2e 0%, #093148 60%, #0d3d58 100%); border: 1px solid rgba(6,148,209,0.25); border-radius: 22px; padding: 34px 30px; box-shadow: 0 12px 48px rgba(7,30,46,0.3); position: relative; overflow: hidden; }
.tvs .referral-calc-label { font-size:11px !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-bottom: 8px; }
.tvs .referral-calc-headline { font-size:15px !important; font-weight: 700; color: #fff; margin-bottom: 20px; }
.tvs .referral-calc-display { display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }
.tvs .referral-calc-amount { font-size:64px !important; font-weight: 800; color: #fff; line-height: 1; letter-spacing: -0.03em; }
.tvs .referral-calc-currency { font-size:30px !important; font-weight: 800; color: #50e6ff; align-self: flex-start; margin-top: 12px; }
.tvs .referral-calc-refs { font-size:13px !important; color: rgba(255,255,255,0.55); margin-bottom: 26px; }
.tvs .referral-calc-refs strong { color: rgba(255,255,255,0.9); font-weight: 700; }
.tvs .referral-calc-slider { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 6px; background: linear-gradient(to right, #0694D1 0%, #50e6ff 22%, rgba(255,255,255,0.15) 22%, rgba(255,255,255,0.15) 100%); outline: none; cursor: pointer; margin-bottom: 8px; display: block; }
.tvs .referral-calc-labels { display: flex; justify-content: space-between; font-size:11px !important; color: rgba(255,255,255,0.3); font-weight: 600; margin-bottom: 22px; }
.tvs .referral-calc-milestones { display: flex; gap: 8px; flex-direction: column; }
.tvs .referral-calc-milestone { display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 10px 14px; }
.tvs .referral-calc-milestone.active { background: rgba(6,148,209,0.2); border-color: rgba(6,148,209,0.5); }
.tvs .referral-calc-ms-left { display: flex; align-items: center; gap: 8px; }
.tvs .referral-calc-ms-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.2); flex-shrink: 0; }
.tvs .referral-calc-milestone.active .referral-calc-ms-dot { background: #50e6ff; box-shadow: 0 0 6px #50e6ff; }
.tvs .referral-calc-ms-label { font-size:12.5px !important; color: rgba(255,255,255,0.6); font-weight: 600; }
.tvs .referral-calc-milestone.active .referral-calc-ms-label { color: rgba(255,255,255,0.9); }
.tvs .referral-calc-ms-reward { font-size:13px !important; font-weight: 800; color: rgba(255,255,255,0.35); }
.tvs .referral-calc-milestone.active .referral-calc-ms-reward { color: #50e6ff; }
.tvs .referral-steps-section { margin-bottom: 48px; }
.tvs .referral-steps-label { font-size:11px !important; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #b0c8d8; display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.tvs .referral-steps-label::after { content:''; flex: 1; height: 1px; background: rgba(6,148,209,0.12); }
.tvs .referral-steps-track { display: flex; align-items: flex-start; gap: 0; position: relative; }
.tvs .referral-step-card { flex: 1; background: #fff; border: 1.5px solid rgba(6,148,209,0.1); border-radius: 18px; padding: 24px 20px 20px; margin: 0 8px; position: relative; z-index: 1; }
.tvs .referral-step-num-badge { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #0694D1 0%, #093148 100%); color: #fff; font-size:13px !important; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; box-shadow: 0 4px 12px rgba(6,148,209,0.35); border: 3px solid #fff; position: relative; z-index: 1; }
.tvs .referral-step-icon-wrap { width: 40px; height: 40px; border-radius: 11px; background: rgba(6,148,209,0.08); color: var(--blue); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.tvs .referral-step-title { font-size:14px !important; font-weight: 700; color: var(--ink); margin-bottom: 6px; line-height: 1.3; }
.tvs .referral-step-when { font-size:11.5px !important; color: #b0c8d8; font-weight: 600; margin-bottom: 10px; }
.tvs .referral-step-desc { font-size:12.5px !important; color: #5a7a90; line-height: 1.6; margin-bottom: 12px; }
.tvs .referral-step-reward-tag { display: inline-flex; align-items: center; gap: 5px; font-size:12px !important; font-weight: 700; padding: 5px 11px; border-radius: 8px; }
.tvs .referral-rewards-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 72px; }
.tvs .referral-reward-item { background: #fff; border: 1.5px solid rgba(6,148,209,0.1); border-radius: 18px; padding: 30px 26px; position: relative; overflow: hidden; text-align: center; }
.tvs .referral-reward-icon-wrap { width: 52px; height: 52px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; background: rgba(6,148,209,0.08); color: var(--blue); }
.tvs .referral-reward-amount { font-size:28px !important; font-weight: 800; color: var(--ink); margin-bottom: 6px; }
.tvs .referral-reward-label { display: inline-flex; align-items: center; gap: 5px; font-size:11px !important; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 11px; border-radius: 20px; margin-bottom: 12px; background: rgba(6,148,209,0.08); color: var(--blue); }
.tvs .referral-reward-desc { font-size:13px !important; color: #5a7a90; line-height: 1.55; }
.tvs .referral-cta-strip { background: linear-gradient(135deg, #071e2e 0%, #093148 100%); margin: 0 -48px -24px; }
.tvs .referral-cta-inner { max-width: 1200px; margin: 0 auto; padding: 44px 56px; display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; }
.tvs .referral-cta-question { font-size:22px !important; font-weight: 800; color: #fff; margin-bottom: 6px; }
.tvs .referral-cta-desc { font-size:14px !important; color: rgba(255,255,255,0.55); margin-bottom: 20px; }
.tvs .referral-cta-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.tvs .referral-cta-btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; background: var(--blue); border: none; border-radius: var(--r8); color: #fff; font-size:14px !important; font-weight: 700; cursor: pointer; box-shadow: 0 4px 16px rgba(6,148,209,0.3); }
.tvs .referral-cta-btn-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; color: rgba(255,255,255,0.85); font-size:14px !important; font-weight: 600; cursor: pointer; }
.tvs .referral-trust-pills { display: flex; flex-direction: column; gap: 10px; justify-content: center; align-self: center; }
.tvs .referral-trust-pill { display: inline-flex; align-items: center; gap: 9px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 50px; padding: 9px 16px; color: rgba(255,255,255,0.8); font-size:12.5px !important; font-weight: 600; white-space: nowrap; }
@media (max-width: 900px) {
.tvs .referral-sec { padding: 40px 24px 24px; }
.tvs .referral-cta-strip { margin: 0 -24px -24px; }
.tvs .referral-main-row { grid-template-columns: 1fr; }
.tvs .referral-steps-track { flex-wrap: wrap; gap: 12px; }
.tvs .referral-rewards-strip { grid-template-columns: 1fr; max-width: 420px; margin-left: auto; margin-right: auto; }
.tvs .referral-cta-inner { grid-template-columns: 1fr; padding: 36px 28px; }
 
}
.tvs .lfv2-sec { background:linear-gradient(135deg,#061e30 0%,#093148 50%,#062240 100%); padding:clamp(40px,7vw,60px) clamp(16px,4vw,50px); border-top:1px solid rgba(6,148,209,0.12); position:relative; overflow:hidden; }
.tvs .lfv2-inner { width:100%; max-width:100%; margin:0 auto; position:relative; z-index:1; }
.tvs .lfv2-eyebrow { display:inline-block; background:rgba(6,148,209,0.18); color:#0694D1; font-size:11px !important; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; padding:6px 16px; border-radius:20px; margin-bottom:12px; }
.tvs .lfv2-h2 { font-size:24px !important; font-weight:800; color:#fff; line-height:1.4; margin-bottom:12px; }
.tvs .lfv2-h2 em { font-style:normal; background:linear-gradient(90deg,#0694D1,#38bdf8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.tvs .lfv2-sub { font-size:14px !important; color:rgba(255,255,255,0.55); line-height:1.65; max-width:560px; margin:0 auto; }
.tvs .lfv2-grid { margin-top: 48px; }
.tvs .lfv2-carousel-wrap { overflow: hidden; }
.tvs .lfv2-carousel-track { display: flex; gap: 20px; will-change: transform; transform-style: preserve-3d; }
.tvs .lfv2-carousel-track > .lfv2-flip { flex: 0 0 calc(25% - 15px); }
.tvs .lfv2-counter { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 24px; }
.tvs .lfv2-nav-btn { width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(6,148,209,0.4); background: rgba(6,148,209,0.12); color: #0694d1; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size:14px !important; transition: background 0.2s; font-family: inherit; padding: 0; }
.tvs .lfv2-nav-btn:hover { background: rgba(6,148,209,0.25); }
.tvs .lfv2-counter-text { font-size:13px !important; font-weight: 600; letter-spacing: 0.08em; color: rgba(255,255,255,0.75); min-width: 60px; text-align: center; }
.tvs .lfv2-card { background:linear-gradient(145deg,#0a3d5c,#072d44); border:1px solid rgba(6,148,209,0.22); border-radius:16px; padding: 20px; display:flex; flex-direction:column; min-height: 360px; }
.tvs .lfv2-card-title { font-size:15px !important; font-weight:600; color:#fff; margin-bottom:8px; line-height:1.3; }
.tvs .lfv2-card-desc { font-size:12.5px !important; color:rgba(255,255,255,0.6); line-height:1.65; flex:1; font-weight:300; }
.tvs .lfv2-card-btn { display:block; width:100%; padding:10px 0; border-radius:12px; border:none; background:linear-gradient(135deg,#0694d1,#076d9d); color:#fff; font-size:13px !important; font-weight:700; cursor:pointer; margin-top:0; font-family:inherit; margin-bottom: 18px !important; }
.tvs .lfv2-front > div:not(:first-child) { padding-bottom: 16px !important; }
.tvs .lfv2-front .lfv2-card-btn { margin-bottom: 18px !important; }
.tvs .lfv2-back .lfv2-card-btn { margin-bottom: 6px !important; }
.tvs .lfv2-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.tvs .lfv2-chip { display:inline-block; border-radius:999px; padding:4px 10px; font-size:11px !important; font-weight:500; line-height:1.3; background:rgba(6,148,209,0.14); color:rgba(255,255,255,0.82); border:1px solid rgba(6,148,209,0.30); }
.tvs .lfv2-bg-orbs { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.tvs .lfv2-bg-orbs .lfv2-orb { position: absolute; border-radius: 50%; }
.tvs .lfv2-bg-orbs .lfv2-orb1 { top: -80px; left: 25%; width: 380px; height: 380px; opacity: 0.25; background: radial-gradient(circle,#0694d1,transparent 70%); filter: blur(60px); }
.tvs .lfv2-bg-orbs .lfv2-orb2 { bottom: 0; right: 25%; width: 320px; height: 320px; opacity: 0.20; background: radial-gradient(circle,#076d9d,transparent 70%); filter: blur(55px); }
.tvs .lfv2-bg-orbs .lfv2-orb3 { top: 50%; left: 40px; transform: translateY(-50%); width: 200px; height: 200px; opacity: 0.15; background: radial-gradient(circle,#00a4ef,transparent 70%); filter: blur(45px); }
.tvs .lfv2-bg-orbs .lfv2-orb4 { top: 33%; right: 40px; width: 180px; height: 180px; opacity: 0.15; background: radial-gradient(circle,#0694d1,transparent 70%); filter: blur(40px); }
@keyframes lfv2Ripple { 0% { transform: translate(-50%,-50%) scale(0.25); opacity: 0.55; } 100% { transform: translate(-50%,-50%) scale(2.8); opacity: 0; } }
.tvs .lfv2-ring { position: absolute; top: 50%; left: 50%; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; border: 1px solid rgba(6,148,209,0.35); animation: lfv2Ripple 5s ease-out infinite; }
.tvs .lfv2-ring.d1 { animation-delay: 0s; }
.tvs .lfv2-ring.d2 { animation-delay: 1.6s; }
.tvs .lfv2-ring.d3 { animation-delay: 3.2s; }
.tvs .lfv2-flip { perspective: 1000px; height: 400px; cursor: pointer; position: relative; }
.tvs .lfv2-flip-inner { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transform-origin: center center; transition: transform 0.9s cubic-bezier(0.65,0,0.35,1); will-change: transform; }
.tvs .lfv2-flip:hover .lfv2-flip-inner, .tvs .lfv2-flip.is-flipped .lfv2-flip-inner { transform: rotateY(-180deg); }
.tvs .lfv2-face { position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; border: 1px solid rgba(6,148,209,0.22); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }
.tvs .lfv2-back { -webkit-transform: rotateY(180deg) translateZ(1px); transform: rotateY(180deg) translateZ(1px); padding: 20px; border: 1px solid rgba(6,148,209,0.35); }
.tvs .lfv2-badge { position: absolute; left: 12px; top: 12px; font-size:11px !important; font-weight: 600; padding: 4px 12px; border-radius: 20px; background: rgba(9,49,72,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; letter-spacing: 0.04em; }
.tvs .lfv2-back-icon { width: 40px; height: 40px; border-radius: 12px; background: rgba(6,148,209,0.18); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tvs .lfv2-back-title { font-size:14px !important; font-weight: 700; color: #fff; line-height: 1.3; margin: 0; }
.tvs .lfv2-back-list { list-style: none; padding: 0; margin: 0 0 auto; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.tvs .lfv2-back-list li { display: flex; align-items: flex-start; gap: 10px; font-size:13px !important; color: rgba(255,255,255,0.78); line-height: 1.4; }
@keyframes lfrBtnGlow { 0%,100%{ box-shadow:0 0 0 0 rgba(6,148,209,0), 0 4px 14px rgba(6,148,209,0.3);} 50%{ box-shadow:0 0 22px 7px rgba(6,148,209,0.5), 0 4px 14px rgba(6,148,209,0.3);} }
.tvs .lfr-btn-glow { animation: lfrBtnGlow 2.8s ease-in-out infinite; }
@media (max-width: 900px) {
.tvs .lfv2-carousel-track > .lfv2-flip { flex: 0 0 calc(50% - 10px); }
 
}
@media (max-width: 640px) {
.tvs .lfv2-carousel-track > .lfv2-flip { flex: 0 0 calc(50% - 10px); }
 
}
@media (max-width: 540px) {
.tvs .lfv2-carousel-track > .lfv2-flip { flex: 0 0 100%; }
 
}
@media (max-width: 600px) {
.tvs .lfv2-sec { padding-top: 20px !important; padding-bottom: 20px !important; }
 
}
.tvs .batches-sec { background:#EBF8FE; padding:40px 48px; border-top:1px solid #CAEFFF; position:relative; overflow:hidden; }
.tvs .batches-inner { width:100%; max-width:100%; margin:0 auto; position:relative; z-index:1; }
.tvs .batches-hd { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:40px; }
.tvs .batches-eyebrow { display:inline-block; background:rgba(6,148,209,0.1); color:#0694D1; font-size:11px !important; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; padding:6px 16px; border-radius:20px; margin-bottom:6px; }
.tvs .batches-h2 { font-size:clamp(20px,2.4vw,30px) !important; font-weight:800; color:#071e2e; line-height:1.2; }
.tvs .batches-h2 em { font-style:normal; background:linear-gradient(90deg,#0694D1,#38bdf8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.tvs .batches-sub { font-size:13px !important; color:#5a7a90; margin-top:4px; }
.tvs .batches-view-all { display:inline-flex; align-items:center; gap:10px; padding:12px 24px; background:linear-gradient(135deg,#093148,#076D9D); border:none; border-radius:14px; color:#fff; font-size:13px !important; font-weight:700; cursor:pointer; align-self:flex-end; flex-shrink:0; }
.tvs .batches-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.tvs .batch-card { background:#fff; border:1px solid #CAEFFF; border-radius:12px; padding:20px; cursor:pointer; transition:all 0.3s; box-shadow:0 4px 16px rgba(0,164,239,0.10); position:relative; }
.tvs .batch-card-row1 { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.tvs .batch-badges { display:flex; align-items:center; gap:8px; }
.tvs .batch-vendor-badge { display:inline-flex; align-items:center; gap:4px; font-size:11px !important; font-weight:700; padding:2px 10px; border-radius:20px; background:rgba(6,148,209,0.3); color:#3AB6EB; border:1px solid rgba(6,148,209,0.4); }
.tvs .batch-format-badge { display:inline-flex; align-items:center; gap:4px; font-size:11px !important; font-weight:700; padding:2px 8px; border-radius:20px; }
.tvs .batch-format-online { background:#EBF8FE; color:#0694d1; }
.tvs .batch-format-class { background:#076d9d; color:#fff; }
.tvs .batch-seats { font-size:11px !important; font-weight:500; padding:2px 8px; border-radius:20px; }
.tvs .batch-seats-low { background:rgba(239,68,68,0.06); color:#dc2626; }
.tvs .batch-seats-ok { background:rgba(34,197,94,0.08); color:#16a34a; }
.tvs .batch-name { font-size:14px !important; font-weight:600; color:#071e2e; margin-bottom:6px; line-height:1.35; transition: color 0.2s; }
.tvs .batch-meta { display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:12px !important; color:#5a7a90; margin-bottom:12px; }
.tvs .batch-meta-item { display:flex; align-items:center; gap:3px; }
.tvs .batch-footer { display:flex; align-items:center; gap:8px; border-top:1px solid #CAEFFF; padding-top:12px; }
.tvs .batch-location-label { font-size:11px !important; color:#8faabf; }
.tvs .batch-location-val { display:flex; align-items:center; gap:4px; font-size:13px !important; font-weight:700; color:#071e2e; margin-top:2px; }
.tvs .batch-reserve-btn { padding:8px 16px; background:var(--blue); border:none; border-radius:var(--r8); color:#fff; font-size:12px !important; font-weight:700; cursor:pointer; white-space:nowrap; box-shadow:0 2px 8px rgba(6,148,209,0.25); margin-left:auto; }
@media (max-width: 900px) {
.tvs .batches-sec { padding:40px 24px; }
.tvs .batches-grid { grid-template-columns: 1fr 1fr; }
 
}
@media (max-width: 600px) {
.tvs .batches-sec { padding: 15px 16px 48px; }
.tvs .batches-grid { grid-template-columns: 1fr; }
.tvs .batches-hd { flex-direction: column; gap: 15px !important; }
.tvs .batch-footer { flex-wrap: wrap; gap: 8px; }
.tvs .batch-reserve-btn { white-space: normal; width: 100%; text-align: center; }


}
.tvs .webinars-sec { background:linear-gradient(160deg,#EBF8FE 0%,#F5FBFF 50%,#EAF6FD 100%); padding:40px 48px; border-top:1px solid #CAEFFF; border-bottom:1px solid #CAEFFF; position:relative; overflow:hidden; }
.tvs .webinars-inner { width:100%; max-width:100%; margin:0 auto; position:relative; z-index:1; }
.tvs .webinars-center-hd { text-align:center; margin-bottom:40px; }
.tvs .webinars-h2 { font-size:clamp(20px,2.4vw,30px) !important; font-weight:700; color:#071e2e; margin-bottom:8px; line-height:1.25; }
.tvs .webinars-h2 em { font-style:normal; background:linear-gradient(90deg,#0694D1,#38bdf8); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.tvs .webinars-sub { font-size:13px !important; color:#5a7a90; }
.tvs .webinars-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:32px; }
.tvs .webinar-card { background:#fff; border:1.5px solid #CAEFFF; border-radius:16px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 2px 12px rgba(6,148,209,0.09); }
.tvs .webinar-speaker-panel { position:relative; display:flex; flex-direction:column; align-items:center; padding:32px 20px 20px; background-color:#EBF8FE; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50V17L28 1L56 17V50L28 66Z' stroke='%230694d1' stroke-opacity='0.10' stroke-width='1' fill='none'/%3E%3Cpath d='M28 100L0 84V50L28 66L56 50V84L28 100Z' stroke='%230694d1' stroke-opacity='0.10' stroke-width='1' fill='none'/%3E%3C/svg%3E"); background-size:56px 100px; overflow:hidden; }
.tvs .webinar-avatar { width:80px; height:80px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px !important; font-weight:800; color:#fff; border:4px solid #fff; box-shadow:0 4px 16px rgba(0,0,0,0.15); margin-bottom:12px; background: linear-gradient(135deg,#0694D1,#076D9D); }
.tvs .webinar-speaker-name { font-size:13.5px !important; font-weight:600; color:#071e2e; position:relative; z-index:1; }
.tvs .webinar-card-body { flex:1; display:flex; flex-direction:column; padding:20px; gap:16px; }
.tvs .webinar-title { font-size:14px !important; font-weight:700; color:#071e2e; line-height:1.55; min-height:78px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.tvs .webinar-panel-grad { position:absolute; bottom:0; left:0; right:0; height:64px; background:linear-gradient(to bottom,transparent,rgba(6,148,209,0.18)); pointer-events:none; }
.tvs .webinar-vendor-badge { position:absolute; top:12px; right:12px; z-index:3; background:#fff; border-radius:8px; padding:8px 10px; box-shadow:0 1px 6px rgba(0,0,0,0.08); }
.tvs .webinars-nav { display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:24px; }
.tvs .webinars-nav-btn { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:none; transition:all 0.2s; }
.tvs .webinars-nav-btn.active { background:#093148; box-shadow:0 4px 14px rgba(9,49,72,0.25); cursor:pointer; }
.tvs .webinars-nav-btn.inactive { background:#F3F4F6; cursor:not-allowed; }
.tvs .webinars-nav-count { font-size:13.5px !important; font-weight:600; color:#5a7a90; }
.tvs .webinars-view-all-arrow, .tvs .batches-view-all-arrow { width:24px; height:24px; border-radius:50%; background:rgba(255,255,255,0.18); display:flex; align-items:center; justify-content:center; font-size:13px !important; }
.tvs .webinar-meta { display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px !important; color:#5a7a90; flex-wrap:wrap; }
.tvs .webinar-meta-item { display:flex; align-items:center; gap:6px; }
.tvs .webinar-meta-item.wm-date::before { content:''; display:inline-block; width:14px; height:14px; flex-shrink:0; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a7a90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2' ry='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>"); background-repeat:no-repeat; background-position:center; background-size:contain; }
.tvs .webinar-meta-item.wm-time::before { content:''; display:inline-block; width:14px; height:14px; flex-shrink:0; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a7a90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>"); background-repeat:no-repeat; background-position:center; background-size:contain; }
.tvs .webinar-sep { color:#c5d8e5; }
.tvs .webinar-register-btn { display:block; width:100%; padding:10px 0; border-radius:9999px; border:2px solid #0694D1; background:transparent; color:#0694D1; font-size:14px !important; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s; }
.tvs .webinar-register-btn:hover { background:#0694D1; color:#fff; }
.tvs .webinars-view-all { display:flex; justify-content:center; }
.tvs .webinars-view-all-btn { display:inline-flex; align-items:center; gap:12px; padding:12px 32px; background:linear-gradient(135deg,#093148,#076D9D); border:none; border-radius:14px; color:#fff; font-size:13.5px !important; font-weight:700; cursor:pointer; }
@media (max-width: 1024px) {
.tvs .webinar-speaker-panel { padding: 24px 14px 16px !important; }
.tvs .webinar-speaker-panel > div:first-child { width: 72px !important; height: 44px !important; padding: 4px !important; right: 8px !important; top: 8px !important; }
.tvs .webinar-avatar { width: 64px !important; height: 64px !important; font-size: 18px !important; border-width: 3px !important; }
.tvs .webinar-card-body { padding: 16px !important; gap: 12px !important; }


}
@media (max-width: 900px) {
.tvs .webinars-sec { padding: 40px 24px; }
.tvs .webinars-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 16px; }
.tvs .webinar-speaker-panel { padding: 20px 12px 14px !important; }
.tvs .webinar-speaker-panel > div:first-child { width: 60px !important; height: 38px !important; padding: 3px !important; }
.tvs .webinar-avatar { width: 56px !important; height: 56px !important; font-size: 16px !important; }


}
@media (max-width: 768px) {
.tvs .webinars-sec { padding: 40px 20px; }
.tvs .webinars-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 14px; }
.tvs .webinar-speaker-panel { padding: 18px 10px 12px !important; }
.tvs .webinar-speaker-panel > div:first-child { width: 52px !important; height: 34px !important; padding: 3px !important; right: 6px !important; top: 6px !important; }
.tvs .webinar-avatar { width: 48px !important; height: 48px !important; font-size: 14px !important; margin-bottom: 8px !important; border-width: 2px !important; }
.tvs .webinar-speaker-name { font-size: 12px !important; }
.tvs .webinar-card-body { padding: 14px !important; gap: 10px !important; }
.tvs .webinar-title { font-size: 12.5px !important; min-height: 0 !important; -webkit-line-clamp: 3; }


}
@media (max-width: 640px) {
.tvs .webinars-grid { grid-template-columns: 1fr !important; gap: 14px; }


}
@media (max-width: 480px) {
.tvs .webinars-grid { grid-template-columns: 1fr !important; }
.tvs .webinars-sec { padding: 40px 14px; }
.tvs .webinar-title { min-height: auto; }


}
@media (max-width: 960px) {
.tvs .awards-sec { padding: 40px 24px; }


}
@media (max-width: 768px) {
.tvs .awards-partner-row { flex-wrap: wrap; gap: 16px; justify-content: center; }
.tvs .awards-partner-divider { display: none; }
.tvs .awards-inner { padding: 0 16px; }
.tvs .award-card { padding: 20px 18px; }


}
@media (max-width: 480px) {
.tvs .award-card { min-width: 180px; }


}
@media (max-width: 360px) {
.tvs .awards-sec { padding: 40px 24px; }
.tvs .award-card { min-width: 210px; padding: 18px 16px; }


}
.tvs .hiw2-sec { background: var(--ink); padding: 40px 48px; border-top: 1px solid rgba(6,148,209,0.12); position: relative; overflow: hidden; }
.tvs .hiw2-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }
.tvs .hiw2-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; align-items: stretch; position: relative; }
.tvs .hiw2-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(6,148,209,0.18); border-radius: 18px; padding: 28px 22px 22px; position: relative; display: flex; flex-direction: column; gap: 0; transition: all 0.28s; }
.tvs .hiw2-card:hover { border-color: rgba(6,148,209,0.4); background: rgba(6,148,209,0.05); transform: translateY(-4px); box-shadow: 0 16px 40px rgba(6,148,209,0.15); }
.tvs .hiw2-step-num { width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg, #0694D1, #076D9D); color: #fff; font-size:14px !important; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; box-shadow: 0 4px 16px rgba(6,148,209,0.4); border: 2px solid var(--ink); }
.tvs .hiw2-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(6,148,209,0.1); border: 1px solid rgba(6,148,209,0.22); color: var(--blue); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.tvs .hiw2-title { font-size:16px !important; font-weight: 800; color: #fff; margin-bottom: 8px; line-height: 1.3; }
.tvs .hiw2-desc { font-size:13px !important; color: rgba(255,255,255,0.5); line-height: 1.65; }
.tvs .hiw2-cta-row { display: flex; justify-content: center; margin-top: 36px; gap: 14px; flex-wrap: wrap; }
.tvs .chat-popup { position: fixed; bottom: 96px; right: 24px; width: 380px; max-width: calc(100vw - 32px); height: 540px; background: #fff; border-radius: 20px; box-shadow: 0 24px 80px rgba(0,0,0,0.3); z-index: 400; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(6,148,209,0.15); }
.tvs .chat-fab { position: fixed; bottom: 24px; right: 24px; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #0694D1, #076D9D); border: none; color: #fff; cursor: pointer; box-shadow: 0 8px 32px rgba(6,148,209,0.45); display: flex; align-items: center; justify-content: center; z-index: 350; transition: transform 0.2s; }
.tvs .chat-fab:hover { transform: scale(1.08); }
.tvs .back-to-top-btn { position: fixed; bottom: 96px; right: 24px; width: 44px; height: 44px; border-radius: 50%; background: rgba(7,30,46,0.85); color: #fff; border: 1px solid rgba(6,148,209,0.3); cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; z-index: 340; }
.tvs #openLeadheder { display: none !important; }
.tvs #openLeadheder .contentdiv {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  background: transparent !important;
}
.tvs, .tvs {
  background: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.tvs footer {
  background-color: #093148 !important;
  margin-top: 0px !important;
}
.tvs .hero, .tvs .ticker, .tvs .companies-sec, .tvs .certs-sec, .tvs .ced-sec, .tvs .lgm-sec, .tvs .features-sec, .tvs .enroll-sec, .tvs .cert-showcase-sec, .tvs .lfv2-sec, .tvs .batches-sec, .tvs .roi-sec, .tvs .webinars-sec, .tvs .hiw2-sec, .tvs .hiw-sec, .tvs .awards-sec, .tvs .test-sec, .tvs .compare-sec, .tvs .pricing-sec, .tvs .faq-chatbot-sec, .tvs .referral-sec, .tvs .globe-sec, .tvs .bottom-cta, .tvs .usp-sec, .tvs .preview-sec, .tvs .learn-sec, .tvs .lf-sec {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tvs .hero-stats-bar { padding-left: 0; padding-right: 0; }
@media (max-width: 600px) {
.tvs .hero, .tvs .globe-sec, .tvs .companies-sec, .tvs .cert-showcase-sec, .tvs .certs-sec, .tvs .ced-sec, .tvs .lgm-sec, .tvs .certpath-sec, .tvs .roi-sec, .tvs .edge-sec, .tvs .preview-sec, .tvs .enroll-sec, .tvs .hiw2-sec, .tvs .compare-sec, .tvs .pricing-sec, .tvs .batches-sec, .tvs .webinars-sec, .tvs .referral-sec, .tvs .test-sec, .tvs .lf-sec, .tvs .learn-sec, .tvs .features-sec, .tvs .usp-sec, .tvs .why-sec, .tvs .trainer-sec, .tvs .awards-sec, .tvs .faq-chatbot-sec, .tvs .bottom-cta, .tvs .footer, .tvs .ticker-wrap, .tvs .stats-bar {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


}
.tvs .hiw2-inner, .tvs .test-inner, .tvs .compare-inner, .tvs .pricing-inner, .tvs .referral-inner, .tvs .globe-inner {
  max-width: 100% !important;
}
.tvs .cert-info-cta {
  flex-shrink: 0; padding: 11px 22px; border-radius: 10px;
  background: linear-gradient(135deg, #0694D1 0%, #046fa3 100%);
  border: none; color: #fff; font-family: inherit;
  font-size:13px !important; font-weight: 700; cursor: pointer;
  letter-spacing: 0.15px;
  box-shadow: 0 4px 16px rgba(6,148,209,0.30), inset 0 1px 0 rgba(255,255,255,0.15);
  transition: filter 0.2s, box-shadow 0.2s, transform 0.2s;
  white-space: nowrap;
}
.tvs .cert-info-cta:hover { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 6px 22px rgba(6,148,209,0.42); }
.tvs .cert-info-cta:focus-visible { outline: 2px solid #0694D1; outline-offset: 2px; }
.tvs .cert-toolbar {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px; background: #fff;
  border-bottom: 1px solid rgba(6,148,209,0.10);
  flex-wrap: wrap;
}
.tvs .cert-toolbar-search {
  flex: 1; min-width: 200px;
  display: flex; align-items: center; gap: 8px;
  padding: 9px 14px; background: #f4f8fc;
  border: 1.5px solid rgba(6,148,209,0.20);
  border-radius: 10px;
  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}
.tvs .cert-toolbar-search:focus-within {
  border-color: #0694D1; background: #fff;
  box-shadow: 0 0 0 3px rgba(6,148,209,0.12);
}
.tvs .cert-toolbar-search svg { color: #0694D1; flex-shrink: 0; opacity: 0.85; }
.tvs .cert-toolbar-search input {
  flex: 1; min-width: 0; border: none; outline: none;
  background: transparent; font-family: inherit;
  font-size:13px !important; font-weight: 500; color: var(--light-text);
}
.tvs .cert-toolbar-search input::placeholder { color: #93a8b8; font-weight: 400; }
.tvs .cert-toolbar-search-clear {
  width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
  background: rgba(0,0,0,0.07); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: var(--light-sub); transition: background 0.15s, color 0.15s;
}
.tvs .cert-toolbar-search-clear:hover { background: rgba(6,148,209,0.18); color: var(--blue); }
.tvs .cert-sort-select {
  appearance: none; -webkit-appearance: none;
  font-size:12.5px !important; font-weight: 600; font-family: inherit;
  color: var(--light-text); background-color: #fff;
  border: 1.5px solid rgba(6,148,209,0.22); border-radius: 10px;
  padding: 9px 32px 9px 14px; cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%230694D1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat; background-position: right 10px center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.tvs .cert-sort-select:hover { border-color: rgba(6,148,209,0.45); }
.tvs .cert-sort-select:focus { outline: none; border-color: #0694D1; box-shadow: 0 0 0 3px rgba(6,148,209,0.14); }
.tvs .cert-toolbar-count {
  font-size:12px !important; font-weight: 600; color: var(--light-sub);
  margin-left: auto; white-space: nowrap;
}
.tvs .cert-grid { padding: 16px 18px; }
.tvs .cert-card[data-tech] {
  padding: 14px 14px 12px;
}
.tvs .cert-card-level-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size:9.5px !important; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase;
  padding: 4px 10px 4px 8px; border-radius: 22px;
  width: fit-content; line-height: 1;
  color: #fff;
}
.tvs .cert-card-level-badge.level-fund { background: linear-gradient(135deg, #34d399 0%, #059669 100%); box-shadow: 0 2px 8px rgba(5,150,105,0.30); }
.tvs .cert-card-level-badge.level-assoc { background: linear-gradient(135deg, #0694D1 0%, #076D9D 100%); box-shadow: 0 2px 8px rgba(6,108,157,0.30); }
.tvs .cert-card-level-badge.level-expert { background: linear-gradient(135deg, #f59e0b 0%, #b45309 100%); box-shadow: 0 2px 8px rgba(180,83,9,0.30); }
.tvs .cert-card-level-badge svg { flex-shrink: 0; }
.tvs .cert-card-title {
  font-size:15px !important; font-weight: 800;
  color: #071e2e; line-height: 1.3;
  letter-spacing: -0.01em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; min-height: 39px;
  margin: 10px 0 8px;
}
.tvs .cert-card-code {
  display: inline-block; width: fit-content;
  font-size:11.5px !important; font-family: 'SFMono-Regular', 'Consolas', monospace;
  color: #0694D1; background: rgba(6,148,209,0.10);
  border: 1px solid rgba(6,148,209,0.28);
  padding: 3px 8px; border-radius: 5px;
  font-weight: 700; letter-spacing: 0.4px;
  margin-bottom: 8px;
}
.tvs .cert-card-dur {
  display: inline-flex; align-items: center; gap: 5px;
  width: fit-content;
  font-size:11px !important; color: #5a7a90; font-weight: 600;
  background: rgba(6,148,209,0.05);
  border: 1px solid rgba(6,148,209,0.14);
  border-radius: 6px; padding: 3px 9px;
  font-family: 'SFMono-Regular', 'Consolas', monospace;
}
.tvs .cert-card-dur svg { color: #0694D1; flex-shrink: 0; }
.tvs .cert-card-price {
  display: flex; align-items: center; gap: 8px;
  margin-top: auto; padding-top: 10px;
  border-top: 1px solid rgba(6,148,209,0.10);
  margin-bottom: 8px;
}
.tvs .cert-card-price-val {
  margin-left: auto; font-size:18px !important; font-weight: 800;
  color: var(--blue); letter-spacing: -0.3px;
  font-family: var(--display); line-height: 1; white-space: nowrap;
}
.tvs .cert-card-price-curr {
  font-size:13px !important; font-weight: 700; opacity: 0.85; margin-right: 2px;
}
.tvs .cert-card-hot { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; gap: 4px; height: 20px; font-size:9px !important; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 0 10px 0 8px; border-radius: 0 14px 0 10px; background: linear-gradient(135deg,#0694D1,#22d3ee); color: #fff; box-shadow: -2px 2px 8px rgba(6,148,209,0.28); z-index: 2; }
.tvs .cert-card-coderow { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; margin-bottom: 8px; }
.tvs .cert-card-coderow .cert-card-code { margin-bottom: 0; }
.tvs .cert-card-enrolled { font-size:10px !important; color: var(--light-sub); font-weight: 600; display: inline-flex; align-items: center; gap: 4px; }
.tvs .cert-card-enrolled svg { color: var(--blue); flex-shrink: 0; }
.tvs .cert-card-rating { display: inline-flex; align-items: center; gap: 3px; font-size:10px !important; font-weight: 700; color: #d97706; }
.tvs .cert-card-rating-star { font-size:10px !important; }
.tvs .cert-card-actions {
  display: flex; gap: 7px; margin-top: 4px;
}
.tvs .cert-card-syllabus {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  padding: 8px 10px; border-radius: 8px;
  font-size:11px !important; font-weight: 700; font-family: inherit;
  background: transparent; color: #0694D1;
  border: 1.5px solid #0694D1;
  cursor: pointer; transition: background 0.18s;
  white-space: nowrap;
}
.tvs .cert-card-syllabus:hover { background: rgba(6,148,209,0.08); }
.tvs .cert-card-syllabus svg { flex-shrink: 0; }
.tvs .cert-card-view {
  flex: 1; display: inline-flex; align-items: center; justify-content: center;
  padding: 8px 10px; border-radius: 8px;
  font-size:11.5px !important; font-weight: 700; font-family: inherit;
  background: linear-gradient(135deg, #093148 0%, #0d5280 100%);
  color: #fff; border: none; cursor: pointer;
  transition: filter 0.22s, box-shadow 0.22s, transform 0.22s;
  text-decoration: none; white-space: nowrap;
  box-shadow: 0 2px 8px rgba(9,49,72,0.30);
}
.tvs .cert-card-view:hover { filter: brightness(1.20); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(9,49,72,0.40); color: #fff; text-decoration: none; }
.tvs .cert-empty {
  padding: 50px 30px; text-align: center;
  color: var(--light-sub); font-size:14px !important;
}
.tvs .cert-empty-title { font-size:16px !important; font-weight: 700; color: var(--light-text); margin: 10px 0 4px; }
.tvs .cert-empty-sub { font-size:12.5px !important; color: var(--light-sub); }
.tvs .cert-pagination { padding: 12px 0 24px; }
.tvs .cert-exam-placeholder {
  padding: 70px 30px; text-align: center;
  color: var(--light-sub);
}
.tvs .cert-exam-placeholder-title {
  font-size:18px !important; font-weight: 800; color: var(--light-text);
  margin: 14px 0 8px; letter-spacing: -0.2px;
}
.tvs .cert-exam-placeholder-sub {
  font-size:13px !important; color: var(--light-sub); max-width: 440px;
  margin: 0 auto; line-height: 1.55;
}
@media (max-width: 900px) {
.tvs .cert-grid { grid-template-columns: 1fr 1fr; }
.tvs .cert-toolbar { padding: 12px 14px; }


}
@media (max-width: 600px) {
.tvs .cert-grid { grid-template-columns: 1fr; padding: 12px; }
.tvs .cert-toolbar { padding: 10px 12px; gap: 8px; }
.tvs .cert-toolbar-search { min-width: 100%; order: -1; }
.tvs .cert-toolbar-count { margin-left: 0; font-size:11px !important; }
.tvs .cert-sort-select { font-size:12px !important; padding: 8px 28px 8px 12px; }


}
@media (max-width: 1024px) {
.tvs .hero, .tvs .companies-sec, .tvs .lfv2-sec, .tvs .test-sec, .tvs .compare-sec, .tvs .pricing-sec, .tvs .faq-chatbot-sec, .tvs .referral-sec, .tvs .globe-sec, .tvs .batches-sec, .tvs .webinars-sec, .tvs .awards-sec, .tvs .features-sec, .tvs .roi-sec, .tvs .edge-sec, .tvs .companies-marquee-wrap { max-width: 100vw; overflow-x: hidden; }


}
@media (max-width: 1024px) {
.tvs .compare-sec .container-fluid { padding-left: 0 !important; padding-right: 0 !important; --bs-gutter-x: 0 !important; }
.tvs .compare-sec { padding: 40px 32px !important; }
.tvs .compare-score-card { padding: 12px 6px; }
.tvs .compare-score-card svg { width: 58px; height: 58px; }
.tvs .compare-score-name { font-size:9.5px !important; }
.tvs .compare-score-sub { font-size:8.5px !important; }
.tvs .compare-score-label { font-size:9px !important; }


}
@media (max-width: 860px) {
.tvs .compare-sec { padding: 40px 28px !important; }
.tvs .compare-scores { gap: 8px; }
.tvs .compare-score-card { padding: 10px 5px; }
.tvs .compare-score-card svg { width: 52px; height: 52px; }


}
@media (max-width: 600px) {
.tvs .compare-sec { padding: 36px 20px !important; }
.tvs .compare-scores { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.tvs .compare-score-card { padding: 14px 10px; }
.tvs .compare-score-card svg { width: 64px; height: 64px; }
.tvs .compare-table { font-size:12px !important; }
.tvs .compare-table-wrap { overflow: visible; border: none; }
.tvs .compare-table-scroll {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 72vh;
    border: 1px solid rgba(6,148,209,0.20);
    border-radius: 16px;
  }
.tvs .compare-thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(4,12,24,0.95);
  }
.tvs .compare-thead th.cth-koenig { background: var(--blue); }


}
@media (max-width: 480px) {
.tvs .compare-sec { padding: 32px 18px !important; }
.tvs .compare-scores { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.tvs .compare-score-card svg { width: 56px; height: 56px; }


}
@media (max-width: 540px) {
.tvs #brochure-modal-box, .tvs #brochure-confirm-modal > div { padding: 24px 18px 22px; border-radius: 16px; max-width: calc(100vw - 24px); }
.tvs #brochure-modal-title { font-size: 19px !important; }
.tvs #bro-fullname, .tvs #bro-email { font-size:14px !important; padding: 10px 12px; }


}
.tvs .modal-overlay { padding: 16px 14px; }
@media (max-width: 540px) {
.tvs .lfv2-sec { padding: 32px 16px; }
.tvs .lfv2-h2 { font-size:20px !important; line-height: 1.3; }
.tvs .lfv2-sub { font-size:12.5px !important; }
.tvs .lfv2-flip { height: 360px; }
.tvs .lfv2-counter { gap: 12px; margin-top: 18px; }


}
@media (max-width: 768px) {
.tvs .batches-sec, .tvs .webinars-sec, .tvs .compare-sec, .tvs .pricing-sec, .tvs .test-sec, .tvs .enroll-sec, .tvs .cert-showcase-sec, .tvs .features-sec, .tvs .lfv2-sec, .tvs .roi-sec, .tvs .edge-sec, .tvs .companies-sec, .tvs .faq-chatbot-sec, .tvs .referral-sec, .tvs .globe-sec, .tvs .hiw2-sec, .tvs .usp-sec { padding-left: 20px; padding-right: 20px; }


}
@media (max-width: 480px) {
.tvs .batches-sec, .tvs .webinars-sec, .tvs .compare-sec, .tvs .pricing-sec, .tvs .test-sec, .tvs .enroll-sec, .tvs .cert-showcase-sec, .tvs .features-sec, .tvs .lfv2-sec, .tvs .roi-sec, .tvs .edge-sec, .tvs .companies-sec, .tvs .faq-chatbot-sec, .tvs .referral-sec, .tvs .globe-sec, .tvs .hiw2-sec, .tvs .usp-sec { padding-left: 14px; padding-right: 14px; }


}
@media (max-width: 600px) {
.tvs h1 { font-size:clamp(22px, 6.5vw, 32px) !important; }
.tvs h2 { font-size:clamp(20px, 5.5vw, 28px) !important; line-height: 1.3; }
.tvs .compare-title, .tvs .lfv2-h2, .tvs .batches-h2 { font-size:clamp(18px, 5vw, 24px) !important; }


}
.tvs img, .tvs svg { max-width: 100%; }
@media (max-width: 600px) {
.tvs table:not(.compare-table) { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }


}
@media (max-width: 480px) {
.tvs .batches-view-all, .tvs .compare-cta-btn { width: 100%; justify-content: center; }


}
@media (max-width: 600px) {
.tvs .lfv2-nav-btn, .tvs .modal-close { min-width: 36px; min-height: 36px; }


}
.tvs .cert-card-level-badge { font-size: 9px !important; font-weight: 800 !important; letter-spacing: 0.6px !important; padding: 3px 9px 3px 7px !important; border-radius: 20px !important; gap: 3px !important; line-height: 1 !important; }
.tvs .cert-card-level-badge.level-fund { background: linear-gradient(135deg,#4DBFEF,#0694D1) !important; box-shadow: 0 2px 8px rgba(6,148,209,0.25) !important; }
.tvs .cert-card-level-badge.level-assoc { background: linear-gradient(135deg,#0694D1,#076D9D) !important; box-shadow: 0 2px 8px rgba(6,108,157,0.30) !important; color: #fff !important; }
.tvs .cert-card-level-badge.level-expert { background: linear-gradient(135deg,#076D9D,#062238) !important; box-shadow: 0 2px 8px rgba(6,34,56,0.35) !important; color: #fff !important; }
.tvs .cert-card-title { font-size: 14px !important; -webkit-line-clamp: 3 !important; min-height: 59px !important; line-height: 1.4 !important; }
.tvs .cert-grid { padding: 16px 18px 24px !important; }
.tvs .cert-card-price { border-top: 1px solid rgba(6,148,209,0.08) !important; justify-content: space-between !important; margin-bottom: 0 !important; }
.tvs .cert-card-actions { margin-top: 8px !important; }
.tvs .cert-card-syllabus { padding: 6px 8px !important; font-size: 10px !important; gap: 4px !important; }
.tvs .cert-card-view { padding: 6px 8px !important; font-size: 10.5px !important; }
.tvs .cert-toolbar { padding: 10px 14px !important; gap: 8px !important; }
.tvs .cert-toolbar-search { background: #F0F6FB !important; border: 1.5px solid #B5D4F4 !important; border-radius: 8px !important; padding: 6px 11px !important; }
.tvs .cert-card-price-val { font-size: 15px !important; }
.tvs .cert-card-price-val { font-weight: 700 !important; }
.tvs .cert-card-price-curr { font-size: 12px !important; }
.tvs .cert-card-price-curr { font-weight: 600 !important; }
.tvs .cert-card-price-curr { opacity: 0.8 !important; }
.tvs .cert-card-price-curr { margin-right: 1px !important; }
.tvs .cert-card-coderow .cert-card-code { font-size: 12px !important; }
.tvs .cert-card-coderow .cert-card-code { padding: 2px 7px !important; }
.tvs .cert-card-coderow .cert-card-code { border-radius: 4px !important; }
.tvs .cert-card-dur { font-size: 12px !important; }
.tvs .cert-card-dur { color: #5a7a90 !important; }
.tvs .cert-card-dur { padding: 2px 7px !important; }
.tvs .cert-card-dur { border-radius: 4px !important; }
.tvs .cert-card-dur { gap: 3px !important; }
.tvs .cert-card-dur { font-weight: 600 !important; }
.tvs .cert-card-coderow { margin-top: 30px !important; margin-bottom: 10px !important; align-items: center !important; gap: 5px !important; }
@media (min-width: 1025px) {
.tvs .cert-sidebar {
    position: sticky !important;
    top: 0 !important;
    align-self: start !important;
    max-height: 100vh !important;
  }


}
.tvs .cert-card-coderow .cert-card-code, .tvs .cert-card-coderow .cert-card-dur {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  height: auto !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  vertical-align: middle !important;
  font-size: 12px !important;
  height: 27px !important;
}
.tvs .cert-card[data-tech] { padding: 16px 16px 14px !important; }
.tvs .cert-card-price { gap: 0 !important; }
.tvs .cert-card-actions { margin-top: 8px !important; }
.tvs .cert-card-syllabus:hover { background: rgba(6,148,209,0.07) !important; }
.tvs .cert-card-view:hover { filter: brightness(1.25) !important; }
.tvs .ilf-sec.lgm-sec { padding: 52px 24px !important; }
.tvs .ilf-sec .container-fluid { padding-left: 0 !important; padding-right: 0 !important; max-width: 700px !important; width: 100% !important; }
@media (max-width: 1024px) {
.tvs .ilf-sec .container-fluid { max-width: 700px !important; width: 100% !important; }
 
}
.tvs .ilf-sec .lgm-inner, .tvs .ilf-sec .row, .tvs .ilf-sec .col-md-12 { padding: 0 !important; margin-left: auto !important; margin-right: auto !important; max-width: 700px !important; width: 100% !important; }
.tvs .ilf-sec { padding: 52px 24px !important; }
.tvs .ilf-sec .ilf-inp:focus { background: rgba(255,255,255,0.05) !important; }
.tvs .ilf-sec .ilf-inp:focus { border-color: rgba(255,255,255,0.10) !important; }
.tvs select.ilf-inp:invalid, .tvs select.ilf-inp:has(option[value=""]:checked) { color: rgba(255,255,255,0.3) !important; -webkit-text-fill-color: rgba(255,255,255,0.3) !important; }
.tvs .ilf-sec.lgm-sec { background: radial-gradient(ellipse at 68% 48%, rgba(6,148,209,0.18) 0%, rgba(6,148,209,0.06) 38%, transparent 65%), #06111E !important; }
.tvs .ilf-sec .ilf-inp { caret-color: #fff !important; }
.tvs .ilf-sec .ilf-inp:-webkit-autofill, .tvs .ilf-sec .ilf-inp:-webkit-autofill:hover, .tvs .ilf-sec .ilf-inp:-webkit-autofill:focus, .tvs .ilf-sec .ilf-inp:-webkit-autofill:active { -webkit-box-shadow: none !important; -webkit-text-fill-color: initial !important; caret-color: auto !important; transition: none !important; }
.tvs .ilf-sec .ilf-inp { height: auto !important; min-height: auto !important; line-height: normal !important; }
.tvs .ilf-sec .ilf-inp option[value=""] { background: #0a1929 !important; color: #fff !important; }
.tvs .ilf-sec #ilfForm { padding: 32px 28px !important; }
.tvs .ilf-sec .ilf-inp { padding: 10px 14px !important; }
.tvs .ilf-sec .ilf-lbl { margin-bottom: 6px !important; }
.tvs .ilf-sec .ilf-grid { gap: 12px !important; margin-bottom: 12px !important; }
.tvs .ilf-sec .ilf-sec-header-actions { gap: 10px !important; }
.tvs .ilf-sec .ilf-quick-link { padding: 8px 16px !important; gap: 7px !important; }
.tvs .ilf-sec .ilf-toggle { padding: 4px !important; margin-bottom: 20px !important; }
.tvs .ilf-sec .ilf-tab { padding: 10px 0 !important; gap: 6px !important; }
.tvs .ilf-sec #ilfForm > div:first-child { margin-bottom: 24px !important; }
.tvs .ilf-sec .ilf-chip { padding: 4px 16px !important; margin-bottom: 12px !important; }
.tvs .ilf-sec #ilfForm h2 { margin: 0 0 6px !important; }
.tvs .ilf-sec #ilfForm p { margin: 0 0 16px !important; }
.tvs .ilf-sec #ilfForm > div:nth-child(5) { margin-bottom: 12px !important; }
.tvs .ilf-sec #ilfForm > div:nth-child(6) { margin-bottom: 12px !important; }
.tvs .ilf-sec .ilf-recaptcha-wrapper { margin-bottom: 20px !important; }
.tvs .ilf-sec .ilf-recaptcha-box { padding: 8px 14px !important; gap: 10px !important; }
.tvs .ilf-sec .ilf-recaptcha-box > div { margin-left: 8px !important; }
.tvs .ilf-sec #ilfForm button[type="submit"] { padding: 14px 0 !important; }
.tvs .ilf-sec #ilfForm > p:last-child { margin-top: 10px !important; }
.tvs .ilf-sec .ilf-lbl span { color: #f87171 !important; }
@media (max-width: 600px) {
.tvs .ilf-sec .ilf-grid { grid-template-columns: 1fr !important; }
 
}
.tvs #enquiry-modal .clf-input { color: #fff !important; -webkit-text-fill-color: #fff !important; background: rgba(255,255,255,0.07) !important; }
.tvs #enquiry-modal .clf-input:focus, .tvs #enquiry-modal .clf-input:hover, .tvs #enquiry-modal .clf-input:active { background: rgba(255,255,255,0.07) !important; -webkit-text-fill-color: #fff !important; color: #fff !important; }
.tvs #enquiry-modal .clf-input:-webkit-autofill, .tvs #enquiry-modal .clf-input:-webkit-autofill:hover, .tvs #enquiry-modal .clf-input:-webkit-autofill:focus, .tvs #enquiry-modal .clf-input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #0a3d5c inset !important; box-shadow: 0 0 0 1000px #0a3d5c inset !important; -webkit-text-fill-color: #fff !important; color: #fff !important; caret-color: #0694D1 !important; background-color: transparent !important; }
.tvs #enquiry-modal .clf-input::placeholder, .tvs #enquiry-modal .clf-input::-webkit-input-placeholder, .tvs #enquiry-modal .clf-input::-moz-placeholder, .tvs #enquiry-modal .clf-input:-ms-input-placeholder, .tvs #enquiry-modal textarea.clf-input::placeholder { color: rgba(255,255,255,0.28) !important; -webkit-text-fill-color: rgba(255,255,255,0.28) !important; opacity: 1 !important; font-weight: 400 !important; font-style: normal !important; }
.tvs #enquiry-modal #enquiryForm select.clf-input { color: rgba(255,255,255,0.28) !important; -webkit-text-fill-color: rgba(255,255,255,0.28) !important; }
.tvs #enquiry-modal #enquiryForm select.clf-input.has-value, .tvs #enquiry-modal #enquiryForm select.clf-input:valid { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.tvs #enquiry-modal #enquiryForm select.clf-input option { color: #fff !important; background: #0a2d45 !important; }
.tvs #enquiry-modal #enquiryForm select.clf-input option[value=""] { color: rgba(255,255,255,0.28) !important; }
.tvs #enquiry-modal.modal-overlay { align-items: flex-start !important; }
.tvs #enquiry-modal .modal-box { background: linear-gradient(160deg,#091e30 0%,#071525 100%) !important; }
.tvs #enquiry-modal .modal-box { border: 1px solid rgba(6,148,209,0.25) !important; }
.tvs #enquiry-modal .modal-box { padding: 28px 32px !important; }
.tvs #enquiry-modal .modal-box { max-width: 640px !important; }
.tvs #enquiry-modal .clf-input:focus::placeholder, .tvs #enquiry-modal .clf-input:focus::-webkit-input-placeholder { color: rgba(255,255,255,0.28) !important; -webkit-text-fill-color: rgba(255,255,255,0.28) !important; opacity: 1 !important; }
.tvs #enquiry-modal.modal-overlay { animation: fadeIn 0.2s ease !important; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.tvs #enquiry-modal .modal-box { border-radius: var(--r24, 24px) !important; }
.tvs #enquiry-modal .modal-box { box-shadow: 0 24px 80px rgba(0,0,0,0.6) !important; }
.tvs #enquiry-modal .modal-box { animation: scaleIn 0.25s ease !important; }
@keyframes scaleIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: none; } }
.tvs #enquiry-modal .modal-box { max-height: none !important; overflow-y: visible !important; }
.tvs #enquiry-modal .modal-close { background: var(--sl3, rgba(255,255,255,0.05)) !important; }
.tvs #enquiry-modal .modal-close { color: rgba(255,255,255,0.5) !important; }
.tvs #enquiry-modal #enquiryForm button[type="submit"] { transition: opacity .2s, transform .15s !important; }
.tvs #enquiry-modal #enquiryForm button[type="submit"]:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; }
.tvs #enquiry-modal .modal-close { top: 16px !important; right: 16px !important; width: 32px !important; height: 32px !important; line-height: normal !important; z-index: auto !important; font-size: 18px !important; }
.tvs #enquiry-modal .modal-close:hover { background: rgba(255,255,255,0.1) !important; color: #fff !important; }
.tvs #bro-fullname::placeholder, .tvs #bro-email::placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #bro-fullname::-webkit-input-placeholder, .tvs #bro-email::-webkit-input-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #bro-fullname::-moz-placeholder, .tvs #bro-email::-moz-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #bro-fullname:-ms-input-placeholder, .tvs #bro-email:-ms-input-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #bro-fullname:focus::placeholder, .tvs #bro-email:focus::placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #bro-fullname:focus::-webkit-input-placeholder, .tvs #bro-email:focus::-webkit-input-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #bro-fullname:focus::-moz-placeholder, .tvs #bro-email:focus::-moz-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #bro-fullname:focus:-ms-input-placeholder, .tvs #bro-email:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #enquiry-modal #enquiryForm input.clf-input, .tvs #enquiry-modal #enquiryForm select.clf-input {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 36px !important;
  box-sizing: border-box !important;
}
.tvs #enquiry-modal #enquiryForm textarea.clf-input {
  height: auto !important;
  min-height: 80px !important;
  max-height: none !important;
  line-height: 1.5 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.tvs .ilf-sec .ilf-inp::placeholder, .tvs .ilf-sec .ilf-inp::-webkit-input-placeholder, .tvs .ilf-sec .ilf-inp::-moz-placeholder, .tvs .ilf-sec .ilf-inp:-ms-input-placeholder, .tvs .ilf-sec textarea.ilf-inp::placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs .ilf-sec .ilf-inp:focus::placeholder, .tvs .ilf-sec .ilf-inp:focus::-webkit-input-placeholder, .tvs .ilf-sec .ilf-inp:focus::-moz-placeholder, .tvs .ilf-sec .ilf-inp:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.45) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.45) !important;
  opacity: 1 !important;
}
.tvs #ilfForm input.ilf-inp::placeholder, .tvs #ilfForm textarea.ilf-inp::placeholder, .tvs #ilfForm input.ilf-inp::-webkit-input-placeholder, .tvs #ilfForm textarea.ilf-inp::-webkit-input-placeholder, .tvs #ilfForm input.ilf-inp::-moz-placeholder, .tvs #ilfForm textarea.ilf-inp::-moz-placeholder, .tvs #ilfForm input.ilf-inp:-ms-input-placeholder, .tvs #ilfForm textarea.ilf-inp:-ms-input-placeholder, .tvs #ilfForm input.ilf-inp:-moz-placeholder, .tvs #ilfForm textarea.ilf-inp:-moz-placeholder {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.tvs #ilfForm input.ilf-inp:focus::placeholder, .tvs #ilfForm textarea.ilf-inp:focus::placeholder, .tvs #ilfForm input.ilf-inp:focus::-webkit-input-placeholder, .tvs #ilfForm textarea.ilf-inp:focus::-webkit-input-placeholder, .tvs #ilfForm input.ilf-inp:focus::-moz-placeholder, .tvs #ilfForm textarea.ilf-inp:focus::-moz-placeholder, .tvs #ilfForm input.ilf-inp:focus:-ms-input-placeholder, .tvs #ilfForm textarea.ilf-inp:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
  opacity: 1 !important;
}
.tvs #ilfForm select.ilf-inp option[value=""], .tvs #ilfForm select.ilf-inp:invalid {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
  opacity: 1 !important;
}
.tvs body section.ilf-sec form#ilfForm input.ilf-inp[placeholder]::placeholder, .tvs body section.ilf-sec form#ilfForm input.ilf-inp[placeholder]::-webkit-input-placeholder, .tvs body section.ilf-sec form#ilfForm input.ilf-inp[placeholder]::-moz-placeholder, .tvs body section.ilf-sec form#ilfForm input.ilf-inp[placeholder]:-ms-input-placeholder, .tvs body section.ilf-sec form#ilfForm input.ilf-inp[placeholder]:placeholder-shown, .tvs body section.ilf-sec form#ilfForm textarea.ilf-inp[placeholder]::placeholder, .tvs body section.ilf-sec form#ilfForm textarea.ilf-inp[placeholder]::-webkit-input-placeholder, .tvs body section.ilf-sec form#ilfForm textarea.ilf-inp[placeholder]::-moz-placeholder, .tvs body section.ilf-sec form#ilfForm textarea.ilf-inp[placeholder]:-ms-input-placeholder {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-shadow: none !important;
}
.tvs body section.ilf-sec form#ilfForm input.ilf-inp:focus::placeholder, .tvs body section.ilf-sec form#ilfForm input.ilf-inp:focus::-webkit-input-placeholder, .tvs body section.ilf-sec form#ilfForm textarea.ilf-inp:focus::placeholder, .tvs body section.ilf-sec form#ilfForm textarea.ilf-inp:focus::-webkit-input-placeholder {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
  opacity: 1 !important;
}
.tvs body section.ilf-sec form#ilfForm select.ilf-inp:invalid, .tvs body section.ilf-sec form#ilfForm select.ilf-inp:has(option[value=""]:checked) {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
}
@keyframes livePulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(16,217,100,0.5); } 70% { box-shadow: 0 0 0 6px rgba(16,217,100,0); } }
.tvs .batches-sec { background:#EBF8FE !important; padding:40px 50px !important; border-top:1px solid #CAEFFF !important; position:relative !important; overflow:hidden !important; }
.tvs .batches-sec::before { content:'' !important; position:absolute !important; top:-100px !important; right:-80px !important; width:380px !important; height:380px !important; background:radial-gradient(circle,rgba(6,148,209,0.2) 0%,transparent 70%) !important; border-radius:50% !important; pointer-events:none !important; }
.tvs .batches-sec::after { content:'' !important; position:absolute !important; bottom:-64px !important; left:25% !important; width:300px !important; height:300px !important; background:radial-gradient(circle,rgba(77,191,239,0.18) 0%,transparent 70%) !important; border-radius:50% !important; pointer-events:none !important; }
.tvs .batches-sec .batches-inner { max-width:1120px !important; width:auto !important; margin:0 auto !important; position:relative !important; z-index:1 !important; }
.tvs .batches-sec .batches-inner > .container-fluid, .tvs .batches-sec .batches-inner > .container-fluid > .row, .tvs .batches-sec .batches-inner > .container-fluid > .row > .col-md-12, .tvs .batches-sec .col-md-12, .tvs .batches-sec .row, .tvs .batches-sec .container-fluid { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; max-width:none !important; width:100% !important; }
.tvs .batches-sec .batches-hd { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:16px !important; margin-bottom:40px !important; }
.tvs .batches-sec .batches-eyebrow { display:inline-block !important; background:rgba(6,148,209,0.1) !important; color:#0694D1 !important; font-size:11px !important; font-weight:600 !important; letter-spacing:0.12em !important; text-transform:uppercase !important; padding:6px 16px !important; border-radius:20px !important; margin-bottom:6px !important; }
.tvs .batches-sec .batches-h2 { font-size:clamp(20px,2.4vw,30px) !important; font-weight:800 !important; color:#071e2e !important; line-height:1.2 !important; }
.tvs .batches-sec .batches-h2 em { font-style:normal !important; background:linear-gradient(90deg,#0694D1,#38bdf8) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; background-clip:text !important; color:transparent !important; }
.tvs .batches-sec .batches-sub { font-size:13px !important; color:#5a7a90 !important; margin-top:4px !important; }
.tvs .batches-sec .batches-view-all { display:inline-flex !important; align-items:center !important; gap:10px !important; padding:12px 24px !important; background:linear-gradient(135deg,#093148,#076D9D) !important; border:none !important; border-radius:14px !important; color:#fff !important; font-size:13px !important; font-weight:700 !important; cursor:pointer !important; font-family:inherit !important; transition:transform 0.2s, box-shadow 0.2s !important; align-self:flex-end !important; flex-shrink:0 !important; }
.tvs .batches-sec .batches-view-all:hover { transform:translateY(-2px) !important; box-shadow:0 8px 24px rgba(9,49,72,0.3) !important; }
.tvs .batches-sec .batches-view-all-arrow { width:24px !important; height:24px !important; border-radius:50% !important; background:rgba(255,255,255,0.18) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:13px !important; transition:transform 0.2s !important; }
.tvs .batches-sec .batches-view-all:hover .batches-view-all-arrow { transform:translateX(3px) !important; }
.tvs .batches-sec .batches-grid { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:12px !important; }
.tvs .batches-sec .batch-card { background:#fff !important; border:1px solid #CAEFFF !important; border-radius:12px !important; padding:20px !important; cursor:pointer !important; transition:transform 0.3s, box-shadow 0.3s !important; box-shadow:0 4px 16px rgba(0,164,239,0.10) !important; position:relative !important; }
.tvs .batches-sec .batch-card:hover { transform:translateY(-8px) !important; box-shadow:0 20px 40px rgba(6,148,209,0.15) !important; }
.tvs .batches-sec .batch-card[data-pop="true"]::after { content:'Popular' !important; position:absolute !important; top:0 !important; right:0 !important; display:inline-flex !important; align-items:center !important; gap:4px !important; height:20px !important; font-size:9px !important; font-weight:800 !important; letter-spacing:0.5px !important; text-transform:uppercase !important; padding:0 10px 0 8px !important; border-radius:0 14px 0 10px !important; background:linear-gradient(135deg,#0694D1,#22d3ee) !important; color:#fff !important; border:none !important; box-shadow:-2px 2px 8px rgba(6,148,209,0.28) !important; z-index:2 !important; }
.tvs .batches-sec .batch-card-row1 { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; margin-bottom:12px !important; min-height:24px !important; }
.tvs .batches-sec .batch-badges { display:flex !important; align-items:center !important; gap:8px !important; }
.tvs .batches-sec .cert-badge { display:inline-flex !important; align-items:center !important; gap:3px !important; font-size:9px !important; font-weight:800 !important; letter-spacing:0.6px !important; text-transform:uppercase !important; padding:3px 9px 3px 7px !important; border-radius:20px !important; width:fit-content !important; border:none !important; line-height:1 !important; position:relative !important; top:-18px !important; margin-bottom:0 !important; }
.tvs .batches-sec .cert-badge.fund { background:linear-gradient(135deg,#4DBFEF,#0694D1) !important; color:#fff !important; border-left:none !important; box-shadow:0 2px 8px rgba(6,148,209,0.25) !important; }
.tvs .batches-sec .cert-badge.assoc { background:linear-gradient(135deg,#0694D1,#076D9D) !important; color:#fff !important; border-left:none !important; box-shadow:0 2px 8px rgba(6,108,157,0.3) !important; }
.tvs .batches-sec .cert-badge.expert { background:linear-gradient(135deg,#076D9D,#062238) !important; color:#fff !important; border-left:none !important; box-shadow:0 2px 8px rgba(6,34,56,0.35) !important; }
.tvs .batches-sec .cert-badge.fund::before, .tvs .batches-sec .cert-badge.assoc::before, .tvs .batches-sec .cert-badge.expert::before { content:'' !important; display:inline-block !important; width:9px !important; height:9px !important; margin-right:3px !important; background-repeat:no-repeat !important; background-position:center !important; background-size:contain !important; }
.tvs .batches-sec .cert-badge.fund::before { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22V12'/><path d='M5 3a7 7 0 0 0 7 7 7 7 0 0 0 7-7'/></svg>") !important; }
.tvs .batches-sec .cert-badge.assoc::before { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17l-6.2 4.3 2.4-7.4L2 9.4h7.6z'/></svg>") !important; }
.tvs .batches-sec .cert-badge.expert::before { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M2 7l4 9h12l4-9-6 4-4-6-4 6z'/></svg>") !important; }
.tvs .batches-sec .batch-seats { display:inline-flex !important; align-items:center !important; font-size:11px !important; font-weight:500 !important; padding:2px 8px !important; border-radius:20px !important; line-height:1.4 !important; }
.tvs .batches-sec .batch-seats.batch-seats-low { background:rgba(239,68,68,0.06) !important; color:#dc2626 !important; animation:livePulse 1.5s infinite !important; }
.tvs .batches-sec .batch-seats.batch-seats-ok { background:rgba(34,197,94,0.08) !important; color:#16a34a !important; animation:none !important; }
.tvs .batches-sec .batch-card .batch-name { position:relative !important; top:-24px !important; margin-top:0 !important; margin-bottom:6px !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; font-size:14px !important; font-weight:600 !important; color:#071e2e !important; line-height:1.35 !important; transition:color 0.2s !important; }
.tvs .batches-sec .batch-card:hover .batch-name { color:#0694D1 !important; }
.tvs .batches-sec .batch-card .batch-meta { display:flex !important; align-items:center !important; gap:6px !important; flex-wrap:wrap !important; font-size:12px !important; color:#5a7a90 !important; margin-bottom:12px !important; }
.tvs .batches-sec .batch-meta .batch-meta-item { display:inline-flex !important; align-items:center !important; gap:3px !important; font-size:12px !important; color:#5a7a90 !important; }
.tvs .batches-sec .batch-card .batch-meta > span:not(.batch-meta-item) { color:#5a7a90 !important; font-size:12px !important; line-height:1 !important; }
.tvs .batches-sec .batch-meta .batch-meta-item:nth-of-type(1)::before {
  content: '' !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 4px !important;
  vertical-align: -2px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%235a7a90\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'><rect x=\'3\' y=\'4\' width=\'18\' height=\'18\' rx=\'2\'/><line x1=\'16\' y1=\'2\' x2=\'16\' y2=\'6\'/><line x1=\'8\' y1=\'2\' x2=\'8\' y2=\'6\'/><line x1=\'3\' y1=\'10\' x2=\'21\' y2=\'10\'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
.tvs .batches-sec .batch-meta .batch-meta-item:nth-of-type(2)::before {
  content: '' !important;
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin-right: 4px !important;
  vertical-align: -2px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%235a7a90\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'><circle cx=\'12\' cy=\'12\' r=\'10\'/><polyline points=\'12 6 12 12 16 14\'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
.tvs .batches-sec .batch-footer { display:flex !important; align-items:center !important; gap:8px !important; border-top:1px solid #CAEFFF !important; padding-top:12px !important; flex-wrap:nowrap !important; }
.tvs .batches-sec .batch-footer .cert-btn-brochure { flex:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:5px !important; height:40px !important; padding:0 12px !important; box-sizing:border-box !important; border-radius:8px !important; font-size:12px !important; font-weight:700 !important; font-family:inherit !important; background:transparent !important; color:#0694D1 !important; border:1.5px solid #0694D1 !important; cursor:pointer !important; white-space:nowrap !important; line-height:1 !important; transition:background 0.18s !important; }
.tvs .batches-sec .batch-footer .cert-btn-brochure::before { content:'' !important; display:inline-block !important; width:10px !important; height:10px !important; margin-right:4px !important; vertical-align:-1px !important; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230694D1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><polyline points='7 10 12 15 17 10'/><line x1='12' y1='15' x2='12' y2='3'/></svg>") !important; background-repeat:no-repeat !important; background-position:center !important; background-size:contain !important; }
.tvs .batches-sec .batch-footer .cert-btn-brochure:hover { background:rgba(6,148,209,0.07) !important; }
.tvs .batches-sec .batch-footer .batch-reserve-btn { flex:1 !important; margin-left:0 !important; height:40px !important; padding:0 16px !important; box-sizing:border-box !important; line-height:1 !important; background:linear-gradient(135deg,#076D9D,#062238) !important; color:#fff !important; font-size:12px !important; font-weight:700 !important; font-family:inherit !important; border:none !important; border-radius:8px !important; box-shadow:0 2px 8px rgba(6,148,209,0.25) !important; white-space:nowrap !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; cursor:default !important; transition:background 0.2s, box-shadow 0.2s, transform 0.2s !important; }
.tvs .batches-sec .batch-footer .batch-reserve-btn:hover { background:linear-gradient(135deg,#076D9D,#062238) !important; box-shadow:0 6px 20px rgba(6,148,209,0.4) !important; }
.tvs .batches-sec .batch-card:nth-child(2)::before, .tvs .batches-sec .batch-card:nth-child(3)::before, .tvs .batches-sec .batch-card:nth-child(4)::before { content:none !important; display:none !important; background:none !important; box-shadow:none !important; }
.tvs .batches-sec .batch-card.hot::after, .tvs .batches-sec .batch-card[data-hot]::after { content:none !important; display:none !important; background:none !important; box-shadow:none !important; }
.tvs .batches-sec .batch-vendor-badge, .tvs .batches-sec .batch-format-badge, .tvs .batches-sec .batch-format-online, .tvs .batches-sec .batch-format-class, .tvs .batches-sec .batch-location-label, .tvs .batches-sec .batch-location-val { display:none !important; }
@media (max-width: 900px) {
.tvs .batches-sec { padding:40px 24px !important; }
.tvs .batches-sec .batches-grid { grid-template-columns:1fr 1fr !important; }
 
}
@media (max-width: 768px) {
.tvs .batches-sec { padding:48px 20px !important; }
.tvs .batches-sec .batches-grid { grid-template-columns:1fr 1fr !important; }
 
}
@media (max-width: 600px) {
.tvs .batches-sec { padding:15px 16px 48px !important; }
.tvs .batches-sec .batches-grid { grid-template-columns:1fr !important; }
.tvs .batches-sec .batches-hd { flex-direction:column !important; gap:15px !important; }
.tvs .batches-sec .batch-footer { flex-wrap:wrap !important; gap:8px !important; }
.tvs .batches-sec .batch-reserve-btn { white-space:normal !important; width:100% !important; text-align:center !important; }


}
@media (max-width: 480px) {
.tvs .batches-sec { padding:40px 14px !important; }
.tvs .batches-sec .batches-grid { grid-template-columns:1fr !important; }
 
}


/* Brochure / syllabus modal */
.tvs #bro-fullname, .tvs #bro-email {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #0694D1;
    background: rgba(6,148,209,0.08) !important;
  }
.tvs #bro-fullname:focus, .tvs #bro-email:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: rgba(6,148,209,0.14) !important;
  }
.tvs #bro-fullname::placeholder, .tvs #bro-email::placeholder { color: rgba(255,255,255,0.45); }
.tvs #bro-fullname:-webkit-autofill, .tvs #bro-email:-webkit-autofill, .tvs #bro-fullname:-webkit-autofill:hover, .tvs #bro-email:-webkit-autofill:hover, .tvs #bro-fullname:-webkit-autofill:focus, .tvs #bro-email:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0a3d5c inset !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #0694D1 !important;
    transition: background-color 9999s ease-in-out 0s;
  }
.tvs #bro-country { color: rgba(255,255,255,0.4) !important; }
.tvs #bro-country.has-value, .tvs #bro-country:valid { color: #fff !important; }
.tvs #bro-country option { color: #fff; background: #0a2d45; }
.tvs #bro-country option[value=""] { color: rgba(255,255,255,0.4); }
.tvs #bro-country:focus { border-color: #0694D1 !important; }

/* Enquiry (Request More Info) modal */
.tvs .clf-input { background: rgba(255,255,255,0.07); border: 1.5px solid rgba(255,255,255,0.14); border-radius: 10px; padding: 11px 16px; font-size:13.5px !important; color: #fff; width: 100%; outline: none; font-family: inherit; transition: border-color .2s, box-shadow .2s; box-sizing: border-box; -webkit-text-fill-color: #fff; }
.tvs .clf-input:focus, .tvs .clf-input:hover, .tvs .clf-input:active { background: rgba(255,255,255,0.07) !important; border-color: #0694D1; box-shadow: 0 0 0 3px rgba(6,148,209,0.15); outline: none; }
.tvs .clf-input::placeholder { color: rgba(255,255,255,0.28) !important; -webkit-text-fill-color: rgba(255,255,255,0.28) !important; opacity: 1 !important; }
.tvs .clf-input:-webkit-autofill, .tvs .clf-input:-webkit-autofill:hover, .tvs .clf-input:-webkit-autofill:focus, .tvs .clf-input:-webkit-autofill:active, .tvs .clf-input:autofill {
    -webkit-box-shadow: 0 0 0 1000px #0a3d5c inset !important;
    box-shadow: 0 0 0 1000px #0a3d5c inset !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    caret-color: #0694D1 !important;
    transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s !important;
    background-color: transparent !important;
    background-image: none !important;
  }
.tvs .clf-label { display: block; font-size:12px !important; font-weight: 600; color: rgba(255,255,255,0.65); margin-bottom: 5px; }
.tvs .clf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tvs .clf-tab-btn { flex: 1; padding: 10px 0; border: none; border-radius: 8px; font-size:14px !important; font-weight: 600; cursor: pointer; font-family: inherit; transition: all .2s; background: transparent; color: rgba(255,255,255,0.45); display: flex; align-items: center; justify-content: center; gap: 7px; }
.tvs .clf-tab-btn.is-active { background: #0694D1; color: #fff; }
@media (max-width: 480px) {
.tvs .clf-row { grid-template-columns: 1fr; }
 
}