/* Generated by tools/build_home_css.php. Do not edit directly. */

/* Source: bootstrap.min.css */
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:450;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}

/* Source: base.css */
:root {
  --bg-white: #ffffff;
  --bg-soft: #f6f9fd;
  --bg-dark: #07111f;
  --sb-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sb-text-primary: #111827;
  --sb-text-secondary: #4b5563;
  --sb-surface-page: var(--bg-white);
  --sb-surface-clean: var(--bg-white);
  --sb-surface-soft: var(--bg-soft);
  --sb-surface-dark: var(--bg-dark);
  --sb-border-soft: #dbe5f2;
  --sb-blue: #1572e8;
  --sb-green: #31ce36;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  color: var(--sb-text-primary);
  background: var(--sb-surface-page);
  font-family: var(--sb-font-sans);
}

body.sb-mobile-menu-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover,
a:focus,
a:active,
summary:hover,
summary:focus,
summary:active {
  text-decoration: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}


/* Source: fontawesome.min.css */
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-balance-scale:before{content:"\f24e"}.fa-bars:before{content:"\f0c9"}.fa-bell:before{content:"\f0f3"}.fa-book:before{content:"\f02d"}.fa-book-open:before{content:"\f518"}.fa-bookmark:before{content:"\f02e"}.fa-brain:before{content:"\f5dc"}.fa-building:before{content:"\f1ad"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-certificate:before{content:"\f0a3"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-right:before{content:"\f054"}.fa-clipboard-check:before{content:"\f46c"}.fa-code:before{content:"\f121"}.fa-comment:before{content:"\f075"}.fa-comments:before{content:"\f086"}.fa-copy:before{content:"\f0c5"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-file-alt:before{content:"\f15c"}.fa-file-contract:before{content:"\f56c"}.fa-file-invoice:before{content:"\f570"}.fa-gavel:before{content:"\f0e3"}.fa-globe:before{content:"\f0ac"}.fa-handshake:before{content:"\f2b5"}.fa-history:before{content:"\f1da"}.fa-home:before{content:"\f015"}.fa-info-circle:before{content:"\f05a"}.fa-key:before{content:"\f084"}.fa-landmark:before{content:"\f66f"}.fa-laptop-code:before{content:"\f5fc"}.fa-layer-group:before{content:"\f5fd"}.fa-link:before{content:"\f0c1"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-network-wired:before{content:"\f6ff"}.fa-plug:before{content:"\f1e6"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-receipt:before{content:"\f543"}.fa-robot:before{content:"\f544"}.fa-ruler-combined:before{content:"\f546"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-shield-alt:before{content:"\f3ed"}.fa-times:before{content:"\f00d"}.fa-university:before{content:"\f19c"}.fa-user:before{content:"\f007"}.fa-user-lock:before{content:"\f502"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-users:before{content:"\f0c0"}.fa-youtube:before{content:"\f167"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fontawesome/fa-brands-400.eot);src:url(../fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(../fonts/fontawesome/fa-brands-400.woff) format("woff"),url(../fonts/fontawesome/fa-brands-400.ttf) format("truetype"),url(../fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fontawesome/fa-regular-400.eot);src:url(../fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome/fa-regular-400.woff2) format("woff2"),url(../fonts/fontawesome/fa-regular-400.woff) format("woff"),url(../fonts/fontawesome/fa-regular-400.ttf) format("truetype"),url(../fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/fontawesome/fa-solid-900.eot);src:url(../fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(../fonts/fontawesome/fa-solid-900.woff) format("woff"),url(../fonts/fontawesome/fa-solid-900.ttf) format("truetype"),url(../fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}

/* Source: site.css */
:root {
  --bg-white: #ffffff;
  --bg-soft: #f6f9fd;
  --bg-dark: #07111f;
  --fonteia-blue: #3363E1;
  --fonteia-blue-dark: #244BB8;
  --fonteia-green: #31ce36;
  --fonteia-text: #111827;
  --fonteia-muted: #4b5563;
  --fonteia-line: #dbe5f2;
  --sb-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  color: var(--fonteia-text);
  background: var(--bg-white);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input {
  font: inherit;
}

.container {
  width: min(1824px, calc(100% - 224px));
  max-width: none;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.list-unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sb-site-header {
  --jp-surface-neutral: #f7f7f7;
  --sb-header-shell: min(1824px, calc(100% - 224px));

  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(216, 226, 238, 0.96);
  background: #ffffff;
  backdrop-filter: blur(16px);
}

.sb-site-header .container {
  width: var(--sb-header-shell);
  max-width: none;
}

.sb-site-header-bar {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 88px;
}

.sb-site-header .sb-site-nav-link:hover,
.sb-site-header .sb-site-nav-link:focus,
.sb-site-header .sb-site-nav-item[open] > .sb-site-nav-link,
.sb-site-header .sb-site-nav-item:hover > .sb-site-nav-link,
.sb-site-header .sb-site-nav-item:focus-within > .sb-site-nav-link,
.sb-site-header .sb-site-mega-link:hover,
.sb-site-header .sb-site-mega-link:focus,
.sb-site-header .sb-site-mega-icon,
.sb-site-header .sb-site-mega-group,
.sb-site-header .sb-site-icon-button,
.sb-site-header .sb-site-account-avatar,
.sb-site-header .sb-site-account-menu a:hover,
.sb-site-header .sb-site-account-menu a:focus,
.sb-site-header .sb-site-mobile-toggle,
.sb-site-header .sb-site-mobile-link:hover,
.sb-site-header .sb-site-mobile-link:focus,
.sb-site-header .sb-site-mobile-feature-icon,
.sb-site-header .sb-site-action-button-secondary {
  background: var(--jp-surface-neutral);
}

.sb-site-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
}

.sb-site-brand-logo {
  display: block;
  width: 240px;
  height: auto;
  max-width: 100%;
}

@media (max-width: 575px) {
  .sb-site-brand-logo {
    width: 180px;
  }
}

.sb-site-brand-mark {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 58px;
  color: #111827;
  background: transparent;
  font-size: 24px;
  font-weight: 600;
  overflow: visible;
}

.sb-site-brand-mark svg,
.sb-site-brand-mark img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.sb-site-brand-mark svg path[fill="#ffffff"] {
  display: none;
}

.sb-site-brand-text {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
}

.brand-ia {
  color: #3363E1;
}

.sb-site-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
}

.sb-site-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 999px;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.sb-site-nav-link:hover,
.sb-site-nav-link:focus {
  background: #f4f7fb;
  color: var(--fonteia-blue);
}

.sb-site-nav-item {
  position: static;
}

.sb-site-nav-item summary {
  list-style: none;
  cursor: pointer;
}

.sb-site-nav-item summary::-webkit-details-marker {
  display: none;
}

.sb-site-nav-item[open] > .sb-site-nav-link,
.sb-site-nav-item:hover > .sb-site-nav-link,
.sb-site-nav-item:focus-within > .sb-site-nav-link {
  background: #f4f7fb;
  color: var(--fonteia-blue);
}

.sb-site-nav-item .fa-chevron-down {
  font-size: 11px;
  transition: transform 0.18s ease;
}

.sb-site-nav-item[open] .fa-chevron-down,
.sb-site-nav-item:hover .fa-chevron-down,
.sb-site-nav-item:focus-within .fa-chevron-down {
  transform: rotate(180deg);
}

.sb-site-mega-panel {
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  width: 100%;
  display: none;
  padding: 24px 0 30px;
  border-top: 1px solid rgba(216, 226, 238, 0.96);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.sb-site-nav-item[open] > .sb-site-mega-panel,
.sb-site-nav-item:hover > .sb-site-mega-panel,
.sb-site-nav-item:focus-within > .sb-site-mega-panel {
  display: block;
}

.sb-site-mega-grid {
  width: var(--sb-header-shell);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 2.1fr) minmax(300px, 0.95fr);
  gap: 34px;
}

.sb-site-mega-grid-tight {
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.55fr);
  align-items: stretch;
}

.sb-site-mega-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}

.sb-site-mega-grid-tight .sb-site-mega-links {
  grid-template-columns: 1fr;
  align-content: start;
}

.sb-site-mega-groups {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 14px;
}

.sb-site-mega-platforms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.sb-site-mega-platform-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-height: 360px;
  padding: 30px;
  border: 1px solid #d9e7f5;
  border-radius: 32px;
  color: #111827;
  background: linear-gradient(180deg, #f7fbff 0%, #eff6ff 100%);
  text-decoration: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.sb-site-mega-platform-card:hover,
.sb-site-mega-platform-card:focus {
  color: #111827;
  border-color: rgba(51, 99, 225, 0.28);
  box-shadow: 0 18px 48px rgba(12, 21, 38, 0.08);
  text-decoration: none;
  transform: translateY(-2px);
}

.sb-site-mega-platform-card strong {
  max-width: 560px;
  margin: 0 0 18px;
  color: #111827;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0;
}

.sb-site-mega-platform-card small {
  display: block;
  max-width: 520px;
  margin: 0;
  color: #516074;
  font-size: 16px;
  line-height: 1.68;
}

.sb-site-mega-platform-card .sb-site-mega-cta {
  margin-top: 30px;
}

.sb-site-mega-links-single {
  width: var(--sb-header-shell);
  margin: 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sb-site-mega-link {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 22px;
  transition: border-color 0.18s ease, background-color 0.18s ease;
}

.sb-site-mega-link:hover,
.sb-site-mega-link:focus {
  border-color: rgba(51, 99, 225, 0.16);
  background: #f8fbff;
}

.sb-site-mega-icon {
  width: 52px;
  min-width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #eef4fb;
  color: #111827;
  font-size: 18px;
}

.sb-site-mega-copy {
  display: grid;
  gap: 6px;
}

.sb-site-mega-copy strong {
  color: #111827;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
}

.sb-site-mega-copy small {
  color: #667085;
  font-size: 15px;
  line-height: 1.5;
}

.sb-site-mega-group {
  padding: 18px 18px 10px;
  border-radius: 24px;
  background: #f8fbff;
  border: 1px solid #e4edf7;
}

.sb-site-mega-group-title {
  display: block;
  margin-bottom: 12px;
  color: var(--fonteia-blue);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sb-site-mega-subgroup {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.sb-site-mega-subgroup a {
  padding: 8px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #dce8f4;
  color: #243041;
  font-size: 13px;
  font-weight: 500;
}

.sb-site-mega-subgroup a:hover,
.sb-site-mega-subgroup a:focus {
  border-color: rgba(51, 99, 225, 0.28);
  color: var(--fonteia-blue);
}

.sb-site-mega-aside {
  align-self: stretch;
  padding: 28px;
  border-radius: 32px;
  background: linear-gradient(180deg, #f7fbff 0%, #eff6ff 100%);
  border: 1px solid #d9e7f5;
}

.sb-site-mega-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-bottom: 18px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(51, 99, 225, 0.12);
  color: var(--fonteia-blue);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sb-site-mega-aside-title {
  margin: 0 0 14px;
  color: #111827;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: 0;
}

.sb-site-mega-aside p {
  margin: 0;
  color: #516074;
  font-size: 16px;
  line-height: 1.7;
}

.sb-site-mega-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin-top: 24px;
  padding: 0 24px;
  border-radius: 999px;
  background: linear-gradient(90deg, #244BB8 0 50%, #3363E1 50% 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  box-shadow: none;
  transition: background-position 0.34s ease, color 0.18s ease;
}

.sb-site-mega-cta:hover,
.sb-site-mega-cta:focus,
.sb-site-mega-cta:active {
  background-position: 0 0;
  color: #ffffff;
}

.sb-site-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  min-width: max-content;
}

.sb-site-icon-button {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: #f4f7fb;
  color: #111827;
  font-size: 18px;
  cursor: pointer;
}

.sb-site-icon-button svg {
  width: 18px;
  height: 18px;
}

.sb-site-icon-button:hover,
.sb-site-icon-button:focus {
  color: var(--fonteia-blue);
  background: #eef4fb;
}

.sb-hero-btn,
.sb-final-cta-button,
.fonteia-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.15;
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.34s ease, border-color 0.18s ease, color 0.18s ease;
}

.sb-site-action-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.15;
  white-space: nowrap;
  transition: background-position 0.34s ease, background-color 0.18s ease, color 0.18s ease;
}

.sb-site-action-button-primary,
.sb-final-cta-button,
.fonteia-search button {
  color: #ffffff;
  background-image: linear-gradient(90deg, #244BB8 0 50%, #3363E1 50% 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
}

.sb-site-action-button-primary:hover,
.sb-site-action-button-primary:focus,
.sb-final-cta-button:hover,
.sb-final-cta-button:focus,
.fonteia-search button:hover,
.fonteia-search button:focus {
  color: #ffffff;
  background-position: 0 0;
}

.sb-site-action-button-secondary {
  border: 0;
  color: #111827;
  background-image: linear-gradient(90deg, #dbe4ef 0 50%, #eef2f7 50% 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
}

.sb-site-action-button-secondary:hover,
.sb-site-action-button-secondary:focus {
  color: #111827;
  background-position: 0 0;
}

.sb-site-account {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.sb-site-account summary {
  list-style: none;
  cursor: pointer;
}

.sb-site-account summary::-webkit-details-marker {
  display: none;
}

.sb-site-account-toggle {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
}

.sb-site-account-avatar {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 0;
  background: #edf3ff;
  color: #244BB8;
  box-shadow: none;
  object-fit: cover;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.sb-site-account-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 70;
  width: min(260px, calc(100vw - 32px));
  padding: 8px 0;
  border: 1px solid rgba(12, 21, 38, 0.14);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(12, 21, 38, 0.14);
}

.sb-site-account:not([open]) .sb-site-account-menu {
  display: none;
}

.sb-site-account-email,
.sb-site-account-menu a {
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}

.sb-site-account-email {
  font-weight: 600;
  font-size: 14px;
  word-break: break-word;
}

.sb-site-account-menu a {
  transition: background-color 0.18s ease, color 0.18s ease;
}

.sb-site-account-menu a:hover,
.sb-site-account-menu a:focus {
  color: #244BB8;
  background: #f4f7fb;
}

.sb-site-account-divider {
  height: 1px;
  margin: 6px 0;
  background: rgba(12, 21, 38, 0.14);
}

.sb-site-mobile-header-actions {
  display: none;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.sb-site-mobile-menu {
  display: none;
  margin-left: 0;
  position: relative;
}

.sb-site-mobile-menu summary {
  list-style: none;
  cursor: pointer;
}

.sb-site-mobile-menu summary::-webkit-details-marker {
  display: none;
}

.sb-site-mobile-toggle {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: #f4f7fb;
  color: #111827;
  font-size: 18px;
}

.sb-site-mobile-panel {
  position: fixed;
  left: 0;
  right: 0;
  top: 83px;
  width: 100vw;
  height: calc(100vh - 83px);
  min-height: calc(100vh - 83px);
  padding: 28px 32px 40px;
  border-top: 1px solid #dbe7f3;
  background: #ffffff;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
  visibility: hidden;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.sb-site-mobile-menu[open] .sb-site-mobile-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.sb-site-mobile-menu:not([open]) > .sb-site-mobile-panel {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
  visibility: hidden;
}

body:not(.sb-mobile-menu-open) .sb-site-mobile-panel {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px);
  visibility: hidden;
}

body.sb-mobile-menu-open .sb-site-mobile-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.sb-mobile-menu-open {
  overflow: hidden;
}

.sb-site-mobile-view {
  display: none;
}

.sb-site-mobile-view.is-active {
  display: block;
}

.sb-site-mobile-root {
  display: grid;
  gap: 6px;
}

.sb-site-mobile-link {
  width: calc(100% + 64px);
  margin: 0 -32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 50px;
  border: 0;
  border-radius: 22px;
  background: transparent;
  color: #111827;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.sb-site-mobile-link i {
  font-size: 20px;
  color: #111827;
}

.sb-site-mobile-link:hover,
.sb-site-mobile-link:focus {
  background: #f3f4f6;
  color: #111827;
}

.sb-site-mobile-submenu {
  display: grid;
  gap: 10px;
}

.sb-site-mobile-submenu-title {
  margin: 0 0 12px;
  color: #111827;
  font-size: 28px;
  font-weight: 500;
}

.sb-site-mobile-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
}

.sb-site-mobile-feature-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 6px 0;
  color: #111827;
}

.sb-site-mobile-feature-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #eef2f7;
  color: #111827;
  font-size: 20px;
}

.sb-site-mobile-feature-copy {
  display: grid;
  gap: 4px;
  padding-top: 2px;
}

.sb-site-mobile-feature-copy strong {
  color: #111827;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
}

.sb-site-mobile-feature-copy small {
  color: #5b667a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

.sb-site-mobile-feature-card:hover .sb-site-mobile-feature-copy strong,
.sb-site-mobile-feature-card:focus .sb-site-mobile-feature-copy strong {
  color: var(--fonteia-blue);
}

.client-page {
  min-height: 62vh;
  padding: 96px 0;
  background: #f6f8fb;
}

.client-shell {
  width: min(960px, calc(100% - 48px));
  margin: 0 auto;
}

.client-card {
  padding: 42px;
  border: 1px solid #dbe7f3;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(12, 21, 38, 0.08);
}

.client-card h1 {
  margin: 0 0 14px;
  color: #111827;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
}

.client-card p {
  margin: 0;
  color: #4b5563;
  font-size: 18px;
  line-height: 1.7;
}

.client-card p + p {
  margin-top: 10px;
}

.client-muted {
  color: #667085;
}

.sb-site-mobile-view {
  display: none;
}

.sb-site-mobile-view.is-active {
  display: block;
}

.sb-site-mobile-root {
  display: grid;
  gap: 6px;
}

.sb-site-mobile-link {
  width: calc(100% + 64px);
  margin: 0 -32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 0 50px;
  border: 0;
  border-radius: 22px;
  background: transparent;
  color: #111827;
  font-size: 20px;
  font-weight: 500;
  text-align: left;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.sb-site-mobile-link:hover,
.sb-site-mobile-link:focus {
  background: #f3f4f6;
  color: #111827;
}

.sb-hero {
  --sb-hero-shell: min(1824px, calc(100% - 224px));

  display: grid;
  align-items: center;
  position: relative;
  min-height: 86vh;
  padding: 92px 0;
  overflow: hidden;
  color: #111827;
  background:
    radial-gradient(circle at 18% 0%, rgba(51, 99, 225, 0.10) 0%, rgba(51, 99, 225, 0.04) 24%, rgba(255, 255, 255, 0) 42%),
    radial-gradient(circle at 86% 0%, rgba(51, 99, 225, 0.06) 0%, rgba(51, 99, 225, 0.025) 24%, rgba(255, 255, 255, 0) 40%),
    #ffffff;
}

.sb-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(17, 24, 39, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 24, 39, 0.045) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.34) 46%, rgba(0, 0, 0, 0) 86%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.34) 46%, rgba(0, 0, 0, 0) 86%);
  pointer-events: none;
}

.sb-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 26%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 78%);
  pointer-events: none;
}

.sb-hero .container {
  position: relative;
  z-index: 1;
  width: var(--sb-hero-shell);
  max-width: none;
}

.sb-hero-content {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  text-align: center;
}

.sb-hero-title {
  max-width: 1280px;
  margin: 0 auto 30px;
  color: #111827;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: 0;
}

.sb-hero-description {
  max-width: 920px;
  margin: 0 auto 38px;
  color: #4b5563;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.68;
}

.fonteia-search {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  width: min(920px, 100%);
  min-height: 66px;
  margin: 0 auto 32px;
  padding: 7px;
  border: 1px solid #dbe5f2;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
}

.fonteia-search-field {
  display: flex;
  align-items: center;
  align-self: stretch;
  height: 52px;
  margin: 0;
  min-width: 0;
}

.fonteia-search-icon {
  flex: 0 0 auto;
  margin-left: 18px;
  margin-right: 12px;
  color: #6b7280;
  font-size: 22px;
  line-height: 1;
  transform: translateY(-2px);
}

.fonteia-search input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #111827;
  background: transparent;
  font-size: 18px;
  line-height: 1.2;
  transform: translateY(-2px);
}

.fonteia-search input::placeholder {
  color: #6b7280;
}

.fonteia-search button {
  min-width: 130px;
  min-height: 52px;
}

.fonteia-hero-suggestions {
  position: absolute;
  z-index: 20;
  top: calc(100% + 8px);
  left: 7px;
  right: 270px;
  display: grid;
  max-height: min(292px, 42vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  border: 1px solid #dbe5f2;
  border-radius: 18px;
  background: #ffffff;
  text-align: left;
}

.fonteia-hero-suggestions[hidden] {
  display: none;
}

.fonteia-hero-suggestions button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 10px 12px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #1f2937;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

.fonteia-hero-suggestions button::before {
  content: "\f1da";
  flex: 0 0 auto;
  margin-right: 10px;
  color: #6b7280;
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  font-weight: 900;
}

.fonteia-hero-suggestions button:hover,
.fonteia-hero-suggestions button:focus {
  outline: 0;
  background: #f4f7fb;
  color: #111827;
}

.sb-hero-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 22px;
  max-width: 920px;
  margin: 0 auto;
}

.sb-hero-trust li {
  position: relative;
  padding-left: 24px;
  color: #374151;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
}

.sb-hero-trust li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--fonteia-green);
  box-shadow: 0 0 0 5px rgba(49, 206, 54, 0.14);
}

.sb-proof-example {
  --sb-proof-example-shell: min(1824px, calc(100% - 224px));

  padding: 86px 0 96px;
  background: #ffffff;
}

.sb-proof-example .container {
  width: var(--sb-proof-example-shell);
  max-width: none;
}

.sb-proof-example-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 48px;
  align-items: start;
}

.sb-proof-example h2 {
  max-width: 760px;
  margin: 0 0 20px;
  color: #111827;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0;
}

.sb-proof-example p {
  max-width: 620px;
  margin: 0;
  color: #4b5563;
  font-size: 19px;
  line-height: 1.68;
}

.sb-proof-example-card {
  padding: 30px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #f8fbff;
}

.sb-proof-example-card dl {
  display: grid;
  gap: 0;
  margin: 0;
}

.sb-proof-example-card div {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 22px;
  padding: 18px 0;
  border-bottom: 1px solid #dbe5f2;
}

.sb-proof-example-card div:first-child {
  padding-top: 0;
}

.sb-proof-example-card div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.sb-proof-example-card dt {
  margin: 0;
  color: var(--fonteia-blue);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
}

.sb-proof-example-card dd {
  margin: 0;
  color: #243041;
  font-size: 16px;
  line-height: 1.58;
  overflow-wrap: anywhere;
}

.sb-product,
.sb-api,
.sb-publics {
  --sb-section-shell: min(1824px, calc(100% - 224px));

  padding: 112px 0;
  background: #ffffff;
}

.sb-product .container,
.sb-api .container,
.sb-publics .container,
.sb-faq .container {
  width: var(--sb-section-shell);
  max-width: none;
}

.sb-api {
  background: #f6f9fd;
}

.sb-publics {
  color: #111827;
  background: #f6f9fd;
}

.sb-publics .sb-section-heading h2 {
  color: #111827;
}

.sb-publics .sb-section-heading p {
  color: #4b5563;
}

.sb-section-heading {
  max-width: 980px;
}

.sb-section-heading h2,
.sb-repurchase-cycle-heading h2 {
  max-width: 1040px;
  margin: 0 0 22px;
  color: #111827;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: 0;
}

.sb-section-heading p,
.sb-repurchase-cycle-heading p {
  max-width: 760px;
  margin: 0;
  color: #4b5563;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.68;
}

.sb-product-grid,
.sb-publics-grid,
.sb-api-grid {
  display: grid;
  gap: 18px;
  margin-top: 52px;
}

.sb-product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sb-api-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sb-publics-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.sb-product-grid article,
.sb-publics-grid article,
.sb-api-grid article {
  min-height: 220px;
  padding: 28px;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  background: #ffffff;
}

.sb-api-grid article {
  display: flex;
  flex-direction: column;
}

.sb-api-card-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid #e5ebf3;
}

.sb-api-card-links a {
  color: var(--fonteia-blue);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
}

.sb-api-card-links a::after {
  content: " →";
}

.sb-api-card-links a:hover,
.sb-api-card-links a:focus {
  color: var(--fonteia-blue-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sb-publics-grid article {
  border-color: #dbe5f2;
  background: #ffffff;
}

.sb-product-grid span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 24px;
  border-radius: 999px;
  color: var(--fonteia-blue);
  background: #eef4fb;
  font-size: 13px;
  font-weight: 600;
}

.sb-product-grid h3,
.sb-publics-grid h3,
.sb-api-grid h3 {
  margin: 0 0 14px;
  color: #111827;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.22;
}

.sb-publics-grid h3 {
  color: #111827;
}

.sb-product-grid p,
.sb-publics-grid p,
.sb-api-grid p {
  margin: 0;
  color: #4b5563;
  font-size: 17px;
  line-height: 1.62;
}

.sb-api-grid p {
  margin-bottom: 24px;
}

.sb-publics-grid p {
  color: #4b5563;
}

.sb-proof-compare {
  --sb-proof-shell: min(1824px, calc(100% - 224px));

  padding: 116px 0;
  color: #ffffff;
  background: #111827;
}

.sb-proof-compare .container {
  width: var(--sb-proof-shell);
  max-width: none;
}

.sb-proof-compare-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  column-gap: 86px;
  row-gap: 26px;
  align-items: end;
}

.sb-proof-compare-heading h2 {
  max-width: 760px;
  margin: 0;
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: 0;
}

.sb-proof-compare-heading p {
  max-width: 700px;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 20px;
  line-height: 1.68;
}

.sb-proof-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 64px;
}

