@layer base,components,utilities,docs;@layer base{:root {
    --ink: #053042;
    --blue-2: #2a638b;
    --blue-acc: #20399d;
    --yellow: #fec62c;
    --gl: #edf1f4;
    --gm: #cccccc;
    --w: #ffffff;
    --od: rgba(255, 255, 255, 0.82);
    --odm: rgba(255, 255, 255, 0.65);
    --i65: rgba(5, 48, 66, 0.72);
    --i40: rgba(5, 48, 66, 0.72);
    --f: "DM Sans", system-ui, sans-serif;
    --fs: "DM Serif Display", Georgia, serif;
    --nav: 80px;
    --max: 1160px;
    
    --card-gap: 1.5rem;
    
    --card-inner-gap: 0.5rem;
  }

  
  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
  }
  
  :target {
    scroll-margin-top: var(--nav);
  }
  body {
    font-family: var(--f);
    color: var(--w);
    background: var(--ink);
    line-height: 1.6;
  }
  
  body::before,
  .nav::before,
  .hero::before,
  .page-header::before,
  .grid-bg {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 64px 64px;
    pointer-events: none;
  }
  body::before,
  .nav::before {
    background-position: 0 var(--nav);
  }
  main {
    color: var(--ink);
    background: var(--w);
  }
  img {
    display: block;
    max-width: 100%;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  :where(a, button, [tabindex]):focus {
    outline: none;
  }
  :where(a, button, [tabindex]):focus-visible {
    outline: 2px solid var(--yellow);
    outline-offset: 2px;
    border-radius: 4px;
  }
  .nav .nav-cta:focus-visible,
  .btn-p:focus-visible {
    outline-color: var(--ink);
  }
  .skip-link {
    position: absolute;
    left: 1rem;
    top: -48px;
    background: var(--ink);
    color: var(--w);
    padding: 0.5rem 0.85rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: underline;
    z-index: 1000;
    -webkit-transition: top 0.15s;
    transition: top 0.15s;
  }
  .skip-link:focus {
    top: 1rem;
    outline: 2px solid var(--yellow);
    outline-offset: 2px;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  main:focus {
    outline: none;
  }
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
    height: auto;
  }
  #main:focus {
    outline: none;
  }
  *:focus-visible {
    outline: 2px solid var(--blue-acc);
    outline-offset: 2px;
    border-radius: 2px;
  }
  .btn:focus-visible {
    outline: 2px solid var(--blue-acc);
    outline-offset: 2px;
    -webkit-box-shadow: 0 0 0 4px rgba(32, 57, 157, 0.2);
            box-shadow: 0 0 0 4px rgba(32, 57, 157, 0.2);
  }
  .nav-link:focus-visible {
    outline: 2px solid var(--yellow);
    outline-offset: 2px;
  }
  .nav.scroll .nav-link:focus-visible {
    outline-color: var(--blue-acc);
  }
  details summary:focus-visible {
    outline: 2px solid var(--blue-acc);
    outline-offset: 3px;
    border-radius: 4px;
  }
  .testimonial-dot:focus-visible {
    outline: 2px solid var(--blue-acc);
    outline-offset: 3px;
  }
  #contact-email:hover,
  #contact-email:focus-visible {
    text-decoration: underline;
  }
  .skip,
  .skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .skip:focus,
  .skip-link:focus {
    position: fixed;
    top: 8px;
    left: 8px;
    width: auto;
    height: auto;
    padding: 0.6rem 1rem;
    background: var(--yellow);
    color: var(--ink);
    z-index: 9999;
    border-radius: 6px;
    font-weight: 600;
  }
  .dsz:focus-visible,
  .lft:focus-visible {
    outline: 2px solid var(--yellow);
    outline-offset: 2px;
  }
  .copy-code-button:hover,
  .copy-code-button:focus,
  .copy-code-button:active {
    color: var(--blue-acc);
    border-color: var(--blue-acc);
    opacity: 1;
  }
  html.searching {
    overflow: hidden;
  }
}@layer components{.wrap {
    width: 100%;
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 2rem;
  }
  .section,
  .hero,
  .page-header {
    padding: 5rem 0;
  }
  .section-sm {
    padding: 3.5rem 0;
  }
  .section-gl {
    background: var(--gl);
  }
  .section-label-light,
  .eyebrow.sec-label-light {
    color: var(--yellow);
  }
  
  .section-ink {
    background: var(--ink);
    color: var(--w);
  }

  
  .eyebrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--blue-acc);
    margin-bottom: 1rem;
  }
  .eyebrow-y {
    color: var(--yellow);
  }
  .eyebrow-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .section-headline {
    font-size: clamp(1.75rem, 3.5vw, 2.625rem);
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--ink);
    margin-bottom: 1.25rem;
  }
  .section-headline strong {
    font-weight: 600;
  }
  .section-headline-w {
    color: var(--w);
  }
  .ss {
    font-size: 1.0625rem;
    color: var(--i65);
    line-height: 1.7;
    max-width: 560px;
    margin-bottom: 3rem;
  }
  .ss-w {
    color: var(--od);
  }
  .ss2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
  .section-title {
    font-size: clamp(1.625rem, 3vw, 2.375rem);
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
  }
  .story-subhead {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 0.625rem;
    margin-top: 0;
  }
  .divider-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--i40);
    text-align: center;
    padding: 0.875rem 0;
    border-top: 1px solid rgba(5, 48, 66, 0.08);
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }
  .h1-page {
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 700;
    color: var(--w);
    letter-spacing: -0.025em;
    line-height: 1.12;
    margin-bottom: 1.25rem;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
  .sub-page {
    font-size: 1.125rem;
    color: var(--od);
    line-height: 1.75;
    margin-bottom: 0;
    max-width: 640px;
  }
  .eyebrow-side {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--blue-acc);
    padding-top: 0.4rem;
  }
  .h2-section {
    font-size: clamp(1.625rem, 3vw, 2.25rem);
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 1.75rem;
  }
  .lede {
    font-size: 1.0625rem;
    color: var(--ink);
    line-height: 1.7;
    margin-bottom: 2rem;
  }
  
  .lead {
    font-size: 1rem;
    color: var(--i65);
    line-height: 1.75;
  }
  
  .shot {
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: 0 12px 48px rgba(0, 0, 0, 0.3);
            box-shadow: 0 12px 48px rgba(0, 0, 0, 0.3);
  }

  
  .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    font-family: var(--f);
    font-size: 0.9375rem;
    font-weight: 600;
    padding: 0.75rem 1.625rem;
    border-radius: 8px;
    border: 2px solid transparent;
    -webkit-transition: all 0.18s;
    transition: all 0.18s;
    white-space: nowrap;
    cursor: pointer;
  }
  .btn-p {
    background: var(--yellow);
    color: var(--ink);
    border-color: var(--yellow);
  }
  .btn-p:hover {
    background: #ffd547;
    -webkit-box-shadow: 0 4px 18px rgba(254, 198, 44, 0.35);
            box-shadow: 0 4px 18px rgba(254, 198, 44, 0.35);
  }
  .btn-gw {
    color: var(--w);
    border-color: rgba(255, 255, 255, 0.35);
  }
  .btn-gw:hover {
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.07);
  }
  .btn-gi {
    color: var(--ink);
    border-color: rgba(5, 48, 66, 0.25);
  }
  .btn-gi:hover {
    border-color: var(--ink);
    background: rgba(5, 48, 66, 0.05);
  }

  
  .cap-card {
    background: var(--w);
    border: 1px solid rgba(5, 48, 66, 0.08);
    border-radius: 12px;
    padding: 1.5rem 1.75rem;
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  }
  .cap-card:hover {
    -webkit-box-shadow: 0 4px 20px rgba(5, 48, 66, 0.07);
            box-shadow: 0 4px 20px rgba(5, 48, 66, 0.07);
  }
  .cap-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(32, 57, 157, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1rem;
  }
  .cap-icon svg {
    width: 20px;
    height: 20px;
  }
  .card-h {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink);
  }
  .card-p {
    font-size: 0.9375rem;
    color: var(--i65);
    line-height: 1.7;
  }
  .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--card-inner-gap);
    background: var(--w);
    border: 1px solid rgba(5, 48, 66, 0.08);
    border-radius: 12px;
    padding: 1.75rem;
    -webkit-transition:
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
    transition:
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
    transition:
      box-shadow 0.2s,
      transform 0.2s;
    transition:
      box-shadow 0.2s,
      transform 0.2s,
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
  }
  .card:hover {
    -webkit-box-shadow: 0 8px 28px rgba(5, 48, 66, 0.08);
            box-shadow: 0 8px 28px rgba(5, 48, 66, 0.08);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  
  .card:has(.btn):hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
            transform: none;
  }
  
  :has(> .card .btn, > .card-gl .btn) > .card:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: none;
            transform: none;
  }
  .card-accent {
    border-top: 3px solid var(--blue-acc);
  }
  
  .card-gl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--card-inner-gap);
    background: var(--gl);
    border: none;
    border-radius: 12px;
    padding: 1.75rem;
  }
  .card-dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--card-inner-gap);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1.75rem;
  }
  
  .cmp-wrap {
    overflow-x: auto;
    max-width: 800px;
    margin: 0 auto;
  }
  .cmp {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
  }
  .cmp th,
  .cmp td {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(5, 48, 66, 0.07);
  }
  .cmp thead th {
    width: 26%;
    border-bottom: 2px solid rgba(5, 48, 66, 0.1);
    font-weight: 600;
    color: #44535c;
  }
  .cmp thead th:first-child {
    width: 22%;
    font-weight: 400;
    color: var(--i40);
  }
  .cmp tbody th {
    font-weight: 600;
    color: var(--ink);
  }
  .cmp tbody tr:last-child th,
  .cmp tbody tr:last-child td {
    border-bottom: none;
  }
  .cmp-hl {
    background: rgba(32, 57, 157, 0.04);
  }
  .cmp thead .cmp-hl {
    border-bottom-color: var(--blue-acc);
  }
  .cmp-muted {
    color: #44535c;
  }
  .cmp-no {
    color: #9b2c2c;
  }
  .cmp-strong {
    color: var(--ink);
    font-weight: 600;
  }
  .cmp-price {
    color: var(--blue-acc);
    font-weight: 700;
    font-size: 1rem;
  }
  .cmp-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    color: var(--blue-acc);
    font-weight: 700;
  }
  .cmp-rec {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--blue-acc);
    color: #fff;
    padding: 0.15rem 0.5rem;
    border-radius: 100px;
  }
  .cmp-yes {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(32, 57, 157, 0.1);
    color: var(--blue-acc);
    font-weight: 700;
    font-size: 0.8125rem;
  }
  .cmp-x {
    margin-right: 0.375rem;
  }
  .cmp-note {
    color: var(--ink);
    margin-left: 0.375rem;
  }
  
  .pricing-split {
    display: grid;
    grid-template-columns: 3fr auto;
    gap: 2.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 4rem;

    @media (max-width: 768px) {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
  }
  .pricing-split-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;

    @media (max-width: 768px) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0.5rem;

      & > .card {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 calc(33% - 0.25rem);
                flex: 1 1 calc(33% - 0.25rem);
      }
    }
    @media (max-width: 480px) {
      & > .card {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
      }
    }
  }
  .pill {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.3rem 0.75rem;
    border-radius: 100px;
  }
  .pill-blue,
  .pill-teal {
    background: rgba(32, 57, 157, 0.1);
    color: var(--blue-acc);
  }
  .prod-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1rem;
  }
  .prod-icon svg {
    width: 22px;
    height: 22px;
  }
  .prod-icon-blue,
  .prod-icon-teal {
    background: rgba(32, 57, 157, 0.06);
  }
  .beta-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--ink);
    background: var(--yellow);
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    margin-bottom: 1.5rem;
  }
  .beta-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ink);
    -webkit-animation: pulse 2s ease-in-out infinite;
            animation: pulse 2s ease-in-out infinite;
  }
  
  .card-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--blue-acc);
    text-decoration: none;
  }
  .card-link:hover {
    text-decoration: underline;
  }
  .card-link .bl-arrow {
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
  }
  .card-link:hover .bl-arrow {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
  .chip {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--i65);
    background: var(--gl);
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
  }

  
  .nav {
    position: sticky;
    background-color: var(--ink);
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav);
    z-index: 200;
    -webkit-transition:
      background 0.2s,
      -webkit-box-shadow 0.2s;
    transition:
      background 0.2s,
      -webkit-box-shadow 0.2s;
    transition:
      background 0.2s,
      box-shadow 0.2s;
    transition:
      background 0.2s,
      box-shadow 0.2s,
      -webkit-box-shadow 0.2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .nav.transparent {
    background: transparent;
  }
  .nav.transparent::before {
    display: none;
  }
  .nav.scroll {
    background-color: var(--w);
    -webkit-box-shadow: 0 1px 0 rgba(5, 48, 66, 0.1);
            box-shadow: 0 1px 0 rgba(5, 48, 66, 0.1);
  }
  .nav-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
  }
  .nav-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
  }
  .nav-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.75rem;
  }
  .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-decoration: none;
  }
  .logo-txt {
    font-size: 1.4375rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--w);
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .nav.scroll .logo-txt {
    color: var(--blue-acc);
  }
  .logo-ring .ring-main {
    fill: var(--yellow);
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
  }
  .logo-ring .ring-ray {
    fill: var(--w);
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
  }
  .nav.scroll .logo-ring .ring-main {
    fill: var(--blue-acc);
  }
  .nav.scroll .logo-ring .ring-ray {
    fill: var(--yellow);
  }
  .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.25rem;
    list-style: none;
  }
  .nav-links > li {
    position: relative;
  }
  .nav-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.88);
    padding: 0.45rem 0.75rem;
    border-radius: 6px;
    -webkit-transition:
      color 0.15s,
      background 0.15s;
    transition:
      color 0.15s,
      background 0.15s;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    background: none;
    border: none;
    font-family: var(--f);
  }
  .nav.scroll .nav-link {
    color: var(--ink);
  }
  .nav-link:hover,
  .nav-links > li:hover > .nav-link {
    color: var(--yellow);
    text-decoration: none;
  }
  .nav.scroll .nav-link:hover,
  .nav.scroll .nav-links > li:hover > .nav-link {
    color: var(--blue-acc);
  }
  .nav-link .nav-chevron {
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    opacity: 0.6;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .nav-links > li:hover > .nav-link .nav-chevron,
  .nav-links > li.open > .nav-link .nav-chevron,
  .nav-link[aria-expanded="true"] .nav-chevron {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .nav-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: var(--w);
    border: 1px solid rgba(5, 48, 66, 0.1);
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 32px rgba(5, 48, 66, 0.13);
            box-shadow: 0 8px 32px rgba(5, 48, 66, 0.13);
    min-width: 220px;
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-transition:
      opacity 0.18s,
      visibility 0.18s,
      -webkit-transform 0.18s;
    transition:
      opacity 0.18s,
      visibility 0.18s,
      -webkit-transform 0.18s;
    transition:
      opacity 0.18s,
      transform 0.18s,
      visibility 0.18s;
    transition:
      opacity 0.18s,
      transform 0.18s,
      visibility 0.18s,
      -webkit-transform 0.18s;
    z-index: 300;
  }
  
  .nav-links > li:hover > .nav-dropdown,
  .nav-links > li.open > .nav-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .nav-dropdown a,
  .nav-dropdown-label {
    display: block;
    padding: 0.5rem 0.85rem;
    font-size: 0.875rem;
    color: var(--ink);
    border-radius: 6px;
    text-decoration: none;
    -webkit-transition:
      background 0.12s,
      color 0.12s;
    transition:
      background 0.12s,
      color 0.12s;
  }
  .nav-dropdown a:hover,
  .nav-dropdown a:focus-visible {
    background: var(--gl);
    color: var(--blue-acc);
    text-decoration: none;
  }
  .nav-dropdown-label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--i40);
    padding: 0.65rem 0.85rem 0.35rem;
    pointer-events: none;
    margin-top: 4px;
  }
  .nav-dropdown-label:first-child {
    margin-top: 0;
  }
  .nav-dropdown-divider {
    height: 1px;
    background: rgba(5, 48, 66, 0.08);
    margin: 6px 0;
  }
  .nav-dropdown .sub {
    padding-left: 1.5rem;
    font-size: 0.8375rem;
    color: var(--i65);
  }
  .nav-dropdown .sub:hover {
    color: var(--blue-acc);
  }
  .nav-dropdown-wide {
    min-width: 320px;
  }
  .nav-dropdown-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
  .nav-dropdown-col-head {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--blue-acc);
    opacity: 0.7;
    padding: 0.65rem 0.85rem 0.3rem;
  }
  
  .nav-dropdown-badge {
    font-size: 0.75rem;
    opacity: 0.55;
  }
  .nav-cta {
    background: var(--yellow);
    color: var(--ink);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.5rem 1.2rem;
    border-radius: 7px;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition:
      background 0.15s,
      -webkit-transform 0.15s;
    transition:
      background 0.15s,
      -webkit-transform 0.15s;
    transition:
      background 0.15s,
      transform 0.15s;
    transition:
      background 0.15s,
      transform 0.15s,
      -webkit-transform 0.15s;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 0.5rem;
  }
  .nav-cta:hover {
    background: #ffd547;
    -webkit-box-shadow: 0 4px 18px rgba(254, 198, 44, 0.35);
            box-shadow: 0 4px 18px rgba(254, 198, 44, 0.35);
    text-decoration: none;
  }
  .nav-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    color: var(--w);
    min-width: 44px;
    min-height: 44px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .nav.scroll .nav-toggle {
    color: var(--ink);
  }
  
  .mob-only,
  .nav-mobile-cta {
    display: none;
  }

  
  .footer {
    background: #021e2b;
    color: rgba(255, 255, 255, 0.5);
    padding: 3rem 0 2rem;
  }
  .fg {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }
  .ft {
    font-size: 0.9375rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.65);
    max-width: 260px;
    margin-top: 1rem;
  }
  .fsoc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    margin-top: 1.25rem;
    font-size: 0.8125rem;
  }
  .soc-p {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.675rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
  }
  .fct {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 1rem;
  }
  .fls {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.625rem;
  }
  .fl {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
  }
  .fl:hover {
    color: var(--w);
  }
  .fb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 1.5rem;
    font-size: 0.8125rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem;
  }
  .ll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
  }
  .la {
    color: rgba(255, 255, 255, 0.65);
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
  }
  .la:hover {
    color: var(--w);
    text-decoration: underline;
  }

  
  
  .hero,
  .page-header {
    background: var(--ink);
    position: relative;
    overflow: hidden;
  }
  .hero {
    color: var(--w);
  }
  .hero::after,
  .page-header::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--yellow);
  }
  .hero-inner {
    position: relative;
    z-index: 1;
    max-width: 820px;
  }
  .hero-h1 {
    font-size: clamp(2.25rem, 5vw, 3.625rem);
    font-weight: 300;
    line-height: 1.13;
    letter-spacing: -0.025em;
    color: var(--w);
    margin-bottom: 1.625rem;
    strong {
      font-weight: 600;
    }
    em {
      display: block;
      font-family: var(--fs);
      font-style: italic;
      color: var(--yellow);
      font-weight: 400;
    }
  }
  .hero-sub {
    font-size: 1.125rem;
    color: var(--od);
    line-height: 1.7;
    margin-bottom: 2.5rem;
    max-width: 660px;
  }
  .ha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.25rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 4rem;
  }
  .hero-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 3.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 3rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .hero-stats > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .sv {
    font-size: 2.375rem;
    font-weight: 700;
    color: var(--yellow);
    line-height: 1;
    margin-bottom: 0.35rem;
  }
  .sv-quote {
    font-size: 1.4rem;
    line-height: 1.25;
    font-style: italic;
  }
  .sl {
    font-size: 0.875rem;
    color: var(--odm);
    line-height: 1.5;
    max-width: 160px;
  }
  .sfn {
    font-size: 0.65em;
    vertical-align: super;
    color: var(--yellow);
    font-weight: 700;
  }
  .sfnote {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 1.25rem;
    line-height: 1.5;
  }
  .sfnlink {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: underline;
  }
  .sfnlink:hover {
    color: var(--w);
  }
  .testimonial-slide {
    display: none;
    -webkit-animation: testimonial-fade 0.4s ease;
            animation: testimonial-fade 0.4s ease;
  }
  .testimonial-slide.active {
    display: block;
  }
  .testimonial-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
  }
  .testimonial-dot::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    -webkit-transition:
      background 0.2s,
      -webkit-transform 0.2s;
    transition:
      background 0.2s,
      -webkit-transform 0.2s;
    transition:
      background 0.2s,
      transform 0.2s;
    transition:
      background 0.2s,
      transform 0.2s,
      -webkit-transform 0.2s;
  }
  .testimonial-dot.active::after,
  .testimonial-dot[aria-pressed="true"]::after {
    background: var(--yellow);
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
  
  @media (hover: hover) {
    .testimonial-dot:hover::after {
      background: rgba(255, 255, 255, 0.7);
    }
  }
  
  .testimonial-dots .testimonial-dot::after {
    background: rgba(5, 48, 66, 0.4);
  }
  .testimonial-dots .testimonial-dot.active::after,
  .testimonial-dots .testimonial-dot[aria-pressed="true"]::after {
    background: var(--blue-acc);
  }
  @media (hover: hover) {
    .testimonial-dots .testimonial-dot:hover::after {
      background: rgba(5, 48, 66, 0.35);
    }
  }
  .tb {
    background: var(--gl);
    border-bottom: 1px solid rgba(5, 48, 66, 0.08);
    padding: 1.5rem 0;
  }
  .tbi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tbl {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--blue-2);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .tbd {
    width: 1px;
    height: 18px;
    background: var(--gm);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .tbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 3rem;
  }
  .tbi2 {
    font-size: 0.875rem;
    color: var(--blue-2);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
    line-height: 1.45;
  }
  .tbi2::before {
    content: "✓";
    color: var(--blue-acc);
    font-weight: 700;
    font-size: 0.75rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 1px;
  }
  .pg {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1.5px solid var(--gm);
    border-radius: 16px;
    overflow: hidden;
  }
  .pc {
    background: var(--w);
    padding: 2.5rem;
    border-right: 1.5px solid var(--gm);
  }
  .pc:last-child {
    border-right: none;
  }
  .pc:hover {
    background: #fafcfd;
  }
  .pn {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--yellow);
    margin-bottom: 1.125rem;
  }
  .pt {
    font-size: 1.1875rem;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.3;
    margin-bottom: 0.875rem;
  }
  .pb {
    font-size: 0.9375rem;
    color: var(--i65);
    line-height: 1.75;
  }
  .pb strong {
    color: var(--ink);
    font-weight: 600;
  }
  .qs {
    background: var(--ink);
    color: var(--w);
    position: relative;
    overflow: hidden;
  }
  .qs::before {
    content: "\201C";
    position: absolute;
    top: -2rem;
    left: 1rem;
    font-size: 22rem;
    font-family: var(--fs);
    color: rgba(254, 198, 44, 0.05);
    line-height: 1;
    pointer-events: none;
  }
  .qi {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bq {
    font-family: var(--fs);
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-style: italic;
    line-height: 1.45;
    color: var(--w);
  }
  .bq em {
    color: var(--yellow);
    font-style: normal;
  }
  .qa {
    margin-top: 1.5rem;
    font-family: var(--f);
    font-size: 0.875rem;
    font-style: normal;
    color: var(--odm);
  }
  .qa strong {
    display: block;
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .qs2 {
    border-left: 3px solid var(--yellow);
    padding-left: 1.5rem;
  }
  .qv {
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--yellow);
    line-height: 1;
    margin-bottom: 0.4rem;
  }
  .ql {
    font-size: 0.9375rem;
    color: var(--od);
    line-height: 1.5;
  }
  .pbg {
    background: var(--gl);
  }
  .prod-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 3rem;
  }
  .pcard {
    background: var(--w);
    border-radius: 16px;
    padding: 2.75rem;
    border: 1px solid rgba(5, 48, 66, 0.08);
    -webkit-transition:
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
    transition:
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
    transition:
      box-shadow 0.2s,
      transform 0.2s;
    transition:
      box-shadow 0.2s,
      transform 0.2s,
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
  }
  .pcard:hover {
    -webkit-box-shadow: 0 8px 32px rgba(5, 48, 66, 0.09);
            box-shadow: 0 8px 32px rgba(5, 48, 66, 0.09);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  .pbadge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0.3rem 0.75rem;
    border-radius: 100px;
    margin-bottom: 1.5rem;
  }
  .b-bl {
    background: rgba(32, 57, 157, 0.1);
    color: var(--blue-acc);
  }
  .b-bt {
    background: rgba(254, 198, 44, 0.15);
    color: #7a5500;
  }
  .pt2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 0.75rem;
    letter-spacing: -0.01em;
  }
  .pb2 {
    font-size: 1rem;
    color: var(--i65);
    line-height: 1.75;
    margin-bottom: 1.875rem;
  }
  .pflow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.625rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 1.875rem;
  }
  .fsp {
    background: var(--gl);
    border-radius: 4px;
    padding: 0.375rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--ink);
  }
  .fa {
    color: var(--gm);
    font-size: 0.875rem;
  }
  .pfts {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 2rem;
  }
  .pft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    font-size: 0.9375rem;
    color: rgba(5, 48, 66, 0.72);
  }
  .pft::before {
    content: "→";
    color: var(--blue-acc);
    font-weight: 700;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .pl {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--blue-acc);
    -webkit-transition: gap 0.15s;
    transition: gap 0.15s;
  }
  .pl:hover {
    gap: 10px;
  }
  .fp {
    border-radius: 8px;
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: center;
  }
  .fp-b {
    background: rgba(32, 57, 157, 0.08);
    color: var(--blue-acc);
  }
  .fp-y {
    background: rgba(254, 198, 44, 0.15);
    color: #7a5500;
  }
  .fsteps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: relative;
    gap: 0;
  }
  .fsteps::before {
    content: "";
    position: absolute;
    top: 27px;
    left: 10%;
    right: 10%;
    height: 1px;
    background: var(--gm);
  }
  .fst {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 0.75rem;
  }
  .sdot {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--w);
    border: 2px solid var(--gm);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--blue-2);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .fst:hover .sdot {
    border-color: var(--blue-acc);
    background: var(--blue-acc);
    color: var(--w);
  }
  .slb {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.3;
    margin-bottom: 0.375rem;
  }
  .ssb {
    font-size: 0.8125rem;
    color: var(--i40);
    line-height: 1.4;
  }
  .ci {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bg2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.375rem;
  }
  .brl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 0.5rem;
  }
  .bn {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ink);
  }
  .br {
    font-size: 0.8125rem;
    color: var(--i40);
    position: relative;
  }
  .bt {
    height: 10px;
    background: var(--gl);
    border-radius: 100px;
    overflow: hidden;
  }
  .bf {
    height: 100%;
    border-radius: 100px;
  }
  .bz {
    background: var(--yellow);
    width: 20%;
  }
  .bl2 {
    background: rgba(5, 48, 66, 0.2);
    width: 100%;
  }
  .pays {
    background: var(--ink);
    border-radius: 16px;
    padding: 2.5rem;
    color: var(--w);
  }
  .pt3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--yellow);
    margin-bottom: 1rem;
  }
  .pb3 {
    font-size: 0.9375rem;
    color: var(--od);
    line-height: 1.75;
    margin-bottom: 1.5rem;
  }
  .pm {
    background: rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    padding: 1.25rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.9;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .pm strong {
    color: var(--yellow);
    font-weight: 600;
  }
  .pm small {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.35);
  }
  .vbg {
    background: var(--gl);
  }
  .vi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .vf {
    position: relative;
    aspect-ratio: 16/9;
    border-radius: 16px;
    overflow: hidden;
    background: var(--ink);
    -webkit-box-shadow: 0 16px 48px rgba(5, 48, 66, 0.2);
            box-shadow: 0 16px 48px rgba(5, 48, 66, 0.2);
  }
  .vf iframe {
    width: 100%;
    height: 100%;
    border: none;
  }
  .rl {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.25rem;
    margin-bottom: 2rem;
  }
  .ri {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.75rem;
    font-size: 0.9375rem;
    color: var(--i65);
  }
  .ri::before {
    content: "→";
    color: var(--blue-acc);
    font-weight: 700;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .proof-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 3rem;
  }
  .proof-card {
    border: 1px solid rgba(5, 48, 66, 0.1);
    border-radius: 16px;
    overflow: hidden;
  }
  
  .proof-head {
    background: var(--ink);
    padding: 2rem 2.25rem;
  }
  .pr {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--yellow);
    line-height: 1.15;
    margin-bottom: 0.5rem;
  }
  .px {
    font-size: 0.9375rem;
    color: var(--od);
    line-height: 1.5;
  }
  .pb4 {
    padding: 2rem 2.25rem;
    background: var(--w);
  }
  .pd {
    font-size: 0.9375rem;
    color: var(--i65);
    line-height: 1.75;
    margin-bottom: 1.5rem;
  }
  .pq {
    font-family: var(--fs);
    font-style: italic;
    font-size: 1.0625rem;
    color: var(--ink);
    line-height: 1.6;
    padding-left: 1.25rem;
    border-left: 3px solid var(--yellow);
  }
  .pat {
    margin-top: 0.625rem;
    font-size: 0.8125rem;
    color: var(--i40);
    padding-left: 1.25rem;
  }
  .abs {
    background: var(--blue-acc);
    color: var(--w);
    position: relative;
    overflow: hidden;
  }
  .abs::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
      circle at 80% 15%,
      rgba(254, 198, 44, 0.12) 0%,
      transparent 50%
    );
    pointer-events: none;
  }
  .ai {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .ab {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.8;
    margin-bottom: 2rem;
  }
  .crd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.125rem;
  }
  .cr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cd {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--yellow);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 6px;
  }
  .ct {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.55;
  }
  .ct strong {
    color: var(--w);
    font-weight: 600;
  }
  .tc {
    background: rgba(5, 48, 66, 0.3);
    border-radius: 16px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .tct {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 1.5rem;
  }
  .tci {
    padding: 1.125rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .tci:last-child {
    border-bottom: none;
  }
  .tcb {
    background: rgba(254, 198, 44, 0.15);
    border: 1px solid rgba(254, 198, 44, 0.3);
    color: var(--yellow);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    white-space: nowrap;
  }
  .tcd {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.55;
  }
  .tcd strong {
    color: var(--w);
    font-weight: 500;
  }
  .cs {
    background: var(--ink);
    text-align: center;
    padding: 6rem 0;
    position: relative;
    overflow: hidden;
  }
  .cs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--yellow);
  }
  .ch {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 300;
    letter-spacing: -0.02em;
    color: var(--w);
    line-height: 1.2;
    margin-bottom: 1.25rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .ch strong {
    font-weight: 600;
  }
  .csub {
    font-size: 1.0625rem;
    color: var(--od);
    margin: 0 auto 2.5rem;
    max-width: 460px;
    line-height: 1.65;
  }
  .ca {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cn {
    margin-top: 1.5rem;
    font-size: 0.8125rem;
    color: var(--odm);
  }
  .fu {
    opacity: 0;
    -webkit-transform: translateY(18px);
            transform: translateY(18px);
    -webkit-transition:
      opacity 0.5s ease,
      -webkit-transform 0.5s ease;
    transition:
      opacity 0.5s ease,
      -webkit-transform 0.5s ease;
    transition:
      opacity 0.5s ease,
      transform 0.5s ease;
    transition:
      opacity 0.5s ease,
      transform 0.5s ease,
      -webkit-transform 0.5s ease;
  }
  .fu.vis {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  .d1 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .d2 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .cta-bar {
    background: var(--blue-acc);
    padding: 5rem 0;
    text-align: center;
  }
  .cta-bar h2 {
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 700;
    color: var(--w);
    letter-spacing: -0.025em;
    margin-bottom: 0.875rem;
  }
  .cta-bar p {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 460px;
    margin: 0 auto 2.5rem;
    line-height: 1.65;
  }
  .cta-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  
  .steps .step {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.5rem 0;
    border-bottom: 1px solid rgba(5, 48, 66, 0.08);
  }
  .steps .step:last-child {
    border-bottom: none;
  }
  .step-num {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 50%;
    background: var(--ink);
    color: var(--yellow);
    font-size: 0.9375rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 1rem;
  }
  .step-h {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 0.5rem;
  }
  .step-p {
    font-size: 0.9375rem;
    color: var(--i65);
    line-height: 1.7;
  }
  .step-img {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(5, 48, 66, 0.1);
  }
  .content {
    background: var(--w);
    padding: 5.5rem 0;
  }
  .content-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 4rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .factor-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .factor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--gl);
    border-radius: 10px;
    border-left: 3px solid var(--yellow);
  }
  .factor-num {
    font-family: var(--f);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--blue-acc);
    letter-spacing: 0.05em;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-top: 0.15rem;
    min-width: 24px;
  }
  .factor-body strong {
    display: block;
    font-weight: 700;
    color: var(--ink);
    font-size: 1rem;
    margin-bottom: 0.25rem;
  }
  .factor-body span {
    color: var(--i65);
    font-size: 0.9375rem;
    line-height: 1.55;
  }
  .cta {
    background: var(--ink);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
  }
  .cta .wrap {
    position: relative;
    z-index: 1;
    text-align: center;
  }
  .cta h2 {
    font-size: clamp(1.75rem, 3.2vw, 2.5rem);
    font-weight: 700;
    color: var(--w);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 1rem;
  }
  .cta p {
    font-size: 1.0625rem;
    color: var(--od);
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto 2rem;
  }
  .qb-opt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    background: var(--w);
    border: 1.5px solid rgba(5, 48, 66, 0.1);
    border-radius: 10px;
    font-size: 0.9375rem;
    color: var(--ink);
    cursor: pointer;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .qb-opt:hover {
    border-color: var(--blue-acc);
    background: rgba(32, 57, 157, 0.02);
  }
  .qb-opt:has(input:checked) {
    border-color: var(--blue-acc);
    background: rgba(32, 57, 157, 0.05);
  }
  .qb-opt input {
    accent-color: var(--blue-acc);
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
  }

  
  .two-col {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 4rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .stat-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .stat-card {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(5, 48, 66, 0.08);
  }
  .stat-card:last-child {
    border-bottom: none;
  }
  .stat-card-num {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.15;
    margin-bottom: 0.375rem;
  }
  .stat-card-label {
    font-size: 0.875rem;
    color: var(--i65);
    line-height: 1.4;
  }
  .tl-strip {
    background: var(--w);
    padding: 3rem 0 2.5rem;
    border-bottom: 1px solid rgba(5, 48, 66, 0.08);
  }
  .tl-inner {
    position: relative;
    z-index: 1;
  }
  .tl-labels {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
    padding-top: 1.75rem;
  }
  .tl-labels::before {
    content: "";
    position: absolute;
    top: 0.4375rem;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gm);
  }
  .tl-label {
    position: relative;
    cursor: pointer;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    font: inherit;
    color: inherit;
    display: block;
  }
  .tl-label::before {
    content: "";
    position: absolute;
    top: -1.75rem;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--gm);
    border: 3px solid var(--w);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition:
      background 0.2s,
      border-color 0.2s;
    transition:
      background 0.2s,
      border-color 0.2s;
    z-index: 1;
  }
  .tl-label:hover::before {
    background: var(--ink);
  }
  .tl-label.active::before,
  .tl-label[aria-current="step"]::before {
    background: var(--yellow);
  }
  .tl-label:hover {
    opacity: 0.85;
  }
  .tl-label-year {
    display: block;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 0.25rem;
  }
  .tl-label-desc {
    display: block;
    font-size: 0.8125rem;
    color: var(--i40);
    line-height: 1.4;
    max-width: 200px;
  }
  .tl-label.active .tl-label-year,
  .tl-label[aria-current="step"] .tl-label-year {
    color: var(--blue-acc);
  }
  .tl-label.active .tl-label-desc,
  .tl-label[aria-current="step"] .tl-label-desc {
    color: var(--i65);
  }
  .zuva-name-section {
    background: var(--gl);
    border-radius: 16px;
    padding: 3rem;
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
  }
  .zuva-sun {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(254, 198, 44, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 1.25rem;
  }
  .law-note-inner {
    max-width: 680px;
    margin: 0 auto;
  }
  .referral-flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    margin: 2rem 0 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .referral-step {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    padding: 0.75rem 1.5rem;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 140px;
  }
  .referral-step-title {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--w);
    margin-bottom: 0.25rem;
  }
  .referral-step-desc {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.78);
  }
  .referral-arrow {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.25rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  
  .careers-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .careers-row:has(> div:only-child) {
    grid-template-columns: 1fr;
    max-width: 760px;
  }
  .careers-row-rev > div:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
  .values-grid .value-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    text-align: center;
  }
  .values-grid .value-icon {
    width: 56px;
    height: 56px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-bottom: 1.25rem;
  }
  .values-grid .value-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--w);
    line-height: 1.4;
  }
  .offer-icon {
    width: 48px;
    height: 48px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-bottom: 1rem;
  }
  .awards-row {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 3rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .awards-text {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.5;
  }
  .awards-text strong {
    color: var(--blue-acc);
  }
  .awards-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .awards-imgs img {
    max-width: 130px;
    height: auto;
  }
  .social-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .social-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    -webkit-transition: background 0.15s ease;
    transition: background 0.15s ease;
  }
  .social-link:hover {
    background: rgba(255, 255, 255, 0.16);
  }
  .social-link img {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
       object-fit: contain;
  }

  
  .brand-cols {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .brand-cols img {
    max-width: 100%;
  }
  .brand-imgs-3 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .brand-imgs-3 img {
    max-width: 100%;
  }
  .brand-grid-6 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
  .brand-grid-6 figure {
    margin: 0;
  }
  .brand-grid-6 img {
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(10, 22, 70, 0.08);
  }
  .brand-grid-6 figcaption {
    margin-top: 0.75rem;
    font-size: 0.9rem;
    color: var(--i65);
  }
  .type-sample {
    margin-bottom: 1.75rem;
  }
  .type-sample .type-weight {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--i65);
    margin-bottom: 0.35rem;
  }
  .type-sample .type-text {
    font-size: 1.375rem;
    color: var(--ink);
    overflow-wrap: anywhere;
  }
  .swatch-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.5rem;
  }
  .contrast-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 200px));
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
  .swatch {
    border-radius: 6px;
    margin-bottom: 0.6rem;
  }
  .swatch.block {
    height: 96px;
  }
  .swatch.pair {
    padding: 14px;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.5;
    border-radius: 6px;
  }
  .swatch.yellow {
    background-color: #fec62c;
  }
  .swatch.navy {
    background-color: #053042;
  }
  .swatch.denim {
    background-color: #2a638b;
  }
  .swatch.cobalt {
    background-color: #20399d;
  }
  .swatch.grey {
    background-color: #edf1f4;
  }
  .swatch.white {
    background-color: #fff;
    border: 1px solid #ccc;
  }
  .swatch.white-text {
    color: #fff;
  }
  .swatch.yellow-text {
    color: #fec62c;
  }
  .swatch.navy-text {
    color: #053042;
  }
  .swatch.cobalt-text {
    color: #20399d;
  }
  .swatch-name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 0.35rem;
  }
  
  .swatch-name.lg {
    font-size: 1.125rem;
  }
  .swatch-meta {
    font-size: 0.8125rem;
    color: var(--i65);
    line-height: 1.6;
  }
  .swatch-meta strong {
    color: var(--ink);
    font-weight: 600;
  }
  .copy-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    margin-top: 0.5rem;
    padding: 0.4rem 0.6rem;
    background: var(--gl);
    border: 1px solid rgba(10, 22, 70, 0.12);
    border-radius: 6px;
    color: var(--blue-acc);
    cursor: pointer;
    font-size: 0.8rem;
    -webkit-transition: background 0.15s ease;
    transition: background 0.15s ease;
  }
  .copy-btn:hover {
    background: rgba(32, 57, 157, 0.08);
  }
  .copy-btn.copy-success {
    background: var(--blue-acc);
    color: #fff;
  }
  .copy-btn svg {
    fill: currentColor;
  }

  
  .lp-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }
  .lp-step {
    text-align: center;
  }
  .lp-step img {
    width: 130px;
    height: auto;
    margin: 0 auto 1.25rem;
  }
  .lp-step h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--w);
    margin-bottom: 0.6rem;
  }
  .lp-step p {
    font-size: 0.95rem;
    color: var(--od);
    line-height: 1.7;
  }
  .lp-iframe-wrap {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 2rem auto 0;
    aspect-ratio: 4 / 3;
  }
  .lp-iframe-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 12px;
    background: #fff;
  }
  .nf {
    background: var(--ink);
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 2.5rem 1.25rem 3.5rem;
    position: relative;
    overflow: hidden;
  }
  
  .nf::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(circle at 50% 45%, #000 0%, transparent 75%);
            mask-image: radial-gradient(circle at 50% 45%, #000 0%, transparent 75%);
  }
  .nf-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
  .nf-eyebrow {
    display: inline-block;
    color: var(--yellow);
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 0.9rem;
  }
  .nf-h1 {
    color: var(--w);
    font-size: clamp(1.85rem, 4vw, 2.6rem);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0 0 0.65rem;
  }
  .nf-sub {
    color: var(--od);
    font-size: 1.05rem;
    line-height: 1.5;
    margin: 0 auto 2.25rem;
    max-width: 420px;
  }
  
  .nf-stage {
    position: relative;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
  }
  .maze-wrapper {
    background: var(--w);
    border-radius: 20px;
    padding: clamp(1.25rem, 3vw, 2.25rem);
    -webkit-box-shadow: 0 30px 70px rgba(2, 18, 30, 0.55);
            box-shadow: 0 30px 70px rgba(2, 18, 30, 0.55);
  }
  #maze {
    display: block;
    width: 100%;
    height: auto;
  }
  .maze-text {
    margin-top: 1.75rem;
  }
  .maze-text .btn-gw {
    border-color: rgba(255, 255, 255, 0.4);
  }
  .lp-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
  }
  .lp-hero .page-header-h1,
  .lp-hero .page-header-sub {
    margin-left: 0;
    margin-right: 0;
  }
  .lp-form-card {
    background: #fff;
    border-radius: 12px;
    padding: 1.75rem;
  }
  .lp-callout {
    background: var(--gl);
    border: 1px solid rgba(10, 22, 70, 0.08);
    border-radius: 12px;
    padding: 2rem;
    margin: 2.5rem 0;
  }
  .lp-callout > :first-child {
    margin-top: 0;
  }
  .lp-callout > :last-child {
    margin-bottom: 0;
  }
  .lp-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }

  
  
  .back-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--od);
    text-decoration: none;
    margin-bottom: 1.25rem;
  }
  .back-link:hover {
    color: var(--w);
  }
  .back-link .bl-arrow {
    font-size: 1.1em;
    line-height: 1;
  }
  
  .single-meta {
    font-size: 0.9rem;
    color: var(--odm);
  }
  .single-meta a {
    color: var(--yellow);
    text-decoration: underline;
  }
  .postgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
  }
  .postcard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: var(--w);
    border: 1px solid rgba(5, 48, 66, 0.08);
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition:
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
    transition:
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
    transition:
      box-shadow 0.2s,
      transform 0.2s;
    transition:
      box-shadow 0.2s,
      transform 0.2s,
      -webkit-box-shadow 0.2s,
      -webkit-transform 0.2s;
  }
  .postcard:hover {
    -webkit-box-shadow: 0 8px 28px rgba(5, 48, 66, 0.08);
            box-shadow: 0 8px 28px rgba(5, 48, 66, 0.08);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  .postcard-img {
    margin: 0.5rem 0.5rem 0;
    width: calc(100% - 1rem);
    aspect-ratio: 16/9;
    -o-object-fit: cover;
       object-fit: cover;
    background: var(--gl);
    border-radius: 8px;
    display: block;
  }
  .postcard-body {
    padding: 1.25rem 1.35rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .postcard-meta {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--blue-acc);
  }
  .postcard-title {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.3;
    letter-spacing: -0.01em;
  }
  .postcard-desc {
    font-size: 0.9rem;
    color: var(--i65);
    line-height: 1.6;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .post-featured {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 3.5rem;
    text-decoration: none;
  }
  .post-featured img {
    width: 100%;
    border-radius: 12px;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
       object-fit: cover;
    background: var(--gl);
  }
  .post-featured-noimg {
    display: block;
    max-width: 760px;
  }
  .pf-title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 1rem;
  }
  .pf-desc {
    font-size: 1rem;
    color: var(--i65);
    line-height: 1.7;
    margin-bottom: 1.5rem;
  }
  
  .pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.5rem;
    margin-top: 3rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .pager a {
    padding: 0.5rem 0.9rem;
    border-radius: 8px;
    border: 1px solid rgba(5, 48, 66, 0.15);
    font-size: 0.9rem;
    color: var(--ink);
    text-decoration: none;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
  }
  .pager a:hover {
    border-color: var(--ink);
  }
  .pager a.active {
    background: var(--ink);
    color: var(--w);
    border-color: var(--ink);
  }
  .article {
    padding: 3.5rem 0 5rem;
  }
  .article-banner {
    width: 100%;
    max-height: 440px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 16px;
    margin-bottom: 3rem;
  }
  .article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 2.75rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  
  .article-solo {
    max-width: 860px;
    margin: 0 auto;
  }
  
  .article-body {
    font-size: 1.0625rem;
  }
  .article-meta {
    font-size: 0.9rem;
    color: var(--odm);
    margin-top: 1.25rem;
  }
  .article-meta .author-name {
    color: var(--yellow);
    text-decoration: none;
    font-weight: 600;
  }
  .article-meta .author-name:hover {
    text-decoration: underline;
  }
  .article-aside {
    font-size: 0.9rem;
    position: sticky;
    top: calc(var(--nav) + 16px);
  }
  .toc-box {
    border: 1px solid rgba(5, 48, 66, 0.1);
    border-radius: 12px;
    padding: 1.25rem 1.35rem;
  }
  .toc-h {
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--blue-acc);
    margin-bottom: 0.75rem;
  }
  .toc-box ul,
  .section-nav ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.45rem;
    padding: 0;
    margin: 0;
  }
  .toc-box a,
  .section-nav a {
    color: var(--i65);
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.4;
    display: block;
  }
  .toc-box a:hover,
  .section-nav a:hover {
    color: var(--blue-acc);
  }
  .toc-box ul ul,
  .section-nav ul ul {
    padding-left: 0.85rem;
    margin-top: 0.45rem;
  }
  .section-nav a.active,
  .section-nav .section-subtitle.active {
    color: var(--blue-acc);
    font-weight: 700;
  }
  .article-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.85rem;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(5, 48, 66, 0.1);
    font-weight: 600;
    color: var(--ink);
    font-size: 0.9375rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
  }
  .social-share a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 34px;
    height: 34px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 8px;
    border: 1px solid rgba(5, 48, 66, 0.12);
    -webkit-transition: border-color 0.15s;
    transition: border-color 0.15s;
  }
  .social-share a:hover {
    border-color: var(--ink);
  }
  .social-share a img {
    width: 17px;
    height: 17px;
    border-radius: 0;
  }
  
  .newsletter-signup {
    background: var(--ink);
    color: var(--w);
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1.25rem;
  }
  .newsletter-signup .nl-h {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--w);
    margin-bottom: 0.85rem;
    line-height: 1.3;
  }

  
  
  
  
  .page-header-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 1;
  }
  .page-header-inner {
    position: relative;
    z-index: 1;
    max-width: 620px;
  }
  .page-header-eyebrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--yellow);
    margin-bottom: 1.25rem;
  }
  .page-header-eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--yellow);
    display: inline-block;
  }
  .page-header-h1 {
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 700;
    color: var(--w);
    letter-spacing: -0.025em;
    line-height: 1.12;
    margin-bottom: 1.25rem;
  }
  .page-header-sub {
    font-size: 1.125rem;
    color: var(--od);
    line-height: 1.75;
    margin-bottom: 2rem;
  }
  .page-header-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .crumb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--yellow);
    margin-bottom: 1.25rem;
  }
  .crumb-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--yellow);
    display: inline-block;
  }
  .crumb-sep {
    opacity: 0.35;
    margin: 0 2px;
  }
  .page-header-cta {
    margin-top: 2rem;
  }

  
  
  .faq {
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(5, 48, 66, 0.08);
    cursor: pointer;
  }
  .faq-q {
    font-weight: 600;
    color: var(--ink);
    font-size: 0.9375rem;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .faq-q::-webkit-details-marker {
    display: none;
  }
  .faq-icon {
    color: var(--blue-acc);
    font-size: 1.25rem;
  }
  .faq-a {
    font-size: 0.9rem;
    color: var(--i65);
    line-height: 1.75;
    margin-top: 0.875rem;
  }
  .faq p {
    cursor: text;
  }
  
  .prose {
    color: var(--i65);
    font-size: 1rem;
    line-height: 1.75;
  }
  .prose > * + * {
    margin-top: 1rem;
  }
  .prose h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.01em;
    margin-top: 2.5rem;
  }
  .prose h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--ink);
    margin-top: 1.5rem;
  }
  .prose h2:first-child,
  .prose h3:first-child {
    margin-top: 0;
  }
  .prose a {
    color: var(--blue-acc);
    text-decoration: underline;
  }
  .prose a:hover {
    color: var(--ink);
  }
  .prose strong {
    color: var(--ink);
    font-weight: 700;
  }
  .prose ul,
  .prose ol {
    padding-left: 1.5rem;
    margin: 0.5rem 0;
  }
  .prose ul {
    list-style: disc;
  }
  .prose ol {
    list-style: decimal;
  }
  .prose li {
    color: var(--i65);
    margin-top: 0.4rem;
  }
  .prose li::marker {
    color: var(--i40);
  }
  
  .legal-row {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 2.5rem;
    padding: 2.25rem 0;
    border-top: 1px solid rgba(5, 48, 66, 0.08);
  }
  .legal-row:first-child {
    border-top: none;
    padding-top: 0;
  }
  .legal-h {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.01em;
  }
  
  .sitemap-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 1rem;
  }
  .info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
  }
  .info-grid h2 {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin-bottom: 0.5rem;
  }
  .info-grid p {
    color: var(--i65);
    line-height: 1.6;
    margin-bottom: 0.25rem;
  }
  .bio-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2rem;
  }
  .bio-head .page-header-h1 {
    margin-bottom: 0.25rem;
  }
  .bio-head .page-header-sub {
    margin: 0;
  }
  .bio-img {
    width: 140px;
    height: 140px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .dc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--card-gap);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .dc-grid .card {
    height: 100%;
  }
  .dc-label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--i65);
    margin: 0.5rem 0 0.5rem;
  }
  .dc-grid .field-list {
    margin: 0;
  }
  .field-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--blue-acc);
    margin-bottom: 0.75rem;
  }
  .field-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  .field-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .field-list li {
    font-size: 0.9375rem;
    color: var(--i65);
    line-height: 1.6;
    padding: 0.375rem 0;
    border-bottom: 1px solid rgba(5, 48, 66, 0.06);
  }
  .field-list li:last-child {
    border-bottom: none;
  }
  .example-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
  }
  .example-item {
    margin: 0;
    background: var(--w);
    border-left: 3px solid var(--blue-acc);
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.25rem;
    font-size: 0.9375rem;
    color: var(--i65);
    line-height: 1.6;
  }
  .field-index {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.25rem 1.5rem;
  }
  .field-index-item {
    display: block;
    font-size: 0.9375rem;
    color: var(--blue-acc);
    padding: 0.375rem 0;
    border-bottom: 1px solid rgba(5, 48, 66, 0.06);
  }
  .field-index-item:hover {
    text-decoration: underline;
  }
  .sm-h {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--blue-acc);
    margin: 2.5rem 0 1rem;
  }
  .smlist {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .smlist a {
    font-size: 0.9375rem;
    color: var(--i65);
    text-decoration: none;
  }
  .smlist a:hover {
    color: var(--blue-acc);
  }
  .smlist .sm-top {
    font-weight: 700;
    color: var(--ink);
  }
  
  .prose img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 1.5rem 0;
  }
  .prose blockquote {
    border-left: 3px solid var(--yellow);
    padding-left: 1.25rem;
    color: var(--ink);
    font-style: italic;
    margin: 1.5rem 0;
  }
  .prose pre {
    background: var(--ink);
    color: var(--w);
    padding: 1rem 1.25rem;
    border-radius: 10px;
    overflow-x: auto;
    font-size: 0.85rem;
    margin: 1.5rem 0;
  }
  .prose code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.9em;
    background: var(--gl);
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
  }
  .prose pre code {
    background: none;
    padding: 0;
  }
  .prose hr {
    border: none;
    border-top: 1px solid rgba(5, 48, 66, 0.1);
    margin: 2rem 0;
  }
  .prose h1 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.015em;
    line-height: 1.2;
    margin-top: 2.5rem;
  }
  .prose h1:first-child {
    margin-top: 0;
  }

  
  .problem-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-bottom: 3.5rem;

    @media (max-width: 860px) {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }
  }
  .problem-figure {
    margin-bottom: 3.5rem;
  }
  .problem-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;

    @media (max-width: 860px) {
      grid-template-columns: 1fr 1fr;
    }
    @media (max-width: 600px) {
      grid-template-columns: 1fr;
    }
  }
  .problem-card {
    background: var(--gl);
    border-radius: 10px;
    padding: 1.5rem 1.75rem;

    & h3 {
      font-size: 1rem;
      font-weight: 700;
      color: var(--ink);
      margin-bottom: 0.5rem;
    }
    & p {
      font-size: 0.9375rem;
      color: var(--i65);
      line-height: 1.7;
    }
  }
  .icon-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--w);
    -webkit-box-shadow: 0 1px 4px rgba(5, 48, 66, 0.1);
            box-shadow: 0 1px 4px rgba(5, 48, 66, 0.1);
    margin-bottom: 1rem;
  }
  .steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;

    @media (max-width: 860px) {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }
  }
  .step img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 1.25rem;
    -webkit-box-shadow: 0 4px 20px rgba(5, 48, 66, 0.08);
            box-shadow: 0 4px 20px rgba(5, 48, 66, 0.08);
  }
  .step h3 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 0.5rem;
  }
  .check-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.375rem;
    text-align: left;
    padding: 0 0.5rem;
  }
  .check-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: var(--i65);
    line-height: 1.5;

    & svg {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-top: 2px;
    }
  }
  .feature-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5rem;

    @media (max-width: 860px) {
      grid-template-columns: 1fr;
      gap: 2.5rem;
      margin-bottom: 3.5rem;
    }
  }
  .feature-heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 0.75rem;
  }
  .feature-body {
    font-size: 0.9375rem;
    color: var(--i65);
    line-height: 1.7;
  }
  .feature-image {
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 40px rgba(5, 48, 66, 0.08);
            box-shadow: 0 8px 40px rgba(5, 48, 66, 0.08);
  }
  .testimonial-live {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 200px;

    @media (max-width: 860px) {
      min-height: 0;
    }
  }
  .testimonial-quote {
    font-size: clamp(1.375rem, 2.5vw, 1.75rem);
    font-weight: 500;
    font-style: italic;
    color: var(--ink);
    line-height: 1.55;
    margin-bottom: 1.25rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .testimonial-cite {
    font-size: 0.875rem;
    font-style: normal;
    color: var(--i65);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .testimonial-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
  }

  
  @-webkit-keyframes testimonial-fade {
    from {
      opacity: 0;
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes testimonial-fade {
    from {
      opacity: 0;
      -webkit-transform: translateY(6px);
              transform: translateY(6px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @-webkit-keyframes pulse {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
  }
  @keyframes pulse {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0.4;
    }
  }

  
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      -webkit-animation-duration: 0.001ms !important;
              animation-duration: 0.001ms !important;
      -webkit-animation-iteration-count: 1 !important;
              animation-iteration-count: 1 !important;
      -webkit-transition-duration: 0.001ms !important;
              transition-duration: 0.001ms !important;
      scroll-behavior: auto !important;
    }
    .fu,
    .fu.vis {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
    }
  }
  @media (max-width: 1024px) {
    .dc-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 860px) {
    .postgrid {
      grid-template-columns: 1fr 1fr;
    }
    .article-grid {
      grid-template-columns: 1fr;
    }
    .article-aside {
      position: static;
    }
  }
  
  @media (max-width: 920px) {
    .nav-toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .nav-cta {
      display: none;
    }
    .nav-links {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      gap: 0;
      position: fixed;
      top: var(--nav);
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--w);
      padding: 1rem 1.25rem 2rem;
      overflow-y: auto;
      z-index: 190;
      -webkit-box-shadow: 0 8px 32px rgba(5, 48, 66, 0.15);
              box-shadow: 0 8px 32px rgba(5, 48, 66, 0.15);
    }
    .nav-links.nav-open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .nav-links > li {
      border-bottom: 1px solid rgba(5, 48, 66, 0.07);
    }
    .nav-link {
      color: var(--ink) !important;
      width: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0.75rem 0.25rem;
      font-size: 1rem;
    }
    .nav-dropdown {
      position: static;
      opacity: 1;
      visibility: visible;
      -webkit-transform: none;
              transform: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none;
      background: var(--gl);
      border-radius: 8px;
      margin: 0.25rem 0 0.5rem;
      padding: 4px 0;
      display: none;
    }
    
    .nav-links > li.open > .nav-dropdown {
      display: block;
    }
    
    .nav-links > li:hover > .nav-link .nav-chevron {
      -webkit-transform: none;
              transform: none;
    }
    .nav-links > li.open > .nav-link .nav-chevron {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }
    .nav-dropdown-wide {
      min-width: unset;
    }
    .nav-dropdown-cols {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 860px) {
    .content-grid {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
    .fg {
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
    body {
      overflow-x: hidden;
    }
    body,
    p,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4 {
      overflow-wrap: anywhere;
    }
    .wrap {
      padding: 0 1.25rem;
    }
    .section {
      padding: 3.5rem 0;
    }
    .section-sm {
      padding: 2.5rem 0;
    }
    .ss {
      margin-bottom: 2rem;
    }
    .btn {
      white-space: normal;
      text-align: center;
      line-height: 1.3;
      padding: 0.8rem 1.25rem;
    }
    .nav-cta {
      padding: 0.55rem 1rem;
    }
    .hero-h1 {
      font-size: clamp(2rem, 7.5vw, 2.75rem);
      line-height: 1.18;
      em {
        display: inline;
      }
    }
    .hero-sub {
      font-size: 1rem;
      margin-bottom: 1.75rem;
    }
    .ha {
      margin-bottom: 2.5rem;
      gap: 1rem;
    }
    .hero-stats {
      gap: 1.5rem 1.5rem;
      padding-top: 2rem;
    }
    .hero-stats > div {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 calc(50% - 0.75rem);
              flex: 1 1 calc(50% - 0.75rem);
      min-width: 140px;
    }
    .sv {
      font-size: 1.85rem;
    }
    .sl {
      max-width: none;
      font-size: 0.85rem;
    }
    .tbi {
      gap: 1rem;
    }
    .tbd {
      display: none;
    }
    .tbs {
      grid-template-columns: 1fr;
      gap: 0.5rem;
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"],
    main div[style*="grid-template-columns:4fr 1fr 1fr"] {
      grid-template-columns: 1fr !important;
      gap: 1.75rem !important;
    }
    main div[style*="grid-template-columns:repeat(3,1fr)"] {
      gap: 3rem !important;
    }
    main div[style*="grid-template-columns:1fr 1fr"][style*="gap:5rem"] {
      gap: 2rem !important;
    }
    
    main div[style*="grid-template-columns:repeat(6,1fr)"] {
      --tl-gap: 1.75rem;
      grid-template-columns: 1fr !important;
      gap: var(--tl-gap) !important;
    }
    main
      div[style*="grid-template-columns:repeat(6,1fr)"]
      > div[style*="position:absolute"] {
      display: none !important;
    }
    .tl-step {
      text-align: left !important;
      padding: 0 0 0 64px !important;
    }
    .tl-step:has(+ .tl-step)::before {
      content: "";
      position: absolute;
      left: 21px;
      top: 22px;
      bottom: calc(-1 * var(--tl-gap) - 22px);
      width: 2px;
      background: var(--gm);
      z-index: 0;
    }
    
    .tl-step > div:first-child {
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      width: 44px !important;
      height: 44px !important;
      margin: 0 !important;
      font-size: 0.875rem !important;
      z-index: 1;
    }
    
    .tl-step > div:nth-child(2) {
      padding-top: 0.35rem;
      font-size: 0.9375rem !important;
    }
    .proof-grid {
      grid-template-columns: 1fr;
    }
    .prod-grid,
    .pg,
    .qi,
    .ci,
    .vi,
    .ai,
    .fsteps,
    .nav-dropdown-cols {
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
    .pg {
      border-radius: 12px;
    }
    .pc {
      border-right: none;
      border-bottom: 1.5px solid var(--gm);
    }
    .pc:last-child {
      border-bottom: none;
    }
    .fsteps::before {
      display: none;
    }
    .pcard {
      padding: 1.75rem;
    }
    .ca {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0.75rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .ch {
      font-size: clamp(1.625rem, 6.5vw, 2.25rem);
    }
    .fg {
      grid-template-columns: 1fr 1fr;
      gap: 2rem 1.5rem;
    }
    .fg > div:first-child {
      grid-column: 1 / -1;
    }
    .fb {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      gap: 1rem;
    }
    .ll {
      gap: 1rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .ll a {
      font-size: 0.8125rem;
    }
    .section-headline {
      font-size: clamp(1.5rem, 5.5vw, 2.25rem);
    }
    .ai .tc {
      padding: 1.5rem;
    }
    .about-grid {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2rem !important;
    }
    .about-text {
      display: contents;
    }
    .about-cards {
      -webkit-box-ordinal-group: 91;
          -ms-flex-order: 90;
              order: 90;
    }
    .about-cta {
      -webkit-box-ordinal-group: 101;
          -ms-flex-order: 100;
              order: 100;
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin-top: 0 !important;
    }
    .desk-only {
      display: none !important;
    }
    .mob-only {
      display: block !important;
    }
    .mob-phase {
      border-radius: 8px;
      padding: 0.85rem 1.25rem;
      font-size: 0.9rem;
      font-weight: 600;
      text-align: left;
      margin: 0;
    }
    .mob-phase-1,
    .mob-phase-3 {
      background: rgba(32, 57, 157, 0.1);
      color: var(--blue-acc);
    }
    .mob-phase-2 {
      background: rgba(254, 198, 44, 0.18);
      color: #7a5500;
    }
    .mob-phase .mob-phase-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 0.6rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .mob-phase .mob-phase-sub {
      display: block;
      font-size: 0.75rem;
      font-weight: 400;
      opacity: 0.8;
      margin-top: 0.25rem;
    }
    .mob-phase-tag {
      display: inline-block;
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      padding: 0.2rem 0.55rem;
      border-radius: 100px;
      line-height: 1.3;
      white-space: nowrap;
    }
    .mob-tag-dr {
      background: var(--blue-acc);
      color: var(--w);
    }
    .mob-tag-bq {
      background: var(--yellow);
      color: var(--ink);
    }
    .mob-callout {
      padding: 1rem 1.25rem;
      background: var(--gl);
      border-radius: 8px;
      margin: 0;
    }
    .mob-callout p {
      font-size: 0.875rem;
      color: var(--i65);
      line-height: 1.55;
      margin: 0;
      text-indent: -1.05rem;
      padding-left: 1.05rem;
    }
    .mob-callout p::before {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      margin-right: 0.55rem;
      vertical-align: 0.12em;
    }
    .mob-callout-dr p::before {
      background: var(--blue-acc);
    }
    .mob-callout-bq p::before {
      background: var(--yellow);
    }
    .mob-callout strong {
      color: var(--ink);
    }
  }
  
  @media (max-width: 920px) {
    .nav-right .nav-link {
      display: none;
    }
    .nav-mobile-cta {
      display: block;
      border-bottom: none !important;
    }
    
    .nav-mobile-cta:not(.nav-mobile-cta-primary) {
      margin-top: 1.25rem;
    }
    .nav-mobile-cta > a.nav-link {
      border: 1.5px solid rgba(5, 48, 66, 0.25);
      border-radius: 8px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0.8rem 1rem;
      font-weight: 600;
      background: var(--w);
      width: 100%;
    }
    .nav-mobile-cta > a.nav-link:hover {
      border-color: var(--ink);
      background: rgba(5, 48, 66, 0.04);
    }
    .nav-mobile-cta-primary {
      margin-top: 0.625rem;
      padding-top: 0;
      border-top: none !important;
    }
    .nav-mobile-cta-primary > a.nav-link {
      background: var(--yellow);
      color: var(--ink) !important;
      border: 1.5px solid var(--yellow);
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 8px;
      font-weight: 600;
      padding: 0.85rem 1rem;
    }
    .nav-mobile-cta-primary > a.nav-link:hover {
      background: #ffd547;
      border-color: #ffd547;
    }
  }
  @media (max-width: 860px) {
    body,
    p,
    li,
    h1,
    h2,
    h3,
    h4 {
      overflow-wrap: anywhere;
    }
    main > div:first-of-type {
      padding: 2.25rem 0 !important;
    }
    main > section:not(.hero) {
      padding: 3rem 0 !important;
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:1fr 1fr 1fr"],
    main div[style*="grid-template-columns:2fr 3fr"],
    main div[style*="grid-template-columns:1fr auto"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(4,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 1.75rem !important;
    }
    main
      section[id="what-we-review"]
      div[style*="flex-direction:column;gap:4rem"] {
      gap: 2.5rem !important;
    }
    main
      div[style*="grid-template-columns:1fr 1fr"]
      > div:has(> img:only-child) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    main div[style*="grid-template-columns:2fr 3fr"] > div:first-child {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
    }
    main div[style*="grid-template-columns:1fr auto"] > div:last-child {
      padding-left: 0 !important;
      padding-top: 1.5rem !important;
      border-left: none !important;
      border-top: 2px solid var(--yellow);
      text-align: left !important;
    }
    main div[style*="width:120px"] {
      width: 90px !important;
      font-size: 0.8125rem !important;
    }
    main h1 {
      font-size: clamp(1.75rem, 7.5vw, 2.5rem) !important;
    }
    main div[style*="display:flex"][style*="gap:1rem"] {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0.75rem;
    }
    .page-header-h1 {
      font-size: clamp(1.75rem, 7.5vw, 2.5rem);
    }
    .page-header-sub {
      font-size: 1rem;
    }
    .tl-strip {
      padding: 2rem 0 1.5rem;
    }
    .tl-labels {
      grid-template-columns: 1fr 1fr;
      gap: 1.25rem 1rem;
      padding-top: 0;
    }
    .tl-labels::before {
      display: none;
    }
    .tl-label::before {
      display: none;
    }
    .tl-label-desc {
      max-width: none;
    }
    .two-col {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"],
    main div[style*="grid-template-columns:repeat(5,1fr)"],
    main div[style*="grid-template-columns:4fr 1fr 1fr"] {
      grid-template-columns: 1fr !important;
      gap: 1.75rem !important;
    }
    main div[style*="grid-template-columns:repeat(5,1fr)"] {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 2rem 1.25rem !important;
    }
    .ci,
    .vi,
    .ai,
    .qi,
    .nav-dropdown-cols,
    .stat-grid {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
    .referral-flow {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 0.75rem;
    }
    .referral-step {
      width: 100%;
    }
    .referral-arrow {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      margin: 0.15rem 0;
    }
    .cta-btns {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .section-headline,
    .section-title {
      font-size: clamp(1.5rem, 5.5vw, 2.25rem);
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:1fr 1fr 1fr"],
    main div[style*="grid-template-columns:2fr 3fr"],
    main div[style*="grid-template-columns:1fr auto"],
    main div[style*="grid-template-columns:auto 1fr"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(4,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 1.75rem !important;
    }
    main section > div > div[style*="flex-direction:column;gap:3rem"] {
      gap: 2.5rem !important;
    }
    main
      section[style*="padding:2.5rem"]
      div[style*="grid-template-columns:repeat(3,1fr)"] {
      gap: 1rem !important;
    }
    main
      div[style*="grid-template-columns:1fr 1fr 1fr"][style*="max-width:900px"] {
      gap: 1rem !important;
    }
    main div[style*="grid-template-columns:1fr 1fr"][style*="gap:1rem"] {
      grid-template-columns: 1fr 1fr !important;
      gap: 1rem !important;
    }
    main div[style*="grid-template-columns:1fr 1fr"][style*="max-width:800px"] {
      gap: 1.5rem !important;
    }
    main
      div[style*="display:flex"][style*="flex-wrap:wrap"]
      > div[style*="width:calc(33.333%"] {
      width: 100% !important;
    }
    main
      section[style*="padding:2.5rem"]
      div[style*="grid-template-columns:repeat(4,1fr)"] {
      grid-template-columns: 1fr 1fr !important;
      gap: 1.5rem !important;
    }
    main
      div[style*="grid-template-columns:1fr 1fr 1fr"][style*="max-width:960px"],
    main
      div[style*="grid-template-columns:1fr 1fr 1fr"][style*="max-width:900px"] {
      gap: 1.5rem !important;
    }
    main #pricing .btn[style*="width:100%"] {
      width: auto !important;
      -ms-flex-item-align: start;
          align-self: flex-start;
    }
    
    main h2:not(.eyebrow) {
      font-size: clamp(1.5rem, 5.5vw, 2.25rem) !important;
    }
    .hero,
    .page-header {
      padding: 2.25rem 0;
    }
    .page-header-inner {
      grid-template-columns: 1fr;
      gap: 2rem;
    }
    .page-header-grid {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }
    .steps .step {
      grid-template-columns: 1fr;
      gap: 1.5rem;
      padding: 2rem 0;
    }
    .steps .step > div:has(> img.step-img) {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
    }
    .step-num {
      width: 36px;
      height: 36px;
      font-size: 0.875rem;
    }
    .step-h {
      font-size: 1rem;
    }
    .section-title {
      font-size: clamp(1.5rem, 5.5vw, 2.25rem);
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 1.5rem !important;
    }
    .cta-bar {
      padding: 3.5rem 0;
    }
    .cta-bar h2 {
      font-size: clamp(1.5rem, 5.5vw, 2.25rem);
    }
    .page-header-ctas,
    .cta-btns {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 0.75rem;
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:1fr 1fr 1fr"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(4,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 1.75rem !important;
    }
    main div[style*="grid-template-columns:1fr 1fr 1fr"] {
      gap: 3rem !important;
    }
    main div[style*="grid-template-columns:repeat(4,1fr)"] {
      gap: 1.5rem !important;
    }
    main img {
      border-radius: 10px;
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:1fr 1fr 1fr"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 1.25rem !important;
    }
    main
      section
      div[style*="grid-template-columns:1fr 1fr"][style*="gap:5rem"] {
      gap: 2.5rem !important;
    }
    #intake-form input,
    #intake-form textarea,
    #intake-form select {
      font-size: 1rem !important;
    }
    #hubspot-scheduler {
      padding: 1rem 0;
    }
    main section > div > div > div > div[style*="min-height:480px"] {
      min-height: 420px !important;
      padding: 1.5rem !important;
    }
    .h1-page {
      font-size: clamp(1.75rem, 7.5vw, 2.5rem);
    }
    .sub-page {
      font-size: 1rem;
    }
    main div[style*="grid-template-columns:1fr 1fr"],
    main div[style*="grid-template-columns:1fr 1fr 1fr"],
    main div[style*="grid-template-columns:repeat(3,1fr)"],
    main div[style*="grid-template-columns:repeat(2,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 1.5rem !important;
    }
    main section table {
      font-size: 0.8125rem !important;
    }
    main section table th,
    main section table td {
      padding: 0.625rem 0.5rem !important;
    }
    .cmp-head {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-align: start !important;
          -ms-flex-align: start !important;
              align-items: flex-start !important;
      gap: 0.25rem !important;
    }
    .cmp-rec {
      font-size: 0.55rem !important;
      letter-spacing: 0.03em !important;
      padding: 0.15rem 0.4rem !important;
      white-space: nowrap;
    }
    main #calculator > div div[style*="display:flex;gap:0"] {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    main .dsz {
      -webkit-box-flex: 1 !important;
          -ms-flex: 1 1 33% !important;
              flex: 1 1 33% !important;
      font-size: 0.75rem !important;
      padding: 0.5rem 0 !important;
      min-width: 0;
    }
    main #calculator div[style*="width:fit-content"] {
      width: 100% !important;
    }
    main .lft {
      -webkit-box-flex: 1 !important;
          -ms-flex: 1 1 50% !important;
              flex: 1 1 50% !important;
      font-size: 0.75rem !important;
      padding: 0.5rem 0.75rem !important;
      min-width: 0;
    }
    main #calculator > div > div[style*="padding:2rem 2rem 1.5rem"] {
      padding: 1.5rem 1.25rem 1.25rem !important;
    }
    main
      #calculator
      > div
      > div[style*="padding:2rem 2rem"][style*="text-align:center"] {
      padding: 1.5rem 1.25rem !important;
    }
    main #calculator > div > div[style*="padding:1.25rem 2rem"] {
      padding: 1rem 1.25rem !important;
    }
    main #calculator details summary {
      padding: 1rem 1.25rem !important;
    }
    main #calculator details > div[style*="padding:0 2rem"] {
      padding: 0 1.25rem 1.25rem !important;
    }
    main
      #calculator
      details
      > div[style*="display:grid;grid-template-columns:1fr 1fr"] {
      grid-template-columns: 1fr !important;
    }
    .careers-row,
    .awards-row {
      grid-template-columns: 1fr;
      gap: 2rem;
    }
    .careers-row-rev > div:first-child {
      -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
              order: 0;
    }
    .values-grid {
      grid-template-columns: 1fr 1fr;
    }
    .awards-imgs {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .brand-cols,
    .brand-imgs-3,
    .brand-grid-6,
    .swatch-grid,
    .contrast-grid {
      grid-template-columns: 1fr 1fr;
    }
    .lp-hero,
    .lp-two {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 768px) {
    .legal-row {
      grid-template-columns: 1fr;
      gap: 1rem;
      padding: 1.75rem 0;
    }
    .nf-stage {
      max-width: 440px;
    }
    .maze-text .cta-btns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
    }
    .field-grid,
    .example-list {
      grid-template-columns: 1fr;
    }
    .sitemap-grid {
      grid-template-columns: 1fr;
    }
    .post-featured {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
    .search-results-grid {
      grid-template-columns: 1fr;
    }
    .lp-steps {
      grid-template-columns: 1fr;
      gap: 2.5rem;
    }
    .dc-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 600px) {
    .bio-head {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      gap: 1.25rem;
    }
    .postgrid {
      grid-template-columns: 1fr;
    }
    .fg {
      grid-template-columns: 1fr;
    }
    .brand-cols,
    .brand-imgs-3,
    .brand-grid-6,
    .swatch-grid,
    .contrast-grid {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 480px) {
    .wrap {
      padding: 0 1rem;
    }
    .section {
      padding: 3rem 0;
    }
    main div[style*="grid-template-columns:repeat(6,1fr)"] {
      grid-template-columns: 1fr !important;
    }
    .hero-stats {
      gap: 1.25rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .hero-stats > div {
      width: 100%;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
    }
    .fg {
      grid-template-columns: 1fr;
      gap: 1.75rem;
    }
    main > div:first-of-type {
      padding: 2rem 0 !important;
    }
    
    main > section:not(.hero) {
      padding: 2.5rem 0 !important;
    }
    main h1 {
      font-size: clamp(1.625rem, 8vw, 2.125rem) !important;
    }
    main div[style*="width:120px"] {
      width: 70px !important;
      font-size: 0.75rem !important;
    }
    .tl-labels {
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    main div[style*="grid-template-columns:repeat(5,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 2rem !important;
    }
    main div[style*="grid-template-columns:1fr 1fr"][style*="gap:1rem"] {
      grid-template-columns: 1fr !important;
    }
    main
      section[style*="padding:2.5rem"]
      div[style*="grid-template-columns:repeat(4,1fr)"] {
      grid-template-columns: 1fr !important;
      gap: 1.25rem !important;
    }
    
    main h2:not(.eyebrow) {
      font-size: clamp(1.375rem, 6.5vw, 1.875rem) !important;
    }
    .hero,
    .page-header {
      padding: 2rem 0;
    }
    .page-header-h1 {
      font-size: clamp(1.625rem, 8vw, 2.125rem);
    }
    .section-title {
      font-size: clamp(1.375rem, 6.5vw, 1.875rem);
    }
    .h1-page {
      font-size: clamp(1.625rem, 8vw, 2.125rem);
    }
    .values-grid {
      grid-template-columns: 1fr;
    }
    .dc-grid {
      grid-template-columns: 1fr;
    }
  }
  

  
  .btn-lg {
    font-size: 1rem;
    padding: 1rem 2.25rem;
  }
  .btn-block {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  
  .grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--card-gap);

    @media (max-width: 760px) {
      grid-template-columns: 1fr;
    }
  }
  .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--card-gap);

    @media (max-width: 860px) {
      grid-template-columns: 1fr 1fr;
    }
    @media (max-width: 600px) {
      grid-template-columns: 1fr;
    }
  }
  .grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--card-gap);

    @media (max-width: 860px) {
      grid-template-columns: 1fr 1fr;
    }
    @media (max-width: 600px) {
      grid-template-columns: 1fr;
    }
  }

  
  .stat-num {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.1;
  }
  .stat-num.blue {
    color: var(--blue-acc);
  }
  .stat-num.yellow {
    color: var(--yellow);
  }
  .stat-label {
    font-size: 0.8125rem;
    color: var(--i65);
    margin-top: 0.25rem;
  }

  
  .price {
    font-size: 2rem;
    font-weight: 700;
    color: var(--ink);
  }
  .price-unit {
    font-size: 0.9rem;
    color: var(--i65);
  }

  
  .callout {
    background: rgba(32, 57, 157, 0.04);
    border: 1px solid rgba(32, 57, 157, 0.1);
    border-radius: 10px;
    padding: 1.5rem 1.75rem;

    & > :last-child {
      margin-bottom: 0;
    }
  }

  
  .caption {
    font-size: 0.8125rem;
    color: var(--i40);
    line-height: 1.5;
    margin-top: 0.875rem;
  }

  
  .card-img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 0.5rem;
  }

  
  .plain-link {
    display: block;
    color: inherit;
    text-decoration: none;
  }

  
  .video-embed {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    overflow: hidden;
    background: #000;

    & iframe {
      width: 100%;
      height: 100%;
      border: 0;
    }
  }

  
  .avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 auto 1rem;
  }
  .person-name {
    font-size: 1rem;
    font-weight: 700;
    color: var(--ink);
  }
  .person-role {
    font-size: 0.8125rem;
    color: var(--i65);
    margin-top: 0.25rem;
  }

  
  .step-num.alt {
    background: var(--yellow);
    color: var(--ink);
  }

  
  .eyebrow.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .eyebrow-m {
    color: var(--i40);
  }

  
  .section-ink .section-title,
  .section-ink .feature-heading {
    color: var(--w);
  }
  .section-ink .lead,
  .section-ink .feature-body {
    color: var(--od);
  }
  .section-ink .stat-num {
    color: var(--yellow);
  }
  .section-ink .stat-label,
  .section-ink .caption {
    color: rgba(255, 255, 255, 0.7);
  }
  .section-ink .callout {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  .section-ink .testimonial-quote {
    color: var(--w);
  }
  .section-ink .testimonial-cite {
    color: rgba(255, 255, 255, 0.7);
  }
  .section-ink .testimonial-dots .testimonial-dot::after {
    background: rgba(255, 255, 255, 0.35);
  }
  .section-ink .testimonial-dots .testimonial-dot.active::after,
  .section-ink .testimonial-dots .testimonial-dot[aria-pressed="true"]::after {
    background: var(--yellow);
  }
  @media (hover: hover) {
    .section-ink .testimonial-dots .testimonial-dot:hover::after {
      background: rgba(255, 255, 255, 0.7);
    }
  }
}@layer utilities{.measure {
    max-width: 820px;
    margin-inline: auto;
  }
  
  .measure-sm {
    max-width: 640px;
    margin-inline: auto;
  }
  
  .center {
    text-align: center;
  }
  
  .mb-sm {
    margin-bottom: 0.75rem;
  }
  .mb-md {
    margin-bottom: 1.5rem;
  }
  .mb-lg {
    margin-bottom: 2.5rem;
  }
  .mb-xl {
    margin-bottom: 3rem;
  }
  .mt-lg {
    margin-top: 2.5rem;
  }
  
  .mt-auto {
    margin-top: auto;
  }
}