:root {
	--bt-bg: #ffffff;
	--bt-text: #000000;
	--bt-muted: #4a4a4a;
	--bt-pink: #ff2d8b;
	--bt-pink-hover: #e0267a;
	--bt-pink-soft: #fff0f7;
	--bt-surface-tint: #fff5fa;
	--bt-dark: #0a0a0a;
	--bt-tape: #f5f0e8;
	--bt-yellow: #ffd84d;
	--bt-border: rgba(0, 0, 0, 0.08);
	--bt-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.06);
	--bt-shadow-shot: 0 12px 32px rgba(0, 0, 0, 0.15);
	--bt-radius-card: 12px;
	--bt-radius-form: 16px;
	--bt-container: 1200px;
	--bt-gutter: 24px;
	--bt-section: 96px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--bt-bg);
	color: var(--bt-text);
	font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 18px;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

a:hover {
	color: var(--bt-pink);
}

:focus-visible {
	outline: 2px solid var(--bt-pink);
	outline-offset: 3px;
}

h1,
h2,
h3,
h4 {
	font-family: "Rubik", system-ui, sans-serif;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.03em;
	margin: 0 0 0.55em;
}

h1 {
	font-size: clamp(40px, 5vw, 64px);
}

h2 {
	font-size: clamp(28px, 3.5vw, 40px);
}

p {
	margin: 0 0 1em;
}

.container {
	width: min(var(--bt-container), calc(100% - 40px));
	margin-inline: auto;
}

.screen-reader-text,
.skip-link.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	position: fixed;
	z-index: 10000;
	top: 12px;
	left: 12px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 14px;
	clip: auto;
	background: var(--bt-text);
	color: #fff;
	border-radius: 999px;
}

.site-header {
	position: sticky;
	z-index: 100;
	top: 0;
	background: rgba(255, 255, 255, 0.86);
	backdrop-filter: blur(18px);
	border-bottom: 1px solid var(--bt-border);
}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 76px;
}

.site-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: "Rubik", sans-serif;
	font-size: 24px;
	font-weight: 900;
	text-decoration: none;
}

.site-brand__logo {
	width: 150px;
	max-height: 52px;
	object-fit: contain;
}

.site-brand__text,
.site-footer__wordmark {
	position: relative;
	display: inline-block;
	font-family: "Rubik", sans-serif;
	font-weight: 900;
}

.site-brand__text::after,
.site-footer__wordmark::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.05em;
	height: 0.25em;
	background: var(--bt-pink);
	opacity: 0.35;
	z-index: -1;
	transform: rotate(-1.5deg);
}

.primary-navigation {
	display: flex;
	align-items: center;
	gap: 18px;
}

.primary-menu,
.footer-menu {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.primary-menu a,
.footer-menu a {
	font-weight: 700;
	text-decoration: none;
}

.menu-toggle {
	display: none;
	border: 0;
	background: transparent;
	color: var(--bt-text);
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.menu-toggle__line {
	display: inline-block;
	width: 24px;
	height: 2px;
	margin-right: 8px;
	background: currentColor;
	box-shadow: 0 7px 0 currentColor, 0 -7px 0 currentColor;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 13px 24px;
	border-radius: 9999px;
	font-weight: 800;
	line-height: 1.1;
	text-decoration: none;
	border: 2px solid transparent;
	transition: transform 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.btn:hover {
	transform: translateY(-2px);
}

.btn--pink {
	background: var(--bt-pink);
	color: #fff;
}

.btn--pink:hover {
	background: var(--bt-text);
	color: #fff;
}

.btn--outline {
	background: #fff;
	border-color: var(--bt-text);
	color: var(--bt-text);
}

.btn--outline:hover {
	background: var(--bt-text);
	color: #fff;
}

.button-row,
.site-footer__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.site-main {
	min-height: 56vh;
	padding: var(--bt-section) 0;
}

.site-main--front,
.site-main--page,
.site-main--blog,
.site-main--single,
.site-main--legal {
	padding: 0;
}

.section {
	padding: var(--bt-section) 0;
	position: relative;
}

.section--hero {
	padding-top: clamp(36px, 6vw, 72px);
	padding-bottom: clamp(48px, 8vw, 96px);
	overflow: hidden;
}


/* ==========================================================================
   ZINE DESIGN SYSTEM (HERO)
   ========================================================================== */

:root {
	--color-zine-pink: #E8006F;
	--color-zine-blue: #2F6FED;
	--color-zine-ink: #111111;
	--color-zine-bg: #F5F4F2;
}

.zine-hero {
	background-color: var(--color-zine-bg);
	padding: 120px 0 100px;
	position: relative;
	overflow: hidden;
}

.zine-hero__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
	position: relative;
	z-index: 2;
}

.zine-hero__content {
	max-width: 600px;
}

/* Typography */
.zine-hero__title {
	font-family: var(--font-heading);
	font-size: clamp(42px, 5.5vw, 76px);
	font-weight: 900;
	line-height: 1.05;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	margin: 0 0 24px;
	letter-spacing: -0.02em;
}

.zine-highlight {
	display: inline-block;
	padding: 4px 16px;
	color: #fff;
	transform: rotate(-2deg);
	border: 3px solid var(--color-zine-ink);
	box-shadow: 6px 6px 0 var(--color-zine-ink);
	margin-top: 8px;
}

.zine-highlight--pink {
	background-color: var(--color-zine-pink);
}

.zine-highlight--blue {
	background-color: var(--color-zine-blue);
}

.zine-hero__subtitle {
	font-family: var(--font-body);
	font-size: clamp(18px, 2vw, 22px);
	line-height: 1.5;
	color: var(--color-zine-ink);
	margin-bottom: 40px;
}

/* Buttons & Actions */
.zine-hero__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.zine-btn {
	display: inline-block;
	font-family: var(--font-heading);
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
	padding: 18px 36px;
	color: #fff !important;
	border: 3px solid var(--color-zine-ink);
	box-shadow: 6px 6px 0 var(--color-zine-ink);
	transition: all 0.2s ease;
	transform: rotate(-1deg);
}

.zine-btn--pink {
	background-color: var(--color-zine-pink);
}

.zine-btn:hover {
	transform: translate(2px, 2px) rotate(-1deg);
	box-shadow: 4px 4px 0 var(--color-zine-ink);
	color: #fff !important;
}

.zine-hero__note {
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: var(--font-handwriting);
	font-size: 24px;
	font-weight: 800;
	color: var(--color-zine-ink);
	transform: rotate(2deg);
	margin-left: 20px;
}

.zine-doodle-arrow {
	width: 40px;
	height: 40px;
}

/* Badges & Tape */
.zine-hero__badge {
	display: inline-block;
	background: #fff;
	border: 2px solid var(--color-zine-ink);
	padding: 8px 16px;
	font-family: var(--font-heading);
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	position: relative;
	transform: rotate(-3deg);
	margin-bottom: 24px;
	box-shadow: 4px 4px 0 rgba(0,0,0,0.1);
}

.zine-tape {
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%) rotate(4deg);
	width: 40px;
	height: 20px;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(2px);
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Visual */
.zine-hero__visual {
	position: relative;
	width: 100%;
}

.zine-hero__img {
	width: 130%;
	max-width: none;
	height: auto;
	display: block;
	transform: translateX(-10%);
	filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15));
}

/* Torn Edge */
.zine-torn-edge {
	position: absolute;
	left: 0;
	right: 0;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 20' preserveAspectRatio='none'%3E%3Cpath d='M0,20 L0,0 Q15,15 30,0 T60,0 T90,0 T120,0 T150,0 T180,0 T210,0 T240,0 T270,0 T300,0 T330,0 T360,0 T390,0 T420,0 T450,0 T480,0 T510,0 T540,0 T570,0 T600,0 T630,0 T660,0 T690,0 T720,0 T750,0 T780,0 T810,0 T840,0 T870,0 T900,0 T930,0 T960,0 T990,0 T1020,0 T1050,0 T1080,0 T1110,0 T1140,0 T1170,0 T1200,0 L1200,20 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	z-index: 10;
}

.zine-torn-edge--bottom {
	bottom: -1px;
}

/* Responsive */
@media (max-width: 1024px) {
	.zine-hero__grid {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.zine-hero__content {
		margin: 0 auto;
	}
	.zine-hero__actions {
		align-items: center;
	}
	.zine-hero__note {
		margin-left: 0;
	}
	.zine-hero__img {
		width: 100%;
		transform: none;
	}
}



/* ==========================================================================
   MARQUEE DIVIDER
   ========================================================================== */

.zine-marquee-wrapper {
	position: relative;
	z-index: 20;
	margin-top: -30px;
	margin-bottom: 0;
	overflow: hidden;
}

.zine-marquee {
	background-color: var(--color-zine-pink);
	color: #ffffff;
	padding: 16px 0;
	display: flex;
	border-top: 4px solid var(--color-zine-ink);
	border-bottom: 4px solid var(--color-zine-ink);
	transform: none;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.zine-marquee__track {
	display: flex;
	width: max-content;
	animation: zine-marquee-scroll 25s linear infinite;
}

.zine-marquee__content {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.zine-marquee__content span {
	font-family: var(--font-heading);
	font-size: clamp(20px, 2.5vw, 28px);
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.zine-marquee__separator {
	margin: 0 24px;
	color: #ffffff;
	opacity: 0.6;
	font-weight: 400 !important;
}

@keyframes zine-marquee-scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-25%); }
}

/* ==========================================================================
   ZINE DESIGN SYSTEM (AUDIENCE)
   ========================================================================== */

.zine-audience {
	background-color: var(--color-zine-bg);
	padding: 80px 0 100px;
	position: relative;
}

.zine-section-title {
	font-family: var(--font-heading);
	font-size: clamp(36px, 4.5vw, 64px);
	font-weight: 900;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	margin-bottom: 24px;
	line-height: 1.1;
	letter-spacing: -0.02em;
}

.zine-section-intro {
	font-family: var(--font-body);
	font-size: clamp(18px, 2vw, 22px);
	line-height: 1.5;
	color: var(--color-zine-ink);
	max-width: 800px;
	margin-bottom: 60px;
}

.zine-audience-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.zine-card {
	background: #fff;
	border: 3px solid var(--color-zine-ink);
	padding: 30px 24px 24px;
	position: relative;
	box-shadow: 6px 6px 0 rgba(0,0,0,0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	display: flex;
	flex-direction: column;
}

.zine-card:hover {
	transform: translate(-2px, -2px);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.1);
}

.zine-card__tape {
	position: absolute;
	top: -12px;
	width: 50px;
	height: 24px;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(2px);
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.zine-card__tape--1 { left: 20px; transform: rotate(-5deg); }
.zine-card__tape--2 { right: 20px; transform: rotate(3deg); }
.zine-card__tape--3 { left: 50%; transform: translateX(-50%) rotate(-2deg); }
.zine-card__tape--4 { right: 30px; transform: rotate(6deg); }

.zine-card__title {
	font-family: var(--font-heading);
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 20px;
	border: 2px solid var(--color-zine-ink);
	box-shadow: -3px 3px 0 var(--color-zine-ink);
	align-self: flex-start;
}

.zine-card__title--pink {
	background-color: var(--color-zine-pink);
	transform: rotate(-1deg);
}

.zine-card__title--blue {
	background-color: var(--color-zine-blue);
	transform: rotate(1deg);
}

.zine-card__text {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.5;
	color: var(--color-zine-ink);
	margin-bottom: 24px;
	flex-grow: 1;
}

.zine-card__link {
	font-family: var(--font-heading);
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	align-self: flex-start;
}

.zine-card__link::after {
	content: '→';
	font-weight: 900;
	color: var(--color-zine-pink);
	transition: transform 0.2s ease;
}


.zine-card__link:hover::after {
	transform: translateX(4px);
}

/* Inline Markers */
.zine-marker {
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,20 Q20,5 50,15 T100,20 L100,80 Q80,95 50,85 T0,80 Z' fill='%23E8006F'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	color: #fff;
	padding: 4px 8px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	font-weight: 800;
	display: inline;
}

.zine-marker--blue {
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,20 Q20,5 50,15 T100,20 L100,80 Q80,95 50,85 T0,80 Z' fill='%232F6FED'/%3E%3C/svg%3E");
}

/* Fix potential overflow issues */
body, .site-main {
	overflow-x: hidden;
}

@media (max-width: 1200px) {
	.zine-audience-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.zine-audience-grid {
		grid-template-columns: 1fr;
	}
}

.section--tint {
	background: var(--bt-surface-tint);
}

.section--dark {
	background: var(--bt-dark);
	color: #fff;
}

.section--dark a {
	color: #fff;
}

.section--pink {
	background: var(--bt-pink);
	color: #fff;
}

.section-intro,
.geo-answer,
.section-note,
.cases-disclaimer {
	color: var(--bt-muted);
	max-width: 72ch;
}

.marker-underline {
	position: relative;
	display: inline-block;
	--marker-scale: 1;
}

.marker-underline::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.08em;
	height: 0.22em;
	background: var(--bt-pink);
	opacity: 0.35;
	transform: rotate(-1.5deg) scaleX(var(--marker-scale));
	transform-origin: left center;
	z-index: -1;
}

.paper-card {
	position: relative;
	padding: 24px;
	background: #fff;
	border: 1px solid var(--bt-border);
	border-radius: var(--bt-radius-card);
	box-shadow: var(--bt-shadow-card);
}

.paper-card--new {
	background: #fff;
}

.paper-card--muted {
	background: #fafafa;
}

.hero-collage__grid,
.course-hero__grid,
.author-page-hero__grid,
.lesson-hero__grid,
.author-block__grid,
.factory-story__grid,
.final-cta__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
	gap: clamp(24px, 4vw, 48px);
	align-items: center;
}

.hero-collage__subtitle {
	font-size: clamp(17px, 2vw, 20px);
	max-width: 42ch;
	color: var(--bt-muted);
	margin: 0 0 8px;
}

.hero-collage__stickers,
.credentials-stickers {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.course-hero__visual,
.lesson-hero__visual {
	position: relative;
	min-height: 320px;
}

.hero-collage__author {
	position: relative;
	z-index: 30;
	max-width: 280px;
}

.hero-collage__stack {
	position: absolute;
	right: 0;
	top: 12%;
	width: min(100%, 420px);
}

.motion-collage-layer {
	display: block;
	border-radius: 10px;
	box-shadow: var(--bt-shadow-shot);
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.motion-collage-layer--dzen,
.factory-story__shot,
.course-hero__shot {
	position: absolute;
	right: 8%;
	top: 28%;
	width: 78%;
	transform: rotate(6deg);
}

.motion-tape {
	display: block;
	width: 72px;
	height: 22px;
	background: var(--bt-tape);
	border: 1px solid rgba(0, 0, 0, 0.06);
	transform: rotate(-4deg);
}

.motion-tape--hero {
	position: absolute;
	top: 10px;
	left: 18%;
	z-index: 40;
}

.audience-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--bt-gutter);
	margin-top: 28px;
}

