:root {
	--bg:#fff;
	--bg-soft:#F5F6F8;
	--ink:#111213;
	--ink-muted:#5C6066;
	--line:#E5E7EB;
	--cta-bg:#111213;
	--cta-fg:#fff;
	--radius-pill:999px;
	--radius-card:16px;
	--pk-brand:#FFD02F;
	--pk-rose:#FFD7E0;
	--pk-teal:#C9EFE6;
	--pk-coral:#FFD9C7;
	--pk-violet:#E2DAFF;
	--pk-cream:#FFF8E7;
	--pk-ink:#24153F;
	--pk-plum:#5B3FD6;
	--pk-blue:#6BD6FF;
	--pk-lime:#DDF56D;
	--pk-paper-line:#E8DED0;
	--np-green:#03C75A;
}

.renewal-pill {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:0 24px;
	border-radius:var(--radius-pill);
	background:var(--cta-bg);
	color:var(--cta-fg) !important;
	font-size:16px;
	font-weight:700;
}

.renewal-pill.outline {
	background:#fff;
	color:var(--ink) !important;
	border:1px solid var(--ink);
}

.renewal-badge {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:6px 12px;
	border-radius:var(--radius-pill);
	background:#FFF1A8;
	color:var(--pk-ink);
	font-size:13px;
	font-weight:800;
	box-shadow:inset 0 -1px 0 rgba(36,21,63,.14);
}

.intro-accent {
	font:inherit;
	font-weight:800;
	letter-spacing:0;
}

.intro-accent.ai,
.intro-service-box .service-name.ai {
	color:#B56A00;
}

.intro-accent.solution {
	color:#153E75;
}

.intro-title-box > strong {
	color:#153E75;
	letter-spacing:.02em;
}

.intro-about-box .intro-title-box > strong,
.intro-spec-box .intro-title-box > strong {
	color:#153E75;
}

.intro-monitor-frame {
	position:relative;
	padding:12px;
	border:1px solid rgba(36,21,63,.18);
	border-radius:22px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.82), rgba(245,247,252,.38)),
		linear-gradient(135deg, rgba(255,208,47,.24), rgba(107,214,255,.18) 48%, rgba(36,21,63,.12));
	box-shadow:0 26px 64px rgba(36,21,63,.18), 0 1px 0 rgba(255,255,255,.9) inset;
	overflow:visible;
	transform:translateZ(0);
	transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.intro-monitor-frame:before {
	position:absolute;
	z-index:2;
	content:"";
	inset:12px;
	border-radius:14px;
	background:
		linear-gradient(120deg, rgba(255,255,255,.36), transparent 24%, transparent 68%, rgba(255,255,255,.16)),
		linear-gradient(180deg, rgba(255,255,255,.14), transparent 34%);
	pointer-events:none;
}

.intro-monitor-frame:after {
	position:absolute;
	left:50%;
	bottom:-20px;
	width:42%;
	height:18px;
	content:"";
	border-radius:0 0 999px 999px;
	background:linear-gradient(180deg, rgba(36,21,63,.20), rgba(36,21,63,0));
	transform:translateX(-50%);
	filter:blur(.2px);
	pointer-events:none;
}

.intro-monitor-frame img {
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	height:auto;
	border-radius:14px;
	box-shadow:0 0 0 1px rgba(36,21,63,.12), 0 16px 36px rgba(17,18,19,.14);
}

@media (hover:hover) and (pointer:fine) {
	.intro-monitor-frame:hover {
		border-color:rgba(255,208,47,.56);
		box-shadow:0 32px 78px rgba(36,21,63,.24), 0 0 34px rgba(255,208,47,.20), 0 1px 0 rgba(255,255,255,.95) inset;
		transform:translateY(-6px);
	}
}

.intro-service-box .intro-title-box > strong {
	color:#B56A00;
}

.intro-start-box h3 {
	color:#111213;
}

.intro-start-box h4 {
	color:#14151A;
}

.intro-service-box .list li {
	border-color:rgba(181,106,0,.20);
}

