/* ==========================================================================
   1AM Vivid — 블록 패턴 스타일
   사이트와 편집기(블록 에디터)에 똑같이 적용됩니다.
   편집기에서 "+" → 패턴 → 1AM 에서 끼워 넣을 수 있습니다.
   ========================================================================== */

.oa-hero,
.oa-cards,
.oa-steps,
.oa-cta {
	--oa-ink: #0d0b12;
	--oa-paper: #fbf8f2;
	--oa-c1: #8a3ffc;
	--oa-c2: #16c75a;
	font-family: "Archivo", "Arial Black", sans-serif;
}
.oa-hero .wp-block-heading,
.oa-cards .wp-block-heading,
.oa-steps .wp-block-heading,
.oa-cta .wp-block-heading {
	font-weight: 900;
	font-variation-settings: "wdth" 74;
	text-transform: uppercase;
	line-height: .95;
	letter-spacing: -.01em;
}
.oa-hero em, .oa-cards em, .oa-steps em, .oa-cta em {
	font-family: "Instrument Serif", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	text-transform: none;
	font-variation-settings: normal;
}
.oa-eyebrow {
	font-size: 12px !important;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

/* 컬러 헤더 */
.oa-hero {
	padding: clamp(48px, 7vw, 96px) clamp(24px, 4vw, 56px) !important;
	border-radius: 28px;
	color: #fff;
	background: linear-gradient(135deg, var(--oa-c1), var(--oa-c2)) !important;
}
.oa-hero .wp-block-heading { font-size: clamp(40px, 6vw, 96px); margin: 8px 0 0; color: #fff; }
.oa-hero p { max-width: 52ch; font-size: clamp(16px, 1.3vw, 19px); }

/* 장점 카드 */
.oa-cards { gap: 16px; }
.oa-card {
	padding: 28px !important;
	border-radius: 24px;
	background: #fff;
	min-height: 220px;
}
.oa-card::before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	margin-bottom: 28px;
	border-radius: 16px 50% 50% 50%;
	background: linear-gradient(135deg, var(--oa-c1), var(--oa-c2));
}
.oa-card .wp-block-heading { font-size: clamp(20px, 1.8vw, 26px); margin: 0 0 8px; }
.oa-card p { margin: 0; opacity: .75; }
.oa-card:nth-child(2) { --oa-c1: #ff2e4d; --oa-c2: #ffb321; }
.oa-card:nth-child(3) { --oa-c1: #00c2a8; --oa-c2: #1e5bff; }
.oa-card:nth-child(4) { --oa-c1: #ffd60a; --oa-c2: #ff8a4d; }

/* 구매 절차 */
.oa-steps {
	padding: clamp(40px, 6vw, 80px) clamp(24px, 4vw, 56px) !important;
	border-radius: 28px;
	background: var(--oa-ink) !important;
	color: #fff;
	counter-reset: oa-step;
}
.oa-steps > .wp-block-heading { color: #fff; font-size: clamp(32px, 4vw, 64px); }
.oa-step { counter-increment: oa-step; }
.oa-step::before {
	content: counter(oa-step);
	display: grid;
	place-items: center;
	width: 60px;
	height: 60px;
	margin-bottom: 16px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--oa-c1), var(--oa-c2));
	font-size: 24px;
	font-weight: 900;
}
.oa-step .wp-block-heading { color: #fff; font-size: clamp(22px, 2vw, 32px); margin: 0 0 8px; }
.oa-step p { opacity: .75; margin: 0; }

/* 가입 유도 */
.oa-cta { text-align: center; padding: clamp(40px, 6vw, 80px) 0 !important; }
.oa-cta .wp-block-heading {
	font-size: clamp(44px, 8vw, 130px);
	background: linear-gradient(90deg, var(--oa-c1), var(--oa-c2));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	margin: 0 0 16px;
}

/* 버튼 (모든 패턴 + 기본 버튼 블록) */
.wp-block-button__link {
	text-decoration: none !important;
	border-radius: 999px !important;
	padding: 16px 28px !important;
	font-weight: 800 !important;
	text-transform: uppercase;
	letter-spacing: .03em;
	font-size: 14px !important;
	background: #0d0b12;
	color: #fff;
}
.oa-hero .wp-block-button__link { background: #fff; color: #0d0b12; }
.oa-steps .wp-block-button__link { background: #fff; color: #0d0b12; }
.is-style-outline > .wp-block-button__link { background: transparent; color: inherit; box-shadow: inset 0 0 0 2px currentColor; }