.audience-grid--compact {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.audience-card h3,
.audience-card h4 {
	font-size: 22px;
}

.audience-card__link {
	font-weight: 800;
	text-decoration: none;
}

.old-new-section,
.zine-compare {
	background: #fdf2f6;
	padding-block: clamp(48px, 6vw, 88px);
	overflow: hidden;
}

.zine-compare__inner {
	position: relative;
}

/* Header */
.zine-compare__header {
	text-align: center;
	margin-bottom: 28px;
}

.zine-compare__badge {
	display: inline-block;
	background: var(--color-zine-ink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(11px, 2vw, 13px);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 6px 18px;
	border-radius: 4px;
	transform: rotate(-1deg);
	box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}

.zine-compare__title-block {
	position: relative;
	margin-top: 20px;
	padding-inline: clamp(8px, 4vw, 80px);
}

.zine-compare__title {
	font-family: "Rubik", sans-serif;
	font-size: clamp(22px, 4.5vw, 42px);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	margin: 0 0 12px;
	letter-spacing: -0.02em;
}

.zine-compare__vs {
	color: var(--color-zine-pink);
}

.zine-compare__brushline {
	margin: 0 auto 0;
	max-width: 520px;
}

.zine-compare__brushline-text {
	display: inline-block;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(18px, 3.5vw, 32px);
	font-weight: 900;
	text-transform: uppercase;
	padding: 8px 20px;
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,20 Q20,5 50,15 T100,20 L100,80 Q80,95 50,85 T0,80 Z' fill='%23E8006F'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	line-height: 1.2;
}

.zine-compare__doodle-arrow {
	position: absolute;
	left: 0;
	top: 10px;
	width: clamp(48px, 10vw, 90px);
	height: auto;
	opacity: 0.9;
}

.zine-compare__bubble {
	position: absolute;
	right: 0;
	top: 0;
	width: clamp(120px, 22vw, 180px);
	padding: 14px 16px;
	border: 3px solid var(--color-zine-pink);
	border-radius: 50%;
	background: #fff;
	font-family: "Caveat", cursive;
	font-size: clamp(14px, 2.5vw, 18px);
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-zine-ink);
	text-align: center;
	transform: rotate(6deg);
	box-shadow: 4px 4px 0 rgba(232, 0, 111, 0.15);
}

.zine-compare__bubble strong {
	color: var(--color-zine-pink);
	font-weight: 700;
}

.zine-compare__bubble p {
	margin: 0;
}

.zine-compare__spark {
	position: absolute;
	width: 36px;
	height: 36px;
}

.zine-compare__spark--left {
	left: 8%;
	top: -8px;
}

.zine-compare__spark--right {
	right: 12%;
	top: 40px;
}

/* Intro */
.zine-compare__intro {
	max-width: 780px;
	margin: 0 auto 36px;
	text-align: center;
	font-size: clamp(15px, 2.2vw, 18px);
	line-height: 1.55;
	color: var(--bt-muted);
}

.zine-compare__underline {
	position: relative;
	font-weight: 600;
	color: var(--color-zine-ink);
}

.zine-compare__underline::after {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	bottom: 0;
	height: 8px;
	background: var(--color-zine-pink);
	opacity: 0.35;
	transform: rotate(-1deg);
	z-index: -1;
	border-radius: 2px;
}

/* Cards grid */
.zine-compare__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
	gap: 12px 8px;
	align-items: center;
	margin-bottom: 32px;
}

.zine-compare-card {
	position: relative;
	padding-top: 28px;
}

.zine-compare-card__icon {
	position: absolute;
	top: 0;
	width: clamp(56px, 10vw, 80px);
	height: clamp(56px, 10vw, 80px);
	z-index: 2;
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.12));
}

.zine-compare-card__icon svg {
	width: 100%;
	height: 100%;
}

.zine-compare-card__icon--old {
	left: 8px;
}

.zine-compare-card__icon--new {
	right: 8px;
}

.zine-compare-card__body {
	width: 100%;
	background: #fff;
	border: 3px solid var(--color-zine-ink);
	border-radius: 16px;
	padding: 28px 20px 22px;
	box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.08);
}

.zine-compare-card__label {
	display: inline-block;
	margin: -42px auto 18px;
	padding: 8px 16px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(13px, 2.2vw, 16px);
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid var(--color-zine-ink);
	box-shadow: -3px 3px 0 var(--color-zine-ink);
	transform: rotate(-1deg);
}

.zine-compare-card__label--old {
	background: var(--color-zine-ink);
}

@media (min-width: 901px) {
	.zine-compare-card--old .zine-compare-card__label {
		transform: rotate(-1deg) translateX(32px);
	}
}

.zine-compare-card__label--new {
	background: var(--color-zine-blue);
}

.zine-compare-card__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.zine-compare-card__list li {
	position: relative;
	padding-left: 32px;
	font-size: clamp(14px, 2vw, 16px);
	line-height: 1.45;
	color: var(--color-zine-ink);
}

.zine-compare-card__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--color-zine-pink);
	border: 2px solid var(--color-zine-ink);
	box-shadow: -2px 2px 0 var(--color-zine-ink);
}

.zine-compare-card__list li::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 8px;
	width: 6px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(45deg);
}

.zine-compare-card__list--blue li::before {
	background: var(--color-zine-blue);
}

.zine-compare__arrow {
	width: 56px;
	height: 40px;
	justify-self: center;
}

/* Footer CTA */
.zine-compare__footer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	max-width: 820px;
	margin: 0 auto;
	padding: 16px 20px 16px 56px;
	background: var(--color-zine-ink);
	border-radius: 999px;
	box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.12);
}

.zine-compare__footer-icon {
	position: absolute;
	left: 8px;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
}

.zine-compare__footer-icon svg {
	width: 100%;
	height: 100%;
}

.zine-compare__footer-text {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-size: clamp(12px, 2.5vw, 18px);
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.3;
	text-align: center;
}

.zine-compare__footer-accent {
	color: var(--color-zine-pink);
}

.zine-compare__spark--footer {
	position: absolute;
	right: -12px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
}

@media (max-width: 900px) {
	.zine-compare__bubble {
		position: static;
		margin: 16px auto 0;
		transform: rotate(2deg);
	}

	.zine-compare__doodle-arrow {
		display: none;
	}

	.zine-compare__spark--right {
		display: none;
	}

	.zine-compare__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.zine-compare__arrow {
		width: 40px;
		height: 56px;
		transform: rotate(90deg);
		margin: 0 auto;
	}

	.zine-compare-card__icon--new {
		right: 8px;
		left: auto;
	}

	.zine-compare__footer {
		flex-direction: column;
		padding: 20px 16px 16px;
		border-radius: 20px;
		text-align: center;
	}

	.zine-compare__footer-icon {
		position: static;
		margin-bottom: 8px;
	}

	.zine-compare__spark--footer {
		display: none;
	}
}

@media (max-width: 480px) {
	.zine-compare__title-block {
		padding-inline: 0;
	}

	.zine-compare__spark--left {
		display: none;
	}

	.zine-compare-card__body {
		padding: 24px 16px 18px;
	}
}

.old-new-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	margin-top: 28px;
}

.old-new-arrow {
	width: 80px;
	height: 40px;
}

.product-featured {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(180px, 0.8fr);
	gap: 24px;
	align-items: center;
	margin: 28px 0;
}

.product-featured__thumb img {
	max-width: 180px;
	margin-inline: auto;
}

/* Lineup section */
.zine-lineup {
	background: #fff;
	padding-block: clamp(56px, 7vw, 96px);
}

.zine-lineup__header {
	text-align: center;
	margin-bottom: clamp(28px, 4vw, 44px);
}

.zine-lineup__badge {
	display: inline-block;
	background: var(--color-zine-ink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(11px, 1.8vw, 13px);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 6px 18px;
	border-radius: 999px;
}

.zine-lineup__title-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 18px 0 14px;
	padding-inline: clamp(40px, 8vw, 90px);
}

.zine-lineup__brand {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-size: clamp(42px, 8vw, 72px);
	font-weight: 900;
	line-height: 1;
	color: var(--color-zine-pink);
	letter-spacing: -0.03em;
}

.zine-lineup__arrow {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-40%);
	width: clamp(56px, 10vw, 90px);
	height: auto;
}

.zine-lineup__spark {
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 36px;
}

.zine-lineup__intro {
	max-width: 700px;
	margin: 0 auto;
	font-size: clamp(15px, 2.2vw, 18px);
	line-height: 1.55;
	color: var(--bt-muted);
}

.zine-lineup__underline {
	position: relative;
	font-weight: 600;
	color: var(--color-zine-ink);
}

.zine-lineup__underline::after {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	bottom: 0;
	height: 8px;
	background: var(--color-zine-pink);
	opacity: 0.35;
	transform: rotate(-1deg);
	z-index: -1;
	border-radius: 2px;
}

.zine-lineup__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(12px, 2vw, 20px);
	margin-bottom: clamp(32px, 5vw, 48px);
}

.zine-lineup-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: 20px 14px 18px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(0, 0, 0, 0.04);
	min-height: 100%;
}

.zine-lineup-card__icon {
	position: relative;
	width: 88px;
	height: 88px;
	margin-bottom: 14px;
	display: grid;
	place-items: center;
}

.zine-lineup-card__blob {
	position: absolute;
	inset: 8px 4px 4px 8px;
	border-radius: 42% 58% 55% 45% / 48% 42% 58% 52%;
	transform: rotate(-8deg);
}

.zine-lineup-card__icon--pink .zine-lineup-card__blob {
	background: var(--color-zine-pink);
	opacity: 0.92;
}

.zine-lineup-card__icon--blue .zine-lineup-card__blob {
	background: var(--color-zine-blue);
	opacity: 0.92;
}

.zine-lineup-card__icon > svg:not(.zine-lineup-card__spark) {
	position: relative;
	z-index: 1;
	width: 52px;
	height: 52px;
}

.zine-lineup-card__spark {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 22px;
	height: 22px;
	z-index: 2;
}

.zine-lineup-card__title {
	margin: 0 0 10px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(14px, 1.8vw, 17px);
	font-weight: 800;
	line-height: 1.25;
	color: var(--color-zine-ink);
}

.zine-lineup-card__text {
	margin: 0 0 16px;
	font-size: clamp(12px, 1.6vw, 14px);
	line-height: 1.45;
	color: var(--bt-muted);
	flex-grow: 1;
}

.zine-lineup-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px 18px;
	border-radius: 999px;
	background: var(--color-zine-pink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	border: 2px solid var(--color-zine-ink);
	box-shadow: 3px 3px 0 var(--color-zine-ink);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zine-lineup-card__btn:hover {
	color: #fff;
	transform: translate(2px, 2px);
	box-shadow: 1px 1px 0 var(--color-zine-ink);
}

.zine-lineup__footer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	max-width: 900px;
	margin: 0 auto;
	padding-inline: clamp(20px, 6vw, 80px);
}

.zine-lineup__cta-wrap {
	text-align: center;
}

.zine-lineup__cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 12px 20px;
	background: var(--color-zine-ink);
	color: #fff;
	border-radius: 999px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(11px, 2vw, 15px);
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.2;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.12);
}

.zine-lineup__cta-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	padding: 4px 8px;
	border-radius: 8px;
	background: var(--color-zine-pink);
	color: #fff;
	font-size: clamp(14px, 2.5vw, 18px);
}

.zine-lineup__cta-sub {
	margin: 10px 0 0;
	font-size: clamp(13px, 2vw, 15px);
	color: var(--bt-muted);
}

.zine-lineup__footer-arrow {
	width: clamp(56px, 12vw, 100px);
	height: auto;
	flex-shrink: 0;
}

@media (max-width: 1100px) {
	.zine-lineup__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.zine-lineup__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zine-lineup__arrow,
	.zine-lineup__spark,
	.zine-lineup__footer-arrow {
		display: none;
	}

	.zine-lineup__title-wrap {
		padding-inline: 0;
	}
}

@media (max-width: 520px) {
	.zine-lineup__grid {
		grid-template-columns: 1fr;
		max-width: 360px;
		margin-inline: auto;
	}
}

.product-backlog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 18px;
}

.product-backlog-card h4 {
	font-size: 20px;
}

.cases-collage__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(200px, 0.8fr);
	gap: 28px;
	align-items: center;
	margin-top: 28px;
}

/* Cases / proof section */
.zine-cases {
	background: #fdf2f6;
	padding-block: clamp(56px, 7vw, 96px);
}

.zine-cases__header {
	text-align: center;
	margin-bottom: 20px;
}

.zine-cases__badge {
	display: inline-block;
	background: var(--color-zine-ink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(11px, 2vw, 13px);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 6px 18px;
	border-radius: 4px;
	transform: rotate(-1deg);
	box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}

.zine-cases__title-block {
	position: relative;
	margin-top: 20px;
	padding-inline: clamp(8px, 4vw, 80px);
}

.zine-cases__title {
	font-family: "Rubik", sans-serif;
	font-size: clamp(22px, 4.5vw, 42px);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	margin: 0 0 12px;
	letter-spacing: -0.02em;
}

.zine-cases__accent {
	color: var(--color-zine-pink);
}

.zine-cases__brushline {
	margin: 0 auto;
	max-width: 560px;
}

.zine-cases__brushline-text {
	display: inline-block;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(16px, 3.2vw, 28px);
	font-weight: 900;
	text-transform: uppercase;
	padding: 8px 20px;
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,20 Q20,5 50,15 T100,20 L100,80 Q80,95 50,85 T0,80 Z' fill='%23E8006F'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	line-height: 1.2;
}

.zine-cases__doodle-arrow {
	position: absolute;
	left: 0;
	top: 10px;
	width: clamp(48px, 10vw, 90px);
	height: auto;
	opacity: 0.9;
}

.zine-cases__bubble {
	position: absolute;
	right: 0;
	top: 0;
	width: clamp(120px, 22vw, 180px);
	padding: 14px 16px;
	border: 3px solid var(--color-zine-pink);
	border-radius: 50%;
	background: #fff;
	font-family: "Caveat", cursive;
	font-size: clamp(14px, 2.5vw, 18px);
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-zine-ink);
	text-align: center;
	transform: rotate(6deg);
	box-shadow: 4px 4px 0 rgba(232, 0, 111, 0.15);
}

.zine-cases__bubble strong {
	color: var(--color-zine-pink);
	font-weight: 700;
}

.zine-cases__bubble p {
	margin: 0;
}

.zine-cases__spark {
	position: absolute;
	width: 36px;
	height: 36px;
}

.zine-cases__spark--left {
	left: 8%;
	top: -8px;
}

.zine-cases__spark--right {
	right: 12%;
	top: 40px;
}

.zine-cases__intro {
	max-width: 780px;
	margin: 0 auto clamp(28px, 4vw, 40px);
	text-align: center;
	font-size: clamp(15px, 2.2vw, 18px);
	line-height: 1.55;
	color: var(--bt-muted);
}

.zine-cases__underline {
	position: relative;
	font-weight: 600;
	color: var(--color-zine-ink);
}

.zine-cases__underline::after {
	content: "";
	position: absolute;
	left: -2px;
	right: -2px;
	bottom: 0;
	height: 8px;
	background: var(--color-zine-pink);
	opacity: 0.35;
	transform: rotate(-1deg);
	z-index: -1;
	border-radius: 2px;
}

@media (max-width: 900px) {
	.zine-cases__bubble {
		position: static;
		margin: 16px auto 0;
		transform: rotate(2deg);
	}

	.zine-cases__doodle-arrow,
	.zine-cases__spark--right {
		display: none;
	}

	.zine-cases__title-block {
		padding-inline: 0;
	}
}

@media (max-width: 480px) {
	.zine-cases__spark--left {
		display: none;
	}
}

.zine-cases__gallery {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(20px, 3vw, 28px);
	max-width: 860px;
	margin: 0 auto;
}

.zine-cases__item {
	width: 100%;
	margin: 0;
	padding: 16px;
	background: #fff;
	border: 3px solid var(--color-zine-ink);
	border-radius: 16px;
	box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.08);
	transform: none;
	text-align: center;
}

.zine-cases__item:nth-child(2) {
	transform: none;
}

.zine-cases__item:nth-child(3) {
	transform: none;
}

.zine-cases__media {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.zine-cases__media img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 8px;
}

.zine-cases__item figcaption {
	margin-top: 14px;
	font-size: clamp(14px, 2vw, 16px);
	line-height: 1.45;
	color: var(--bt-muted);
	text-align: center;
}

.zine-cases__disclaimer {
	max-width: 700px;
	margin: clamp(24px, 4vw, 36px) auto 0;
	text-align: center;
	font-size: 14px;
	color: var(--bt-muted);
}

.cases-collage__scatter {
	display: grid;
	gap: 18px;
}