.intro-service-box .list li .inner {
	transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.intro-service-box .list li:nth-child(2) {
	border-color:rgba(21,62,117,.22);
}

.intro-service-box .list li:nth-child(3) {
	border-color:rgba(181,106,0,.30);
}

.intro-service-box .list li .inner:hover {
	transform:translateY(-4px);
	box-shadow:0 18px 44px rgba(17,18,19,.10);
}

.intro-spec-box .list li em {
	color:#B56A00;
}

.intro-spec-box .list li:nth-child(1) em,
.intro-spec-box .list li:nth-child(4) em {
	color:#FFD02F;
}

.intro-oath-box h3 b {
	color:#B56A00;
}

.main-benefit-box ul {
	align-items:stretch;
}

.main-benefit-box ul li {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:48px 46px;
}

.main-benefit-box ul li img {
	display:block;
	max-height:190px;
	object-fit:contain;
	object-position:left center;
}

.main-benefit-box ul li p {
	margin:16px 0 0;
	font-size:21px;
	line-height:1.55;
}

.main-benefit-box ul li div {
	margin:18px 0 0;
}

.main-benefit-box ul li div a {
	height:48px;
	padding:0 30px;
	border-radius:999px;
	font-size:16px;
}

.main-benefit-box .main-service-picktion {
	min-height:190px;
	margin:0 0 16px;
	padding:18px;
}

.main-benefit-box .main-service-picktion .sticky-row {
	gap:10px;
	margin:0 0 14px;
}

.main-benefit-box .main-service-picktion .sticky-note {
	min-height:76px;
	padding:14px;
}

.main-benefit-box .main-service-picktion .sticky-note strong {
	font-size:18px;
}

.main-benefit-box .main-service-picktion .sticky-note p,
.main-benefit-box .main-service-picktion .episode-preview p {
	font-size:13px;
	line-height:1.45;
}

.main-benefit-box .main-service-picktion .episode-preview {
	min-height:auto;
	padding:16px;
}

.main-picktion-summary {
	background:
		linear-gradient(135deg, rgba(255,208,47,.20), rgba(226,218,255,.34) 42%, rgba(201,239,230,.30)),
		var(--pk-cream);
	padding:96px 0;
}

.main-picktion-summary .inner {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:56px;
	align-items:center;
}

.main-picktion-summary h3,
.picktion-page h2,
.picktion-page h3 {
	font-family:'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
	letter-spacing:0;
	color:var(--pk-ink);
}

.main-picktion-summary,
.picktion-page {
	font-family:'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

.main-picktion-summary h3 {
	margin:18px 0 18px;
	font-size:48px;
	line-height:1.15;
	font-weight:760;
	max-width:700px;
}

.main-picktion-summary p {
	font-size:18px;
	line-height:1.7;
	font-weight:400;
	color:var(--ink-muted);
	word-break:keep-all;
}

.picktion-page {
	background:#FFFCF4;
	color:var(--pk-ink);
}

.picktion-section {
	padding:96px 0;
}

.picktion-section.soft {
	background:
		linear-gradient(90deg, rgba(107,214,255,.16), transparent 38%, rgba(255,215,224,.24)),
		#F8F6FF;
}

.picktion-hero {
	padding:76px 0 96px;
	background:
		linear-gradient(135deg, rgba(255,208,47,.40), rgba(255,248,231,.90) 36%, rgba(226,218,255,.72) 72%, rgba(201,239,230,.62)),
		linear-gradient(#fff8e7 31px, transparent 32px),
		linear-gradient(90deg, #fff8e7 31px, var(--pk-paper-line) 32px);
	background-size:auto, 32px 32px, 32px 32px;
	border-bottom:1px solid rgba(36,21,63,.08);
}

.picktion-hero .hero-grid {
	display:grid;
	grid-template-columns:minmax(0, 1fr) minmax(360px, 0.92fr);
	gap:56px;
	align-items:center;
}

.novel-cover-strip {
	display:flex;
	justify-content:center;
	gap:14px;
	margin:0 0 46px;
	perspective:1200px;
}

.novel-cover {
	position:relative;
	width:156px;
	aspect-ratio:3 / 4.25;
	padding:22px 18px 18px;
	border:1px solid rgba(36,21,63,.18);
	border-radius:10px;
	background:#24153F;
	box-shadow:14px 18px 32px rgba(36,21,63,.18);
	overflow:hidden;
	cursor:pointer;
	transform:rotate(var(--tilt, -2deg));
	transform-origin:center bottom;
	transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.novel-cover img {
	position:absolute;
	z-index:0;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transform:scale(1.02);
	filter:saturate(.96) brightness(.94);
	transition:transform .42s ease, filter .42s ease;
}

.novel-cover:before {
	position:absolute;
	z-index:1;
	content:"";
	inset:0;
	background:
		linear-gradient(90deg, rgba(255,255,255,.24), transparent 17%),
		radial-gradient(circle at 72% 24%, rgba(255,255,255,.28), transparent 20%),
		linear-gradient(180deg, rgba(0,0,0,.10), transparent 32%, rgba(0,0,0,.72));
	pointer-events:none;
	transition:background .34s ease, opacity .34s ease;
}

.novel-cover:after {
	position:absolute;
	z-index:1;
	content:"";
	left:14px;
	top:14px;
	bottom:14px;
	width:3px;
	border-radius:999px;
	background:rgba(255,255,255,.58);
	pointer-events:none;
	box-shadow:0 0 0 rgba(255,208,47,0);
	transition:background .34s ease, box-shadow .34s ease;
}

@media (hover:hover) and (pointer:fine) {
	.novel-cover:hover {
		z-index:3;
		border-color:rgba(255,208,47,.62);
		box-shadow:0 22px 52px rgba(36,21,63,.28), 0 0 0 1px rgba(255,255,255,.55) inset;
		transform:translateY(-10px) rotate(calc(var(--tilt, -2deg) * .35)) scale(1.035);
	}
	.novel-cover:hover img {
		filter:saturate(1.1) brightness(1.08);
		transform:scale(1.08);
	}
	.novel-cover:hover:before {
		background:
			linear-gradient(112deg, transparent 0 35%, rgba(255,255,255,.42) 43%, transparent 52%),
			linear-gradient(90deg, rgba(255,255,255,.30), transparent 17%),
			radial-gradient(circle at 72% 24%, rgba(255,208,47,.34), transparent 22%),
			linear-gradient(180deg, rgba(0,0,0,.04), transparent 34%, rgba(0,0,0,.68));
	}
	.novel-cover:hover:after {
		background:#FFD02F;
		box-shadow:0 0 18px rgba(255,208,47,.72);
	}
	.novel-cover:hover span {
		background:rgba(255,208,47,.92);
		color:#24153F;
		text-shadow:none;
	}
}

.novel-cover span,
.novel-cover strong,
.novel-cover em {
	position:relative;
	z-index:2;
	display:block;
	color:#fff;
	text-shadow:0 2px 10px rgba(0,0,0,.24);
}

.novel-cover span {
	margin:0 0 42px;
	padding:5px 9px;
	width:max-content;
	max-width:100%;
	border-radius:999px;
	background:rgba(0,0,0,.26);
	backdrop-filter:blur(8px);
	font-size:11px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
	opacity:.84;
}

.novel-cover strong {
	font-size:22px;
	line-height:1.18;
	font-weight:800;
	letter-spacing:0;
	word-break:keep-all;
	text-shadow:0 3px 16px rgba(0,0,0,.48);
}

.novel-cover em {
	position:absolute;
	left:18px;
	right:18px;
	bottom:18px;
	font-size:12px;
	font-style:normal;
	font-weight:700;
	opacity:.9;
}

.novel-cover.romantasy {
	--tilt:-3deg;
	background:linear-gradient(145deg, #B85C9E, #33205B 58%, #140D22);
}

.novel-cover.fantasy {
	--tilt:1.5deg;
	background:linear-gradient(145deg, #21B6D7, #2454B8 54%, #111B4A);
}

.novel-cover.martial {
	--tilt:-1deg;
	background:linear-gradient(145deg, #D24545, #20232A 56%, #08090C);
}

.novel-cover.thriller {
	--tilt:2.5deg;
	background:linear-gradient(145deg, #6F72FF, #24153F 58%, #0D0B14);
}

.novel-cover.modern-romance {
	--tilt:-1.8deg;
	background:linear-gradient(145deg, #E7A0A2, #70424B 58%, #1C1218);
}

.novel-cover.fan-fiction {
	--tilt:1.8deg;
	background:linear-gradient(145deg, #F3C45D, #2C3858 58%, #101427);
}

.picktion-logo {
	display:inline-flex;
	align-items:center;
	gap:14px;
	margin:0 0 28px;
}

.picktion-logo img {
	width:190px;
	height:auto;
	filter:drop-shadow(0 10px 20px rgba(36,21,63,.12));
}

.picktion-hero h2 {
	position:relative;
	margin:0 0 22px;
	font-size:56px;
	line-height:1.12;
	font-weight:760;
	word-break:keep-all;
	color:var(--pk-ink);
}

.picktion-hero h2:after {
	display:block;
	content:"";
	width:min(420px, 78%);
	height:16px;
	margin:-12px 0 0;
	background:linear-gradient(90deg, var(--pk-brand), var(--pk-lime));
	border-radius:999px;
	opacity:.72;
}

.picktion-hero p {
	max-width:640px;
	margin:0 0 32px;
	font-size:20px;
	line-height:1.75;
	font-weight:400;
	color:#4D4660;
	word-break:keep-all;
}

.picktion-actions {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

.whiteboard {
	position:relative;
	min-height:520px;
	padding:24px;
	border:1px solid rgba(36,21,63,.12);
	border-radius:var(--radius-card);
	background:
		linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,252,244,.96)),
		#fff;
	box-shadow:0 28px 70px rgba(36,21,63,0.16);
	overflow:hidden;
}

.whiteboard:before {
	position:absolute;
	content:"";
	inset:0;
	background-image:
		linear-gradient(rgba(36,21,63,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(36,21,63,.06) 1px, transparent 1px);
	background-size:18px 18px;
	opacity:.65;
}

.whiteboard:after {
	position:absolute;
	content:"Draft";
	right:22px;
	top:18px;
	z-index:1;
	padding:6px 10px;
	border:1px solid rgba(36,21,63,.16);
	border-radius:999px;
	background:#fff;
	color:#7C6E92;
	font-size:12px;
	font-weight:700;
}

.board-card,
.sticky-note,
.choice-chip,
.episode-preview {
	position:relative;
	z-index:1;
}

.board-card {
	background:rgba(255,255,255,.92);
	border:1px solid rgba(36,21,63,.12);
	border-radius:14px;
	padding:18px;
	box-shadow:0 12px 26px rgba(36,21,63,0.10);
}

.board-card h4,
.sticky-note strong,
.episode-preview strong {
	display:block;
	margin:0 0 8px;
	font-size:17px;
	font-weight:700;
	color:var(--pk-ink);
}

.board-card p,
.sticky-note p,
.episode-preview p {
	font-size:15px;
	line-height:1.55;
	font-weight:400;
	color:#5E5870;
	word-break:keep-all;
}

.sticky-row {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
	margin:0 0 14px;
}

.sticky-note {
	min-height:138px;
	padding:18px;
	border:1px solid rgba(36,21,63,.10);
	border-radius:12px;
	transform:rotate(-1.5deg);
	box-shadow:0 14px 24px rgba(36,21,63,0.10);
}

.sticky-note.teal {background:linear-gradient(145deg, var(--pk-teal), #EFFFFA); transform:rotate(1.2deg);}
.sticky-note.rose {background:linear-gradient(145deg, var(--pk-rose), #FFF0F4);}
.sticky-note.coral {background:linear-gradient(145deg, var(--pk-coral), #FFF1E8); transform:rotate(.8deg);}
.sticky-note.violet {background:linear-gradient(145deg, var(--pk-violet), #F4F0FF); transform:rotate(-.7deg);}

.choice-list {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:14px 0;
}

.choice-chip {
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:0 14px;
	border:1px solid rgba(36,21,63,.18);
	border-radius:var(--radius-pill);
	background:#fff;
	color:var(--pk-ink);
	font-size:14px;
	font-weight:650;
	box-shadow:0 7px 18px rgba(36,21,63,.08);
}

.episode-preview {
	margin-top:14px;
	padding:20px;
	border-radius:14px;
	background:
		linear-gradient(135deg, rgba(91,63,214,.38), rgba(36,21,63,.96)),
		var(--pk-ink);
	color:#fff;
	box-shadow:0 18px 34px rgba(36,21,63,.22);
}

.episode-preview strong,
.episode-preview p {
	color:#fff;
}

.mock-caption {
	position:relative;
	z-index:1;
	margin:-2px 24px 20px;
	font-size:13px;
	color:#766D86;
	text-align:left;
}

.flow-list {
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:16px;
}

.flow-step {
	position:relative;
	padding:24px;
	border:1px solid rgba(36,21,63,.10);
	border-radius:var(--radius-card);
	background:#FFFDF8;
	box-shadow:0 12px 32px rgba(36,21,63,.07);
}

.flow-step:after {
	position:absolute;
	content:"";
	left:24px;
	right:24px;
	bottom:0;
	height:4px;
	border-radius:999px 999px 0 0;
	background:linear-gradient(90deg, var(--pk-brand), var(--pk-blue), var(--pk-violet));
}

.flow-step span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	margin-bottom:18px;
	border-radius:50%;
	background:linear-gradient(135deg, var(--pk-brand), #FFF0A8);
	color:var(--pk-ink);
	font-size:15px;
	font-weight:700;
}

.flow-step strong {
	display:block;
	margin:0 0 8px;
	font-size:20px;
	font-weight:700;
	color:var(--pk-ink);
}

.flow-step p {
	font-size:15px;
	line-height:1.6;
	font-weight:400;
	color:#5E5870;
	word-break:keep-all;
}

.picktion-title {
	margin:0 0 42px;
}

.picktion-title .renewal-badge {
	margin-bottom:16px;
}

.picktion-title h3 {
	font-size:48px;
	line-height:1.2;
	font-weight:740;
	color:var(--pk-ink);
}

.picktion-title p {
	max-width:780px;
	margin:16px 0 0;
	font-size:18px;
	line-height:1.7;
	font-weight:400;
	color:#5E5870;
	word-break:keep-all;
}

.why-grid,
.feature-grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:18px;
}

.why-card,
.feature-card {
	position:relative;
	min-height:210px;
	padding:28px;
	border:1px solid rgba(36,21,63,.10);
	border-radius:var(--radius-card);
	background:#FFFDF8;
	box-shadow:0 12px 30px rgba(36,21,63,.07);
	overflow:hidden;
}

.why-card {
	padding-top:34px;
}

.why-card:before {
	position:absolute;
	content:"";
	left:0;
	right:0;
	top:0;
	height:7px;
	background:var(--why-accent, var(--pk-brand));
}

.why-card:after {
	position:absolute;
	right:20px;
	top:18px;
	color:rgba(36,21,63,.16);
	font-size:42px;
	font-weight:800;
	line-height:1;
}

.why-card:nth-child(1) {
	--why-accent:#FFD02F;
	background:linear-gradient(145deg, #FFF4B8, #FFFDF8 72%);
}

.why-card:nth-child(1):after {content:"01";}

.why-card:nth-child(2) {
	--why-accent:#FF8FA8;
	background:linear-gradient(145deg, #FFD7E0, #FFFDF8 72%);
}

.why-card:nth-child(2):after {content:"02";}

.why-card:nth-child(3) {
	--why-accent:#51CDB9;
	background:linear-gradient(145deg, #C9EFE6, #FFFDF8 72%);
}

.why-card:nth-child(3):after {content:"03";}

.why-card:nth-child(4) {
	--why-accent:#FFB184;
	background:linear-gradient(145deg, #FFD9C7, #FFFDF8 72%);
}

.why-card:nth-child(4):after {content:"04";}

.why-card:nth-child(5) {
	--why-accent:#8E79FF;
	background:linear-gradient(145deg, #E2DAFF, #FFFDF8 72%);
}

.why-card:nth-child(5):after {content:"05";}

.why-card:nth-child(6) {
	--why-accent:#6BD6FF;
	background:linear-gradient(145deg, #D9F5FF, #FFFDF8 72%);
}

.why-card:nth-child(6):after {content:"06";}

.why-card:hover {
	transform:translateY(-4px);
	box-shadow:0 18px 42px rgba(36,21,63,.12);
	transition:transform .25s ease, box-shadow .25s ease;
}

.feature-card.yellow {background:linear-gradient(145deg, #FFF8D9, #FFFDF8);}
.feature-card.rose {background:linear-gradient(145deg, var(--pk-rose), #FFFDF8);}
.feature-card.teal {background:linear-gradient(145deg, var(--pk-teal), #FFFDF8);}
.feature-card.coral {background:linear-gradient(145deg, var(--pk-coral), #FFFDF8);}
.feature-card.violet {background:linear-gradient(145deg, var(--pk-violet), #FFFDF8);}

.status-badge {
	display:inline-flex;
	margin:0 0 18px;
	padding:6px 10px;
	border-radius:var(--radius-pill);
	background:var(--pk-ink);
	color:#fff;
	font-size:12px;
	font-weight:800;
}

.why-card strong,
.feature-card strong {
	display:block;
	margin:0 0 12px;
	font-size:22px;
	font-weight:700;
	color:var(--pk-ink);
}

.why-card p,
.feature-card p {
	font-size:16px;
	line-height:1.65;
	font-weight:400;
	color:#5E5870;
	word-break:keep-all;
}

.studio-mocks {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}

.studio-mock {
	border:1px solid rgba(36,21,63,.12);
	border-radius:var(--radius-card);
	background:#fff;
	overflow:hidden;
	box-shadow:0 20px 48px rgba(36,21,63,0.12);
}

.studio-bar {
	display:flex;
	gap:7px;
	padding:14px;
	border-bottom:1px solid rgba(36,21,63,.10);
	background:#FFF8E7;
}

.studio-bar i {
	width:10px;
	height:10px;
	border-radius:50%;
	background:#d6d9de;
}

.studio-body {
	display:grid;
	grid-template-columns:130px 1fr;
	min-height:300px;
}

.studio-side {
	padding:18px;
	background:#F4F0FF;
}

.studio-side span,
.studio-panel span {
	display:block;
	height:12px;
	margin-bottom:12px;
	border-radius:var(--radius-pill);
	background:#D8D1EA;
}

.studio-panel {
	padding:20px;
}

.studio-panel .line-lg {
	height:24px;
	width:74%;
	background:linear-gradient(90deg, var(--pk-ink), var(--pk-plum));
}

.studio-panel .line-md {
	width:88%;
}

.studio-panel .note-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	margin-top:22px;
}

.studio-panel .note-grid div {
	min-height:82px;
	border-radius:10px;
	background:var(--pk-teal);
}

.studio-panel .note-grid div:nth-child(2) {
	background:var(--pk-rose);
}

.studio-panel .note-grid div:nth-child(3) {
	background:var(--pk-coral);
}

.studio-panel .note-grid div:nth-child(4) {
	background:var(--pk-violet);
}

.planning-mock {
	background:
		linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,252,244,.98)),
		var(--pk-cream);
}

.planning-body {
	padding:24px;
}

.planning-head {
	margin:0 0 20px;
}

.planning-head span {
	display:inline-flex;
	margin:0 0 10px;
	padding:6px 10px;
	border-radius:999px;
	background:#F4F0FF;
	color:var(--pk-plum);
	font-size:12px;
	font-weight:800;
}

.planning-head strong {
	display:block;
	margin:0 0 8px;
	color:var(--pk-ink);
	font-size:24px;
	font-weight:760;
	letter-spacing:0;
}

.planning-head p {
	color:#5E5870;
	font-size:15px;
	line-height:1.6;
	word-break:keep-all;
}

.story-card-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}

.protagonist-sheet-visual {
	position:relative;
	margin:0 0 16px;
	border:1px solid rgba(36,21,63,.10);
	border-radius:16px;
	background:#fff;
	box-shadow:0 14px 28px rgba(36,21,63,.10);
	overflow:hidden;
	transform:translateZ(0);
	transition:transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.protagonist-sheet-visual img {
	display:block;
	width:100%;
	height:auto;
	transform:scale(1);
	filter:saturate(.98) brightness(.98);
	transition:transform .42s ease, filter .42s ease;
}

.protagonist-sheet-visual:before {
	position:absolute;
	z-index:1;
	content:"";
	inset:0;
	background:
		linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.38) 48%, transparent 55%),
		radial-gradient(circle at 76% 18%, rgba(255,208,47,.18), transparent 24%);
	opacity:0;
	transform:translateX(-18%);
	pointer-events:none;
	transition:opacity .34s ease, transform .52s ease;
}

.protagonist-sheet-visual:after {
	position:absolute;
	z-index:1;
	content:"";
	inset:12px;
	border:1px solid rgba(255,208,47,0);
	border-radius:12px;
	pointer-events:none;
	transition:border-color .34s ease, box-shadow .34s ease;
}

@media (hover:hover) and (pointer:fine) {
	.protagonist-sheet-visual:hover {
		border-color:rgba(255,208,47,.58);
		box-shadow:0 22px 48px rgba(36,21,63,.18), 0 0 0 1px rgba(255,255,255,.55) inset;
		transform:translateY(-6px);
	}
	.protagonist-sheet-visual:hover img {
		filter:saturate(1.08) brightness(1.04);
		transform:scale(1.025);
	}
	.protagonist-sheet-visual:hover:before {
		opacity:1;
		transform:translateX(12%);
	}
	.protagonist-sheet-visual:hover:after {
		border-color:rgba(255,208,47,.46);
		box-shadow:0 0 22px rgba(255,208,47,.18);
	}
}

.visual-card-label {
	position:absolute;
	z-index:2;
	width:96px;
	min-width:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	backdrop-filter:none;
	text-shadow:0 1px 5px rgba(0,0,0,.72);
	pointer-events:none;
	white-space:normal;
}

.visual-card-label em {
	display:block;
	margin:0 0 1px;
	color:rgba(255,255,255,.72);
	font-size:6px;
	font-style:normal;
	font-weight:850;
	text-transform:uppercase;
	letter-spacing:.03em;
}

.visual-card-label strong {
	display:block;
	margin:0 0 1px;
	color:#fff;
	font-size:8px;
	font-weight:800;
	line-height:1.25;
	letter-spacing:0;
	word-break:keep-all;
}

.visual-card-label p {
	color:rgba(255,255,255,.82);
	font-size:6px;
	font-weight:700;
	line-height:1.35;
	word-break:keep-all;
}

.visual-card-label.label-genre {
	left:21.8%;
	top:39.7%;
}

.visual-card-label.label-character {
	left:58.2%;
	top:39.7%;
}

.visual-card-label.label-scene {
	left:21.8%;
	top:83.2%;
	bottom:auto;
}

.visual-card-label.label-twist {
	left:58.2%;
	top:83.2%;
	bottom:auto;
}

.story-card,
.persona-sheet {
	position:relative;
	min-height:128px;
	padding:18px;
	border:1px solid rgba(36,21,63,.10);
	border-radius:14px;
	box-shadow:0 12px 24px rgba(36,21,63,.08);
}

.story-card.yellow {background:linear-gradient(145deg, #FFF4B8, #FFFDF8);}
.story-card.rose {background:linear-gradient(145deg, var(--pk-rose), #FFFDF8);}
.story-card.teal {background:linear-gradient(145deg, var(--pk-teal), #FFFDF8);}
.story-card.violet {background:linear-gradient(145deg, var(--pk-violet), #FFFDF8);}

.story-card em,
.persona-sheet em {
	display:block;
	margin:0 0 10px;
	color:rgba(36,21,63,.54);
	font-size:12px;
	font-style:normal;
	font-weight:800;
	text-transform:uppercase;
}

.story-card strong,
.persona-sheet strong {
	display:block;
	margin:0 0 8px;
	color:var(--pk-ink);
	font-size:18px;
	font-weight:760;
}

.story-card p {
	color:#5E5870;
	font-size:14px;
	line-height:1.5;
}

.planning-flow {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:18px 0 0;
}

.planning-flow span {
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:0 12px;
	border-radius:999px;
	background:#fff;
	border:1px solid rgba(36,21,63,.12);
	color:var(--pk-ink);
	font-size:13px;
	font-weight:700;
}

.episode-layout {
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	gap:14px;
	align-items:stretch;
}

.persona-sheet {
	background:linear-gradient(145deg, #FFF8D9, #FFFDF8);
}

.episode-layout .persona-sheet,
.episode-layout .episode-preview {
	min-height:190px;
	margin:0;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}

.episode-layout .episode-preview {
	padding:18px;
}

.persona-sheet ul {
	margin:0;
}

.persona-sheet li {
	position:relative;
	padding:0 0 0 11px;
	color:#5E5870;
	font-size:13px;
	line-height:1.65;
	word-break:keep-all;
}

.persona-sheet li:before {
	position:absolute;
	left:0;
	top:9px;
	width:4px;
	height:4px;
	border-radius:50%;
	background:var(--pk-plum);
	content:"";
}

.ip-band {
	background:
		linear-gradient(135deg, #24153F, #46308B 52%, #172B3A);
	color:#fff;
}

.ip-band h3,
.ip-band p {
	color:#fff;
}

.ip-band p {
	max-width:820px;
	font-size:20px;
	line-height:1.75;
}

@media (max-width:991px) {
	.main-benefit-box ul li {
		padding:30px 22px;
	}
	.main-benefit-box ul li img {
		max-height:150px;
	}
	.main-benefit-box ul li p {
		font-size:18px;
	}
	.main-benefit-box .main-service-picktion {
		min-height:auto;
		padding:16px;
	}
	.main-picktion-summary,
	.picktion-section {
		padding:56px 0;
	}
	.main-picktion-summary .inner,
	.picktion-hero .hero-grid,
	.studio-mocks {
		grid-template-columns:1fr;
		gap:32px;
	}
	.main-picktion-summary h3,
	.picktion-title h3 {
		font-size:34px;
	}
	.picktion-hero {
		padding:42px 0 56px;
	}
	.novel-cover-strip {
		justify-content:flex-start;
		gap:12px;
		margin:0 -15px 34px;
		padding:0 15px 16px;
		overflow-x:auto;
		overflow-y:hidden;
		scroll-snap-type:x mandatory;
		scroll-padding:15px;
		overscroll-behavior-x:contain;
		-webkit-overflow-scrolling:touch;
		mask-image:linear-gradient(90deg, transparent 0, #000 15px, #000 calc(100% - 36px), transparent 100%);
	}
	.novel-cover {
		flex:0 0 142px;
		width:142px;
		scroll-snap-align:start;
		scroll-snap-stop:always;
	}
	.novel-cover-strip::-webkit-scrollbar {
		height:5px;
	}
	.novel-cover-strip::-webkit-scrollbar-track {
		background:rgba(36,21,63,.08);
		border-radius:999px;
	}
	.novel-cover-strip::-webkit-scrollbar-thumb {
		background:rgba(36,21,63,.24);
		border-radius:999px;
	}
	.novel-cover span {
		margin-bottom:30px;
		font-size:10px;
	}
	.novel-cover strong {
		font-size:18px;
	}
	.picktion-hero h2 {
		font-size:40px;
	}
	.picktion-hero p {
		font-size:17px;
	}
	.whiteboard {
		min-height:auto;
		padding:18px;
	}
	.flow-list,
	.why-grid,
	.feature-grid {
		grid-template-columns:1fr;
	}
	.story-card-grid,
	.episode-layout {
		grid-template-columns:1fr;
	}
	.episode-layout .persona-sheet,
	.episode-layout .episode-preview {
		min-height:auto;
	}
	.visual-card-label {
		width:96px;
		min-width:0;
		padding:0;
	}
	.visual-card-label em {
		font-size:6px;
	}
	.visual-card-label strong {
		font-size:8px;
	}
	.visual-card-label p {
		display:none;
	}
	.sticky-row {
		grid-template-columns:1fr;
	}
	.studio-body {
		grid-template-columns:100px 1fr;
	}
}

@media (max-width:480px) {
	.renewal-pill {
		width:100%;
	}
	.picktion-actions {
		width:100%;
	}
	.picktion-logo img {
		width:150px;
	}
	.picktion-hero h2 {
		font-size:34px;
	}
	.novel-cover-strip {
		gap:13px;
		margin-right:-15px;
		padding-bottom:18px;
	}
	.novel-cover {
		flex-basis:150px;
		width:150px;
	}
	.novel-cover span {
		margin-bottom:34px;
	}
	.novel-cover strong {
		font-size:19px;
	}
	.visual-card-label {
		display:none;
	}
	.mock-caption {
		margin:0 18px 18px;
	}
}