/* Hero video */
	.hero-media {
        position: relative;
        height: 626px;
        overflow: hidden;
      }
      
      /* Fallback image */
      .hero-fallback {
        position: absolute;
        inset: 0;
        background-image: url("https://financial-cents-test.on-forge.com/wp-content/uploads/2025/07/fc-dashboard.svg");
      border-radius: 8px;
        background-size: cover;
        background-position: left top;
        background-repeat: no-repeat;
      }
      
      /* Video overlay */
      .hero-video {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left top;
        opacity: 0;
        transition: opacity 0.3s ease;
      border-radius: 10px;
          margin-left: -2px;
      }
      
      /* Tablet */
      
      @media (max-width: 1024px){
      .hero-media{
      height: 416px;
      }
          
      .gb-tabs-peek-fade{
              width: 40px !important;
      }
          
      .gb-tabs__items.gb-tabs-peek-active .gb-tabs__item {
          flex: 0 0 auto !important;
          width: 100% !important;
          min-width: auto !important;
      }
      
      }
      
      /* Mobile: no video */
      @media (max-width: 767px) {
        .hero-video {
          display: none;
        }
      .hero-fallback{
      height: 280px;
      }
          
          .fc-flow-bg{
              transform: rotate(90deg);
          }
          
          .gb-tabs-peek-fade-left{
      width: 30px !important;
          }
          .gb-tabs-peek-fade{
              width: 30px !important;
          }
      }
      
      /* Reduced motion */
      @media (prefers-reduced-motion: reduce) {
        .hero-video {
          display: none;
        }
      }
          
      /* Floating cards */
          
          .customer-quote{
              padding-left: 10px;
              border-left: 2px solid;
              border-color: var(--green-strong);
          }
          
            .fc-float-card {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          background: #fff;
          border: 1px solid #e5e7eb;
          border-radius: 8px;
          box-shadow: 0 10px 24px rgba(17, 24, 39, 0.08), 0 2px 6px rgba(17, 24, 39, 0.04);
          padding: 14px 16px;
          font-family: 'Inter', 'sans-serif';
          font-size: 13px;
          color: #6b7280;
          animation: fcFloatY 6s ease-in-out infinite;
        }
        .fc-float-card__icon {
          width: 28px;
          height: 28px;
          border-radius: 999px;
          background: #ecfdf5;            /* green-50 */
          color: #059669;                 /* brand green */
          display: inline-flex;
          align-items: center;
          justify-content: center;
          flex: 0 0 auto;
        }
          
          .fc-workflow-icon{
              width: 16px;
          height: 16px;
          }
        .fc-float-card__icon ion-icon { font-size: 18px; }
        .fc-float-card__title {
          font-weight: 700;
          color: #111827;
          line-height: 1.2;
        }
        .fc-float-card__sub {
          color: #6b7280;
          font-size: 12px;
          line-height: 1.3;
          margin-top: 2px;
        }
        @keyframes fcFloatY {
          0%, 100% { transform: translateY(0); }
          50%      { transform: translateY(-8px); }
        }
          
      /* HubSpot Form Style*/
          
          :root {
        --hsf-erroralert__font-size: 13px;
        --hsf-background__padding: 0 !important;
        --hsf-global__font-family: 'inter';
        --hsf-global__font-size: 15px;
        --hsf-field-input__padding: 10px;
        --hsf-row__vertical-spacing: 15px;
        --hsf-module__vertical-spacing: 10px;
        --hsf-button__font-size: 18px;
        --hsf-button__border-radius: 0 10px 10px 0;
        --hsf-button__padding: 10px 20px 10px 20px;
        --hsf-row__horizontal-spacing: 10px;
        --hsf-field-input__border-radius: 10px 0 0 10px;
        --hsf-field-input__placeholder-color: #00000094;
      }
      
      [data-hsfc-id=Renderer] .hsfc-Row {
        width: auto;
        display: flex;
        flex: 1 1 auto;
      }
      
      .hsfc-Step .hsfc-Step__Content {
        display: flex !important;
        flex-wrap: nowrap;
        align-items: center;
      }
      
      .hsfc-EmailField {
        width: 100% !important; /* ← NOVO */
      }
      
      [data-hsfc-id=Renderer] .hsfc-NavigationRow {
        margin-top: -20px !important;
        flex: 0 0 auto !important;
      }
      
      [data-hsfc-id=Renderer] .hsfc-ReCaptchaV2 {
        display: none;
      }
      
      [data-hsfc-id=Renderer] .hsfc-TextInput {
        --hsf-field-input__border-radius: 10px 0 0 10px;
      }
      
      /* ── Mobile ── */
      @media (max-width: 600px) {
        .hsfc-Renderer,
        .hsfc-FormWrapper,
        .hsfc-Form,
        .hsfc-Step,
        .hsfc-Step__Content {
          width: 100% !important;
          max-width: 100% !important;
        }
      
        .hsfc-Step .hsfc-Step__Content {
          flex-wrap: wrap !important; /* ← NOVO: volta wrap no mobile */
        }
      
        .hsfc-Row,
        .hsfc-EmailField,
        .hsfc-TextInput {
          width: 100% !important;
          flex: 1 1 100% !important;
          min-width: 0 !important;
          box-sizing: border-box !important;
        }
      
        .hsfc-NavigationRow,
        .hsfc-NavigationRow__Buttons {
          width: 100% !important;
          flex: 1 1 100% !important;
          display: flex !important;
        }
      
        .hsfc-Button {
          width: 100% !important;
          flex: 1 1 100% !important;
          box-sizing: border-box !important;
        }
      
        /* Full rounded corners for stacked layout */
        [data-hsfc-id=Renderer] .hsfc-TextInput {
          --hsf-field-input__border-radius: 10px !important;
        }
      
        [data-hsfc-id=Renderer] .hsfc-Button,
        .hsfc-Button {
          --hsf-button__border-radius: 10px !important;
          border-radius: 10px !important;
        }
      }
          
      /* All in One Flow Section */
          
      /* One Flow Section */
      
      /* Clip the flow effect to the right panel */
      .gb-element-046ac56b {
        position: relative;
        overflow: hidden;
      }
      
      /* Logo card sits above the SVG flow */
      .flow-and-logo {
        position: relative;
        z-index: 1;
      }
      
      /* SVG container fills the right panel */
      .fc-flow-bg {
        position: absolute;
        inset: 0;
      left: 30%;
        width: 50%;
        height: 100%;
        pointer-events: none;
        z-index: 0;
      }
      
      .fc-flow-bg svg {
        width: 100%;
        height: 100%;
        display: block;
      }
      
      /* Each path gets its own animation timing for a natural staggered flow */
      .fc-flow-bg path:nth-child(1) { animation: fcFlowDash 2.5s linear 0s    infinite; }
      .fc-flow-bg path:nth-child(2) { animation: fcFlowDash 3s   linear 0.35s infinite; }
      .fc-flow-bg path:nth-child(3) { animation: fcFlowDash 3.5s linear 0.7s  infinite; }
      
      @keyframes fcFlowDash {
        from { stroke-dashoffset: 0; }
        to   { stroke-dashoffset: -20; }
      }
      
      /* Respect users' reduced-motion preference */
      @media (prefers-reduced-motion: reduce) {
        .fc-flow-bg path { animation: none; }
      }
      
      /* Mobile: rotate the flow 90° so it points downward toward the stacked logo */
      @media (max-width: 767px) {
        .fc-flow-bg {
          transform: rotate(90deg);
      left: 25%;
        }
      }
          
          /* Scrolling logo section */
      
      .fc-logo-marquee-section {
        background: #ffffff;
      }
      .fc-logo-marquee-track {
        position: relative;
        overflow: hidden;
      }
      .fc-logo-marquee-track::before,
      .fc-logo-marquee-track::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 80px;
        z-index: 2;
        pointer-events: none;
      }
      .fc-logo-marquee-track::before {
        left: 0;
        background: linear-gradient(to right, #ffffff, transparent);
      }
      .fc-logo-marquee-track::after {
        right: 0;
        background: linear-gradient(to left, #ffffff, transparent);
      }
      .fc-logo-marquee-inner {
        display: flex;
        align-items: center;
        gap: 64px;
        width: max-content;
        animation: fc-scroll 30s linear infinite;
      }
      .fc-logo-marquee-inner:hover {
        animation-play-state: paused;
      }
      @keyframes fc-scroll {
        from { transform: translateX(0); }
        to   { transform: translateX(-50%); }
      }
      .fc-logo-item {
        flex-shrink: 0;
        display: flex;
        align-items: center;
      }
      .fc-logo-img {
        height: 36px;
        width: auto;
        display: block;
        opacity: 0.45;
        transition: opacity .25s, filter .25s;
      }
      .fc-logo-img:hover {
        opacity: 0.8;
      }
      @media (max-width: 768px) {
        .fc-logo-marquee-section { padding: 36px 0; }
        .fc-logo-marquee-track::before,
        .fc-logo-marquee-track::after { width: 60px; }
        .fc-logo-marquee-inner { gap: 44px; animation-duration: 22s; }
        .fc-logo-img { height: 28px; }
      }
      @media (prefers-reduced-motion: reduce) {
        .fc-logo-marquee-inner { animation: none; }
      }
          
      /* Demo floating button */
      
          .demo-floating-button {
        right: -120px;
        transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }
      
      .demo-floating-button.is-visible {
        right: 0;
      }
          
      /* Pulse Button Styling */
      
      @keyframes tab-border-pulse {
        0% {
          box-shadow: 0 0 0 0px rgba(0, 26, 49, 0.7);
          border-color: rgba(0, 26, 49, 0.7);
        }
        50% {
          box-shadow: 0 0 0 8px rgba(0, 26, 49, 0);
          border-color: rgba(0, 26, 49, 0.9);
        }
        100% {
          box-shadow: 0 0 0 0px rgba(0, 26, 49, 0);
          border-color: rgba(0, 26, 49, 0.7);
        }
      }
      
      .gb-tabs__menu-item--upcoming {
        animation: tab-border-pulse 1.5s ease-in-out infinite !important;
        border: 2px solid var(--navy-dark) !important;
        border-radius: 10px !important;
        position: relative !important;
        transition: border-color 0.3s ease !important;
      }
      
      .gb-tabs__menu-item--upcoming::before {
        content: '';
        position: absolute;
        inset: -2px;
        border-radius: 10px;
        animation: tab-border-pulse 1.5s ease-in-out infinite 0.3s !important;
        pointer-events: none;
      }
          
      /* ── GB Tabs Peek Slider ─────────────────────────────────────────────────── */
      
      /* NEW: make the tabs block span the full section width (kill the old 1280px offset) */
      .gb-element-ec60a1c6 {            /* outer wrapper of the .gb-tabs block */
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      
      /* NEW: center the tab menu (the buttons row) */
      .gb-tabs > [role="tablist"],
      .gb-tabs .gb-tabs__menu {
        justify-content: center !important;
        flex-wrap: wrap;
      }
      
      .gb-tabs-peek-wrapper {
        position: relative;
        overflow: hidden;
        width: 100% !important;
        z-index: 6;
      }
      
      /* Sliding track */
      .gb-tabs__items.gb-tabs-peek-active {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1) !important;
        will-change: transform;
      }
      
      /* Each panel slide */
      .gb-tabs__items.gb-tabs-peek-active .gb-tabs__item {
        display: flex;
        flex: 0 0 1350px;
        width: 1350px;
        min-width: 1350px;
        box-sizing: border-box;
      }
      
      /* Right-edge fade overlay */
      .gb-tabs-peek-fade {
        position: absolute;
        top: 0;
        right: 0;
        width: 140px;
        height: 100%;
        background: linear-gradient(
          to right,
          rgba(255, 255, 255, 0)    0%,
          rgba(255, 255, 255, 0.55) 35%,
          rgba(255, 255, 255, 0.88) 65%,
          rgba(255, 255, 255, 0.97) 85%,
          rgb(255, 255, 255)        100%
        );
        pointer-events: none;
        z-index: 50;
        transition: opacity 0.3s ease;
      }
      
      /* NEW: left-edge fade overlay (mirror of the right one) */
      .gb-tabs-peek-fade-left {
        position: absolute;
        top: 0;
        left: 0;
        width: 140px;
        height: 100%;
        background: linear-gradient(
          to left,
          rgba(255, 255, 255, 0)    0%,
          rgba(255, 255, 255, 0.55) 35%,
          rgba(255, 255, 255, 0.88) 65%,
          rgba(255, 255, 255, 0.97) 85%,
          rgb(255, 255, 255)        100%
        );
        pointer-events: none;
        z-index: 50;
        transition: opacity 0.3s ease;
      }