.cases-collage__scatter--inline {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cases-collage__item {
	margin: 0;
	transform: rotate(-2deg);
}

.cases-collage__item:nth-child(2) {
	transform: rotate(3deg);
}

.cases-collage__item:nth-child(3) {
	transform: rotate(-1deg);
}

.cases-collage__item figcaption {
	margin-top: 12px;
	font-size: 15px;
	color: var(--bt-muted);
}

.motion-factory-fallback__img {
	max-width: 220px;
	margin-inline: auto;
	display: block;
}

/* Course program section */
.zine-course {
	background: #f5f4f2;
	padding-block: clamp(64px, 8vw, 108px);
	overflow: hidden;
}

.zine-course__inner {
	position: relative;
	max-width: 1120px;
}

.zine-course__header {
	position: relative;
	text-align: center;
	margin-bottom: clamp(32px, 4.5vw, 48px);
	padding-top: 52px;
}

.zine-course__badge-wrap {
	position: absolute;
	left: clamp(0px, 2vw, 24px);
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.zine-course__badge {
	display: inline-block;
	background: var(--color-zine-ink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(11px, 1.6vw, 13px);
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 7px 18px;
	border-radius: 6px;
	transform: rotate(-3deg);
	box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18);
}

.zine-course__badge-arrow {
	width: clamp(52px, 8vw, 78px);
	height: auto;
	margin: 4px 0 0 8px;
}

.zine-course__title-block {
	position: relative;
	margin: 0 auto;
	padding-inline: clamp(16px, 8vw, 120px);
	max-width: 920px;
}

.zine-course__title {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-weight: 900;
	line-height: 1.05;
	color: var(--color-zine-ink);
}

.zine-course__title-line {
	display: block;
	font-size: clamp(26px, 4.8vw, 48px);
	margin-bottom: 6px;
}

.zine-course__title-accent {
	display: block;
	font-size: clamp(30px, 6.2vw, 64px);
	color: var(--color-zine-pink);
	text-transform: uppercase;
	letter-spacing: -0.02em;
}

.zine-course__spark {
	position: absolute;
	width: 40px;
	height: 40px;
}

.zine-course__spark--left {
	left: 6%;
	top: 4px;
}

.zine-course__spark--right {
	right: 8%;
	top: 42px;
}

.zine-course__bubble {
	position: absolute;
	right: 0;
	top: -6px;
	width: clamp(132px, 20vw, 188px);
	padding: 14px 16px;
	border: 3px solid var(--color-zine-pink);
	border-radius: 50%;
	background: #fff;
	font-family: "Caveat", cursive;
	font-size: clamp(15px, 2.4vw, 19px);
	font-weight: 700;
	line-height: 1.15;
	color: var(--color-zine-ink);
	text-align: center;
	transform: rotate(6deg);
	box-shadow: 4px 4px 0 rgba(232, 0, 111, 0.12);
}

.zine-course__bubble strong {
	color: var(--color-zine-pink);
}

.zine-course__bubble p {
	margin: 0;
}

.zine-course__bubble-scribble {
	position: absolute;
	right: 18%;
	top: 92px;
	width: 56px;
	height: auto;
}

.zine-course__intro {
	max-width: 820px;
	margin: 20px auto 0;
	font-size: clamp(15px, 2.2vw, 18px);
	line-height: 1.55;
	color: var(--bt-muted);
}

.zine-course__intro p {
	margin: 0 0 6px;
}

.zine-course__intro p:last-child {
	margin-bottom: 0;
}

.zine-course__link-mark {
	position: relative;
	font-weight: 700;
	color: var(--color-zine-ink);
}

.zine-course__link-mark::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: var(--color-zine-blue);
	transform: rotate(-1deg);
}

.zine-course__price-old {
	position: relative;
	color: var(--color-zine-ink);
	font-weight: 700;
}

.zine-course__price-old::after {
	content: "";
	position: absolute;
	left: -3px;
	right: -3px;
	top: 52%;
	height: 4px;
	background: var(--color-zine-blue);
	transform: rotate(-5deg);
}

.zine-course__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(18px, 2.8vw, 28px);
	margin-bottom: clamp(36px, 5vw, 52px);
}

.zine-course-module {
	position: relative;
	min-height: 128px;
	padding-left: 22px;
}

.zine-course-module__frame {
	position: absolute;
	inset: 0;
	left: 22px;
	width: calc(100% - 22px);
	height: 100%;
	pointer-events: none;
}

.zine-course-module__num {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: var(--color-zine-pink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 20px;
	font-weight: 900;
	border-radius: 12px;
	transform: translateY(-50%);
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.12);
}

.zine-course-module__body {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 76px 1fr;
	gap: 10px 18px;
	align-items: center;
	min-height: 128px;
	padding: 20px 26px 20px 34px;
	margin-left: 22px;
}

.zine-course-module__icon {
	display: grid;
	place-items: center;
	width: 76px;
	height: 76px;
	flex-shrink: 0;
}

.zine-course-module__icon svg {
	width: 72px;
	height: 72px;
	display: block;
}

.zine-course-module__title {
	margin: 0 0 8px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(16px, 2.1vw, 20px);
	font-weight: 800;
	line-height: 1.2;
	color: var(--color-zine-ink);
	text-decoration: underline;
	text-decoration-color: rgba(17, 17, 17, 0.18);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.zine-course-module__title--blue {
	text-decoration: none;
	display: inline;
	box-decoration-break: clone;
	background: linear-gradient(transparent 58%, rgba(47, 111, 237, 0.34) 58%);
}

.zine-course-module__copy p {
	margin: 0;
	font-size: clamp(13px, 1.8vw, 15px);
	line-height: 1.45;
	color: var(--bt-muted);
}

.zine-course__cta-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8px, 2vw, 18px);
	margin-bottom: clamp(40px, 5vw, 56px);
}

.zine-course__cta-frame {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 18px;
}

.zine-course__cta-ring {
	position: absolute;
	inset: -6px -10px;
	width: calc(100% + 20px);
	height: calc(100% + 12px);
	pointer-events: none;
}

.zine-course__cta {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 34px;
	background: var(--color-zine-ink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(12px, 1.8vw, 16px);
	font-weight: 800;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 999px;
	border: 3px solid var(--color-zine-ink);
	box-shadow: inset 0 0 0 2px #fff, 0 8px 0 var(--color-zine-ink);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	white-space: nowrap;
}

.zine-course__cta:hover {
	color: #fff;
	transform: translateY(3px);
	box-shadow: inset 0 0 0 2px #fff, 0 5px 0 var(--color-zine-ink);
}

.zine-course__cta-arrow {
	width: clamp(64px, 10vw, 96px);
	height: auto;
	flex-shrink: 0;
	align-self: center;
}

.zine-course__cta-arrow--right {
	transform: scaleX(-1);
}

.zine-course__trust {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(14px, 2.2vw, 24px);
	padding-bottom: 20px;
}

.zine-course__trust-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 12px;
}

.zine-course__trust-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2.5px solid var(--color-zine-ink);
	flex-shrink: 0;
}

.zine-course__trust-icon svg {
	width: 24px;
	height: 24px;
}

.zine-course__trust-icon--pink {
	background: var(--color-zine-pink);
}

.zine-course__trust-icon--blue {
	background: var(--color-zine-blue);
}

.zine-course__trust-item p {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-size: clamp(10px, 1.4vw, 12px);
	font-weight: 800;
	line-height: 1.35;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	letter-spacing: 0.02em;
}

@media (max-width: 900px) {
	.zine-course__bubble,
	.zine-course__bubble-scribble,
	.zine-course__badge-wrap,
	.zine-course__cta-arrow,
	.zine-course__spark {
		display: none;
	}

	.zine-course__header {
		padding-top: 0;
	}

	.zine-course__title-block {
		padding-inline: 0;
	}

	.zine-course__trust {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.zine-course__grid {
		grid-template-columns: 1fr;
	}

	.zine-course-module {
		padding-left: 18px;
	}

	.zine-course-module__frame {
		left: 18px;
		width: calc(100% - 18px);
	}

	.zine-course-module__num {
		width: 36px;
		height: 36px;
		font-size: 17px;
		border-radius: 10px;
	}

	.zine-course-module__body {
		grid-template-columns: 60px 1fr;
		padding: 16px 18px 16px 28px;
		margin-left: 18px;
		min-height: 112px;
	}

	.zine-course-module__icon {
		width: 60px;
		height: 60px;
	}

	.zine-course-module__icon svg {
		width: 56px;
		height: 56px;
	}

	.zine-course__cta {
		white-space: normal;
		text-align: center;
		padding: 14px 22px;
	}

	.zine-course__trust {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.zine-course__bubble {
		position: static;
		display: block;
		margin: 14px auto 0;
		transform: rotate(2deg);
	}
}

/* Author section */
.zine-author {
	background: #f5f4f2;
	padding-block: clamp(56px, 8vw, 96px);
	overflow: hidden;
}

.zine-author__inner {
	position: relative;
	max-width: 1180px;
}

.zine-author__dots {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(420px, 70%);
	height: 120px;
	background-image: radial-gradient(circle, rgba(232, 0, 111, 0.22) 1.5px, transparent 1.5px);
	background-size: 18px 18px;
	opacity: 0.55;
	pointer-events: none;
}

.zine-author__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(240px, 0.92fr);
	gap: clamp(20px, 4vw, 40px);
	align-items: center;
}

.zine-author__content {
	padding-bottom: 8px;
}

.zine-author__ai-badge {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 22px;
}

.zine-author__ai-num {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: var(--color-zine-pink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 18px;
	font-weight: 900;
	border-radius: 12px;
	flex-shrink: 0;
}

.zine-author__ai-num svg {
	width: 16px;
	height: 16px;
}

.zine-author__ai-title {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-size: clamp(11px, 1.6vw, 13px);
	font-weight: 800;
	text-transform: uppercase;
	color: var(--color-zine-ink);
	line-height: 1.25;
}

.zine-author__ai-sub {
	margin: 2px 0 0;
	font-size: clamp(12px, 1.8vw, 14px);
	color: var(--bt-muted);
}

.zine-author__title {
	margin: 0 0 16px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(28px, 4.8vw, 48px);
	font-weight: 900;
	line-height: 1.05;
	color: var(--color-zine-ink);
}

.zine-author__title-line,
.zine-author__title-accent {
	display: block;
}

.zine-author__title-accent {
	color: var(--color-zine-pink);
}

.zine-author__bio {
	margin: 0 0 24px;
	font-size: clamp(15px, 2vw, 17px);
	line-height: 1.55;
	color: var(--bt-muted);
	max-width: 54ch;
}

.zine-author__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(10px, 2vw, 18px);
	margin-bottom: 28px;
}

.zine-author-stat {
	text-align: left;
}

.zine-author-stat__icon {
	display: inline-grid;
	place-items: center;
	width: 40px;
	height: 40px;
	margin-bottom: 8px;
	color: var(--color-zine-pink);
}

.zine-author-stat__icon svg {
	width: 32px;
	height: 32px;
}

.zine-author-stat__num {
	display: block;
	margin-bottom: 4px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 900;
	color: var(--color-zine-pink);
	line-height: 1;
}

.zine-author-stat p {
	margin: 0;
	font-size: clamp(10px, 1.4vw, 12px);
	line-height: 1.35;
	color: var(--bt-muted);
}

.zine-author__cta {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: min(100%, 420px);
	padding: 14px 14px 14px 24px;
	background: var(--color-zine-pink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(14px, 2vw, 17px);
	font-weight: 700;
	text-decoration: none;
	border-radius: 999px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zine-author__cta:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(232, 0, 111, 0.28);
}

.zine-author__cta-arrow {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	background: #fff;
	border-radius: 50%;
	flex-shrink: 0;
}

.zine-author__cta-arrow svg {
	width: 18px;
	height: 18px;
	color: var(--color-zine-pink);
}

.zine-author__visual {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 0;
	max-height: min(65vh, 560px);
	padding-bottom: 4px;
}

.zine-author__brush {
	position: absolute;
	left: 2%;
	top: 18%;
	width: 82%;
	height: 58%;
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10,90 C30,20 80,10 120,35 C160,55 185,40 195,70 C200,85 170,100 120,95 C70,90 30,110 10,90 Z' fill='%23E8006F' opacity='0.88'/%3E%3Cpath d='M25,85 C45,35 85,25 115,45 C145,60 165,50 175,72' fill='none' stroke='%23ff4d9a' stroke-width='8' opacity='0.35'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transform: rotate(-14deg);
	z-index: 0;
}

.zine-author__portrait {
	position: relative;
	z-index: 1;
	width: auto;
	max-width: min(100%, 325px);
	max-height: min(63vh, 526px);
	height: auto;
	margin: 0 auto;
	display: block;
	object-fit: contain;
	object-position: bottom center;
	image-rendering: auto;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.08));
}

.zine-author__bubble {
	position: absolute;
	left: -6%;
	top: 6%;
	z-index: 3;
	width: clamp(130px, 22vw, 180px);
	padding: 14px 16px;
	border: 3px solid var(--color-zine-pink);
	border-radius: 50%;
	background: #fff;
	font-family: "Caveat", cursive;
	font-size: clamp(14px, 2.2vw, 17px);
	font-weight: 700;
	line-height: 1.15;
	color: var(--color-zine-ink);
	text-align: center;
	transform: rotate(-4deg);
	box-shadow: 4px 4px 0 rgba(232, 0, 111, 0.15);
}

.zine-author__bubble strong {
	color: var(--color-zine-pink);
}

.zine-author__bubble p {
	margin: 0;
}

.zine-author__bubble-scribble {
	position: absolute;
	left: 6%;
	top: 22%;
	z-index: 3;
	width: 56px;
	height: auto;
}

.zine-author__spark {
	position: absolute;
	right: 10%;
	top: 2%;
	z-index: 2;
	width: 36px;
	height: auto;
}

.zine-author__scribble {
	position: absolute;
	z-index: 2;
	pointer-events: none;
}

.zine-author__scribble--1 {
	right: 4%;
	top: 38%;
	width: 72px;
}

.zine-author__scribble--2 {
	left: 10%;
	bottom: 28%;
	width: 48px;
	transform: rotate(12deg);
}

.zine-author__roles {
	position: absolute;
	left: 0;
	bottom: 32%;
	z-index: 3;
	padding: 10px 14px 10px 12px;
	background: #111;
	border-radius: 4px;
	transform: rotate(-2deg);
	box-shadow: 4px 6px 0 rgba(232, 0, 111, 0.25);
}

.zine-author__roles ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.zine-author__roles li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 6px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(11px, 1.6vw, 13px);
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.03em;
}

.zine-author__roles li:last-child {
	margin-bottom: 0;
}

.zine-author__roles li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--color-zine-pink);
	font-weight: 900;
}

.zine-author__curve-arrow {
	position: absolute;
	right: 0;
	bottom: 22%;
	z-index: 2;
	width: 68px;
	height: auto;
}

.zine-author__cards {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 4%;
	z-index: 4;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	transform: scale(0.92);
	transform-origin: bottom right;
}

.zine-author-card {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 10px;
	align-items: start;
	padding: 14px 12px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(17, 17, 17, 0.08);
}

.zine-author-card__icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	background: var(--color-zine-pink);
	border-radius: 12px;
}

.zine-author-card__icon svg {
	width: 24px;
	height: 24px;
}

.zine-author-card h3 {
	margin: 0 0 4px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(13px, 1.8vw, 15px);
	font-weight: 800;
	color: var(--color-zine-ink);
}

.zine-author-card p {
	margin: 0;
	font-size: clamp(11px, 1.5vw, 12px);
	line-height: 1.35;
	color: var(--bt-muted);
}

@media (min-width: 1025px) {
	.zine-author__layout {
		gap: clamp(16px, 3vw, 32px);
	}

	.zine-author__visual {
		transform: scale(1.12);
		transform-origin: center bottom;
	}
}

@media (max-width: 1024px) {
	.zine-author__layout {
		grid-template-columns: 1fr;
	}

	.zine-author__visual {
		max-height: min(50vh, 420px);
		order: -1;
		justify-content: flex-end;
		align-items: flex-end;
		padding-right: 0;
		overflow: visible;
	}

	.zine-author__portrait {
		max-width: min(72%, 290px);
		max-height: min(48vh, 400px);
		margin-left: auto;
		margin-right: -2%;
		object-position: bottom right;
	}

	.zine-author__brush {
		left: 14%;
		width: 72%;
	}

	.zine-author__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zine-author__bubble {
		left: 4%;
		top: 4%;
	}

	.zine-author__cards {
		left: 0;
		right: auto;
		width: min(56%, 230px);
		bottom: 10%;
		transform: scale(0.9);
		transform-origin: bottom left;
	}
}

