/* page-specific styles ported from live glow.team/blog */
html.lenis {
    height: auto;
  }
  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  body.is-open {
    overflow: hidden;
  }

  .lenis.lenis-stopped {
    overflow: hidden;
  }

  html.lenis,
  body.lenis {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

  #main-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  @media screen and (max-width: 767px) {
    .nav_menu.is-open {
      transform: translateY(0);
    }
  }

  .icon-button-2 {
    position: absolute;
    bottom: 37px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 2;
    padding: 0;
  }

  .icon-button-2.animate {
    transform: scale(1.2);
  }

  .icon-button-2 img {
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
  }

  .progress-bar-container-2 {
    position: absolute;
    bottom: 8px;
    left: 12px;
    right: 12px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    overflow: hidden;
    z-index: 1;
  }

  .progress-bar-2 {
    height: 100%;
    width: 0%;
    background-color: white;
    border-radius: 3px;
    transition: width 0.1s linear;
  }

  .sliding-number {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    font-size: 2rem;
  }

  .digit-strip {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
  }

  .digit-wrapper {
    position: relative;
    height: 1em;
    overflow: hidden;
    display: inline-block;
    width: 0.65em;
  }

  .digit-strip span {
    height: 1em;
    line-height: 1em;
    text-align: center;
  }

  .fade-in {
    animation: fadeIn 0.3s ease forwards;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: scale(0.8);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  .stars-svg path {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.3s ease;
  }

  .navbar_link.is-icon:hover .stars-svg path {
    animation: star-pop 0.8s ease forwards;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(1) {
    animation-delay: 0s;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(2) {
    animation-delay: 0.1s;
  }

  .navbar_link.is-icon:hover .stars-svg path:nth-of-type(3) {
    animation-delay: 0.2s;
  }

  @keyframes star-pop {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.6);
    }
    100% {
      transform: scale(1);
    }
  }

  .modal-form-checkbox-item:checked + .modal-form-checkbox-label {
    background-color: #020101;
    color: #fff;
  }

  .button-invert.is-large .white-type {
    height: 3rem;
  }

  .modal-form-input-holder.field-error input {
    border-color: #F04438;
  }
  .modal-form-input-holder.field-error .modal-form-alert-icon,
  .modal-form-input-holder.field-error .modal-form-alert-text {
    display: block;
  }

/* Make text look crisper and more legible in all browsers */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  /* Focus state style for keyboard navigation for the focusable elements */
  *[tabindex]:focus-visible,
  input[type='file']:focus-visible {
    outline: 0.125rem solid #4d65ff;
    outline-offset: 0.125rem;
  }

  /* Set color style to inherit */
  .inherit-color * {
    color: inherit;
  }

  /* Get rid of top margin on first element in any rich text element */
  .w-richtext > :not(div):first-child,
  .w-richtext > div:first-child > :first-child {
    margin-top: 0 !important;
  }

  /* Get rid of bottom margin on last element in any rich text element */
  .w-richtext > :last-child,
  .w-richtext ol li:last-child,
  .w-richtext ul li:last-child {
    margin-bottom: 0 !important;
  }

  .w-richtext::before,
  .w-richtext::after {
    all: unset;
  }

  /* Make sure containers never lose their center alignment */
  .container-medium,
  .container-small,
  .container-large {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* 
  Make the following elements inherit typography styles from the parent and not have hardcoded values. 
  Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
  Uncomment this CSS to use it in the project. Leave this message for future hand-off.
  */
  /*
  a,
  .w-input,
  .w-select,
  .w-tab-link,
  .w-nav-link,
  .w-dropdown-btn,
  .w-dropdown-toggle,
  .w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
  }
  */

  /* Apply "..." after 3 lines of text */
  .text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  /* Apply "..." after 2 lines of text */
  .text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  /* These classes are never overwritten */
  .hide {
    display: none !important;
  }

  @media screen and (max-width: 991px) {
    .hide,
    .hide-tablet {
      display: none !important;
    }
  }

  @media screen and (max-width: 767px) {
    .hide-mobile-landscape {
      display: none !important;
    }
  }
  @media screen and (max-width: 479px) {
    .hide-mobile {
      display: none !important;
    }
  }

  .margin-0 {
    margin: 0rem !important;
  }

  .padding-0 {
    padding: 0rem !important;
  }

  .spacing-clean {
    padding: 0rem !important;
    margin: 0rem !important;
  }

  .margin-top {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-top {
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-right {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-right {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-bottom {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-bottom {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }

  .margin-left {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .padding-left {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .margin-horizontal {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .padding-horizontal {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .margin-vertical {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  .padding-vertical {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  html {
    font-size: 1rem;
  }
  @media screen and (max-width: 1440px) {
    html {
      font-size: calc(-0.004999999999999782rem + 1.1166666666666665vw);
    }
  }
  @media screen and (max-width: 960px) {
    html {
      font-size: calc(-1.1102230246251565e-16rem + 1.666666666666667vw);
    }
  }
  @media screen and (max-width: 720px) {
    html {
      font-size: calc(-0.0008298755186720852rem + 2.2240663900414934vw);
    }
  }
  @media screen and (max-width: 479px) {
    html {
      font-size: calc(-0.0020920502092050207rem + 3.3472803347280333vw);
    }
  }
  @media screen and (max-width: 479px) {
    html {
      font-size: calc(-0.0020920502092050207rem + 4.107vw);
    }
  }

  .navbar-submenu {
    display: grid;
    grid-template-rows: 0fr;
  }

  .navbar-submenu.open {
    grid-template-rows: 1fr;
  }

  .navbar-submenu.is-mobile.open {
    display: block;
  }

  .navbar-submenu.is-mobile.open {
    transform: translateY(0);
  }

  .navbar_link.open .navbar_link-icon {
    transform: rotateZ(0);
  }

  .burger_icon-wrap {
    --thickness: 0.025rem;
    --gap: 0.25rem;
    --rotate: 45;
    --width: 100%;
  }
  .is-open .burger-line {
    transform: scaleX(0);
  }
  .burger-line:last-child {
    width: 80%;
  }
  .is-open .burger-line:first-child {
    /*transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * -1deg));*/
    transform: rotate(45deg) translate(0.25rem, 0.1825rem);
  }
  .is-open .burger-line:last-child {
    width: 100%;
    /*transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg));*/
    transform: rotate(-45deg) translate(0.25rem, -0.1825rem);
  }

  .case-card .case-card_img {
    scale: 1;
    transition: scale 0.5s ease;
  }

  .case-card:hover .case-card_img {
    scale: 1.1;
  }

  .card_mob-scroll {
    scrollbar-width: none;

    &::-webkit-scrollbar {
      display: none;
    }

    overflow-y: auto;
  }

  .is-gradient {
    background: linear-gradient(90deg, #9003fd 0%, #fcb73c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-50% - 1.5rem));
    }
  }

  .scroll {
    animation: scroll 30s linear infinite;
  }

  .reverse {
    animation-direction: reverse;
  }

  .marquee-image {
    -webkit-transform: translateZ(0);
  }

  .reveal-button {
    text-decoration: none;
  }

  @media (min-width: 991px) {
    [stagger-link-text] {
      text-shadow: 0px 1em 0px currentColor;
    }
    .invert-button:hover .text-original {
      transform: translateY(-110%);
    }
    .invert-button:hover .text-reveal {
      top: 0;
    }
    .invert-button:hover .hover-bg {
      top: 0;
      border-radius: 0;
    }
  }

  a[text-link-hover] {
    text-decoration: none;
    color: #020101;
    transition: text-decoration 0.2s ease;
  }

  a[text-link-hover]:hover {
    text-decoration: underline !important;
    text-underline-offset: 0.25rem;
  }

  .invert-button.white-type {
    color: #000;
    background: #fff;
  }

  #invert-header-btn.style-reveal {
    background-color: #fff;
    border-color: #fff;
  }

  #invert-header-btn.style-reveal .hover-bg {
    background: #000;
  }

  #invert-header-btn.style-reveal .invert-button {
    border-color: #fff;
  }

  #invert-header-btn.style-reveal .text-original {
    color: #000;
  }

  #invert-header-btn.style-reveal .text-reveal {
    color: #fff;
  }

  .mvp-step_card.is-last {
    box-shadow:
      0 24px 34px 0 rgba(0, 0, 0, 0.15),
      0 4px 4px 0 rgba(0, 0, 0, 0.1);
  }

  .video-wrapper.is-main {
    height: 0;
  }

  svg {
    display: block;
  }

  .bottom-bar.stuck .radial-blur {
    opacity: 0 !important;
  }
  .bottom-bar.stuck .video-container {
    position: absolute;
    transform: translateX(-2rem) !important;
  }
  .bottom-bar.stuck .email-float {
    position: absolute;
    transform: translateX(2rem) !important;
  }

  /*------- Fix hover button on mobile -----------*/
  @media screen and (min-width: 768px) and (hover: none) and (pointer: coarse) {
    .invert-button {
      transition: transform 0.15s ease;
    }

    .invert-button .text-original,
    .invert-button .text-reveal,
    .invert-button .hover-bg {
      transition-duration: 0.15s;
    }

    .invert-button:active {
      transform: scaleX(1.02);
    }

    .invert-button:active .text-original {
      transform: translateY(-110%);
    }

    .invert-button:active .text-reveal {
      top: 0;
    }

    .invert-button:active .hover-bg {
      top: 0;
      border-radius: 0;
    }

    .video-container.stuck {
      transform: translateX(-1rem) !important;
    }
    .email-float.stuck {
      transform: translateX(1rem) !important;
    }
  }

  #works,
  #why-glow {
    scroll-margin-top: 100px;
  }

  .background-video-2::after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    border: 3px solid #fff;
  }
  .navbar.navbar-invert {
    background-color: var(--gray--500);
  }
  [data-wf--navbar-new--variant='dark'].navbar.navbar-invert {
    background-color: var(--base--white);
  }
  [data-wf--mobile-nav--variant='dark'].mobile-nav.navbar-invert {
    background-color: var(--base--white);
  }
  .mobile-nav.navbar-invert {
    background-color: var(--gray--500);
  }
  [data-wf--mobile-nav--variant='dark'].mobile-nav.navbar-invert .button-tg,
  [data-wf--mobile-nav--variant='dark'].mobile-nav.navbar-invert .burger-btn {
    background-color: var(--gray--500);
  }
  .invert-button.is-dark {
    color: var(--base--white);
    background-color: var(--gray--500);
  }
  .button-invert.is-dark {
    border-color: var(--gray--500);
  }
  .invert-button.is-dark .hover-bg {
    background-color: var(--base--white);
  }
  .invert-button.is-dark .text-reveal {
    color: var(--gray--500);
  }

  .invert-button.is-outline {
    background-color: var(--base--white);
    color: var(--gray--500);
  }
  .button-invert.is-outline {
    border-color: var(--base--white);
  }
  .invert-button.is-outline .hover-bg {
    background-color: var(--gray--500);
  }
  .invert-button.is-outline .text-reveal {
    color: var(--base--white);
  }

  .blur-span::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#fff 8%, #fff0);
    transition: opacity 0.4s ease;
  }

  .blur-span::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#000 8%, #0000);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .invert-button.is-dark {
    color: var(--base--white);
    background-color: var(--gray--500);
  }

  .button-invert.is-dark {
    border-color: var(--gray--500);
    background-color: var(--gray--500);
  }

  .invert-button.is-dark .hover-bg {
    background-color: var(--base--white);
  }

  .invert-button.is-dark .text-reveal {
    color: var(--gray--500);
  }

  .invert-button.is-outline {
    background-color: var(--base--white);
    color: var(--gray--500);
  }

  .button-invert.is-outline {
    border-color: var(--base--white);
    background-color: var(--base--white);
  }

  .invert-button.is-outline .hover-bg {
    background-color: var(--gray--500);
  }

  .invert-button.is-outline .text-reveal {
    color: var(--base--white);
  }

  .blur-span::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#fff 8%, #fff0);
    transition: opacity 0.4s ease;
  }

  .blur-span::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#000 8%, #0000);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .blur-span.is-dark::before {
    opacity: 1;
  }

  .blur-span.is-dark::after {
    opacity: 0;
  }

  .blur-span.is-white::before {
    opacity: 1;
  }

  .blur-span.is-white::after {
    opacity: 0;
  }

  .radial-blur::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#0000, #fff);
    transition: opacity 0.4s ease;
  }

  .radial-blur::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(#0000, #000);
    opacity: 0;
    transition: opacity 0.4s ease;
  }

  .radial-blur.is-dark::before {
    opacity: 1;
  }

  .radial-blur.is-dark::after {
    opacity: 0;
  }

  .radial-blur.is-white::before {
    opacity: 0;
  }

  .radial-blur.is-white::after {
    opacity: 1;
  }

  [data-wf--navbar-new--variant='dark'] .blur-span::after {
    background-image: linear-gradient(#000, #0000);
  }

  [data-wf--navbar-new--variant='dark'] .blur-span::before {
    background-image: linear-gradient(#fff, #fff0);
  }

  [data-wf--bottom-bar--variant='dark-page'] .radial-blur::after {
    background-image: linear-gradient(#0000, #000);
  }

  [data-wf--bottom-bar--variant='dark-page'] .radial-blur::before {
    background-image: linear-gradient(#0000, #fff);
  }

  @media screen and (max-width: 479px) {
    .background-video-2::after {
      border-radius: 8px;
    }
  }

  @media screen and (min-width: 480px) {
    .background-video-2::after {
      border-radius: 1rem;
    }
  }

.blog-post-item:hover .blog-post-item__gradient-bg,
  .blog-post-item:hover .blog-post-item__gradient-border,
  .blog-post-item:hover .blog-post-card_hover {
    opacity: 1;
  }

  .blog-tabs-menu-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 1rem;
    border-radius: 0.5rem;
    background: #eeeeee;
  }
  .blog-tabs-menu-item.w--current::after {
    opacity: 0;
  }
  .blog-tabs-menu-item:has(+ .w--current)::after {
    opacity: 0;
  }

  .is-list-pagination-disabled {
    opacity: 0.5;
    cursor: default;
  }
  .is-list-pagination-disabled:hover {
    background-color: transparent;
  }

  .filter-dropdown__toggle.w--open .is-dropdown {
    transform: rotate(180deg);
  }

  .w-checkbox-input--inputType-custom.w--redirected-focus,
  .w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: none;
  }

  .w-checkbox-input--inputType-custom.w--redirected-focus-visible,
  .w-form-formradioinput--inputType-custom.w--redirected-focus-visible {
    box-shadow: 0px 0px 0px 4px var(--gray--300);
    border-color: var(--gray--500);
  }
  .w-checkbox-input--inputType-custom.w--redirected-checked,
  .w-form-formradioinput--inputType-custom.w--redirected-checked {
    background-color: var(--gray--500);
    background-image: url(/wf/6847fe05517cf46da9f8cb15/69f48da1e40f6c7b3d3aac9b_Checkbox.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: var(--gray--500);
    border-width: 0;
  }
  .dropdown-filter-checkbox-field.is-all .w-checkbox-input--inputType-custom.w--redirected-checked {
    background-image: url(/wf/6847fe05517cf46da9f8cb15/69f48e2c2f6480fbde096fad_Checkbox-All.svg);
  }

  @media screen and (min-width: 768px) {
    .filter-type-radio-button.is-list-active {
      background-color: #fff;
      box-shadow: 0px 5px 8px 0px #00000014;
      text-shadow: 0 0 #000;
      opacity: 1;
    }
    .filter-type-list .filter-type-item::before {
      content: '';
      position: absolute;
      left: -0.625rem;
      top: 50%;
      transform: translateY(-50%);
      width: 2px;
      height: 1rem;
      background-color: var(--gray--200);
    }
    .w-checkbox-input--inputType-custom.w--redirected-checked:hover,
    .w-form-formradioinput--inputType-custom.w--redirected-checked:hover {
      opacity: 0.6;
    }
  }

.is-icon {
  	background-size: 180%;
  }
  
  .is-icon:hover,
  .is-icon:focus {
  	background-position: right;
  }

:root {
    --color-1: 24, 94%, 54%;
    --color-2: 270 100% 63%;
    --color-3: 287, 100%, 42%;
    --color-4: 217, 84%, 50%;
    --color-5: 319, 100%, 59%;
    --speed: 2s;
  }

  @keyframes rainbow {
    0% {
      background-position: 0%;
    }
    100% {
      background-position: 200%;
    }
  }

  .cta-gradient {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 5%;
    background: linear-gradient(
      90deg,
      hsl(var(--color-1)),
      hsl(var(--color-5)),
      hsl(var(--color-3)),
      hsl(var(--color-4)),
      hsl(var(--color-2))
    );
    background-size: 200%;
    filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    animation: rainbow var(--speed) infinite linear;
    z-index: -1;
    opacity: 1;
  }

  .button-glow {
    position: relative;
    background-image: linear-gradient(#121213, #121213),
      linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),
      linear-gradient(
        90deg,
        hsl(var(--color-1)),
        hsl(var(--color-5)),
        hsl(var(--color-3)),
        hsl(var(--color-4)),
        hsl(var(--color-2))
      );
    background-origin: border-box;
    background-clip: padding-box, border-box, border-box;
    background-size: 200%;
    border: calc(0.10 * 1rem) solid transparent;
    animation: rainbow var(--speed) infinite linear;
    z-index: 1;
  }
  .button-glow.is-white {
    background-image: linear-gradient(#fff, #fff);
    background-size: 100%;
    animation: rainbow var(--speed) infinite linear;

  }
  .button-glow::before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 50%;
    width: 80%;
    height: 130%;
    transform: translateX(-60%);
    background: linear-gradient(
      90deg,
      hsl(var(--color-1)),
      hsl(var(--color-5)),
      hsl(var(--color-3)),
      hsl(var(--color-4)),
      hsl(var(--color-2))
    );
    background-size: 200%;
    filter: blur(0.8rem);
    backdrop-filter: blur(0.8rem);
    animation: rainbow var(--speed) infinite linear;
    z-index: 0;
    opacity: 0.2
  }
  .button-glow.is-white::before {
    bottom: -14%;
    left: 0;
    width: 100%;
    transform: translateX(0);
    opacity: 0.7;
    filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    background-size: 200%;
  }
  .button-glow::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 0;
    border-radius: 60rem;
  }
  .button-glow.is-white::after {
    background: #fff;
    opacity: 1;
  }
  .button-glow:hover {
    background-color: var(--gray--500);
  }
  .button-glow.is-white:hover {
    background-color: transparent;
  }
  .animate-text .char {
    backface-visibility: hidden;
    transform: translateZ(0);
  }
/* ---- /blog QA fixes (2026-07-08) — match live glow.team/blog ---- */

/* Filter bar (Type radios + Industry/Stage dropdowns) — Webflow-reset-clobber fix.
   Root cause (CDP-verified vs live): about.css is loaded AFTER webflow-shared.css and
   re-ships the FULL Webflow base reset, so a SECOND copy of `.w-radio` and
   `.w-dropdown-toggle` lands after webflow-shared's custom `.filter-*` rules and — same
   specificity, later in cascade — wins. That drags the live-correct values back to the
   Webflow defaults:
     • `.w-radio`          → display:block; padding-left:20px  (label sits top-left, not centred)
     • `.w-dropdown-toggle`→ display:inline-block; padding:20px 40px 20px 20px (toggle bloats to 60px)
   The dropdown SHELL is hit the same way: `.filter-dropdown` is also `.w-dropdown`, whose
   base sets `margin-left:auto; margin-right:auto`. In the flex-column wrapper those auto
   margins DEFEAT cross-axis stretch → the white toggle collapses to content width (~110px)
   and floats centred in the 164px grey wrapper instead of filling it (chevron not pinned
   right). Live keeps margin:0 → stretch → toggle fills (154px).
   Re-assert the live values via compound selectors (0,2,0 > the base's 0,1,0) here in
   blog-page.css, which loads LAST. Values are 1:1 with live (radio: flex/pad-0/mb-0;
   toggle: flex/9px 16px; dropdown: margin 0 so it stretches to fill). Only these props are
   clobbered — border-radius/gap/width/height/bg come from the custom `.filter-*` rules. */
.filter-type-radio-button.w-radio {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}
.filter-dropdown__toggle.w-dropdown-toggle {
  display: flex;
  padding: .5625rem 1rem;
}
.filter-dropdown.w-dropdown {
  margin-left: 0;
  margin-right: 0;
}

/* Pagination: REAL multi-page — all posts render in the grid and blog-filter.js
   paginates (10/page) + rebuilds the controls, integrated with the filters. Only the
   active page is the beige-100 pill (= live's .w--current); dots + prev/next arrows show.
   - .w-inline-block forced the page button to inline-block → number sat ~12px low; re-assert flex. */
.blog-post-list-page-button.w-inline-block { display: flex; }
.blog-post-list-page-button.w--current {
  background-color: var(--secondary-colors--beige--100);
  color: var(--gray--500);
}
.blog-post-list-pagination .w-pagination-previous.is-list-pagination-disabled,
.blog-post-list-pagination .w-pagination-next.is-list-pagination-disabled {
  opacity: .35;
  pointer-events: none;
}

/* Card category badges (type + industries + stages) must FLOW & wrap in one row like
   live, not scatter into 3 columns. `.blog-post-card_categories` is already flex-wrap,
   but live publishes the badges as DIRECT flex children while our Astro markup nests the
   industry/stage badges inside block `<div> > .w-dyn-list > .w-dyn-items > .w-dyn-item`
   wrappers — each wrapper becomes one flex column, so the badges stack per-facet instead
   of wrapping together. Collapse the wrappers with `display:contents` (scoped to the card
   categories only) so every badge promotes to a direct flex child = live's single wrapping
   row. See PARITY_TRACKER /blog. */
.blog-post-card_categories > div:has([data-cms-categories]),
.blog-post-card_categories .w-dyn-list,
.blog-post-card_categories .w-dyn-items,
.blog-post-card_categories .w-dyn-item {
  display: contents;
}

/* Subscribe email input height. The `.w-input` base (re-shipped by about.css AFTER
   webflow-shared) clobbers the custom `.subscribe-form__input` → 38px tall / 8px 12px
   pad instead of live's 48px / .875rem 1rem, so the field sat shorter than the
   "Subscribe Now" button (48px wrapper). Re-assert via compound selector (0,2,0 >
   base 0,1,0), loads last = 1:1 with live, same height as the button. */
.subscribe-form__input.w-input {
  height: 3rem;
  padding: .875rem 1rem;
  margin-bottom: 0; /* .w-input base ships margin-bottom:10px → in the align-items:center
                       flex row the input centres by its margin-box and sits ~5px high, so
                       the button reads lower. Live = 0. */
}


/* ============================================================
   Blog filter dropdowns — open panel to Figma (node 11971:173789).
   The only gap vs Figma was the open panel background: Webflow's .w-dropdown-list
   default (#ddd) showed through the open body, reading as a grey card. Figma wants the
   near-white #fafafa card + a subtle border/shadow. (Toggle=white, checkboxes 16px/4px
   black-when-checked, radius already match Figma.)
   ============================================================ */
.filter-dropdown__wrapper {
  background-color: #fafafa;
}
.filter-dropdown__body.w--open {
  background-color: #fafafa;
  border-color: #eee;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.08);
}
/* Nudge the checkbox rows right — the items read too cramped against the panel's
   left edge. Applies to every filter dropdown (shared row class). */
.dropdown-filter-checkbox-field {
  padding-left: 1.5rem;
}