/* =====================================================================================================================
   FieldCore — styles for the 3 inner sections only
   All selectors are prefixed with .fc- so they won't collide with your existing globals.css / header / footer classes.
   All colors are driven from the :root variable block below — no hex values are used directly inside component rules.
========================================================================================================================*/
p,h1,h2,h3,h4,h5,h6{margin: 0;}
.header-wrapper { background-color:white; }
.fc-accent { color:#BA002C; }
.fc-eyebrow { display:inline-flex;align-items:center;padding:7px 16px;background:#ba002c1a;color:#BA002C;font-family:"Inter",Helvetica;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0.08em;text-transform:uppercase;border-radius:999px;margin-bottom:20px; }
.fc-demo { background:#f7f8fa;padding:96px 10px; }
.fc-demo__container { max-width:1440px;margin:0 auto; }
.fc-demo__head { max-width:800px;margin:0 auto 56px;text-align:center; }
.fc-demo__title { font-family:"Manrope",Helvetica;font-weight:700;font-size:clamp(28px,4vw,54px);line-height:67px;letter-spacing:-0.01em;margin:0 0 16px;color:#0D1046; }
.fc-demo__subtitle { font-size:18px;line-height:28px;color:#46464F;margin:0;font-family:"Inter",Helvetica; }
.fc-demo__body { display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start; }
.fc-demo__tabs { display:flex;flex-direction:column;gap:14px; }
.fc-demo__tabs-label { display:flex;align-items:center;gap:8px;font-family:"Manrope",Helvetica;font-size:24px;font-weight:700;line-height:33px;color:#0D1046;padding:0 2px 4px; }
.fc-demo__tabs-label svg { width:18px;height:18px;color:#BA002C; }
.fc-tab { display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;background:white;border:1px solid #E7E8ED;border-left:4px solid transparent;border-radius:12px;padding:18px 18px 18px 16px;cursor:pointer;font-family:inherit;box-shadow:0 6px 16px -12px rgba(11,14,51,.18);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.fc-tab:hover { box-shadow:0 10px 22px -12px rgba(11,14,51,.28); }
.fc-tab__row { display:flex;align-items:center;justify-content:space-between; }
.fc-tab__num { font-family:"Inter",Helvetica;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0.7px;color:#BA002C; }
.fc-tab__play { flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#46464F;transition:background .18s ease,color .18s ease,border-color .18s ease; }
.fc-tab__title { font-family:"Manrope",Helvetica;font-weight:400;font-size:20px;line-height:28px;color:#0D1046; }
.fc-tab__desc { font-family:"Inter",Helvetica;font-size:14px;line-height:20px;font-weight:400;color:#46464F; }
.fc-tab.is-active { border-left-color:#BA002C; }
.fc-tab.is-active .fc-tab__play { color:#BA002C; }
.fc-demo__player { display:flex;flex-direction:column;gap:14px; }
.fc-player { position:relative;height:455px;border-radius:18px;background:linear-gradient(180deg,black 0%,#0D1046 55%,#0D1046 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 48px -20px rgba(11,14,51,0.25);; }
.fc-player iframe { position:absolute;inset:0;width:100%;height:100%;border:0;display:block; }
.fc-player__phones { display:flex;align-items:flex-end; }
.fc-phone__card { height:42px;border-radius:8px;background:rgba(255,255,255,.08);margin:2px 0; }
.fc-player__play { position:absolute;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#BA002C;color:#fff;border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 24px -6px rgba(226,58,87,.6);transition:transform .18s ease,background .18s ease;z-index:3; }
.fc-player__play:hover { background:var(--fc-red-dark);transform:scale(1.05); }
.fc-player__play svg { width:40px;height:40px; }
.fc-player__meta { position:absolute;left:24px;bottom:22px;display:flex;flex-direction:column;gap:4px;max-width:60%;z-index:3; }
.fc-player__title { font-family:"Manrope",Helvetica;font-weight:700;font-size:24px;line-height:32px;color:white;font-weight:400; }
.fc-player__sub { font-family:"Inter",Helvetica;font-size:16px;color:#FFFFFF;line-height:24px;font-weight:400; }
.fc-player__progress { position:absolute;left:0;bottom:0;width:100%;height:4px;background:rgba(255,255,255,.15);z-index:5; }
.fc-player__progress-bar { width:0;height:100%;background:#BA002C; }
.fc-player__video { position:absolute;inset:0;z-index:4; }
.fc-player__video .fc-video { width:100%;height:100%;object-fit:cover;display:block; }
.fc-player__video iframe { width:100%;height:100%;border:0;display:block; }
.fc-player__close { position:absolute;top:14px;right:14px;z-index:5;width:34px;height:34px;border-radius:50%;border:none;background:white;color:#BA002C;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px); }
.fc-player__close svg { width:16px;height:16px; }
.fc-player__infobar { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; }
.fc-infobar__group { display:flex;align-items:center;gap:14px; }
.fc-infobar__item { display:flex;align-items:center;gap:7px;font-size:14px;line-height:20px;font-weight:600;font-family:"Inter",Helvetica;color:#46464F; }
.fc-infobar__divider { width:1px;height:16px;background:#E7E8ED; }
.fc-infobar__actions { position:relative;display:flex;align-items:center;gap:8px; }
.fc-infobar__btn { width:34px;height:34px;border-radius:10px;border:1px solid #E3E5EB;color:#161C27;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease; }
.fc-infobar__btn:hover { background:var(--fc-red-tint);color:#BA002C;border-color:var(--fc-red-tint); }
.fc-infobar__btn svg { width:16px;height:16px; }
.fc-infobar__toast { position:absolute;top:-34px;right:0;background:#12131A;color:white;font-family:"Inter",Helvetica;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(4px);z-index:999;transition:opacity .18s ease,transform .18s ease; }
.fc-infobar__toast.is-visible { opacity:1;transform:translateY(0); }
@media (max-width: 960px) {
  .fc-demo__body { grid-template-columns:1fr; }
  .fc-demo__title { font-size:40px;line-height:50px; }
  .fc-features__grid { grid-template-columns:1fr; }
}
@media (max-width: 560px) {
  .fc-demo { padding:64px 16px; }
  .fc-player__phones img { width:100%;height:100%; }
  .fc-player__phones { padding:10px; }
  .fc-player { min-height:300px;align-items:flex-start; }
  .fc-player__meta { max-width:90%; }
  .fc-player__infobar { justify-content:flex-start; }
  .fc-player__meta { bottom:60px; }
  .fc-player__play { width:50px;height:50px; }
  .fc-player__play svg { width:30px;height:30px; }
  .fc-player__infobar { justify-content:space-between;gap:10px; }
  .fc-infobar__divider { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  .fc-tab, .fc-player__play, .fc-feature-card, .fc-player__progress-bar, .fc-infobar__btn, .fc-infobar__toast { transition:none; }
}
.bento-grid-section { display:flex;flex-direction:column;align-items:flex-start;padding:150px 10px;position:relative;align-self:stretch;width:100%;flex:0 0 auto; }
.bento-grid-section .container-15 { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:491.58px 307px;height:fit-content;gap:32px;max-width:1440px;margin:0 auto; }
.bento-grid-section .main-feature { position:relative;grid-row:1 / 2;grid-column:1 / 3;width:100%;height:100%;object-fit:cover;border:1px solid #E3E5EB;padding:48px 0px 48px 48px;border-radius:18px;box-shadow:0px 3px 10.6px 4px rgba(0,0,0,0.03); }
.bento-grid-section .main-feature-img { position:absolute;top:0;right:0; }
.bento-grid-section .main-feature .heading { align-items:flex-start;max-width:562px; }
.bento-grid-section .main-feature .one-seamless-loop, .bento-grid-section .main-feature .text-wrapper-12 { text-align:start; }
.bento-grid-section .main-feature .one-seamless-loop { padding-bottom:16px; }
.bento-grid-section .main-feature .banner-bottom-div { gap:16px;flex-direction:column;justify-content:flex-start;align-items:flex-start;border:0; }
.bento-grid-section .split-grid { position:relative;grid-row:2 / 3;grid-column:2 / 3;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:40px;background-color:#ffffff;border-radius:18px;overflow:hidden;border:1px solid;border-color:#e3e5eb;box-shadow:0px 3px 10.6px 4px #00000008; }
.bento-grid-section .icon-6 { position:relative;width:24px;height:30px; }
.bento-grid-section .heading-2 { display:flex;flex-direction:column;align-items:flex-start;padding:8px 0px 0px;align-self:stretch;width:100%;position:relative;flex:0 0 auto; }
.bento-grid-section .text-wrapper-17 { position:relative;display:flex;align-items:center;align-self:stretch;margin-top:-1px;font-family:"Manrope",Helvetica;font-weight:700;color:#161c27;font-size:24px;letter-spacing:0;line-height:33.6px; }
.bento-grid-section .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; }
.bento-grid-section .div-wrapper-21 { padding-bottom:0; }
.bento-grid-section .text-wrapper-18 { position:relative;display:flex;align-items:center;align-self:stretch;margin-top:-1px;font-family:"Inter",Helvetica;font-weight:400;color:#777c88;font-size:16px;letter-spacing:0;line-height:24px; }
.bento-grid-section .background-border-3 { position:relative;grid-row:2 / 3;grid-column:1 / 2;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:40px;background-color:#ffffff;border-radius:18px;overflow:hidden;border:1px solid;border-color:#e3e5eb;box-shadow:0px 3px 10.6px 4px #00000008; }
.bento-grid-section .icon-7 { position:relative;width:27px;height:30px; }
.bento-grid-section .container-16 { display:flex;flex-direction:column;align-items:flex-start;position:relative;align-self:stretch;width:100%;flex:0 0 auto;margin-bottom:-8px; }
.bento-grid-section .background-border-4 { position:relative;grid-row:2 / 3;grid-column:3 / 4;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:40px;background-color:#ffffff;border-radius:18px;overflow:hidden;border:1px solid;border-color:#e3e5eb;box-shadow:0px 3px 10.6px 4px #00000008; }
.bento-grid-section .icon-8 { position:relative;width:30px;height:31.5px; }
.bento-grid-section .secondary-metric { position:relative;grid-row:1 / 2;grid-column:3 / 4;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:76.39px 32px;background-color:#0d1046;border-radius:18px; }
.bento-grid-section .background-wrapper { width:253.31px;height:112px;align-items:center;padding:0px 86.66px 32px;display:flex;flex-direction:column;position:relative; }
.bento-grid-section .background-2 { display:flex;width:80px;height:80px;align-items:center;justify-content:center;position:relative;background-color:#ba002c;border-radius:9999px; }
.bento-grid-section .replace-spreadsheets-wrapper { align-items:center;padding:0px 0px 24px;align-self:stretch;width:100%;flex:0 0 auto;display:flex;flex-direction:column;position:relative; }
.bento-grid-section .replace-spreadsheets { position:relative;display:flex;align-items:center;justify-content:center;width:300px;margin-top:-1px;font-family:"Inter",Helvetica;font-weight:700;color:#ededf3;font-size:20px;text-align:center;letter-spacing:1.6px;line-height:24px; }
.bento-grid-section .text-wrapper-19 { position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;font-family:"Inter",Helvetica;font-weight:400;color:#ededf3;font-size:16px;text-align:center;letter-spacing:0;line-height:24px; }
.bento-grid-section .text-wrapper-3 { position:relative;display:flex;align-items:center;width:fit-content;margin-top:-1px;font-family:"Inter",Helvetica;font-weight:400;color:#ba002c;font-size:16px;letter-spacing:0;line-height:24px;white-space:nowrap; }
.bento-grid-section .one-seamless-loop { position:relative;width:fit-content;font-family:"Manrope",Helvetica;font-weight:700;color:transparent;font-size:48px;text-align:center;letter-spacing:0;line-height:57.6px;padding-bottom:16px; }
.bento-grid-section .text-wrapper-12 { position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;margin-top:-1px;font-family:"Inter",Helvetica;font-weight:400;color:#46464f;font-size:18px;text-align:center;letter-spacing:0;line-height:28.8px; }
.bento-grid-section .main-feature .banner-bottom-div { gap:16px;flex-direction:column;justify-content:flex-start;align-items:flex-start;border:0; }
.bento-grid-section .banner-bottom-div { display:flex;flex-wrap:wrap;align-items:center;gap:24px 24px;padding:24px 0px 0px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;border-top-width:1px;border-top-style:solid;border-color:#e3e5eb; }
.bento-grid-section .banner-bottom { display:inline-flex;flex:0 0 auto;height:24px;align-items:center;gap:8px;position:relative; }
.bento-grid-section .text-wrapper-2 { position:relative;display:flex;align-items:center;width:fit-content;margin-top:-1px;font-family:"Inter",Helvetica;font-weight:400;color:#46464f;font-size:16px;letter-spacing:0;line-height:24px;white-space:nowrap; }
.bento-grid-section .text-wrapper-10 { color:#0d1046; }
.bento-grid-section .text-wrapper-11 { color:#ba002c; }
@media(max-width:1100px) {
  .bento-grid-section .container-15 { grid-template-columns:100%;grid-template-rows:auto;gap:15px;width:100%; }
  .bento-grid-section .main-feature, .bento-grid-section .secondary-metric, .bento-grid-section .split-grid, .bento-grid-section .background-border-3, .bento-grid-section .background-border-4, .bento-grid-section .container-31, .bento-grid-section .container-32, .bento-grid-section .container-33, .bento-grid-section .container-34 .bento-grid-section .main-feature .heading { grid-column:1;grid-row:auto;padding:30px; }
  .bento-grid-section .main-feature .heading { max-width:100%; }
  .main-feature-img { display:none; }
  .bento-grid-section { padding:80px 10px; }
}
@media(max-width:768px) {
  .bento-grid-section .one-seamless-loop { width:auto;max-width:100%;font-size:36px;line-height:1.2;white-space:normal; }
  .bento-grid-section .text-wrapper-2 { white-space:wrap; }
}
.trusted_section { padding:48px 10px;border-bottom:1px solid #E3E5EB; }
.trusted_container { max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center; }
.trusted_container h2 { color:#46464F;font-size:14px;line-height:20px;font-weight:600;font-family:"Inter",Helvetica; }
.trusted_logo { display:flex;gap:80px;justify-content:center;align-items:center;flex-wrap:wrap; }
@media(max-width:768px) {
  .trusted_logo { gap:20px; }
}

/* demo-request section  */
.demo-request { padding:120px 100px; background:#fff; }
.demo-request__container { width:100%; max-width:1440px; margin:0 auto; display:flex; flex-direction:column; gap:48px; }
.demo-request__intro { display:flex; flex-direction:column; gap:8px; max-width:760px; }
.demo-request__intro h2 { color:#0D1046; font-size:48px;font-weight:700;line-height:normal;font-family:"Inter",Helvetica; }
.demo-request__intro p { color:#777C88;font-family:"Inter",Helvetica;font-size:16px;font-weight:400;line-height:24px; }
.demo-request__content { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:32px; align-items:start; }
.demo-request__form-card { display:flex;flex-direction:column;gap:32px;padding:40px;background:#fff;border:1px solid #E7E8ED;border-radius:16px;box-shadow:0 4px 18px rgba(11,14,51,.07);margin-left: 40px; }
.demo-request__form-top,.demo-request__form-bottom { display:flex;flex-direction:column;gap:12px; }
.demo-request__eyebrow { align-self:flex-start;padding:4px 16px;border-radius:999px;background:#ba002c1a;color:#BA002C;font-family:"Inter",Helvetica;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0.7px;text-transform:uppercase; }
.demo-request__form-intro { color:#777C88;font-family:"Inter",Helvetica;font-size:16px;font-weight:400;line-height:24px; }
.demo-request__form { display:flex;flex-direction:column;align-items:stretch;gap:32px; }
.demo-request__form-center { width:100%; }
.demo-request__fields { display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px; }
.demo-request__field { display:flex;min-width:0;flex-direction:column;gap:8px;color:#0D1046;font-family:"Inter",Helvetica;font-size:14px;font-weight:600;line-height:20px; }
.demo-request__field--full { grid-column:1 / -1; }
.demo-request__field input,.demo-request__field select,.demo-request__field textarea { width:100%;min-width:0;border:1px solid #E3E5EB;border-radius:12px;background:#fff;color:#777C88;font-family:"Inter",Helvetica;font-size:16px;font-weight:400;line-height:24px; }
.demo-request__field input,.demo-request__field select {padding:16px; }
.demo-request__field select,.demo-request__field input[type="date"] { padding-right:44px;background-image:url("../img/bottom-arrow.png");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 7px; }
.demo-request__field select { appearance:none;-webkit-appearance:none; }
.demo-request__field input[type="date"]::-webkit-calendar-picker-indicator { opacity:0;cursor:pointer; }
.demo-request__field input[type="date"]:not(.has-date-value) { position:relative; }
.demo-request__field input[type="date"]:not(.has-date-value)::-webkit-datetime-edit { color:transparent; }
.demo-request__field input[type="date"]:not(.has-date-value)::before { position:absolute;top:50%;left:16px;color:#8B8F99;content:attr(placeholder);pointer-events:none;transform:translateY(-50%); }
.demo-request__field textarea { min-height:78px;padding:16px 16px 56px 16px;resize:vertical; }
.demo-request__field input::placeholder,.demo-request__field textarea::placeholder { color:#777C88;opacity:1; }
.demo-request__field select:invalid { color:#777C88; }
.demo-request__submit { align-self:flex-start;min-height:48px;padding:18px 52.5px 18px 32px;border:0;border-radius:7px;background:#BA002C;color:#fff;font-family:"Inter",Helvetica;font-size:16px;font-weight:600;cursor:pointer;line-height: 20px; letter-spacing: 0.16px; }
.demo-request__submit:hover { background:#9E0026; }
.demo-request__consent { color:#777C88;font-family:"Inter",Helvetica;font-size:14px;font-weight:400;line-height:20px; }
.demo-request__expect { margin-right: 40px; display:flex;flex-direction:column;gap:24px;padding:40px;border-radius:16px;background:#0D1046;color:#fff; }
.demo-request__expect-top { display:flex;flex-direction:column;gap:8px; }
.demo-request__expect h3 { color:#fff;font-family:"Inter",Helvetica;font-size:24px;font-weight:700;line-height:32px; }
.demo-request__expect p,.demo-request__expect li { color:#EDEDF3;font-family:"Inter",Helvetica;font-size:16px;font-weight:400;line-height:24px; }
.demo-request__expect ul { display:flex;flex-direction:column;gap:16px;padding:0;list-style:none; }
.demo-request__expect li { display:flex;align-items:center;gap:12px; }
.demo-request__expect li img { flex:0 0 16px;width:16px;height:16px;}
@media(max-width:1080px){
  .demo-request__expect{
    margin: 0;
  }
}
@media (max-width:991px) {
  .demo-request__content { grid-template-columns:minmax(0,1fr); }
  .demo-request__expect { padding:32px; }
  .demo-request__form-card{
    margin: 0px;
  }
}
@media (max-width:768px) {
  .demo-request { padding:64px 24px; }
  .demo-request__form-card { padding:32px; }
  .demo-request__intro h2 { font-size:40px;line-height:50px; }
}
@media (max-width:575px) {
  .demo-request { padding:48px 16px; }
  .demo-request__container { gap:32px; }
  .demo-request__intro h2 { font-size:35px;line-height:45px; }
  .demo-request__fields { grid-template-columns:minmax(0,1fr);gap:16px; }
  .demo-request__field--full { grid-column:auto; }
  .demo-request__form-card { padding:24px; }
  .demo-request__expect { padding:24px; }
}