@media (max-width: 640px) {
	.zine-author__stats {
		grid-template-columns: 1fr 1fr;
	}

	.zine-author__visual {
		max-height: min(46vh, 380px);
		min-height: 300px;
		padding-bottom: 0;
	}

	.zine-author__portrait {
		max-width: min(70%, 250px);
		max-height: 360px;
		margin-right: -4%;
	}

	.zine-author__cards {
		position: absolute;
		grid-template-columns: 1fr;
		left: 0;
		right: auto;
		width: min(54%, 190px);
		bottom: 12%;
		margin-top: 0;
		transform: scale(0.86);
		transform-origin: bottom left;
	}

	.zine-author__roles {
		bottom: 42%;
	}
}

@media (max-width: 900px) {
	.zine-author__bubble,
	.zine-author__roles,
	.zine-author__curve-arrow,
	.zine-author__scribble,
	.zine-author__spark,
	.zine-author__bubble-scribble {
		display: none;
	}
}

/* Channels CTA */
.zine-channels {
	position: relative;
	background: #111;
	color: #fff;
	padding-block: clamp(64px, 8vw, 96px);
	overflow: hidden;
}

.zine-channels__grain {
	position: absolute;
	top: 50%;
	width: min(340px, 42vw);
	height: min(520px, 75vh);
	transform: translateY(-50%);
	pointer-events: none;
	background:
		radial-gradient(ellipse at center, rgba(232, 0, 111, 0.38) 0%, rgba(232, 0, 111, 0.12) 42%, transparent 72%),
		radial-gradient(circle, rgba(232, 0, 111, 0.5) 1.4px, transparent 1.4px);
	background-size: 100% 100%, 14px 14px;
	opacity: 0.55;
	filter: blur(0.2px);
}

.zine-channels__grain--left {
	left: -100px;
}

.zine-channels__grain--right {
	right: -100px;
}

.zine-channels__inner {
	position: relative;
	z-index: 1;
	max-width: 1040px;
}

.zine-channels__header {
	position: relative;
	margin-bottom: clamp(28px, 4vw, 40px);
}

.zine-channels__header-top {
	margin-bottom: 12px;
}

.zine-channels__badge {
	display: inline-block;
	padding: 8px 14px;
	background: var(--color-zine-pink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	border-radius: 999px;
}

.zine-channels__bubble {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: clamp(140px, 20vw, 180px);
	padding: 14px 16px;
	border: 3px solid var(--color-zine-pink);
	border-radius: 50%;
	background: #111;
	font-family: "Caveat", cursive;
	font-size: clamp(14px, 2vw, 17px);
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
	text-align: center;
	transform: rotate(5deg);
}

.zine-channels__edge-scribble {
	position: absolute;
	right: -8px;
	top: 38%;
	width: 52px;
	height: auto;
	opacity: 0.9;
}

.zine-channels__bubble strong {
	color: var(--color-zine-pink);
}

.zine-channels__bubble p {
	margin: 0;
}

.zine-channels__title-wrap {
	position: relative;
	margin-bottom: 18px;
}

.zine-channels__spark--title {
	position: absolute;
	left: clamp(200px, 32vw, 360px);
	top: -6px;
	width: 36px;
	height: auto;
}

.zine-channels__title {
	margin: 0;
	padding-right: clamp(120px, 18vw, 190px);
	font-family: "Rubik", sans-serif;
	font-size: clamp(30px, 5vw, 52px);
	font-weight: 900;
	line-height: 1.05;
	color: #fff;
}

.zine-channels__title-line {
	display: block;
}

.zine-channels__brushline {
	display: block;
	margin-top: 8px;
}

.zine-channels__brushline-text {
	display: inline-block;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(22px, 4vw, 40px);
	font-weight: 900;
	text-transform: lowercase;
	padding: 6px 18px;
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,20 Q20,5 50,15 T100,20 L100,80 Q80,95 50,85 T0,80 Z' fill='%23E8006F'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	line-height: 1.15;
}

.zine-channels__scribble {
	position: absolute;
	right: 8%;
	top: 42%;
	width: 64px;
	height: auto;
}

.zine-channels__lead {
	margin: 0;
	max-width: 58ch;
	font-size: clamp(15px, 2vw, 18px);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.82);
}

.zine-channels__lead-arrow {
	position: absolute;
	left: 38%;
	bottom: -28px;
	width: 80px;
	height: auto;
	z-index: 2;
}

.zine-channels__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(16px, 3vw, 24px);
	margin-bottom: clamp(24px, 4vw, 32px);
}

.zine-channel-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: clamp(20px, 3vw, 26px);
	background: #fff;
	color: var(--color-zine-ink);
	border: 2px solid var(--color-zine-pink);
	border-radius: 22px;
	text-decoration: none;
	box-shadow: 0 0 0 1px rgba(232, 0, 111, 0.12), 0 12px 32px rgba(232, 0, 111, 0.14);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zine-channel-card:hover {
	color: var(--color-zine-ink);
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px rgba(232, 0, 111, 0.2), 0 16px 36px rgba(232, 0, 111, 0.2);
}

.zine-channel-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.zine-channel-card__icon {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	overflow: hidden;
	flex-shrink: 0;
}

.zine-channel-card__icon img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.zine-channel-card__tag {
	display: inline-block;
	padding: 6px 12px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(10px, 1.4vw, 11px);
	font-weight: 800;
	letter-spacing: 0.04em;
	border-radius: 999px;
}

.zine-channel-card__tag--telegram {
	background: rgba(46, 166, 255, 0.22);
	color: #111;
}

.zine-channel-card__tag--max {
	background: rgba(147, 51, 234, 0.18);
	color: #111;
}

.zine-channel-card__text {
	margin: 0;
	flex: 1;
	font-family: "Rubik", sans-serif;
	font-size: clamp(15px, 2vw, 17px);
	font-weight: 700;
	line-height: 1.45;
	color: var(--color-zine-ink);
}

.zine-channel-card__mark {
	font-weight: 900;
}

.zine-channel-card__mark--blue {
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,14 Q25,4 50,12 T100,10' fill='none' stroke='%232ea6ff' stroke-width='6' opacity='0.45'/%3E%3C/svg%3E");
	background-size: 100% 0.45em;
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.zine-channel-card__mark--purple {
	background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,14 Q25,4 50,12 T100,10' fill='none' stroke='%239333ea' stroke-width='6' opacity='0.45'/%3E%3C/svg%3E");
	background-size: 100% 0.45em;
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.zine-channel-card__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	margin-top: 4px;
	padding: 12px 12px 12px 18px;
	background: var(--color-zine-pink);
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(13px, 1.8vw, 15px);
	font-weight: 700;
	border-radius: 999px;
}

.zine-channel-card__cta-arrow {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	background: #fff;
	border-radius: 50%;
	flex-shrink: 0;
}

.zine-channel-card__cta-arrow svg {
	width: 14px;
	height: 14px;
	color: var(--color-zine-pink);
}

.zine-channel-card__spark {
	position: absolute;
	right: 14px;
	bottom: 58px;
	width: 32px;
	height: auto;
	opacity: 0.85;
}

.zine-channels__note-box {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 14px;
	align-items: start;
	padding: 16px 18px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.03);
}

.zine-channels__note-icon {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	color: var(--color-zine-pink);
}

.zine-channels__note-icon svg {
	width: 32px;
	height: 32px;
}

.zine-channels__note {
	margin: 0;
	font-size: clamp(14px, 2vw, 16px);
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.78);
}

.zine-channels__note strong {
	color: var(--color-zine-pink);
	font-weight: 800;
}

@media (max-width: 900px) {
	.zine-channels__bubble,
	.zine-channels__scribble,
	.zine-channels__lead-arrow,
	.zine-channels__spark--title,
	.zine-channels__edge-scribble {
		display: none;
	}

	.zine-channels__title {
		padding-right: 0;
	}
}

@media (max-width: 720px) {
	.zine-channels__grid {
		grid-template-columns: 1fr;
	}

	.zine-channel-card__spark {
		bottom: 54px;
	}
}

.module-list {
	list-style: none;
	padding: 0;
	margin: 24px 0 32px;
	display: grid;
	gap: 14px;
}

.module-list__item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

.module-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-top: 24px;
}

.two-col-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 24px;
}

.platform-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0;
}

.platform-tag {
	padding: 8px 14px;
	border-radius: 999px;
	border: 2px solid var(--bt-text);
	font-weight: 800;
}

.compare-table-wrap {
	overflow-x: auto;
	margin-top: 24px;
}

.compare-table {
	width: 100%;
	border-collapse: collapse;
}

.compare-table th,
.compare-table td {
	border: 1px solid var(--bt-border);
	padding: 12px 14px;
	text-align: left;
}

.pricing-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 24px;
}

.pricing-card__price {
	font-family: "Rubik", sans-serif;
	font-size: 40px;
	font-weight: 900;
	margin: 0 0 8px;
}

.waitlist-band__inner,
.final-cta__grid {
	align-items: start;
}

.waitlist-form-wrap__title,
.waitlist-form-wrap__lead {
	color: inherit;
}

.waitlist-form-card {
	background: #fff;
	color: var(--bt-text);
	border-radius: var(--bt-radius-form);
	padding: clamp(20px, 3vw, 32px);
	box-shadow: var(--bt-shadow-shot);
	margin-top: 20px;
}

.waitlist-form {
	display: grid;
	gap: 16px;
}

.waitlist-form__field label {
	display: block;
	font-weight: 700;
	margin-bottom: 6px;
}

.waitlist-form__field input[type="text"],
.waitlist-form__field input[type="email"] {
	width: 100%;
	min-height: 48px;
	padding: 12px 14px;
	border: 1px solid var(--bt-border);
	border-radius: 12px;
	font: inherit;
}

.waitlist-form__field input:focus {
	border-color: var(--bt-pink);
	outline: none;
	box-shadow: 0 0 0 3px rgba(255, 45, 139, 0.15);
}

.waitlist-form__field.is-invalid input {
	border-color: #d4004d;
}

.waitlist-form__consent {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 15px;
}

.waitlist-form__consent input {
	margin-top: 4px;
}

.waitlist-form__honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.waitlist-form__message {
	padding: 12px 14px;
	border-radius: 12px;
	background: #fff0f7;
	color: var(--bt-text);
}

.waitlist-form__message.is-error {
	background: #fff1f4;
	color: #8a0030;
}

.waitlist-form-success {
	margin-top: 20px;
	padding: 24px;
	border-radius: var(--bt-radius-form);
	background: #fff;
	color: var(--bt-text);
}

