/*
 * Index Brands — brand discovery, from the Playground prototype.
 *
 * Loads alongside index.css. Every number here is quoted from the prototype
 * (hero padding 48/44 → 64/56, field 62 → 70, search container 860, cards 22
 * and 24 radius); every colour resolves to a token from tokens.css. Logical
 * properties throughout — the page is Arabic-first and flips to LTR live.
 */

/* ---------------------------------------------------------------- motion */

@keyframes ib-disc-rise {
	from { opacity: 0; transform: translateY(12px); }
	to   { opacity: 1; transform: none; }
}

@keyframes ib-disc-pulse {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.35; }
}

@keyframes ib-disc-sweep {
	from { transform: translateX(-100%); }
	to   { transform: translateX(400%); }
}

.ib-discover .ib-disc-rise {
	animation: ib-disc-rise .34s var(--ease) both;
}

@media (prefers-reduced-motion: reduce) {
	.ib-discover .ib-disc-rise,
	.ib-discover .ib-disc-modal__panel {
		animation: none;
	}

	.ib-discover .ib-disc-go__pulse,
	.ib-discover .ib-disc-step__pulse,
	.ib-discover .ib-disc-step__bar > span {
		animation: none;
	}
}

/* ---------------------------------------------------------------- layout */

.ib-discover {
	color: var(--ink);
	min-height: 100vh;
}

.ib-discover .ib-disc-wrap {
	max-width: 1180px;
	margin-inline: auto;
	padding-inline: 18px;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-wrap {
		padding-inline: 30px;
	}
}

@media (min-width: 1080px) {
	.ib-discover .ib-disc-wrap {
		padding-inline: 44px;
	}
}

.ib-discover .ib-disc-main {
	padding-bottom: 90px;
}

.ib-discover .ib-spacer {
	flex: 1;
}

.ib-discover .ib-disc-arrow {
	display: inline-flex;
	flex-shrink: 0;
}

.ib-discover[dir='rtl'] .ib-disc-arrow {
	transform: scaleX(-1);
}

.ib-discover .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.ib-discover [hidden] {
	display: none !important;
}

/* ------------------------------------------------------------------ hero */

.ib-discover .ib-disc-hero {
	position: relative;
	overflow: hidden;
	background: var(--lime-bg);
	color: var(--ink);
}

.ib-discover .ib-disc-hero__img {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.4;
	mix-blend-mode: multiply;
}

.ib-discover .ib-disc-hero__veil {
	position: absolute;
	inset: 0;
	background: rgba(238, 246, 228, 0.72);
}

.ib-discover .ib-disc-hero__in {
	position: relative;
	text-align: center;
	padding-block: 48px 44px;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-hero__in {
		padding-block: 64px 56px;
	}
}

.ib-discover .ib-disc-eyebrow {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--green-ink);
	margin-bottom: 18px;
}

.ib-discover .ib-disc-h1 {
	font-size: 34px;
	font-weight: 600;
	letter-spacing: -0.048em;
	line-height: 1.04;
	color: var(--ink);
	margin: 0 auto 16px;
	max-width: 20ch;
	text-wrap: balance;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-h1 {
		font-size: 52px;
	}
}

.ib-discover .ib-disc-lede {
	font-size: 16.5px;
	font-weight: 400;
	line-height: 1.62;
	color: var(--ink-2);
	margin: 0 auto 34px;
	max-width: 54ch;
	text-wrap: pretty;
}

/* ------------------------------------------------------- search container */

.ib-discover .ib-disc-search {
	max-width: 860px;
	margin: 0 auto;
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: 20px;
	overflow: hidden;
	text-align: start;
	box-shadow: 0 20px 44px -24px rgba(11, 59, 46, 0.22);
	transition: border-color .18s ease;
}

.ib-discover .ib-disc-search:focus-within {
	border-color: var(--ink);
}

.ib-discover .ib-disc-field {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 62px;
	padding-inline: 8px 20px;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-field {
		height: 70px;
	}
}

.ib-discover .ib-disc-go {
	position: relative;
	width: 44px;
	height: 44px;
	min-height: 44px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-inline-start: 6px;
	background: var(--grey-soft);
	border: 0;
	color: var(--ink);
	padding: 0;
}

.ib-discover .ib-disc-go:hover {
	background: var(--border);
}

.ib-discover .ib-disc-go__icon {
	display: block;
}

.ib-discover .ib-disc-go__pulse {
	display: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ink);
	animation: ib-disc-pulse 1s ease-in-out infinite;
}

