.shelfr-mobile-case {
	display: none;
}

a[href="https://www.linkedin.com/in/jurecki"],
a[href="https://www.linkedin.com/in/bogdan-goncharenko/"],
a[href="https://www.linkedin.com/in/jurecki"] *,
a[href="https://www.linkedin.com/in/bogdan-goncharenko/"] * {
	color: #fff !important;
	--framer-text-color: #fff !important;
}

.framer-spmwy3 br {
	display: none;
}

.framer-spmwy3 p {
	display: list-item;
	margin-left: 1.2em;
	padding: .25rem 0;
	border: 0;
}

.framer-spmwy3 p:last-child {
	border: 0;
}

.framer-6ybkqo,
.framer-1cab1g {
	display: none !important;
}

.framer-1wgvns6,
.framer-ns8qf9 {
	display: none !important;
}

.framer-1oq9m2g {
	display: none !important;
}

@media (min-width: 1025px) {
	.framer-WDOO5 .framer-1dmv734 img {
		object-fit: contain !important;
	}

	.framer-h3sPI .framer-1mfnjks {
		height: 1743px !important;
	}

	.framer-h3sPI .framer-ihtygk {
		height: 1228px !important;
	}

	.framer-h3sPI .framer-137c9v0 {
		display: grid !important;
		grid-template-columns: 156px 62px 64px 66px;
	}

	.framer-h3sPI .framer-137c9v0 p {
		--framer-font-size: 18px !important;
	}

	.framer-h3sPI .framer-hb00m7 {
		width: max-content !important;
		white-space: nowrap !important;
	}

	.framer-h3sPI .framer-jmwro6 {
		width: 520px !important;
		white-space: normal !important;
	}

	.framer-h3sPI .framer-3935ut {
		width: 520px !important;
		white-space: normal !important;
	}

	.framer-h3sPI .framer-il6gg {
		top: 5315px !important;
	}

	.framer-h3sPI .framer-8ffarl {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-template-rows: auto auto auto auto 1fr auto;
		gap: 24px 40px;
		width: 1351px !important;
	}

	.framer-h3sPI .framer-8ffarl > * {
		position: static !important;
		inset: auto !important;
		transform: none !important;
		width: auto !important;
		min-width: 0;
		white-space: normal !important;
	}

	.framer-h3sPI .framer-6p3rzb,
	.framer-h3sPI .framer-1i7pbrk {
		grid-column: 1 / -1;
	}

	.framer-h3sPI .framer-6p3rzb { grid-row: 1; }
	.framer-h3sPI .framer-1rddoqj { grid-area: 2 / 1 / 3 / 5; }
	.framer-h3sPI .framer-1icmfei { grid-area: 2 / 5 / 3 / 9; }
	.framer-h3sPI .framer-mvroa8 { grid-area: 2 / 9 / 3 / 13; }
	.framer-h3sPI .framer-3s8kty { grid-area: 3 / 1 / 4 / 4; }
	.framer-h3sPI .framer-1e8zafm { grid-area: 3 / 4 / 4 / 7; }
	.framer-h3sPI .framer-1qibjtb { grid-area: 3 / 7 / 4 / 10; }
	.framer-h3sPI .framer-1v0qrwk { grid-area: 3 / 10 / 4 / 13; }
	.framer-h3sPI .framer-1m7rqb8 { grid-area: 4 / 1 / 5 / 4; }
	.framer-h3sPI .framer-1k62u1w { grid-area: 4 / 4 / 5 / 7; }
	.framer-h3sPI .framer-exl0i5 { grid-area: 4 / 7 / 5 / 10; }
	.framer-h3sPI .framer-1ja42qh { grid-area: 4 / 10 / 5 / 13; }
	.framer-h3sPI .framer-1i7pbrk { grid-row: 6; }

	.framer-h3sPI .framer-1qkvzop {
		width: 520px !important;
	}

	.framer-h3sPI .framer-wtimuh,
	.framer-h3sPI .framer-1h5dmm {
		top: 600px !important;
	}

	.framer-h3sPI .framer-jgnhpw {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 18px;
		background: #1b5bff;
		color: #fff !important;
		font: 400 16px/1.2 Inter, Arial, sans-serif;
	}

	.framer-h3sPI .framer-jgnhpw .svgContainer {
		display: none;
	}

	.framer-h3sPI .framer-jgnhpw::after {
		content: "Алгоритм как у Нетфликс,";
	}
}