/* Blog — Zine reference (+17% scale) */
.zine-blog {
	--zine-blog-scale: 1.17;
	background: var(--color-zine-bg, #f5f4f2);
	padding-block: clamp(32px, 4.2vh, 50px);
}

.zine-blog__inner {
	max-width: 1264px;
}

.zine-blog__header {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(210px, 0.85fr);
	gap: clamp(14px, 2.2vw, 28px);
	align-items: end;
	margin-bottom: clamp(16px, 2.2vh, 22px);
}

.zine-blog__badge-wrap {
	position: relative;
	margin-bottom: 10px;
}

.zine-blog__badge-spark {
	position: absolute;
	left: 9px;
	top: -12px;
	width: 28px;
	height: auto;
}

.zine-blog__badge {
	display: inline-block;
	padding: 7px 16px;
	background: #111;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	border-radius: 999px;
}

.zine-blog__title {
	margin: 0 0 12px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(30px, 4.4vw, 49px);
	font-weight: 900;
	line-height: 0.95;
	text-transform: uppercase;
}

.zine-blog__title-line {
	display: block;
	color: #111;
}

.zine-blog__title-accent {
	display: block;
	color: var(--color-zine-pink);
}

.zine-blog__intro p {
	margin: 0 0 3px;
	font-size: clamp(15px, 1.75vw, 18px);
	line-height: 1.35;
	color: rgba(17, 17, 17, 0.68);
}

.zine-blog__intro-cta {
	margin-top: 7px !important;
}

.zine-blog__intro-cta a {
	color: #2ea6ff;
	font-weight: 700;
	text-decoration: none;
}

.zine-blog__intro-cta a:hover {
	text-decoration: underline;
}

.zine-blog__header-visual {
	position: relative;
	min-height: 176px;
}

.zine-blog__bubble {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	max-width: 197px;
	padding: 12px 14px;
	background: #ffe566;
	border: 2.5px solid #111;
	border-radius: 42% 58% 52% 48% / 48% 42% 58% 52%;
	font-family: "Caveat", cursive;
	font-size: clamp(16px, 2.1vw, 20px);
	font-weight: 700;
	line-height: 1.12;
	color: #111;
	transform: rotate(-4deg);
}

.zine-blog__bubble p {
	margin: 0;
}

.zine-blog__bubble-arrow {
	position: absolute;
	left: 38%;
	top: 42%;
	width: 103px;
	height: auto;
	z-index: 2;
}

.zine-blog__visual-spark {
	position: absolute;
	width: 26px;
	height: auto;
}

.zine-blog__visual-spark--a {
	left: 6%;
	bottom: 18%;
}

.zine-blog__visual-spark--b {
	right: 4%;
	top: 12%;
}

.zine-blog__factory {
	position: absolute;
	right: 0;
	bottom: 0;
	width: min(222px, 38vw);
	z-index: 1;
}

.zine-blog__factory-img {
	width: 100%;
	height: auto;
	display: block;
	filter: drop-shadow(0 9px 21px rgba(0, 0, 0, 0.1));
}

.zine-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.zine-blog-card {
	--zine-blog-accent: #e8006f;
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding: 0;
	background: #fff;
	border: 2.5px solid #111;
	border-radius: 16px;
	text-decoration: none;
	color: #111;
	overflow: hidden;
	box-shadow: 4px 4px 0 rgba(232, 0, 111, 0.12);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zine-blog-card:hover {
	color: #111;
	transform: translateY(-2px);
	box-shadow: 6px 6px 0 rgba(232, 0, 111, 0.18);
}

.zine-blog-card--pink,
.zine-blog-card--purple,
.zine-blog-card--blue,
.zine-blog-card--teal,
.zine-blog-card--amber,
.zine-blog-card--violet {
	--zine-blog-accent: #e8006f;
	border-color: #111;
}

.zine-blog-card__media {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	background: #F5F4F2;
	overflow: hidden;
}

.zine-blog-card__visual {
	display: block;
	width: 100%;
	height: 100%;
}

.zine-blog-card__thumb {
	width: 100%;
	height: 100%;
	max-height: none;
	display: block;
	border-radius: 0;
	object-fit: cover;
	object-position: center;
}

.zine-blog-card--pink .zine-blog-card__thumb {
	max-height: none;
	box-shadow: none;
}

.zine-blog-card__copy {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
	flex: 1;
	padding: 14px 16px 16px;
}

.zine-blog-card__tag {
	display: inline-block;
	width: fit-content;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #e8006f;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 999px;
}

.zine-blog-card__tag--planned,
.zine-blog-card__tag--soon {
	display: none;
}

.zine-blog-card__title {
	margin: 0 0 8px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(15px, 1.5vw, 18px);
	font-weight: 800;
	line-height: 1.25;
	color: #111;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.zine-blog-card__title-mark {
	color: #e8006f;
}

.zine-blog-card__desc {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.4;
	color: rgba(17, 17, 17, 0.58);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.zine-blog-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
}

.zine-blog-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	margin-top: 0;
	font-size: 12px;
	font-weight: 600;
	color: rgba(17, 17, 17, 0.5);
}

.zine-blog-card__clock {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.zine-blog-card__meta-dot {
	opacity: 0.6;
}

.zine-blog-card__go {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	margin-top: 0;
	background: #e8006f;
	color: #fff;
	border-radius: 50%;
	flex-shrink: 0;
}

.zine-blog-card__go svg {
	width: 16px;
	height: 16px;
}

.zine-blog--archive .zine-blog__header {
	margin-bottom: 28px;
}

.zine-blog-infinite {
	margin-top: 28px;
	min-height: 48px;
	text-align: center;
}

.zine-blog-infinite__sentinel {
	width: 100%;
	height: 1px;
}

.zine-blog-infinite__loading,
.zine-blog-infinite__end {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: rgba(17, 17, 17, 0.55);
}

.zine-blog-infinite__loading {
	color: #E8006F;
}

.zine-blog__footer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin-top: clamp(18px, 2.6vh, 28px);
	min-height: 72px;
}

.zine-blog__cta-cluster {
	position: relative;
	z-index: 2;
	overflow: visible;
}

.zine-blog__cta {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 13px 24px 13px 28px;
	background: #111;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: clamp(14px, 1.75vw, 16px);
	font-weight: 800;
	letter-spacing: 0.04em;
	text-decoration: none;
	border-radius: 999px;
	transition: transform 0.2s ease, background 0.2s ease;
	overflow: visible;
}

.zine-blog__cta:hover {
	color: #fff;
	background: #000;
	transform: translateY(-1px);
}

.zine-blog__cta-icon {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
}

.zine-blog__cta-icon svg {
	width: 19px;
	height: 19px;
}

.zine-blog__cta-spark {
	position: absolute;
	pointer-events: none;
	z-index: 3;
}

.zine-blog__cta-spark--bl {
	left: 4px;
	bottom: -14px;
	width: 22px;
	height: auto;
}

.zine-blog__cta-spark--tr {
	right: 22px;
	top: -18px;
	width: 18px;
	height: auto;
}

.zine-blog__cta-arrow {
	flex-shrink: 0;
	pointer-events: none;
}

.zine-blog__cta-arrow--left {
	width: clamp(108px, 12vw, 138px);
	height: auto;
	margin-right: -10px;
	margin-top: 18px;
	align-self: flex-end;
}

.zine-blog__cta-right {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-left: clamp(14px, 2vw, 22px);
	flex-shrink: 0;
}

.zine-blog__cta-arrow--right {
	position: static;
	transform: none;
	width: clamp(74px, 9vw, 90px);
	height: auto;
	margin: 0;
	flex-shrink: 0;
}

.zine-blog__crown-img {
	width: clamp(36px, 4.2vw, 44px);
	height: auto;
	display: block;
	flex-shrink: 0;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.zine-blog__header {
		grid-template-columns: 1fr;
	}

	.zine-blog__header-visual {
		min-height: 140px;
		max-width: 320px;
	}

	.zine-blog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.zine-blog__grid {
		grid-template-columns: 1fr;
	}

	.zine-blog-card {
		flex-direction: column;
		min-height: 0;
	}

	.zine-blog__bubble-arrow,
	.zine-blog__visual-spark,
	.zine-blog__cta-arrow--left,
	.zine-blog__cta-right,
	.zine-blog__cta-spark {
		display: none;
	}

	.zine-blog__factory {
		width: min(160px, 44vw);
	}
}

.faq-accordion {
	display: grid;
	gap: 10px;
}

/* FAQ — Zine reference */
.zine-faq {
	position: relative;
	background: var(--color-zine-bg, #f5f4f2);
	padding-block: clamp(48px, 6vw, 80px);
	overflow: hidden;
}

.zine-faq__grain {
	position: absolute;
	top: 50%;
	width: min(280px, 36vw);
	height: min(480px, 70vh);
	transform: translateY(-50%);
	pointer-events: none;
	background:
		radial-gradient(ellipse at center, rgba(232, 0, 111, 0.34) 0%, rgba(232, 0, 111, 0.1) 42%, transparent 72%),
		radial-gradient(circle, rgba(232, 0, 111, 0.45) 1.4px, transparent 1.4px);
	background-size: 100% 100%, 14px 14px;
	opacity: 0.5;
}

.zine-faq__grain--left {
	left: -90px;
}

.zine-faq__inner {
	position: relative;
	z-index: 1;
	max-width: 1240px;
}

.zine-faq__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
	gap: clamp(16px, 2.5vw, 32px);
	align-items: center;
}

.zine-faq__header {
	position: relative;
	margin-bottom: clamp(16px, 2.4vw, 24px);
	padding-top: 28px;
}

.zine-faq__badge-wrap {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
}

.zine-faq__badge-crown {
	display: block;
	width: 42px;
	height: auto;
	margin-bottom: -4px;
	transform: rotate(12deg);
	pointer-events: none;
}

.zine-faq__badge {
	display: inline-block;
	padding: 6px 14px;
	background: #111;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	border-radius: 999px;
}

.zine-faq__title-wrap {
	position: relative;
}

.zine-faq__title {
	margin: 0;
	font-family: "Rubik", sans-serif;
	font-size: clamp(32px, 4.6vw, 52px);
	font-weight: 900;
	line-height: 0.94;
	text-transform: uppercase;
}

.zine-faq__title-line {
	display: block;
	color: #111;
}

.zine-faq__title-line--pink {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	color: #e8006f;
}

.zine-faq__title-spark {
	width: clamp(24px, 3vw, 32px);
	height: auto;
	margin-top: 2px;
	flex-shrink: 0;
}

.zine-faq__list {
	margin-top: 0;
	gap: 8px;
}

.zine-faq__item {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 18px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.zine-faq__item[open] {
	border: 2px solid #3b82f6;
	border-radius: 18px;
	box-shadow: 0 8px 22px rgba(59, 130, 246, 0.14);
}

.zine-faq__question {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) 18px;
	gap: 10px;
	align-items: center;
	cursor: pointer;
	padding: 14px 16px;
	list-style: none;
	font-family: "Rubik", sans-serif;
	font-size: clamp(14px, 1.45vw, 16px);
	font-weight: 800;
	line-height: 1.25;
	color: #111;
}

.zine-faq__question::-webkit-details-marker {
	display: none;
}

.zine-faq__icon {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #e8006f;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
	flex-shrink: 0;
	transition: background 0.2s ease;
}

details.zine-faq__item[open] > summary .zine-faq__icon {
	background: #3b82f6;
}

.zine-faq__chevron {
	width: 18px;
	height: auto;
	color: #e8006f;
	justify-self: end;
	transition: transform 0.2s ease, color 0.2s ease;
}

details.zine-faq__item[open] > summary .zine-faq__chevron {
	color: #3b82f6;
	transform: rotate(180deg);
}

.zine-faq__answer {
	padding: 0 16px 14px 56px;
	color: rgba(17, 17, 17, 0.58);
	font-size: clamp(13px, 1.35vw, 15px);
	line-height: 1.55;
}

.zine-faq__answer p {
	margin: 0 0 8px;
}

.zine-faq__answer p:last-child {
	margin-bottom: 0;
}

.zine-faq__aside {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 0;
	/* Never animate this column — GSAP opacity breaks layered stickers */
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

.zine-faq__aside-stack {
	position: relative;
	width: min(360px, 100%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.zine-faq__bubble-img {
	display: block;
	position: relative;
	z-index: 3;
	width: min(210px, 62%);
	height: auto;
	margin-left: auto;
	margin-right: 4%;
	margin-bottom: -18px;
	transform: rotate(-3deg);
}

.zine-faq__cat-wrap {
	position: relative;
	z-index: 2;
	width: min(290px, 88%);
	margin: 0 auto;
}

.zine-faq__cat-img {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.12));
}

.zine-faq__plate-img {
	display: block;
	position: relative;
	z-index: 3;
	width: min(310px, 96%);
	height: auto;
	margin: -36px auto 0;
}

@media (max-width: 900px) {
	.zine-faq__layout {
		grid-template-columns: 1fr;
	}

	.zine-faq__aside {
		display: none;
	}
}

@media (max-width: 720px) {
	.zine-faq__title-spark {
		display: none;
	}

	.zine-faq__answer {
		padding-left: 16px;
	}
}

.faq-item:not(.zine-faq__item) {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
}

.faq-item:not(.zine-faq__item) .faq-item__question {
	padding: 0;
}

.faq-item:not(.zine-faq__item) .faq-item__answer {
	padding: 0;
	color: inherit;
}

.timeline-strip {
	display: grid;
	gap: 14px;
	margin-top: 24px;
}

.telegram-band__inner {
	position: relative;
}

.telegram-cta-sticker {
	position: absolute;
	top: -12px;
	right: 24px;
}

.btn--on-pink {
	background: #fff;
	color: var(--bt-text);
	border-color: #fff;
}

.form-side-icon {
	max-width: 260px;
	margin-inline: auto;
	display: block;
}

.single-article__byline {
	color: var(--bt-muted);
}

.excalibur-handoff__lead {
	font-size: 20px;
	max-width: 68ch;
}

.excalibur-handoff__note {
	padding: 16px 18px;
	border-left: 4px solid var(--bt-pink);
	background: var(--bt-surface-tint);
	color: var(--bt-muted);
}

.single-article__cta {
	margin-top: 12px;
}

.legal-page h2 {
	font-size: 24px;
	margin-top: 1.4em;
}

.legal-page__eyebrow {
	margin: 0 0 8px;
	color: var(--bt-muted);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.legal-page__lead {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 600;
}

.legal-page__meta {
	margin: 0 0 1.5em;
	color: var(--bt-muted);
	font-size: 14px;
}

.legal-page__requisites {
	margin: 0 0 1.5em;
	padding-left: 1.2em;
}

.legal-page__requisites li {
	margin-bottom: 0.35em;
}

.legal-page__table-wrap {
	overflow-x: auto;
	margin: 0 0 1.5em;
}

.legal-page__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}

.legal-page__table th,
.legal-page__table td {
	border: 1px solid var(--bt-border);
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}

.legal-page__table th {
	background: #f6f6f6;
	font-weight: 700;
}

.legal-page__nav {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid var(--bt-border);
}

@media (max-width: 1024px) {
	.hero-collage__stage,
	.hero-collage__grid,
	.course-hero__grid,
	.author-page-hero__grid,
	.lesson-hero__grid,
	.author-block__grid,
	.factory-story__grid,
	.final-cta__grid,
	.cases-collage__layout,
	.product-featured,
	.audience-grid {
		grid-template-columns: 1fr;
	}

	.hero-collage__visual {
		min-height: 520px;
		margin-top: 12px;
	}

	.hero-photo--main {
		margin-right: auto;
		width: min(100%, 360px);
	}

	.hero-float--make {
		width: min(46%, 210px);
	}

	.hero-float--dzen {
		width: min(40%, 190px);
	}

	.audience-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zine-blog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.old-new-grid {
		grid-template-columns: 1fr;
	}

	.old-new-arrow {
		display: none;
	}

	.hero-collage__stack {
		position: relative;
		width: 100%;
		margin-top: 24px;
	}

	.motion-collage-layer--dzen,
	.factory-story__shot,
	.course-hero__shot {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		margin-top: 12px;
	}
}

@media (max-width: 640px) {
	.audience-grid,
	.audience-grid--compact,
	.module-cards,
	.two-col-list,
	.pricing-grid,
	.zine-blog__grid,
	.cases-collage__scatter--inline {
		grid-template-columns: 1fr;
	}

	.hero-collage__visual {
		min-height: 460px;
	}

	.hero-photo--main {
		width: min(100%, 300px);
	}

	.hero-float--make {
		width: min(52%, 170px);
		top: 0;
	}

	.hero-float--dzen {
		width: min(48%, 150px);
		bottom: 8%;
	}

	.hero-float--alt {
		width: min(38%, 120px);
	}

	.hero-float--wordstat {
		right: 0;
		min-width: 110px;
	}

	.hero-float--note {
		left: 0;
		font-size: 18px;
	}

	.hero-float--price {
		right: 2%;
		top: auto;
		bottom: 36%;
	}
}

.archive-shell,
.search-shell,
.error-404 {
	background:
		radial-gradient(circle at 10% 8%, rgba(255, 45, 139, 0.12), transparent 28%),
		linear-gradient(180deg, #fff 0%, var(--bt-surface-tint) 100%);
}

.page-shell,
.archive-shell,
.search-shell,
.error-404 {
	background:
		radial-gradient(circle at 10% 8%, rgba(255, 45, 139, 0.12), transparent 28%),
		linear-gradient(180deg, #fff 0%, var(--bt-surface-tint) 100%);
}

.content-card,
.not-found-card {
	position: relative;
	padding: clamp(24px, 4vw, 48px);
	background: #fff;
	border: 1px solid var(--bt-border);
	border-radius: var(--bt-radius-card);
	box-shadow: var(--bt-shadow-card);
}

.content-card::before,
.not-found-card::before {
	content: "";
	position: absolute;
	top: -13px;
	left: 32px;
	width: 70px;
	height: 22px;
	background: rgba(245, 240, 232, 0.9);
	border: 1px solid rgba(0, 0, 0, 0.06);
	transform: rotate(-4deg);
	pointer-events: none;
}

.post-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: var(--bt-gutter);
}

.archive-header {
	margin-bottom: 32px;
}

.sticker-label,
.motion-sticker {
	display: inline-block;
	margin: 0 0 14px;
	padding: 8px 14px;
	background: var(--bt-pink);
	color: var(--bt-text);
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	font-family: "Caveat", cursive;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	transform: rotate(-3deg);
}

.motion-reveal,
.motion-sticker,
.motion-collage-layer,
.motion-scatter-item,
.motion-tape,
.motion-marker-draw {
	opacity: 1;
	visibility: visible;
	transform-origin: center;
}

/* Never leave motion nodes looking disabled after reveal / on error */
html.is-motion-ready .is-motion-done,
html.is-motion-error .motion-reveal,
html.is-motion-error .motion-sticker,
html.is-motion-error .motion-scatter-item,
html.is-motion-error .zine-compare-card,
html.is-motion-error .blog-card,
html.is-motion-error .zine-faq__item {
	opacity: 1 !important;
	visibility: visible !important;
}

[data-motion-scene="factory"] {
	position: relative;
	min-height: 200px;
	display: grid;
	place-items: center;
}

.motion-factory-fallback,
.motion-factory-canvas {
	width: min(280px, 100%);
	aspect-ratio: 1;
}

.motion-factory-canvas {
	position: relative;
	pointer-events: none;
}

.motion-factory-canvas__el {
	display: block;
	width: 100%;
	height: 100%;
}

[data-motion-scene="factory"].is-factory-active .motion-factory-fallback {
	position: absolute;
	inset: 0;
	opacity: 0;
}

.old-new-arrow path {
	stroke-dasharray: 120;
	stroke-dashoffset: 120;
}

html.is-reduced-motion .motion-tape {
	animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.motion-reveal,
	.motion-sticker,
	.motion-collage-layer,
	.motion-scatter-item,
	.zine-compare-card,
	.blog-card,
	.zine-faq__item,
	.audience-card {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}

	[data-motion-scene="factory"] .motion-factory-canvas {
		display: none;
	}
}

.site-footer {
	background: #000;
	color: #fff;
	padding: clamp(56px, 7vw, 88px) 0 clamp(36px, 4vw, 52px);
}

.site-footer__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(170px, 0.7fr) minmax(220px, 0.95fr);
	gap: clamp(28px, 4vw, 56px);
	align-items: start;
}

.site-footer a {
	color: #fff;
}

.site-footer__brand {
	position: relative;
	padding-left: clamp(48px, 5vw, 76px);
}

.site-footer__brand-arrow {
	position: absolute;
	left: 0;
	top: 18px;
	width: 56px;
	height: auto;
	pointer-events: none;
	opacity: 0.95;
}

.site-footer__wordmark-wrap {
	position: relative;
	display: inline-block;
	margin-bottom: 14px;
}

.site-footer__crown {
	position: absolute;
	left: 2px;
	top: -28px;
	width: 36px;
	height: auto;
	transform: rotate(-8deg);
	pointer-events: none;
}

.site-footer__wordmark {
	position: relative;
	display: inline-block;
	font-family: "Rubik", sans-serif;
	font-size: clamp(34px, 4.2vw, 48px);
	font-weight: 900;
	line-height: 1;
	color: #fff;
	text-decoration: none;
}

.site-footer__wordmark::after {
	display: none;
}

.site-footer__tagline {
	max-width: 38ch;
	margin: 0 0 22px;
	color: rgba(255, 255, 255, 0.92);
	font-size: 16px;
	line-height: 1.45;
}

.site-footer__actions {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.site-footer__btn {
	gap: 10px;
	min-height: 48px;
	padding: 12px 22px;
	font-size: 15px;
}

.site-footer__btn-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.site-footer__btn--telegram {
	background: #E8006F;
	border-color: #E8006F;
	color: #fff;
}

.site-footer__btn--telegram:hover {
	background: #fff;
	border-color: #fff;
	color: #111;
}

.site-footer__btn--max {
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
}

.site-footer__btn--max:hover {
	background: #fff;
	color: #111;
}

.site-footer__btn-icon--max {
	width: 18px;
	height: 18px;
	border-radius: 4px;
	object-fit: cover;
	flex-shrink: 0;
}

.site-footer__actions-spark {
	width: 28px;
	height: auto;
	margin-left: 2px;
	pointer-events: none;
}

.site-footer__title {
	display: inline-block;
	position: relative;
	margin: 0 0 18px;
	padding-bottom: 10px;
	color: #E8006F;
	font-family: "Rubik", sans-serif;
	font-size: 20px;
	font-weight: 900;
}

.site-footer__title::after {
	content: "";
	position: absolute;
	left: 0;
	right: -4px;
	bottom: 0;
	height: 6px;
	background:
		radial-gradient(ellipse at 20% 60%, #E8006F 0 55%, transparent 56%),
		radial-gradient(ellipse at 55% 40%, #E8006F 0 50%, transparent 51%),
		radial-gradient(ellipse at 85% 70%, #E8006F 0 52%, transparent 53%);
	background-size: 42% 100%, 40% 100%, 38% 100%;
	background-repeat: no-repeat;
	background-position: left bottom, center bottom, right bottom;
	opacity: 0.95;
	transform: rotate(-1.5deg);
}

.site-footer .footer-menu {
	display: grid;
	gap: 12px;
	align-items: start;
}

.site-footer .footer-menu a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	transition: color 160ms ease;
}

.site-footer .footer-menu a::after {
	content: "→";
	color: #E8006F;
	font-weight: 800;
	line-height: 1;
	transition: transform 160ms ease;
}

.site-footer .footer-menu a:hover {
	color: #E8006F;
}

.site-footer .footer-menu a:hover::after {
	transform: translateX(3px);
}

.site-footer__small {
	margin: 22px 0 0;
	color: rgba(255, 255, 255, 0.55);
	font-size: 13px;
	line-height: 1.45;
	max-width: 36ch;
}

.cookie-banner {
	position: fixed;
	z-index: 200;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 14px 0;
	background: #fff;
	border-top: 1px solid var(--bt-border);
	box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
}

.cookie-banner[hidden] {
	display: none;
}

.cookie-banner__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.cookie-banner__text {
	margin: 0;
	font-size: 15px;
}

@media (max-width: 900px) {
	.site-header__inner {
		min-height: 68px;
	}

	.menu-toggle {
		display: inline-flex;
		align-items: center;
	}

	.primary-navigation {
		position: fixed;
		top: 68px;
		right: 16px;
		left: 16px;
		display: none;
		flex-direction: column;
		align-items: stretch;
		padding: 20px;
		background: #fff;
		border: 1px solid var(--bt-border);
		border-radius: 18px;
		box-shadow: var(--bt-shadow-shot);
	}

	.primary-navigation.is-open {
		display: flex;
	}

	.primary-menu {
		display: grid;
		gap: 12px;
	}

	.site-footer__inner,
	.cookie-banner__inner {
		grid-template-columns: 1fr;
		flex-direction: column;
		align-items: flex-start;
	}

	.site-footer__brand {
		padding-left: 0;
	}

	.site-footer__brand-arrow {
		display: none;
	}

	.site-footer__wordmark-wrap {
		padding-top: 18px;
	}
}

@media (max-width: 640px) {
	:root {
		--bt-section: 56px;
	}

	body {
		font-size: 16px;
	}

	h1 {
		font-size: 32px;
	}

	.container {
		width: min(100% - 32px, var(--bt-container));
	}

	.site-header__cta {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}

	.hero-collage__stack,
	.cases-collage__item,
	[data-motion="parallax"],
	[data-motion="parallax-layer"] {
		transform: none !important;
		animation: none !important;
	}
}

/* —— Course page `/avtomatizaciya-smm/` —— */
.zine-course-hero {
	position: relative;
	padding: clamp(48px, 7vw, 88px) 0 clamp(64px, 8vw, 100px);
	background:
		radial-gradient(circle at 12% 18%, rgba(232, 0, 111, 0.08), transparent 42%),
		radial-gradient(circle at 88% 12%, rgba(47, 111, 237, 0.08), transparent 38%),
		#fff;
	overflow: hidden;
}

.zine-course-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
	gap: clamp(28px, 4vw, 56px);
	align-items: center;
}

.zine-course-hero__title {
	margin: 18px 0 16px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(34px, 5vw, 56px);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #111;
}

.zine-course-hero__subtitle {
	margin: 0 0 22px;
	max-width: 46ch;
	font-size: 18px;
	line-height: 1.55;
	color: #222;
}

.zine-course-hero__price {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	gap: 10px;
	margin: 0 0 24px;
	padding: 12px 18px 12px 16px;
	background: #fff;
	border: 2.5px solid #111;
	box-shadow: 6px 6px 0 #E8006F;
	transform: rotate(-1.5deg);
}

.zine-course-hero__price-label {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #E8006F;
}

.zine-course-hero__price-value {
	font-family: "Rubik", sans-serif;
	font-size: 28px;
	font-weight: 900;
	color: #111;
}

.zine-course-hero__price-spark {
	position: absolute;
	right: -18px;
	top: -14px;
	width: 28px;
	height: auto;
}

.zine-course-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 22px;
}

.zine-course-hero__secondary {
	font-weight: 800;
	color: #111;
	text-decoration: none;
	border-bottom: 3px solid #E8006F;
}

.zine-course-hero__secondary:hover {
	color: #E8006F;
}

.zine-course-hero__visual {
	position: relative;
	min-height: 480px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	overflow: visible;
}

.zine-course-hero__visual-tape {
	position: absolute;
	top: 18px;
	left: 18%;
	width: 84px;
	height: 22px;
	background: rgba(255, 220, 80, 0.85);
	border: 1px solid rgba(17, 17, 17, 0.12);
	transform: rotate(-8deg);
	z-index: 4;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.zine-course-hero__author {
	position: relative;
	z-index: 2;
	width: min(100%, 380px);
	max-height: min(68vh, 560px);
	height: auto;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.18));
}

.zine-course-hero__shot {
	position: absolute;
	left: -6%;
	bottom: 10%;
	top: auto;
	right: auto;
	z-index: 3;
	width: min(52%, 250px);
	margin: 0;
	padding: 8px;
	background: #fff;
	border: 3px solid #111;
	transform: rotate(-4deg);
	box-shadow: 6px 6px 0 #2F6FED;
}

.zine-course-hero__shot img {
	display: block;
	width: 100%;
	height: auto;
}

.zine-course-hero__float-sticker {
	position: absolute;
	right: 2%;
	bottom: 28%;
	left: auto;
	z-index: 4;
	padding: 8px 14px;
	background: #2F6FED;
	color: #fff;
	font-weight: 900;
	font-size: 14px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border: 2.5px solid #111;
	box-shadow: 3px 3px 0 #111;
	transform: rotate(3deg);
}

.zine-course__grid--page .zine-course-module {
	min-height: 168px;
}

.zine-course__grid--page .zine-course-module__body {
	align-items: flex-start;
}

.zine-course__grid--page .zine-course-module__copy p {
	font-size: 15px;
	line-height: 1.45;
}

.zine-tools {
	padding: var(--bt-section) 0;
	background: #FFF5FA;
}

.zine-tools__header {
	margin-bottom: 8px;
}

.zine-tools__badge {
	display: inline-block;
	margin-bottom: 12px;
	padding: 6px 12px;
	background: #111;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.zine-tools__platforms {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0 12px;
}

.zine-tools__chip {
	padding: 10px 16px;
	border: 2.5px solid #111;
	font-family: "Rubik", sans-serif;
	font-weight: 900;
	font-size: 15px;
	background: #fff;
	box-shadow: 4px 4px 0 #111;
	transform: rotate(-1deg);
}

.zine-tools__chip--2 {
	background: #E8006F;
	color: #fff;
	transform: rotate(1.5deg);
	box-shadow: 4px 4px 0 #2F6FED;
}

.zine-tools__note {
	margin: 0 0 28px;
	font-size: 13px;
	color: #666;
}

.zine-tools__table-wrap {
	overflow-x: auto;
	background: #fff;
	border: 2.5px solid #111;
	box-shadow: 8px 8px 0 rgba(232, 0, 111, 0.25);
}

.zine-tools__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}

.zine-tools__table th,
.zine-tools__table td {
	padding: 14px 16px;
	border-bottom: 1px solid #eee;
	text-align: left;
	vertical-align: top;
}

.zine-tools__table th {
	background: #111;
	color: #fff;
	font-weight: 800;
}

.zine-tools__table tr:last-child td {
	border-bottom: 0;
}

.zine-tools__table td:nth-child(3) {
	font-weight: 700;
	color: #2F6FED;
}

.zine-pricing {
	position: relative;
	padding: clamp(56px, 8vw, 96px) 0;
	background: #0A0A0A;
	color: #fff;
	overflow: hidden;
}

.zine-pricing__grain {
	position: absolute;
	inset: 0;
	opacity: 0.18;
	background-image: radial-gradient(rgba(255, 255, 255, 0.35) 0.6px, transparent 0.6px);
	background-size: 4px 4px;
	pointer-events: none;
}

.zine-pricing__inner {
	position: relative;
	z-index: 1;
}

.zine-pricing__badge {
	display: inline-block;
	margin-bottom: 14px;
	padding: 6px 12px;
	background: #E8006F;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.zine-pricing__title {
	margin: 0 0 14px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(32px, 4.5vw, 48px);
	font-weight: 900;
	line-height: 1.05;
	text-transform: uppercase;
}

.zine-pricing__title-line {
	display: block;
}

.zine-pricing__title-accent {
	display: inline-block;
	padding: 2px 10px;
	background: #E8006F;
	color: #fff;
}

.zine-pricing__lead {
	max-width: 54ch;
	margin: 0 0 32px;
	color: rgba(255, 255, 255, 0.88);
	font-size: 17px;
	line-height: 1.55;
}

.zine-pricing__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.zine-pricing-card {
	position: relative;
	padding: 28px 24px;
	background: #161616;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.zine-pricing-card--featured {
	background: #fff;
	color: #111;
	border-color: #fff;
	transform: rotate(-0.8deg);
	box-shadow: 10px 10px 0 #E8006F;
}

.zine-pricing-card__tape {
	position: absolute;
	top: -10px;
	left: 28px;
	width: 72px;
	height: 18px;
	background: rgba(255, 220, 80, 0.9);
	transform: rotate(-4deg);
}

.zine-pricing-card__tag {
	display: inline-block;
	margin-bottom: 12px;
	padding: 5px 10px;
	background: #E8006F;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.zine-pricing-card__tag--muted {
	background: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.45);
	color: rgba(255, 255, 255, 0.85);
}