.ib-discover[data-ib-phase='busy'] .ib-disc-go__icon {
	display: none;
}

.ib-discover[data-ib-phase='busy'] .ib-disc-go__pulse {
	display: block;
}

.ib-discover .ib-disc-input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: -0.014em;
	color: var(--ink);
	height: 100%;
	padding: 0;
}

.ib-discover .ib-disc-input::placeholder {
	color: var(--faint-2);
	font-weight: 500;
}

.ib-discover .ib-disc-input:focus {
	outline: none;
}

.ib-discover .ib-disc-clear {
	width: 34px;
	height: 34px;
	min-height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--faint);
	cursor: pointer;
	flex-shrink: 0;
	border: 0;
	background: transparent;
	padding: 0;
}

.ib-discover .ib-disc-clear:hover {
	background: var(--grey-soft);
	color: var(--ink);
}

.ib-discover .ib-disc-scheme {
	font-size: 15px;
	font-weight: 500;
	color: var(--faint);
	flex-shrink: 0;
}

/* The brand rail under the field. */
.ib-discover .ib-disc-rail {
	border-top: 1px solid var(--border-soft);
}

.ib-discover .ib-disc-rail__in {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 12px 20px;
	overflow-x: auto;
	scrollbar-width: none;
}

.ib-discover .ib-disc-rail__in::-webkit-scrollbar {
	display: none;
}

.ib-discover .ib-disc-rail__label {
	font-size: 13.5px;
	font-weight: 500;
	color: var(--muted);
	white-space: nowrap;
	flex-shrink: 0;
	margin-inline-end: 4px;
}

.ib-discover .ib-disc-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 34px;
	min-height: 34px;
	padding-inline: 5px 12px;
	border-radius: var(--r-pill);
	flex-shrink: 0;
	cursor: pointer;
	background: var(--bg-alt);
	border: 1px solid var(--border);
	color: var(--ink);
	font-family: inherit;
	transition: border-color .16s ease, background-color .16s ease;
}

.ib-discover .ib-disc-pill:hover,
.ib-discover .ib-disc-pill:focus-visible {
	border-color: var(--ink);
}

.ib-discover .ib-disc-pill--white {
	background: var(--white);
	height: 38px;
	min-height: 38px;
	padding-inline: 5px 14px;
}

.ib-discover .ib-disc-pill__d {
	font-size: 13.5px;
	font-weight: 600;
	white-space: nowrap;
}

.ib-discover .ib-disc-pill__ok {
	display: inline-flex;
	flex-shrink: 0;
}

/* The 18px letter dot, shared by pills, rows, partners and did-you-mean. */
.ib-discover .ib-disc-dot {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 9.5px;
	font-weight: 700;
	line-height: 1;
}

/* §9: the 34px pill is visually small; the hit area grows to 44px. */
.ib-discover .ib-disc-pill {
	position: relative;
}

.ib-discover .ib-disc-pill::after {
	content: '';
	position: absolute;
	inset-block: -5px;
	inset-inline: 0;
}

.ib-discover .ib-disc-error {
	font-size: 14px;
	color: var(--error);
	margin: 12px auto 0;
	max-width: 860px;
	text-align: start;
}

/* Trust row. */
.ib-discover .ib-disc-trust {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 26px;
	margin-top: 26px;
	overflow-x: auto;
	scrollbar-width: none;
}

.ib-discover .ib-disc-trust::-webkit-scrollbar {
	display: none;
}

.ib-discover .ib-disc-trust__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	flex-shrink: 0;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--ink-2);
}

.ib-discover .ib-disc-trust__check {
	display: inline-flex;
	flex-shrink: 0;
	color: var(--green-ink);
}

/* Closing line inside the hero. */
.ib-discover .ib-disc-close {
	margin-top: 58px;
}

.ib-discover .ib-disc-close__h {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.24;
	color: var(--ink);
	margin: 0 auto 22px;
	max-width: 22ch;
	text-wrap: balance;
}

.ib-discover .ib-disc-wave {
	position: relative;
	display: block;
	width: 100%;
	height: 68px;
	margin-top: 40px;
}

/* --------------------------------------------------------------- buttons */

.ib-discover .ib-disc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 48px;
	min-height: 48px;
	padding-inline: 24px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	border-radius: var(--r-pill);
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid transparent;
	transition: border-color .18s ease, color .18s ease;
}

.ib-discover .ib-disc-btn--sm {
	height: 46px;
	min-height: 46px;
	padding-inline: 22px;
	font-size: 14.5px;
}

