/* Special offer widget */

.offer-widget {
	display: none;
}

.offer-widget.is-dismissed {
	display: none !important;
}

@media only screen and (min-width: 1144px) {
	.offer-widget {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 9000;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		color: #2a2d38;
		pointer-events: none;
	}

	.offer-widget__backdrop {
		position: absolute;
		inset: 0;
		background: rgba(18, 20, 28, 0.48);
		-webkit-backdrop-filter: blur(10px);
		        backdrop-filter: blur(10px);
		opacity: 0;
		z-index: 1;
		transition: opacity 0.32s ease;
	}

	.offer-widget.is-open .offer-widget__backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	.offer-widget__chip-wrap {
		position: absolute;
		right: 1.5rem;
		bottom: 1.5rem;
		transform: translateY(calc(-100vh - 6rem));
		z-index: 2;
		opacity: 1;
		transition: opacity 0.2s ease;
	}

	.offer-widget.is-visible .offer-widget__chip-wrap {
		pointer-events: auto;
		animation: offer-chip-drop 1.7s both;
	}

	.offer-widget.is-settled .offer-widget__chip-wrap {
		animation: none;
		transform: none;
	}

	.offer-widget.is-open .offer-widget__chip-wrap {
		opacity: 0;
		pointer-events: none;
	}

	.offer-widget__dismiss {
		position: absolute;
		top: -0.3rem;
		right: -0.3rem;
		z-index: 3;
		width: 1.125rem;
		height: 1.125rem;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.18);
		cursor: pointer;
	}

	.offer-widget__dismiss:before,
	.offer-widget__dismiss:after {
		content: '';
		position: absolute;
		left: 0.28rem;
		right: 0.28rem;
		top: 50%;
		height: 1.5px;
		background: #2a2d38;
	}

	.offer-widget__dismiss:before { transform: rotate(45deg); }
	.offer-widget__dismiss:after { transform: rotate(-45deg); }

	.offer-widget__chip {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		margin: 0;
		padding: 0.7rem 1.1rem 0.7rem 0.75rem;
		border: 0;
		border-radius: 2rem;
		background: #3a8bee;
		color: #fff;
		cursor: pointer;
		/* orange “second capsule” peeking under the blue one */
		box-shadow:
			0 0.3rem 0 -0.12rem #ff9800,
			0 0.65rem 1.35rem rgba(255, 152, 0, 0.28),
			0 0.75rem 1.75rem rgba(58, 139, 238, 0.28);
		white-space: nowrap;
		font: 500 0.9375rem/1.2 Roboto, Helvetica, Arial, sans-serif;
		transform-origin: 50% 100%;
	}

	.offer-widget.is-settled:not(.is-open) .offer-widget__chip {
		animation: offer-chip-corners 10s ease-in-out infinite;
	}

	.offer-widget__chip-text {
		text-transform: uppercase;
		letter-spacing: 0.02em;
	}

	.offer-widget__chip-text span {
		margin: 0 0.15em;
		opacity: 0.65;
		font-weight: 400;
	}

	.offer-widget__pulse {
		position: relative;
		flex: 0 0 auto;
		width: 2.25rem;
		height: 2.25rem;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.18);
	}

	.offer-widget__pulse:before {
		content: '';
		position: absolute;
		inset: -0.35rem;
		border-radius: 50%;
		border: 2px solid rgba(255, 255, 255, 0.55);
		animation: offer-pulse 1.6s ease-out infinite;
	}

	.offer-widget__pulse svg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1.15rem;
		height: 1.15rem;
		transform: translate(-50%, -50%);
		fill: #fff;
	}

	.offer-widget__card {
		position: absolute;
		right: 1.5rem;
		bottom: 1.5rem;
		z-index: 3;
		width: 1020px;
		max-width: calc(100vw - 3rem);
		max-height: calc(100vh - 3rem);
		overflow: auto;
		padding: 1.25rem 1.5rem 1.15rem;
		border-radius: 1rem;
		background: #fff;
		box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.18);
		transform: translateX(8%) translateY(12%) scale(0.92);
		opacity: 0;
		pointer-events: none;
		transform-origin: 100% 100%;
		transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
	}

	.offer-widget.is-open .offer-widget__card {
		transform: none;
		opacity: 1;
		pointer-events: auto;
	}

	.offer-widget__close {
		position: absolute;
		top: 0.75rem;
		right: 0.75rem;
		width: 1.75rem;
		height: 1.75rem;
		border: 0;
		background: transparent;
		cursor: pointer;
	}

	.offer-widget__close:before,
	.offer-widget__close:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0.3rem;
		right: 0.3rem;
		height: 2px;
		background: #9aa0ad;
	}

	.offer-widget__close:before { transform: rotate(45deg); }
	.offer-widget__close:after { transform: rotate(-45deg); }

	.offer-widget .material-symbols-outlined {
		font-family: 'Material Symbols Outlined';
		font-weight: normal;
		font-style: normal;
		display: inline-block;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
	}

	.offer-widget__kicker {
		margin: 0 0 0.25rem;
		font-size: 0.75rem;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: #3a8bee;
		font-weight: 500;
	}

	.offer-widget__title {
		margin: 0 2rem 0.5rem 0;
		font-family: "Neo Sans Pro", Helvetica, Arial, sans-serif;
		font-size: 1.1875rem;
		line-height: 1.28;
		font-weight: 700;
		text-transform: uppercase;
		color: #2a2d38;
	}

	.offer-widget__lead {
		margin: 0 0 1rem;
		font-size: 0.875rem;
		line-height: 1.4;
		color: #4a5160;
		max-width: 46rem;
	}

	.offer-widget__plans {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.875rem;
	}

	.offer-plan-col {
		display: flex;
		flex-direction: column;
		min-width: 0;
		height: 100%;
	}

	.offer-plan-col .offer-plan {
		height: 100%;
	}

	.offer-plan {
		border: 1px solid #e8e8e8;
		border-radius: 0.625rem;
		background: #fff;
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		cursor: pointer;
		text-align: left;
		transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
	}

	.offer-plan.is-selected {
		border-color: #3a8bee;
		box-shadow: 0 0 0 1px #3a8bee, 0 0.5rem 1.25rem rgba(58, 139, 238, 0.12);
	}

	.offer-plan__title {
		margin: 0;
		padding: 0.65rem 0.75rem 0.65rem 0.875rem;
		background: #f7f9fc;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-size: 0.9375rem;
		font-weight: 700;
		text-transform: none;
		color: #2a2d38;
		line-height: 1.3;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
		border-radius: 0.625rem 0.625rem 0 0;
	}

	.offer-plan.is-selected .offer-plan__title {
		background: #eef5ff;
	}

	.offer-plan__title-text span {
		display: block;
		font-weight: 400;
		font-size: 0.75rem;
		color: #64748b;
		margin-top: 0.1rem;
		text-transform: none;
	}

	.offer-plan__check {
		flex: 0 0 auto;
		font-size: 2rem;
		line-height: 1;
		color: #3a8bee;
		font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
		opacity: 0;
		transform: scale(0.7);
		transition: opacity 0.28s ease, transform 0.28s ease;
	}

	.offer-plan.is-selected .offer-plan__check {
		opacity: 1;
		transform: scale(1);
	}

	.offer-plan dl {
		margin: 0;
		padding: 0.75rem 0.875rem 0.25rem;
	}

	.offer-plan dl > div {
		margin: 0 0 0.7rem;
	}

	.offer-plan dt {
		margin: 0 0 0.2rem;
		font-size: 0.75rem;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		font-weight: 700;
		color: #3a8bee;
	}

	.offer-plan dd {
		margin: 0;
		font-size: 0.8125rem;
		line-height: 1.4;
		color: #2a2d38;
	}

	.offer-plan__econ-label {
		margin: 0;
		padding: 0 0.875rem;
		font-size: 0.75rem;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		font-weight: 700;
		color: #3a8bee;
	}

	.offer-plan__econ {
		list-style: none;
		margin: 0.35rem 0 0;
		padding: 0 0.75rem 0.75rem;
	}

	.offer-plan__econ li {
		display: flex;
		align-items: flex-start;
		gap: 0.5rem;
		margin: 0;
		padding: 0.5rem 0;
		border-top: 1px solid #eee;
		font-size: 0.8125rem;
		line-height: 1.4;
		color: #2a2d38;
	}

	.offer-plan__econ .material-symbols-outlined {
		flex: 0 0 auto;
		margin-top: 0.05rem;
		font-size: 1.125rem;
		color: #3a8bee;
		font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	}

	.offer-plan__econ-body b {
		font-weight: 700;
	}

	.offer-plan[data-choice="saas"] .offer-plan__legal {
		margin-top: auto;
	}

	.offer-plan__legal {
		position: relative;
		display: inline-flex;
		align-items: center;
		gap: 0.3rem;
		margin: 0 0.875rem 0.7rem;
		font-size: 0.75rem;
		line-height: 1.3;
		color: #64748b;
		cursor: help;
	}

	.offer-plan__legal .material-symbols-outlined {
		font-size: 1rem;
		color: #3a8bee;
	}

	.offer-plan__tooltip {
		position: absolute;
		left: 0;
		bottom: calc(100% + 0.4rem);
		width: 22rem;
		max-width: calc(100vw - 6rem);
		padding: 0.7rem 0.8rem;
		border-radius: 0.4rem;
		background: #2a2d38;
		color: #fff;
		font-size: 0.75rem;
		line-height: 1.4;
		box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
		opacity: 0;
		visibility: hidden;
		transform: translateY(0.25rem);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
		z-index: 5;
		pointer-events: none;
	}

	.offer-plan__tooltip:after {
		content: '';
		position: absolute;
		left: 0.75rem;
		top: 100%;
		border: 6px solid transparent;
		border-top-color: #2a2d38;
	}

	.offer-plan__legal:hover .offer-plan__tooltip,
	.offer-plan__legal:focus-within .offer-plan__tooltip {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.offer-form {
		margin-top: 1rem;
		padding-top: 0.95rem;
		border-top: 1px solid #eee;
	}

	.offer-form__chosen {
		margin: 0 0 0.75rem;
		font-size: 0.875rem;
		font-weight: 500;
		color: #2a2d38;
	}

	.offer-form__chosen span {
		color: #3a8bee;
		font-weight: 700;
	}

	.offer-form__grid {
		display: grid;
		grid-template-columns: 1.15fr 1fr;
		gap: 0.875rem;
		align-items: stretch;
	}

	.offer-form .form-group {
		margin: 0;
	}

	.offer-form input[type="text"],
	.offer-form textarea {
		font-family: Roboto, Helvetica, Arial, sans-serif;
	}

	.offer-form .smartcaptcha-error.has-error {
		display: block;
		margin: 0 0 0.75rem;
	}

	.offer-form .field-offerform-offer_format,
	.offer-form .field-offerform-agree,
	.offer-form .smartcaptcha-error:not(.has-error) {
		display: none;
	}

	.offer-form .help-block {
		margin: 0.2rem 0 0;
		font-size: 0.75rem;
		line-height: 1.3;
		color: #c2410c;
	}

	.offer-form .has-error input,
	.offer-form .has-error textarea {
		border-color: #c2410c;
	}

	.offer-form__about,
	.offer-form__about textarea {
		height: 100%;
		min-height: 8.25rem;
	}

	.offer-form__fields {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.offer-form__submit {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		gap: 0.65rem 0.75rem;
		margin-top: 0.15rem;
	}

	.offer-form__submit .btn {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.offer-form__scarce {
		margin: 0;
		font-size: 0.6875rem;
		line-height: 1.35;
		color: #c2410c;
		max-width: 14.5rem;
	}

	.offer-form__scarce[hidden] {
		display: none;
	}
}

@keyframes offer-pulse {
	0% { transform: scale(0.85); opacity: 0.8; }
	70% { transform: scale(1.25); opacity: 0; }
	100% { transform: scale(1.25); opacity: 0; }
}

@keyframes offer-chip-drop {
	0% {
		transform: translateY(calc(-100vh - 5rem));
		animation-timing-function: cubic-bezier(0.55, 0.06, 0.9, 0.28);
	}
	38% {
		transform: translateY(0);
		animation-timing-function: cubic-bezier(0.18, 0.82, 0.28, 1);
	}
	54% {
		transform: translateY(-5.75rem);
		animation-timing-function: cubic-bezier(0.55, 0.06, 0.9, 0.28);
	}
	68% {
		transform: translateY(0);
		animation-timing-function: cubic-bezier(0.18, 0.82, 0.28, 1);
	}
	80% {
		transform: translateY(-2.35rem);
		animation-timing-function: cubic-bezier(0.55, 0.06, 0.9, 0.28);
	}
	90% {
		transform: translateY(0);
	}
	95% {
		transform: translateY(-0.45rem);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes offer-chip-corners {
	0%, 6% {
		transform: rotate(0deg);
	}
	11% {
		transform: rotate(-10deg);
	}
	16% {
		transform: rotate(0deg);
	}
	21% {
		transform: rotate(10deg);
	}
	26%, 100% {
		transform: rotate(0deg);
	}
}

@keyframes offer-chip-rise {
	0% {
		transform: translateY(7rem);
		opacity: 0;
	}
	62% {
		transform: translateY(-0.45rem);
		opacity: 1;
	}
	82% {
		transform: translateY(0.18rem);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

html.offer-widget-lock,
html.offer-widget-lock body {
	overflow: hidden;
}

/* Local mobile / tablet — not on production until approved */
@media only screen and (max-width: 1143px) {
	.offer-widget {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 9000;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		color: #2a2d38;
		pointer-events: none;
	}

	.offer-widget__backdrop {
		position: absolute;
		inset: 0;
		background: rgba(18, 20, 28, 0.52);
		-webkit-backdrop-filter: blur(10px);
		        backdrop-filter: blur(10px);
		opacity: 0;
		z-index: 1;
		transition: opacity 0.28s ease;
	}

	.offer-widget.is-open .offer-widget__backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	.offer-widget__chip-wrap {
		position: absolute;
		right: max(0.85rem, env(safe-area-inset-right));
		bottom: max(0.85rem, env(safe-area-inset-bottom));
		z-index: 2;
		opacity: 0;
		transform: translateY(7rem);
	}

	.offer-widget.is-visible .offer-widget__chip-wrap {
		pointer-events: auto;
		animation: offer-chip-rise 0.62s both;
	}

	.offer-widget.is-settled .offer-widget__chip-wrap {
		animation: none;
		opacity: 1;
		transform: none;
	}

	.offer-widget.is-open .offer-widget__chip-wrap {
		opacity: 0;
		pointer-events: none;
	}

	.offer-widget__dismiss {
		position: absolute;
		top: -0.3rem;
		right: -0.3rem;
		z-index: 3;
		width: 1.125rem;
		height: 1.125rem;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 0.15rem 0.4rem rgba(0, 0, 0, 0.18);
		cursor: pointer;
	}

	.offer-widget__dismiss:before,
	.offer-widget__dismiss:after {
		content: '';
		position: absolute;
		left: 0.28rem;
		right: 0.28rem;
		top: 50%;
		height: 1.5px;
		background: #2a2d38;
	}

	.offer-widget__dismiss:before { transform: rotate(45deg); }
	.offer-widget__dismiss:after { transform: rotate(-45deg); }

	.offer-widget__chip {
		display: flex;
		align-items: center;
		gap: 0.55rem;
		margin: 0;
		padding: 0.62rem 0.95rem 0.62rem 0.62rem;
		border: 0;
		border-radius: 2rem;
		background: #3a8bee;
		color: #fff;
		cursor: pointer;
		box-shadow:
			0 0.28rem 0 -0.1rem #ff9800,
			0 0.55rem 1.1rem rgba(255, 152, 0, 0.28),
			0 0.65rem 1.5rem rgba(58, 139, 238, 0.3);
		white-space: nowrap;
		font: 500 0.8125rem/1.2 Roboto, Helvetica, Arial, sans-serif;
		transform-origin: 50% 100%;
	}

	.offer-widget.is-settled:not(.is-open) .offer-widget__chip {
		animation: offer-chip-corners 10s ease-in-out infinite;
	}

	.offer-widget__chip-text {
		text-transform: uppercase;
		letter-spacing: 0.02em;
	}

	.offer-widget__chip-text span {
		margin: 0 0.15rem;
		opacity: 0.7;
	}

	.offer-widget__pulse {
		position: relative;
		flex: 0 0 auto;
		width: 1.75rem;
		height: 1.75rem;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.18);
	}

	.offer-widget__pulse:before {
		content: '';
		position: absolute;
		inset: -0.28rem;
		border-radius: 50%;
		border: 2px solid rgba(255, 255, 255, 0.55);
		background: transparent;
		animation: offer-pulse 1.8s ease-out infinite;
	}

	.offer-widget__pulse svg {
		position: relative;
		z-index: 1;
		display: block;
		width: 1.75rem;
		height: 1.75rem;
		padding: 0.32rem;
		fill: #fff;
		box-sizing: border-box;
	}

	.offer-widget__card {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		z-index: 3;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-height: min(94vh, 52rem);
		padding: 1.15rem 1rem calc(1rem + env(safe-area-inset-bottom));
		border-radius: 1rem 1rem 0 0;
		background: #fff;
		box-shadow: 0 -0.75rem 2rem rgba(18, 20, 28, 0.18);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		pointer-events: auto;
		transform: translateY(110%);
		transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
	}

	.offer-widget.is-open .offer-widget__card {
		transform: none;
	}

	.offer-widget__close {
		position: sticky;
		top: 0.35rem;
		align-self: flex-end;
		z-index: 4;
		width: 2.5rem;
		height: 2.5rem;
		margin: -0.15rem -0.15rem 0 0;
		border: 0;
		flex: 0 0 auto;
		background: #fff;
		cursor: pointer;
	}

	.offer-widget__close:before,
	.offer-widget__close:after {
		content: '';
		position: absolute;
		left: 0.7rem;
		right: 0.7rem;
		top: 50%;
		height: 2px;
		background: #2a2d38;
	}

	.offer-widget__close:before { transform: rotate(45deg); }
	.offer-widget__close:after { transform: rotate(-45deg); }

	.offer-widget .material-symbols-outlined {
		font-family: 'Material Symbols Outlined';
		font-weight: normal;
		font-style: normal;
		display: inline-block;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
	}

	.offer-widget__kicker {
		margin: 0 0 0.2rem;
		font-size: 0.6875rem;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: #3a8bee;
		font-weight: 500;
	}

	.offer-widget__title {
		margin: 0 2.25rem 0.45rem 0;
		font-family: "Neo Sans Pro", Helvetica, Arial, sans-serif;
		font-size: 1.05rem;
		line-height: 1.28;
		font-weight: 700;
		text-transform: uppercase;
		color: #2a2d38;
	}

	.offer-widget__lead {
		margin: 0 0 0.85rem;
		font-size: 0.8125rem;
		line-height: 1.4;
		color: #4a5160;
	}

	.offer-widget__plans {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.65rem;
	}

	.offer-plan-col {
		display: block;
		min-width: 0;
	}

	.offer-plan {
		border: 1px solid #e8e8e8;
		border-radius: 0.625rem;
		background: #fff;
		cursor: pointer;
		text-align: left;
		transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
	}

	.offer-plan.is-selected {
		border-color: #3a8bee;
		box-shadow: 0 0 0 1px #3a8bee, 0 0.4rem 1rem rgba(58, 139, 238, 0.12);
	}

	.offer-plan__title {
		margin: 0;
		padding: 0.6rem 0.7rem 0.6rem 0.8rem;
		background: #f7f9fc;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-size: 0.875rem;
		font-weight: 700;
		text-transform: none;
		color: #2a2d38;
		line-height: 1.3;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.4rem;
		border-radius: 0.625rem 0.625rem 0 0;
	}

	.offer-plan.is-selected .offer-plan__title {
		background: #eef5ff;
	}

	.offer-plan__title-text span {
		display: block;
		font-weight: 400;
		font-size: 0.6875rem;
		color: #64748b;
		margin-top: 0.08rem;
		text-transform: none;
	}

	.offer-plan__check {
		flex: 0 0 auto;
		font-size: 1.65rem;
		line-height: 1;
		color: #3a8bee;
		font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
		opacity: 0;
		transform: scale(0.7);
		transition: opacity 0.28s ease, transform 0.28s ease;
	}

	.offer-plan.is-selected .offer-plan__check {
		opacity: 1;
		transform: scale(1);
	}

	.offer-plan dl {
		margin: 0;
		padding: 0.65rem 0.8rem 0.15rem;
	}

	.offer-plan dl > div {
		margin: 0 0 0.55rem;
	}

	.offer-plan dt {
		margin: 0 0 0.15rem;
		font-size: 0.6875rem;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		font-weight: 700;
		color: #3a8bee;
	}

	.offer-plan dd {
		margin: 0;
		font-size: 0.75rem;
		line-height: 1.4;
		color: #2a2d38;
	}

	.offer-plan__econ-label {
		margin: 0;
		padding: 0 0.8rem;
		font-size: 0.6875rem;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		font-weight: 700;
		color: #3a8bee;
	}

	.offer-plan__econ {
		list-style: none;
		margin: 0.3rem 0 0;
		padding: 0 0.7rem 0.55rem;
	}

	.offer-plan__econ li {
		display: flex;
		align-items: flex-start;
		gap: 0.45rem;
		margin: 0;
		padding: 0.4rem 0;
		border-top: 1px solid #eee;
		font-size: 0.75rem;
		line-height: 1.4;
		color: #2a2d38;
	}

	.offer-plan__econ .material-symbols-outlined {
		flex: 0 0 auto;
		margin-top: 0.05rem;
		font-size: 1.05rem;
		color: #3a8bee;
		font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	}

	.offer-plan__econ-body b {
		font-weight: 700;
	}

	.offer-plan__legal {
		position: relative;
		display: inline-flex;
		align-items: center;
		gap: 0.3rem;
		margin: 0 0.8rem 0.65rem;
		font-size: 0.75rem;
		line-height: 1.3;
		color: #64748b;
	}

	.offer-plan__legal .material-symbols-outlined {
		font-size: 1rem;
		color: #3a8bee;
	}

	.offer-plan__tooltip {
		position: absolute;
		left: 0;
		bottom: calc(100% + 0.4rem);
		width: min(22rem, calc(100vw - 2.5rem));
		padding: 0.7rem 0.8rem;
		border-radius: 0.4rem;
		background: #2a2d38;
		color: #fff;
		font-size: 0.75rem;
		line-height: 1.4;
		box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
		opacity: 0;
		visibility: hidden;
		transform: translateY(0.25rem);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
		z-index: 5;
		pointer-events: none;
	}

	.offer-plan__tooltip:after {
		content: '';
		position: absolute;
		left: 0.75rem;
		top: 100%;
		border: 6px solid transparent;
		border-top-color: #2a2d38;
	}

	.offer-plan__legal.is-tip .offer-plan__tooltip,
	.offer-plan__legal:focus-within .offer-plan__tooltip {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.offer-form {
		margin-top: 0.85rem;
		padding-top: 0.85rem;
		border-top: 1px solid #eee;
	}

	.offer-form__chosen {
		margin: 0 0 0.65rem;
		font-size: 0.8125rem;
		font-weight: 500;
		color: #2a2d38;
	}

	.offer-form__chosen span {
		color: #3a8bee;
		font-weight: 700;
	}

	.offer-form__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.55rem;
	}

	.offer-form .form-group {
		margin: 0;
	}

	.offer-form input[type="text"],
	.offer-form textarea {
		font-family: Roboto, Helvetica, Arial, sans-serif;
	}

	.offer-form .smartcaptcha-error.has-error {
		display: block;
		margin: 0 0 0.65rem;
	}

	.offer-form .field-offerform-offer_format,
	.offer-form .field-offerform-agree,
	.offer-form .smartcaptcha-error:not(.has-error) {
		display: none;
	}

	.offer-form .help-block {
		margin: 0.2rem 0 0;
		font-size: 0.75rem;
		line-height: 1.3;
		color: #c2410c;
	}

	.offer-form .has-error input,
	.offer-form .has-error textarea {
		border-color: #c2410c;
	}

	.offer-form__about textarea {
		min-height: 6.5rem;
		height: 6.5rem;
	}

	.offer-form__fields {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.offer-form__submit {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.45rem;
		margin-top: 0.1rem;
	}

	.offer-form__submit .btn {
		width: 100%;
		white-space: normal;
	}

	.offer-form__scarce {
		margin: 0;
		font-size: 0.6875rem;
		line-height: 1.35;
		color: #c2410c;
		max-width: none;
	}

	.offer-form__scarce[hidden] {
		display: none;
	}
}