.zine-pricing-card__price {
	margin: 0 0 10px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(36px, 5vw, 48px);
	font-weight: 900;
	line-height: 1;
}

.zine-pricing-card__text {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.5;
	opacity: 0.9;
}

.zine-pricing-card__spark {
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 28px;
	height: auto;
}

.zine-course-cta {
	padding: var(--bt-section) 0;
	background:
		radial-gradient(circle at 90% 20%, rgba(232, 0, 111, 0.1), transparent 40%),
		#FFF5FA;
}

.zine-course-cta__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);
	gap: clamp(24px, 4vw, 48px);
	align-items: start;
}

.zine-course-cta__aside {
	position: relative;
	padding: 28px 22px;
	background: #fff;
	border: 2.5px solid #111;
	box-shadow: 8px 8px 0 #2F6FED;
	text-align: center;
}

.zine-course-cta__aside-tape {
	position: absolute;
	top: -9px;
	left: 50%;
	width: 70px;
	height: 18px;
	margin-left: -35px;
	background: rgba(255, 220, 80, 0.9);
	transform: rotate(-3deg);
}

.zine-course-cta__icon {
	display: block;
	width: min(100%, 180px);
	height: auto;
	margin: 8px auto 16px;
}

.zine-course-cta__aside-text {
	margin: 0 0 16px;
	font-weight: 700;
	line-height: 1.4;
}

.zine-course-cta__links {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.zine-course-cta__links a {
	font-weight: 800;
	color: #E8006F;
	text-decoration: none;
}

.zine-course-cta__links a:hover {
	text-decoration: underline;
}

@media (max-width: 900px) {
	.zine-course-hero__grid,
	.zine-pricing__grid,
	.zine-course-cta__grid {
		grid-template-columns: 1fr;
	}

	.zine-course-hero__visual {
		min-height: 380px;
		order: -1;
	}

	.zine-course-hero__author {
		width: min(78%, 300px);
		max-height: 420px;
	}

	.zine-course-hero__shot {
		width: min(48%, 200px);
		left: 0;
		bottom: 6%;
	}

	.zine-course-hero__float-sticker {
		right: 4%;
		bottom: 22%;
	}

	.zine-pricing-card--featured {
		transform: none;
	}
}

@media (max-width: 640px) {
	.zine-course-hero__actions {
		flex-direction: column;
		align-items: flex-start;
	}

	.zine-tools__chip {
		font-size: 13px;
		padding: 8px 12px;
	}
}

/* —— Free lesson `/besplatnyj-urok/` —— */
/* Compact first screen: hero + feature icons fit above marquee */
.zine-hero.zine-lesson-hero {
	padding: 40px 0 36px;
	min-height: 0;
	overflow: visible;
}

.zine-lesson-hero .zine-hero__grid {
	gap: 28px;
	align-items: start;
}

.zine-lesson-hero .zine-hero__badge {
	margin-bottom: 10px;
	font-size: 12px;
	padding: 6px 12px;
}

.zine-lesson-hero .zine-hero__title {
	font-size: clamp(28px, 3.6vw, 48px);
	margin: 0 0 12px;
	line-height: 1.02;
}

.zine-lesson-hero .zine-highlight {
	padding: 2px 10px;
	margin-top: 4px;
	box-shadow: 4px 4px 0 var(--color-zine-ink);
	border-width: 2px;
}

.zine-lesson-hero .zine-hero__subtitle {
	font-size: clamp(14px, 1.4vw, 17px);
	margin-bottom: 12px;
	line-height: 1.4;
}

.zine-lesson-hero__brush {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 12px;
	align-items: center;
}

.zine-lesson-hero__brush-dark,
.zine-lesson-hero__brush-pink {
	display: inline-block;
	padding: 5px 10px;
	font-family: var(--font-heading);
	font-size: clamp(12px, 1.2vw, 15px);
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid var(--color-zine-ink);
	box-shadow: 3px 3px 0 var(--color-zine-ink);
}

.zine-lesson-hero__brush-dark {
	background: #111;
	transform: rotate(-1deg);
}

.zine-lesson-hero__brush-pink {
	background: var(--color-zine-pink);
	transform: rotate(1deg);
}

.zine-lesson-hero__perks {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 6px;
}

.zine-lesson-hero__perks li {
	position: relative;
	padding-left: 22px;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 600;
}

.zine-lesson-hero__perks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--color-zine-pink);
	border: 2px solid #111;
	box-shadow: 1px 1px 0 #111;
}

.zine-lesson-hero__form-col {
	position: relative;
	width: 100%;
	max-width: 360px;
	justify-self: end;
}

.zine-lesson-hero__bubble {
	position: absolute;
	right: -6px;
	top: -22px;
	z-index: 3;
	transform: rotate(6deg) scale(0.9);
	transform-origin: top right;
}

.zine-lesson-hero__form-card {
	position: relative;
	z-index: 2;
	padding: 14px 14px 12px;
	background: #fff;
	border: 3px solid #111;
	box-shadow: 6px 6px 0 var(--color-zine-pink);
}

.zine-lesson-hero__form-eyebrow {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--color-zine-pink);
}