.ib-discover .ib-disc-btn--dark {
	background: var(--lime);
	border-color: var(--lime);
	color: var(--lime-ink);
}

.ib-discover .ib-disc-btn--dark:hover {
	background: var(--lime-hover);
	color: var(--lime-ink);
}

.ib-discover .ib-disc-btn--ghost {
	background: var(--white);
	border-color: var(--border);
	color: var(--ink);
	padding-inline: 20px;
}

.ib-discover .ib-disc-btn--ghost:hover {
	border-color: var(--ink);
	color: var(--ink);
}

.ib-discover .ib-disc-btn--lime {
	background: var(--lime);
	border-color: var(--lime);
	color: var(--ink);
	padding-inline: 26px;
}

.ib-discover .ib-disc-btn--text {
	background: transparent;
	color: var(--muted);
	font-size: 14px;
	font-weight: 500;
	padding-inline: 12px;
}

.ib-discover .ib-disc-btn--text:hover {
	color: var(--ink);
}

.ib-discover .ib-disc-btn[disabled] {
	opacity: .55;
	cursor: progress;
}

.ib-discover .ib-disc-acts {
	display: flex;
	align-items: center;
	gap: 9px;
	flex-wrap: wrap;
}

.ib-discover .ib-disc-acts--center {
	justify-content: center;
}

/* ------------------------------------------------------------ discovering */

.ib-discover .ib-disc-busy {
	padding: 34px 0 0;
	scroll-margin-top: 96px;
	animation: ib-disc-rise .3s var(--ease) both;
}

.ib-discover .ib-disc-busy__in {
	max-width: 700px;
	margin: 0 auto;
}

.ib-discover .ib-disc-busy__head {
	display: flex;
	align-items: baseline;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 22px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.028em;
}

.ib-discover .ib-disc-busy__target {
	display: inline-block;
	color: var(--green-ink);
}

.ib-discover .ib-disc-step {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 12px 0;
	border-top: 1px solid var(--border-soft);
}

.ib-discover .ib-disc-step__icon {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--grey-soft);
}

.ib-discover .ib-disc-step__check,
.ib-discover .ib-disc-step__pulse,
.ib-discover .ib-disc-step__bar,
.ib-discover .ib-disc-step__note {
	display: none;
}

.ib-discover .ib-disc-step__pulse {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--green-ink);
	animation: ib-disc-pulse 1s ease-in-out infinite;
}

.ib-discover .ib-disc-step__t {
	font-size: 15px;
	font-weight: 500;
	color: var(--faint);
}

.ib-discover .ib-disc-step__bar {
	position: relative;
	width: 60px;
	height: 3px;
	border-radius: var(--r-pill);
	background: var(--border-soft);
	overflow: hidden;
	flex-shrink: 0;
}

.ib-discover .ib-disc-step__bar > span {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	width: 25%;
	border-radius: var(--r-pill);
	background: var(--green-ink);
	animation: ib-disc-sweep 1.1s linear infinite;
}

.ib-discover .ib-disc-step__note {
	font-size: 12.5px;
	color: var(--muted);
	flex-shrink: 0;
}

.ib-discover .ib-disc-step.is-live .ib-disc-step__pulse,
.ib-discover .ib-disc-step.is-live .ib-disc-step__bar {
	display: block;
}

.ib-discover .ib-disc-step.is-live .ib-disc-step__t {
	font-weight: 600;
	color: var(--ink);
}

.ib-discover .ib-disc-step.is-done .ib-disc-step__icon {
	background: var(--green-ink);
}

.ib-discover .ib-disc-step.is-done .ib-disc-step__check,
.ib-discover .ib-disc-step.is-done .ib-disc-step__note {
	display: block;
}

.ib-discover .ib-disc-step.is-done .ib-disc-step__t {
	color: var(--ink-2);
}

/* ----------------------------------------------------------------- result */

.ib-discover .ib-disc-outcome {
	padding: 34px 0 0;
	scroll-margin-top: 96px;
}

.ib-discover .ib-disc-card {
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--r-card-lg);
	overflow: hidden;
}

.ib-discover .ib-disc-card__grid {
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-card__grid {
		grid-template-columns: 260px minmax(0, 1fr);
	}
}

.ib-discover .ib-disc-canvas {
	position: relative;
	background: var(--brand);
	min-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.ib-discover .ib-disc-canvas__logo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 30px;
}

.ib-discover .ib-disc-canvas__wm {
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	color: var(--brand-ink);
}

