/* TNS Technova White Theme Override
   Keeps the existing layout, content, functionality and branding intact. */
:root{
  --bg-dark:#ffffff !important;
  --bg:#ffffff !important;
  --card-glass:#ffffff !important;
  --border-glass:#e2e8f0 !important;
  --border:#e2e8f0 !important;
  --text:#0f172a !important;
  --muted:#64748b !important;
  --tns-blue:#2563eb !important;
  --tns-purple:#7c3aed !important;
  --blue:#2563eb !important;
  --purple:#7c3aed !important;
  --tns-gradient:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%) !important;
  --grad:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%) !important;
}
html{background:#fff!important;color-scheme:light!important}
body{background:#fff!important;color:#0f172a!important}
body::before{background:radial-gradient(circle at 15% 10%,rgba(37,99,235,.08),transparent 28%),radial-gradient(circle at 85% 16%,rgba(124,58,237,.07),transparent 30%),linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important}
body::after{opacity:.18!important}

/* Typography */
h1,h2,h3,h4,h5,h6,.title,.heading,.section-title,.plan-name,.price,.navbar-brand{color:#0f172a!important;text-shadow:none!important}
p,.lead,.section-desc,.sub-desc,.text-muted,.muted,small{color:#64748b!important}
li{color:#475569}
a:not(.btn):not(.btn-premium):not(.buy-btn):not(.watch-btn):not(.whatsapp-btn):not(.cta-btn){color:#2563eb}

/* Navigation */
.navbar,.main-header,.site-header,header{background:rgba(255,255,255,.96)!important;border-color:#e2e8f0!important;box-shadow:0 8px 28px rgba(15,23,42,.06)!important}
.nav-link,.navbar .nav-link{color:#334155!important}
.nav-link:hover,.nav-link.active,.navbar .nav-link:hover,.navbar .nav-link.active{color:#2563eb!important}
.navbar-toggler{border-color:#cbd5e1!important}
.navbar-toggler i,.navbar-toggler-icon{color:#0f172a!important;filter:none!important}
.dropdown-menu{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 18px 45px rgba(15,23,42,.12)!important}
.dropdown-item{color:#334155!important}
.dropdown-item:hover{background:#eff6ff!important;color:#2563eb!important}

/* Main sections and backgrounds */
section,.section,.content-section,.pricing-section,.products-section,.services-section,.blog-section,.contact-section{background-color:transparent!important}
.page-hero,.hero,.legal-hero{background:radial-gradient(circle at 18% 15%,rgba(37,99,235,.10),transparent 34%),radial-gradient(circle at 82% 12%,rgba(124,58,237,.09),transparent 34%),linear-gradient(180deg,#ffffff,#f8fafc)!important;border-color:#e2e8f0!important}
.page-hero::before,.hero::before{opacity:.85!important}

/* Cards and panels */
.card,.card-glass,.card-plan,.pricing-card,.product-card,.service-card,.blog-card,.feature-card,.contact-card,.info-card,.download-card,.ticket-card,.stat-card,.demo-video-section,.hero-card,.panel,.box,.modal-content,.accordion-item{
  background:#fff!important;
  color:#0f172a!important;
  border-color:#e2e8f0!important;
  box-shadow:0 14px 40px rgba(15,23,42,.08)!important;
  text-shadow:none!important;
}
.card:hover,.card-glass:hover,.card-plan:hover,.pricing-card:hover,.product-card:hover,.service-card:hover,.blog-card:hover,.feature-card:hover{
  background:#fff!important;border-color:#93c5fd!important;box-shadow:0 22px 50px rgba(37,99,235,.12)!important
}
.card-header,.card-footer,.accordion-header,.accordion-button{background:#f8fafc!important;color:#0f172a!important;border-color:#e2e8f0!important}
.accordion-button:not(.collapsed){background:#eff6ff!important;color:#1d4ed8!important}

/* Product page dark custom components */
.store-hero,.product-hero,.hero-panel,.glass-panel,.filter-panel,.product-info,.product-details,.product-content,.product-body,.product-footer,.category-btn,.search-box,.search-input,.modal-dialog .modal-content{
  background:#fff!important;color:#0f172a!important;border-color:#e2e8f0!important;box-shadow:0 14px 40px rgba(15,23,42,.09)!important
}
.product-card h1,.product-card h2,.product-card h3,.product-card h4,.product-title,.store-title{color:#0f172a!important}
.product-card p,.product-description,.store-subtitle{color:#64748b!important}
.category-btn{color:#334155!important}
.category-btn.active,.category-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;border-color:transparent!important}

/* Pricing */
.feature-list li,.list-check li,.demo-points li{color:#475569!important;border-color:#edf2f7!important}
.feature-list li.no{color:#94a3b8!important}
.badge-soft,.demo-label,.badge:not(.bg-primary):not(.bg-success):not(.bg-danger){background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
.card-plan.featured{border-color:#a78bfa!important;box-shadow:0 0 0 1px rgba(124,58,237,.12),0 20px 50px rgba(124,58,237,.12)!important}

/* Forms */
.form-control,.form-select,input,textarea,select{
  background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important;box-shadow:none!important
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#94a3b8!important}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{background:#fff!important;color:#0f172a!important;border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.13)!important}
.form-label,label{color:#334155!important}
option{background:#fff!important;color:#0f172a!important}

/* Buttons: preserve branded contrast */
.btn-premium,.buy-btn,.btn-primary,.cta-btn,.popular-badge{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;border-color:transparent!important}
.btn-outline-premium,.btn-outline-primary{background:#fff!important;color:#2563eb!important;border-color:#2563eb!important}
.btn-outline-premium:hover,.btn-outline-primary:hover{background:#2563eb!important;color:#fff!important}
.watch-btn{color:#fff!important}.whatsapp-btn,.whatsapp-float{color:#fff!important}

/* Tables */
table,.table{color:#334155!important;border-color:#e2e8f0!important}
.table>:not(caption)>*>*{background:#fff!important;color:#334155!important;border-color:#e2e8f0!important}
thead th,.table thead th{background:#f8fafc!important;color:#0f172a!important}

/* Footer */
.footer,footer,.site-footer{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,footer h1,footer h2,footer h3,footer h4,footer h5,footer h6{color:#0f172a!important}
.footer p,.footer a,footer p,footer a{color:#64748b!important}
.footer a:hover,footer a:hover{color:#2563eb!important}

/* Utilities */
.bg-dark,.bg-black{background:#fff!important}
.text-white:not(.btn):not(.badge):not(.popular-badge):not(.play-icon):not(.whatsapp-float){color:#0f172a!important}
.text-light{color:#475569!important}
.border-secondary,.border-dark{border-color:#e2e8f0!important}
hr{border-color:#e2e8f0!important;opacity:1!important}

/* Keep media areas readable */
.demo-thumb,.video-wrapper,.video-box{background:#0f172a!important}
.play-icon{color:#fff!important}

@media(max-width:991px){
 .navbar-collapse{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px;padding:14px!important;box-shadow:0 15px 35px rgba(15,23,42,.10)!important}
}

/* =========================================================
   TNS Technova High-Contrast Light Theme – Logo Palette
   Cyan → Violet branding, stronger typography and readability
========================================================= */
:root{
  --tns-cyan:#18b9f2 !important;
  --tns-blue:#2684ff !important;
  --tns-purple:#8b3ff2 !important;
  --tns-violet:#7146f5 !important;
  --tns-gradient:linear-gradient(135deg,#18b9f2 0%,#2684ff 45%,#8b3ff2 100%) !important;
  --grad:linear-gradient(135deg,#18b9f2 0%,#2684ff 45%,#8b3ff2 100%) !important;
  --text:#101a35 !important;
  --muted:#475569 !important;
}

body{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 48%,#f5f3ff 100%) !important;
  color:#101a35 !important;
  font-weight:500 !important;
}

/* Strong global text contrast */
body p, body li, body span, body label, body td, body th,
.description,.subtitle,.sub-title,.section-subtitle,.section-description,
.hero p,.page-hero p,.card p,.card li,.features li,.feature-list li,
.product-description,.service-description,.blog-description,.contact-info p{
  color:#42516b !important;
  opacity:1 !important;
  text-shadow:none !important;
}

h1,h2,h3,h4,h5,h6,.section-title,.title,.heading,
.card-title,.product-title,.service-title,.package,.plan-name,.price{
  color:#101a35 !important;
  font-weight:800 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

strong,b,.fw-bold,.fw-semibold{color:#101a35 !important}

/* Logo-inspired highlighted text */
.text-gradient,.gradient-text,.hero h1 span,.section-title span,
.logo-text span{
  background:var(--tns-gradient) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

/* More visual depth; avoid a blank all-white appearance */
section:nth-of-type(even),.section:nth-of-type(even){
  background:linear-gradient(135deg,rgba(24,185,242,.045),rgba(139,63,242,.045)) !important;
}
.page-hero,.hero{
  background:
    radial-gradient(circle at 12% 18%,rgba(24,185,242,.16),transparent 32%),
    radial-gradient(circle at 88% 12%,rgba(139,63,242,.14),transparent 34%),
    linear-gradient(135deg,#f7fcff 0%,#ffffff 50%,#faf7ff 100%) !important;
}

/* Cards: visible borders and subtle logo-colour glow */
.card,.card-glass,.card-plan,.pricing-card,.product-card,.service-card,
.blog-card,.feature-card,.contact-card,.info-card,.download-card,
.ticket-card,.stat-card,.panel,.box,.glass-panel{
  background:linear-gradient(145deg,#ffffff 0%,#fbfdff 100%) !important;
  border:1.5px solid #d9e5f4 !important;
  box-shadow:0 14px 34px rgba(25,50,95,.10) !important;
}
.card:hover,.card-glass:hover,.card-plan:hover,.pricing-card:hover,
.product-card:hover,.service-card:hover,.blog-card:hover,.feature-card:hover{
  border-color:#7b8ff6 !important;
  box-shadow:0 20px 48px rgba(75,80,210,.18) !important;
}

/* AI voice/pricing page explicit overrides */
.features li{
  color:#475569 !important;
  font-weight:600 !important;
  font-size:15px !important;
}
.package{
  color:#2684ff !important;
  font-weight:800 !important;
}
.price{
  color:#101a35 !important;
  font-weight:900 !important;
}
.icon,.icon-box{
  background:var(--tns-gradient) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(83,84,225,.24) !important;
}
.double-title .icon{background:linear-gradient(135deg,#7146f5,#9c3ff0) !important}

/* Branded buttons */
.btn,.btn-primary,.btn-premium,.buy-btn,.cta-btn,.order-btn,
.double .btn,.popular-badge{
  background:var(--tns-gradient) !important;
  color:#fff !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(67,94,230,.25) !important;
}
.btn:hover,.btn-primary:hover,.btn-premium:hover,.buy-btn:hover,.cta-btn:hover,.order-btn:hover{
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 15px 30px rgba(96,63,220,.32) !important;
}

/* Navbar and footer with clear contrast */
.navbar,.main-header,.site-header,header{
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid #dbe7f4 !important;
}
.nav-link,.navbar .nav-link{color:#263752 !important;font-weight:800 !important}
.nav-link:hover,.nav-link.active{color:#7146f5 !important}

.footer,footer,.site-footer{
  background:linear-gradient(135deg,#eef9ff 0%,#f5f2ff 100%) !important;
  border-top:1px solid #d8e3f2 !important;
}
.footer p,.footer a,footer p,footer a{color:#475569 !important;font-weight:600 !important}
.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6,
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6{color:#101a35 !important}

/* Inputs */
.form-control,.form-select,input,textarea,select{
  background:#fff !important;
  color:#101a35 !important;
  border:1.5px solid #cbd9e9 !important;
  font-weight:600 !important;
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#718096 !important;opacity:1 !important}

/* Important: utility classes inherited from the old dark theme */
.text-white:not(.btn):not(.badge):not(.popular-badge):not(.play-icon):not(.whatsapp-float):not(i){
  color:#101a35 !important;
}
.text-muted,.text-light,.muted{color:#52627a !important;opacity:1 !important}

/* Keep icon glyphs visible inside branded controls */
.btn i,.btn-premium i,.buy-btn i,.cta-btn i,.icon i,.icon-box i,
.float-btn:hover i,.popular-badge i{color:#fff !important}

@media(max-width:768px){
  body p,body li,.features li{font-size:14px !important}
}

/* =========================================================
   FINAL MOBILE HERO SPACING FIX
   Prevents the home hero from occupying a full phone screen
   after its content has ended.
========================================================= */
@media (max-width: 768px){
  html,body{
    min-height:0 !important;
  }

  body.home-page,
  body{
    overflow-x:hidden !important;
  }

  .hero,
  section.hero,
  .hero-section,
  section.hero-section{
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding-top:62px !important;
    padding-bottom:42px !important;
    margin-bottom:0 !important;
    display:block !important;
  }

  .hero > .container,
  .hero-section > .container{
    min-height:0 !important;
    height:auto !important;
    padding-bottom:0 !important;
  }

  .hero-stats{
    margin-top:28px !important;
    margin-bottom:0 !important;
  }

  .hero-stats .row,
  .hero-stats.row{
    margin-bottom:0 !important;
  }

  .hero .stat-box{
    min-height:0 !important;
    height:auto !important;
    padding:15px 10px !important;
  }

  .hero .d-flex.mt-5{
    margin-top:26px !important;
  }

  #particles-js{
    height:100% !important;
    min-height:0 !important;
    pointer-events:none !important;
  }

  .hero + section,
  .hero + .section{
    margin-top:0 !important;
  }
}

@media (max-width: 576px){
  .hero,
  section.hero,
  .hero-section,
  section.hero-section{
    padding-top:50px !important;
    padding-bottom:32px !important;
  }

  .hero h1{
    margin-bottom:14px !important;
  }

  .hero-subtitle{
    margin-top:14px !important;
    line-height:1.55 !important;
  }

  .hero-stats{
    margin-top:24px !important;
  }
}


/* ===== FINAL GLOBAL TYPOGRAPHY: BOLD & HIGH-CONTRAST ===== */
html, body {
  color: #111827 !important;
  font-weight: 600 !important;
}

body, p, span, li, a, label, small, input, textarea, select, option, button,
.nav-link, .dropdown-item, .card-text, .text-secondary, .form-control, .form-select,
.accordion-body, .accordion-button, .table, .footer, footer {
  font-weight: 600 !important;
}

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4,
.display-5, .display-6, .section-title, .card-title, .navbar-brand {
  font-weight: 800 !important;
  color: #0f172a !important;
}

.btn, .btn-premium, .btn-outline-premium, button, input[type=submit] {
  font-weight: 800 !important;
}

.text-secondary, p.text-secondary, .card-text, .footer p, footer p {
  color: #374151 !important;
}

/* Keep icon fonts working correctly */
.fa, .fas, .far, .fal, .fab, [class^="fa-"], [class*=" fa-"] {
  font-weight: inherit;
}


/* =========================================================
   FINAL PROFESSIONAL TNS THEME – JULY 2026
========================================================= */
:root{
  --tns-cyan:#18b9f2 !important;
  --tns-blue:#2878f0 !important;
  --tns-purple:#8b3ff2 !important;
  --tns-gradient:linear-gradient(135deg,#18b9f2 0%,#2878f0 48%,#8b3ff2 100%) !important;
  --tns-heading:#0f172a !important;
  --tns-text:#334155 !important;
  --tns-soft:#f5f9ff !important;
  --tns-border:#dbe7f4 !important;
}
html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 52%,#faf7ff 100%) !important;color:var(--tns-text) !important;font-weight:600 !important;line-height:1.65 !important}
body p,body li,body span,body label,body small,body td,body th,body a:not(.btn):not(.btn-premium):not(.btn-outline-premium),.form-control,.form-select,.dropdown-item{font-weight:600 !important}
h1,h2,h3,h4,h5,h6,.section-title,.card-title,.title,.heading{color:var(--tns-heading) !important;font-weight:800 !important;letter-spacing:-.02em !important}
.navbar{min-height:82px !important;padding:11px 0 !important;box-shadow:0 8px 30px rgba(31,64,120,.07) !important}
.navbar-brand img{height:58px !important;max-width:190px !important}
.navbar-toggler{border:1px solid #d7e3f2 !important;background:#f7fbff !important;color:#23314d !important;box-shadow:none !important}
.navbar-toggler i{color:#23314d !important}
.hero,.page-hero{min-height:auto !important;height:auto !important;padding:86px 0 68px !important}
.hero h1{font-size:clamp(2.35rem,5vw,4.8rem) !important;line-height:1.08 !important}
.hero-subtitle{max-width:880px !important;margin:24px auto 0 !important;color:#42516b !important;font-size:clamp(1rem,1.8vw,1.18rem) !important;font-weight:600 !important}
.hero-stats{margin-top:52px !important}
.stat-box{background:rgba(255,255,255,.82) !important;border:1.5px solid var(--tns-border) !important;border-radius:20px !important;padding:20px 14px !important;box-shadow:0 12px 30px rgba(37,72,130,.08) !important}
.stat-box h2{font-weight:900 !important}
.section,section:not(.hero):not(.page-hero){padding-top:76px !important;padding-bottom:76px !important}
.section-desc,.section-subtitle{max-width:760px !important;margin-left:auto !important;margin-right:auto !important;color:#52627a !important}
.row > [class*="col-"] > .card-glass,.row > [class*="col-"] > .service-card,.row > [class*="col-"] > .product-card,.row > [class*="col-"] > .pricing-card,.row > [class*="col-"] > .card{height:100% !important;display:flex !important;flex-direction:column !important}
.card-glass .service-link,.service-card .btn,.product-card .btn,.pricing-card .btn,.card .btn-premium{margin-top:auto !important;align-self:flex-start !important}
.card-glass,.service-card,.product-card,.pricing-card,.card{border-radius:22px !important}
.card-glass p,.service-card p,.product-card p,.pricing-card p,.card p,.card-glass li,.service-card li,.product-card li,.pricing-card li,.card li{color:#42516b !important;font-weight:600 !important}
.btn-outline-premium{background:#fff !important;color:#3052c8 !important;border:2px solid #6f70ec !important;box-shadow:0 10px 24px rgba(70,86,200,.12) !important}
.btn-outline-premium i{color:#3052c8 !important}
.btn-outline-premium:hover{background:var(--tns-gradient) !important;color:#fff !important;border-color:transparent !important}
.btn-outline-premium:hover i{color:#fff !important}
.footer,footer{padding-top:64px !important}
.footer a,footer a{display:block;margin-bottom:10px !important}
@media (max-width:991.98px){
  .navbar .container{display:flex !important;grid-template-columns:none !important;justify-content:space-between !important}
  .navbar-brand{min-width:0 !important}
  .navbar-brand img{height:50px !important;max-width:155px !important}
  .navbar-collapse{background:#fff !important;border:1px solid #dbe7f4 !important;border-radius:18px !important;margin-top:12px !important;padding:16px !important;box-shadow:0 18px 42px rgba(31,64,120,.13) !important}
  .navbar-nav{display:flex !important;align-items:stretch !important;gap:4px !important}
}
@media (max-width:768px){
  .hero,.page-hero,section.hero,section.page-hero{min-height:0 !important;height:auto !important;padding:48px 0 36px !important;margin:0 !important}
  .hero > .container,.page-hero > .container{height:auto !important;min-height:0 !important;padding-bottom:0 !important}
  .hero h1{font-size:2.3rem !important;line-height:1.12 !important}
  .hero-subtitle{font-size:15px !important;margin-top:17px !important}
  .hero .d-flex.mt-5{margin-top:24px !important}
  .hero-stats{margin-top:28px !important;margin-bottom:0 !important}
  .stat-box{padding:16px 10px !important}
  .section,section:not(.hero):not(.page-hero){padding-top:50px !important;padding-bottom:50px !important}
  #particles-js{height:100% !important;min-height:0 !important}
  .btn-premium,.btn-outline-premium{width:100% !important;max-width:330px !important;min-width:0 !important}
}
@media (max-width:420px){
  .promo-bar{font-size:11px !important;padding:7px 10px !important}
  .navbar{min-height:68px !important;padding:7px 0 !important}
  .navbar-brand img{height:44px !important;max-width:140px !important}
  .hero h1{font-size:2rem !important}
}


/* FINAL UNIVERSAL HEADER CONSISTENCY */
.promo-bar{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px 15px!important;background:linear-gradient(90deg,#19b9ef 0%,#2878f0 52%,#873df5 100%)!important;color:#fff!important;font-weight:800!important;text-align:center!important;position:relative;z-index:1031}
.navbar{width:100%!important;min-height:92px!important;padding:12px 0!important;background:#fff!important;border-bottom:1px solid #e1eaf5!important;box-shadow:0 8px 28px rgba(20,55,105,.07)!important}
.navbar .container{width:100%!important;max-width:1440px!important;margin:0 auto!important;padding-left:28px!important;padding-right:28px!important;display:flex!important;align-items:center!important}
.navbar-brand{display:flex!important;align-items:center!important;margin-right:36px!important;flex:0 0 auto!important}
.navbar-brand img{height:62px!important;width:auto!important;max-width:200px!important;object-fit:contain!important}
.navbar-collapse{flex:1 1 auto!important}
.navbar-nav{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;margin-left:auto!important}
.navbar .nav-link{display:flex!important;align-items:center!important;min-height:44px!important;padding:9px 10px!important;margin:0!important;color:#1e2d48!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important;border-radius:10px!important}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#216ff3!important;background:#eef6ff!important}
.navbar .btn-premium{min-width:166px!important;height:54px!important;margin-left:12px!important;padding:0 24px!important;border-radius:999px!important;background:linear-gradient(90deg,#19b9ef,#2878f0,#873df5)!important;color:#fff!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-shadow:0 14px 30px rgba(53,93,230,.23)!important}
.navbar .dropdown-menu{border:1px solid #e1eaf5!important;background:#fff!important;box-shadow:0 18px 40px rgba(30,55,95,.14)!important}
.side-float{right:22px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;gap:14px!important;z-index:1040!important}
.side-float .float-btn{width:54px!important;height:54px!important;border-radius:15px!important;background:rgba(255,255,255,.94)!important;color:#1266eb!important;border:1px solid #e2eaf6!important;box-shadow:0 12px 28px rgba(30,80,170,.10)!important}
@media(max-width:1199.98px){
 .navbar .container{padding-left:20px!important;padding-right:20px!important}
 .navbar-brand{margin-right:18px!important}.navbar-brand img{height:54px!important}
 .navbar .nav-link{font-size:13px!important;padding:8px 7px!important}
 .navbar .btn-premium{min-width:135px!important;height:48px!important;padding:0 17px!important;margin-left:6px!important}
}
@media(max-width:991.98px){
 .navbar{min-height:72px!important;padding:8px 0!important}
 .navbar .container{display:flex!important;justify-content:space-between!important;padding-left:16px!important;padding-right:16px!important}
 .navbar-brand{margin-right:0!important}.navbar-brand img{height:48px!important;max-width:150px!important}
 .navbar-toggler{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border:1px solid #dce7f4!important;border-radius:12px!important;background:#f7fbff!important}
 .navbar-toggler i{color:#16243d!important;font-size:21px!important}
 .navbar-collapse{position:relative!important;width:100%!important;margin-top:10px!important;padding:14px!important;background:#fff!important;border:1px solid #dce7f4!important;border-radius:16px!important;box-shadow:0 18px 38px rgba(28,58,105,.12)!important}
 .navbar-nav{align-items:stretch!important;justify-content:flex-start!important;gap:3px!important}
 .navbar .nav-link{width:100%!important;font-size:15px!important;padding:11px 13px!important}
 .navbar .btn-premium{width:100%!important;margin:9px 0 0!important;height:48px!important}
 .side-float{display:none!important}
}
@media(max-width:575.98px){.promo-bar{font-size:10px!important;line-height:1.35!important;min-height:34px!important}.navbar-brand img{height:43px!important}}

/* =========================================================
   FINAL DOWNLOAD + PRICING PAGE FIX (2026-08-01)
========================================================= */

/* Download page: keep product titles visible on white cards */
.download-heading{
  padding:42px 20px 32px !important;
}
.download-heading h1{
  color:#0f172a !important;
  font-size:clamp(34px,4vw,52px) !important;
}
.product-grid{
  width:min(92%,1500px) !important;
  gap:28px !important;
  padding-bottom:65px !important;
}
.product-card{
  background:#ffffff !important;
  border:1px solid #dbe5f1 !important;
  padding:14px 14px 18px !important;
  border-radius:24px !important;
  box-shadow:0 18px 45px rgba(15,23,42,.09) !important;
}
.product-card:hover{
  border-color:#8da8ff !important;
  box-shadow:0 24px 55px rgba(37,99,235,.16) !important;
}
.product-name{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#0f172a !important;
  font-size:18px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  min-height:49px !important;
  margin:17px 8px 14px !important;
  text-shadow:none !important;
}
.download-btn{
  min-width:190px !important;
  min-height:52px !important;
  color:#fff !important;
  font-weight:800 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#2836a8,#4261ff) !important;
  box-shadow:0 12px 26px rgba(55,85,255,.24) !important;
}

/* Pricing page: compact, professional and balanced */
.pricing-section{
  padding:22px 20px 70px !important;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%) !important;
}
.pricing-section > .section-head{
  margin:26px auto 24px !important;
  padding-top:4px !important;
}
.pricing-section > .section-head:not(:first-child){
  margin-top:54px !important;
}
.section-title{
  font-size:clamp(31px,3vw,44px) !important;
  line-height:1.15 !important;
}
.section-desc{
  margin-top:8px !important;
  line-height:1.55 !important;
}
.pricing-row{
  max-width:1260px !important;
  gap:22px !important;
  margin:0 auto 34px !important;
  align-items:stretch !important;
}
.card-plan{
  background:#ffffff !important;
  border:1px solid #dce6f2 !important;
  border-radius:24px !important;
  padding:26px 24px 24px !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}
.card-plan:hover{
  transform:translateY(-6px) !important;
  border-color:#8da8ff !important;
  box-shadow:0 24px 55px rgba(37,99,235,.14) !important;
}
.card-plan.featured{
  border:2px solid #6d63ff !important;
  box-shadow:0 20px 55px rgba(91,82,255,.16) !important;
}
.plan-name{
  font-size:23px !important;
  margin:0 0 5px !important;
}
.sub-desc{
  min-height:0 !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
.offer-price{
  min-height:0 !important;
  margin:16px 0 10px !important;
  padding:0 !important;
  justify-content:flex-start !important;
}
.old-price{
  margin-bottom:5px !important;
  font-size:19px !important;
}
.new-price{
  font-size:43px !important;
  letter-spacing:-1.5px !important;
}
.save-badge{
  margin-top:8px !important;
  padding:6px 10px !important;
}
.gst-note{
  margin:6px 0 10px !important;
  padding:8px 11px !important;
}
.feature-list{
  margin:10px 0 18px !important;
}
.feature-list li{
  min-height:0 !important;
  padding:8px 0 !important;
  line-height:1.4 !important;
  color:#475569 !important;
  border-bottom:1px solid #edf2f7 !important;
}
.buy-btn{
  height:54px !important;
  margin-top:16px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#2563eb,#713ee8) !important;
}
.popular-badge{
  top:16px !important;
  right:16px !important;
  box-shadow:0 8px 20px rgba(91,82,255,.25) !important;
}
.demo-video-section{
  margin:0 auto 38px !important;
  border-radius:24px !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}

@media(max-width:768px){
  .product-grid{width:94% !important;gap:22px !important}
  .product-name{min-height:0 !important;font-size:17px !important}
  .pricing-section{padding:14px 14px 50px !important}
  .pricing-section > .section-head:not(:first-child){margin-top:40px !important}
  .card-plan{padding:23px 20px 21px !important}
  .new-price{font-size:39px !important}
}