@charset "utf-8";
/* =====================================================
   준비중 페이지 — style/ready.css
   ===================================================== */
.reveal {opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease;}
.reveal.on {opacity:1; transform:none;}

.ready-wrap {
	position:relative;
	max-width:820px;
	margin:60px auto 80px;
	padding:72px 60px 68px;
	text-align:center;
	background:#fff;
	border:1px solid var(--border1);
	border-radius:20px;
	box-shadow:0 30px 60px rgba(17,17,17,.04);
	overflow:hidden;
}
.ready-wrap::before {
	content:'';
	position:absolute;
	top:0; left:0; right:0;
	height:4px;
	background:linear-gradient(90deg, var(--c_base1), #ff6b3d, var(--c_base1));
}

/* 상단 배지 */
.ready-badge {
	display:inline-flex; align-items:center; gap:10px;
	padding:8px 18px;
	background:rgba(198,36,30,.08);
	border-radius:24px;
	font-size:var(--fs13); font-weight:700; letter-spacing:.12em; color:var(--c_base1);
}
.ready-dot {
	width:8px; height:8px; border-radius:50%; background:var(--c_base1);
	animation:readyPulse 1.6s ease-in-out infinite;
}
@keyframes readyPulse {
	0%,100% {opacity:1; transform:scale(1);}
	50%     {opacity:.4; transform:scale(.7);}
}

/* 아이콘 */
.ready-visual {
	margin-top:32px; display:flex; justify-content:center;
	animation:readyFloat 3.6s ease-in-out infinite;
}
@keyframes readyFloat {
	0%,100% {transform:translateY(0);}
	50%     {transform:translateY(-6px);}
}

/* 타이틀 */
.ready-title {
	margin-top:24px;
	font-size:var(--fs36); font-weight:800; color:#1a1a1a;
	letter-spacing:-.02em; line-height:1.25;
}
.ready-sub {
	margin-top:8px;
	font-size:var(--fs16); font-weight:500; color:#888; letter-spacing:.02em;
}

/* 설명 */
.ready-desc {
	margin-top:24px;
	font-size:var(--fs16); color:#555; line-height:1.75;
}
.ready-desc b {color:var(--c_base1); font-weight:700;}

/* 문의 정보 */
.ready-meta {
	display:flex; flex-wrap:wrap; justify-content:center; gap:8px 28px;
	margin-top:32px;
	padding:18px 24px;
	background:var(--bg1);
	border-radius:12px;
	font-size:var(--fs14); color:#555;
}
.ready-meta span {display:inline-flex; gap:8px; align-items:center;}
.ready-meta b {color:#1a1a1a; font-weight:700;}

/* 버튼 */
.ready-btns {
	display:flex; flex-wrap:wrap; justify-content:center; gap:12px;
	margin-top:36px;
}
.ready-btn {
	display:inline-flex; flex-direction:column; align-items:center;
	min-width:180px;
	padding:16px 28px;
	background:#fff;
	border:1px solid var(--border1);
	border-radius:12px;
	text-decoration:none;
	transition:all .25s;
}
.ready-btn span {font-size:var(--fs15); font-weight:700; color:#1a1a1a;}
.ready-btn em {margin-top:2px; font-size:var(--fs12); font-style:normal; color:#999; letter-spacing:.06em; text-transform:uppercase;}
.ready-btn:hover {border-color:var(--c_base1); transform:translateY(-3px); box-shadow:0 12px 28px rgba(200,38,28,.10);}
.ready-btn:hover span {color:var(--c_base1);}

.ready-btn--primary {background:var(--c_base1); border-color:var(--c_base1);}
.ready-btn--primary span {color:#fff;}
.ready-btn--primary em {color:rgba(255,255,255,.7);}
.ready-btn--primary:hover {background:#a91b16; border-color:#a91b16;}
.ready-btn--primary:hover span {color:#fff;}

/* ── 태블릿 (~1199px) ── */
@media screen and (max-width: 1199px) {
	.ready-wrap {margin:40px auto 60px; padding:56px 40px 52px;}
	.ready-title {font-size:var(--fs30);}
}

/* ── 모바일 (~767px) ── */
@media screen and (max-width: 767px) {
	.ready-wrap {margin:20px auto 40px; padding:44px 24px 40px; border-radius:16px;}
	.ready-visual svg {width:96px; height:96px;}
	.ready-title {margin-top:20px; font-size:var(--fs24);}
	.ready-sub {font-size:var(--fs14);}
	.ready-desc {margin-top:18px; font-size:var(--fs14);}
	.ready-meta {flex-direction:column; gap:6px; padding:14px 18px; font-size:var(--fs13);}
	.ready-btns {margin-top:28px; gap:10px;}
	.ready-btn {min-width:0; flex:1 1 45%; padding:14px 18px;}
}