.ib-discover .ib-disc-card__body {
	padding: 26px 28px;
	min-width: 0;
}

.ib-discover .ib-disc-card__head {
	display: flex;
	align-items: center;
	gap: 11px;
	flex-wrap: wrap;
	margin-bottom: 6px;
}

.ib-discover .ib-disc-card__name {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.06;
	overflow-wrap: anywhere;
}

.ib-discover .ib-disc-conf {
	font-size: 11.5px;
	font-weight: 600;
	border-radius: var(--r-pill);
	padding: 5px 11px;
	white-space: nowrap;
}

.ib-discover .ib-disc-conf--high {
	color: var(--green-ink);
	background: var(--green-soft);
}

.ib-discover .ib-disc-conf--med {
	color: var(--warn-text);
	background: var(--warn-bg);
}

.ib-discover .ib-disc-card__domain {
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 500;
	color: var(--green-ink);
}

.ib-discover .ib-disc-card__meta {
	font-size: 14px;
	color: var(--muted);
	margin-bottom: 14px;
}

.ib-discover .ib-disc-card__desc {
	font-size: 15.5px;
	line-height: 1.65;
	color: var(--ink-2);
	margin: 0 0 20px;
	max-width: 52ch;
	text-wrap: pretty;
}

.ib-discover .ib-disc-facts {
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr;
	padding: 18px 0;
	border-top: 1px solid var(--border-soft);
	border-bottom: 1px solid var(--border-soft);
	margin-bottom: 20px;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-facts {
		grid-template-columns: repeat(3, 1fr);
	}
}

.ib-discover .ib-disc-fact__l {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 6px;
}

.ib-discover .ib-disc-fact__v {
	font-size: 15px;
	font-weight: 600;
}

.ib-discover .ib-disc-sources {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	padding: 14px 28px;
	background: var(--bg);
	border-top: 1px solid var(--border-soft);
}

.ib-discover .ib-disc-sources__l {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
}

.ib-discover .ib-disc-source {
	font-size: 12.5px;
	font-weight: 500;
	color: var(--ink-2);
	background: var(--grey-soft);
	border-radius: var(--r-pill);
	padding: 5px 11px;
	white-space: nowrap;
}

/* ------------------------------------------------- pending (in the queue) */

.ib-discover .ib-disc-partial {
	max-width: 700px;
	margin: 0 auto;
	background: var(--white);
	border: 1px solid var(--warn-border);
	border-radius: 22px;
	padding: 26px 28px;
}

.ib-discover .ib-disc-partial__head {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 12px;
}

.ib-discover .ib-disc-partial__icon {
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: var(--warn-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--warn-text);
	flex-shrink: 0;
}

.ib-discover .ib-disc-partial__t {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.026em;
	text-wrap: pretty;
}

.ib-discover .ib-disc-partial__n {
	font-size: 15.5px;
	line-height: 1.65;
	color: var(--ink-2);
	margin: 0 0 18px;
	text-wrap: pretty;
}

.ib-discover .ib-disc-found {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 20px;
}

.ib-discover .ib-disc-found__row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid var(--border-soft);
}

.ib-discover .ib-disc-found__l {
	font-size: 13px;
	color: var(--muted);
}

.ib-discover .ib-disc-found__v {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--ink);
}

/* ------------------------------------------------------------- not found */

.ib-discover .ib-disc-none {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	padding: 44px 28px;
	border: 1px dashed var(--border);
	border-radius: 22px;
}

.ib-discover .ib-disc-none__t {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.03em;
	margin-bottom: 10px;
	overflow-wrap: anywhere;
}

.ib-discover .ib-disc-none__n {
	font-size: 15px;
	line-height: 1.65;
	color: var(--muted);
	margin: 0 auto 22px;
	max-width: 44ch;
	text-wrap: pretty;
}

.ib-discover .ib-disc-dym {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	flex-wrap: wrap;
	margin-bottom: 22px;
}

.ib-discover .ib-disc-dym__l {
	font-size: 13.5px;
	color: var(--muted);
}

/* ------------------------------------------------------------ idle: caps */

.ib-discover .ib-disc-caps {
	padding: 44px 0 0;
}

.ib-discover .ib-disc-grid3 {
	display: grid;
	gap: 14px;
	grid-template-columns: 1fr;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-grid3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

.ib-discover .ib-disc-cap {
	background: var(--ink);
	color: var(--on-dark);
	border-radius: 22px;
	padding: 24px 24px 22px;
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

.ib-discover .ib-disc-cap__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 18px;
}

.ib-discover .ib-disc-cap__kicker {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lime);
}