.zine-lesson-hero__form-note {
	margin: 8px 0 0;
	font-size: 12px;
	line-height: 1.3;
	color: #666;
}

.zine-lesson-hero .waitlist-form-wrap--compact .waitlist-form-wrap__title,
.zine-lesson-hero .waitlist-form-wrap--compact .waitlist-form-wrap__lead,
.zine-lesson-hero .waitlist-form-success {
	display: none !important;
}

.zine-lesson-hero .waitlist-form-card--compact {
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}

.zine-lesson-hero .waitlist-form__field {
	margin-bottom: 8px;
}

.zine-lesson-hero .waitlist-form__field label {
	margin-bottom: 3px;
	font-size: 13px;
}

.zine-lesson-hero .waitlist-form__field input[type="text"],
.zine-lesson-hero .waitlist-form__field input[type="email"] {
	height: 38px;
	padding: 0 10px;
	font-size: 14px;
}

.zine-lesson-hero .waitlist-form__consent {
	margin: 0 0 8px;
	font-size: 11px;
	line-height: 1.25;
}

.zine-lesson-hero .btn--waitlist,
.zine-lesson-hero .btn--pink {
	width: 100%;
	padding: 12px 14px;
	border: 3px solid #111 !important;
	box-shadow: 3px 3px 0 #111;
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}

.zine-lesson-hero__features {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 22px;
	margin-bottom: 4px;
	position: relative;
	z-index: 2;
}

.zine-lesson-hero__feature {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: #fff;
	border: 2px solid #111;
	box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.12);
}

.zine-lesson-hero__feature-icon {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2.5px solid #111;
}

.zine-lesson-hero__feature-icon svg {
	width: 20px;
	height: 20px;
}

.zine-lesson-hero__feature-icon--pink {
	background: var(--color-zine-pink, #e8006f);
}

.zine-lesson-hero__feature-icon--blue {
	background: var(--color-zine-blue, #3b82f6);
}

.zine-lesson-hero__feature-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
}

.zine-lesson-hero__feature-title {
	display: inline-block;
	margin: 0;
	padding: 2px 8px;
	font-family: var(--font-heading);
	font-size: 12px;
	line-height: 1.15;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #fff;
	background: #111;
	border: 2px solid #111;
	box-shadow: 2px 2px 0 var(--color-zine-pink, #e8006f);
	transform: rotate(-1deg);
}

.zine-lesson-hero__feature:nth-child(2n) .zine-lesson-hero__feature-title {
	box-shadow: 2px 2px 0 var(--color-zine-blue, #3b82f6);
	transform: rotate(1deg);
}

.zine-lesson-hero__feature-sub {
	font-size: 11px;
	line-height: 1.2;
	color: #444;
	padding-left: 2px;
}

.zine-lesson-hero .zine-torn-edge {
	height: 12px;
}

/* Marquee must sit BELOW feature icons, not overlap them */
.site-main--lesson .zine-marquee-wrapper {
	margin-top: 12px;
	margin-bottom: 0;
	z-index: 5;
}

@media (max-width: 1024px) {
	.zine-lesson-hero__form-col {
		justify-self: center;
		max-width: 480px;
	}

	.zine-lesson-hero__bubble {
		right: 8px;
		top: -20px;
	}

	.zine-lesson-hero__features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zine-lesson-hero__perks {
		text-align: left;
	}
}

@media (max-width: 640px) {
	.zine-lesson-hero__features {
		grid-template-columns: 1fr;
	}

	.zine-lesson-hero__brush-dark,
	.zine-lesson-hero__brush-pink {
		width: 100%;
		text-align: center;
	}
}

.zine-lesson-inside {
	padding: clamp(48px, 6vw, 80px) 0;
	background: var(--color-zine-bg, #f7f7f5);
	position: relative;
}

.zine-lesson-inside > .container {
	width: min(calc(var(--bt-container) * 0.83), calc(100% - 40px));
	margin-inline: auto;
}

.zine-lesson-inside .zine-section-header {
	max-width: none;
	margin-bottom: 28px;
	text-align: center;
}

.zine-lesson-inside .zine-section-badge {
	margin-bottom: 10px;
}

.zine-lesson-inside .zine-section-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 12px;
	margin: 0 0 12px;
	font-size: clamp(26px, 3.4vw, 40px);
}

.zine-lesson-inside .zine-highlight {
	margin-top: 0;
	font-size: 0.78em;
	padding: 4px 12px;
	transform: rotate(-2deg);
}

.zine-lesson-inside .zine-section-intro {
	margin-inline: auto;
	font-size: clamp(15px, 1.6vw, 17px);
}

.zine-section-badge {
	display: inline-block;
	margin-bottom: 12px;
	padding: 6px 12px;
	background: #111;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border: 2px solid #111;
	box-shadow: 3px 3px 0 var(--color-zine-pink, #e8006f);
}

.zine-section-badge--on-dark {
	background: #E8006F;
	box-shadow: 3px 3px 0 #111;
}

.zine-section-title {
	margin: 0 0 12px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: clamp(28px, 3.8vw, 44px);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	color: #111;
	letter-spacing: -0.02em;
}

.zine-section-title--on-dark {
	color: #fff;
}

.zine-section-intro {
	margin: 0;
	font-size: clamp(16px, 1.8vw, 18px);
	line-height: 1.55;
	color: #333;
	max-width: 62ch;
}

.zine-section-intro--on-dark {
	color: rgba(255, 255, 255, 0.88);
}

.zine-lesson-inside__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.zine-lesson-inside__card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	padding: 24px 20px 18px;
	background: #fff;
	border: 3px solid #111;
	box-shadow: 6px 6px 0 rgba(17, 17, 17, 0.08);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zine-lesson-inside__card:hover {
	transform: translate(-2px, -2px);
	box-shadow: 8px 8px 0 rgba(17, 17, 17, 0.12);
}

.zine-lesson-inside__card--pink {
	box-shadow: 6px 6px 0 rgba(232, 0, 111, 0.22);
}

.zine-lesson-inside__card--blue {
	box-shadow: 6px 6px 0 rgba(59, 130, 246, 0.22);
}

.zine-lesson-inside__tape {
	position: absolute;
	top: -11px;
	width: 54px;
	height: 22px;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(17, 17, 17, 0.12);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.zine-lesson-inside__tape--1 { left: 18px; transform: rotate(-6deg); background: rgba(232, 0, 111, 0.18); }
.zine-lesson-inside__tape--2 { right: 22px; left: auto; transform: rotate(4deg); background: rgba(59, 130, 246, 0.18); }
.zine-lesson-inside__tape--3 { left: 42%; transform: translateX(-50%) rotate(-3deg); background: rgba(232, 0, 111, 0.18); }
.zine-lesson-inside__tape--4 { right: 28px; left: auto; transform: rotate(7deg); background: rgba(59, 130, 246, 0.18); }

.zine-lesson-inside__card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 12px;
}

.zine-lesson-inside__icon {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 16px;
	border: 3px solid #111;
	flex-shrink: 0;
	box-shadow: 3px 3px 0 #111;
	transform: rotate(-3deg);
}

.zine-lesson-inside__card--blue .zine-lesson-inside__icon {
	transform: rotate(3deg);
}

.zine-lesson-inside__icon svg {
	width: 36px;
	height: 36px;
	overflow: visible;
}

.zine-lesson-inside__icon--pink {
	background: var(--color-zine-pink, #e8006f);
}

.zine-lesson-inside__icon--blue {
	background: var(--color-zine-blue, #3b82f6);
}

.zine-lesson-inside__step {
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: 36px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.04em;
	color: #111;
	opacity: 0.14;
}

.zine-lesson-inside__card-title {
	display: inline-block;
	margin: 0;
	padding: 5px 11px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: clamp(14px, 1.4vw, 16px);
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid #111;
	box-shadow: 3px 3px 0 #111;
	transform: rotate(-1.5deg);
}

.zine-lesson-inside__card--pink .zine-lesson-inside__card-title {
	background: var(--color-zine-pink, #e8006f);
}

.zine-lesson-inside__card--blue .zine-lesson-inside__card-title {
	background: var(--color-zine-blue, #3b82f6);
	transform: rotate(1.5deg);
}

.zine-lesson-inside__card-text {
	margin: 0;
	font-size: clamp(14px, 1.4vw, 16px);
	font-weight: 600;
	line-height: 1.4;
	color: #111;
}

/* legacy bullets kept for safety if referenced elsewhere */
.zine-lesson-bullets {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 14px;
}

.zine-lesson-bullets__item {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 14px;
	align-items: start;
	padding: 16px 18px;
	background: #fff;
	border: 2px solid #111;
	box-shadow: 4px 4px 0 rgba(232, 0, 111, 0.25);
}

.zine-lesson-bullets__num {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #E8006F;
	color: #fff;
	font-family: "Rubik", sans-serif;
	font-weight: 900;
	font-size: 18px;
}

.zine-lesson-bullets__item p {
	margin: 8px 0 0;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	color: #111;
}

.zine-lesson-proof {
	padding: clamp(48px, 6vw, 88px) 0;
	background: #fff;
}

.zine-lesson-proof__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: clamp(24px, 4vw, 48px);
	align-items: center;
}

.zine-lesson-proof__copy .zine-section-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
}

.zine-lesson-proof__copy .zine-highlight {
	margin-top: 0;
	font-size: 0.78em;
	padding: 4px 12px;
}

.zine-lesson-proof__text {
	margin: 0;
	font-size: clamp(16px, 1.7vw, 18px);
	line-height: 1.6;
	color: #222;
	max-width: 38ch;
}

.zine-lesson-proof__text .zine-marker {
	font-weight: 800;
}

.zine-lesson-proof__shot {
	margin: 0;
	padding: 10px;
	background: #fff;
	border: 2.5px solid #111;
	box-shadow: 8px 8px 0 #2F6FED;
	transform: rotate(0.8deg);
}

.zine-lesson-proof__shot img {
	display: block;
	width: 100%;
	height: auto;
}

.zine-lesson-proof__shot figcaption {
	margin-top: 10px;
	padding: 0 4px 4px;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}

.zine-lesson-author {
	padding: clamp(48px, 6vw, 88px) 0;
	background: #F4F7FF;
	overflow: hidden;
}

.zine-lesson-author__stage {
	position: relative;
	width: 100%;
}

.zine-lesson-author__deco {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	line-height: 0;
}

.zine-lesson-author__deco svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.zine-lesson-author__deco--crown-black {
	left: 4%;
	top: 10%;
	width: 58px;
	transform: rotate(-12deg);
}

.zine-lesson-author__deco--crown-pink {
	right: 6%;
	top: 14%;
	width: 52px;
	transform: rotate(14deg);
}

.zine-lesson-author__deco--arrow-1 {
	left: 8%;
	bottom: 18%;
	width: 86px;
	transform: rotate(-8deg);
}

.zine-lesson-author__deco--arrow-2 {
	right: 18%;
	top: 8%;
	width: 72px;
	transform: rotate(18deg);
}

.zine-lesson-author__deco--check-1 {
	left: 3%;
	top: 42%;
	width: 44px;
	transform: rotate(-8deg);
}

.zine-lesson-author__deco--check-2 {
	right: 4%;
	bottom: 22%;
	width: 40px;
	transform: rotate(10deg);
}

.zine-lesson-author__deco--star {
	left: 14%;
	top: 6%;
	width: 42px;
	transform: rotate(-18deg);
}

.zine-lesson-author__deco--spark {
	right: 12%;
	bottom: 12%;
	width: 36px;
	transform: rotate(8deg);
}

.zine-lesson-author__deco--scribble {
	left: 18%;
	bottom: 8%;
	width: 90px;
	transform: rotate(-4deg);
}

.zine-lesson-author__deco--dot-pink,
.zine-lesson-author__deco--dot-blue {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2.5px solid #111;
}

.zine-lesson-author__deco--dot-pink {
	left: 22%;
	top: 22%;
	background: #E8006F;
}

.zine-lesson-author__deco--dot-blue {
	right: 28%;
	bottom: 28%;
	background: #2F6FED;
}

.zine-lesson-author__deco--plus {
	right: 8%;
	top: 38%;
	width: 28px;
	transform: rotate(12deg);
}

.zine-lesson-author__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(300px, 440px);
	gap: 0;
	align-items: center;
	justify-content: center;
	width: min(var(--bt-container), calc(100% - 40px));
	margin-inline: auto;
}

.zine-lesson-author__copy {
	padding-bottom: 0;
	justify-self: end;
	max-width: 36ch;
	margin-right: 36px;
	position: relative;
	z-index: 2;
}

.zine-lesson-author__copy .zine-section-title {
	margin-bottom: 20px;
	font-size: clamp(34px, 4.5vw, 52px);
}

.zine-lesson-author__copy .zine-highlight {
	margin-top: 0;
	font-size: 0.9em;
	padding: 8px 18px;
}

.zine-lesson-author__text {
	margin: 0 0 20px;
	max-width: none;
	font-size: clamp(18px, 2vw, 22px);
	line-height: 1.6;
	color: #222;
}

.zine-lesson-author__text .zine-marker {
	font-weight: 800;
}

.zine-lesson-author__visual {
	position: relative;
	justify-self: start;
	width: 100%;
	max-width: 440px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.zine-lesson-author__img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(72vh, 620px);
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.1));
}

.zine-lesson-author__link {
	font-size: 17px;
	font-weight: 800;
	color: #E8006F;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zine-lesson-bridge {
	padding: clamp(48px, 6vw, 88px) 0;
	background: #0A0A0A;
	color: #fff;
}

.zine-lesson-compare {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 28px 0 32px;
}

.zine-lesson-compare__col {
	padding: 22px 20px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.04);
}

.zine-lesson-compare__col--course {
	border-color: #E8006F;
	background: rgba(232, 0, 111, 0.12);
	position: relative;
}

.zine-lesson-compare__tag {
	display: inline-block;
	margin-bottom: 10px;
	padding: 4px 10px;
	background: #E8006F;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.zine-lesson-compare__col h3 {
	margin: 0 0 14px;
	font-family: "Rubik", sans-serif;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
}

.zine-lesson-compare__col ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 10px;
}

.zine-lesson-compare__col li {
	position: relative;
	padding-left: 18px;
	font-size: 15px;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.9);
}

.zine-lesson-compare__col li::before {
	content: "→";
	position: absolute;
	left: 0;
	color: #E8006F;
	font-weight: 800;
}

.zine-lesson-bridge__cta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.zine-lesson-bridge__deadline {
	margin: 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.7);
}

.zine-lesson-bridge__secondary {
	font-size: 14px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.75);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zine-lesson-bridge__secondary:hover {
	color: #fff;
}

.zine-lesson-final {
	padding: clamp(40px, 5vw, 72px) 0;
	background: #FFF7FB;
}

.zine-lesson-final__inner {
	text-align: center;
	max-width: 560px;
	margin: 0 auto;
}

.zine-lesson-final__inner h2 {
	margin: 0 0 10px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(24px, 3.2vw, 36px);
	font-weight: 900;
	text-transform: uppercase;
}

.zine-lesson-final__inner p {
	margin: 0 0 20px;
	font-size: 17px;
	color: #333;
}

.zine-thanks {
	padding: clamp(48px, 7vw, 96px) 0;
	background:
		radial-gradient(circle at 12% 18%, rgba(232, 0, 111, 0.08), transparent 42%),
		#fff;
}

.zine-thanks__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 40px);
	align-items: start;
}

.zine-thanks__title {
	margin: 14px 0 12px;
	font-family: "Rubik", sans-serif;
	font-size: clamp(32px, 4.5vw, 48px);
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.05;
}

.zine-thanks__lead {
	margin: 0 0 22px;
	font-size: 17px;
	line-height: 1.55;
	color: #333;
	max-width: 42ch;
}

.zine-thanks__lesson-card,
.zine-thanks__offer {
	padding: 22px 20px;
	border: 2.5px solid #111;
	background: #fff;
}

.zine-thanks__offer {
	box-shadow: 8px 8px 0 #E8006F;
}

.zine-thanks__lesson-card h2,
.zine-thanks__offer h2 {
	margin: 0 0 12px;
	font-family: "Rubik", sans-serif;
	font-size: 22px;
	font-weight: 900;
	text-transform: uppercase;
}

