@font-face { font-family: 'PP Mori'; src: url(https://cdn.jaapi.co/incquery/77db75a6-4e0d-4172-b029-ae802d1b81d9.ttf) format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'PP Mori'; src: url(https://cdn.jaapi.co/incquery/fda20858-3e26-421b-8e43-c2f1060ee4a6.ttf) format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } body { font-family: 'PP Mori', sans-serif; } h1 { font-family: 'PP Mori', sans-serif !important; } h1, h2 { letter-spacing: -0.02em; } header h1 { text-transform: none; } /* IncQuery's own concentric-circle motif, taken from incquery.com. Geometry is theirs, verbatim; only the palette is remapped for the deep green banner — their grey strokes become a light tint and their cream fills become the banner green, so the accent dots punch through the dashed axis the same way they do on the cream sections of their site. */ /* Sign-in page: the whole page carries the background, so the motif runs faint and bleeds off the right edge with the login card in the quiet space. */ .brand-background { background: url("data:image/svg+xml,") no-repeat right -8% center / auto 62%, url(/noise.svg) #052e22; background-blend-mode: normal, soft-light; } /* Home banner: the motif at full strength, anchored right. */ header.brand-background { background: url("data:image/svg+xml,") no-repeat right 2rem center / auto 78%, url(/noise.svg) #052e22; background-blend-mode: normal, soft-light; } /* Phone width: the axis would run straight through the headline, so the motif moves above it at roughly a third of the ink and reads as texture. */ @media (max-width: 900px) { header.brand-background { background: url("data:image/svg+xml,") no-repeat right -30% top 18% / auto 46%, url(/noise.svg) #052e22; } } /* Banner type: PP Mori ships here in 400/700 only, so the light/bold/light rhythm carries on weight, and the flanking lines soften with a tint. */ .banner-content { color: #faf9f8; position: relative; } .banner-welcome, .banner-store-type { color: rgba(250, 249, 248, 0.72); } /* Tagline copy. The `tagline` config field can't be used here: when it is set, LayoutThemes.Tagline returns the bare string and drops the className, so the text loses its styling entirely. Replacing the content in CSS keeps the styled element. Revert to the config field once that is fixed. */ .banner-tagline { color: #d9ffb2; font-size: 0; } .banner-tagline img { display: none; } .banner-tagline::after { content: 'Gear for the work behind high-stakes decisions'; font-size: 0.875rem; letter-spacing: 0.06em; } /* Their logo is a single-colour mark, so a filter gives us the white variant without a second asset — and scoped to the banner it leaves the dark logo intact on the white sticky nav and the white login card. */ header .brand-logo { filter: brightness(0) invert(1); } /* The "Powered by Jaapi" mark is brand-coloured and vanishes on the dark backdrop. */ .brand-background a[title="Jaapi"] { color: #faf9f8; } /* Every surface on their site is warm; ours defaults to a cold grey. */ [class*="bg-brand-subtle"] { background-color: #f4f0ee !important; }

Welcome to the IncQuery Swag Store