.sb-proof-card {
  min-height: 320px;
  padding: 34px 38px;
  border-radius: 8px;
  background: transparent;
}

.sb-proof-card-muted {
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.sb-proof-card-highlight {
  border: 1px solid rgba(255, 255, 255, 0.86);
}

.sb-proof-card h3 {
  margin: 0 0 26px;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.sb-proof-card ul {
  display: grid;
  gap: 18px;
  margin: 0;
  padding-left: 22px;
}

.sb-proof-card li {
  color: rgba(255, 255, 255, 0.76);
  font-size: 18px;
  line-height: 1.5;
}

.sb-proof-card-highlight li {
  color: #ffffff;
}

.sb-repurchase-cycle {
  --sb-repurchase-shell: min(1824px, calc(100% - 224px));

  padding: 96px 0;
  background: #ffffff;
}

.sb-repurchase-cycle .container {
  width: var(--sb-repurchase-shell);
  max-width: none;
}

.sb-repurchase-cycle-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  column-gap: 80px;
  row-gap: 24px;
  align-items: end;
  max-width: none;
  margin-bottom: 72px;
}

.sb-repurchase-cycle-heading h2 {
  margin: 0;
}

.sb-repurchase-cycle-heading p {
  max-width: 560px;
  margin: 0;
}

.sb-repurchase-cycle-rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 58px 0 0;
  list-style: none;
  border-top: 2px solid rgba(51, 99, 225, 0.16);
}

.sb-repurchase-cycle-rail::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #3363E1 0%, #3363E1 68%, #31ce36 100%);
  transform: scaleX(0.94);
  transform-origin: left center;
}

.sb-repurchase-cycle-rail li {
  position: relative;
  min-height: 178px;
  padding: 0 34px 0 0;
}

.sb-repurchase-cycle-rail li::before {
  content: "";
  position: absolute;
  top: -73px;
  left: -13px;
  width: 26px;
  height: 26px;
  border: 5px solid #ffffff;
  border-radius: 999px;
  background: #3363E1;
  box-shadow:
    0 0 0 1px rgba(51, 99, 225, 0.24),
    0 0 0 6px rgba(51, 99, 225, 0.08);
}

.sb-repurchase-cycle-rail li:last-child::before {
  background: #31ce36;
  box-shadow:
    0 0 0 1px rgba(49, 206, 54, 0.24),
    0 0 0 6px rgba(49, 206, 54, 0.10);
}

.sb-repurchase-cycle-rail li + li {
  padding-left: 34px;
  border-left: 1px solid rgba(217, 226, 239, 0.82);
}

.sb-repurchase-cycle-rail span {
  display: block;
  margin-bottom: 32px;
  color: rgba(51, 99, 225, 0.32);
  font-size: 54px;
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: 0;
}

.sb-repurchase-cycle-rail strong {
  display: block;
  margin-bottom: 10px;
  color: #0b1220;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.12;
}

.sb-repurchase-cycle-rail p {
  max-width: 210px;
  margin: 0;
  color: #374151;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

.sb-core-features {
  --sb-core-shell: min(1824px, calc(100% - 224px));

  padding: 128px 0;
  color: #ffffff;
  background: var(--bg-dark);
  overflow: hidden;
}

.sb-core-features .container {
  width: var(--sb-core-shell);
  max-width: none;
}

.sb-core-band-intro {
  max-width: 980px;
}

.sb-core-band-intro > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #dbeafe;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sb-core-band-intro > span span {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--fonteia-green);
}

.sb-core-band-intro h2 {
  max-width: 1040px;
  margin: 28px 0 22px;
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
}

.sb-core-band-intro p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 20px;
  line-height: 1.68;
}

.sb-source-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 52px;
}

.sb-source-board article {
  display: flex;
  flex-direction: column;
  min-height: 190px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
}

.sb-source-board strong {
  display: block;
  margin-bottom: 14px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.28;
}

.sb-source-board p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 16px;
  line-height: 1.62;
}

.sb-source-board small {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 22px;
  color: rgba(255, 255, 255, 0.56);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.sb-source-board small::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: var(--fonteia-green);
  box-shadow: 0 0 0 4px rgba(49, 206, 54, 0.12);
}

.sb-api-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.84fr) minmax(0, 1.16fr);
  gap: 72px;
  align-items: start;
}

.sb-api-grid {
  margin-top: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sb-faq {
  --sb-section-shell: min(1824px, calc(100% - 224px));

  padding: 96px 0 120px;
  color: #111827;
  background: var(--bg-white);
}

.sb-faq-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
  gap: 96px;
  align-items: start;
}

.sb-faq-heading {
  position: sticky;
  top: 104px;
}