.ib-discover .ib-disc-cap__arrow {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--on-dark-fill);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--on-dark);
}

.ib-discover .ib-disc-cap__arrow svg {
	width: 14px;
	height: 14px;
}

.ib-discover .ib-disc-cap__t {
	font-size: 19px;
	font-weight: 600;
	letter-spacing: -0.026em;
	line-height: 1.28;
	margin-bottom: 18px;
	text-wrap: pretty;
}

.ib-discover .ib-disc-cap__demo {
	background: var(--on-dark-fill-soft);
	border: 1px solid var(--on-dark-line-soft);
	border-radius: 14px;
	padding: 12px 14px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1;
}

.ib-discover .ib-disc-cap__row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ib-discover .ib-disc-cap__txt {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.ib-discover .ib-disc-cap__name {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--on-dark);
	line-height: 18px;
}

.ib-discover .ib-disc-cap__sub {
	font-size: 11.5px;
	color: var(--on-dark-soft);
	line-height: 16px;
	text-align: start;
}

/* ----------------------------------------------------- idle: claim + help */

.ib-discover .ib-disc-duo {
	padding: 48px 0 0;
}

.ib-discover .ib-disc-grid2 {
	display: grid;
	gap: 14px;
	grid-template-columns: 1fr;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-grid2 {
		grid-template-columns: 1fr 1fr;
	}
}

.ib-discover .ib-disc-owner {
	background: var(--ink);
	color: var(--on-dark);
	border-radius: var(--r-card-lg);
	padding: 30px 32px;
}

.ib-discover .ib-disc-help {
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: var(--r-card-lg);
	padding: 30px 32px;
}

.ib-discover .ib-disc-kicker {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 16px;
}

.ib-discover .ib-disc-kicker--lime {
	color: var(--lime);
}

.ib-discover .ib-disc-kicker--green {
	color: var(--green-ink);
	margin-bottom: 14px;
}

.ib-discover .ib-disc-h3 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.034em;
	line-height: 1.22;
	margin: 0 0 10px;
	text-wrap: balance;
	color: inherit;
}

.ib-discover .ib-disc-owner__n {
	font-size: 15px;
	line-height: 1.65;
	color: var(--on-dark-strong);
	margin: 0 0 20px;
	text-wrap: pretty;
}

.ib-discover .ib-disc-perks {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 22px;
}

.ib-discover .ib-disc-perk {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14.5px;
	line-height: 1.6;
	text-wrap: pretty;
}

.ib-discover .ib-disc-perk__check {
	display: inline-flex;
	flex-shrink: 0;
	margin-top: 4px;
	color: var(--lime);
}

.ib-discover .ib-disc-perk__check svg {
	stroke-width: 2.6;
}

.ib-discover .ib-disc-help__n {
	font-size: 15px;
	line-height: 1.65;
	color: var(--muted);
	margin: 0 0 20px;
	text-wrap: pretty;
}

.ib-discover .ib-disc-ways {
	display: flex;
	flex-direction: column;
	margin-bottom: 22px;
}

.ib-discover .ib-disc-way {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 0;
	border-top: 1px solid var(--border-soft);
}

.ib-discover .ib-disc-way__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--green-ink);
	flex-shrink: 0;
	margin-top: 8px;
}

.ib-discover .ib-disc-way__t {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 21px;
}

.ib-discover .ib-disc-way__n {
	display: block;
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--muted);
	margin-top: 3px;
	text-wrap: pretty;
}

/* ----------------------------------------------------------- idle: sync */

.ib-discover .ib-disc-sync {
	padding: 64px 0 20px;
	text-align: center;
}

.ib-discover .ib-disc-sync__l1,
.ib-discover .ib-disc-sync__l2 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.3;
}

.ib-discover .ib-disc-sync__l1 {
	color: var(--muted);
	margin-bottom: 6px;
}

.ib-discover .ib-disc-sync__l2 {
	color: var(--green-ink);
	margin-bottom: 18px;
}

.ib-discover .ib-disc-sync__n {
	font-size: 15px;
	line-height: 1.65;
	color: var(--muted);
	margin: 0 auto 40px;
	max-width: 52ch;
	text-wrap: pretty;
}

.ib-discover .ib-disc-grid4 {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr 1fr;
	text-align: start;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-grid4 {
		grid-template-columns: repeat(4, 1fr);
	}
}

