/* First branding pass: site chrome and UI accents, not editorial/product artwork. */
html body {
  --token-9a8a3063-6d3f-4c84-bb7a-ce6785df7b69: #3861fb !important;
  --token-b3b4a51e-f337-489f-b41e-696b72d66b41: #3861fb !important;
}

/* Keep the fixed navigation visible instead of animating it away on scroll. */
[data-framer-name="Banner and Nav"] {
  top: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  --quantcx-nav-text: #09090b;
  --quantcx-nav-subtle: rgb(9 9 11 / 7%);
  --quantcx-nav-button: #09090b;
  --quantcx-nav-button-text: #fff;
  background-color: rgb(255 255 255 / 94%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  border-bottom: 1px solid rgb(9 9 11 / 8%);
  transition: background-color 180ms ease, border-color 180ms ease;
}

html.quantcx-scrolled [data-framer-name="Banner and Nav"] {
  --quantcx-nav-text: #f5f5f5;
  --quantcx-nav-subtle: rgb(255 255 255 / 14%);
  --quantcx-nav-button: #fff;
  --quantcx-nav-button-text: #09090b;
  background-color: rgb(9 9 11 / 94%);
  border-bottom-color: rgb(255 255 255 / 12%);
}

@media (prefers-reduced-motion: reduce) {
  [data-framer-name="Banner and Nav"] {
    transition: none;
  }
}

[data-framer-name="Banner and Nav"] .framer-ioyFa {
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
}

[data-framer-name="Banner and Nav"] [data-framer-name="Nav wrapper"] {
  background-color: transparent !important;
}

/* Hide the customer-logo strip immediately below the homepage hero copy. */
.framer-FPUI0 .framer-15b0oan-container {
  display: none !important;
}

[data-framer-name="Nav wrapper"] .framer-text {
  color: var(--quantcx-nav-text, #09090b) !important;
  --framer-text-color: var(--quantcx-nav-text, #09090b) !important;
}

[data-framer-name="Nav wrapper"] [data-framer-name="Lines"] [data-framer-name="Line"] {
  background-color: var(--quantcx-nav-text, #09090b) !important;
}

[data-framer-name="Nav wrapper"] .framer-4meJI:hover {
  background-color: var(--quantcx-nav-subtle, rgb(9 9 11 / 7%)) !important;
}

[data-framer-name="Nav wrapper"] a[data-framer-name="GitBook Logo"] > div {
  background-color: var(--quantcx-nav-text, #09090b) !important;
  scale: 0.857375;
  transform-origin: left center;
}

[data-framer-name="Nav wrapper"] .framer-qPop0[data-framer-name="No background"] {
  background-color: var(--quantcx-nav-subtle, rgb(9 9 11 / 7%)) !important;
}

[data-framer-name="Nav wrapper"] .framer-qPop0[data-framer-name="Default"] {
  background-color: var(--quantcx-nav-button, #09090b) !important;
}

[data-framer-name="Nav wrapper"] .framer-qPop0[data-framer-name="Default"] .framer-text {
  color: var(--quantcx-nav-button-text, #fff) !important;
  --framer-text-color: var(--quantcx-nav-button-text, #fff) !important;
}

[data-framer-name="Nav wrapper"] div:has(> a.framer-gBdfn) {
  display: none !important;
}

/* Tighten only the gap between the homepage badge and headline. */
.framer-FPUI0 .framer-1gcrevx-container {
  margin-bottom: -12px;
}

/* Bring the supporting copy slightly closer to the headline. */
.framer-FPUI0 .framer-18enw7l {
  margin-bottom: -8px;
}

/* Give the homepage headline room for one text line plus its blue second line. */
@media (min-width: 1200px) {
  .framer-FPUI0 {
    padding-top: 112px !important;
  }
  .framer-FPUI0 .framer-lg33i9 {
    gap: 56px !important;
  }
  .framer-FPUI0 .framer-k7ddwk,
  .framer-FPUI0 .framer-18enw7l,
  .framer-FPUI0 .framer-1jwip4x {
    width: 100% !important;
  }
  .framer-FPUI0 .framer-18enw7l h1 {
    font-size: 55px !important;
    line-height: 1.05 !important;
  }
  .framer-FPUI0 .framer-18enw7l h1 .framer-text {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* Lighten the product name in the Support Insights callout. */
.framer-9u0pqn strong {
  font-weight: 600 !important;
  font-variation-settings: "wght" 600 !important;
}

/* Give the embedded assistant title a little more emphasis. */
.framer-m9bw4i-container h1 {
  font-weight: 700 !important;
}

/* Replace the captured assistant brand marks without changing the demo layout. */
.framer-1lp3dih-container :is(
  svg:has(> path[d^="m7.28125 2.09668"]),
  svg:has(> path[d^="M7.28125 2.09668"]),
  svg:has(> path[d^="M70.399 31.6779"]),
  svg:has(> path[d^="M13.5279 1.05417"]),
  .framer-1j38ztr,
  .framer-9q1zw2,
  .framer-e8h2dm
) {
  background-color: #09090b;
  mask: url("/brand/quantcx/mark.svg") center / contain no-repeat;
}

.framer-1lp3dih-container :is(
  svg:has(> path[d^="m7.28125 2.09668"]),
  svg:has(> path[d^="M7.28125 2.09668"]),
  svg:has(> path[d^="M70.399 31.6779"]),
  svg:has(> path[d^="M13.5279 1.05417"]),
  .framer-1j38ztr,
  .framer-9q1zw2,
  .framer-e8h2dm
) > * {
  visibility: hidden;
}

.framer-1lp3dih-container svg:has(> path[d^="M70.399 31.6779"]) {
  mask-size: 50%;
}

/* Cover the baked-in orange assistant tiles with responsive branded tiles. */
.framer-1lp3dih-container [data-framer-background-image-wrapper]:has(> img[src*="HwUhFadZRXCSRvgywZS22UWJK8"]) {
  --tile-left: 75.3%;
  --tile-top: 46.6%;
  --tile-width: 21.7%;
  --tile-height: 48.9%;
}

.framer-1lp3dih-container [data-framer-background-image-wrapper]:has(> img[src*="weqKCk6UETFMbWunRf9LtYH2SY0"]) {
  --tile-left: 62%;
  --tile-top: 56.4%;
  --tile-width: 17%;
  --tile-height: 20%;
}

.framer-1lp3dih-container [data-framer-background-image-wrapper]:has(> img[src*="mgcSJJIY9r9uewkNWKjhKdh14hc"]) {
  --tile-left: 2%;
  --tile-top: 65.5%;
  --tile-width: 17%;
  --tile-height: 31.5%;
}

.framer-1lp3dih-container [data-framer-background-image-wrapper]:has(> img:is(
  [src*="HwUhFadZRXCSRvgywZS22UWJK8"],
  [src*="weqKCk6UETFMbWunRf9LtYH2SY0"],
  [src*="mgcSJJIY9r9uewkNWKjhKdh14hc"]
))::after {
  content: "";
  position: absolute;
  left: var(--tile-left);
  top: var(--tile-top);
  width: var(--tile-width);
  height: var(--tile-height);
  box-sizing: border-box;
  border: 1px dashed #3861fb;
  border-radius: 4px;
  background: #eef1ff url("/brand/quantcx/mark.svg") center / 40% auto no-repeat;
  pointer-events: none;
}

@font-face {
  font-family: "Google Sans";
  src: url("/brand/quantcx/fonts/google-sans-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

/* Use Google Sans consistently across all homepage demo tabs and panels. */
.framer-1lp3dih-container,
.framer-1lp3dih-container * {
  font-family: "Google Sans", sans-serif !important;
}

@font-face {
  font-family: "QuantCX General Sans";
  src: url("/agent-score/fonts/GeneralSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
}

.framer-1lp3dih-container .framer-ysedn .framer-text {
  font-family: "QuantCX General Sans", sans-serif !important;
}

/* The homepage sign-up action is no longer specific to GitHub. */
.framer-FPUI0 .framer-1f1m592-container [data-framer-name="Left icon wrapper"] {
  display: none !important;
}

/* Shared animated statistics: medium weight, without changing labels or headings.
   The inherited face is variable and named Bold, so set its weight axis too. */
[data-framer-name="Stat default"] [role="text"] {
  font-weight: 500 !important;
  font-variation-settings: "wght" 500 !important;
}

html:root {
  --primary-1: 255 255 255;
  --primary-2: 248 249 255;
  --primary-3: 239 243 255;
  --primary-4: 228 235 255;
  --primary-5: 215 224 255;
  --primary-6: 198 211 255;
  --primary-7: 175 193 255;
  --primary-8: 145 169 255;
  --primary-9: 56 97 251;
  --primary-10: 42 78 218;
  --primary-11: 48 74 155;
  --primary-12: 22 30 58;
  --primary-original: 56 97 251;
}

html:root.dark {
  --primary-1: 16 20 35;
  --primary-2: 22 28 47;
  --primary-3: 28 39 76;
  --primary-4: 33 49 104;
  --primary-5: 40 60 126;
  --primary-6: 50 74 148;
  --primary-7: 64 91 178;
  --primary-8: 80 111 215;
  --primary-9: 56 97 251;
  --primary-10: 75 115 255;
  --primary-11: 162 183 255;
  --primary-12: 225 233 255;
}

/* Keep the original logo boxes, hit areas, and responsive sizing intact. */
a[data-framer-name="GitBook Logo"] > div,
a[class~="group/headerlogo"],
a.brand > picture {
  background-image: none !important;
  background-color: #09090b !important;
  mask: url("/brand/quantcx/logo.svg") left center / contain no-repeat;
}

a[data-framer-name="GitBook Logo"] > div > *,
a[class~="group/headerlogo"] > img,
a.brand > picture > img {
  visibility: hidden;
}

.dark a[class~="group/headerlogo"] {
  background-color: #fff !important;
}

a.brand > picture { display: block; }

@media (prefers-color-scheme: dark) {
  a.brand > picture { background-color: #fff !important; }
}

.scan-form__button { background-color: #3861fb !important; }
.scan-form__button:hover { background-color: #2a4eda !important; }

/* Shared circled check icon in the pricing legend. */
svg[id^="svg764243678_"] [fill="#FE551B"] { fill: #3861fb; }

/* Requested ribbon backgrounds only. Cover initial paint and hydration swaps. */
img[src*="mSNUtavMi8Yl0NJGulnaoZdITbA"] {
  content: url("/brand/quantcx/enterprise-blue.png");
}
img[src*="UBZ9X5BHbNP7sRuU7qGfH2i38C8"] {
  content: url("/brand/quantcx/ribbon-hero-blue.png");
}
img[src*="uOhPrpGewiwVMpMjMj9WWMvu5Xg"] {
  content: url("/brand/quantcx/ribbon-feature-blue.png");
}
img[src*="gqFN8X5iFNDnzfsqaQHdfKkRpR4"] {
  content: url("/brand/quantcx/enterprise-blue.png");
}
img[src*="UCPsEbeKrHF0qq4EKbB3FLEgkY"] {
  content: url("/brand/quantcx/ribbon-about-blue.png");
}

/* Recolor the native SVG diagrams, retaining all keyframes and timing. */
.rdf-wrap { --accent: #3861fb !important; }
.rdf-wrap .hub-border,
svg:has(.hd-anim) [stroke="rgb(242, 91, 58)"] { stroke: #3861fb; }
svg:has(.hd-anim) [fill="rgb(242, 91, 58)"] { fill: #3861fb; }

.rdf-wrap path[d^="M492.31 285.42"],
svg:has(.hd-anim) > path[d^="M497.076 140.534"] { visibility: hidden; }

/* The feature-card dotted outline is a separate monochrome vector asset. */
[data-framer-background-image-wrapper]:has(> img[src*="nfp9TrvxEzqLWEmNLcxrI2YiOLA"]) {
  background-color: #3861fb;
  mask: url("/sites/gitbook-com-3466a3b1/mirror/assets/framerusercontent.com/c1e5d1f9dae7-nfp9TrvxEzqLWEmNLcxrI2YiOLA-2f220c72d8.svg") center / 100% 100% no-repeat;
}
img[src*="nfp9TrvxEzqLWEmNLcxrI2YiOLA"] { visibility: hidden; }

/* The calculator's trial badges use explicit SVG stroke attributes. */
.framer-1u5l9ad-container [stroke="rgb(232, 98, 42)"] { stroke: #3861fb; }

/* Exact brand-orange vectors only; third-party logo palettes stay intact. */
svg [stroke="#FE551B"], svg [stroke="#fe551b"],
svg [stroke="rgb(254, 85, 27)"] { stroke: #3861fb; }
svg [fill="#FE551B"], svg [fill="#fe551b"],
svg [fill="rgb(254, 85, 27)"] { fill: #3861fb; }
.framer-f387kn[data-framer-name="Comment"] { background-color: #3861fb !important; }

/* Shared end-of-page CTA: exact QuantCX shape, original pale inner shadow. */
.framer-KhEH2 [data-framer-name="GitBook icon"] {
  background: url("/brand/quantcx/embossed-mark.svg") center / contain no-repeat;
}
.framer-KhEH2 [data-framer-name="GitBook icon"] > .svgContainer { visibility: hidden; }

/* The floating assistant trigger keeps its original size and interaction. */
#gitbook-widget-button-icon {
  background: currentColor !important;
  mask: url("/brand/quantcx/mark.svg") center / contain no-repeat !important;
}

/* Comparison-page native brand symbols, retaining their original boxes. */
[data-framer-component-type="SVG"][data-framer-name="Gitbook_icon"] {
  background: currentColor;
  mask: url("/brand/quantcx/mark.svg") center / contain no-repeat;
}
[data-framer-component-type="SVG"][data-framer-name="GitBook Dark"] {
  background: currentColor;
  mask: url("/brand/quantcx/logo.svg") center / contain no-repeat;
}
[data-framer-name="Gitbook_icon"] > .svgContainer,
[data-framer-name="GitBook Dark"] > .svgContainer { visibility: hidden; }

/* Shared subpage artwork: same boxes and animation wrappers, blue assets. */
img[src*="AglXxVlLFmFTjfc3b1RQ7zIFm8"] { content: url("/brand/quantcx/artwork-AglXxVlLFmFTjfc3b1RQ7zIFm8.png"); }
img[src*="3UTaPEOCeKgLvU9IEVPIoQyv28"] { content: url("/brand/quantcx/artwork-3UTaPEOCeKgLvU9IEVPIoQyv28.png"); }
img[src*="ODQTf9GrsSgco0lB0dNhEf94QI"] { content: url("/brand/quantcx/artwork-ODQTf9GrsSgco0lB0dNhEf94QI.png"); }
img[src*="7IlPGqa5e6JlJkKwBHSAgvXwa3Q"] { content: url("/brand/quantcx/artwork-7IlPGqa5e6JlJkKwBHSAgvXwa3Q.png"); }
img[src*="jWidFMnpKXWT6eHufsoPsGXo8E"] { content: url("/brand/quantcx/artwork-jWidFMnpKXWT6eHufsoPsGXo8E.png"); }
img[src*="ufYEetZ0VTIqHAXndIPRZVaVSoM"] { content: url("/brand/quantcx/artwork-ufYEetZ0VTIqHAXndIPRZVaVSoM.png"); }
img[src*="8GWaU91Nx0qKAx3T1h7M792BIv4"] { content: url("/brand/quantcx/artwork-8GWaU91Nx0qKAx3T1h7M792BIv4.png"); }
img[src*="4PZMoK9ltCf33zisHWaWgTrOzOs"] { content: url("/brand/quantcx/artwork-4PZMoK9ltCf33zisHWaWgTrOzOs.png"); }
img[src*="r4Vpukg0EsBYU5XbFI7GuJn1Y0"] { content: url("/brand/quantcx/artwork-r4Vpukg0EsBYU5XbFI7GuJn1Y0.png"); }
img[src*="pnSELaflw3RvscBPZ4sxuRuUI"] { content: url("/brand/quantcx/artwork-TzZznt3Eim7GEe1KluQUckRPw.png"); }
img[src*="7OI6AnwnSI0zyINmVn1VYizkTMM"] { content: url("/brand/quantcx/artwork-kXzaWnx0LXxvsyMz48hpDy2sxEo.png"); }
img[src*="mbVG0Fl3RsJQDB5W6TcXUAUQ20"] { content: url("/brand/quantcx/artwork-mbVG0Fl3RsJQDB5W6TcXUAUQ20.png"); }
img[src*="frNSP0NGnZZHtbxLAdia6clj38U"] { content: url("/brand/quantcx/artwork-frNSP0NGnZZHtbxLAdia6clj38U.png"); }
img[src*="pKaz6Er0TCkqiDS79KhBkGHsnQ"] { content: url("/brand/quantcx/artwork-pKaz6Er0TCkqiDS79KhBkGHsnQ.png"); }
img[src*="FMQj5hLEQ4d1fzuYJGL2J3BwmA"] { content: url("/brand/quantcx/artwork-FMQj5hLEQ4d1fzuYJGL2J3BwmA.png"); }
img[src*="bfhCgFkLwqr8ppXsuzFWchHoJc"] { content: url("/brand/quantcx/artwork-bfhCgFkLwqr8ppXsuzFWchHoJc.png"); }
img[src*="y2WuYDBFq0eZKDGRa3ztTM9Ns"] { content: url("/brand/quantcx/artwork-y2WuYDBFq0eZKDGRa3ztTM9Ns.png"); }
img[src*="wzRRvUKVWPKV5orE98AZLWODM"] { content: url("/brand/quantcx/artwork-wzRRvUKVWPKV5orE98AZLWODM.png"); }
img[src*="Z8wW05El3eLxXv8jnNehmNpe4I"] { content: url("/brand/quantcx/artwork-Z8wW05El3eLxXv8jnNehmNpe4I.png"); }
img[src*="LSoyrs7VoHHEhbLisxqkXSBD0"] { content: url("/brand/quantcx/artwork-LSoyrs7VoHHEhbLisxqkXSBD0.png"); }
img[src*="kXzaWnx0LXxvsyMz48hpDy2sxEo"] { content: url("/brand/quantcx/artwork-kXzaWnx0LXxvsyMz48hpDy2sxEo.png"); }
img[src*="bgMXskLuPSChXLvc0B5dUt3zNd8"] { content: url("/brand/quantcx/artwork-bgMXskLuPSChXLvc0B5dUt3zNd8.png"); }
img[src*="iRRsh3ZNLY1Iqz70vDBXlqVUo"] { content: url("/brand/quantcx/artwork-iRRsh3ZNLY1Iqz70vDBXlqVUo.png"); }
img[src*="TIxe2GC3gsnw32FNJUrPwq4f4"] { content: url("/brand/quantcx/artwork-TIxe2GC3gsnw32FNJUrPwq4f4.png"); }
img[src*="TzZznt3Eim7GEe1KluQUckRPw"] { content: url("/brand/quantcx/artwork-TzZznt3Eim7GEe1KluQUckRPw.png"); }
img[src*="bS4iNf8Z8AFs86QYKW4Mou51f4"] { content: url("/brand/quantcx/artwork-bS4iNf8Z8AFs86QYKW4Mou51f4.png"); }
img[src*="2iiYCQxQUa8KSxfk6cH1Xe648"] { content: url("/brand/quantcx/artwork-2iiYCQxQUa8KSxfk6cH1Xe648.png"); }
img[src*="ilZFjcaJEwr6NVgkijZu1j8os"] { content: url("/brand/quantcx/artwork-ilZFjcaJEwr6NVgkijZu1j8os.png"); }
img[src*="IBpOWcus0WzZiYADRjgQ2Es4glw"] { content: url("/brand/quantcx/artwork-IBpOWcus0WzZiYADRjgQ2Es4glw.png"); }
img[src*="p000xuYdGh3saHZtgJ9gC8C4"] { content: url("/brand/quantcx/artwork-p000xuYdGh3saHZtgJ9gC8C4.png"); }
img[src*="Qz14y934sP8yy000QFLrEd44"] { content: url("/brand/quantcx/artwork-Qz14y934sP8yy000QFLrEd44.png"); }
img[src*="ovaeeghAmoOcSfGOh0xGnjX8gww"] { content: url("/brand/quantcx/artwork-ovaeeghAmoOcSfGOh0xGnjX8gww.png"); }
img[src*="JlOa76bIwDvdHZjRDw3Ih41kqc"] { content: url("/brand/quantcx/artwork-JlOa76bIwDvdHZjRDw3Ih41kqc.png"); }
img[src*="DNdzUPomjIZe0dGIwRRoldYE"] { content: url("/brand/quantcx/artwork-DNdzUPomjIZe0dGIwRRoldYE.png"); }
img[src*="TQZSqG2y7FkNSKsUR2TvBnEDOg"] { content: url("/brand/quantcx/artwork-TQZSqG2y7FkNSKsUR2TvBnEDOg.png"); }
img[src*="FTmA5L2PDssA4gAib6edPamSM"] { content: url("/brand/quantcx/artwork-FTmA5L2PDssA4gAib6edPamSM.png"); }
img[src*="kuENjTvyOYR0cmyJvmtxeH9R6t8"] { content: url("/brand/quantcx/artwork-kuENjTvyOYR0cmyJvmtxeH9R6t8.png"); }
img[src*="Jn3F30kuWen5WnQtGFEXXaVJMe0"] { content: url("/brand/quantcx/artwork-Jn3F30kuWen5WnQtGFEXXaVJMe0.png"); }
img[src*="oU8KUjOjJDKtXfm3Sk8suqwC3s"] { content: url("/brand/quantcx/artwork-oU8KUjOjJDKtXfm3Sk8suqwC3s.png"); }
img[src*="uBkI8ypKXPE89BfNDBv2uZZQg"] { content: url("/brand/quantcx/artwork-uBkI8ypKXPE89BfNDBv2uZZQg.png"); }
img[src*="qlp0yDUvDWDhJ0S8OCb4PQbjGo0"] { content: url("/brand/quantcx/artwork-qlp0yDUvDWDhJ0S8OCb4PQbjGo0.png"); }
img[src*="m7mGDsJQenKkUcvpgWmgomkXtew"] { content: url("/brand/quantcx/artwork-m7mGDsJQenKkUcvpgWmgomkXtew.png"); }
img[src*="c0FtrdnMsi8xiQlHAzZr7QWuc"] { content: url("/brand/quantcx/artwork-c0FtrdnMsi8xiQlHAzZr7QWuc.png"); }
img[src*="CIsIutlx6qsEdnOKxLxOpykxCA4"] { content: url("/brand/quantcx/artwork-CIsIutlx6qsEdnOKxLxOpykxCA4.png"); }
img[src*="ThSnuf0PnxqQ96gPj9hgEbBGCE8"] { content: url("/brand/quantcx/artwork-c0FtrdnMsi8xiQlHAzZr7QWuc.png"); }