.cta-group-header {
            display: inline-flex;
            align-items: center;
            gap: 15px;                 /* Figma gap: 15px */
        }

        /* --- Shared button base --- */
      .cta-group-header  .cta-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 41px;              /* Figma h: 41px */
            padding: 10px 16px 13px;   /* Figma pad: T:10 R:16 B:13 L:16 */
            border-radius: 50px;       /* Figma cornerRadius: 50 */
            font-family: 'Inter', sans-serif;
            font-size: 15px;
            font-weight: 600;
            line-height: 1;
            cursor: pointer;
            white-space: nowrap;
            text-decoration: none;
            transition: all ease-in-out 0.2s;
        }

      .cta-group-header  .cta-btn:hover {
             background: #111827;
             color: #fff
        }

      .cta-group-header  .cta-btn--dark:hover {
             background: #000;
             color: #fff
        }
        /* Start Free Trial — outline */
       .cta-group-header .cta-btn--outline {
            width: 175px;              /* Figma w: 175px */
            background: #ffffff;
            color: #111827;            /* Figma text fill: #111827 */
            border: 1px solid #111827; /* Figma stroke: #111827, weight: 1 */
        }

        /* Book a Demo — dark filled */
      .cta-group-header  .cta-btn--dark {
            width: 178px;              /* Figma w: 178px */
            background: #111827;       /* Figma fill: #111827 */
            color: #ffffff;            /* Figma text fill: #ffffff */
            border: none;
        }