.ib-discover .ib-disc-partner__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.ib-discover .ib-disc-partner__name {
	font-size: 15px;
	font-weight: 600;
}

.ib-discover .ib-disc-partner__shot {
	position: relative;
	height: 150px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--grey-soft);
}

.ib-discover .ib-disc-partner__shot img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ib-discover .ib-disc-partner__n {
	font-size: 13px;
	line-height: 1.6;
	color: var(--muted);
	margin-top: 12px;
	text-wrap: pretty;
}

/* ------------------------------------------------------------------- FAQ */

.ib-discover .ib-disc-faq {
	padding: 64px 0 20px;
}

.ib-discover .ib-disc-faq__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	align-items: start;
}

@media (min-width: 700px) {
	.ib-discover .ib-disc-faq__grid {
		grid-template-columns: 0.85fr 1.15fr;
		gap: 60px;
	}
}

.ib-discover .ib-disc-faq__h {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.28;
	color: var(--ink);
	max-width: 14ch;
	text-wrap: balance;
	margin: 0;
}

.ib-discover .ib-disc-q {
	border-bottom: 1px solid var(--border);
	padding: 20px 0;
}

.ib-discover .ib-disc-q__btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	text-align: start;
	cursor: pointer;
	color: var(--ink);
}

.ib-discover .ib-disc-q__t {
	font-size: 16px;
	font-weight: 600;
}

.ib-discover .ib-disc-q__icon {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--grey-soft);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: var(--muted);
}

.ib-discover .ib-disc-q__a {
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--muted);
	margin: 12px 0 0;
	max-width: 62ch;
	text-wrap: pretty;
}

/* ----------------------------------------------------------------- modal */

.ib-discover .ib-disc-modal {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.ib-discover .ib-disc-modal__scrim {
	position: absolute;
	inset: 0;
	background: rgba(11, 59, 46, 0.4);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.ib-discover .ib-disc-modal__panel {
	position: relative;
	background: var(--white);
	border-radius: var(--r-card-lg);
	padding: 28px 30px;
	max-width: 460px;
	width: 100%;
	max-height: 92vh;
	overflow-y: auto;
	animation: ib-disc-rise .24s var(--ease) both;
}

.ib-discover .ib-disc-modal__kicker {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 12px;
}

.ib-discover .ib-disc-modal__h {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.032em;
	line-height: 1.22;
	margin: 0 0 10px;
	color: var(--ink);
}

.ib-discover .ib-disc-modal__n {
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--muted);
	margin: 0 0 20px;
	text-wrap: pretty;
}

.ib-discover .ib-disc-modal__l {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--muted);
	margin-bottom: 8px;
}

.ib-discover .ib-disc-modal__field {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	background: var(--bg-alt);
	border: 1px solid var(--border);
	border-radius: 12px;
	padding-inline: 14px;
	margin-bottom: 18px;
}

.ib-discover .ib-disc-modal__field:focus-within {
	border-color: var(--ink);
}

.ib-discover .ib-disc-modal__scheme {
	font-size: 14px;
	color: var(--muted);
}

.ib-discover .ib-disc-modal__input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--ink);
	height: 100%;
	padding: 0;
}

.ib-discover .ib-disc-modal__input:focus,
.ib-discover .ib-disc-modal__email:focus {
	outline: none;
}

.ib-discover .ib-disc-modal__email {
	width: 100%;
	height: 48px;
	background: var(--bg-alt);
	border: 1px solid var(--border);
	border-radius: 12px;
	padding-inline: 14px;
	font-family: inherit;
	font-size: 14.5px;
	color: var(--ink);
	margin-bottom: 22px;
}

.ib-discover .ib-disc-modal__email:focus {
	border-color: var(--ink);
}

.ib-discover .ib-disc-modal__error {
	font-size: 13.5px;
	color: var(--error);
	margin: -8px 0 16px;
}

.ib-discover .ib-disc-modal__ok {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: -8px 0 16px;
	padding: 12px 14px;
	background: var(--green-soft);
	border-radius: 12px;
	font-size: 14px;
	color: var(--ink-2);
}

.ib-discover .ib-disc-modal__ok-link {
	color: var(--green-ink);
	font-weight: 600;
	text-decoration: none;
}

.ib-discover .ib-disc-modal__foot {
	display: flex;
	align-items: center;
	gap: 9px;
}

.ib-discover .ib-disc-modal__foot .ib-disc-btn--text {
	font-weight: 600;
	padding-inline: 18px;
}