* { -webkit-font-smoothing: antialiased; box-sizing: border-box; }
html, body { margin: 0px; min-height: 100%; }
button:focus-visible { outline: 2px solid #4a90e2 !important; outline: -webkit-focus-ring-color auto 5px !important; }
a { text-decoration: none; }
.header { display: flex; width:100%; max-width:1440px; margin:0 auto; align-items: center; justify-content: space-between; padding: 26px 10px; position: relative; flex: 0 0 auto; background-color: transparent; }
.header .group { position: relative; width: 173px; height: 38.96px; }
.header .nav { display: inline-flex; align-items: center; gap: 32px; position: relative; flex: 0 0 auto; }
.header .link { display: inline-flex; align-items: center; position: relative; flex: 0 0 auto; }
.header .text-wrapper { width: fit-content; font-weight: 500; color: #46464f; white-space: nowrap; position: relative; display: flex; align-items: center; font-family: "Inter", Helvetica; font-size: 16px; letter-spacing: 0; line-height: 24px; }
.header .div-2 { display: inline-flex; flex-direction: column; align-items: flex-start; position: relative; flex: 0 0 auto; }
.header .text-wrapper-2 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 500; color: #46464f; font-size: 16px; letter-spacing: 0; line-height: 24px; white-space: nowrap; }
.header .container { display: inline-flex; align-items: center; gap: 23.99px; position: relative; flex: 0 0 auto; }
.header .text { font-family: "Inter", Helvetica; font-weight: 600; color: #ba002c; font-size: 16px; letter-spacing: 0.16px; line-height: 20px; position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; white-space: nowrap; }
.header .div-wrapper { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 12px 24px; background-color: #ba002c; border-radius: 8px; position: relative; flex: 0 0 auto; }
.header .text-2 { font-family: "Inter", Helvetica; font-weight: 600; color: #ffffff; font-size: 16px; letter-spacing: 0.16px; line-height: 20px; position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; white-space: nowrap; }
.header .login-container { display: none; }
.header .menu-toggle { display: none; }
@media (max-width: 1024px) {
.header { background: #fff; position: relative; }
.header > .container { display: none; }
.header .menu-toggle { display: flex; position: relative; width: 40px; height: 40px; justify-content: center; align-items: center; background: transparent; border: none; cursor: pointer; z-index: 1001; }
.header .menu-toggle span { position: absolute; width: 28px; height: 3px; background: #BA002C; border-radius: 50px; transition: .3s ease; }
.header .menu-toggle span:nth-child(1) { transform: translateY(-8px); }
.header .menu-toggle span:nth-child(2) { transform: translateY(0); }
.header .menu-toggle span:nth-child(3) { transform: translateY(8px); }
.header .menu-toggle.active span:nth-child(1) { transform: rotate(45deg); }
.header .menu-toggle.active span:nth-child(2) { opacity: 0; }
.header .menu-toggle.active span:nth-child(3) { transform: rotate(-45deg); }
.header .nav { position: absolute; top:100%; left:0; width:100%; background:#fff; display:flex; flex-direction:column; gap:20px; padding:30px 20px; transform: translateY(-20px); opacity:0; visibility:hidden; pointer-events:none; transition:.3s ease; }
.header .nav.active { transform: translateY(0); opacity:1; visibility:visible; pointer-events:auto; z-index: 999; }
.header .login-container { display: flex; flex-direction: column; gap: 20px; align-items: center; }
}
.section-FINAL-CTA { display: flex; align-items: center; gap: 54px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; justify-content: end; background-color: #f7f8fa; }
.section-FINAL-CTA .container-41 { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; max-width: 660px; position: relative; flex: 1; flex-grow: 1; padding-left: 10px; }
.section-FINAL-CTA .text-wrapper-32 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 700; color: #0d1046; font-size: 48px; letter-spacing: 0; line-height: 57.6px; }
.section-FINAL-CTA .text-wrapper-33 { position: relative; display: flex; align-items: center; align-self: stretch; font-family: "Inter", Helvetica; font-weight: 400; color: #46464f; font-size: 18px; letter-spacing: 0; line-height: 28px; }
.section-FINAL-CTA .button-4 { all: unset; box-sizing: border-box; display: inline-flex; flex-direction: column; justify-content: center; padding: 16px 32px; background-color: #ffffff; border-radius: 8px; border: 2px solid; border-color: #0d1046; align-items: center; position: relative; flex: 0 0 auto; }
.section-FINAL-CTA .rectangle { position: relative; width: 50%; object-fit: cover; height: 100%; }
.footer-FOOTER { display: flex; flex-direction: column; align-items: flex-start; padding: 80px 10px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: #0d1046; border-top-width: 1px; border-top-style: solid; border-color: #ffffff0d; }
.footer-FOOTER .container-42 { display: flex; flex-direction: column; align-items: flex-start; gap: 80px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; max-width: 1440px; margin: 0 auto; }
.footer-FOOTER .container-43 { display: flex; align-items: flex-start; justify-content: center; gap: 32px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; justify-content: space-between; }
.footer-FOOTER.container-44 { display: flex; flex-direction: column; align-items: flex-start; gap: 24.09px; padding: 0px 0px 42.41px; position: relative; flex: 1; flex-grow: 1; }
.footer-FOOTER .group-3 { position: relative; width: 190.7px; height: 42.95px; }
.footer-FOOTER .container-45 { display: flex; flex-direction: column; max-width: 417px; align-items: flex-start; position: relative; width: 100%; flex: 0 0 auto; }
.footer-FOOTER .text-wrapper-34 { position: relative; display: flex; align-items: center; max-width: 417px; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #8b8fca; font-size: 16px; letter-spacing: 0; line-height: 24px; padding-top: 24px; }
.footer-FOOTER .container-46 { display: flex; flex-direction: column; max-width: 189px; align-items: flex-start; gap: 24px; position: relative; }
.footer-FOOTER .text-wrapper-35 { position: relative; display: flex; align-items: center; align-self: stretch; margin-top: -1px; font-family: "Manrope", Helvetica; font-weight: 400; color: #ffffff; font-size: 18px; letter-spacing: 0; line-height: 28px; font-style: normal;}
.footer-FOOTER .text-wrapper-36 { align-self: stretch; margin-top: -1px; font-weight: 400; color: #8b8fca; position: relative; display: flex; align-items: center; font-family: "Inter", Helvetica; font-size: 16px; letter-spacing: 0; line-height: 24px; }
.footer-FOOTER .container-47 { display: flex; flex-direction: column; max-width: 189px; align-items: flex-start; gap: 24px; padding: 0px 0px 80px; position: relative; }
.footer-FOOTER .item { align-items: center; gap: 12px; display: flex; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; padding-bottom: 16px; }
.footer-FOOTER .icon-20 { position: relative; width: 11.08px; height: 8.75px; }
.footer-FOOTER .text-3 {font-style: normal; font-family: "Inter", Helvetica; font-weight: 400; color: #8b8fca; font-size: 16px; letter-spacing: 0; line-height: 24px; position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; white-space: nowrap; }
.footer-FOOTER .icon-21 { position: relative; width: 9.92px; height: 9.92px; }
.footer-FOOTER .horizontal-border { display: flex; align-items: center; justify-content: space-between; padding: 32px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; border-top-width: 1px; border-top-style: solid; border-color: #ffffff1a; }
.footer-FOOTER .text-wrapper-37 { position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; font-family: "Inter", Helvetica; font-weight: 400; color: #8b8fca; font-size: 14px; letter-spacing: 0; line-height: 20px; white-space: nowrap; }
.footer-FOOTER .container-48 { display: inline-flex; align-items: flex-start; gap: 31.99px; position: relative; flex: 0 0 auto; }
.footer-FOOTER .link-2 { display: inline-flex; flex-direction: column; align-items: flex-start; align-self: stretch; position: relative; flex: 0 0 auto; }
.footer-FOOTER { width: 100%; }
.section-FINAL-CTA .button { all: unset; box-sizing: border-box; display: inline-flex; justify-content: center; gap: 8px; padding: 18px 32px; background-color: #ba002c; border-radius: 8px; align-items: center; position: relative; flex: 0 0 auto; color: white; cursor: pointer; }
.section-FINAL-CTA .text-wrapper-5 { justify-content: center; font-family: "Inter", Helvetica; font-weight: 600; color: #ffffff; font-size: 16px; text-align: center; letter-spacing: 0.16px; line-height: 20px; position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; white-space: nowrap; }
.section-FINAL-CTA .text-wrapper-6 { position: relative; display: flex; align-items: center; justify-content: center; width: fit-content; font-family: "Inter", Helvetica; font-weight: 600; color: #0d1046; font-size: 16px; text-align: center; letter-spacing: 0.16px; line-height: 20px; white-space: nowrap; }
.section-FINAL-CTA .div-4 { display: flex; align-items: flex-start; gap: 16px; padding: 17.2px 0px 0px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.section-FINAL-CTA .button-4 { all: unset; box-sizing: border-box; display: inline-flex; flex-direction: column; justify-content: center; padding: 16px 32px; background-color: #ffffff; border-radius: 8px; border: 2px solid; border-color: #0d1046; align-items: center; position: relative; flex: 0 0 auto; cursor: pointer; }
.footer-FOOTER .div-wrapper-2 { display: flex; flex-direction: column; align-items: flex-start; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; padding-bottom: 16px; }
.section-FINAL-CTA .text-wrapper-5 { justify-content: center; font-family: "Inter", Helvetica; font-weight: 600; color: #ffffff; font-size: 16px; text-align: center; letter-spacing: 0.16px; line-height: 20px; position: relative; display: flex; align-items: center; width: fit-content; margin-top: -1px; white-space: nowrap; }
.footer-FOOTER .div-wrapper-21 { padding-bottom: 0; }
@media(max-width:1100px) {
.footer-FOOTER { width: 100%; padding-left: 10px; padding-right: 10px; }
.section-FINAL-CTA { flex-direction: column; }
.section-FINAL-CTA .rectangle { width: 100%; }
.section-FINAL-CTA .container-41 { max-width: 100%; padding: 50px 10px 0; }
}
@media(max-width:760px) {
.footer-FOOTER { padding: 64px 10px; }
.footer-FOOTER .container-43 { flex-direction: column; }
.footer-FOOTER .container-46, .footer-FOOTER .container-47, .footer-FOOTER .text-wrapper-34, .footer-FOOTER .container-45 { width: 100%; max-width: 100%; }
.footer-FOOTER .container-47 { padding-bottom: 0; }
.footer-FOOTER .div-wrapper-21 { padding-bottom: 0; }
.footer-FOOTER .container-42 { gap: 40px; }
.footer-FOOTER .horizontal-border { align-items: flex-start; flex-direction: column; gap: 20px; }
.footer-FOOTER .container-48 { display: flex; width: 100%; justify-content: space-between; }
.section-FINAL-CTA .div-4 { flex-wrap: wrap; }
.section-FINAL-CTA .container-41 { width: 100%; margin:0 auto; max-width: 100%; }
.section-FINAL-CTA .text-wrapper-32 { width: auto; max-width: 100%; font-size: 36px; line-height: 1.2; white-space: normal; }
}

/* 1440px viewport only — 100px left/right content gutters on all pages.
   Does not apply at other widths (e.g. 1890px, tablet, mobile). */
@media (min-width: 1440px) and (max-width: 1536px) {
  .header,.footer-FOOTER,.home > section:not(.section-FINAL-CTA),.product > main > section,.about-us > main > section,.solutions > section:not(.section-FINAL-CTA),.support-help-center > section:not(.section-FINAL-CTA),.learn-academy > main > section,.webinars > .main > section,.pricing,.pricing ~ .section-FAQ,.fc-demo,.trusted_section,body > .bento-grid-section,.blog > .main,.blog-detail > .main,.contact > .main,.webinar-detail > .main,  .home .section-HERO{padding-left: 100px !important;padding-right: 100px !important;}
  /* FINAL CTA: left text gets 100px margin; right image stays full-bleed (no right gap) */
  .section-FINAL-CTA {padding-left: 0 !important;padding-right: 0 !important;}
  .section-FINAL-CTA .container-41{padding-left: 100px !important;padding-right: 0 !important;}
  .section-FINAL-CTA .rectangle{margin-right: 0;padding-right: 0;}
}