@media (max-width: 1024px) {
	html,
	body,
	#main {
		width: 100%;
		min-width: 0;
		overflow-x: clip;
	}

	body {
		background: #000;
	}

	#main {
		padding-top: 4.75rem;
	}

	#main > [data-framer-root] {
		display: none !important;
	}

	.shelfr-mobile-case {
		display: block;
		width: 100%;
		padding: 2.5rem 1rem 5rem;
		color: #fff;
		background: linear-gradient(180deg, #000 0%, #161616 100%);
		font-family: Inter, Arial, sans-serif;
		font-size: 1rem;
		line-height: 1.35;
	}

	.shelfr-mobile-hero,
	.shelfr-mobile-section {
		width: 100%;
		max-width: 42rem;
		margin-inline: auto;
	}

	.shelfr-mobile-hero {
		display: grid;
		gap: 1.75rem;
	}

	.shelfr-mobile-title {
		margin: 0;
		font-family: "Space Grotesk", Inter, sans-serif;
		font-size: clamp(4.5rem, 24vw, 7rem);
		font-weight: 600;
		line-height: .85;
		letter-spacing: -.06em;
	}

	.shelfr-mobile-subtitle {
		margin: 0;
		font-size: clamp(2rem, 10vw, 2.75rem);
		font-weight: 700;
		line-height: .95;
		letter-spacing: -.035em;
	}

	.shelfr-mobile-copy {
		display: grid;
		gap: .75rem;
		min-width: 0;
	}

	.shelfr-mobile-copy p {
		margin: 0;
	}

	.shelfr-mobile-copy a,
	.shelfr-mobile-toc a {
		color: inherit;
		text-decoration-thickness: 1px;
		text-underline-offset: .2em;
	}

	.shelfr-mobile-copy strong {
		font-weight: 750;
	}

	.shelfr-mobile-meta {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.25rem;
		padding-block: 1.25rem;
		border-block: 1px solid rgb(255 255 255 / 18%);
	}

	.shelfr-mobile-meta-item {
		display: grid;
		gap: .35rem;
	}

	.shelfr-mobile-meta-label {
		font-size: .72rem;
		font-weight: 750;
		letter-spacing: .1em;
		text-transform: uppercase;
		color: rgb(255 255 255 / 55%);
	}

	.shelfr-mobile-toc {
		display: grid;
		gap: 0;
		margin-top: 2.5rem;
		border-top: 1px solid rgb(255 255 255 / 18%);
	}

	.shelfr-mobile-toc h2 {
		margin: 0;
		padding: 1.5rem 0 1rem;
		font-size: 1.7rem;
		line-height: 1;
	}

	.shelfr-mobile-toc a {
		display: grid;
		grid-template-columns: 2.25rem 1fr auto;
		gap: .5rem;
		align-items: center;
		min-height: 3.25rem;
		border-top: 1px solid rgb(255 255 255 / 18%);
		text-decoration: none;
	}

	.shelfr-mobile-toc-number,
	.shelfr-mobile-section-number {
		font-size: .72rem;
		color: rgb(255 255 255 / 50%);
	}

	.shelfr-mobile-toc-arrow {
		font-size: 1.25rem;
	}

	.shelfr-mobile-sections {
		display: grid;
		gap: 6rem;
		margin-top: 6rem;
	}

	.shelfr-mobile-section {
		display: grid;
		gap: 1.75rem;
		scroll-margin-top: 6rem;
	}

	.shelfr-mobile-section::before {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: rgb(255 255 255 / 18%);
	}

	.shelfr-mobile-section-heading {
		display: grid;
		grid-template-columns: 2.25rem minmax(0, 1fr);
		gap: .5rem;
		align-items: start;
	}

	.shelfr-mobile-section-number {
		padding-top: .35rem;
	}

	.shelfr-mobile-section h2 {
		margin: 0;
		font-size: clamp(2rem, 10vw, 3rem);
		font-weight: 700;
		line-height: .95;
		letter-spacing: -.04em;
		overflow-wrap: normal;
		word-break: normal;
	}

	#mobile-ia h2 {
		font-size: clamp(1.65rem, 8vw, 2.5rem);
	}

	.shelfr-mobile-lead {
		font-size: 1.08rem;
		line-height: 1.38;
	}

	.shelfr-mobile-gallery {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.shelfr-mobile-gallery--compact,
	.shelfr-mobile-gallery--phones {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .65rem;
	}

	.shelfr-mobile-gallery--single {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.25rem;
	}

	.shelfr-mobile-gallery--masonry {
		align-items: start;
	}

	.shelfr-mobile-gallery-column {
		display: grid;
		align-content: start;
		gap: .65rem;
		min-width: 0;
	}

	.shelfr-mobile-figure {
		display: grid;
		gap: .5rem;
		margin: 0;
		min-width: 0;
		align-content: start;
	}

	.shelfr-mobile-figure img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 76vh;
		object-fit: contain;
		object-position: center;
		background: #0b0b0b;
	}

	.shelfr-mobile-gallery--phones .shelfr-mobile-figure img {
		max-height: none;
	}

	.shelfr-mobile-figure figcaption {
		font-size: .78rem;
		line-height: 1.25;
		color: rgb(255 255 255 / 62%);
	}

	.shelfr-mobile-flow-carousel {
		display: grid;
		gap: 1rem;
		outline: none;
	}

	.shelfr-mobile-flow-carousel:focus-visible {
		outline: 2px solid #fff;
		outline-offset: .5rem;
	}

	.shelfr-mobile-flow-head {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 1rem;
		min-height: 4.5rem;
	}

	.shelfr-mobile-flow-head h3,
	.shelfr-mobile-color-section > h3,
	.shelfr-mobile-survey-block > h3 {
		margin: 0;
		font-size: 1.35rem;
		line-height: 1.05;
	}

	.shelfr-mobile-flow-counter {
		flex: none;
		font-variant-numeric: tabular-nums;
		color: rgb(255 255 255 / 55%);
	}

	.shelfr-mobile-flow-carousel .shelfr-mobile-figure {
		height: min(calc((100vw - 2rem) * 2.6974), 65rem);
		align-items: center;
		overflow: hidden;
		background: #0b0b0b;
	}

	.shelfr-mobile-flow-carousel .shelfr-mobile-figure img {
		width: 100%;
		height: 100%;
		max-height: none;
		object-fit: contain;
	}

	.shelfr-mobile-flow-controls {
		display: grid;
		grid-template-columns: repeat(2, 3.5rem);
		justify-content: end;
		gap: .5rem;
	}

	.shelfr-mobile-flow-controls button {
		min-height: 3.5rem;
		border: 1px solid rgb(255 255 255 / 32%);
		border-radius: 0;
		color: #fff;
		background: transparent;
		font: inherit;
		font-size: 1.4rem;
		cursor: pointer;
	}

	.shelfr-mobile-flow-controls button:active {
		color: #000;
		background: #fff;
	}

	.shelfr-mobile-iteration-sliders,
	.shelfr-mobile-iteration {
		display: grid;
		min-width: 0;
	}

	.shelfr-mobile-iteration-sliders {
		gap: 2.5rem;
	}

	.shelfr-mobile-iteration {
		gap: .9rem;
	}

	.shelfr-mobile-iteration h3 {
		margin: 0;
		font-size: 1.35rem;
		line-height: 1.05;
	}

	.shelfr-mobile-iteration > .shelfr-mobile-copy {
		padding-left: .75rem;
		border-left: 2px solid rgb(255 255 255 / 32%);
		font-size: .9rem;
		color: rgb(255 255 255 / 70%);
	}

	.shelfr-mobile-iteration-track {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(17rem, 88%);
		gap: .75rem;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: inline mandatory;
		scrollbar-width: thin;
		padding-bottom: .5rem;
		-webkit-overflow-scrolling: touch;
	}

	.shelfr-mobile-iteration-track .shelfr-mobile-figure {
		scroll-snap-align: start;
	}

	.shelfr-mobile-iteration-track .shelfr-mobile-figure img {
		max-height: 76vh;
	}

	.shelfr-mobile-killer-copy {
		display: grid;
		gap: 0;
	}

	.shelfr-mobile-killer-copy h3 {
		margin: 0 0 .75rem;
		font-size: 1.35rem;
		line-height: 1.1;
	}

	.shelfr-mobile-killer-copy p {
		margin: 0;
		padding: .85rem 0;
		border-top: 1px solid rgb(255 255 255 / 22%);
	}

	.shelfr-mobile-killer-copy p:last-child {
		border-bottom: 1px solid rgb(255 255 255 / 22%);
	}

	.shelfr-mobile-survey-visuals,
	.shelfr-mobile-survey-block,
	.shelfr-mobile-color-section {
		display: grid;
		gap: 1.25rem;
	}

	.shelfr-mobile-survey-visuals {
		gap: 3.5rem;
		padding-top: 1rem;
	}

	.shelfr-mobile-survey-block {
		padding-top: 1.25rem;
		border-top: 1px solid rgb(255 255 255 / 18%);
	}

	.shelfr-mobile-survey-question {
		max-width: 34rem;
		margin: 0;
		font-size: 1.05rem;
	}

	.shelfr-mobile-audience-chart {
		display: grid;
		grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
		gap: 1.25rem;
		align-items: center;
	}

	.shelfr-mobile-audience-pie {
		width: 100%;
		aspect-ratio: 1;
		border: 1px solid #fff;
		border-radius: 50%;
		background: conic-gradient(#fff 0 29.2%, #1b5bff 29.2% 100%);
	}

	.shelfr-mobile-audience-legend {
		display: grid;
		gap: 1rem;
		font-size: .9rem;
	}

	.shelfr-mobile-audience-legend p {
		margin: 0;
	}

	.shelfr-mobile-messages {
		display: grid;
		gap: .75rem;
	}

	.shelfr-mobile-message {
		width: min(100%, 31rem);
		margin: 0;
	}

	.shelfr-mobile-message:nth-child(even) {
		justify-self: end;
	}

	.shelfr-mobile-message img,
	.shelfr-mobile-message svg {
		display: block;
		width: 100%;
		height: auto;
	}

	.shelfr-mobile-color-gallery {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(16rem, 82%);
		gap: .75rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		overscroll-behavior-inline: contain;
		padding-bottom: .75rem;
	}

	.shelfr-mobile-color-card {
		display: grid;
		gap: .75rem;
		align-content: start;
		scroll-snap-align: start;
	}

	.shelfr-mobile-color-card h4,
	.shelfr-mobile-color-card p {
		margin: 0;
	}

	.shelfr-mobile-color-card h4 {
		font-size: 1.05rem;
	}

	.shelfr-mobile-color-card p {
		font-size: .85rem;
		color: rgb(255 255 255 / 65%);
	}

	.shelfr-mobile-color-card .shelfr-mobile-figure img {
		max-height: none;
	}

	.shelfr-mobile-cards {
		display: grid;
		gap: .75rem;
	}

	.shelfr-mobile-card {
		display: grid;
		gap: .65rem;
		padding: 1rem;
		border: 1px solid rgb(255 255 255 / 18%);
	}

	.shelfr-mobile-card h3 {
		margin: 0;
		font-size: 1.05rem;
	}

	.shelfr-mobile-card .shelfr-mobile-copy {
		gap: .45rem;
	}

	.shelfr-mobile-card--scenario .shelfr-mobile-copy {
		counter-reset: scenario-step;
	}

	.shelfr-mobile-card--scenario .shelfr-mobile-copy p {
		display: grid;
		grid-template-columns: 1.6rem minmax(0, 1fr);
		gap: .45rem;
		counter-increment: scenario-step;
	}

	.shelfr-mobile-card--scenario .shelfr-mobile-copy p::before {
		content: counter(scenario-step, decimal-leading-zero);
		padding-top: .24em;
		font-size: .68rem;
		font-weight: 700;
		letter-spacing: .06em;
		color: rgb(255 255 255 / 48%);
	}

	.shelfr-mobile-recommendations {
		gap: 0;
		counter-reset: recommendation;
	}

	.shelfr-mobile-recommendations p {
		display: grid;
		grid-template-columns: 1.75rem minmax(0, 1fr);
		gap: .55rem;
		padding: .85rem 0;
		border-top: 1px solid rgb(255 255 255 / 22%);
		counter-increment: recommendation;
	}

	.shelfr-mobile-recommendations br {
		display: none;
	}

	.shelfr-mobile-recommendations p:last-child {
		border-bottom: 1px solid rgb(255 255 255 / 22%);
	}

	.shelfr-mobile-recommendations p::before {
		content: counter(recommendation, decimal-leading-zero);
		padding-top: .24em;
		font-size: .68rem;
		font-weight: 700;
		letter-spacing: .06em;
		color: rgb(255 255 255 / 48%);
	}

	.shelfr-mobile-table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		font-variant-numeric: tabular-nums;
	}

	.shelfr-mobile-table-wrap {
		max-width: 100%;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
	}

	.shelfr-mobile-table--wide {
		min-width: 0;
	}

	.shelfr-mobile-table--wide thead {
		display: none;
	}

	.shelfr-mobile-table--wide,
	.shelfr-mobile-table--wide tbody,
	.shelfr-mobile-table--wide tr,
	.shelfr-mobile-table--wide td {
		display: block;
		width: 100%;
	}

	.shelfr-mobile-table--wide tr {
		margin-bottom: 1rem;
		padding: 0 .75rem .45rem;
		border: 1px solid rgb(255 255 255 / 18%);
	}

	.shelfr-mobile-table--wide td,
	.shelfr-mobile-table--wide td:first-child {
		display: grid;
		grid-template-columns: minmax(7rem, .8fr) 1fr;
		gap: .75rem;
		width: 100% !important;
		padding: .3rem 0;
		border: 0;
	}

	.shelfr-mobile-table--wide td::before {
		content: attr(data-label);
		font-size: .64rem;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: rgb(255 255 255 / 55%);
	}

	.shelfr-mobile-table--wide td:first-child {
		display: block;
		margin: 0 -.75rem .35rem;
		padding: .75rem;
		background: #1b5bff;
		font-size: 1.05rem;
		font-weight: 700;
		color: #fff;
	}

	.shelfr-mobile-table--wide td:first-child::before {
		display: none;
	}

	.shelfr-mobile-table th:first-child,
	.shelfr-mobile-table td:first-child {
		width: 46%;
	}

	.shelfr-mobile-table th,
	.shelfr-mobile-table td {
		padding: .8rem .7rem;
		border-bottom: 1px solid rgb(255 255 255 / 18%);
		text-align: left;
	}

	.shelfr-mobile-table th {
		font-size: .64rem;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: rgb(255 255 255 / 55%);
	}

	.shelfr-mobile-quotes {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(16rem, 82%);
		gap: .75rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: .5rem;
		align-items: start;
	}

	.shelfr-mobile-quotes .shelfr-mobile-card {
		scroll-snap-align: start;
	}

	.shelfr-mobile-back-top {
		display: inline-flex;
		align-items: center;
		gap: .5rem;
		margin-top: 2rem;
		color: #fff;
		font-weight: 700;
		text-decoration: none;
	}

	.shelfr-mobile-lightbox {
		position: fixed;
		inset: 0;
		z-index: 2000;
		display: grid;
		place-items: center;
		overflow: auto;
		padding: 1rem;
		background: rgb(0 0 0 / 94%);
		cursor: zoom-out;
		-webkit-overflow-scrolling: touch;
	}

	.shelfr-mobile-lightbox[hidden] {
		display: none;
	}

	.shelfr-mobile-lightbox img {
		display: block;
		width: auto;
		height: auto;
		max-width: none;
		min-width: min(100%, 44rem);
		background: #111;
	}

	.shelfr-mobile-figure img {
		cursor: zoom-in;
	}
}

@media (max-width: 360px) {
	.shelfr-mobile-case {
		padding-inline: .75rem;
	}

	.shelfr-mobile-table th,
	.shelfr-mobile-table td {
		padding-inline: .35rem;
	}

	.shelfr-mobile-audience-chart {
		grid-template-columns: 8.5rem minmax(0, 1fr);
		gap: .8rem;
	}
}