.zine-thanks__hint {
	margin: 12px 0 0;
	font-size: 14px;
	color: #555;
	line-height: 1.4;
}

.zine-thanks__offer-tag {
	display: inline-block;
	margin-bottom: 10px;
	padding: 4px 10px;
	background: #111;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.zine-thanks__offer p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.5;
	color: #222;
}

.zine-thanks__secondary {
	display: inline-block;
	margin-top: 12px;
	font-size: 14px;
	font-weight: 700;
	color: #555;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zine-thanks__channel {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 2px dashed #ddd;
}

.zine-thanks__channel h3 {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 800;
}

.zine-thanks__channel p {
	margin: 0 0 12px;
	font-size: 14px;
	color: #555;
}

/* —— Free lesson: channel conversion —— */
.zine-lesson-channel-card__lead {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}

.zine-lesson-channel-btns {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.zine-lesson-channel-btns--row {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 8px;
}

.zine-lesson-channel-btns--center {
	justify-content: center;
}

.zine-lesson-channel-btns__tg,
.zine-lesson-channel-btns .zine-btn--pink {
	text-align: center;
	justify-content: center;
}

.zine-lesson-channel-btns__max {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 22px;
	background: #111;
	color: #fff !important;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-weight: 800;
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	border: 3px solid #111;
	box-shadow: 4px 4px 0 #2F6FED;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.zine-lesson-channel-btns__max:hover {
	transform: translate(2px, 2px);
	box-shadow: 2px 2px 0 #2F6FED;
	color: #fff !important;
}

.zine-lesson-how {
	padding: clamp(40px, 5vw, 72px) 0;
	background: #fff;
}

.zine-lesson-how__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 24px 0 20px;
	padding: 0;
	list-style: none;
}

.zine-lesson-how__step {
	padding: 20px 18px;
	background: #F5F4F2;
	border: 3px solid #111;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.06);
}

.zine-lesson-how__num {
	display: block;
	margin-bottom: 8px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.06em;
	color: #E8006F;
}

.zine-lesson-how__step strong {
	display: block;
	margin-bottom: 6px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
}

.zine-lesson-how__step p {
	margin: 0;
	font-size: 15px;
	line-height: 1.4;
	color: #333;
}

.zine-lesson-faq {
	padding: clamp(40px, 5vw, 72px) 0;
	background: #F5F4F2;
}

.zine-lesson-faq__list {
	display: grid;
	gap: 12px;
	max-width: 760px;
}

.zine-lesson-faq__item {
	background: #fff;
	border: 2.5px solid #111;
	padding: 0;
}

.zine-lesson-faq__item summary {
	cursor: pointer;
	list-style: none;
	padding: 16px 18px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
}

.zine-lesson-faq__item summary::-webkit-details-marker {
	display: none;
}

.zine-lesson-faq__item summary::after {
	content: "+";
	float: right;
	font-weight: 900;
	color: #E8006F;
}

.zine-lesson-faq__item[open] summary::after {
	content: "–";
}

.zine-lesson-faq__item p {
	margin: 0;
	padding: 0 18px 16px;
	font-size: 15px;
	line-height: 1.5;
	color: #333;
}

.zine-lesson-bridge--soft {
	padding: clamp(36px, 5vw, 64px) 0;
}

.zine-lesson-bridge--soft .zine-section-title--on-dark,
.zine-lesson-bridge--soft .zine-section-intro--on-dark {
	color: #fff;
}

.zine-lesson-bridge__soft-cta {
	margin: 8px 0 0;
}

.zine-lesson-sticky {
	display: none;
}

.site-main--lesson {
	padding-bottom: 72px;
}

.zine-thanks .zine-lesson-channel-btns {
	margin-bottom: 10px;
}

.zine-thanks__offer .zine-thanks__secondary {
	display: inline-block;
	margin: 8px 16px 0 0;
}

@media (max-width: 900px) {
	.zine-lesson-how__grid {
		grid-template-columns: 1fr;
	}

	.zine-lesson-sticky {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 90;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0;
		border-top: 3px solid #111;
		box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
	}

	.zine-lesson-sticky__tg,
	.zine-lesson-sticky__max {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 14px 10px;
		font-family: var(--font-heading, "Rubik", sans-serif);
		font-weight: 900;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
	}

	.zine-lesson-sticky__tg {
		background: #E8006F;
		color: #fff !important;
	}

	.zine-lesson-sticky__max {
		background: #111;
		color: #fff !important;
	}
}

@media (max-width: 980px) {
	.zine-lesson-hero__grid,
	.zine-lesson-proof__grid,
	.zine-lesson-author__grid,
	.zine-lesson-compare,
	.zine-thanks__grid {
		grid-template-columns: 1fr;
	}

	.zine-lesson-author__grid {
		width: min(var(--bt-container), calc(100% - 32px));
		align-items: center;
	}

	.zine-lesson-author__deco--crown-black,
	.zine-lesson-author__deco--arrow-1,
	.zine-lesson-author__deco--scribble,
	.zine-lesson-author__deco--dot-blue,
	.zine-lesson-author__deco--plus {
		display: none;
	}

	.zine-lesson-author__copy {
		padding-bottom: 0;
		justify-self: stretch;
		max-width: none;
		margin-right: 0;
		order: 2;
	}

	.zine-lesson-author__visual {
		justify-self: center;
		max-width: 280px;
		margin: 0 auto;
		order: 1;
	}

	.zine-lesson-author__img {
		max-height: 420px;
	}

	.zine-lesson-author__text {
		max-width: none;
	}

	.zine-lesson-hero__right {
		min-height: 0;
		padding-right: 0;
		display: grid;
		gap: 16px;
	}

	.zine-lesson-hero__bubble {
		position: relative;
		top: 0;
		right: auto;
		width: min(240px, 80%);
		margin: 0 auto;
	}

	.zine-lesson-hero__form-wrap {
		max-width: 420px;
		margin: 0 auto;
	}

	.zine-lesson-hero__mascot {
		position: relative;
		right: auto;
		bottom: auto;
		width: min(260px, 70%);
		margin: 0 auto;
	}

	.zine-lesson-hero__features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zine-lesson-hero__title {
		max-width: none;
	}
}

@media (max-width: 900px) {
	.zine-lesson-inside > .container {
		width: min(var(--bt-container), calc(100% - 40px));
	}

	.zine-lesson-inside .zine-section-header {
		text-align: left;
	}

	.zine-lesson-inside .zine-section-title {
		justify-content: flex-start;
	}

	.zine-lesson-inside .zine-section-intro {
		margin-inline: 0;
	}

	.zine-lesson-inside__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.zine-lesson-inside__card {
		padding: 20px 16px 16px;
	}

	.zine-lesson-inside__icon {
		width: 56px;
		height: 56px;
		border-radius: 12px;
	}

	.zine-lesson-inside__icon svg {
		width: 32px;
		height: 32px;
	}

	.zine-lesson-inside__step {
		font-size: 30px;
	}

	.zine-lesson-bridge__cta .zine-btn {
		width: 100%;
		text-align: center;
	}

	.zine-lesson-hero__features {
		gap: 14px;
	}
}

/* —— About author `/o-avtore/` hero —— */
.zine-about-hero {
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: clamp(20px, 3vh, 40px) 0;
	background: var(--color-zine-bg, #f7f7f5);
	overflow: hidden;
	position: relative;
}

.zine-about-hero__stage {
	position: relative;
	width: 100%;
}

.zine-about-hero__deco {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	line-height: 0;
}

.zine-about-hero__deco svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.zine-about-hero__deco--crown-black {
	left: 3%;
	top: 8%;
	width: 52px;
	transform: rotate(-12deg);
}

.zine-about-hero__deco--crown-pink {
	right: 5%;
	top: 10%;
	width: 48px;
	transform: rotate(12deg);
}

.zine-about-hero__deco--arrow {
	left: 6%;
	bottom: 14%;
	width: 78px;
	transform: rotate(-6deg);
}

.zine-about-hero__deco--check {
	left: 4%;
	top: 40%;
	width: 40px;
	transform: rotate(-8deg);
}

.zine-about-hero__deco--star {
	right: 22%;
	top: 6%;
	width: 38px;
	transform: rotate(-16deg);
}

.zine-about-hero__deco--spark {
	right: 8%;
	bottom: 16%;
	width: 34px;
}

.zine-about-hero__deco--dot {
	right: 28%;
	bottom: 26%;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2.5px solid #111;
	background: #2F6FED;
}

.zine-about-hero__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(260px, 400px);
	gap: 0;
	align-items: center;
	width: min(var(--bt-container), calc(100% - 40px));
	margin-inline: auto;
}

.zine-about-hero__copy {
	justify-self: end;
	max-width: 38ch;
	margin-right: 28px;
}

.zine-about-hero__title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 16px;
}

.zine-about-hero__title .zine-highlight {
	margin-top: 0;
	font-size: clamp(28px, 4vw, 44px);
	padding: 8px 16px;
}

.zine-about-hero__subtitle {
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: clamp(18px, 2.2vw, 26px);
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
	color: #111;
	letter-spacing: -0.02em;
	max-width: 22ch;
}

.zine-about-hero__text {
	margin: 0 0 18px;
	font-size: clamp(15px, 1.5vw, 18px);
	line-height: 1.55;
	color: #222;
}

.zine-about-hero__text .zine-marker {
	font-weight: 800;
}

.zine-about-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 18px;
}

.zine-about-hero__link {
	font-weight: 800;
	color: #E8006F;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zine-about-hero__visual {
	justify-self: start;
	width: 100%;
	max-width: 400px;
}

.zine-about-hero__img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(78svh, 640px);
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.1));
}

@media (max-width: 900px) {
	.zine-about-hero {
		min-height: 0;
		padding: 40px 0 24px;
	}

	.zine-about-hero__grid {
		grid-template-columns: 1fr;
		width: min(var(--bt-container), calc(100% - 32px));
	}

	.zine-about-hero__copy {
		justify-self: stretch;
		max-width: none;
		margin-right: 0;
		order: 2;
	}

	.zine-about-hero__visual {
		justify-self: center;
		max-width: 260px;
		order: 1;
	}

	.zine-about-hero__img {
		max-height: 380px;
	}

	.zine-about-hero__deco--arrow,
	.zine-about-hero__deco--check,
	.zine-about-hero__deco--dot {
		display: none;
	}
}


/* —— About author path timeline —— */
.zine-path {
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	box-sizing: border-box;
	padding: clamp(28px, 5vh, 56px) 0 clamp(40px, 8vh, 80px);
	background: #FFF7FB;
}

.zine-path__inner {
	width: min(1000px, calc(100% - 48px));
	margin-inline: auto;
}

.zine-path__header {
	margin-bottom: clamp(16px, 2.5vh, 28px);
	text-align: center;
}

.zine-path__title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 12px;
	margin: 0;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: clamp(26px, 3.6vw, 42px);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	color: #111;
	letter-spacing: -0.02em;
}

.zine-path__title .zine-highlight {
	margin-top: 0;
	font-size: 0.82em;
	padding: 4px 12px;
}

.zine-path__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(8px, 1.2vw, 14px);
	align-items: stretch;
}

.zine-path__card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: clamp(12px, 1.8vh, 18px) clamp(12px, 1.2vw, 16px);
	background: #fff;
	border: 3px solid #111;
	box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.1);
	min-height: 0;
}

.zine-path__card--pink {
	box-shadow: 4px 4px 0 rgba(232, 0, 111, 0.22);
}

.zine-path__card--blue {
	box-shadow: 4px 4px 0 rgba(47, 111, 237, 0.22);
}

.zine-path__num {
	position: absolute;
	top: 8px;
	right: 10px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
	color: #111;
	opacity: 0.12;
}

.zine-path__year {
	display: inline-block;
	padding: 3px 9px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
	background: #111;
	border: 2px solid #111;
}

.zine-path__card--pink .zine-path__year {
	background: var(--color-zine-pink, #e8006f);
}

.zine-path__card--blue .zine-path__year {
	background: var(--color-zine-blue, #2f6fed);
}

.zine-path__card-title {
	margin: 0;
	padding: 4px 8px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: clamp(14px, 1.3vw, 16px);
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
	color: #111;
	border: 2px solid #111;
	background: #fff;
	box-shadow: 2px 2px 0 #111;
	transform: rotate(-1deg);
}

.zine-path__card--blue .zine-path__card-title {
	transform: rotate(1deg);
}

.zine-path__card-text {
	margin: 0;
	font-size: clamp(12px, 1.15vw, 14px);
	font-weight: 600;
	line-height: 1.35;
	color: #222;
}

.zine-path__creds {
	margin-top: clamp(20px, 3vh, 32px);
	text-align: center;
}

.zine-path__creds-title {
	margin: 0 0 14px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: clamp(16px, 1.8vw, 20px);
	font-weight: 900;
	text-transform: uppercase;
	color: #111;
	letter-spacing: -0.02em;
}

.zine-path__creds-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px 14px;
}

.zine-path__cred {
	display: inline-block;
	padding: 10px 14px;
	background: var(--color-zine-pink, #e8006f);
	color: #111;
	border: 2.5px solid #111;
	box-shadow: 3px 3px 0 #111;
	font-family: "Caveat", cursive;
	font-size: clamp(18px, 1.8vw, 22px);
	font-weight: 700;
	line-height: 1.1;
	white-space: nowrap;
}

.zine-path__cred--1 { transform: rotate(-3deg); }
.zine-path__cred--2 { transform: rotate(2deg); }
.zine-path__cred--3 { transform: rotate(-2deg); }
.zine-path__cred--4 { transform: rotate(3deg); }

.zine-marquee-wrapper--about-path {
	margin-top: -12px;
	margin-bottom: 0;
	z-index: 5;
}

.zine-path {
	padding-bottom: clamp(28px, 4vh, 48px);
}

@media (max-width: 1100px) {
	.zine-path__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.zine-path {
		min-height: 0;
		padding: 48px 0;
	}

	.zine-path__grid {
		grid-template-columns: 1fr;
	}

	.zine-path__header {
		text-align: left;
	}

	.zine-path__title {
		justify-content: flex-start;
	}
}

/* —— About factory story (fixed overlap) —— */
.zine-factory {
	padding: clamp(48px, 6vw, 88px) 0;
	background: #fff;
}

.zine-factory__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.95fr);
	gap: clamp(28px, 4vw, 48px);
	align-items: start;
}

.zine-factory__title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin: 0 0 16px;
	font-family: var(--font-heading, "Rubik", sans-serif);
	font-size: clamp(26px, 3.4vw, 40px);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	color: #111;
	letter-spacing: -0.02em;
}

.zine-factory__title .zine-highlight {
	margin-top: 0;
	font-size: 0.82em;
	padding: 4px 12px;
}

.zine-factory__text {
	margin: 0 0 14px;
	max-width: 46ch;
	font-size: clamp(15px, 1.5vw, 17px);
	line-height: 1.55;
	color: #222;
}

.zine-factory__text .zine-marker {
	font-weight: 800;
}

.zine-factory__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin-top: 18px;
}

.zine-factory__link {
	font-weight: 800;
	color: #E8006F;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zine-factory__visual {
	position: relative;
	display: grid;
	gap: 18px;
}

.zine-factory__shot {
	margin: 0;
	padding: 10px;
	background: #fff;
	border: 3px solid #111;
	box-shadow: 6px 6px 0 rgba(232, 0, 111, 0.22);
}

.zine-factory__shot--make {
	transform: rotate(1.2deg);
	box-shadow: 6px 6px 0 #2F6FED;
}

.zine-factory__shot--dzen {
	transform: rotate(-1.5deg);
}

.zine-factory__img {
	display: block;
	width: 100%;
	height: auto;
}

.zine-factory__shot figcaption {
	margin-top: 8px;
	font-size: 13px;
	font-weight: 700;
	color: #444;
}

.zine-marquee-wrapper--about-path {
	margin-bottom: 8px;
}

@media (max-width: 900px) {
	.zine-factory__grid {
		grid-template-columns: 1fr;
	}

	.zine-factory__shot--make,
	.zine-factory__shot--dzen {
		transform: none;
	}
}