/* QA follow-up fixes shared by every page. Loaded last on all pages. */

/* Mobile menu: start the open list at the top so the first item of an expanded
   submenu (e.g. Products > ERMVare) is not pushed under the header */
@media (max-width:1180px){
  html body header.site-header ul.navbar-nav{justify-content:flex-start!important}
}

/* Product pages: "AiiVare How It Works" keeps its button shape on phones */
@media (max-width:760px){
  html body a.btn.product-ai-how{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;min-height:44px!important;padding:0 18px!important;border:2px solid rgba(15,27,61,.2)!important;border-radius:999px!important;background:#fff!important;align-self:flex-start}
  html body a.btn.product-ai-how img{height:16px!important;width:auto!important}
}

/* Wider layout on large screens: less empty space at the sides (24 Oct 2026) */
@media (min-width:1500px){
  :root{--max:1400px}
  main .wrap,body>section .wrap,footer.site-footer>.wrap,.cta-band .wrap,.tvl-hero .tvl-inner,.homepage-story-hero .wrap{max-width:1400px!important;width:min(100%,1400px)!important}
  .tvl-hero .tvl-inner{padding-inline:28px!important}
}
@media (min-width:1800px){
  :root{--max:1560px}
  main .wrap,body>section .wrap,footer.site-footer>.wrap,.cta-band .wrap,.tvl-hero .tvl-inner,.homepage-story-hero .wrap{max-width:1560px!important;width:min(100%,1560px)!important}
  html{font-size:106.25%}
}
@media (min-width:1800px){html body header.site-header>.wrap{max-width:1620px!important}}
@media (min-width:1500px) and (max-width:1799px){html body header.site-header>.wrap{max-width:1460px!important}}
/* While the homepage trailer plays, freeze decorative CSS animations elsewhere */
html.tv-video-focus body *:not(.htv):not(.htv *){animation-play-state:paused!important}

/* Header polish (24 Oct 2026): full-width bar when scrolled, CTA buttons side by side */
html.tv-g body header.site-header.tv-scrolled{background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 1px 0 rgba(36,36,94,.07),0 10px 28px -20px rgba(36,36,94,.35)!important}
html.tv-g body header.site-header.tv-scrolled>.wrap{background:transparent!important;box-shadow:none!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (min-width:768px){
  html body header.site-header .header-cta-stack{flex-direction:row!important;align-items:center!important;gap:10px!important;width:auto!important}
  html body header.site-header .header-cta-stack .header-cta,
  html body header.site-header .header-cta-stack .header-partner{width:auto!important;height:40px!important;min-height:40px!important;padding:0 18px!important;border-radius:999px!important;font-size:14px!important;font-weight:600!important}
  html.tv-g body header.site-header .header-cta-stack a.btn.header-cta,html body header.site-header .header-cta-stack .header-cta{background:linear-gradient(135deg,#2b4fd8,#4b2fc9)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px -12px rgba(43,79,216,.75)!important}
  html.tv-g body header.site-header .header-cta-stack a.btn.header-cta:hover{filter:brightness(1.08);color:#fff!important}
  html body header.site-header .header-cta-stack .header-partner{background:#fff!important;color:#24245e!important;border:1px solid #d9d3ea!important}
  html body header.site-header .header-cta-stack .header-partner:hover{border-color:#b9a4dc!important;background:#faf7ff!important}
}
@media (min-width:768px) and (max-width:1439px){
  html body header.site-header .header-cta-stack .header-partner{display:none!important}
}
@media (min-width:768px){html.tv-g body header.site-header .wrap .header-actions .header-cta-stack a.btn.header-cta,html.tv-g body header.site-header .wrap .header-actions .header-cta-stack a.btn.header-cta:visited,html.tv-g body header.site-header .wrap .header-actions .header-cta-stack a.btn.header-cta *{color:#fff!important;-webkit-text-fill-color:#fff!important}}

/* Lighter, calmer background for a more professional look (25 Oct 2026) */
html.tv-g,html.tv-g body{background-color:#fbfbfd!important}
html.tv-g body{background-image:none!important}
html.tv-g body::before{opacity:.14!important}
html.tv-g body::after{opacity:.04!important}
html.tv-g body main{background-image:none!important}
html.tv-g body main::before{opacity:.1!important}
html.tv-g body main::after{opacity:.12!important}
html.tv-g body .tvl-flow{opacity:.22!important}html.tv-g body .tv-g-flow{display:none!important}
html.tv-g body .tv-g-hero{background-image:linear-gradient(180deg,rgba(241,240,251,.85) 0%,rgba(251,251,253,0) 100%)!important}
html.tv-g body .tv-g-hero::before,html.tv-g body .tv-g-hero::after{opacity:.3!important}
html.tv-g body .tvl-mesh{opacity:.55!important}
html.tv-g body .tv-g-hero canvas{opacity:.45!important}
/* Academy coming soon */
html body .tv-soon-pill{display:inline-block;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1;padding:3px 7px;border-radius:999px;background:linear-gradient(90deg,#efeaff,#fde8f1);color:#6b2fc9;border:1px solid rgba(107,47,201,.18);vertical-align:middle;margin-left:6px;white-space:nowrap}
html body .nav-top .tv-soon-pill{font-size:9px;padding:2px 6px;margin-left:5px;position:relative;top:-1px}
html body .tv-menu-kicker .tv-soon-pill{text-transform:none}
html body .mega .dropdown-item.tv-soon,html.tv-g body .mega .dropdown-item.tv-soon{cursor:default!important;opacity:.6!important;pointer-events:none!important;border-left-color:transparent!important;box-shadow:none!important}
html body .mega .dropdown-item.tv-soon::before,html body .mega .dropdown-item.tv-soon::after{display:none!important}
@media(min-width:992px){html body .nav-top .tv-soon-pill{display:none}}
html body .mega .dropdown-item.tv-soon .tv-menu-icon{opacity:.6}