#bvd-about,
  #bvd-about * {
    box-sizing: border-box;
  }

  #bvd-about {
    --bvd-ink: #0b2548;
    --bvd-copy: #49627f;
    --bvd-blue: #1769e8;
    --bvd-blue-dark: #0d4fb8;
    --bvd-yellow: #ffd400;
    --bvd-pale: #eef5ff;
    --bvd-soft: #f7faff;
    --bvd-line: #cdddf1;
    --bvd-white: #ffffff;
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin: 0;
    overflow-x: clip;
    color: var(--bvd-ink);
    background: var(--bvd-white);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.68;
  }

  #bvd-about .bvd-shell {
    width: min(calc(100% - 48px), 1440px);
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
  }

  #bvd-about .bvd-section {
    padding: clamp(58px, 7vw, 104px) 0;
  }

  #bvd-about .bvd-section--soft {
    background: var(--bvd-soft);
  }

  #bvd-about .bvd-section--blue {
    color: var(--bvd-white);
    background: var(--bvd-ink);
  }

  #bvd-about h2,
  #bvd-about h3 {
    max-width: 100%;
    margin: 0;
    color: inherit;
    font-family: inherit;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  #bvd-about h2 {
    font-size: clamp(2.35rem, 5.1vw, 5.6rem);
  }

  #bvd-about h3 {
    font-size: clamp(1.45rem, 2.4vw, 2.25rem);
    letter-spacing: -0.02em;
  }

  #bvd-about p {
    margin: 0;
    color: var(--bvd-copy);
    overflow-wrap: anywhere;
  }

  #bvd-about a {
    color: inherit;
  }

  #bvd-about a:focus-visible,
  #bvd-about summary:focus-visible {
    outline: 4px solid var(--bvd-yellow);
    outline-offset: 4px;
  }

  #bvd-about .bvd-kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
    color: var(--bvd-blue-dark);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.4;
    text-transform: uppercase;
  }

  #bvd-about .bvd-kicker::before {
    width: 34px;
    height: 4px;
    flex: 0 0 34px;
    border-radius: 999px;
    background: var(--bvd-yellow);
    content: "";
  }

  #bvd-about .bvd-accent {
    color: var(--bvd-blue);
  }

  #bvd-about .bvd-lead {
    max-width: 760px;
    margin-top: 28px;
    font-size: clamp(1.08rem, 1.5vw, 1.36rem);
    line-height: 1.7;
  }

  #bvd-about .bvd-hero {
    position: relative;
    padding: clamp(64px, 8vw, 122px) 0;
    background:
      radial-gradient(circle at 88% 12%, rgba(23, 105, 232, 0.18), transparent 31%),
      linear-gradient(120deg, #f8fbff 0%, #eaf3ff 100%);
  }

  #bvd-about .bvd-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(42px, 5vw, 84px);
    align-items: center;
  }

  #bvd-about .bvd-hero h2 {
    max-width: 870px;
  }

  #bvd-about .bvd-hero-grid > *,
  #bvd-about .bvd-heading-row > *,
  #bvd-about .bvd-example-grid > *,
  #bvd-about .bvd-cta-grid > * {
    min-width: 0;
  }

  #bvd-about .bvd-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
  }

  #bvd-about .bvd-btn {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 22px;
    border: 2px solid var(--bvd-blue);
    border-radius: 14px;
    background: var(--bvd-blue);
    color: var(--bvd-white);
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
  }

  #bvd-about .bvd-btn:hover {
    border-color: var(--bvd-blue-dark);
    background: var(--bvd-blue-dark);
  }

  #bvd-about .bvd-btn--light {
    border-color: var(--bvd-line);
    background: var(--bvd-white);
    color: var(--bvd-ink);
  }

  #bvd-about .bvd-btn--light:hover {
    border-color: var(--bvd-blue);
    background: var(--bvd-pale);
    color: var(--bvd-blue-dark);
  }

  #bvd-about .bvd-hero-proof {
    position: relative;
    min-width: 0;
    padding: 10px 0 clamp(66px, 7vw, 94px);
  }

  #bvd-about .bvd-browser-card,
  #bvd-about .bvd-ai-float {
    overflow: hidden;
    border: 1px solid var(--bvd-line);
    background: var(--bvd-white);
    box-shadow: 0 24px 70px rgba(11, 37, 72, 0.15);
  }

  #bvd-about .bvd-browser-card {
    position: relative;
    border-radius: 26px;
  }

  #bvd-about .bvd-browser-bar {
    display: flex;
    min-height: 60px;
    align-items: center;
    gap: 13px;
    padding: 11px 18px;
    border-bottom: 1px solid var(--bvd-line);
    background: #f8fbff;
  }

  #bvd-about .bvd-browser-dots {
    display: flex;
    flex: 0 0 auto;
    gap: 7px;
  }

  #bvd-about .bvd-browser-dots i {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ff6961;
  }

  #bvd-about .bvd-browser-dots i:nth-child(2) {
    background: #f9c23c;
  }

  #bvd-about .bvd-browser-dots i:nth-child(3) {
    background: #43c878;
  }

  #bvd-about .bvd-browser-query {
    min-width: 0;
    overflow: hidden;
    padding: 8px 14px;
    border: 1px solid var(--bvd-line);
    border-radius: 999px;
    color: var(--bvd-copy);
    font-size: 0.82rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #bvd-about .bvd-hero-proof a,
  #bvd-about .bvd-hero-proof img {
    display: block;
    width: 100%;
  }

  #bvd-about .bvd-hero-proof img {
    height: auto;
  }

  #bvd-about .bvd-proof-badge,
  #bvd-about .bvd-ai-label {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
  }

  #bvd-about .bvd-proof-badge {
    position: absolute;
    bottom: 18px;
    left: 18px;
    z-index: 1;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--bvd-blue-dark);
    box-shadow: 0 8px 25px rgba(11, 37, 72, 0.14);
  }

  #bvd-about .bvd-ai-float {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: min(54%, 500px);
    border-radius: 22px;
  }

  #bvd-about .bvd-ai-label {
    display: block;
    padding: 13px 17px;
    background: var(--bvd-ink);
    color: var(--bvd-white);
    text-transform: uppercase;
  }

  #bvd-about .bvd-heading-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.6fr);
    gap: clamp(32px, 6vw, 90px);
    align-items: end;
    margin-bottom: clamp(36px, 5vw, 64px);
  }

  #bvd-about .bvd-stat-strip {
    padding: clamp(52px, 6vw, 82px) 0;
    background: var(--bvd-pale);
  }

  #bvd-about .bvd-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }

  #bvd-about .bvd-stat-card {
    min-width: 0;
    min-height: 138px;
    padding: clamp(24px, 2.4vw, 34px);
    border: 1px solid var(--bvd-line);
    border-radius: 22px;
    background: var(--bvd-white);
  }

  #bvd-about .bvd-stat-number {
    display: block;
    margin-bottom: 8px;
    color: var(--bvd-blue-dark);
    font-size: clamp(2rem, 3vw, 2.65rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1;
  }

  #bvd-about .bvd-stat-card p {
    font-size: 0.96rem;
    line-height: 1.45;
  }

  #bvd-about .bvd-heading-row h2 {
    font-size: clamp(2.15rem, 4.2vw, 4.5rem);
  }

  #bvd-about .bvd-grid-3,
  #bvd-about .bvd-use-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }

  #bvd-about .bvd-card {
    height: 100%;
    padding: clamp(24px, 3vw, 38px);
    border: 1px solid var(--bvd-line);
    border-radius: 22px;
    background: var(--bvd-white);
  }

  #bvd-about .bvd-card-number {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border-radius: 14px;
    background: var(--bvd-pale);
    color: var(--bvd-blue-dark);
    font-weight: 900;
  }

  #bvd-about .bvd-card h3 {
    margin-bottom: 16px;
  }

  #bvd-about .bvd-location-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  #bvd-about .bvd-location-box {
    padding: clamp(26px, 4vw, 44px);
    border: 1px solid var(--bvd-line);
    border-radius: 24px;
    background: var(--bvd-white);
  }

  #bvd-about .bvd-location-box--wide {
    grid-column: 1 / -1;
  }

  #bvd-about .bvd-location-box h3 {
    margin-bottom: 20px;
  }

  #bvd-about .bvd-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
  }

  #bvd-about .bvd-tags a,
  #bvd-about .bvd-tags span {
    display: inline-flex;
    padding: 9px 13px;
    border: 1px solid var(--bvd-line);
    border-radius: 999px;
    background: var(--bvd-soft);
    color: var(--bvd-ink);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
  }

  #bvd-about .bvd-tags a:hover {
    border-color: var(--bvd-blue);
    color: var(--bvd-blue-dark);
  }

  #bvd-about .bvd-proof-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
  }

  #bvd-about .bvd-proof-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--bvd-line);
    border-radius: 24px;
    background: var(--bvd-white);
  }

  #bvd-about .bvd-proof-media {
    display: flex;
    min-height: clamp(250px, 33vw, 480px);
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-bottom: 1px solid var(--bvd-line);
    background: #eaf1fb;
  }

  #bvd-about .bvd-proof-media img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
  }

  #bvd-about .bvd-image-placeholder {
    width: min(100%, 620px);
    padding: clamp(28px, 6vw, 68px) 24px;
    border: 2px dashed #9db7d7;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--bvd-copy);
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.55;
    text-align: center;
  }

  #bvd-about .bvd-proof-copy {
    padding: clamp(24px, 3.5vw, 42px);
  }

  #bvd-about .bvd-proof-copy h3 {
    margin-bottom: 16px;
  }

  #bvd-about .bvd-source {
    margin-top: 18px;
    color: #667c96;
    font-size: 0.88rem;
  }

  #bvd-about .bvd-example-grid {
    display: grid;
    grid-template-columns: minmax(330px, 0.68fr) minmax(0, 1.32fr);
    gap: clamp(30px, 5vw, 72px);
    align-items: start;
  }

  #bvd-about .bvd-checks {
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
  }

  #bvd-about .bvd-checks li {
    position: relative;
    margin-top: 15px;
    padding-left: 34px;
    color: var(--bvd-copy);
  }

  #bvd-about .bvd-checks li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: #4e8b00;
    content: "✓";
    font-size: 1.25rem;
    font-weight: 900;
  }

  #bvd-about .bvd-example-stack {
    display: grid;
    gap: 24px;
  }

  #bvd-about .bvd-disclaimer {
    margin-top: 24px;
    padding: 18px 20px;
    border-radius: 14px;
    background: var(--bvd-pale);
    color: var(--bvd-copy);
    font-size: 0.91rem;
  }

  #bvd-about .bvd-use-card {
    padding: clamp(26px, 3.2vw, 40px);
    border: 1px solid var(--bvd-line);
    border-radius: 22px;
    background: var(--bvd-white);
  }

  #bvd-about .bvd-use-card .bvd-label {
    display: inline-flex;
    margin-bottom: 22px;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--bvd-pale);
    color: var(--bvd-blue-dark);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
  }

  #bvd-about .bvd-use-card h3 {
    margin-bottom: 16px;
  }

  #bvd-about .bvd-section--reviews {
    color: var(--bvd-white);
    background: #08294d;
  }

  #bvd-about .bvd-section--reviews .bvd-heading-row {
    grid-template-columns: 1fr;
  }

  #bvd-about .bvd-section--reviews .bvd-kicker {
    color: #78efd8;
  }

  #bvd-about .bvd-section--reviews .bvd-use-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #bvd-about .bvd-section--reviews .bvd-use-card {
    position: relative;
    min-height: 390px;
    padding: clamp(30px, 4vw, 48px);
    border-color: rgba(205, 221, 241, 0.36);
    border-top: 7px solid #78efd8;
    background: #294d70;
  }

  #bvd-about .bvd-section--reviews .bvd-use-card:nth-child(2) {
    border-top-color: var(--bvd-yellow);
  }

  #bvd-about .bvd-section--reviews .bvd-label {
    display: flex;
    width: 100%;
    margin-bottom: 22px;
    background: rgba(120, 239, 216, 0.15);
    color: #78efd8;
  }

  #bvd-about .bvd-section--reviews .bvd-use-card:nth-child(2) .bvd-label {
    background: rgba(255, 212, 0, 0.14);
    color: #ffe14d;
  }

  #bvd-about .bvd-review-mark {
    display: block;
    height: 62px;
    color: #78efd8;
    font-family: Georgia, serif;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1;
  }

  #bvd-about .bvd-use-card:nth-child(2) .bvd-review-mark {
    color: var(--bvd-yellow);
  }

  #bvd-about .bvd-review-quote {
    margin: 22px 0 28px;
    color: var(--bvd-white);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-style: italic;
    line-height: 1.65;
  }

  #bvd-about .bvd-review-source {
    display: grid;
    gap: 3px;
    margin-top: auto;
    color: #d7e4f2;
  }

  #bvd-about .bvd-review-source strong {
    color: var(--bvd-white);
  }

  #bvd-about .bvd-section--reviews .bvd-use-card {
    display: flex;
    flex-direction: column;
  }

  #bvd-about .bvd-faqs {
    max-width: 1100px;
    margin-inline: auto;
  }

  #bvd-about .bvd-faqs details {
    border-bottom: 1px solid var(--bvd-line);
  }

  #bvd-about .bvd-faqs summary {
    position: relative;
    padding: 24px 52px 24px 0;
    color: var(--bvd-ink);
    cursor: pointer;
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
    font-weight: 800;
    line-height: 1.45;
    list-style: none;
  }

  #bvd-about .bvd-faqs summary::-webkit-details-marker {
    display: none;
  }

  #bvd-about .bvd-faqs summary::after {
    position: absolute;
    top: 23px;
    right: 4px;
    color: var(--bvd-blue);
    content: "+";
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
  }

  #bvd-about .bvd-faqs details[open] summary::after {
    content: "−";
  }

  #bvd-about .bvd-faqs details p {
    max-width: 920px;
    padding: 0 52px 25px 0;
  }

  #bvd-about .bvd-cta-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: clamp(36px, 6vw, 88px);
    align-items: center;
  }

  #bvd-about .bvd-section--blue p {
    color: #c8d6e8;
  }

  #bvd-about .bvd-section--blue .bvd-kicker {
    color: #a9c9ff;
  }

  #bvd-about .bvd-cta-grid h2 {
    font-size: clamp(2.15rem, 4.3vw, 4.7rem);
  }

  #bvd-about .bvd-section--blue .bvd-btn--light {
    border-color: var(--bvd-white);
  }

  #bvd-about .bvd-contact-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  #bvd-about .bvd-contact-list .bvd-btn {
    min-height: 58px;
  }

  #bvd-about .bvd-footer {
    padding: 28px 0;
    background: #071a34;
  }

  #bvd-about .bvd-footer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px 32px;
  }

  #bvd-about .bvd-footer p,
  #bvd-about .bvd-footer a {
    color: #e5eef9;
    font-size: 0.92rem;
  }

  #bvd-about .bvd-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
  }

  /* Performance: defer below-the-fold painting without changing the layout. */
  #bvd-about .bvd-section,
  #bvd-about .bvd-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
  }

  #bvd-about img {
    max-width: 100%;
    height: auto;
  }

  @media (max-width: 1100px) {
    #bvd-about .bvd-hero-grid,
    #bvd-about .bvd-heading-row,
    #bvd-about .bvd-example-grid,
    #bvd-about .bvd-cta-grid {
      grid-template-columns: 1fr;
    }

    #bvd-about .bvd-hero-grid {
      gap: 44px;
    }

    #bvd-about .bvd-hero h2,
    #bvd-about .bvd-heading-row h2,
    #bvd-about .bvd-cta-grid h2 {
      max-width: 900px;
    }

    #bvd-about .bvd-hero-proof {
      width: min(100%, 900px);
      margin-inline: auto;
    }

    #bvd-about .bvd-heading-row {
      align-items: start;
    }

    #bvd-about .bvd-grid-3,
    #bvd-about .bvd-use-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #bvd-about .bvd-stat-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #bvd-about .bvd-cta-grid {
      gap: 38px;
    }
  }

  @media (max-width: 760px) {
    #bvd-about {
      font-size: 17px;
    }

    #bvd-about .bvd-proof-grid,
    #bvd-about .bvd-location-grid,
    #bvd-about .bvd-grid-3,
    #bvd-about .bvd-use-grid {
      grid-template-columns: 1fr;
    }

    #bvd-about .bvd-proof-media {
      min-height: 0;
    }
  }

  @media (max-width: 560px) {
    #bvd-about .bvd-shell {
      width: min(calc(100% - 24px), 1440px);
    }

    #bvd-about .bvd-section {
      padding: 54px 0;
    }

    #bvd-about .bvd-hero {
      padding: 58px 0;
    }

    #bvd-about h2 {
      font-size: clamp(2.1rem, 10vw, 3.2rem);
      line-height: 1.08;
      letter-spacing: -0.025em;
    }

    #bvd-about h3 {
      font-size: clamp(1.35rem, 7vw, 1.8rem);
    }

    #bvd-about .bvd-contact-list {
      grid-template-columns: 1fr;
    }

    #bvd-about .bvd-stat-grid {
      grid-template-columns: 1fr;
    }

    #bvd-about .bvd-stat-card {
      min-height: 0;
      border-radius: 18px;
    }

    #bvd-about .bvd-hero-proof {
      padding-bottom: 0;
    }

    #bvd-about .bvd-ai-float {
      position: relative;
      right: auto;
      bottom: auto;
      width: 100%;
      margin-top: 14px;
      border-radius: 18px;
    }

    #bvd-about .bvd-browser-card {
      border-radius: 18px;
    }

    #bvd-about .bvd-browser-bar {
      min-height: 52px;
      padding: 9px 12px;
    }

    #bvd-about .bvd-proof-badge {
      position: static;
      display: block;
      padding: 10px 13px;
      border-radius: 0;
      box-shadow: none;
    }

    #bvd-about .bvd-actions,
    #bvd-about .bvd-actions .bvd-btn,
    #bvd-about .bvd-contact-list .bvd-btn {
      width: 100%;
    }

    #bvd-about .bvd-proof-media {
      min-height: 0;
      padding: 12px;
    }

    #bvd-about .bvd-browser-query {
      font-size: 0.72rem;
    }

    #bvd-about .bvd-footer-row,
    #bvd-about .bvd-footer-links {
      align-items: flex-start;
      flex-direction: column;
    }

    #bvd-about .bvd-faqs summary {
      padding-right: 42px;
    }

    #bvd-about .bvd-faqs details p {
      padding-right: 0;
    }
  }

  /* FINAL WORDPRESS LAYOUT RESET
     Keep this block at the end of the CSS. It centres only the WordPress
     containers that contain this landing page, without moving site headers,
     menus or unrelated pages. */
  html:has(#bvd-about),
  body:has(#bvd-about) {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body:has(#bvd-about) .site-content:has(#bvd-about),
  body:has(#bvd-about) .content-area:has(#bvd-about),
  body:has(#bvd-about) .site-main:has(#bvd-about),
  body:has(#bvd-about) .inside-article:has(#bvd-about),
  body:has(#bvd-about) .entry-content:has(#bvd-about),
  body:has(#bvd-about) .wp-block-post-content:has(#bvd-about),
  body:has(#bvd-about) .is-layout-constrained:has(#bvd-about) {
    width: 100% !important;
    max-width: 1600px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    transform: none !important;
  }

  #bvd-about {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    /* The Bavdhan theme leaves its page container at about 1,250px and pins
       it to the left. Use the viewport width here, but do not use the old
       negative-margin full-bleed technique that previously caused clipping. */
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  #bvd-about .bvd-shell {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 1440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: clamp(20px, 3vw, 44px) !important;
    padding-left: clamp(20px, 3vw, 44px) !important;
    transform: none !important;
  }

  #bvd-about .bvd-hero-grid,
  #bvd-about .bvd-heading-row,
  #bvd-about .bvd-example-grid,
  #bvd-about .bvd-cta-grid {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  @media (min-width: 1101px) {
    #bvd-about .bvd-hero-grid {
      grid-template-columns: minmax(420px, 0.9fr) minmax(0, 1.1fr) !important;
    }

    #bvd-about .bvd-heading-row {
      grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.6fr) !important;
    }

    #bvd-about .bvd-example-grid {
      grid-template-columns: minmax(360px, 0.7fr) minmax(0, 1.3fr) !important;
    }

    #bvd-about .bvd-cta-grid {
      grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr) !important;
    }
  }

  @media (max-width: 1100px) {
    #bvd-about .bvd-hero-grid,
    #bvd-about .bvd-heading-row,
    #bvd-about .bvd-example-grid,
    #bvd-about .bvd-cta-grid {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }

  @media (max-width: 560px) {
    #bvd-about .bvd-shell {
      padding-right: 16px !important;
      padding-left: 16px !important;
    }

    #bvd-about .bvd-ai-float {
      position: relative !important;
      right: auto !important;
      bottom: auto !important;
      width: 100% !important;
      margin-top: 14px !important;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #bvd-about *,
    #bvd-about *::before,
    #bvd-about *::after {
      scroll-behavior: auto !important;
      transition: none !important;
    }
  }