.sb-faq-heading span {
  display: block;
  margin-bottom: 22px;
  color: var(--fonteia-blue);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.sb-faq-heading h2 {
  max-width: 560px;
  margin: 0 0 22px;
  color: #111827;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
}

.sb-faq-heading p {
  max-width: 520px;
  margin: 0;
  color: #4b5563;
  font-size: 20px;
  line-height: 1.68;
}

.sb-faq-list {
  border-top: 1px solid rgba(217, 226, 239, 0.58);
}

.sb-faq-list details {
  border-bottom: 1px solid rgba(217, 226, 239, 0.58);
}

.sb-faq-list summary {
  min-height: 96px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 24px;
  align-items: center;
  cursor: pointer;
  list-style: none;
  color: #111827;
}

.sb-faq-list summary::-webkit-details-marker {
  display: none;
}

.sb-faq-list summary span {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.28;
}

.sb-faq-list summary::after {
  content: "+";
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 3px;
  border: 1px solid #d9e2ef;
  border-radius: 999px;
  color: var(--fonteia-blue);
  background: #ffffff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}

.sb-faq-list details[open] summary::after {
  content: "-";
  padding-bottom: 5px;
  color: #ffffff;
  border-color: var(--fonteia-blue);
  background: var(--fonteia-blue);
}

.sb-faq-list p {
  max-width: 760px;
  margin: -14px 76px 32px 0;
  color: #4b5563;
  font-size: 17px;
  line-height: 1.68;
}

.sb-pricing {
  --sb-pricing-shell: min(1824px, calc(100% - 224px));

  scroll-margin-top: 118px;
  padding: 96px 0 112px;
  color: #111827;
  background:
    linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #f6f9fd 100%);
}

.sb-pricing .container {
  width: var(--sb-pricing-shell);
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.sb-pricing-heading {
  max-width: 860px;
  margin-bottom: 64px;
}

.sb-pricing-heading h2 {
  margin: 0 0 20px;
  color: #111827;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.12;
}

.sb-pricing-heading p {
  max-width: 760px;
  margin: 0;
  color: #4b5563;
  font-size: 20px;
  line-height: 1.68;
}

.sb-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

.sb-plan-card {
  position: relative;
  min-width: 0;
  border: 1px solid #dbe5f2;
  border-radius: 22px;
  background: #ffffff;
  text-align: left;
  overflow: hidden;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.sb-plan-card:hover {
  transform: translateY(-4px);
  border-color: #b6c7dc;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.12);
}

.sb-plan-featured {
  border: 2px solid var(--fonteia-blue);
  transform: translateY(-8px);
  box-shadow: 0 22px 62px rgba(51, 99, 225, 0.17);
}

.sb-plan-featured:hover {
  transform: translateY(-12px);
  box-shadow: 0 28px 74px rgba(51, 99, 225, 0.22);
}

.sb-plan-dark {
  color: #ffffff;
  border-color: var(--bg-dark);
  background: var(--bg-dark);
  overflow: visible;
  box-shadow: 0 24px 64px rgba(7, 17, 31, 0.24);
}

.sb-plan-tag {
  position: absolute;
  top: 16px;
  right: 18px;
  z-index: 2;
  padding: 7px 12px;
  border-radius: 999px;
  color: #ffffff;
  background: #f97316;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.sb-plan-header {
  padding: 36px 32px 16px;
}

.sb-plan-name {
  display: block;
  margin: 0 0 6px;
  color: #111827;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.sb-plan-dark .sb-plan-name {
  color: #ffffff;
}

.sb-plan-limit {
  margin: 0;
  color: #4b5563;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

.sb-plan-dark .sb-plan-limit {
  color: #cbd5e1;
}

.sb-price-box {
  padding: 0 32px 30px;
}

.sb-price-lead {
  margin-bottom: 12px;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.sb-price-lead span {
  text-decoration: line-through;
}

.sb-plan-dark .sb-price-lead {
  color: #ffffff;
}

.sb-price-current {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-height: 86px;
  color: #111827;
}

.sb-plan-dark .sb-price-current {
  color: #ffffff;
}

.sb-price-currency {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.sb-price-main {
  display: block;
  font-size: 72px;
  line-height: 0.98;
  font-weight: 700;
  letter-spacing: 0;
}

.sb-price-cents {
  margin-top: 12px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
}

.sb-price-period {
  margin-top: 8px;
  color: #4b5563;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

.sb-plan-dark .sb-price-period {
  color: #cbd5e1;
}

.sb-plan-features {
  display: grid;
  gap: 14px;
  margin: auto 0 0;
  padding: 28px 32px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  list-style: none;
}

.sb-plan-dark .sb-plan-features {
  border-color: rgba(255, 255, 255, 0.12);
}

.sb-plan-features li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
  color: #374151;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}

.sb-plan-dark .sb-plan-features li {
  color: #e5e7eb;
}

.sb-plan-features i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: var(--fonteia-green);
  font-size: 16px;
  line-height: 1;
}

.sb-plan-dark .sb-plan-features i {
  color: #16c75e;
}

.sb-plan-cta {
  padding: 30px 32px 22px;
}

.sb-plan-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 12px 18px;
  border: 0;
  border-radius: 45px;
  color: #ffffff;
  background: var(--fonteia-blue);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: filter 0.18s ease, transform 0.18s ease, background-position 0.34s ease;
}

.sb-plan-button:hover,
.sb-plan-button:focus {
  color: #ffffff;
  filter: brightness(0.95);
  transform: translateY(-1px);
}

.sb-plan-button-secondary {
  color: var(--fonteia-blue);
  border: 1px solid var(--fonteia-blue);
  background: #ffffff;
}

.sb-plan-button-secondary:hover,
.sb-plan-button-secondary:focus {
  color: var(--fonteia-blue);
}

.sb-plan-dark .sb-plan-button {
  color: #111827;
  background: #ffffff;
}

.sb-plan-dark .sb-plan-button:hover,
.sb-plan-dark .sb-plan-button:focus {
  color: #111827;
}

.sb-plan-note {
  margin-top: 12px;
  color: #4b5563;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
}

.sb-plan-dark .sb-plan-note {
  color: #cbd5e1;
}

.sb-plan-refund {
  padding: 16px 30px 22px;
  color: #111827;
  background: #f9fafb;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.sb-plan-dark .sb-plan-refund {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
}

.sb-final-cta {
  --sb-final-cta-shell: min(1824px, calc(100% - 224px));

  position: relative;
  overflow: hidden;
  padding: 128px 0;
  color: #111827;
  background:
    radial-gradient(circle at 18% 100%, rgba(51, 99, 225, 0.16) 0%, rgba(51, 99, 225, 0.08) 24%, rgba(255, 255, 255, 0) 46%),
    radial-gradient(circle at 84% 100%, rgba(51, 99, 225, 0.11) 0%, rgba(51, 99, 225, 0.045) 24%, rgba(255, 255, 255, 0) 44%),
    linear-gradient(0deg, rgba(246, 249, 253, 0.96) 0%, rgba(255, 255, 255, 0) 68%),
    #ffffff;
}

.sb-final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(17, 24, 39, 0.052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17, 24, 39, 0.052) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.12) 86%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.58) 50%, rgba(0, 0, 0, 0.12) 86%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.sb-final-cta .container {
  position: relative;
  z-index: 1;
  width: var(--sb-final-cta-shell);
  max-width: none;
}

.sb-final-cta-content {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}

.sb-final-cta-content span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-bottom: 34px;
  padding: 9px 18px;
  border: 1px solid rgba(51, 99, 225, 0.20);
  border-radius: 999px;
  color: var(--fonteia-blue);
  background: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  font-weight: 600;
}

.sb-final-cta h2 {
  max-width: 980px;
  margin: 0 auto 28px;
  color: #111827;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.1;
}

.sb-final-cta p {
  max-width: 720px;
  margin: 0 auto;
  color: #4b5563;
  font-size: 20px;
  line-height: 1.68;
}

.sb-final-cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 42px;
}

.sb-final-cta-button,
.sb-final-cta-actions .sb-site-action-button {
  min-width: 190px;
  min-height: 54px;
  padding: 0 28px;
}

.sb-final-cta-secondary {
  border: 1px solid rgba(51, 99, 225, 0.38);
  color: #244BB8;
  background-image: linear-gradient(90deg, rgba(51, 99, 225, 0.12) 0 50%, #ffffff 50% 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
}

.sb-final-cta-secondary:hover,
.sb-final-cta-secondary:focus {
  color: #244BB8;
  border-color: rgba(51, 99, 225, 0.62);
  background-position: 0 0;
}

.sb-site-footer {
  --sb-footer-shell: min(1824px, calc(100% - 224px));

  position: relative;
  padding: 112px 0 54px;
  overflow: hidden;
  color: #d9e6f7;
  background:
    radial-gradient(circle at 0% 100%, rgba(51, 99, 225, 0.12) 0%, rgba(51, 99, 225, 0) 32%),
    radial-gradient(circle at 100% 0%, rgba(51, 99, 225, 0.08) 0%, rgba(51, 99, 225, 0) 28%),
    var(--bg-dark);
}

.sb-site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.07) 48%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.07) 48%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.sb-site-footer .container {
  position: relative;
  z-index: 1;
  width: var(--sb-footer-shell);
  max-width: none;
}

.sb-site-footer-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 34px 44px;
  align-items: start;
}

.sb-site-footer-brand-column {
  padding-right: 0;
}

