/**
 * Platform page sections ([bdn_platform_*]).
 *
 * Builds on onc-home.css (colours, wrap, buttons, eyebrow, headings).
 * .onc-pf-* are the page sections; .onc-pa* is the picture of the app.
 * Palette: navy #141841, pink #F21967 (with light pink tints), greys #F6F6FA / #ECEBF2.
 * onc-platform.js sets the tour state classes on .onc-pa: is-menu, is-loading, is-unlocked.
 */

/* ---------------------------------------------------------------- Hero -- */

.onc-pf-hero {
	position: relative;
	overflow: hidden;
	padding-block: 64px 110px;
	background:
		radial-gradient(ellipse 620px 460px at 82% 38%, rgba(141, 97, 199, .14), transparent 70%),
		radial-gradient(ellipse 520px 380px at 96% 80%, rgba(242, 25, 103, .09), transparent 70%),
		linear-gradient(180deg, #fff 0%, #FAF9FC 100%);
}
.onc-pf-hero__layout { display: grid; grid-template-columns: minmax(0, 470px) minmax(0, 1fr); align-items: center; gap: 56px; }
.onc-pf-hero__copy { position: relative; z-index: 2; }

.onc-home-sec .onc-pf-hero__announce {
	display: inline-flex; align-items: center; gap: 10px; max-width: 100%; margin-top: 16px; padding: 5px 14px 5px 5px;
	border: 1px solid #ECE6F5; border-radius: 999px; background: #fff;
	color: var(--onc-h-navy); font-size: 13.5px; font-weight: 600; line-height: 1.3; text-decoration: none;
	box-shadow: 0 6px 18px -12px rgba(20, 24, 65, .35);
	transition: border-color .2s, box-shadow .2s;
}
.onc-pf-hero__announce strong {
	flex: 0 0 auto; padding: 4px 10px; border-radius: 999px;
	background: linear-gradient(90deg, #F21967, #B23FA8); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
}
.onc-pf-hero__announce span { min-width: 0; }
.onc-pf-hero__announce .onc-home-icon { width: 15px; height: 15px; color: var(--onc-h-pink); transition: transform .2s; }
.onc-home-sec a.onc-pf-hero__announce:hover { border-color: #F7B9CF; box-shadow: 0 8px 22px -12px rgba(242, 25, 103, .45); }
a.onc-pf-hero__announce:hover .onc-home-icon { transform: translateX(3px); }

.onc-pf-hero__title { margin-top: 22px; font-size: 52px; font-weight: 750; line-height: 1.08; letter-spacing: -.01em; }
.onc-pf-hero__mark { display: block; color: var(--onc-h-pink); }
.onc-pf-hero__desc { margin-top: 22px; font-size: 17.5px; line-height: 1.65; }

.onc-pf-stats { display: flex; gap: 0; margin-top: 30px; }
.onc-pf-stat { display: grid; gap: 2px; padding-right: 26px; margin-right: 26px; border-right: 1px solid var(--onc-h-line); }
.onc-pf-stat:last-child { margin-right: 0; padding-right: 0; border-right: 0; }
.onc-pf-stat strong { color: var(--onc-h-navy); font-size: 30px; font-weight: 750; line-height: 1.1; font-variant-numeric: tabular-nums; }
.onc-pf-stat > span { font-size: 13px; line-height: 1.4; }

.onc-pf-points { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 22px; margin: 28px 0 0; padding: 0; list-style: none; }
.onc-pf-points li { display: flex; gap: 10px; margin: 0; font-size: 14.5px; line-height: 1.4; }
.onc-pf-points strong { display: block; color: var(--onc-h-navy); font-weight: 650; }
.onc-pf-points small { display: block; margin-top: 2px; font-size: 13px; }
.onc-pf-tick {
	display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%;
	background: #FDE7EF; color: var(--onc-h-pink);
}
.onc-pf-tick .onc-home-icon { width: 13px; height: 13px; stroke-width: 2.6; }

.onc-pf-hero__actions { margin-top: 32px; }
.onc-pf-hero__note { margin-top: 14px; font-size: 13px; }

.onc-pf-hero__art { position: relative; min-width: 0; }

/* Entrance of the copy */
@media (prefers-reduced-motion: no-preference) {
	.onc-pf-hero__copy > * { animation: onc-pf-rise .8s cubic-bezier(.22, 1, .36, 1) both; }
	.onc-pf-hero__copy > :nth-child(2) { animation-delay: .06s; }
	.onc-pf-hero__copy > :nth-child(3) { animation-delay: .12s; }
	.onc-pf-hero__copy > :nth-child(4) { animation-delay: .18s; }
	.onc-pf-hero__copy > :nth-child(5) { animation-delay: .24s; }
	.onc-pf-hero__copy > :nth-child(n+6) { animation-delay: .3s; }
}
@keyframes onc-pf-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ------------------------------------------------------ App picture --- */

.onc-pa {
	position: relative;
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	color: #2A2C4A;
	font: 400 12px/1.4 Inter, Arial, sans-serif;
	text-align: left;
	isolation: isolate;
}
.onc-pa *, .onc-pa *::before, .onc-pa *::after { box-sizing: border-box; }
.onc-pa :where(span, strong, b, em, i, small) { font-family: inherit; letter-spacing: 0; }
.onc-pa-i, .onc-pa-cat { display: block; flex: 0 0 auto; width: 16px; height: 16px; }

/* Backdrop: dotted panel and a soft violet glow behind the window */
.onc-pa::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -40px -40px -56px 40px;
	border-radius: 36px;
	background:
		radial-gradient(circle at 1px 1px, #D8D3E6 1px, transparent 1.5px) 0 0 / 16px 16px,
		radial-gradient(ellipse at 70% 40%, #F1EAFB, transparent 65%);
	mask-image: radial-gradient(ellipse at 60% 50%, #000 40%, transparent 78%);
	-webkit-mask-image: radial-gradient(ellipse at 60% 50%, #000 40%, transparent 78%);
}

.onc-pa__window {
	overflow: hidden;
	border: 1px solid #E7E5EF;
	border-radius: 20px;
	background: #F8F8FB;
	box-shadow: 0 40px 70px -30px rgba(20, 24, 65, .32), 0 18px 40px -24px rgba(113, 69, 184, .25), 0 2px 6px rgba(20, 24, 65, .05);
	animation: onc-pa-arrive .9s cubic-bezier(.22, .7, .2, 1) .1s both;
}

/* App bar */
.onc-pa__bar { display: flex; align-items: center; gap: 14px; height: 56px; padding: 0 16px; background: linear-gradient(100deg, #141841, #26205C); color: #fff; }
.onc-pa__brand { display: block; flex: 0 0 auto; width: 34px; height: 33px; }
.onc-pa__brand svg { display: block; width: 100%; height: 100%; }
.onc-pa__bar-icon { opacity: .8; }
.onc-pa__me { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #FDE7EF; color: #C8125A; font-size: 10.5px; font-weight: 700; }
.onc-pa__search {
	display: flex; flex: 1 1 auto; align-items: center; gap: 8px; min-width: 0; max-width: 470px; height: 36px;
	margin: 0 auto; padding: 0 3px 0 11px; border: 2px solid transparent; border-radius: 999px;
	background: #fff; border-color: #F21967;
	color: #2A2C4A; font-size: 12px; white-space: nowrap;
	box-shadow: 0 0 0 4px rgba(242, 25, 103, .12);
}
.onc-pa__spark .onc-pa-i { color: #D0177F; fill: currentColor; stroke-width: 1; }
.onc-pa__prompt { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #44465F; }
.onc-pa__prompt.is-typing::after { content: ""; display: inline-block; width: 1.5px; height: 1.05em; margin-left: 2px; vertical-align: -.15em; background: #F21967; animation: onc-pa-caret 1s steps(1) infinite; }
.onc-pa__ask {
	display: inline-flex; flex: 0 0 auto; align-items: center; gap: 5px; height: 26px; padding: 0 11px 0 9px; border-radius: 999px;
	background: #F21967; color: #fff; font-size: 10.5px; font-weight: 600;
}
.onc-pa__ask .onc-pa-i { width: 12px; height: 12px; fill: currentColor; stroke-width: 1; }

.onc-pa__body { position: relative; display: grid; grid-template-columns: 54px minmax(0, 1fr); }
.onc-pa__side { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 16px; border-right: 1px solid #ECEBF2; background: #fff; color: #8B8DA3; }
.onc-pa__side span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; }
.onc-pa__side .onc-pa-i { width: 18px; height: 18px; }
.onc-pa__side .is-active { background: #FDE7EF; color: #E0145E; }
.onc-pa__main { position: relative; min-width: 0; padding: 14px 16px 6px; }

/* Tabs + actions */
.onc-pa__head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.onc-pa__tabs { display: flex; gap: 6px; min-width: 0; }
.onc-pa__tabs > span { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border-radius: 9px; color: #6F7189; font-size: 12px; font-weight: 500; white-space: nowrap; }
.onc-pa__tabs .onc-pa-i { width: 15px; height: 15px; }
.onc-pa__tabs .is-active { background: #fff; color: var(--onc-h-navy, #141841); font-weight: 650; box-shadow: 0 1px 2px rgba(20, 24, 65, .08), inset 0 0 0 1px #ECEBF2; }
.onc-pa__count { padding: 2px 7px; border-radius: 999px; background: #FDE7EF; color: #C8125A; font-size: 10.5px; font-weight: 650; font-variant-numeric: tabular-nums; transition: background .3s, color .3s; }
.onc-pa.is-counting .onc-pa__count { background: #F21967; color: #fff; }
.onc-pa__actions { display: flex; gap: 6px; margin-left: auto; }
.onc-pa__actions span {
	display: inline-flex; box-sizing: border-box; align-items: center; gap: 6px; height: 30px; min-width: 84px; justify-content: center; margin: 0; padding: 0 11px;
	border: 1px solid #E3E2EC; border-radius: 8px; background: #fff; color: #1E2042; font-size: 11px; font-weight: 600; line-height: 1; white-space: nowrap;
}
.onc-pa__actions .onc-pa-i { width: 14px; height: 14px; color: #1E2042; }
.onc-pa__actions .is-primary { border-color: #F21967; background: #F21967; color: #fff; }
.onc-pa__actions .is-primary .onc-pa-i { color: #fff; }

/* Filter chips */
.onc-pa__chips { display: flex; gap: 6px; margin-bottom: 10px; overflow: visible; }
.onc-pa__chip { display: inline-flex; flex: 0 1 132px; width: 132px; min-width: 0; justify-content: center; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 1px solid #ECEBF2; border-radius: 999px; background: #fff; color: #5D5F78; font-size: 11px; white-space: nowrap; transition: border-color .2s, box-shadow .2s, background .2s; }
.onc-pa__chip .onc-pa-i { width: 14px; height: 14px; color: #8B8DA3; }
.onc-pa__chip > .onc-pa-i:first-child { width: 16px; height: 16px; }
.onc-pa__chip.is-on { padding-left: 10px; border-color: #F7B9CF; background: #FFF1F6; color: #C8125A; font-weight: 650; }
.onc-pa__chip.is-on .onc-pa-i { color: #C8125A; }
.onc-pa__chip.is-icon { flex: 0 0 32px; width: 32px; padding: 0; justify-content: center; }
.onc-pa__chip-art { --onc-cat-bg: #FFF1F6; display: grid; flex: 0 0 22px; place-items: center; width: 22px; height: 22px; color: #D0145C; }
.onc-pa__chip-art { overflow: visible; }
.onc-pa__chip-art .onc-pa-cat { width: 22px; height: 22px; }
.onc-pa__chip-name { display: inline-block; }
.onc-pa__chip.is-hit, .onc-pa.is-menu .onc-pa__chip.is-on { box-shadow: 0 0 0 3px rgba(242, 25, 103, .16); }
.onc-pa.is-menu .onc-pa__chip.is-on > .onc-pa-i:last-child { transform: rotate(180deg); }
.onc-pa__chip.is-on > .onc-pa-i:last-child { transition: transform .3s; }
.onc-pa__chip-name.is-swap { animation: onc-pa-swap .45s cubic-bezier(.22, 1, .36, 1); }

/* Product category menu */
.onc-pa__menu {
	position: absolute; z-index: 4; top: 88px; left: 16px; display: grid; width: 236px; padding: 8px;
	border: 1px solid #ECEBF2; border-radius: 14px; background: #fff;
	box-shadow: 0 24px 44px -18px rgba(20, 24, 65, .35), 0 2px 6px rgba(20, 24, 65, .06);
	opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: 30px 0;
	transition: opacity .25s, transform .3s cubic-bezier(.22, 1, .36, 1), visibility 0s .3s;
}
.onc-pa.is-menu .onc-pa__menu { opacity: 1; visibility: visible; transform: none; transition: opacity .25s, transform .3s cubic-bezier(.22, 1, .36, 1); }
.onc-pa__menu-head { padding: 4px 8px 8px; color: #8B8DA3; font-size: 9.5px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.onc-pa__opt { display: flex; align-items: center; gap: 9px; height: 38px; padding: 0 8px; border-radius: 9px; color: #2A2C4A; font-size: 12px; font-weight: 500; transition: background .2s; }
.onc-pa__opt-art { --onc-cat-bg: #fff; display: grid; place-items: center; width: 30px; height: 30px; color: #141841; }
.onc-pa__opt-art .onc-pa-cat { width: 34px; height: 34px; }
.onc-pa__opt.is-hit .onc-pa__opt-art { --onc-cat-bg: #FFF4F8; }
.onc-pa__opt-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.onc-pa__opt em { color: #8B8DA3; font-size: 10.5px; font-style: normal; font-variant-numeric: tabular-nums; }
.onc-pa__radio { width: 14px; height: 14px; border: 1.5px solid #D6D4E2; border-radius: 50%; transition: border .2s; }
.onc-pa__opt.is-on .onc-pa__radio { border: 4px solid #F21967; }
.onc-pa__opt.is-on .onc-pa__opt-art { color: #D0145C; }
.onc-pa__opt.is-hit { background: #FFF4F8; }

/* Company table */
.onc-pa__table { overflow: hidden; border: 1px solid #ECEBF2; border-radius: 12px; background: #fff; }
.onc-pa__tr {
	display: grid; grid-template-columns: 16px minmax(0, 1.6fr) minmax(0, .8fr) minmax(0, 1fr); align-items: center; gap: 12px;
	min-height: 50px; padding: 0 14px; border-top: 1px solid #F2F1F6;
	animation: onc-pa-row .6s cubic-bezier(.2, .7, .2, 1) calc(.25s + var(--row) * .08s) both;
}
.onc-pa__tr.is-head { min-height: 34px; border-top: 0; background: #F6F6FA; color: #8B8DA3; font-size: 9.5px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; animation: none; }
.onc-pa__tr.is-head > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.onc-pa__tr.is-picked { background: #FFF7FA; }
.onc-pa__rows { display: none; transition: opacity .25s, filter .25s; }
.onc-pa__rows.is-current { display: block; }
.onc-pa__rows.is-current .onc-pa__tr { animation-delay: calc(var(--row) * .07s); }
.onc-pa.is-loading .onc-pa__rows { opacity: .3; filter: blur(1.5px); }
.onc-pa__box { display: grid; place-items: center; width: 15px; height: 15px; border: 1.5px solid #D6D4E2; border-radius: 4px; background: #fff; color: transparent; }
.is-picked .onc-pa__box { border-color: #F21967; background: #F21967; color: #fff; }
.onc-pa__box .onc-pa-i { width: 11px; height: 11px; stroke-width: 3; }
.onc-pa__company { display: flex; align-items: center; gap: 10px; min-width: 0; }
.onc-pa__logo { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: #FDE7EF; color: #C8125A; font-size: 10.5px; font-weight: 700; letter-spacing: .02em; }
.onc-pa__name { display: grid; gap: 3px; min-width: 0; }
.onc-pa__name strong { overflow: hidden; color: #1E2042; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.onc-pa__links { display: flex; gap: 5px; min-height: 12px; color: #E8679A; }
.onc-pa__links .onc-pa-i { width: 12px; height: 12px; stroke-width: 2; }
.onc-pa__country { overflow: hidden; color: #5D5F78; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.onc-pa__types { display: flex; align-items: center; gap: 4px; min-width: 0; }
.onc-pa__types em { overflow: hidden; padding: 3px 9px; border: 1px solid #ECEBF2; border-radius: 999px; background: #F8F8FB; color: #2A2C4A; font-size: 10.5px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.onc-pa__types small { flex: 0 0 auto; color: #8B8DA3; font-size: 10.5px; font-weight: 600; }

.onc-pa__foot { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 2px; color: #6F7189; font-size: 10.5px; }
.onc-pa__live { width: 7px; height: 7px; border-radius: 50%; background: #F21967; box-shadow: 0 0 0 3px #FDE7EF; animation: onc-pa-pulse 2.4s ease-in-out infinite; }
.onc-pa__pages { display: flex; gap: 4px; margin-left: auto; }
.onc-pa__pages i { display: grid; place-items: center; min-width: 22px; height: 22px; border: 1px solid #ECEBF2; border-radius: 6px; background: #fff; font-size: 10px; font-style: normal; }
.onc-pa__pages .is-on { border-color: var(--onc-h-navy, #141841); background: var(--onc-h-navy, #141841); color: #fff; }

/* Floating purchasing contact */
.onc-pa__contact {
	position: absolute; right: 28px; bottom: -58px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px 12px; align-items: center;
	width: 300px; padding: 14px 14px 12px 16px; border: 1px solid #ECEBF2; border-radius: 16px; background: #fff;
	box-shadow: 0 24px 44px -16px rgba(20, 24, 65, .32);
	animation: onc-pa-arrive .8s cubic-bezier(.22, .7, .2, 1) .8s both;
}
.onc-pa__avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #FDE7EF; color: #C8125A; }
.onc-pa__avatar .onc-pa-i { width: 20px; height: 20px; }
.onc-pa__contact-text { display: grid; gap: 1px; min-width: 0; }
.onc-pa__contact-text strong { color: #1E2042; font-size: 12.5px; font-weight: 650; }
.onc-pa__role { overflow: hidden; color: #8B8DA3; font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.onc-pa__unlock {
	display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 8px;
	background: var(--onc-h-navy, #141841); color: #fff; font-size: 10.5px; font-weight: 600; white-space: nowrap;
	transition: background .3s, box-shadow .2s;
}
.onc-pa__unlock .onc-pa-i { width: 12px; height: 12px; stroke-width: 2.2; }
.onc-pa__unlock b { font-weight: 600; }
.onc-pa__unlock b + b,
.onc-pa:not(.is-tour) .onc-pa__unlock b:first-of-type, .onc-pa.is-unlocked .onc-pa__unlock b:first-of-type { display: none; }
.onc-pa:not(.is-tour) .onc-pa__unlock b + b, .onc-pa.is-unlocked .onc-pa__unlock b + b { display: inline; }
.onc-pa__unlock .onc-pa-i:last-child { display: none; stroke-width: 2.8; transform: translateY(-1px); }
.onc-pa__unlock.is-hit { box-shadow: 0 0 0 3px rgba(20, 24, 65, .18); }
.onc-pa__channels { grid-column: 1 / -1; display: flex; gap: 6px; margin-top: 8px; padding-top: 10px; border-top: 1px solid #F2F1F6; }
.onc-pa__channels span {
	display: inline-flex; flex: 1 1 0; align-items: center; justify-content: center; gap: 5px; height: 26px; border-radius: 7px;
	background: #F6F6FA; color: #8B8DA3; font-size: 10.5px; font-weight: 600; white-space: nowrap;
	transition: background .35s calc(var(--n) * .14s), color .35s calc(var(--n) * .14s);
}
.onc-pa__channels .onc-pa-i { width: 12px; height: 12px; }

/* Unlocked: the default (no tour) shows the finished state */
.onc-pa:not(.is-tour) .onc-pa__unlock, .onc-pa.is-unlocked .onc-pa__unlock { background: #E8F7EF; color: #12784A; }
.onc-pa:not(.is-tour) .onc-pa__unlock .onc-pa-i:first-child, .onc-pa.is-unlocked .onc-pa__unlock .onc-pa-i:first-child { display: none; }
.onc-pa:not(.is-tour) .onc-pa__unlock .onc-pa-i:last-child, .onc-pa.is-unlocked .onc-pa__unlock .onc-pa-i:last-child { display: block; }
.onc-pa:not(.is-tour) .onc-pa__channels span, .onc-pa.is-unlocked .onc-pa__channels span { background: #FFF1F6; color: #C8125A; }
.onc-pa.is-unlocked .onc-pa__channels span { animation: onc-pa-pop .45s cubic-bezier(.3, 1.5, .5, 1) calc(var(--n) * .14s) both; }

/* Cursor */
.onc-pa__cursor {
	position: absolute; z-index: 6; top: 0; left: 0; width: 24px; height: 24px; pointer-events: none; opacity: 0;
	transform: translate(var(--pa-x, 0), var(--pa-y, 0));
	transition: transform 1.05s cubic-bezier(.45, .05, .2, 1), opacity .35s;
	filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .22));
}
.onc-pa__cursor.is-on { opacity: 1; }
.onc-pa__cursor svg { position: relative; z-index: 1; display: block; width: 26px; height: 26px; transform-origin: 5px 3px; transition: transform .14s; }
.onc-pa__cursor.is-down svg { transform: scale(.8); }
.onc-pa__cursor i { position: absolute; top: -12px; left: -9px; width: 30px; height: 30px; border-radius: 50%; background: rgba(242, 25, 103, .32); opacity: 0; }
.onc-pa__cursor.is-click i { animation: onc-pa-ripple .55s ease-out; }

@keyframes onc-pa-arrive { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
@keyframes onc-pa-row { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes onc-pa-caret { 50% { opacity: 0; } }
@keyframes onc-pa-pulse { 50% { box-shadow: 0 0 0 6px rgba(253, 231, 239, 0); } }
@keyframes onc-pa-pop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
@keyframes onc-pa-ripple { from { opacity: 1; transform: scale(.3); } to { opacity: 0; transform: scale(1.4); } }
@keyframes onc-pa-swap { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* ------------------------------------------------- AI search spotlight -- */

.onc-pf-ai {
	position: relative;
	overflow: hidden;
	background: linear-gradient(160deg, #141841 0%, #1F1B52 55%, #2D1D5E 100%);
	color: rgba(255, 255, 255, .78);
	scroll-margin-top: 90px;
}
.onc-pf-ai::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background:
		radial-gradient(ellipse 520px 380px at 85% 30%, rgba(242, 25, 103, .22), transparent 70%),
		radial-gradient(ellipse 420px 320px at 10% 100%, rgba(141, 97, 199, .25), transparent 70%),
		radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .07) 1px, transparent 1.5px) 0 0 / 18px 18px;
}
.onc-pf-ai__layout { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; gap: 72px; }
.onc-pf-ai h2 { margin-top: 14px; color: #fff; }
.onc-pf-ai .onc-home-sub { margin-top: 18px; color: rgba(255, 255, 255, .78); }
.onc-home-sec .onc-pf-ai__eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #FF7FB0; }
.onc-pf-ai__eyebrow b { padding: 3px 9px; border-radius: 999px; background: #F21967; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .05em; }
.onc-pf-ai__list { display: grid; gap: 12px; margin: 26px 0 28px; padding: 0; list-style: none; }
.onc-pf-ai__list li { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: #fff; font-size: 15.5px; line-height: 1.5; }
.onc-pf-ai .onc-pf-tick { background: rgba(242, 25, 103, .2); color: #FF7FB0; }
.onc-pf-ai .onc-home-link, .onc-pf-ai a { color: #fff; }

.onc-pf-aic {
	position: relative; padding: 22px; border-radius: 22px;
	background: #fff; border-color: #F21967 !important;
	border: 2px solid transparent;
	color: #2A2C4A; font: 400 13px/1.45 Inter, Arial, sans-serif;
	box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .55), 0 0 0 8px rgba(255, 255, 255, .05);
}
.onc-pf-aic *, .onc-pf-aic *::before, .onc-pf-aic *::after { box-sizing: border-box; }
.onc-pf-aic :where(span, strong, b, em, i, small) { font-family: inherit; letter-spacing: 0; }
.onc-pf-aic__top { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.onc-pf-aic__logo { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #F21967; color: #fff; }
.onc-pf-aic__logo .onc-pa-i { width: 18px; height: 18px; fill: currentColor; stroke-width: 1; }
.onc-pf-aic__top strong { color: #1E2042; font-size: 15px; font-weight: 700; }
.onc-pf-aic__top em { margin-left: auto; padding: 4px 10px; border-radius: 999px; background: #FDE7EF; color: #C8125A; font-size: 11px; font-style: normal; font-weight: 600; }
.onc-pf-aic__input {
	display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 8px 8px 16px; border: 1.5px solid #ECEBF2; border-radius: 14px;
	background: #F8F8FB; color: #1E2042; font-size: 15px; font-weight: 500;
}
.onc-pf-aic__typed { flex: 1 1 auto; min-width: 0; min-height: 1.45em; }
.onc-pf-aic.is-typing .onc-pf-aic__typed::after { content: ""; display: inline-block; width: 2px; height: 1.1em; margin-left: 2px; vertical-align: -.18em; background: #F21967; animation: onc-pa-caret 1s steps(1) infinite; }
.onc-pf-aic__go { display: grid; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #F21967; color: #fff; transition: transform .2s; }
.onc-pf-aic__go .onc-pa-i { width: 17px; height: 17px; stroke-width: 2.2; }
.onc-pf-aic.is-sent .onc-pf-aic__go { transform: scale(.88); }
.onc-pf-aic__think { display: none; align-items: center; gap: 4px; height: 24px; margin-top: 16px; color: #8B8DA3; font-size: 12px; }
.onc-pf-aic__think i { width: 6px; height: 6px; border-radius: 50%; background: #C9B6EA; animation: onc-pf-dot 1s ease-in-out infinite; }
.onc-pf-aic__think i:nth-child(2) { animation-delay: .15s; }
.onc-pf-aic__think i:nth-child(3) { animation-delay: .3s; }
.onc-pf-aic__think span { margin-left: 6px; }
.onc-pf-aic.is-thinking .onc-pf-aic__think { display: flex; }
.onc-pf-aic__label { margin-top: 18px; color: #8B8DA3; font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.onc-pf-aic__chips { display: flex; flex-wrap: wrap; gap: 8px; min-height: 40px; margin-top: 10px; }
.onc-pf-aic__chip {
	display: inline-flex; align-items: baseline; gap: 6px; padding: 8px 12px; border: 1px solid #F7B9CF; border-radius: 10px;
	background: #FFF4F8; color: #C8125A; font-size: 13px; line-height: 1.2;
}
.onc-pf-aic__chip small { color: #A0627C; font-size: 11px; font-weight: 500; }
.onc-pf-aic__chip b { font-weight: 650; }
.onc-pf-aic__results { margin-top: 18px; padding-top: 16px; border-top: 1px solid #F2F1F6; }
.onc-pf-aic__ready { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; color: #12784A; font-size: 12px; font-weight: 600; }
.onc-pf-aic__ready .onc-pa-i { width: 14px; height: 14px; stroke-width: 2.6; }
.onc-pf-aic__row { display: grid; grid-template-columns: 30px 1.4fr 1fr 60px; align-items: center; gap: 12px; height: 44px; border-top: 1px solid #F6F6FA; }
.onc-pf-aic__row:first-of-type { border-top: 0; }
.onc-pf-aic__row i { width: 30px; height: 30px; border-radius: 8px; background: #FDE7EF; }
.onc-pf-aic__row:nth-of-type(2) i { background: #FDE7EF; }
.onc-pf-aic__row b { height: 8px; border-radius: 4px; background: #ECEBF2; }
.onc-pf-aic__row b + b { width: 70%; background: #F2F1F6; }
.onc-pf-aic__row em { height: 20px; border-radius: 999px; background: #FFF1F6; }

/* JS-driven states (the default without JS is the finished picture) */
.onc-pf-aic.is-live.is-done .onc-pf-aic__chip { animation: onc-pa-pop .45s cubic-bezier(.3, 1.5, .5, 1) calc(var(--n) * .16s) both; }
/* Keep a quiet skeleton preview visible while the next example is being typed. */
.onc-pf-aic.is-live:not(.is-done) .onc-pf-aic__chip { border-color: #ECEBF2; background: #F2F1F6; }
.onc-pf-aic.is-live:not(.is-done) .onc-pf-aic__chip > * { visibility: hidden; }
.onc-pf-aic.is-live:not(.is-done) .onc-pf-aic__results { opacity: .55; }
.onc-pf-aic.is-live:not(.is-done) .onc-pf-aic__ready { visibility: hidden; }
.onc-pf-aic.is-live:not(.is-done) .onc-pf-aic__label { font-size: 0; }
.onc-pf-aic.is-live:not(.is-done) .onc-pf-aic__label::after { content: "Preparing your search"; font-size: 11px; }
.onc-pf-aic.is-thinking .onc-pf-aic__label { display: none; }
.onc-pf-aic.is-live.is-done .onc-pf-aic__results { animation: onc-pf-rise .6s cubic-bezier(.22, 1, .36, 1) .45s both; }
@keyframes onc-pf-dot { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }

/* ------------------------------------------------- Product categories -- */

.onc-pf-cats .onc-home-head h2 { margin-top: 12px; }
.onc-pf-cats__text { max-width: 640px; margin-top: 16px; }
.onc-pf-cats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.onc-home-sec .onc-pf-cat {
	position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 2px 14px; align-items: center;
	padding: 18px 18px 16px; border: 1px solid #ECEBF2; border-radius: 16px; background: #fff;
	color: var(--onc-h-body); text-decoration: none;
	box-shadow: 0 1px 2px rgba(20, 24, 65, .04);
	transition: transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s, border-color .25s;
}
.onc-pf-cat__art {
	--onc-cat-bg: #F6F4FB;
	grid-row: 1 / 3; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 14px;
	background: var(--onc-cat-bg); color: #141841; transition: background .25s, color .25s;
}
.onc-pf-cat__art .onc-pa-cat { width: 58px; height: 58px; margin: -4px; }
.onc-pf-cat__name { align-self: end; padding-right: 18px; color: var(--onc-h-navy); font-size: 15px; font-weight: 650; line-height: 1.3; }
.onc-pf-cat__count { align-self: start; font-size: 12.5px; }
.onc-pf-cat__count b { color: var(--onc-h-navy); font-weight: 650; font-variant-numeric: tabular-nums; }
.onc-pf-cat__bar { grid-column: 1 / -1; height: 4px; margin-top: 12px; overflow: hidden; border-radius: 2px; background: #F2F1F6; }
.onc-pf-cat__bar i { display: block; width: var(--w); height: 100%; border-radius: inherit; background: #F21967; }
.onc-pf-cat > .onc-home-icon { position: absolute; top: 16px; right: 16px; width: 16px; height: 16px; color: #C5C3D3; transition: color .2s, transform .2s; }
.onc-home-sec a.onc-pf-cat:hover { border-color: #F7B9CF; box-shadow: 0 18px 34px -20px rgba(20, 24, 65, .35); transform: translateY(-3px); }
a.onc-pf-cat:hover .onc-pf-cat__art { --onc-cat-bg: #FFF1F6; color: #D0145C; }
a.onc-pf-cat:hover > .onc-home-icon { color: var(--onc-h-pink); transform: translate(2px, -2px); }

.onc-pf-cats.is-reveal-ready .onc-pf-cat { opacity: 0; transform: translateY(16px); }
.onc-pf-cats.is-reveal-ready .onc-pf-cat__bar i { width: 0; }
.onc-pf-cats.is-revealed .onc-pf-cat {
	opacity: 1; transform: none;
	transition: opacity .6s ease calc(var(--i) * .04s), transform .6s cubic-bezier(.22, 1, .36, 1) calc(var(--i) * .04s), box-shadow .25s, border-color .25s;
}
.onc-pf-cats.is-revealed .onc-pf-cat__bar i { width: var(--w); transition: width 1.2s cubic-bezier(.22, 1, .36, 1) calc(.3s + var(--i) * .04s); }
.onc-home-sec.onc-pf-cats.is-revealed a.onc-pf-cat:hover { transform: translateY(-3px); }

/* Tighten the legacy testimonial section between coverage and outreach options. */
@media (min-width: 768px) {
	.page-id-10 #page-content > .l-section:has(.us_carousel.layout_78982) { padding-block: 48px !important; }
}

/* -------------------------------------------------------- Testimonials -- */
/* [bdn_testimonials]: one large quote card at a time, chosen by a row of client logos.
   onc-platform.js switches the cards (is-active) and runs the autoplay progress. */

.onc-tm {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 560px 380px at 8% 0%, rgba(242, 25, 103, .07), transparent 70%),
		radial-gradient(ellipse 620px 420px at 100% 100%, rgba(242, 25, 103, .06), transparent 70%),
		#fff;
}
.onc-tm .onc-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.onc-tm__head { align-items: end; }
.onc-tm__head h2 { max-width: 560px; margin-top: 12px; }
.onc-tm__text { max-width: 560px; margin-top: 16px; }

.onc-home-sec .onc-tm__rating {
	display: inline-flex; flex: 0 0 auto; align-items: center; gap: 14px; margin: 0; padding: 12px 16px 12px 18px;
	border: 1px solid #ECEBF2; border-radius: 14px; background: #fff; color: var(--onc-h-navy); text-decoration: none;
	box-shadow: 0 10px 24px -18px rgba(20, 24, 65, .35);
	transition: border-color .2s, box-shadow .2s;
}
.onc-home-sec a.onc-tm__rating:hover { border-color: #F7B9CF; box-shadow: 0 14px 28px -18px rgba(242, 25, 103, .45); }
.onc-tm__rating > .onc-home-icon { width: 15px; height: 15px; color: #B6B4C6; }
.onc-tm__stars {
	position: relative; display: block; width: 92px; height: 18px;
	background: #E3E2EC;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 0l2.6 5.6 6.1.6-4.6 4.1 1.3 6L10 13.2 4.6 16.3l1.3-6L1.3 6.2l6.1-.6z'/%3E%3C/svg%3E") 0 0 / 18.4px 18px repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 0l2.6 5.6 6.1.6-4.6 4.1 1.3 6L10 13.2 4.6 16.3l1.3-6L1.3 6.2l6.1-.6z'/%3E%3C/svg%3E") 0 0 / 18.4px 18px repeat-x;
}
.onc-tm__stars::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--fill); background: #F21967; }
.onc-tm__score { display: grid; line-height: 1.25; }
.onc-tm__score strong { font-size: 15px; font-weight: 700; }
.onc-tm__score span { color: var(--onc-h-body); font-size: 12.5px; }

/* The card */
.onc-tm__stage { position: relative; }
.onc-tm__cards { display: grid; }
.onc-tm__card {
	grid-area: 1 / 1;
	position: relative;
	display: grid; grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 0 28px;
	margin: 0; padding: 52px 56px 48px;
	border: 1px solid #ECEBF2; border-radius: 26px; background: #fff;
	box-shadow: 0 1px 2px rgba(20, 24, 65, .04), 0 34px 60px -40px rgba(20, 24, 65, .35);
}
.onc-tm__card[hidden] { display: grid; visibility: hidden; }
.onc-tm__mark { grid-row: 1 / 3; width: 52px; height: 44px; color: #F21967; opacity: .9; }
.onc-home-sec .onc-tm__quote { margin: 0; padding: 0; border: 0; background: none; font-style: normal; quotes: none; }
.onc-home-sec .onc-tm__quote::before, .onc-home-sec .onc-tm__quote::after { content: none !important; display: none !important; }
.onc-home-sec .onc-tm__quote p {
	max-width: 900px; margin: 0;
	color: var(--onc-h-navy); font-size: 23px; font-weight: 500; line-height: 1.55; letter-spacing: -.005em;
}
.onc-tm__by { display: flex; align-items: center; gap: 16px; margin-top: 34px; padding-top: 26px; border-top: 1px solid #F2F1F6; }
.onc-tm__logo {
	display: grid; flex: 0 0 auto; place-items: center; width: 124px; height: 62px; padding: 5px 8px;
	border: 1px solid #ECEBF2; border-radius: 12px; background: #fff;
}
.onc-tm__logo img { display: block; width: 100%; height: 50px; object-fit: contain; }
.onc-tm__who { display: grid; gap: 2px; min-width: 0; }
.onc-tm__who strong { color: var(--onc-h-navy); font-size: 16px; font-weight: 700; }
.onc-tm__who span { color: var(--onc-h-body); font-size: 14px; }

/* Arrows and counter, bottom right of the card */
.onc-tm__nav { position: absolute; right: 40px; bottom: 44px; display: flex; align-items: center; gap: 8px; }
.onc-tm__counter { margin-right: 10px; color: #A3A1B5; font-size: 13px; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.onc-tm__counter b { color: var(--onc-h-navy); font-weight: 700; }
.onc-home-sec .onc-tm__arrow {
	display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0;
	border: 1px solid #E3E2EC; border-radius: 50%; background: #fff; color: var(--onc-h-navy); cursor: pointer;
	transition: background .2s, border-color .2s, color .2s;
}
.onc-home-sec .onc-tm__arrow:hover { border-color: #F21967; background: #F21967; color: #fff; }
.onc-tm__arrow .onc-pa-i { width: 18px; height: 18px; }
.onc-tm__arrow:focus-visible, .onc-tm__tab:focus-visible { outline: 2px solid #F21967; outline-offset: 3px; }

/* Client logos that pick the card */
.onc-tm__tabs { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.onc-home-sec .onc-tm__tab {
	position: relative; display: grid; place-items: center; height: 88px; margin: 0; padding: 8px 10px; overflow: hidden;
	border: 1px solid #ECEBF2; border-radius: 14px; background: #fff; cursor: pointer;
	transition: border-color .25s, box-shadow .25s, transform .25s;
}
.onc-tm__tab img { display: block; width: 100%; max-width: 150px; height: 64px; object-fit: contain; opacity: .75; transition: opacity .25s; }
.onc-tm__tab-name { color: var(--onc-h-body); font-size: 13px; font-weight: 600; line-height: 1.3; text-align: center; }
.onc-home-sec .onc-tm__tab:hover { border-color: #F7B9CF; transform: translateY(-2px); }
.onc-tm__tab:hover img, .onc-tm__tab.is-active img { opacity: 1; }
.onc-home-sec .onc-tm__tab.is-active { border-color: #F7B9CF; box-shadow: 0 14px 26px -18px rgba(242, 25, 103, .5); }
.onc-tm__tab i { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: #F2F1F6; opacity: 0; }
.onc-tm__tab.is-active i { opacity: 1; }
.onc-tm__tab i::before { content: ""; display: block; width: 100%; height: 100%; background: #F21967; transform-origin: 0 50%; }
.onc-tm.is-playing .onc-tm__tab.is-active i::before { animation: onc-tm-progress var(--onc-tm-time, 8s) linear both; }
.onc-tm.is-paused .onc-tm__tab.is-active i::before { animation-play-state: paused; }
@keyframes onc-tm-progress { from { transform: scaleX(0); } to { transform: none; } }

/* Switching cards */
.onc-tm__card.is-in .onc-tm__quote, .onc-tm__card.is-in .onc-tm__by { animation: onc-tm-in .6s cubic-bezier(.22, 1, .36, 1) both; }
.onc-tm__card.is-in .onc-tm__by { animation-delay: .08s; }
@keyframes onc-tm-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

@media (max-width: 1024px) {
	.onc-tm__card { padding: 44px 40px 40px; gap: 0 22px; grid-template-columns: 52px minmax(0, 1fr); }
	.onc-tm__mark { width: 44px; height: 38px; }
	.onc-home-sec .onc-tm__quote p { font-size: 20px; }
	.onc-tm__nav { right: 28px; bottom: 36px; }
	.onc-tm__tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
	.onc-tm__tabs::-webkit-scrollbar { display: none; }
	.onc-home-sec .onc-tm__tab { flex: 0 0 150px; scroll-snap-align: start; }
}

@media (max-width: 760px) {
	.onc-tm__head { display: grid; gap: 22px; }
	.onc-home-sec .onc-tm__rating { justify-self: start; }
	.onc-tm__card { display: block; padding: 30px 22px 92px; border-radius: 20px; }
	.onc-tm__card[hidden] { display: none; }
	.onc-tm__mark { display: block; width: 34px; height: 29px; margin-bottom: 16px; }
	.onc-home-sec .onc-tm__quote p { font-size: 17px; line-height: 1.6; }
	.onc-tm__by { gap: 12px; margin-top: 24px; padding-top: 20px; }
	.onc-tm__logo { width: 84px; height: 46px; padding: 6px 8px; border-radius: 10px; }
	.onc-tm__logo img { height: 34px; }
	.onc-tm__who strong { font-size: 15px; }
	.onc-tm__who span { font-size: 13px; line-height: 1.4; }
	.onc-tm__nav { right: 22px; bottom: 24px; left: 22px; }
	.onc-tm__counter { margin-right: auto; }
	.onc-home-sec .onc-tm__arrow { width: 42px; height: 42px; }
	.onc-tm__tabs { gap: 10px; margin-top: 16px; margin-right: -20px; padding-right: 20px; }
	.onc-home-sec .onc-tm__tab { flex-basis: 124px; height: 64px; padding: 10px 12px; border-radius: 12px; }
	.onc-tm__tab img { height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
	.onc-tm *, .onc-tm *::before { animation: none !important; transition: none !important; }
}

/* ------------------------------------------------- Feature row screens -- */
/* Drawn at 560 design pixels wide; --u is one design pixel, so the whole
   screen scales with its column like an image would. */

.onc-pff { position: relative; z-index: 1; width: 100%; max-width: 560px; container-type: inline-size; color: #141841; line-height: 1.35; text-align: left; }
.onc-pff__stage { --u: calc(100cqw / 560); position: relative; aspect-ratio: 560 / 470; font-size: calc(12 * var(--u)); }
.onc-pff--profile .onc-pff__stage { aspect-ratio: 560 / 400; }
.onc-pff--lists .onc-pff__stage { aspect-ratio: 560 / 390; }
.onc-pff--filters .onc-pff__stage { aspect-ratio: 560 / 486; }
.onc-pff p { margin: 0; }
.onc-home-sec .onc-pff p.onc-pff__caption { margin-top: 14px; color: #8A8DA6; font-size: 12px; line-height: 1.4; text-align: center; }
.onc-pff b, .onc-pff strong { font-weight: 700; }
.onc-pff i, .onc-pff em { font-style: normal; }
.onc-pff .onc-pa-i { width: calc(14 * var(--u)); height: calc(14 * var(--u)); flex: none; }
.onc-pff .onc-pa-i[class] { stroke-width: 1.8; }

.onc-pff__card {
	position: absolute; overflow: hidden;
	border: 1px solid #ECEBF2; border-radius: calc(14 * var(--u)); background: #fff;
	box-shadow: 0 calc(22 * var(--u)) calc(48 * var(--u)) rgba(20, 24, 65, .10), 0 1px 3px rgba(20, 24, 65, .05);
}
.onc-pff__bar { display: block; width: calc(var(--w) * var(--u)); max-width: 100%; height: calc(8 * var(--u)); border-radius: 99px; background: #EEEDF3; }
.onc-pff__bar.is-chip { height: calc(24 * var(--u)); background: #F4F3F8; }
.onc-pff__lines { display: grid; gap: calc(7 * var(--u)); flex: 1; min-width: 0; }
.onc-pff__lines.is-end { flex: none; justify-items: end; }
.onc-pff__ava {
	display: grid; place-items: center; flex: none; width: calc(34 * var(--u)); height: calc(34 * var(--u));
	border-radius: 50%; background: #FDE7EF; color: #C8125A; font-size: calc(11.5 * var(--u)); font-weight: 700; letter-spacing: .02em;
}
.onc-pff__ava.is-lg { width: calc(46 * var(--u)); height: calc(46 * var(--u)); font-size: calc(15 * var(--u)); }
.onc-pff__ava.is-ghost { background: #EEEDF3; }
.onc-pff__head {
	display: flex; align-items: center; gap: calc(9 * var(--u)); padding: calc(12 * var(--u)) calc(15 * var(--u));
	background: #141841; color: #fff; font-size: calc(10.5 * var(--u)); font-weight: 650; letter-spacing: .09em; text-transform: uppercase;
}
.onc-pff__head .onc-pa-i { color: #F21967; }
.onc-pff__box { margin: calc(10 * var(--u)) calc(10 * var(--u)) 0; padding: calc(7 * var(--u)); border: 1px solid #ECEBF2; border-radius: calc(10 * var(--u)); background: #FBFAFD; }
.onc-pff__chips { display: flex; flex-wrap: wrap; gap: calc(6 * var(--u)); }
.onc-pff__chips.is-ghost { padding: calc(10 * var(--u)) calc(12 * var(--u)) calc(14 * var(--u)); }
.onc-pff__chip {
	display: inline-flex; align-items: center; gap: calc(6 * var(--u)); padding: calc(5 * var(--u)) calc(7 * var(--u)) calc(5 * var(--u)) calc(10 * var(--u));
	border-radius: 99px; background: #F1F0F6; color: #4A4E6E; font-size: calc(11 * var(--u)); font-weight: 550; white-space: nowrap;
}
.onc-pff__chip .onc-pa-i { width: calc(13 * var(--u)); height: calc(13 * var(--u)); color: #F21967; }
.onc-pff__label { color: #141841; font-size: calc(12 * var(--u)); font-weight: 700; }
.onc-pff__info { display: flex; align-items: center; gap: calc(9 * var(--u)); margin-top: calc(8 * var(--u)) !important; color: #5A5E7C; font-size: calc(11.5 * var(--u)); white-space: nowrap; }
.onc-pff__info .onc-pa-i { color: #141841; }
.onc-pff__social { display: inline-flex; gap: calc(8 * var(--u)); color: #F21967; }
.onc-pff__social .onc-pa-i { width: calc(14 * var(--u)); height: calc(14 * var(--u)); }
.onc-pff__btn {
	display: inline-flex; align-items: center; gap: calc(7 * var(--u)); padding: calc(10 * var(--u)) calc(18 * var(--u));
	border-radius: 99px; background: #F21967; color: #fff; font-size: calc(12.5 * var(--u)); font-weight: 650; white-space: nowrap;
	box-shadow: 0 calc(8 * var(--u)) calc(20 * var(--u)) rgba(242, 25, 103, .3);
}
.onc-pff__btn.is-sm { padding: calc(7 * var(--u)) calc(12 * var(--u)); font-size: calc(11 * var(--u)); box-shadow: none; }
.onc-pff__btn .onc-pa-i { width: calc(15 * var(--u)); height: calc(15 * var(--u)); }

/* Contact details */
.onc-pff__back { left: 0; top: calc(72 * var(--u)); width: 100%; height: calc(360 * var(--u)); background: #F8F7FB; }
.onc-pff__appbar { display: flex; align-items: center; gap: calc(16 * var(--u)); height: calc(54 * var(--u)); padding: 0 calc(18 * var(--u)); border-bottom: 1px solid #ECEBF2; background: #fff; }
.onc-pff__appbar svg { width: calc(36 * var(--u)); height: auto; }
.onc-pff__appbar .onc-pff__bar { margin-left: auto; }
.onc-pff__dot { width: calc(26 * var(--u)); height: calc(26 * var(--u)); border-radius: 50%; background: #EEEDF3; }
.onc-pff__lrow { display: flex; align-items: center; gap: calc(14 * var(--u)); height: calc(58 * var(--u)); padding: 0 calc(18 * var(--u)); }
.onc-pff__lrow.is-hit { background: #fff; }
.onc-pff__pill { width: calc(52 * var(--u)); height: calc(20 * var(--u)); border-radius: calc(6 * var(--u)); background: #F21967; }
.onc-pff__company { left: calc(56 * var(--u)); top: 0; width: calc(336 * var(--u)); padding: calc(18 * var(--u)) calc(18 * var(--u)) calc(70 * var(--u)); }
.onc-pff__ctop { display: flex; align-items: center; gap: calc(12 * var(--u)); margin-bottom: calc(16 * var(--u)); }
.onc-pff__ctop strong, .onc-pff__ptop strong { display: flex; align-items: center; gap: calc(6 * var(--u)); color: #141841; font-size: calc(17 * var(--u)); font-weight: 750; letter-spacing: -.01em; }
.onc-pff__ctop span, .onc-pff__ptop div > span:not(.onc-pff__unlock) { display: block; color: #6B6F8A; font-size: calc(11.5 * var(--u)); }
.onc-pff__tags { display: flex; flex-wrap: wrap; gap: calc(5 * var(--u)); margin: calc(8 * var(--u)) 0 calc(14 * var(--u)); }
.onc-pff__tag { padding: calc(4 * var(--u)) calc(9 * var(--u)); border-radius: calc(6 * var(--u)); background: #F4F3F8; color: #4A4E6E; font-size: calc(11 * var(--u)); }
.onc-pff__tag::before { content: "\2022"; margin-right: calc(4 * var(--u)); color: #F21967; }
.onc-pff__labelrow { display: flex; align-items: center; justify-content: space-between; }
.onc-pff__person { left: calc(196 * var(--u)); top: calc(222 * var(--u)); width: calc(344 * var(--u)); }
.onc-pff__ptop { display: flex; gap: calc(14 * var(--u)); padding: calc(16 * var(--u)); border-bottom: 1px solid #ECEBF2; background: #F7F6FA; }
.onc-pff__ptop .onc-pa-i { color: #F21967; }
.onc-pff__photo {
	display: grid; place-items: center; flex: none; width: calc(74 * var(--u)); height: calc(74 * var(--u)); border-radius: calc(12 * var(--u));
	background: linear-gradient(140deg, #F7B9CF, #F21967); color: #fff; font-size: calc(22 * var(--u)); font-weight: 700;
}
.onc-pff__unlock { display: grid; justify-items: start; margin-top: calc(9 * var(--u)); }
.onc-pff__unlock b {
	grid-area: 1 / 1; display: inline-flex; align-items: center; gap: calc(6 * var(--u)); padding: calc(7 * var(--u)) calc(12 * var(--u));
	border-radius: calc(8 * var(--u)); background: #F21967; color: #fff; font-size: calc(11.5 * var(--u)); font-weight: 650; white-space: nowrap;
}
.onc-pff__unlock b + b { background: #FDE7EF; color: #C8125A; opacity: 0; }
.onc-pff__unlock .onc-pa-i { width: calc(13 * var(--u)); height: calc(13 * var(--u)); color: currentColor; }
.onc-pff__facts { display: grid; grid-template-columns: 1fr 1.25fr; gap: calc(12 * var(--u)) calc(16 * var(--u)); padding: calc(15 * var(--u)) calc(16 * var(--u)) calc(17 * var(--u)); }
.onc-pff__facts span { display: grid; gap: calc(3 * var(--u)); color: #141841; font-size: calc(12 * var(--u)); font-weight: 600; }
.onc-pff__facts small { color: #8A8DA6; font-size: calc(10.5 * var(--u)); font-weight: 500; }

/* Search and filters */
.onc-pff__fcat { left: calc(10 * var(--u)); top: calc(10 * var(--u)); width: calc(236 * var(--u)); }
.onc-pff__fcat .onc-pff__chips.is-ghost .onc-pff__bar:nth-child(n+3) { display: none; }
.onc-pff__ftype { left: 0; top: calc(318 * var(--u)); width: calc(236 * var(--u)); }
.onc-pff__search { left: calc(206 * var(--u)); top: calc(96 * var(--u)); width: calc(344 * var(--u)); height: calc(330 * var(--u)); padding: calc(16 * var(--u)); background: #F8F7FB; }
.onc-pff__input {
	display: flex; align-items: center; justify-content: space-between; padding: calc(11 * var(--u)) calc(13 * var(--u));
	border: 1px solid #ECEBF2; border-radius: calc(10 * var(--u)); background: #fff; color: #141841; font-size: calc(14 * var(--u)); font-weight: 600;
}
.onc-pff__input .onc-pa-i { width: calc(17 * var(--u)); height: calc(17 * var(--u)); color: #6B6F8A; }
.onc-pff__typed { display: inline-flex; align-items: center; }
.onc-pff__typed::after { content: ""; width: 1.5px; height: calc(16 * var(--u)); margin-left: calc(2 * var(--u)); background: #F21967; }
.onc-pff__srow { display: flex; align-items: center; gap: calc(12 * var(--u)); padding: calc(13 * var(--u)) calc(4 * var(--u)); }
.onc-pff__srow.is-gap { visibility: hidden; }
.onc-pff__filters { position: absolute; left: calc(16 * var(--u)); bottom: calc(22 * var(--u)); }
.onc-pff__result {
	left: calc(150 * var(--u)); top: calc(232 * var(--u)); width: calc(400 * var(--u)); display: flex; align-items: center; gap: calc(12 * var(--u));
	padding: calc(14 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u)) calc(16 * var(--u)); border-left: calc(3 * var(--u)) solid #F21967;
	box-shadow: 0 calc(26 * var(--u)) calc(56 * var(--u)) rgba(20, 24, 65, .16), 0 1px 3px rgba(20, 24, 65, .06);
}
.onc-pff__result strong { display: block; font-size: calc(14.5 * var(--u)); font-weight: 700; }
.onc-pff__result div > span { color: #6B6F8A; font-size: calc(11.5 * var(--u)); }
.onc-pff__result mark { padding: 0 calc(2 * var(--u)); border-radius: calc(3 * var(--u)); background: #FDE7EF; color: inherit; }
.onc-pff__rtype { margin-left: auto; padding: calc(5 * var(--u)) calc(10 * var(--u)); border-radius: 99px; background: #F4F3F8; color: #4A4E6E; font-size: calc(11 * var(--u)); font-weight: 600; }
.onc-pff__more { color: #8A8DA6; }

/* Company profiles */
.onc-pff__prof { left: 0; top: calc(8 * var(--u)); width: calc(340 * var(--u)); }
.onc-pff__phead { position: relative; display: flex; align-items: center; gap: calc(14 * var(--u)); padding: calc(16 * var(--u)); border-bottom: 1px solid #ECEBF2; background: #F7F6FA; }
.onc-pff__phead strong { display: block; font-size: calc(16 * var(--u)); font-weight: 750; letter-spacing: -.01em; }
.onc-pff__phead div > span:not(.onc-pff__social) { display: block; color: #6B6F8A; font-size: calc(11.5 * var(--u)); }
.onc-pff__phead .onc-pff__social { margin-top: calc(7 * var(--u)); }
.onc-pff__phead .onc-pff__btn { position: absolute; top: calc(14 * var(--u)); right: calc(14 * var(--u)); }
.onc-pff__brand {
	display: grid; place-content: center; flex: none; width: calc(70 * var(--u)); height: calc(70 * var(--u)); border-radius: calc(12 * var(--u));
	background: #fff; box-shadow: 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(20, 24, 65, .08);
	color: #141841; font-family: Georgia, "Times New Roman", serif; font-size: calc(9 * var(--u)); letter-spacing: .18em; line-height: 1.1; text-align: center; text-transform: uppercase;
}
.onc-pff__brand em { display: block; color: #C8125A; font-size: calc(13 * var(--u)); font-style: italic; letter-spacing: 0; text-transform: none; }
.onc-pff__pbody { padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u)); }
.onc-pff__desc { margin-top: calc(5 * var(--u)) !important; color: #5A5E7C; font-size: calc(11.5 * var(--u)); line-height: 1.55; }
.onc-pff__info.is-row { margin: 0 !important; padding: calc(10 * var(--u)) calc(16 * var(--u)); }
.onc-pff__info.is-row:nth-of-type(odd) { background: #F8F7FB; }
.onc-pff__pcat { left: calc(356 * var(--u)); top: calc(8 * var(--u)); width: calc(204 * var(--u)); }
.onc-pff__pcat > .onc-pff__bar { margin: 0 calc(12 * var(--u)) calc(8 * var(--u)); }
.onc-pff__pcat > .onc-pff__bar:last-child { margin-bottom: calc(14 * var(--u)); }
.onc-pff__cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(6 * var(--u)); padding: calc(12 * var(--u)); }
.onc-pff__cat {
	--onc-cat-bg: #fff; display: grid; place-items: center; aspect-ratio: 1; border: 1px solid #ECEBF2; border-radius: calc(10 * var(--u));
	background: #fff; color: #141841; box-shadow: 0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(20, 24, 65, .06);
}
.onc-pff__cat .onc-pa-cat { width: 72%; height: 72%; }
.onc-pff__ploc { left: calc(356 * var(--u)); top: calc(196 * var(--u)); width: calc(204 * var(--u)); }
.onc-pff__mapbox { position: relative; height: calc(156 * var(--u)); background: #EFEEF3; }
.onc-pff__map { position: absolute; inset: 0; width: 100%; height: 100%; }
.onc-pff__pin { position: absolute; left: 50%; top: 48%; translate: -50% -50%; display: grid; place-items: center; width: calc(70 * var(--u)); height: calc(70 * var(--u)); }
.onc-pff__pin i { position: absolute; inset: 0; border-radius: 50%; background: rgba(242, 25, 103, .12); border: 1px solid rgba(242, 25, 103, .25); }
.onc-pff__pin i + i { inset: 22%; background: rgba(242, 25, 103, .14); }
.onc-pff__pin .onc-pa-i { position: relative; width: calc(26 * var(--u)); height: calc(26 * var(--u)); margin-top: calc(-12 * var(--u)); color: #F21967; filter: drop-shadow(0 calc(3 * var(--u)) calc(4 * var(--u)) rgba(200, 18, 90, .35)); }

/* Lists and notes */
.onc-pff__notes { left: 0; top: calc(40 * var(--u)); width: calc(292 * var(--u)); overflow: visible; background: #F8F7FB; }
.onc-pff__notes .onc-pff__head { border-radius: calc(14 * var(--u)) calc(14 * var(--u)) 0 0; }
.onc-pff__timeline { position: relative; padding: calc(8 * var(--u)) 0 calc(10 * var(--u)); }
.onc-pff__timeline::before { content: ""; position: absolute; left: calc(32 * var(--u)); top: calc(24 * var(--u)); bottom: calc(30 * var(--u)); border-left: 1.5px solid #E3E2EC; }
.onc-pff__note { position: relative; display: flex; align-items: center; gap: calc(11 * var(--u)); padding: calc(10 * var(--u)) calc(14 * var(--u)); }
.onc-pff__note small { display: block; color: #141841; font-size: calc(10.5 * var(--u)); font-weight: 600; }
.onc-pff__note div > span { display: block; color: #6B6F8A; font-size: calc(11.5 * var(--u)); }
.onc-pff__note b { color: #141841; font-weight: 650; }
.onc-pff__note.is-up {
	z-index: 1; margin: calc(4 * var(--u)) calc(-18 * var(--u)) calc(4 * var(--u)) calc(-14 * var(--u)); padding: calc(13 * var(--u)) calc(32 * var(--u)) calc(13 * var(--u)) calc(28 * var(--u));
	border: 1px solid #ECEBF2; border-radius: calc(12 * var(--u)); background: #fff; box-shadow: 0 calc(16 * var(--u)) calc(34 * var(--u)) rgba(20, 24, 65, .13);
}
.onc-pff__nico {
	position: relative; display: grid; place-items: center; flex: none; width: calc(36 * var(--u)); height: calc(36 * var(--u));
	border: 1px solid #ECEBF2; border-radius: 50%; background: #fff; color: #F21967; box-shadow: 0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(20, 24, 65, .06);
}
.onc-pff__nico .onc-pa-i { width: calc(16 * var(--u)); height: calc(16 * var(--u)); }
.onc-pff__status { align-self: flex-start; margin-left: auto; padding: calc(3 * var(--u)) calc(7 * var(--u)); border-radius: 99px; font-size: calc(9.5 * var(--u)); font-weight: 600; white-space: nowrap; }
.onc-pff__status.is-wait { background: #FDE7EF; color: #C8125A; }
.onc-pff__status.is-done { background: #ECEDF5; color: #141841; }
.onc-pff__status.is-none { background: #F4F3F8; color: #8A8DA6; }
.onc-pff__editor { left: calc(300 * var(--u)); top: 0; width: calc(260 * var(--u)); padding: calc(16 * var(--u)); overflow: visible; }
.onc-pff__etitle { display: flex; align-items: center; gap: calc(9 * var(--u)); font-size: calc(17 * var(--u)); font-weight: 750; letter-spacing: -.01em; }
.onc-pff__etitle .onc-pa-i { width: calc(21 * var(--u)); height: calc(21 * var(--u)); color: #F21967; }
.onc-pff__tools { display: flex; gap: calc(12 * var(--u)); margin: calc(13 * var(--u)) 0 calc(11 * var(--u)); color: #6B6F8A; }
.onc-pff__tools .onc-pa-i { width: calc(14 * var(--u)); height: calc(14 * var(--u)); }
.onc-pff__tools .onc-pa-i:last-child { margin-left: auto; color: #F21967; }
.onc-pff__text {
	position: relative; height: calc(150 * var(--u)); padding: calc(12 * var(--u)) calc(13 * var(--u));
	border: 1px solid #ECEBF2; border-radius: calc(10 * var(--u)); background: #F7F6FA; color: #6B6F8A; font-size: calc(12.5 * var(--u));
}
.onc-pff__text > b { color: #F21967; font-weight: 600; }
.onc-pff__caret { display: inline-block; width: 1.5px; height: calc(14 * var(--u)); margin-left: calc(3 * var(--u)); vertical-align: middle; background: #141841; }
.onc-pff__mention {
	position: absolute; left: calc(40 * var(--u)); top: calc(40 * var(--u)); display: grid; gap: calc(6 * var(--u)); width: calc(196 * var(--u)); padding: calc(11 * var(--u));
	border: 1px solid #ECEBF2; border-radius: calc(10 * var(--u)); background: #fff; box-shadow: 0 calc(16 * var(--u)) calc(34 * var(--u)) rgba(20, 24, 65, .16);
}
.onc-pff__mention::before { content: ""; position: absolute; left: calc(40 * var(--u)); top: calc(-6 * var(--u)); width: calc(10 * var(--u)); height: calc(10 * var(--u)); rotate: 45deg; border: 1px solid #ECEBF2; border-width: 1px 0 0 1px; background: #fff; }
.onc-pff__mention > span { display: flex; align-items: center; gap: calc(7 * var(--u)); color: #4A4E6E; font-size: calc(10.5 * var(--u)); }
.onc-pff__mention > span .onc-pa-i { width: calc(12 * var(--u)); height: calc(12 * var(--u)); color: #6B6F8A; }
.onc-pff__mention .onc-pff__mtop { margin-bottom: calc(2 * var(--u)); }
.onc-pff__mtop strong { display: block; color: #141841; font-size: calc(12.5 * var(--u)); }
.onc-pff__mtop small { display: block; color: #6B6F8A; font-size: calc(10.5 * var(--u)); }
.onc-pff__mtop .onc-pff__ava { width: calc(30 * var(--u)); height: calc(30 * var(--u)); font-size: calc(10 * var(--u)); }
.onc-pff__field {
	display: flex; align-items: center; gap: calc(9 * var(--u)); margin-top: calc(10 * var(--u)); padding: calc(10 * var(--u)) calc(12 * var(--u));
	border: 1px solid #ECEBF2; border-radius: calc(10 * var(--u)); background: #F7F6FA; color: #141841; font-size: calc(12.5 * var(--u)); font-weight: 600;
}
.onc-pff__field .onc-pa-i { color: #F21967; }
.onc-pff__erow { display: flex; gap: calc(6 * var(--u)); margin-top: calc(10 * var(--u)); }
.onc-pff__select {
	display: flex; flex: 1; align-items: center; justify-content: space-between; gap: calc(4 * var(--u)); padding: calc(8 * var(--u)) calc(9 * var(--u));
	border: 1px solid #ECEBF2; border-radius: calc(8 * var(--u)); background: #F7F6FA; color: #6B6F8A; font-size: calc(11 * var(--u)); white-space: nowrap;
}
.onc-pff__select .onc-pa-i { width: calc(12 * var(--u)); height: calc(12 * var(--u)); }
.onc-pff__save { padding: calc(8 * var(--u)) calc(16 * var(--u)); border-radius: calc(8 * var(--u)); box-shadow: none; }

/* The screens build up once in view (onc-home.js adds is-reveal-ready, then
   is-revealed). Without scripts or with reduced motion they are just there. */
@keyframes onc-pff-in { from { opacity: 0; translate: 0 calc(24 * var(--u)); scale: .97; } }
@keyframes onc-pff-pop { from { opacity: 0; scale: .7; } }
@keyframes onc-pff-slide { from { opacity: 0; translate: calc(-14 * var(--u)) 0; } }
@keyframes onc-pff-type { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes onc-pff-hide { to { opacity: 0; scale: .92; } }
@keyframes onc-pff-show { from { opacity: 0; scale: .92; } to { opacity: 1; scale: 1; } }
@keyframes onc-pff-drop { from { opacity: 0; translate: calc(14 * var(--u)) calc(46 * var(--u)); rotate: -4deg; box-shadow: 0 calc(14 * var(--u)) calc(24 * var(--u)) rgba(20, 24, 65, .2); } 60% { opacity: 1; } }
@keyframes onc-pff-pin { from { opacity: 0; translate: 0 calc(-24 * var(--u)); } 70% { translate: 0 calc(3 * var(--u)); } }
@keyframes onc-pff-ring { from { opacity: 1; scale: .4; } to { opacity: 0; scale: 1.25; } }
@keyframes onc-pff-blink { 50% { opacity: 0; } }

@media (prefers-reduced-motion: no-preference) {
	.onc-pf-feature.onc-od-feature.is-reveal-ready .onc-od-feature__art { opacity: 1; }
	.onc-pf-feature.onc-od-feature.is-revealed .onc-od-feature__art { animation: none; }
	.onc-pf-feature.is-reveal-ready .onc-pff__card { opacity: 0; }
	.onc-pf-feature.is-revealed .onc-pff__card { opacity: 1; animation: onc-pff-in .85s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--d) * .16s + .05s); }

	.onc-pf-feature.is-revealed .onc-pff__tag,
	.onc-pf-feature.is-revealed .onc-pff__chip,
	.onc-pf-feature.is-revealed .onc-pff__cat { animation: onc-pff-pop .45s cubic-bezier(.34, 1.5, .64, 1) both; animation-delay: calc(var(--k, 0) * .07s + .75s); }
	.onc-pf-feature.is-revealed .onc-pff__ftype .onc-pff__chip { animation-delay: calc(var(--k, 0) * .07s + 1.05s); }
	.onc-pf-feature.is-revealed .onc-pff__unlock b:first-child:not(:only-child) { animation: onc-pff-hide .35s ease 2s both; }
	.onc-pf-feature.is-revealed .onc-pff__unlock b + b { animation: onc-pff-show .45s cubic-bezier(.22, 1, .36, 1) 2.2s both; }

	.onc-pf-feature.is-revealed .onc-pff__typed > span { animation: onc-pff-type 1.1s steps(17, end) .9s both; }
	.onc-pf-feature.is-revealed .onc-pff__typed::after { animation: onc-pff-blink 1s steps(1) infinite; }
	.onc-pf-feature.is-revealed .onc-pff__chip.is-drop { animation: onc-pff-drop .8s cubic-bezier(.22, 1, .36, 1) 1.3s both; }
	.onc-pf-feature.is-revealed .onc-pff__result { animation-delay: 2.05s; }

	.onc-pf-feature.is-revealed .onc-pff__pin .onc-pa-i { animation: onc-pff-pin .7s cubic-bezier(.22, 1, .36, 1) 1.1s both; }
	.onc-pf-feature.is-revealed .onc-pff__pin i { animation: onc-pff-ring 2.6s ease-out 1.6s infinite both; }
	.onc-pf-feature.is-revealed .onc-pff__pin i + i { animation-delay: 2.9s; }

	.onc-pf-feature.is-revealed .onc-pff__note { animation: onc-pff-slide .6s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--k) * .12s + .5s); }
	.onc-pf-feature.is-revealed .onc-pff__mention { animation: onc-pff-pop .5s cubic-bezier(.34, 1.4, .64, 1) 1.5s both; transform-origin: 20% 0; }
	.onc-pf-feature.is-revealed .onc-pff__caret { animation: onc-pff-blink 1s steps(1) infinite; }
}

/* Our Data screens */
.onc-pff--market .onc-pff__stage { aspect-ratio: 560 / 420; }
.onc-pff--verified .onc-pff__stage, .onc-pff--review .onc-pff__stage { aspect-ratio: 560 / 400; }
.onc-pff__mhead { display: flex; align-items: center; justify-content: space-between; gap: calc(10 * var(--u)); padding: calc(13 * var(--u)) calc(16 * var(--u)); border-bottom: 1px solid #ECEBF2; }
.onc-pff__mhead strong { white-space: nowrap; font-size: calc(13.5 * var(--u)); font-weight: 750; }
.onc-pff__mhead span { display: inline-flex; white-space: nowrap; align-items: center; gap: calc(5 * var(--u)); padding: calc(3 * var(--u)) calc(9 * var(--u)); border-radius: 99px; background: #FDE7EF; color: #C8125A; font-size: calc(10.5 * var(--u)); font-weight: 650; }
.onc-pff__mhead .onc-pa-i { width: calc(11 * var(--u)); height: calc(11 * var(--u)); stroke-width: 2.6; }
.onc-pff__mono {
	display: grid; place-items: center; flex: none; width: calc(42 * var(--u)); height: calc(42 * var(--u));
	border: 1px solid #E3E2EC; border-radius: 50%; background: #fff; color: #141841;
	font-family: Georgia, "Times New Roman", serif; font-size: calc(13 * var(--u)); font-weight: 400; letter-spacing: .06em;
}
.onc-pff__mono.is-s1 { border-color: #F7B9CF; background: #FFF1F6; color: #C8125A; }
.onc-pff__mono.is-s2 { border-color: #141841; background: #141841; color: #fff; }
.onc-pff__mono.is-s3 { font-style: italic; font-size: calc(17 * var(--u)); }
.onc-pff__mono.is-s4 { border: calc(2 * var(--u)) double #F21967; }
/* Generated portraits and fictional company marks in the Our Data illustrations. */
.onc-pff__ava:has(img), .onc-pff__photo:has(img), .onc-pff__mono.is-image { overflow: hidden; }
.onc-pff__ava > img, .onc-pff__photo > img, .onc-pff__mono.is-image > img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.onc-pff__mono.is-image { padding: calc(2 * var(--u)); background: #fff; }
.onc-pff__mono.is-image > img { object-fit: contain; border-radius: 50%; }

.onc-pff__mlist { left: calc(30 * var(--u)); top: calc(16 * var(--u)); width: calc(300 * var(--u)); }
.onc-pff__mrow { display: flex; align-items: center; gap: calc(12 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u)); }
.onc-pff__mrow + .onc-pff__mrow { border-top: 1px solid #F3F2F7; }
.onc-pff__mrow strong { display: block; font-size: calc(13 * var(--u)); font-weight: 650; }
.onc-pff__type { display: inline-block; margin-top: calc(4 * var(--u)); padding: calc(2 * var(--u)) calc(8 * var(--u)); border-radius: calc(6 * var(--u)); background: #F4F3F8; color: #4A4E6E; font-size: calc(10.5 * var(--u)); }
.onc-pff__type::before { content: "\2022"; margin-right: calc(4 * var(--u)); color: #F21967; }
.onc-pff__badge { left: calc(352 * var(--u)); top: calc(44 * var(--u)); display: flex; align-items: center; gap: calc(9 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u)); border-radius: 99px; overflow: visible; font-size: calc(12 * var(--u)); font-weight: 650; }
.onc-pff__badge i { position: relative; width: calc(8 * var(--u)); height: calc(8 * var(--u)); border-radius: 50%; background: #F21967; }
.onc-pff__badge i::after { content: ""; position: absolute; inset: calc(-5 * var(--u)); border-radius: 50%; background: rgba(242, 25, 103, .2); }
.onc-pff__req { left: calc(286 * var(--u)); top: calc(128 * var(--u)); width: calc(264 * var(--u)); padding: calc(16 * var(--u)); border-top: calc(3 * var(--u)) solid #F21967; box-shadow: 0 calc(26 * var(--u)) calc(56 * var(--u)) rgba(20, 24, 65, .16), 0 1px 3px rgba(20, 24, 65, .06); }
.onc-pff__rlabel { display: flex; align-items: center; gap: calc(7 * var(--u)); color: #C8125A; font-size: calc(11 * var(--u)); font-weight: 650; }
.onc-pff__rlabel small { margin-left: auto; color: #8A8DA6; font-size: calc(10 * var(--u)); font-weight: 500; }
.onc-pff__rtop { display: flex; align-items: center; gap: calc(11 * var(--u)); margin: calc(12 * var(--u)) 0 calc(14 * var(--u)); }
.onc-pff__rtop strong { display: block; font-size: calc(15 * var(--u)); font-weight: 750; }
.onc-pff__rtop span { color: #6B6F8A; font-size: calc(11.5 * var(--u)); }
.onc-pff__rwant { margin-bottom: calc(7 * var(--u)) !important; color: #6B6F8A; font-size: calc(11 * var(--u)); }
.onc-pff__req .onc-pff__chip { padding-right: calc(10 * var(--u)); }
.onc-pff__swap { display: grid; margin-top: calc(14 * var(--u)); }
.onc-pff__swap b {
	grid-area: 1 / 1; display: flex; align-items: center; justify-content: center; gap: calc(6 * var(--u)); padding: calc(9 * var(--u));
	border-radius: calc(9 * var(--u)); background: #F21967; color: #fff; font-size: calc(12 * var(--u)); font-weight: 650;
}
.onc-pff__swap b:first-child { background: #F4F3F8; color: #4A4E6E; opacity: 0; }
.onc-pff__swap .onc-pa-i { width: calc(13 * var(--u)); height: calc(13 * var(--u)); stroke-width: 2.4; }

.onc-pff__vfil { left: 0; top: calc(10 * var(--u)); width: calc(236 * var(--u)); }
.onc-pff__frows { display: grid; gap: calc(11 * var(--u)); padding: calc(14 * var(--u)); }
.onc-pff__frow { display: grid; grid-template-columns: calc(68 * var(--u)) 1fr; align-items: center; }
.onc-pff__frow small { color: #141841; font-size: calc(11 * var(--u)); font-weight: 650; }
.onc-pff__frow > span { display: flex; flex-wrap: wrap; gap: calc(5 * var(--u)); }
.onc-pff__vlist { left: calc(212 * var(--u)); top: calc(58 * var(--u)); width: calc(348 * var(--u)); }
.onc-pff__vrows { position: relative; overflow: hidden; }
.onc-pff__scan { position: absolute; left: 0; right: 0; top: calc(-60 * var(--u)); height: calc(60 * var(--u)); background: linear-gradient(180deg, transparent, rgba(242, 25, 103, .08), transparent); pointer-events: none; display: none; }
.onc-pff__vrow { display: flex; align-items: center; gap: calc(11 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u)); }
.onc-pff__vrow + .onc-pff__vrow { border-top: 1px solid #F3F2F7; }
.onc-pff__vrow > div { flex: 1; min-width: 0; }
.onc-pff__vrow strong { display: block; font-size: calc(12.5 * var(--u)); font-weight: 650; }
.onc-pff__mails { display: grid; color: #6B6F8A; font-size: calc(11 * var(--u)); }
.onc-pff__mails > * { grid-area: 1 / 1; }
.onc-pff__mails s { color: #A9ABBE; opacity: 0; }
.onc-pff__vrow.is-fix .onc-pff__mails span { color: #141841; font-weight: 600; }
.onc-pff__vstat { display: grid; justify-items: end; }
.onc-pff__vstat em {
	grid-area: 1 / 1; display: inline-flex; align-items: center; gap: calc(4 * var(--u)); padding: calc(3 * var(--u)) calc(8 * var(--u));
	border-radius: 99px; font-size: calc(10 * var(--u)); font-weight: 650; white-space: nowrap;
}
.onc-pff__vstat .onc-pa-i { width: calc(11 * var(--u)); height: calc(11 * var(--u)); stroke-width: 2.6; }
.onc-pff__vstat .is-wait { background: #F4F3F8; color: #8A8DA6; opacity: 0; }
.onc-pff__vstat .is-ok { background: #FDE7EF; color: #C8125A; }
.onc-pff__vstat .is-new { background: #141841; color: #fff; }

.onc-pff__table { left: 0; top: calc(92 * var(--u)); width: calc(540 * var(--u)); overflow: visible; border: 0; background: none; box-shadow: none; }
.onc-pff__trow {
	position: relative; display: grid; grid-template-columns: calc(16 * var(--u)) calc(30 * var(--u)) 1.15fr .95fr 1.3fr auto; align-items: center; gap: calc(12 * var(--u));
	margin-bottom: calc(8 * var(--u)); padding: calc(10 * var(--u)) calc(16 * var(--u));
	border: 1px solid #ECEBF2; border-radius: calc(10 * var(--u)); background: #fff; box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(20, 24, 65, .05);
	font-size: calc(11.5 * var(--u)); white-space: nowrap;
}
.onc-pff__trow .onc-pff__ava { width: calc(30 * var(--u)); height: calc(30 * var(--u)); font-size: calc(10 * var(--u)); }
.onc-pff__trow strong { font-size: calc(12.5 * var(--u)); font-weight: 650; overflow: hidden; text-overflow: ellipsis; }
.onc-pff__trow > span { overflow: hidden; color: #6B6F8A; text-overflow: ellipsis; }
.onc-pff__trow .onc-pff__tco { color: #141841; font-weight: 600; }
.onc-pff__ticons { display: flex; gap: calc(12 * var(--u)); }
.onc-pff__trow .onc-pff__ticons { color: #8A8DA6; }
.onc-pff__box2 { display: grid; place-items: center; box-sizing: border-box; width: calc(16 * var(--u)); height: calc(16 * var(--u)); border: 1.5px solid #C9CBDA; border-radius: calc(4 * var(--u)); background: #fff; color: #fff; }
.onc-pff .onc-pff__box2 .onc-pa-i[class] { width: calc(12 * var(--u)); height: calc(12 * var(--u)); stroke-width: 3.2; }
.onc-pff__trow.is-up { z-index: 1; margin-inline: calc(-14 * var(--u)) calc(-10 * var(--u)); padding-block: calc(13 * var(--u)); padding-inline: calc(30 * var(--u)) calc(26 * var(--u)); box-shadow: 0 calc(18 * var(--u)) calc(38 * var(--u)) rgba(20, 24, 65, .14); }
/* The row's grey span colour (.onc-pff__trow > span) must not reach the tick. */
.onc-pff__trow > .onc-pff__box2 { overflow: visible; color: #fff; }
.onc-pff__trow.is-up .onc-pff__box2 { border-color: #F21967; background: #F21967; box-shadow: 0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(242, 25, 103, .35); }
.onc-pff__person.is-pop { left: calc(248 * var(--u)); top: 0; width: calc(296 * var(--u)); z-index: 2; }
.onc-pff__review { left: calc(6 * var(--u)); top: calc(10 * var(--u)); display: flex; align-items: center; gap: calc(11 * var(--u)); padding: calc(11 * var(--u)) calc(16 * var(--u)) calc(11 * var(--u)) calc(11 * var(--u)); border-radius: calc(14 * var(--u)); }
.onc-pff__review strong { display: block; font-size: calc(12.5 * var(--u)); font-weight: 700; }
.onc-pff__review span { color: #6B6F8A; font-size: calc(11 * var(--u)); }
.onc-pff__ring { width: calc(42 * var(--u)); height: calc(42 * var(--u)); rotate: -90deg; }
.onc-pff__ring circle { fill: none; stroke: #F1F0F6; stroke-width: 4.5; }
.onc-pff__ring .is-arc { stroke: #F21967; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 13; }

@keyframes onc-pff-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes onc-pff-scan { to { top: 100%; } }
@keyframes onc-pff-arc { from { stroke-dashoffset: 100; } }
@keyframes onc-pff-ping { 0% { opacity: 1; scale: .6; } 100% { opacity: 0; scale: 2; } }

@media (prefers-reduced-motion: no-preference) {
	.onc-pf-feature.is-revealed .onc-pff__mrow,
	.onc-pf-feature.is-revealed .onc-pff__vrow,
	.onc-pf-feature.is-revealed .onc-pff__trow { animation: onc-pff-slide .6s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--k) * .1s + .35s); }
	.onc-pf-feature.is-revealed .onc-pff__req { animation-delay: 1.1s; }
	.onc-pf-feature.is-revealed .onc-pff__req .onc-pff__chip { animation-delay: calc(var(--k, 0) * .08s + 1.5s); }
	.onc-pf-feature.is-revealed .onc-pff__swap b:first-child { animation: onc-pff-out .3s ease 2.6s backwards; }
	.onc-pf-feature.is-revealed .onc-pff__swap b + b { animation: onc-pff-show .45s cubic-bezier(.22, 1, .36, 1) 2.7s both; }
	.onc-pf-feature.is-revealed .onc-pff__badge i::after { animation: onc-pff-ping 2s ease-out 1.2s infinite both; }

	.onc-pf-feature.is-revealed .onc-pff__scan { display: block; animation: onc-pff-scan 2.2s ease-in-out 1s both; }
	.onc-pf-feature.is-revealed .onc-pff__vstat .is-wait { animation: onc-pff-out .25s ease calc(var(--k) * .4s + 1.3s) backwards; }
	.onc-pf-feature.is-revealed .onc-pff__vstat .is-wait + em { animation: onc-pff-show .4s cubic-bezier(.34, 1.5, .64, 1) calc(var(--k) * .4s + 1.4s) both; }
	.onc-pf-feature.is-revealed .onc-pff__mails s { animation: onc-pff-out .35s ease 2.3s backwards; }
	.onc-pf-feature.is-revealed .onc-pff__vrow.is-fix .onc-pff__mails span { animation: onc-pff-show .4s ease 2.4s both; }

	.onc-pf-feature.is-revealed .onc-pff__trow.is-up .onc-pff__box2 { animation: onc-pff-pop .4s cubic-bezier(.34, 1.5, .64, 1) 1.1s both; }
	.onc-pf-feature.is-revealed .onc-pff__person.is-pop { animation-delay: 1.35s; }
	.onc-pf-feature.is-revealed .onc-pff__review { animation-delay: .5s; }
	.onc-pf-feature.is-revealed .onc-pff__ring .is-arc { animation: onc-pff-arc 1.4s cubic-bezier(.22, 1, .36, 1) .9s both; }
}

/* ---------------------------------------------------------- Responsive -- */

@media (max-width: 1280px) and (min-width: 1025px) {
	.onc-pf-hero__layout { grid-template-columns: minmax(0, 430px) minmax(0, 1fr); gap: 44px; }
	.onc-pf-hero__title { font-size: 46px; }
	.onc-pa__body { grid-template-columns: minmax(0, 1fr); }
	.onc-pa__side, .onc-pa__actions span:not(.is-primary), .onc-pa__chip.is-icon, .onc-pa__bar-icon { display: none; }
	.onc-pa__tr { grid-template-columns: 16px minmax(0, 1.6fr) minmax(0, .8fr) minmax(0, .9fr); gap: 9px; padding: 0 11px; }
	.onc-pa__contact { right: 14px; }
}

@media (max-width: 1100px) {
	.onc-pf-cats__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.onc-pf-ai__layout { gap: 48px; }
}

/* Tablet / phone: the app sits under the text */
@media (max-width: 1024px) {
	.onc-pf-hero { padding-block: 48px 104px; }
	.onc-pf-hero__layout { grid-template-columns: minmax(0, 1fr); gap: 56px; }
	.onc-pf-hero__copy { max-width: 640px; }
	.onc-pa { max-width: 760px; margin-inline: auto; }
	.onc-pf-ai__layout { grid-template-columns: minmax(0, 1fr); }
	.onc-pf-ai__art { max-width: 620px; }
}

@media (max-width: 760px) {
	.onc-pf-hero { padding-block: 36px 64px; }
	.onc-pf-hero__title { margin-top: 18px; font-size: 36px; }
	.onc-pf-hero__desc { margin-top: 16px; font-size: 16px; }
	.onc-pf-stats { margin-top: 24px; }
	.onc-pf-stat { padding-right: 16px; margin-right: 16px; }
	.onc-pf-stat strong { font-size: 24px; }
	.onc-pf-stat > span { font-size: 12px; }
	.onc-pf-points { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.onc-pf-hero__actions .onc-home-btn { flex: 1 1 auto; justify-content: center; padding-inline: 16px; white-space: nowrap; }
	.onc-pf-hero__actions { gap: 10px; }
	.onc-pf-hero__layout { gap: 44px; }
	.onc-pf-ai__layout { gap: 36px; }
	.onc-pf-aic { padding: 16px; border-radius: 18px; }
	.onc-pf-aic__input { font-size: 14px; min-height: 48px; }
	.onc-pf-aic__chip { font-size: 12px; padding: 7px 10px; }
	.onc-pf-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.onc-home-sec .onc-pf-cat { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 14px 14px 12px; }
	.onc-pf-cat__art { grid-row: auto; width: 48px; height: 48px; border-radius: 13px; margin-bottom: 4px; }
	.onc-pf-cat__art .onc-pa-cat { width: 52px; height: 52px; }
	.onc-pf-cat__name { padding-right: 0; font-size: 13.5px; }
	.onc-pf-cat__count { font-size: 12px; }
	.onc-pf-cat__bar { margin-top: 6px; }
	.onc-pf-cat > .onc-home-icon { top: 14px; right: 12px; }
}

@media (max-width: 600px) {
	.onc-pa::before { inset: -18px -12px -30px; }
	.onc-pa__window { border-radius: 16px; }
	.onc-pa__bar { gap: 10px; height: 50px; padding: 0 10px; }
	.onc-pa__brand { width: 30px; height: 29px; }
	.onc-pa__bar-icon, .onc-pa__me, .onc-pa__ask span { display: none; }
	.onc-pa__ask { padding: 0 7px; }
	.onc-pa__search { height: 34px; font-size: 11px; box-shadow: none; }
	.onc-pa__body { grid-template-columns: minmax(0, 1fr); }
	.onc-pa__side, .onc-pa__actions span:not(.is-primary), .onc-pa__chip:not(.is-on):not(.is-icon) { display: none; }
	.onc-pa__main { padding: 12px 10px 4px; }
	.onc-pa__menu { top: 84px; left: 10px; width: min(236px, calc(100% - 20px)); }
	.onc-pa__tr { grid-template-columns: 15px minmax(0, 1.5fr) minmax(0, 1fr); gap: 9px; padding: 0 10px; }
	.onc-pa__tr > :last-child { display: none; }
	.onc-pa__rows .onc-pa__tr:nth-child(n+5) { display: none; }
	/* The contact card hangs under the window instead of covering the table */
	.onc-pa__contact { position: relative; right: auto; bottom: auto; width: min(300px, calc(100% - 20px)); margin: -26px 10px 0 auto; padding: 12px 12px 10px; }
}

@media (max-width: 400px) {
	.onc-pf-hero__title { font-size: 32px; }
	.onc-pf-stat { padding-right: 12px; margin-right: 12px; }
	.onc-pf-stat strong { font-size: 22px; }
	.onc-pa__tabs > span:not(.is-active) { display: none; }
	.onc-pf-cats__grid { gap: 8px; }
}

@media print, (prefers-reduced-motion: reduce) {
	.onc-pa *, .onc-pf-aic *, .onc-pf-hero__copy > *, .onc-pf-cat, .onc-pf-cat__bar i { animation: none !important; transition: none !important; }
	.onc-pf-cats.is-reveal-ready .onc-pf-cat { opacity: 1; transform: none; }
	.onc-pf-cats.is-reveal-ready .onc-pf-cat__bar i { width: var(--w); }
}