.sb-site-footer-brand {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.sb-site-footer-brand-mark {
  width: 72px;
  height: 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 72px;
  border-radius: 14px;
  color: #ffffff;
  background: #ffffff;
  color: #07111f;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.sb-site-footer-brand-mark svg,
.sb-site-footer-brand-mark img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

.sb-site-footer-title {
  display: block;
  margin: 0 0 14px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
}

.sb-site-footer-subtitle {
  margin-top: 34px;
}

.sb-site-footer-column ul {
  display: grid;
  gap: 12px;
  margin: 0;
}

.sb-site-footer-column a {
  color: rgba(255, 255, 255, 0.64);
  font-size: 15px;
  line-height: 1.5;
  transition: color 0.18s ease, transform 0.18s ease;
}

.sb-site-footer-column a:hover,
.sb-site-footer-column a:focus {
  color: #ffffff;
  transform: translateX(2px);
}

.sb-site-footer-segment-list {
  grid-template-columns: 1fr;
  gap: 12px;
}

.sb-site-footer-segment-list a {
  font-size: 15px;
  line-height: 1.5;
}

.sb-site-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 72px;
  padding-top: 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.sb-site-footer-legal,
.sb-site-footer-locale {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.sb-site-footer-legal span,
.sb-site-footer-legal a,
.sb-site-footer-locale span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 15px;
  line-height: 1.5;
}

.sb-site-footer-legal a {
  transition: color 0.18s ease;
}

.sb-site-footer-legal a:hover,
.sb-site-footer-legal a:focus {
  color: #ffffff;
}

.sb-site-footer-legal > *:not(:last-child)::after,
.sb-site-footer-locale > *:not(:last-child)::after {
  content: "•";
  margin-left: 12px;
  color: rgba(255, 255, 255, 0.28);
}

@media (max-width: 1200px) {
  .sb-site-header {
    --sb-header-shell: min(1520px, calc(100% - 120px));
  }

  .sb-hero {
    --sb-hero-shell: min(1520px, calc(100% - 120px));
  }

  .sb-product,
  .sb-api,
  .sb-publics,
  .sb-faq {
    --sb-section-shell: min(1520px, calc(100% - 120px));
  }

  .sb-proof-example {
    --sb-proof-example-shell: min(1520px, calc(100% - 120px));
  }

  .sb-proof-compare {
    --sb-proof-shell: min(1520px, calc(100% - 120px));
  }

  .sb-repurchase-cycle {
    --sb-repurchase-shell: min(1520px, calc(100% - 120px));
  }

  .sb-core-features {
    --sb-core-shell: min(1520px, calc(100% - 120px));
  }

  .sb-pricing {
    --sb-pricing-shell: min(1520px, calc(100% - 120px));
  }

  .sb-final-cta {
    --sb-final-cta-shell: min(1520px, calc(100% - 120px));
  }

  .sb-site-footer {
    --sb-footer-shell: min(1520px, calc(100% - 120px));
  }

  .sb-hero-title {
    font-size: 58px;
  }
}

@media (max-width: 980px) {
  .sb-site-footer {
    --sb-footer-shell: calc(100% - 120px);
  }

  .sb-site-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sb-site-footer-segment-list {
    grid-template-columns: 1fr;
  }

  .sb-site-footer-brand-column {
    grid-column: auto;
  }
}

@media (max-width: 1200px) {
  .sb-site-brand-text {
    display: none;
  }

  .sb-site-nav-link {
    padding: 0 14px;
    font-size: 14px;
  }
}

@media (max-width: 980px) {
  .sb-site-header {
    --sb-header-shell: calc(100% - 56px);
  }

  .sb-hero {
    --sb-hero-shell: calc(100% - 56px);
  }

  .sb-product,
  .sb-api,
  .sb-publics,
  .sb-faq {
    --sb-section-shell: calc(100% - 56px);
  }

  .sb-proof-example {
    --sb-proof-example-shell: calc(100% - 56px);
  }

  .sb-proof-compare {
    --sb-proof-shell: calc(100% - 56px);
  }

  .sb-repurchase-cycle {
    --sb-repurchase-shell: calc(100% - 56px);
  }

  .sb-core-features {
    --sb-core-shell: calc(100% - 24px);
  }

  .sb-pricing {
    --sb-pricing-shell: calc(100% - 56px);
  }

  .sb-final-cta {
    --sb-final-cta-shell: calc(100% - 56px);
  }

  .sb-site-footer {
    --sb-footer-shell: calc(100% - 56px);
  }

  .sb-site-nav,
  .sb-site-actions {
    display: none;
  }

  .sb-site-mobile-header-actions {
    display: flex;
    justify-content: flex-end;
  }

  .sb-site-mobile-menu {
    display: block;
  }

  .sb-site-header-bar {
    min-height: 82px;
    gap: 12px;
  }

  .sb-site-mobile-header-actions {
    gap: 10px;
  }

  .sb-site-mobile-header-actions .sb-site-action-button {
    min-height: 48px;
    padding: 0 20px;
    font-size: 14px;
  }

  .sb-site-mobile-toggle {
    width: 48px;
    height: 48px;
  }

  .sb-hero {
    min-height: auto;
    padding: 92px 0 76px;
  }

  .sb-hero-title,
  .sb-proof-example h2,
  .sb-section-heading h2,
  .sb-repurchase-cycle-heading h2,
  .sb-proof-compare-heading h2,
  .sb-core-band-intro h2,
  .sb-pricing-heading h2,
  .sb-faq-heading h2 {
    font-size: 44px;
  }

  .sb-product-grid,
  .sb-publics-grid,
  .sb-proof-example-layout,
  .sb-api-layout,
  .sb-api-grid,
  .sb-repurchase-cycle-rail,
  .sb-proof-compare-heading,
  .sb-proof-compare-grid,
  .sb-plan-grid,
  .sb-source-board,
  .sb-faq-layout {
    grid-template-columns: 1fr;
  }

  .sb-site-footer {
    padding: 64px 0 40px;
  }

  .sb-site-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 28px;
  }

  .sb-site-footer-brand-column {
    grid-column: 1 / -1;
  }

  .sb-api-layout,
  .sb-proof-example-layout,
  .sb-proof-compare-heading,
  .sb-faq-layout {
    gap: 52px;
  }

  .sb-faq-heading {
    position: static;
  }
}

@media (max-width: 600px) {
  .sb-site-header {
    --sb-header-shell: 100%;
  }

  .sb-hero {
    --sb-hero-shell: calc(100% - 24px);
  }

  .sb-product,
  .sb-api,
  .sb-publics,
  .sb-faq {
    --sb-section-shell: calc(100% - 24px);
  }

  .sb-proof-example {
    --sb-proof-example-shell: calc(100% - 24px);
  }

  .sb-proof-compare {
    --sb-proof-shell: calc(100% - 24px);
  }

  .sb-repurchase-cycle {
    --sb-repurchase-shell: calc(100% - 24px);
  }

  .sb-core-features {
    --sb-core-shell: calc(100% - 24px);
  }

  .sb-final-cta {
    --sb-final-cta-shell: calc(100% - 24px);
  }

  .sb-site-footer {
    --sb-footer-shell: calc(100% - 24px);
    padding: 42px 0 32px;
  }

  .sb-site-header .container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .sb-site-header-bar {
    min-height: 76px;
    gap: 8px;
  }

  .sb-site-mobile-header-actions {
    gap: 8px;
  }

  .sb-site-mobile-header-actions .sb-site-action-button {
    min-height: 44px;
    padding: 0 16px;
    font-size: 13px;
  }

  .sb-site-account-toggle {
    width: 44px;
    height: 44px;
  }

  .sb-site-account-avatar {
    width: 40px;
    height: 40px;
  }

  .sb-site-account-menu {
    right: -52px;
    width: min(260px, calc(100vw - 24px));
  }

  .sb-site-account-email,
  .sb-site-account-menu a {
    min-height: 40px;
    padding: 0 16px;
    font-size: 15px;
  }

  .sb-site-mobile-toggle {
    width: 44px;
    height: 44px;
    font-size: 17px;
  }

  .sb-site-mobile-panel {
    top: 64px;
    height: calc(100dvh - 64px);
    min-height: calc(100dvh - 64px);
    padding: 24px 20px 32px;
  }

  .sb-site-brand-mark {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 19px;
  }

  .sb-site-mobile-link {
    min-height: 64px;
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 34px;
    font-size: 18px;
  }

  .sb-site-nav-link {
    min-height: 42px;
    padding: 0 12px;
    font-size: 14px;
  }

  .sb-hero {
    padding: 72px 0 62px;
  }

  .sb-hero-content {
    text-align: center;
  }

  .sb-hero-title {
    font-size: 38px;
    line-height: 1.18;
  }

  .sb-hero-description,
  .sb-proof-example p,
  .sb-section-heading p,
  .sb-repurchase-cycle-heading p,
  .sb-proof-compare-heading p,
  .sb-core-band-intro p,
  .sb-pricing-heading p,
  .sb-faq-heading p,
  .sb-final-cta p {
    font-size: 16px;
    line-height: 1.72;
  }

  .fonteia-search {
    grid-template-columns: 1fr;
    border-radius: 26px;
    padding: 10px;
  }

  .fonteia-hero-suggestions {
    left: 10px;
    right: 10px;
    border-radius: 16px;
  }

  .fonteia-search-field {
    min-height: 52px;
  }

  .fonteia-search input {
    font-size: 16px;
  }

  .fonteia-search button {
    width: 100%;
  }

  .sb-hero-trust {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    justify-content: flex-start;
    text-align: left;
  }

  .sb-product,
  .sb-api,
  .sb-publics,
  .sb-proof-example,
  .sb-repurchase-cycle,
  .sb-proof-compare,
  .sb-core-features,
  .sb-pricing,
  .sb-faq,
  .sb-final-cta {
    padding: 76px 0;
  }

  .sb-section-heading h2,
  .sb-proof-example h2,
  .sb-repurchase-cycle-heading h2,
  .sb-proof-compare-heading h2,
  .sb-core-band-intro h2,
  .sb-pricing-heading h2,
  .sb-faq-heading h2 {
    font-size: 36px;
    line-height: 1.18;
  }

  .sb-proof-compare-heading {
    gap: 20px;
  }

  .sb-proof-example-layout {
    gap: 32px;
  }

  .sb-proof-example-card {
    padding: 24px;
  }

  .sb-proof-example-card div {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px 0;
  }

  .sb-proof-compare-grid {
    gap: 16px;
    margin-top: 42px;
  }

  .sb-proof-card {
    min-height: 0;
    padding: 28px 24px;
  }

  .sb-proof-card h3 {
    margin-bottom: 22px;
    font-size: 18px;
  }

  .sb-proof-card ul {
    gap: 14px;
  }

  .sb-proof-card li {
    font-size: 16px;
    line-height: 1.55;
  }

  .sb-pricing-heading {
    margin-bottom: 42px;
  }

  .sb-plan-grid {
    gap: 18px;
  }

  .sb-plan-featured {
    transform: none;
  }

  .sb-plan-header {
    padding: 30px 24px 14px;
  }

  .sb-price-box,
  .sb-plan-features,
  .sb-plan-cta {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sb-price-main {
    font-size: 56px;
  }

  .sb-final-cta h2 {
    font-size: 38px;
    line-height: 1.18;
  }

  .sb-final-cta-actions {
    justify-content: center;
  }

  .sb-final-cta-button,
  .sb-final-cta-actions .sb-site-action-button {
    width: 100%;
  }

  .sb-faq-list summary {
    min-height: 84px;
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 18px;
  }

  .sb-faq-list summary span {
    font-size: 20px;
  }

  .sb-faq-list summary::after {
    width: 36px;
    height: 36px;
    font-size: 21px;
  }

  .sb-faq-list p {
    margin: -8px 54px 28px 0;
    font-size: 16px;
  }

  .sb-site-footer-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .sb-site-footer-brand-mark {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 19px;
    border-radius: 10px;
  }

  .sb-site-footer-title {
    font-size: 17px;
  }

  .sb-site-footer-column a,
  .sb-site-footer-legal span,
  .sb-site-footer-legal a,
  .sb-site-footer-locale span {
    font-size: 15px;
  }

  .sb-site-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    margin-top: 34px;
    padding-top: 22px;
  }
}

@media (max-width: 700px) {
  .sb-pricing {
    --sb-pricing-shell: calc(100% - 64px);
  }
}

@media (max-width: 430px) {
  .sb-pricing {
    --sb-pricing-shell: calc(100% - 40px);
  }
}

@media (max-width: 980px) {
  .sb-repurchase-cycle {
    padding: 96px 0;
  }

  .sb-repurchase-cycle-heading {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 56px;
  }

  .sb-repurchase-cycle-heading h2 {
    max-width: 760px;
    font-size: 44px;
  }

  .sb-repurchase-cycle-heading p {
    max-width: 680px;
    font-size: 18px;
  }

  .sb-repurchase-cycle-rail {
    grid-template-columns: 1fr;
    padding-top: 0;
    border-top: 0;
  }

  .sb-repurchase-cycle-rail::before {
    top: 0;
    bottom: 0;
    left: 27px;
    width: 4px;
    height: auto;
    transform: none;
    background: linear-gradient(180deg, #3363E1 0%, #3363E1 64%, #31ce36 100%);
  }

  .sb-repurchase-cycle-rail li,
  .sb-repurchase-cycle-rail li + li {
    min-height: auto;
    padding: 0 0 42px 82px;
    border-left: 0;
  }

  .sb-repurchase-cycle-rail li::before {
    top: 14px;
    left: 14px;
  }

  .sb-repurchase-cycle-rail li:last-child {
    padding-bottom: 0;
  }

  .sb-repurchase-cycle-rail span {
    margin-bottom: 14px;
  }

  .sb-repurchase-cycle-rail p {
    max-width: 520px;
  }
}

@media (max-width: 600px) {
  .sb-repurchase-cycle {
    padding: 72px 0;
  }

  .sb-repurchase-cycle-heading {
    margin-bottom: 44px;
  }

  .sb-repurchase-cycle-heading h2 {
    font-size: 36px;
    line-height: 1.18;
  }

  .sb-repurchase-cycle-heading p {
    font-size: 16px;
    line-height: 1.72;
  }

  .sb-repurchase-cycle-rail::before {
    top: 0;
    bottom: 0;
    left: 22px;
    width: 3px;
    height: auto;
    transform: none;
    background: linear-gradient(180deg, #3363E1 0%, #3363E1 44%, #31ce36 100%);
  }

  .sb-repurchase-cycle-rail li,
  .sb-repurchase-cycle-rail li + li {
    min-height: auto;
    padding: 0 0 34px 64px;
    border-left: 0;
  }

  .sb-repurchase-cycle-rail li::before {
    top: 12px;
    left: 15px;
    width: 16px;
    height: 16px;
    border-width: 4px;
  }

  .sb-repurchase-cycle-rail li:last-child {
    padding-bottom: 0;
  }

  .sb-repurchase-cycle-rail span {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 999px;
    color: #3363E1;
    background: #edf5ff;
    font-size: 13px;
    line-height: 1;
  }

  .sb-repurchase-cycle-rail strong {
    font-size: 24px;
  }

  .sb-repurchase-cycle-rail p {
    max-width: none;
    font-size: 16px;
  }
}
.sb-section-link {
  width: fit-content;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  margin-top: 22px;
  color: var(--fonteia-blue);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.sb-section-link:hover,
.sb-section-link:focus {
  color: var(--fonteia-blue-dark);
  text-decoration: none;
}


/* Source: responsive.css */
/* Shared layout contract. Loaded after page styles so inclusive rules accumulate. */
:root {
  --jp-content-max: 1280px;
  --jp-content-gutter: 48px;
}

html,
body {
  min-width: 320px;
}

body .container.container {
  width: min(var(--jp-content-max), calc(100% - 2 * var(--jp-content-gutter)));
  max-width: 1280px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

.sb-site-header {
  --sb-header-shell: min(1280px, calc(100% - 2 * var(--jp-content-gutter)));
}

.sb-site-header .sb-site-header-bar {
  flex-wrap: nowrap;
}

.sb-site-brand {
  min-width: 0;
}

@media (min-width: 981px) and (max-width: 1200px) {
  .sb-site-header-bar { gap: 8px; }
  .sb-site-brand-logo { width: 190px; }
  .sb-site-nav { gap: 0; }
  .sb-site-nav-link { padding: 0 8px; font-size: 13px; }
  .sb-site-actions { gap: 6px; }
  .sb-site-actions .sb-site-action-button { padding: 0 12px; font-size: 13px; }
}

@media (max-width: 1200px) {
  .sb-hero-trust { flex-wrap: wrap; }
}

@media (max-width: 980px) {
  :root { --jp-content-gutter: 32px; }
}

@media (max-width: 980px) {
  .sb-site-header { height: 64px; }
  .sb-site-header .sb-site-header-bar {
    height: 63px;
    min-height: 63px;
    gap: 8px;
  }
  .sb-site-brand-logo { width: 160px; max-height: 48px; object-fit: contain; }
  .sb-site-mobile-header-actions { margin-left: auto; gap: 8px; }
  .sb-site-mobile-header-actions .sb-site-action-button { min-height: 40px; padding: 0 12px; }
  .sb-site-mobile-toggle { width: 40px; height: 40px; }
  .sb-site-mobile-panel {
    top: 64px;
    height: calc(100vh - 64px);
    height: calc(100dvh - 64px);
    min-height: 0;
    padding: 24px 20px 32px;
  }
}

@media (max-width: 700px) {
  :root { --jp-content-gutter: 20px; }
  .fi-integration-hero-grid,
  .fi-integration-pain-grid,
  .fi-integration-section-grid,
  .fi-integration-feature-grid,
  .fi-integration-stat-grid,
  .fi-agents-hero-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 700px) {
  main[class] h1,
  .sb-hero-title { font-size: 42px; line-height: 1.18; }
  main[class] h2,
  .sb-section-heading h2,
  .sb-proof-example h2,
  .sb-repurchase-cycle-heading h2,
  .sb-proof-compare-heading h2,
  .sb-core-band-intro h2,
  .sb-pricing-heading h2,
  .sb-faq-heading h2,
  .sb-final-cta h2 { font-size: 35px; line-height: 1.18; }
}

@media (max-width: 600px) {
  .sb-site-mobile-header-actions .sb-site-action-button-secondary { display: none; }
  .sb-site-brand-logo { width: 145px; }
  .sb-core-band-main,
  .sb-core-band-secondary,
  .sb-core-card-grid,
  .sb-site-mobile-feature-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 600px) {
  .fi-integration-page h1,
  .fi-agents-page h1 { overflow-wrap: anywhere; }
  .fi-integration-console { padding: 16px; }
  .fi-integration-actions { min-width: 0; }
}


/* Source: interface.css */
/* Compact visual scale shared by the public site and customer pages. */
.jp-home-plan.is-free ul { align-content: start; }
[data-button-motion] {
  background-image: linear-gradient(90deg, var(--button-hover-color) 0 50%, var(--button-rest-color) 50% 100%) !important;
  background-size: 200% 100% !important;
  background-position: 100% 0 !important;
  transition: background-position .34s ease, background-color .18s ease, color .18s ease !important;
  transform: none !important;
}
[data-button-motion]:not(:disabled):not([aria-disabled="true"]):hover,
[data-button-motion]:not(:disabled):not([aria-disabled="true"]):focus-visible { background-position: 0 0 !important; }
.jp-hero-integrations .jp-install-button-claude[data-button-motion] { --button-hover-color: #f0e4d8 !important; }
.jp-hero-integrations .jp-install-button-chatgpt[data-button-motion] { --button-hover-color: #f1f1f1 !important; }
.jp-hero-integrations .jp-install-button-claude:hover { border-color: #d6b99d; }
.jp-hero-integrations .jp-install-button-chatgpt:hover { border-color: #bfc5cc; }
html { scroll-behavior: smooth; }
main > section[id] { scroll-margin-top: 96px; }
@media (max-width: 980px) { main > section[id] { scroll-margin-top: 80px; } }
.jp-menu-installation .jp-installation-card { padding: 24px; }
.jp-menu-installation .jp-installation-brand h3 { margin: 0; color: inherit; font-size: 25px; font-weight: 600; }
.jp-menu-installation .jp-installation-brand img { width: 32px; height: 32px; }
.jp-menu-installation .jp-installation-description { margin: 18px 0 22px; font-size: 14px; }
.jp-menu-installation .jp-installation-steps { gap: 18px; margin-bottom: 24px; }
.jp-menu-installation .jp-installation-steps strong { font-size: 13px; }
.jp-menu-installation .jp-installation-steps p { font-size: 12px; margin-top: 4px; }
.jp-menu-installation .jp-installation-cta { font-size: 13px; padding: 12px; min-height: 46px; }
.jp-solution-page { overflow: hidden; color: #172b43; background: #fff; }
.jp-solution-page section { position: relative; }
.jp-solution-hero { padding: 106px 0 96px; background: radial-gradient(circle at 88% 16%, rgb(217 161 61 / 12%), transparent 30%), linear-gradient(145deg, #f7f4ef 0%, #fff 58%); border-bottom: 1px solid #e5e8ec; }
.jp-solution-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .72fr); align-items: center; gap: 76px; }
.jp-solution-kicker { margin: 0 0 18px; font: 500 11px/1.6 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .1em; text-transform: uppercase; color: #926b28; }
:root body main .jp-solution-hero h1 { max-width: 800px; margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(48px, 5.2vw, 76px); font-weight: 600; line-height: 1.04; letter-spacing: -.035em; color: #10263f; }
.jp-solution-lead { max-width: 710px; margin: 28px 0 0; font-size: 20px; line-height: 1.65; color: #536273; }
.jp-solution-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 34px; }
.jp-solution-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 56px; padding: 15px 24px; border-radius: 10px; font-size: 15px; font-weight: 650; }
.jp-solution-button-primary { min-width: 238px; background: #032d5e; color: #fff; }
.jp-solution-button-primary:hover { color: #fff; }
.jp-solution-button span { font-size: 19px; }
.jp-solution-text-link { color: #193d66; font-size: 15px; font-weight: 650; }
.jp-solution-trust-list { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 34px 0 0; padding: 25px 0 0; border-top: 1px solid #d9dee4; list-style: none; color: #596575; font-size: 13px; }
.jp-solution-trust-list i { margin-right: 7px; color: #9a6d23; }
.jp-solution-question-card { padding: 34px; border: 1px solid #d8dee5; border-radius: 20px; background: rgb(255 255 255 / 88%); box-shadow: 0 24px 60px rgb(26 43 62 / 10%); }
.jp-solution-card-label, .jp-solution-answer-preview > span { display: block; font: 500 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .08em; text-transform: uppercase; color: #8a672d; }
.jp-solution-question-card > p { margin: 15px 0 0; font-family: "Source Serif 4", Georgia, serif; font-size: 26px; font-weight: 600; line-height: 1.35; color: #172b43; }
.jp-solution-question-arrow { display: grid; place-items: center; width: 34px; height: 34px; margin: 24px auto; border-radius: 50%; background: #f0e5d2; color: #80581e; }
.jp-solution-answer-preview { padding: 22px; border-radius: 13px; background: #edf3f8; border: 1px solid #d6e1eb; }
.jp-solution-answer-preview strong { display: block; margin-top: 9px; font-size: 16px; line-height: 1.45; color: #032d5e; }
.jp-solution-answer-preview small { display: block; margin-top: 8px; font-size: 12px; line-height: 1.6; color: #627184; }
.jp-solution-hero-firm { background: radial-gradient(circle at 85% 15%, rgb(61 105 145 / 13%), transparent 31%), linear-gradient(145deg, #f5f7f9 0%, #fff 58%); }
.jp-solution-review-question { display: flex; align-items: flex-start; gap: 13px; margin: 24px 0; padding: 18px; border-left: 2px solid #d6a64e; background: #faf7f1; }
.jp-solution-review-question i { margin-top: 4px; color: #8a672d; }
.jp-solution-review-question span { color: #596575; font-size: 13px; line-height: 1.6; }
.jp-solution-review-question strong { display: block; margin-bottom: 4px; color: #172b43; font-size: 13px; }
.jp-solution-section { padding: 104px 0; }
.jp-solution-heading { max-width: 790px; margin: 0 auto 52px; text-align: center; }
.jp-solution-heading-left { max-width: 820px; margin: 0 0 52px; text-align: left; }
:root body main .jp-solution-heading h2, :root body main .jp-solution-contrast-copy h2, :root body main .jp-solution-proof-copy h2, :root body main .jp-solution-surfaces h2, :root body main .jp-solution-faq h2, :root body main .jp-solution-final h2 { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(38px, 4vw, 54px); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; color: #172b43; }
.jp-solution-heading > p:last-child, .jp-solution-contrast-copy > p:not(.jp-solution-kicker), .jp-solution-proof-copy > p:not(.jp-solution-kicker), .jp-solution-surfaces-grid > div > p:last-child { margin: 22px 0 0; font-size: 18px; line-height: 1.7; color: #596575; }
.jp-solution-pain-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.jp-solution-pain-grid article { min-width: 0; padding: 30px 26px; border-top: 2px solid #d6a64e; background: #f7f7f7; }
.jp-solution-pain-grid article > span { font: 500 11px/1 "JetBrains Mono", "JetBrains Mono Fallback", monospace; color: #9a6d23; }
:root body main .jp-solution-pain-grid h3 { margin: 24px 0 12px; font-size: 19px; font-weight: 650; line-height: 1.4; color: #172b43; }
.jp-solution-pain-grid p, .jp-solution-outcome-grid p { margin: 0; color: #5e6a79; font-size: 14px; line-height: 1.75; }
.jp-solution-contrast { background: #092949; color: #fff; }
.jp-solution-contrast-grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(520px, 1.25fr); gap: 70px; align-items: center; }
:root body main .jp-solution-contrast-copy h2 { color: #fff; }
.jp-solution-contrast-copy > p { color: #cad5e0; }
.jp-solution-contrast-copy blockquote { margin: 34px 0 0; padding: 20px 0 20px 24px; border-left: 2px solid #d9a13d; font-family: "Source Serif 4", Georgia, serif; font-size: 23px; line-height: 1.45; color: #f7efe3; }
.jp-solution-contrast-table { border: 1px solid rgb(255 255 255 / 18%); border-radius: 16px; overflow: hidden; background: rgb(255 255 255 / 5%); }
.jp-solution-contrast-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jp-solution-contrast-row + .jp-solution-contrast-row { border-top: 1px solid rgb(255 255 255 / 12%); }
.jp-solution-contrast-row span { padding: 20px 22px; font-size: 14px; line-height: 1.55; color: #c4cfda; }
.jp-solution-contrast-row span + span { border-left: 1px solid rgb(255 255 255 / 12%); color: #fff; background: rgb(255 255 255 / 4%); }
.jp-solution-contrast-header span { font: 600 11px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .05em; text-transform: uppercase; color: #e0c38d; }
.jp-solution-workflow { background: #f7f7f7; }
.jp-solution-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin: 0; padding: 0; list-style: none; }
.jp-solution-steps li { position: relative; min-width: 0; padding: 30px 26px; border: 1px solid #dfe4e9; border-radius: 15px; background: #fff; }
.jp-solution-steps li:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; right: -16px; top: 39px; color: #9ca9b7; font-size: 20px; }
.jp-solution-steps li > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: #eaf0f6; color: #032d5e; font: 600 12px/1 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
:root body main .jp-solution-steps h3 { margin: 24px 0 10px; font-size: 19px; font-weight: 650; color: #172b43; }
.jp-solution-steps p { margin: 0; color: #5e6a79; font-size: 14px; line-height: 1.7; }
.jp-solution-proof-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(400px, .7fr); gap: 92px; align-items: center; }
.jp-solution-proof-copy ul { display: grid; gap: 22px; margin: 36px 0 0; padding: 0; list-style: none; }
.jp-solution-proof-copy li { display: flex; gap: 16px; align-items: flex-start; }
.jp-solution-proof-copy li i { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 9px; background: #edf3f8; color: #032d5e; }
.jp-solution-proof-copy li strong { display: block; margin-bottom: 5px; color: #172b43; font-size: 15px; }
.jp-solution-proof-copy li span { color: #5e6a79; font-size: 14px; line-height: 1.65; }
.jp-solution-resolution-card { padding: 34px; border: 1px solid #d7dee5; border-radius: 18px; background: #fff; box-shadow: 0 22px 50px rgb(22 43 66 / 10%); }
.jp-solution-resolution-topline { display: flex; justify-content: space-between; gap: 12px; color: #6b7786; font: 500 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .06em; text-transform: uppercase; }
:root body main .jp-solution-resolution-card h3 { margin: 24px 0; font-family: "Source Serif 4", Georgia, serif; font-size: 34px; font-weight: 600; color: #172b43; }
.jp-solution-resolution-card dl { margin: 0; padding: 20px 0; border-block: 1px solid #e2e6ea; }
.jp-solution-resolution-card dl div { display: grid; grid-template-columns: 90px 1fr; gap: 14px; }
.jp-solution-resolution-card dl div + div { margin-top: 12px; }
.jp-solution-resolution-card dt { color: #778291; font: 500 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; text-transform: uppercase; }
.jp-solution-resolution-card dd { margin: 0; color: #293d53; font-size: 13px; overflow-wrap: anywhere; }
.jp-solution-resolution-sections { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.jp-solution-resolution-sections span { padding: 8px 10px; border-radius: 6px; background: #f0f3f6; color: #4c5c6d; font-size: 11px; }
.jp-solution-resolution-card > a { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-top: 18px; border-top: 1px solid #e2e6ea; color: #032d5e; font-size: 14px; font-weight: 650; }
.jp-solution-decision-proof { background: #f7f8fa; }
.jp-solution-decision-card { overflow: hidden; border: 1px solid #d7dee5; border-radius: 18px; background: #fff; box-shadow: 0 22px 50px rgb(22 43 66 / 10%); }
.jp-solution-decision-header { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 22px 26px; background: #172b43; color: #fff; }
.jp-solution-decision-header span { font: 500 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .07em; text-transform: uppercase; }
.jp-solution-decision-header strong { font-size: 13px; font-weight: 650; }
.jp-solution-decision-item { display: grid; grid-template-columns: 34px 1fr; gap: 16px; padding: 22px 26px; border-bottom: 1px solid #e2e6ea; }
.jp-solution-decision-item > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 7px; background: #eaf0f6; color: #032d5e; font: 600 10px/1 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
.jp-solution-decision-item small, .jp-solution-decision-source small { display: block; margin-bottom: 6px; color: #8a6729; font: 500 9px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .06em; text-transform: uppercase; }
.jp-solution-decision-item p { margin: 0; color: #2d4055; font-size: 14px; line-height: 1.55; }
.jp-solution-decision-source { display: grid; gap: 18px; padding: 24px 26px 26px; background: #edf3f8; }
.jp-solution-decision-source strong { display: block; color: #172b43; font-size: 14px; overflow-wrap: anywhere; }
.jp-solution-decision-source a { display: flex; justify-content: space-between; align-items: center; color: #032d5e; font-size: 13px; font-weight: 650; }
.jp-solution-hero-public { background: linear-gradient(135deg, #f8f9fa 0%, #eef2f5 100%); }
.jp-solution-public-file { overflow: hidden; border: 1px solid #ccd5de; border-radius: 10px; background: #fff; box-shadow: 0 20px 44px rgb(22 43 66 / 9%); }
.jp-solution-public-file-head { display: flex; gap: 16px; align-items: center; padding: 24px 26px; border-bottom: 1px solid #dce2e7; background: #17324e; color: #fff; }
.jp-solution-public-file-head i { font-size: 22px; color: #d5ac63; }
.jp-solution-public-file-head small, .jp-solution-public-record-title span { display: block; margin-bottom: 4px; font: 500 9px/1.4 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .07em; text-transform: uppercase; }
.jp-solution-public-file-head strong { font-size: 16px; }
.jp-solution-public-file ol { margin: 0; padding: 0; list-style: none; counter-reset: file-step; }
.jp-solution-public-file li { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 17px 26px 17px 48px; border-bottom: 1px solid #e2e6ea; counter-increment: file-step; }
.jp-solution-public-file li::before { content: counter(file-step); position: absolute; left: 24px; top: 19px; color: #9a6d23; font: 600 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
.jp-solution-public-file li span { color: #6a7684; font-size: 12px; }
.jp-solution-public-file li b { color: #20374e; font-size: 12px; font-weight: 650; }
.jp-solution-public-file > p { display: flex; gap: 10px; align-items: center; margin: 0; padding: 18px 26px; color: #334b62; font-size: 12px; font-weight: 600; background: #edf3f8; }
.jp-solution-public-pressure { background: #fff; }
.jp-solution-public-pressure-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(360px, .8fr); gap: 100px; align-items: end; }
:root body main .jp-solution-public-pressure h2, :root body main .jp-solution-public-record h2 { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(38px, 4vw, 54px); font-weight: 600; line-height: 1.12; letter-spacing: -.025em; color: #172b43; }
.jp-solution-public-pressure-copy { padding-left: 28px; border-left: 2px solid #b98a3b; }
.jp-solution-public-pressure-copy p { margin: 0; color: #596575; font-size: 17px; line-height: 1.75; }
.jp-solution-public-pressure-copy p + p { margin-top: 18px; }
.jp-solution-public-risks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 64px; border-block: 1px solid #dfe4e9; }
.jp-solution-public-risks article { display: flex; gap: 16px; padding: 28px 24px; }
.jp-solution-public-risks article + article { border-left: 1px solid #dfe4e9; }
.jp-solution-public-risks i { margin-top: 3px; color: #9a6d23; font-size: 18px; }
:root body main .jp-solution-public-risks h3 { margin: 0 0 8px; color: #172b43; font-size: 16px; }
.jp-solution-public-risks p { margin: 0; color: #687482; font-size: 13px; line-height: 1.65; }
.jp-solution-public-chain { color: #fff; background: #102c49; }
:root body main .jp-solution-public-chain h2 { color: #fff; }
.jp-solution-public-chain .jp-solution-heading > p:last-child { color: #bdc9d4; }
.jp-solution-public-chain-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 54px 0 0; padding: 0; list-style: none; }
.jp-solution-public-chain-list li { position: relative; display: flex; min-width: 0; min-height: 270px; padding: 26px 24px; flex-direction: column; border: 1px solid rgb(255 255 255 / 18%); border-radius: 10px; background: rgb(255 255 255 / 5%); }
.jp-solution-public-chain-list li:not(:last-child)::after { content: "→"; position: absolute; z-index: 2; top: 36px; right: -15px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #d6ad63; background: #102c49; font-size: 16px; }
.jp-solution-public-chain-list li > span { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 36px; border: 1px solid rgb(214 173 99 / 55%); border-radius: 50%; color: #d6ad63; font: 500 10px/1 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
.jp-solution-public-chain-list small { color: #9fb0c1; font: 500 9px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .07em; text-transform: uppercase; }
:root body main .jp-solution-public-chain-list h3 { margin: 7px 0 12px; color: #fff; font-size: 19px; line-height: 1.3; }
.jp-solution-public-chain-list p { margin: 0; color: #c7d2dc; font-size: 13px; line-height: 1.65; }
.jp-solution-public-record { background: #f2f4f6; }
.jp-solution-public-record-grid { display: grid; grid-template-columns: minmax(0, .75fr) minmax(440px, .85fr); gap: 90px; align-items: center; }
.jp-solution-public-record-grid > div > p:not(.jp-solution-kicker) { margin: 22px 0 0; color: #5c6877; font-size: 17px; line-height: 1.75; }
.jp-solution-public-record-card { border: 1px solid #d5dde4; background: #fff; }
.jp-solution-public-record-title { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 20px 24px; color: #fff; background: #17324e; }
.jp-solution-public-record-title strong { font-size: 13px; }
.jp-solution-public-record-card dl { margin: 0; }
.jp-solution-public-record-card dl div { display: grid; grid-template-columns: 150px 1fr; gap: 22px; padding: 20px 24px; }
.jp-solution-public-record-card dl div + div { border-top: 1px solid #e0e5e9; }
.jp-solution-public-record-card dt { color: #8a6729; font: 500 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; text-transform: uppercase; }
.jp-solution-public-record-card dd { margin: 0; color: #415366; font-size: 13px; line-height: 1.6; }
.jp-solution-public-matters { background: #fff; }
.jp-solution-public-matter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 48px; background: #dce2e7; border: 1px solid #dce2e7; }
.jp-solution-public-matter-grid article { display: grid; grid-template-columns: 46px 1fr; column-gap: 18px; padding: 30px; background: #fff; }
.jp-solution-public-matter-grid i { grid-row: 1 / span 2; display: grid; place-items: center; width: 42px; height: 42px; color: #17324e; background: #edf3f8; }
:root body main .jp-solution-public-matter-grid h3 { margin: 0 0 8px; color: #172b43; font-size: 18px; }
.jp-solution-public-matter-grid p { margin: 0; color: #647181; font-size: 14px; line-height: 1.65; }
.jp-solution-public-surfaces { background: #e9edf1; }
.jp-solution-outcomes { background: #f4efe7; }
.jp-solution-outcome-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.jp-solution-outcome-grid article { padding: 32px; border-radius: 15px; background: #fff; border: 1px solid #e4d9ca; }
.jp-solution-outcome-grid i { font-size: 25px; color: #9a6d23; }
:root body main .jp-solution-outcome-grid h3 { margin: 24px 0 12px; color: #172b43; font-size: 20px; font-weight: 650; }
.jp-solution-surfaces-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(430px, .7fr); align-items: center; gap: 90px; }
.jp-solution-surface-links { display: grid; gap: 12px; }
.jp-solution-surface-links a { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 16px; min-height: 78px; padding: 16px 20px; border: 1px solid #dfe4e9; border-radius: 12px; color: #172b43; background: #fff; }
.jp-solution-surface-links a:hover { border-color: #aebdcb; color: #032d5e; }
.jp-solution-surface-links i, .jp-solution-surface-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 9px; background: #edf3f8; color: #032d5e; font-size: 18px; }
.jp-solution-surface-icon img { display: block; width: 24px; height: 24px; object-fit: contain; }
.jp-solution-surface-links strong { display: block; margin-bottom: 4px; font-size: 15px; }
.jp-solution-surface-links span { font-size: 12px; color: #667383; }
.jp-solution-surface-links b { font-size: 18px; font-weight: 400; }
.jp-solution-faq { background: #f7f7f7; }
.jp-solution-faq-grid { display: grid; grid-template-columns: minmax(300px, .65fr) minmax(0, 1fr); gap: 90px; }
.jp-solution-faq-list details { border-bottom: 1px solid #d9dfe5; }
.jp-solution-faq-list summary { position: relative; padding: 22px 42px 22px 0; color: #172b43; font-size: 16px; font-weight: 650; line-height: 1.45; cursor: pointer; list-style: none; }
.jp-solution-faq-list summary::-webkit-details-marker { display: none; }
.jp-solution-faq-list summary::after { content: "+"; position: absolute; right: 4px; top: 19px; color: #8b6729; font-size: 24px; font-weight: 400; }
.jp-solution-faq-list details[open] summary::after { content: "−"; }
.jp-solution-faq-list details p { margin: -5px 0 24px; padding-right: 40px; color: #5d6978; font-size: 14px; line-height: 1.75; }
.jp-solution-final { padding: 112px 0; background: radial-gradient(circle at 50% 120%, rgb(217 161 61 / 14%), transparent 45%), #092949; text-align: center; }
.jp-solution-final-content { max-width: 810px; margin: 0 auto; }
:root body main .jp-solution-final h2 { color: #fff; }
.jp-solution-final-content > p:not(.jp-solution-kicker) { max-width: 650px; margin: 24px auto 32px; color: #cbd6e0; font-size: 18px; line-height: 1.7; }
.jp-solution-final .jp-solution-button { margin-inline: auto; background: #fff; color: #032d5e; }
@media (max-width: 1050px) {
  .jp-solution-hero-grid, .jp-solution-contrast-grid, .jp-solution-proof-grid, .jp-solution-surfaces-grid { grid-template-columns: minmax(0, 1fr); gap: 50px; }
  .jp-solution-question-card, .jp-solution-resolution-card, .jp-solution-decision-card { max-width: 680px; }
  .jp-solution-public-pressure-grid, .jp-solution-public-record-grid { grid-template-columns: minmax(0, 1fr); gap: 42px; }
  .jp-solution-public-file, .jp-solution-public-record-card { max-width: 680px; }
  .jp-solution-public-risks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jp-solution-public-risks article:nth-child(3) { border-left: 0; border-top: 1px solid #dfe4e9; }
  .jp-solution-public-risks article:nth-child(4) { border-top: 1px solid #dfe4e9; }
  .jp-solution-public-chain-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jp-solution-public-chain-list li::after { display: none !important; }
  .jp-solution-pain-grid, .jp-solution-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jp-solution-steps li:nth-child(2)::after { display: none; }
}
@media (max-width: 760px) {
  .jp-solution-hero { padding: 72px 0 64px; }
  :root body main .jp-solution-hero h1 { font-size: 46px; }
  .jp-solution-lead { font-size: 17px; }
  .jp-solution-section { padding: 72px 0; }
  .jp-solution-pain-grid, .jp-solution-steps, .jp-solution-outcome-grid, .jp-solution-faq-grid { grid-template-columns: minmax(0, 1fr); }
  .jp-solution-steps li::after { display: none; }
  .jp-solution-contrast-row { grid-template-columns: minmax(0, 1fr); }
  .jp-solution-contrast-row span + span { border-left: 0; border-top: 1px solid rgb(255 255 255 / 10%); }
  .jp-solution-contrast-header { display: none; }
  .jp-solution-faq-grid { gap: 30px; }
  .jp-solution-public-pressure-copy { padding-left: 20px; }
  .jp-solution-public-chain-list { grid-template-columns: minmax(0, 1fr); }
  .jp-solution-public-chain-list li { min-height: 0; }
  .jp-solution-public-chain-list li > span { margin-bottom: 24px; }
  .jp-solution-public-matter-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  :root body main .jp-solution-hero h1 { font-size: 40px; }
  .jp-solution-actions, .jp-solution-button { width: 100%; }
  .jp-solution-question-card, .jp-solution-resolution-card { padding: 25px 20px; }
  .jp-solution-question-card > p { font-size: 23px; }
  .jp-solution-public-file li { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .jp-solution-public-risks { grid-template-columns: minmax(0, 1fr); }
  .jp-solution-public-risks article + article { border-left: 0; border-top: 1px solid #dfe4e9; }
  .jp-solution-public-record-card dl div { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .jp-solution-public-record-title { align-items: flex-start; flex-direction: column; }
  .jp-solution-pain-grid article, .jp-solution-steps li, .jp-solution-outcome-grid article { padding: 26px 22px; }
  .jp-solution-resolution-card dl div { grid-template-columns: minmax(0, 1fr); gap: 3px; }
}
.sb-site-nav-item:has(.jp-menu-installation) .sb-site-mega-panel { max-height: calc(100svh - 90px); overflow-y: auto; }
.jp-security { background: #f7f7f7; }
.jp-security-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.jp-security-grid article { padding: 28px 24px; border-radius: 14px; background: #fff; border: 1px solid #e2e6eb; }
.jp-security-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 22px; border-radius: 10px; background: #032d5e; color: #e8b854; font-size: 22px; }
:root body main .jp-security-grid h3 { margin: 0 0 12px; font-size: 18px; line-height: 1.4; font-weight: 600; color: #172b43; }
.jp-security-grid p { margin: 0; color: #596575; font-size: 14px; line-height: 1.7; }
@media (max-width: 980px) { .jp-security-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .jp-security-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; } .jp-security-grid article { padding: 24px; } }
:root body main > .sb-final-cta { padding-block: 112px; background: radial-gradient(ellipse 48% 75% at 0% 100%, rgb(3 45 94 / 10%) 0%, transparent 100%), radial-gradient(ellipse 42% 70% at 100% 100%, rgb(217 161 61 / 8%) 0%, transparent 100%), #fff; }
.sb-final-cta::before, .sb-final-cta::after { display: none; }
.jp-final-eyebrow { display: block; margin-bottom: 22px; font: 500 11px/1.6 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .1em; text-transform: uppercase; color: #926b28; }
:root body main .sb-final-cta h2 { font-family: "Source Serif 4", Georgia, serif; font-size: 52px; line-height: 1.15; font-weight: 600; color: #172b43; margin: 0 0 24px; }
:root body .sb-final-cta-content { max-width: 820px; margin-inline: auto; text-align: center; }
:root body .sb-final-cta-content > p { max-width: 650px; margin: 0 auto 32px; font-size: 18px; line-height: 1.65; color: #596575; }
:root body .sb-final-cta-actions { justify-content: center; }
:root body main .sb-final-cta-button { min-height: 54px; min-width: 220px; padding: 15px 26px; gap: 24px; font-size: 16px; font-weight: 600; background: #032d5e; }
:root body main .sb-final-cta-button:hover { background: #084175; }
.jp-final-support { display: block; margin-top: 20px; font-size: 13px; line-height: 1.6; color: #667085; }
:root body .sb-final-cta-content > .jp-final-eyebrow { display: block; min-height: 0; padding: 0; margin: 0 0 22px; border: 0; border-radius: 0; background: none; color: #926b28; font-size: 11px; font-weight: 500; }
:root body .sb-final-cta-button > span { display: inline; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: inherit; font-size: 20px; line-height: 1; }
:root body .sb-final-cta-actions { margin-top: 0; }
:root body main #cta .sb-final-cta-button { min-height: 54px; padding: 15px 26px; font-size: 16px; gap: 24px; }
@media (max-width: 700px) {
  :root body main > .sb-final-cta { padding-block: 64px; }
  :root body main .sb-final-cta h2 { font-size: 38px; }
  :root body .sb-final-cta-content > p { font-size: 16px; }
}
.jp-home-plans { background: #f7f7f7; }
.jp-home-plans-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.jp-home-plan { min-width: 0; display: flex; flex-direction: column; padding: 32px; background: #fff; border: 1px solid #dde3e9; border-radius: 16px; color: #172b43; }
.jp-home-plan.is-featured { background: #f6f1e9; border-color: #d9cdbd; box-shadow: 0 8px 30px rgb(3 45 94 / 4%); }
.jp-home-plan.is-dark { background: #032d5e; border-color: #032d5e; color: #fff; }
:root body main .jp-home-plan-header h3 { margin: 0; font-size: 22px; font-weight: 600; color: inherit; }
.jp-home-plans .jp-installation-heading { max-width: 100%; text-align: left; }
.jp-home-plans .jp-installation-heading > p { max-width: 940px; }
.jp-home-plan-header { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.jp-home-plan-header { min-height: 38px; }
.jp-home-plan-trial { padding: 5px 9px; background: #f3f5f7; border: 1px solid #e1e5e9; border-radius: 6px; color: #667085; font-size: 11px; }
.jp-home-plan-original-spacer { visibility: hidden; }
.jp-home-plan.is-featured .jp-home-plan-description { color: #80581e; font-weight: 600; }
.jp-home-plan-promo { padding: 5px 9px; border: 1px solid #e1bf79; border-radius: 6px; background: #fffaf0; color: #80581e; font-size: 11px; font-weight: 600; }
.jp-home-plan-original { margin: 0 0 10px; color: #667085; font-size: 14px; }
.jp-home-plan-amount { display: flex; align-items: baseline; gap: 5px; }
.jp-home-plan-amount > span { color: #667085; font-size: 16px; }
.jp-home-plan-description { margin: 12px 0 0; color: #667085; font-size: 14px; line-height: 1.6; }
.jp-home-plan-header p { margin: 0; font-size: 14px; line-height: 1.6; color: #667085; }
.jp-home-plan-price { padding: 24px 0; }
.jp-home-plan-price strong { display: block; font-size: 44px; font-weight: 600; line-height: 1.2; letter-spacing: -.03em; }
.jp-home-plan-price > span { display: block; margin-top: 10px; font-size: 13px; color: #667085; }
.jp-home-plan ul { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 16px; flex: 1; align-content: start; }
.jp-home-plan-tax { margin: 10px 0 0; color: #667085; font-size: 13px; line-height: 1.6; }
.jp-home-plan-description strong { display: inline; font-size: inherit; line-height: inherit; letter-spacing: normal; }
.jp-home-plan-price { min-height: 190px; }
.jp-home-plans-notes { margin-top: 28px; padding-top: 22px; border-top: 1px solid #dde3e9; color: #5c6675; font-size: 14px; line-height: 1.7; }
.jp-home-plans-notes p { max-width: 1060px; margin: 0 0 12px; }
.jp-home-plan li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.6; }
.jp-home-plan li i { margin-top: 4px; color: #a97925; }
.jp-home-plan-button { display: flex; justify-content: center; text-align: center; align-items: center; padding: 14px 12px; min-height: 52px; border-radius: 10px; background: #032d5e; color: #fff; font-size: 14px; font-weight: 600; }
.jp-home-plan.is-free .jp-home-plan-button { background: #fff; border: 1px solid #cbd3dc; color: #032d5e; }
.jp-home-plan-button:hover { background: #084175; color: #fff; }
.jp-home-plan.is-dark .jp-home-plan-button { background: #fff; color: #032d5e; }
.jp-home-plan.is-dark .jp-home-plan-header p, .jp-home-plan.is-dark .jp-home-plan-price > span { color: #c9d6e4; }
.jp-home-plan.is-dark .jp-home-plan-price { border-color: rgb(255 255 255 / 20%); }
.jp-home-plan.is-dark li i { color: #d9a13d; }
@media (max-width: 980px) { .jp-home-plans-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .jp-home-plan { padding: 26px 22px; } }
:root body main > .jp-installation { padding-bottom: 40px; }
:root body main > .sb-repurchase-cycle { padding-top: 24px; }
.jp-workflow-transition { margin: 0 0 40px; text-align: center; font-family: "JetBrains Mono", "JetBrains Mono Fallback", monospace; font-size: 12px; font-weight: 500; color: #596575; }
.sb-repurchase-cycle-rail { border-top-color: rgb(3 45 94 / 15%); }
.sb-repurchase-cycle-rail::before { background: linear-gradient(90deg, #032d5e 0%, #032d5e 68%, #d9a13d 100%); }
.sb-repurchase-cycle-rail li::before { background: #032d5e; box-shadow: 0 0 0 1px rgb(3 45 94 / 24%), 0 0 0 6px rgb(3 45 94 / 8%); }
.sb-repurchase-cycle-rail li:last-child::before { background: #d9a13d; box-shadow: 0 0 0 1px rgb(217 161 61 / 24%), 0 0 0 6px rgb(217 161 61 / 10%); }
.sb-repurchase-cycle-rail span { font-family: "JetBrains Mono", "JetBrains Mono Fallback", monospace; color: rgb(3 45 94 / 30%); }
.sb-repurchase-cycle-rail li:last-child > span { color: #a97925; }
.sb-repurchase-cycle-rail strong { color: #032d5e; font-size: 23px; line-height: 1.25; }
.sb-repurchase-cycle-rail p { max-width: 260px; font-size: 15px; line-height: 1.65; color: #596575; }
.jp-installation-heading { max-width: 740px; margin: 0 auto 40px; text-align: center; }
:root body main .jp-installation-heading h2 { font-family: "Source Serif 4", Georgia, serif; font-size: 40px; font-weight: 600; line-height: 1.2; margin: 12px 0 16px; }
.jp-installation-heading > p:last-child { color: #596575; font-size: 17px; line-height: 1.6; }
.jp-installation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.jp-installation-card { min-width: 0; padding: 36px; border-radius: 18px; display: flex; flex-direction: column; }
.jp-installation-claude { background: #f9eee6; border: 1px solid #e8cabb; color: #30241f; }
.jp-installation-chatgpt { background: #171717; border: 1px solid #292929; color: #fff; }
.jp-installation-brand { display: flex; align-items: center; gap: 12px; }
:root body main .jp-installation-brand h3 { margin: 0; font-size: 30px; font-weight: 600; color: inherit; }
.jp-installation-brand > span { margin-left: auto; font: 500 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .05em; opacity: .65; }
.jp-installation-chatgpt .jp-installation-brand img { filter: invert(1); }
.jp-installation-description { font-size: 16px; line-height: 1.6; margin: 24px 0 30px; max-width: 420px; }
.jp-installation-chatgpt .jp-installation-description { color: #d0d0d0; }
.jp-installation-steps { list-style: none; margin: 0 0 32px; padding: 0; display: grid; gap: 28px; flex: 1; }
.jp-installation-steps li { display: flex; gap: 16px; position: relative; }
.jp-installation-steps li:not(:last-child)::after { content: ""; position: absolute; left: 18px; top: 44px; height: calc(100% - 16px); border-left: 1px solid #dfbaaa; }
.jp-installation-steps li > span { flex: 0 0 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; background: #eab29a; color: #552a19; font: 500 12px/1 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
.jp-installation-steps strong { display: block; font-size: 16px; line-height: 1.4; padding-top: 7px; }
.jp-installation-steps p { font-size: 14px; line-height: 1.6; margin: 8px 0 0; color: #69534a; }
.jp-installation-chatgpt .jp-installation-steps li > span { background: #303030; color: #fff; }
.jp-installation-chatgpt .jp-installation-steps li::after { border-color: #444; }
.jp-installation-chatgpt .jp-installation-steps p { color: #bababa; }
.jp-installation-cta { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; min-height: 54px; border-radius: 10px; background: #c96c49; color: #fff; font-size: 15px; font-weight: 600; transition: background-color .18s ease; }
.jp-installation-cta:hover { background: #ac5334; color: #fff; }
.jp-installation-chatgpt .jp-installation-cta { background: #fff; color: #171717; }
.jp-installation-chatgpt .jp-installation-cta:hover { background: #e7e7e7; color: #171717; }
.jp-installation-cta > span { font-size: 22px; }
@media (max-width: 980px) { .jp-installation-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) {
  :root body main .jp-installation-heading h2 { font-size: 35px; }
  .jp-installation-card { padding: 26px 20px; }
  .jp-installation-brand > span { display: none; }
  .jp-installation-brand img { width: 34px; height: 34px; }
  :root body main .jp-installation-brand h3 { font-size: 27px; }
}
.jp-comparison { background: #fff; }
.jp-comparison-heading { max-width: 740px; margin: 0 auto 36px; text-align: center; }
:root body main .jp-comparison-eyebrow, .jp-flow-label { font-family: "JetBrains Mono", "JetBrains Mono Fallback", monospace; font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #926b28; }
:root body main .jp-comparison-heading h2 { font-family: "Source Serif 4", Georgia, serif; font-size: 40px; font-weight: 600; line-height: 1.18; margin: 12px 0 16px; }
.jp-comparison-heading > p:last-child { color: #596575; font-size: 17px; line-height: 1.6; }
.jp-comparison-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.jp-flow { min-width: 0; padding: 32px; border: 1px solid #e1e4e8; border-radius: 18px; background: #f7f7f7; display: flex; flex-direction: column; }
.jp-flow-platform { background: #f0f5fa; border-color: #d4e0ec; }
.jp-flow-platform .jp-flow-label { color: #032d5e; }
:root body main .jp-flow h3 { font-size: 25px; line-height: 1.25; margin: 12px 0; color: #032d5e; }
.jp-flow header > p:last-child { font-size: 15px; line-height: 1.6; color: #596575; margin: 0; }
.jp-flow-steps { list-style: none; margin: 36px 0 30px; padding: 0; display: grid; grid-template-rows: 96px 72px 126px 126px; gap: 30px; }
.jp-diagram-stage { position: relative; display: flex; justify-content: center; align-items: stretch; min-width: 0; }
.jp-diagram-stage::after { content: ""; position: absolute; left: 50%; top: 100%; height: 30px; border-left: 1.5px solid #8fa3b8; }
.jp-diagram-stage::before { content: ""; position: absolute; left: calc(50% - 3px); top: calc(100% + 20px); width: 6px; height: 6px; border-right: 1.5px solid #8fa3b8; border-bottom: 1.5px solid #8fa3b8; transform: rotate(45deg); }
.jp-flow-node { position: relative; display: flex; align-items: center; gap: 14px; padding: 18px; width: 100%; background: #fff; border: 1px solid #e0e5eb; border-radius: 12px; box-shadow: 0 3px 10px rgb(15 30 50 / 2%); }
.jp-diagram-question .jp-flow-node, .jp-gap-node { max-width: 420px; }
.jp-diagram-ai .jp-flow-node { width: auto; max-width: 100%; padding: 14px 20px; }
.jp-diagram-ai .jp-flow-node > strong { white-space: nowrap; flex-shrink: 0; }
.jp-diagram-icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; color: #65778b; background: #f4f6f8; border-radius: 9px; font-size: 21px; }
.jp-node-label { display: block; color: #667085; font-size: 12px; margin-bottom: 5px; }
.jp-ai-method { font-size: 12px; line-height: 1.5; color: #667085; border-left: 1px solid #e0e5eb; padding-left: 14px; max-width: 160px; }
.jp-flow-node > div { min-width: 0; }
.jp-flow-node strong { font-size: 15px; line-height: 1.4; color: #172b43; }
.jp-flow-node p { margin: 6px 0 0; font-size: 14px; line-height: 1.55; color: #667085; }
.jp-flow-node-brand { border-color: #9fb6ce; box-shadow: 0 6px 20px rgb(3 45 94 / 7%); }
.jp-flow-node-brand strong { color: #032d5e; }
.jp-flow-node-brand .jp-diagram-icon { --jp-brand-icon-size: 64px; color: #032d5e; background: transparent; flex: 0 0 var(--jp-brand-icon-size); width: var(--jp-brand-icon-size); height: var(--jp-brand-icon-size); aspect-ratio: 1; border-radius: 12px; }
.jp-flow-node-brand .jp-diagram-icon img { display: block; width: 88%; height: auto; aspect-ratio: 1; object-fit: contain; }
.jp-connection-badge { margin-left: auto; flex-shrink: 0; border: 1px solid #d4e0ec; color: #032d5e; border-radius: 5px; padding: 6px; font: 500 10px/1.4 "JetBrains Mono", "JetBrains Mono Fallback", monospace; }
.jp-branch-cards { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; position: relative; }
.jp-branch-cards::before { content: ""; position: absolute; top: -15px; left: 16.66%; right: 16.66%; height: 15px; border: 1.5px solid #8fa3b8; border-bottom: 0; border-radius: 8px 8px 0 0; }
.jp-branch-cards > div { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 16px 8px; border: 1px solid #e0e5eb; background: #fff; border-radius: 10px; }
.jp-branch-cards i { font-size: 24px; color: #65778b; margin-bottom: 3px; }
.jp-branch-cards strong { font-size: 12px; line-height: 1.4; color: #33465d; }
.jp-branch-cards span { font-size: 11px; line-height: 1.4; color: #667085; }
.jp-flow-platform .jp-branch-cards i { color: #032d5e; }
.jp-flow-outcome { display: flex; gap: 14px; padding: 24px; border: 1px solid #ebcec7; background: #fff2ee; border-radius: 12px; }
.jp-flow-outcome > i { font-size: 24px; margin-top: 20px; color: #aa4c3c; }
.jp-flow-outcome strong { display: block; font-size: 17px; line-height: 1.4; color: #9a4132; }
.jp-flow-outcome p { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: #596575; }
.jp-result-label { display: block; font: 500 10px/1.5 "JetBrains Mono", "JetBrains Mono Fallback", monospace; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 6px; color: #926452; }
.jp-result-footnote { display: block; font-size: 12px; font-weight: 600; margin-top: 14px; color: #9a4132; }
.jp-flow-platform .jp-flow-outcome { background: #eaf4ef; border-color: #c8e0d2; }
.jp-flow-platform .jp-flow-outcome strong, .jp-flow-platform .jp-flow-outcome > i, .jp-flow-platform .jp-result-label, .jp-flow-platform .jp-result-footnote { color: #26704e; }
.jp-flow-note { margin: 24px 0 0; font-size: 12px; line-height: 1.6; color: #667085; }
@media (max-width: 980px) { .jp-comparison-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) {
  :root body main .jp-comparison-heading h2 { font-size: 35px; }
  .jp-flow { padding: 22px 18px; }
  :root body main .jp-flow h3 { font-size: 23px; }
  .jp-flow-node { padding: 14px; gap: 10px; }
  .jp-flow-outcome { padding: 16px; }
  .jp-flow-steps { grid-template-rows: auto; }
  .jp-diagram-stage { min-height: 80px; }
  .jp-diagram-ai .jp-flow-node { padding: 12px; gap: 8px; }
  .jp-ai-method { max-width: 130px; padding-left: 8px; }
  .jp-branch-cards { gap: 6px; }
  .jp-branch-cards > div { padding: 16px 5px; }
  .jp-diagram-icon { flex-basis: 30px; height: 34px; font-size: 18px; }
  .jp-flow-node-brand { flex-wrap: wrap; }
  .jp-flow-node-brand > div { flex: 1; }
  .jp-connection-badge { margin-left: 40px; }
}
.jp-corpus-stats {
  background: #f7f7f7;
  border-top: 1px solid #dedfe1;
  border-bottom: 1px solid #dedfe1;
}
:root body main > .jp-corpus-stats { padding-block: 0; }
.jp-corpus-stats-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jp-corpus-stat { padding: 36px; }
.jp-corpus-stat + .jp-corpus-stat { border-left: 1px solid #dedfe1; }
:root body main .jp-corpus-stat h2 {
  margin: 0 0 18px;
  color: #a97925;
  font-family: "JetBrains Mono", "JetBrains Mono Fallback", monospace;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.jp-corpus-stat-value { margin: 0 0 16px; color: #032d5e; font-family: "JetBrains Mono", "JetBrains Mono Fallback", monospace; font-size: clamp(26px, 3vw, 50px); font-weight: 600; line-height: 1.15; }
.jp-corpus-stat-description { max-width: 300px; margin: 0; color: #667085; font-size: 15px; line-height: 1.6; }
@media (max-width: 980px) { .jp-corpus-stat { padding: 28px 20px; } }
@media (max-width: 600px) {
  .jp-corpus-stats-grid { grid-template-columns: minmax(0, 1fr); }
  .jp-corpus-stat { padding: 24px 0; }
  .jp-corpus-stat + .jp-corpus-stat { border-left: 0; border-top: 1px solid #dedfe1; }
  .jp-corpus-stat-description { max-width: none; }
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/fonts/jetbrains-mono/jetbrains-mono-cyrillic-ext-v1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/fonts/jetbrains-mono/jetbrains-mono-cyrillic-v1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/fonts/jetbrains-mono/jetbrains-mono-greek-v1.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/fonts/jetbrains-mono/jetbrains-mono-vietnamese-v1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/fonts/jetbrains-mono/jetbrains-mono-latin-ext-v1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/fonts/jetbrains-mono/jetbrains-mono-latin-v1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/fonts/source-serif/source-serif-4-cyrillic-ext-v1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/fonts/source-serif/source-serif-4-cyrillic-v1.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/fonts/source-serif/source-serif-4-greek-v1.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/fonts/source-serif/source-serif-4-vietnamese-v1.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/fonts/source-serif/source-serif-4-latin-ext-v1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/fonts/source-serif/source-serif-4-latin-v1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.jp-coverage-label {
  font-family: "JetBrains Mono", "JetBrains Mono Fallback", monospace;
  margin: 0 0 12px;
  color: #59616d;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.jp-court-strip {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 0;
  color: #374151;
  font-size: 14px;
  line-height: 1.5;
}

.jp-coverage { background: #f7f7f7; }
.jp-search-assurance {
  margin: 8px 0 0;
  color: #59616d;
  font-size: 13px;
  line-height: 1.5;
}
.jp-hero-integrations {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}
.jp-integrations-caption { margin: 64px 0 0; color: #59616d; font-size: 13px; line-height: 1.5; }
.jp-install-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 64px;
  padding: 16px 22px;
  border: 1px solid #ddd;
  border-radius: 12px;
  color: #222;
  background: #fff;
  box-shadow: 0 3px 10px rgb(3 45 94 / 4%);
  transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.jp-install-button-claude { background: #faf5ef; border-color: #e7d9cb; }
.jp-install-button-chatgpt { background: #fff; border-color: #d7dde3; }
.jp-install-label { font-size: 14px; color: #59616d; }
.jp-install-brand { display: inline-flex; align-items: center; gap: 9px; font-size: 19px; font-weight: 600; line-height: 1; }
.jp-install-brand img { width: 28px; height: 28px; object-fit: contain; }
.jp-install-arrow { margin-left: 6px; font-size: 18px; color: #59616d; }
.jp-install-button:hover { color: #222; border-color: #032d5e; box-shadow: 0 5px 16px rgb(3 45 94 / 9%); }
@media (max-width: 600px) {
  .jp-hero-description-context { display: none; }
  .jp-integrations-caption { margin-top: 48px; }
  .jp-hero-integrations { gap: 12px; }
  .jp-install-button { width: 100%; max-width: 320px; justify-content: space-between; }
}
:root body .fonteia-hero-search { margin-bottom: 0; }
:root body main .jp-coverage h2 { font-family: "Source Serif 4", Georgia, serif; font-size: 40px; font-weight: 600; line-height: 1.2; margin-bottom: 16px; }
.jp-coverage-title-secondary { color: #7a8595; }
.jp-coverage-intro { max-width: 760px; margin-bottom: 40px; color: #59616d; }
.jp-coverage-details { border: 1px solid #dde3e9; border-radius: 16px; background: #fff; overflow: hidden; box-shadow: 0 8px 30px rgb(3 45 94 / 4%); }
.jp-coverage-row {
  display: grid;
  grid-template-columns: minmax(230px, 0.36fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding: 28px;
  border-top: 1px solid #edf0f3;
}
.jp-coverage-row:first-child { border-top: 0; }
.jp-coverage-group { display: flex; align-items: center; gap: 12px; }
.jp-coverage-group-icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 9px; background: #f0f4f8; color: #032d5e; font-size: 16px; }
:root body main .jp-coverage-row h3 { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.45; color: #032d5e; }
.jp-coverage-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.jp-coverage-tags li { padding: 6px 10px; background: #f7f7f7; border-radius: 6px; font-size: 13px; line-height: 1.5; }
.jp-coverage-note { margin: 0; padding: 20px 28px; border-top: 1px solid #edf0f3; background: #fafbfc; color: #59616d; font-size: 12px; line-height: 1.7; }
.jp-coverage-note i { color: #032d5e; margin-right: 6px; }
.jp-coverage-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
}
.jp-court-strip .jp-court-chip,
.jp-coverage-tags .jp-court-chip,
.jp-coverage-legend .jp-court-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: #f7f7f7;
  color: #374151;
  font-size: 13px;
  line-height: 1.5;
}
.jp-court-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #89919b;
}
.jp-court-chip[data-status="active"]::before { background: #22a55b; }
.jp-court-chip[data-status="development"]::before { background: #e59426; }
.jp-coverage-tags .jp-court-chip { font-size: 14px; padding: 8px 12px; color: #26384e; }
.jp-coverage-tags .jp-court-chip[data-status="active"] {
  border: 1px solid #d6dce3;
  background: #f7f7f7;
}
.jp-coverage-tags .jp-court-chip[data-status="active"]::before {
  width: 7px;
  height: 7px;
  flex-basis: 7px;
  background: #16b364;
  box-shadow:
    inset 0 0 0 1px rgb(3 111 57 / 55%),
    0 0 0 2px rgb(22 179 100 / 12%),
    0 0 6px rgb(22 179 100 / 42%);
}
.jp-court-strip .jp-court-chip[data-status="pending"],
.jp-coverage-tags .jp-court-chip[data-status="pending"],
.jp-coverage-legend .jp-court-chip[data-status="pending"] {
  border: 1px dotted #8995a5;
  background: transparent;
}
@media (max-width: 600px) {
  .jp-coverage-intro { margin-bottom: 28px; }
  .jp-court-strip { gap: 8px 16px; font-size: 13px; }
  .jp-coverage-row { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px; }
  .jp-coverage-note { padding: 20px; }
}
@media (max-width: 980px) { .jp-coverage-row { grid-template-columns: minmax(0, 1fr); gap: 16px; } }
@media (max-width: 700px) { :root body main .jp-coverage h2 { font-size: 35px; } }

:root {
  --jp-control-radius: 10px;
  --jp-control-height: 40px;
  --jp-action: #032d5e;
  --jp-surface-neutral: #f7f7f7;
}

:root body :is(
  .sb-site-action-button, .sb-hero-btn, .sb-final-cta-button,
  .sb-plan-button, .sb-site-mega-cta, .sb-solution-button,
  .fi-agents-button, .fi-how-button, .fi-integration-button,
  .fi-faq-button, .fi-plans-button, .fi-plan-button,
  .fi-client-button, .fi-client-plan-button, .access-button,
  .search-secondary-button, .search-save-source-button,
  .fonteia-search button, .search-form button[type="submit"]
) {
  min-height: var(--jp-control-height);
  padding: 9px 18px;
  border-radius: var(--jp-control-radius);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  background-image: none;
  box-shadow: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

:root body :is(
  .sb-site-action-button-primary, .sb-hero-btn, .sb-final-cta-button,
  .sb-site-mega-cta, .sb-plan-button, .sb-solution-button-primary,
  .fi-agents-button, .fi-how-button-primary, .fi-integration-button-primary,
  .fi-faq-button-primary, .fi-plans-button-primary, .fi-plan-button,
  .fi-client-button-primary, .fi-client-plan-button, .access-button,
  .fonteia-search button, .search-form button[type="submit"]
) {
  background-color: var(--jp-action);
  color: #ffffff;
}

:root body :is(
  .sb-site-action-button-secondary, .sb-plan-button-secondary,
  .sb-plan-dark .sb-plan-button, .sb-solution-button-secondary,
  .fi-how-button-secondary, .fi-integration-button-secondary,
  .fi-faq-button-secondary, .fi-plans-button-secondary,
  .fi-client-button-secondary, .fi-client-plan-button.is-secondary,
  .search-secondary-button
) {
  background: var(--jp-surface-neutral);
  color: #111111;
}

:root body :is(a, button):focus-visible {
  outline: 2px solid #032d5e;
  outline-offset: 3px;
}

:root body .sb-site-header.sb-site-header .sb-site-action-button.sb-site-action-button {
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.34s ease, background-color 0.18s ease, color 0.18s ease;
}
:root body .sb-site-header.sb-site-header .sb-site-action-button.sb-site-action-button-primary {
  background-image: linear-gradient(90deg, #084175 0 50%, #032d5e 50% 100%);
}
:root body .sb-site-header.sb-site-header .sb-site-action-button.sb-site-action-button-secondary {
  background-image: linear-gradient(90deg, #e5e9ee 0 50%, #f7f7f7 50% 100%);
}
:root body .sb-site-header.sb-site-header .sb-site-action-button.sb-site-action-button:hover,
:root body .sb-site-header.sb-site-header .sb-site-action-button.sb-site-action-button:focus-visible {
  background-position: 0 0;
}

:root body main button {
  border-radius: var(--jp-control-radius);
}

:root body .sb-faq-list summary {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

:root body .sb-faq-list summary::after {
  color: #032d5e;
  border-color: rgb(3 45 94 / 28%);
  background-color: #ffffff;
  background-image: linear-gradient(90deg, #f4e3bd 0 50%, #ffffff 50% 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.34s ease, border-color 0.18s ease, color 0.18s ease;
}

:root body .sb-faq-list summary:hover::after,
:root body .sb-faq-list summary:focus-visible::after {
  border-color: #d9a13d;
  background-position: 0 0;
}

:root body .sb-faq-list details[open] summary::after {
  content: "−";
  padding-bottom: 2px;
  color: #ffffff;
  border-color: #032d5e;
  background-color: #032d5e;
  background-image: linear-gradient(90deg, #084175 0 50%, #032d5e 50% 100%);
  font-size: 28px;
  font-weight: 700;
}

:root body :is(.fi-agents-button, .fi-plan-card.is-dark .fi-plan-button) {
  background: var(--jp-surface-neutral);
  color: #111111;
}

:root body :is(button:disabled, .is-disabled, .fi-plan-button-current) {
  cursor: not-allowed;
  opacity: 0.6;
}

:root body :is(.sb-site-mobile-toggle, .sb-site-icon-button) {
  width: 40px;
  height: 40px;
  border-radius: var(--jp-control-radius);
}

:root body .sb-site-nav-link {
  min-height: 40px;
  border-radius: var(--jp-control-radius);
}

:root body .sb-site-header-bar { min-height: 76px; }

:root body .sb-site-brand-logo { width: 210px; }

@media (max-width: 980px) {
  :root body .sb-site-brand { flex-shrink: 1; }
}

:root body .fonteia-search {
  min-height: 56px;
  padding: 7px;
  border-radius: 14px;
}

:root body .fonteia-search-field {
  height: 40px;
  min-height: 40px;
}

:root body main > section { padding-block: 96px; }

@media (max-width: 980px) {
  :root body main > section { padding-block: 64px; }
}

:root body main > .sb-hero {
  min-height: calc(100vh - 77px);
  min-height: calc(100svh - 77px);
  padding-block: 72px;
  background:
    radial-gradient(ellipse 48% 58% at 0% 0%, rgb(3 45 94 / 10%) 0%, transparent 100%),
    radial-gradient(ellipse 42% 52% at 100% 0%, rgb(217 161 61 / 8%) 0%, transparent 100%),
    #ffffff;
}

:root body .sb-hero::before {
  background: none;
}

:root body .fonteia-hero-search {
  min-height: 64px;
  padding: 11px;
  border-color: rgb(3 45 94 / 25%);
  box-shadow: 0 8px 24px rgb(3 45 94 / 9%);
}

:root body .fonteia-hero-search:focus-within {
  border-color: #032d5e;
  box-shadow: 0 0 0 3px rgb(3 45 94 / 8%);
}

:root body main .sb-hero-title {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 65px;
  font-weight: 600;
  line-height: 1.1;
  text-wrap: balance;
  font-optical-sizing: auto;
}

.jp-hero-title-phrase { white-space: nowrap; }

@media (min-width: 701px) and (max-width: 1100px) {
  :root body main .sb-hero-title {
    font-size: clamp(44px, calc(5.263vw + 7.105px), 65px);
  }
}

:root body .sb-hero-content { max-width: 960px; margin-inline: auto; }

:root body .sb-hero-title { margin-bottom: 24px; }

:root body .sb-hero-description {
  max-width: 760px;
  margin-bottom: 28px;
}

:root body .fonteia-search-icon {
  font-size: 16px;
  margin-left: 12px;
  margin-right: 10px;
  transform: none;
}

:root body .fonteia-search input {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transform: none;
}

@media (min-width: 981px) {
  :root body .sb-site-nav { justify-content: center; }
}

:root body main h1 {
  font-size: 55px;
  line-height: 1.15;
}

:root body main h2 {
  font-size: 36px;
  line-height: 1.2;
}

:root body :is(.sb-hero-description, .sb-section-heading p,
  .fi-integration-hero-copy p, .fi-how-hero-copy p) {
  font-size: 18px;
  line-height: 1.6;
}

:root body :is(.sb-site-mega-platform-card, .sb-site-mega-aside) {
  min-height: 0;
  padding: 24px;
  border-radius: 14px;
}

:root body :is(.sb-site-mega-platform-card strong, .sb-site-mega-aside-title) {
  font-size: 26px;
  line-height: 1.2;
}

:root body :is(.sb-proof-card, .sb-proof-example-card, .sb-plan-header) {
  padding: 24px;
}

@media (max-width: 980px) {
  :root body .sb-site-header-bar { min-height: 63px; }
  :root body main > .sb-hero {
    min-height: calc(100vh - 64px);
    min-height: calc(100svh - 64px);
  }
}

@media (max-width: 700px) {
  :root body main h1 { font-size: 42px; }
  :root body main .sb-hero-title { font-size: clamp(34px, calc(3.636vw + 22.364px), 38px); }
  :root body main .sb-hero-description { font-size: 16px; line-height: 1.6; }
  .jp-hero-title-phrase { white-space: normal; }
  :root body main h2 { font-size: 35px; }
}

@media (max-width: 600px) {
  :root body main > section { padding-block: 40px; }
  :root body main > .sb-hero { padding-block: 56px; }
  :root body .fonteia-search button { width: 100%; }
}
.jp-site-footer { padding: 72px 0 32px; }
.jp-site-footer .sb-site-footer-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 40px; }
.jp-site-footer .jp-footer-icon { width: 76px; height: 76px; display: block; }
.jp-site-footer .sb-site-footer-title { font-family: "JetBrains Mono", monospace; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; line-height: 1.6; color: #d0ad72; margin: 0 0 20px; }
.jp-site-footer .sb-site-footer-column ul { gap: 12px; }
.jp-site-footer .sb-site-footer-column a { display: inline-block; font-family: system-ui, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; color: #b8c2d0; transform: none; transition: color .18s ease; overflow-wrap: anywhere; }
.jp-site-footer .sb-site-footer-column a:hover, .jp-site-footer .sb-site-footer-column a:focus-visible { color: #fff; transform: none; text-decoration: underline; text-underline-offset: 4px; }
.jp-site-footer .sb-site-footer-bottom { margin-top: 48px; padding-top: 24px; }
.jp-site-footer .sb-site-footer-legal span, .jp-site-footer .sb-site-footer-legal a, .jp-site-footer .sb-site-footer-locale span { font-family: system-ui, sans-serif; font-size: 13px; color: #98a5b6; }
@media (max-width: 1100px) {
  .jp-site-footer .sb-site-footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; }
  .jp-site-footer .sb-site-footer-brand-column { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .jp-site-footer { padding: 48px 0 28px; }
  .jp-site-footer .sb-site-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
  .jp-site-footer .sb-site-footer-bottom { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 36px; }
  .jp-site-footer .sb-site-footer-title { margin-bottom: 14px; }
  .jp-site-footer .sb-site-footer-legal { gap: 12px 0; }
  .jp-site-footer .sb-site-footer-legal > span { width: 100%; }
  .jp-site-footer .sb-site-footer-legal > span::after { content: none; }
}
:root body .sb-site-header .sb-site-account-avatar {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
}


/* Source: fonteia-theme.css */
/* FonteIA identity and compatibility with existing application pages.
 * The approved 2026-10-20 reference supersedes the previous public shell.
 */
.sb-site-brand { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.sb-site-brand-mark { display: flex; width: 40px; height: 46px; }
.sb-site-brand-mark svg { width: 100%; height: 100%; }
.sb-site-brand-text { display: inline-block; color: #172b43; font-size: 25px; font-weight: 600; letter-spacing: -.8px; }
.sb-site-brand-text .brand-ia { color: #4160ce; }
.jp-menu-installation .jp-installation-brand strong { font-size: 20px; font-weight: 600; }
.jp-footer-icon { object-fit: contain; }
.fonteia-coverage-status { color: #657385; font-size: 13px; }
.jp-corpus-stat > strong {
  display: block;
  margin: 0 0 18px;
  color: #a97925;
  font-family: "JetBrains Mono", "JetBrains Mono Fallback", monospace;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.jp-coverage-tags a { color: inherit; }
:root body :is(.fi-integration-hero, .fi-plans-hero, .platform-hero, .fi-agents-hero) {
  background: radial-gradient(ellipse at 5% 0%, rgb(3 45 94 / 7%), transparent 65%), #fff;
}
:root body :is(.fi-integration-hero, .fi-plans-hero, .platform-hero, .fi-agents-hero)::before { background: none; }
.sb-site-footer-title { display: block; }
.fonteia-document-video { aspect-ratio: 16 / 9; }
.fonteia-document-video iframe { width: 100%; height: 100%; border: 0; }
.fonteia-doc-workspace .jp-legal-index { margin-bottom: 36px; }
.fi-plans-page .fi-plans-hero h1 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; }
.fi-plans-page .fi-plans-billing { background: #f7f7f7; }
.fi-plans-page .jp-home-plan-button { display: flex; justify-content: center; align-items: center; }
.fi-plans-page .fi-plans-business-box { background: #092949; border-radius: 16px; }
.fi-plans-page .fi-plans-business-box :is(h2, p, li) { color: #fff; }
.platform-page :is(h1, h2), .business-page :is(h1, h2), .fi-agents-page :is(h1, h2), .fi-how-page :is(h1, h2), .fi-faq-page :is(h1, h2), .fi-analysis-page h1 { font-family: "Source Serif 4", Georgia, serif; font-weight: 600; }
.platform-page .platform-hero h1 { font-size: clamp(40px, 5.2vw, 76px); line-height: 1.04; letter-spacing: -.035em; }
.platform-page .platform-card { border-color: #dfe4e9; border-radius: 15px; background: #fff; }
.platform-page .platform-card-icon { background: #edf3f8; color: #032d5e; }
.platform-page :is(.platform-kicker, .platform-status) { color: #926b28; font-family: "JetBrains Mono", monospace; }
.platform-page .platform-section-soft { background: #f7f7f7; }
.platform-page :is(.platform-heading h2, .catalog-domain-heading h2, .platform-business-layout h2, .platform-catalog-cta h2) { font-size: clamp(38px, 4vw, 54px); line-height: 1.12; letter-spacing: -.025em; }
.platform-page .platform-hero { background: radial-gradient(circle at 88% 16%, rgb(217 161 61 / 12%), transparent 30%), linear-gradient(145deg, #f7f4ef 0%, #fff 58%); }
.fi-analysis-page h1 { font-size: clamp(32px, 3.6vw, 46px); line-height: 1.12; letter-spacing: -.025em; }
.fi-analysis-page :is(.fi-analysis-narrow h2, .fi-analysis-section-head h2) { font-size: 26px; line-height: 1.25; font-family: system-ui, sans-serif; }
.fonteia-search-page .search-suggested-questions { text-align: left; }
@media (max-width: 700px) { .platform-page .platform-hero h1 { font-size: 40px; } }
@media (max-width: 600px) {
  .sb-site-brand { gap: 5px; }
  .sb-site-brand-mark { width: 28px; height: 34px; }
  .sb-site-brand-text { display: inline-block; font-size: 20px; }
}


/* Align plan headings, prices and actions across the desktop row. */
@media (min-width: 981px) {
  .jp-home-plans-grid > .jp-home-plan { display: grid; grid-template-rows: subgrid; grid-row: span 4; row-gap: 0; }
  .jp-home-plans-grid > .jp-home-plan > .jp-home-plan-button,
  .jp-home-plans-grid > .jp-home-plan > form { align-self: start; }
}

/* Footer typography aligned with the approved sibling navigation scale. */
:root body .jp-site-footer .sb-site-footer-column ul { gap: 10px; }
:root body .jp-site-footer .sb-site-footer-column li > a,
:root body .jp-site-footer .sb-site-footer-legal > a,
:root body .jp-site-footer .sb-site-footer-legal > span,
:root body .jp-site-footer .sb-site-footer-locale > span,
:root body .jp-site-footer .jp-cookie-settings {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}