/* 합불 hapbul.kr */
:root {
  --ink: #0E1630;
  --text: #344054;
  --muted: #667085;
  --faint: #98A2B3;
  --line: #E3E8F1;
  --line-2: #EEF1F7;
  --surface: #F6F8FC;
  --surface-2: #EDF1F8;
  --navy: #0A1330;
  --navy-2: #121E45;
  --blue: #1F5EFF;
  --blue-600: #1449E6;
  --blue-700: #0F38B8;
  --blue-50: #EFF4FF;
  --blue-100: #DCE6FF;
  --red: #F0283C;
  --red-600: #D7172C;
  --red-700: #B30F24;
  --red-50: #FFF1F3;
  --red-100: #FFDDE1;
  --crit: #A8001A;
  --amber: #F59E0B;
  --amber-700: #A85A00;
  --amber-50: #FFF8EB;
  --amber-100: #FDEBC8;
  --radius: 14px;
  --wrap: 1160px;
  --sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  --shadow: 0 1px 2px rgba(14, 22, 48, 0.05), 0 18px 48px -22px rgba(14, 22, 48, 0.28);
  --shadow-lg: 0 2px 4px rgba(14, 22, 48, 0.04), 0 32px 80px -30px rgba(14, 22, 48, 0.38);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: #fff; color: var(--text);
  font-family: var(--sans); font-size: 16.5px; line-height: 1.7; letter-spacing: -0.01em;
  word-break: keep-all; overflow-wrap: anywhere; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
h1, h2, h3, h4 { margin: 0; color: var(--ink); line-height: 1.3; letter-spacing: -0.03em; font-weight: 800; text-wrap: balance; }
p, ul, ol, dl, dd, figure, blockquote { margin: 0; }
ul, ol { padding: 0; list-style: none; }
a { color: var(--blue-600); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2.5px solid var(--blue); outline-offset: 2px; border-radius: 4px; }
::selection { background: var(--blue-100); }
.num, .tnum { font-variant-numeric: tabular-nums; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; background: var(--ink); color: #fff; border-radius: 8px; }
.skip:focus { top: 12px; }
.noscript { padding: 12px; text-align: center; background: var(--amber-50); }
.wrap { width: 100%; max-width: calc(var(--wrap) + 48px); margin: 0 auto; padding: 0 24px; }

/* ---------------- 버튼과 입력 ---------------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 46px; padding: 0 20px; border-radius: 11px; border: 1px solid transparent;
  font-size: 15.5px; font-weight: 700; letter-spacing: -0.015em; text-decoration: none; white-space: nowrap;
  transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s, transform .05s;
}
.btn:hover { text-decoration: none; }
.btn:active { transform: translateY(1px); }
.btn svg { flex: none; }
.btn-primary { background: var(--blue); color: #fff; box-shadow: 0 8px 20px -10px rgba(31, 94, 255, 0.7); }
.btn-primary:hover { background: var(--blue-600); color: #fff; }
.btn-dark { background: var(--ink); color: #fff; }
.btn-dark:hover { background: #1C2747; color: #fff; }
.btn-red { background: var(--red); color: #fff; box-shadow: 0 8px 20px -10px rgba(240, 40, 60, 0.7); }
.btn-red:hover { background: var(--red-600); color: #fff; }
.btn-line { background: #fff; border-color: #CBD3E1; color: var(--ink); }
.btn-line:hover { border-color: var(--ink); color: var(--ink); }
.btn-soft { background: var(--blue-50); border-color: #C9D8FF; color: var(--blue-700); }
.btn-soft:hover { background: #E2EBFF; color: var(--blue-700); }
.btn-white { background: #fff; color: var(--ink); }
.btn-white:hover { background: #EEF2FA; color: var(--ink); }
.btn-ghost { background: transparent; color: var(--text); border-color: var(--line); }
.btn-ghost:hover { border-color: #B8C2D3; color: var(--ink); }
.btn-sm { height: 38px; padding: 0 14px; font-size: 14.5px; border-radius: 9px; }
.btn-lg { height: 54px; padding: 0 26px; font-size: 16.5px; border-radius: 12px; }
.btn-xl { height: 62px; padding: 0 32px; font-size: 18px; border-radius: 14px; }
.btn-block { width: 100%; }
.link-btn { background: none; border: 0; padding: 0; color: var(--blue-600); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
input[type=text], input[type=email], select, textarea {
  width: 100%; height: 48px; padding: 0 14px; border: 1px solid #CBD3E1; border-radius: 10px; background: #fff;
  font-size: 15.5px; color: var(--ink); transition: border-color .15s, box-shadow .15s;
}
textarea { height: auto; padding: 12px 14px; line-height: 1.7; resize: vertical; }
select { appearance: none; -webkit-appearance: none; padding-right: 38px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 4px rgba(31, 94, 255, 0.14); }
::placeholder { color: #A3ADBE; }
.hint { margin-top: 6px; font-size: 13.5px; color: var(--muted); line-height: 1.6; }
.err { margin-top: 14px; padding: 12px 14px; border-radius: 10px; background: var(--red-50); color: var(--red-700); font-size: 14.5px; font-weight: 600; border: 1px solid #FFC9D0; }
.err[hidden] { display: none; }

/* ---------------- 머리글 ---------------- */
.site-head { position: sticky; top: 0; z-index: 40; background: rgba(255, 255, 255, 0.88); backdrop-filter: saturate(160%) blur(12px); -webkit-backdrop-filter: saturate(160%) blur(12px); border-bottom: 1px solid var(--line-2); }
.site-head .wrap { display: flex; align-items: center; gap: 22px; height: 68px; }
.logo { display: inline-flex; align-items: center; flex: none; }
.logo svg { height: 32px; width: auto; }
.logo:hover { text-decoration: none; }
.nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.nav a { padding: 8px 12px; border-radius: 8px; font-size: 15px; font-weight: 600; color: var(--text); }
.nav a:hover { background: var(--surface); color: var(--ink); text-decoration: none; }
.nav a[aria-current] { color: var(--ink); }
.nav a.btn-primary { margin-left: 10px; padding: 0 16px; color: #fff; }
.nav a.btn-primary:hover { background: var(--blue-600); color: #fff; }
.nav-toggle { display: none; width: 42px; height: 42px; margin-left: 8px; border: 1px solid var(--line); background: #fff; border-radius: 10px; position: relative; }
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after { position: absolute; left: 11px; right: 11px; height: 2px; background: var(--ink); border-radius: 2px; content: ''; }
.nav-toggle span { top: 20px; }
.nav-toggle span::before { top: -6px; left: 0; right: 0; }
.nav-toggle span::after { top: 6px; left: 0; right: 0; }
.head-cta-m { display: none; }

/* ---------------- 섹션 공통 ---------------- */
.sec { padding: 112px 0; }
.sec-surface { background: var(--surface); }
.sec-head { max-width: 780px; margin-bottom: 52px; }
.sec-head.center { margin-left: auto; margin-right: auto; text-align: center; }
.sec-head h2, .h2 { font-size: clamp(30px, 3.6vw, 44px); line-height: 1.24; letter-spacing: -0.04em; }
.sec-head p { margin-top: 16px; font-size: 18px; color: var(--muted); line-height: 1.7; }
.kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 14.5px; font-weight: 700; color: var(--blue-600); }
.kicker svg { color: var(--blue); }
.src { font-size: 13.5px; color: var(--muted); line-height: 1.6; }
.src a { color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }

/* ---------------- 첫 화면 ---------------- */
.hero { position: relative; padding: 56px 0 40px; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(800px 420px at 85% -10%, rgba(31, 94, 255, 0.13), transparent 70%),
    radial-gradient(600px 360px at -5% 20%, rgba(31, 94, 255, 0.07), transparent 70%),
    linear-gradient(rgba(31, 94, 255, 0.055) 1px, transparent 1px) 0 0 / 40px 40px,
    linear-gradient(90deg, rgba(31, 94, 255, 0.055) 1px, transparent 1px) 0 0 / 40px 40px;
  -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 700; color: var(--blue-600); }
.eyebrow svg { color: var(--blue); }
.hero-h { margin-top: 18px; font-size: clamp(36px, 4.4vw, 56px); line-height: 1.16; letter-spacing: -0.045em; font-weight: 800; }
.hero-h .hl { position: relative; white-space: nowrap; }
.hero-h .hl::after { content: ''; position: absolute; left: -2px; right: -2px; bottom: 0.06em; height: 0.3em; background: rgba(240, 40, 60, 0.18); z-index: -1; border-radius: 3px; }
.hero-lead { margin-top: 22px; max-width: 700px; font-size: 19px; line-height: 1.7; color: var(--text); }
.hero-lead b { color: var(--ink); }
.hero-src { margin-top: 10px; font-size: 13.5px; color: var(--muted); }
.hero-src a { color: var(--muted); text-decoration: underline; text-underline-offset: 3px; }

/* 첫 화면 오른쪽: 예시 문서를 실제 엔진으로 심사하는 과정 (업로드, 심사, 판정) */
.hero-top { display: grid; grid-template-columns: minmax(0, 1fr) 556px; gap: 40px; align-items: center; }
.hero-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
#probe { scroll-margin-top: 92px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 16px; font-size: 14px; font-weight: 600; color: var(--text); }
.hero-trust li { display: inline-flex; align-items: center; gap: 6px; }
.hero-trust li::before { content: ''; width: 14px; height: 14px; border-radius: 50%; background: #E8EFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' fill='none' stroke='%231F5EFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
.hero-cta + .hero-trust + .hero-src { margin-top: 14px; }
.hero-demo { position: relative; }
.hero-demo::before { content: ''; position: absolute; inset: 8% -6% -8% 6%; z-index: -1; border-radius: 40px; background: radial-gradient(60% 60% at 70% 30%, rgba(31, 94, 255, 0.16), transparent 70%), radial-gradient(50% 50% at 30% 80%, rgba(240, 40, 60, 0.12), transparent 70%); filter: blur(10px); }
.hd-win { position: relative; overflow: hidden; border-radius: 18px; background: #fff; border: 1px solid #D9E1EE;
  box-shadow: 0 1px 2px rgba(14, 22, 48, 0.06), 0 34px 80px -34px rgba(14, 22, 48, 0.42), 0 0 0 6px rgba(255, 255, 255, 0.7); }
.hd-top { display: flex; align-items: center; gap: 12px; height: 50px; padding: 0 16px; border-bottom: 1px solid #E7ECF4; background: #FBFCFE; font-size: 12.5px; }
.hd-brand { display: inline-flex; align-items: center; gap: 8px; flex: none; font-weight: 800; color: var(--ink); }
.hd-brand svg { width: 18px; height: 18px; }
.hd-steps { display: flex; gap: 2px; margin-left: 6px; counter-reset: hds; }
.hd-steps li { counter-increment: hds; display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 8px; font-weight: 700; color: #98A2B3; transition: color .3s, background .3s; }
.hd-steps li::before { content: counter(hds); display: inline-grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #EEF1F6; color: #98A2B3; font-size: 10.5px; font-weight: 800; transition: background .3s, color .3s; }
.hero-demo[data-scene="upload"] [data-s="upload"], .hero-demo[data-scene="scan"] [data-s="scan"], .hero-demo[data-scene="synth"] [data-s="scan"], .hero-demo[data-scene="verdict"] [data-s="verdict"] { color: var(--ink); background: #EDF2FF; }
.hero-demo[data-scene="upload"] [data-s="upload"]::before, .hero-demo[data-scene="scan"] [data-s="scan"]::before, .hero-demo[data-scene="synth"] [data-s="scan"]::before { background: var(--blue); color: #fff; }
.hero-demo[data-scene="verdict"] [data-s="verdict"] { background: #FFEDEF; color: #C4001E; }
.hero-demo[data-scene="verdict"] [data-s="verdict"]::before { background: var(--red); color: #fff; }
.hero-demo[data-scene="scan"] [data-s="upload"]::before, .hero-demo[data-scene="synth"] [data-s="upload"]::before, .hero-demo[data-scene="verdict"] [data-s="upload"]::before, .hero-demo[data-scene="verdict"] [data-s="scan"]::before { content: '✓'; background: #DCE6FF; color: var(--blue); }
.hd-tag { margin-left: auto; padding: 3px 8px; border-radius: 6px; background: #F2F4F7; color: #667085; font-size: 11.5px; font-weight: 700; white-space: nowrap; margin-right: 34px; }
.hd-pause { position: absolute; top: 11px; right: 12px; z-index: 2; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border-radius: 8px; border: 1px solid #E1E7F0; background: #fff; color: #667085; cursor: pointer; }
.hd-pause:hover { color: var(--ink); border-color: #C9D3E3; }
.hd-pause[hidden] { display: none; }
.hd-pause svg { width: 14px; height: 14px; }
.hd-pause .i-play, .hero-demo.is-paused .hd-pause .i-pause { display: none; }
.hero-demo.is-paused .hd-pause .i-play { display: block; }
.hd-body { position: relative; height: 414px; background: #fff; }
.hd-sc { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }
.hero-demo[data-scene="upload"] .hd-up, .hero-demo[data-scene="scan"] .hd-scan, .hero-demo[data-scene="synth"] .hd-syn, .hero-demo[data-scene="verdict"] .hd-ver { opacity: 1; visibility: visible; transition: opacity .45s ease; }
.hd-ver { transform: translateY(18px); transition: opacity .4s ease, transform .55s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .45s; }
.hero-demo[data-scene="verdict"] .hd-ver { transform: none; transition: opacity .4s ease, transform .55s cubic-bezier(.2, .7, .2, 1); }
.hero-demo[data-scene="verdict"] .hd-syn { transition: opacity .2s ease, visibility 0s linear .2s; }

/* 1. 업로드: 파일을 끌어다 놓으면 처리 단계가 차례로 끝난다 */
.hd-up { padding: 18px; background: #fff; }
.hd-drop { position: relative; height: 100%; border-radius: 14px; background: #F8FAFD; transition: background .3s; }
.hd-ants { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.hd-ants rect { fill: none; stroke: #CDD6E5; stroke-width: 2; stroke-dasharray: 7 6; transition: stroke .25s; }
.hero-demo.is-over .hd-drop { background: #EEF3FF; }
.hero-demo.is-over .hd-ants rect { stroke: var(--blue); animation: hdAnts .6s linear infinite; }
.hero-demo.is-drop .hd-ants rect { stroke: #DCE4F2; animation: none; }
.hd-idle { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: opacity .3s, transform .3s; }
.hd-idle svg { width: 50px; height: 50px; color: #98A2B3; transition: color .25s, transform .35s cubic-bezier(.3, 1.5, .5, 1); }
.hd-idle .t { margin-top: 12px; font-size: 16px; font-weight: 800; color: var(--ink); }
.hd-idle .f { margin-top: 6px; font-size: 12.5px; color: #98A2B3; }
.hero-demo.is-over .hd-idle svg { color: var(--blue); transform: translateY(-6px) scale(1.08); }
.hd-idle .t, .hd-idle .f { transition: opacity .25s; }
.hero-demo.is-drag .hd-idle .t, .hero-demo.is-drag .hd-idle .f { opacity: .22; }
.hero-demo.is-drop .hd-idle { opacity: 0; transform: scale(.96); }
.hd-drag { position: absolute; left: 50%; top: 50%; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 200px; margin: -62px 0 0 -100px; opacity: 0; pointer-events: none; transform: translate(230px, 150px) rotate(8deg); }
.hd-fi { position: relative; width: 62px; height: 76px; filter: drop-shadow(0 14px 18px rgba(14, 22, 48, 0.22)); }
.hd-fi svg { width: 100%; height: 100%; }
.hd-fi b { position: absolute; left: -6px; bottom: 12px; padding: 2px 6px; border-radius: 4px; background: var(--blue); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
.hd-plus { position: absolute; right: -8px; top: -6px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #12B76A; color: #fff; font-size: 14px; font-style: normal; font-weight: 800; line-height: 1; box-shadow: 0 0 0 2px #fff; opacity: 0; transform: scale(.5); transition: opacity .2s, transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.hd-dn { max-width: 200px; padding: 2px 8px; border-radius: 5px; background: rgba(31, 94, 255, 0.92); color: #fff; font-size: 11.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-cur { position: absolute; right: 52px; top: 52px; width: 24px; height: 24px; filter: drop-shadow(0 2px 3px rgba(14, 22, 48, 0.3)); }
.hero-demo.is-drag .hd-drag { animation: hdDrag 1.2s cubic-bezier(.3, .7, .25, 1) forwards; }
.hero-demo.is-over .hd-plus { opacity: 1; transform: none; }
.hero-demo.is-drop .hd-drag { opacity: 0; transform: translate(0, 18px) scale(.6); transition: opacity .28s ease, transform .3s ease; animation: none; }
.hd-proc { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 34px; opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .45s cubic-bezier(.2, .7, .2, 1); }
.hero-demo.is-drop .hd-proc { opacity: 1; transform: none; transition-delay: .18s; }
.hd-fh { display: flex; align-items: center; gap: 14px; padding-bottom: 16px; border-bottom: 1px solid #E3E8F0; }
.hd-ring { position: relative; flex: none; width: 58px; height: 58px; }
.hd-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.hd-ring circle { fill: none; stroke-width: 4; }
.hd-ring .bg { stroke: #E6EBF3; }
.hd-ring .pr { stroke: var(--blue); stroke-linecap: round; stroke-dasharray: 100 100; stroke-dashoffset: 100; }
.hero-demo.is-drop .hd-ring .pr { stroke-dashoffset: 0; transition: stroke-dashoffset 1.1s cubic-bezier(.4, 0, .2, 1) .25s; }
.hero-demo.is-read .hd-ring .pr { stroke: #12B76A; }
.hd-ring b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 11px; font-weight: 800; color: var(--blue); }
.hd-fn { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.hd-fn b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14.5px; color: var(--ink); }
.hd-fn small { font-size: 12.5px; color: #667085; font-variant-numeric: tabular-nums; }
.hd-fn small em { font-style: normal; font-weight: 800; color: var(--ink); }
.hd-pipe { display: grid; gap: 10px; margin-top: 16px; }
.hd-pipe li { display: grid; grid-template-columns: 20px auto minmax(0, 1fr); align-items: center; gap: 10px; font-size: 13.5px; opacity: .35; transition: opacity .3s; }
.hd-pipe li i { position: relative; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #D5DCE7; transition: border-color .25s, background .25s; }
.hd-pipe li i::after { content: ''; position: absolute; left: 5px; top: 2px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform .25s cubic-bezier(.3, 1.6, .5, 1) .05s; }
.hd-pipe li span { font-weight: 700; color: var(--ink); white-space: nowrap; }
.hd-pipe li em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; font-size: 12.5px; color: #667085; }
.hd-pipe li.on { opacity: 1; }
.hd-pipe li.on i { border-color: #12B76A; background: #12B76A; }
.hd-pipe li.on i::after { transform: rotate(45deg) scale(1); }
@keyframes hdAnts { to { stroke-dashoffset: -26; } }
@keyframes hdDrag { 0% { opacity: 0; transform: translate(230px, 150px) rotate(8deg); } 12% { opacity: 1; } 70% { transform: translate(14px, -10px) rotate(-5deg); } 100% { opacity: 1; transform: translate(0, 0) rotate(-3deg); } }

/* 2. 비교 심사: 최근 3개년 채용 조사 지표, 그리고 심사 항목마다 기준과 내 서류를 막대로 대조 (훑어 내려가며 판정) */
.hd-scan, .hd-syn { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px 12px; background: #F3F5F9; }
.hd-stat { flex: none; display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 10px; border-radius: 8px; background: #fff; border: 1px solid #E1E7F0; font-size: 11.5px; white-space: nowrap; }
.hd-stat .live { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--ink); }
.hd-stat .live i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); animation: hdPulse 1s ease-in-out infinite; }
.hd-stat .seg { display: flex; gap: 2px; }
.hd-stat .seg i { width: 12px; height: 6px; border-radius: 2px; background: #E3E8F0; transition: background .25s; }
.hd-stat .seg i.on { background: var(--blue); }
.hd-stat .segn { font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.hd-stat .spec { margin-left: auto; overflow: hidden; text-overflow: ellipsis; color: #667085; font-weight: 700; }
.hd-p { position: relative; min-width: 0; padding: 9px 10px 10px; border-radius: 10px; background: #fff; border: 1px solid #E1E7F0; overflow: hidden; }
.hd-pt { display: flex; align-items: baseline; gap: 6px; font-size: 11.5px; font-weight: 800; line-height: 1.3; color: var(--ink); white-space: nowrap; }
.hd-pt b { margin-left: auto; font-size: 11px; font-weight: 700; color: #667085; }
.hd-cmp { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 9px 12px 6px; }
.hd-cmph { flex: none; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; }
.hd-cmph .cr { flex-basis: 100%; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 600; color: #475467; letter-spacing: -0.01em; }
.hd-cmph .t { min-width: 0; font-size: 13px; font-weight: 800; line-height: 1.3; color: var(--ink); }
.hd-cmph .t small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; font-weight: 600; color: #667085; }
.hd-cmph .r { flex: none; margin-left: auto; font-size: 11px; font-weight: 700; color: #667085; white-space: nowrap; }
.hd-cmph .r b { margin-left: 5px; font-weight: 700; }
.hd-cmph .r em { font-style: normal; font-size: 17px; font-weight: 800; color: #C4001E; font-variant-numeric: tabular-nums; }
.hd-yrs { flex: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 7px; }
.hd-yrs .y { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: center; padding: 4px 8px 5px; border-radius: 7px; background: #F5F8FF; border: 1px solid #E1E9FB; opacity: .35; transform: translateY(4px); transition: opacity .3s, transform .35s; }
.hd-scan.go .hd-yrs .y { opacity: 1; transform: none; transition-delay: calc(.15s + var(--k) * .22s); }
.hd-yrs .h { grid-column: 1 / 3; display: flex; align-items: baseline; gap: 5px; font-size: 9.5px; font-weight: 600; color: #667085; white-space: nowrap; }
.hd-yrs .h b { font-size: 10.5px; font-weight: 800; color: var(--blue); }
.rf { display: inline-grid; place-items: center; min-width: 11px; height: 11px; margin-left: 2px; padding: 0 2px; border-radius: 6px; background: #E3ECFF; color: #1F4FD8; font-size: 7.5px; font-weight: 800; line-height: 1; vertical-align: 4px; font-style: normal; }
.hd-yrs .h .rf { margin: 0 1px 0 0; vertical-align: 1px; }
.hd-src .rf { margin: 0 2px 0 6px; vertical-align: 1px; }
.hd-src .rf:first-child { margin-left: 0; }
.hd-yrs .h span { margin-left: auto; font-size: 9px; font-weight: 700; color: #98A2B3; font-variant-numeric: tabular-nums; }
.hd-yrs .v { margin-top: 1px; font-size: 11px; font-weight: 700; color: var(--ink); line-height: 1.2; }
.hd-yrs .v em { font-style: normal; font-size: 17px; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.hd-yrs .c { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 9.5px; font-weight: 600; line-height: 1.2; color: #475467; }
.hd-ct { --rh: 28px; position: relative; flex: none; margin-top: 6px; }
.hd-ch, .hd-cl2 li { display: grid; grid-template-columns: 16px 168px 62px minmax(0, 1fr) 44px 52px; column-gap: 8px; align-items: center; }
.hd-ch { height: 18px; border-bottom: 1px solid #E6EBF2; font-size: 9.5px; font-weight: 700; color: #98A2B3; }
.hd-ch span:first-child { grid-column: 1 / 3; }
.hd-ch span:nth-child(3) { grid-column: 4; }
.hd-ch span:nth-child(3), .hd-ch span:nth-child(4) { text-align: right; }
.hd-ch span:nth-child(3) { text-align: left; }
.hd-ch span:nth-child(4) { grid-column: 5 / 7; text-align: right; }
.hd-cl2 li { position: relative; height: var(--rh); border-bottom: 1px solid #F0F3F7; opacity: .4; transition: opacity .25s; }
.hd-cl2 li.run { opacity: 1; }
.hd-cl2 .st { width: 16px; height: 16px; }
.hd-cl2 .st svg { display: block; width: 16px; height: 16px; overflow: visible; }
.hd-cl2 .st .sp { fill: #fff; stroke: #D5DCE7; stroke-width: 1.8; transition: fill .2s, stroke .2s; }
.hd-cl2 .st .ck, .hd-cl2 .st .ex { fill: none; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transition: opacity .15s .05s; }
.hd-cl2 li.run .st .sp { stroke: var(--blue); stroke-dasharray: 26 12; transform-box: fill-box; transform-origin: center; animation: hdSpin .7s linear infinite; }
.hd-cl2 li.done .st .sp { animation: none; stroke-dasharray: none; fill: var(--blue); stroke: var(--blue); }
.hd-cl2 li.done.r-bad .st .sp { fill: var(--red); stroke: var(--red); }
.hd-cl2 li.done.r-ok .st .ck, .hd-cl2 li.done.r-bad .st .ex { opacity: 1; }
.hd-cl2 .nm { grid-column: 1 / 3; grid-row: 1; display: flex; align-items: center; gap: 8px; min-width: 0; }
.hd-cl2 .nm b { display: flex; flex-direction: column; min-width: 0; overflow: hidden; white-space: nowrap; font-size: 11.5px; font-weight: 800; line-height: 1.2; color: var(--ink); }
.hd-cl2 .nm b small { overflow: hidden; text-overflow: ellipsis; font-size: 9.5px; font-weight: 600; color: #98A2B3; }
.hd-cl2 .n1 { display: flex; align-items: baseline; }
.hd-cl2 .nm i:not(.st) { flex: none; margin-left: auto; padding: 1px 5px; border-radius: 4px; background: #F2F4F7; color: #667085; font-style: normal; font-size: 9px; font-weight: 700; white-space: nowrap; }
.hd-cl2 .nm .st { flex: none; }
.hd-cl2 .std { grid-column: 3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; font-weight: 600; color: #475467; }
.hd-cl2 .bl { grid-column: 4; position: relative; height: 9px; border-radius: 3px; background: #EEF1F6; }
.hd-cl2 .bl .v { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 3px; background: var(--blue); }
.hd-cl2 .r-bad .bl .v { background: var(--red); }
.hd-cl2 li.run .bl .v { width: max(var(--v), 2px); transition: width .45s cubic-bezier(.3, .7, .3, 1); }
.hd-cl2 .bl .tg { position: absolute; top: -4px; bottom: -4px; left: var(--t); width: 2.5px; margin-left: -1px; border-radius: 2px; background: var(--ink); }
.hd-cl2 .mv { grid-column: 5; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; font-size: 11.5px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; opacity: 0; transition: opacity .2s; }
.hd-cl2 .mv small { font-size: 9px; font-weight: 700; color: #98A2B3; }
.hd-cl2 .r-bad .mv small { color: #E0566A; }
.hd-cl2 .r-bad .mv { color: #C4001E; }
.hd-cl2 li.run .mv { opacity: 1; transition-delay: .25s; }
.hd-cl2 .vd { grid-column: 6; justify-self: end; padding: 1px 5px; border-radius: 4px; font-style: normal; font-size: 10.5px; font-weight: 800; white-space: nowrap; opacity: 0; transform: scale(.8); transition: opacity .2s, transform .25s cubic-bezier(.3, 1.6, .5, 1); }
.hd-cl2 .r-bad .vd { background: #FFE3E7; color: #C4001E; }
.hd-cl2 .vd.hi { background: #E5203A; color: #fff; }
.hd-cl2 .vd.cr { background: #8F0016; color: #fff; }
.hd-cl2 .r-ok .vd { background: #E3ECFF; color: #1F4FD8; }
.hd-cl2 li.done .vd { opacity: 1; transform: none; }
.hd-sweep { position: absolute; left: -6px; right: -6px; top: 18px; height: var(--rh); border-radius: 6px; pointer-events: none; opacity: 0;
  background: linear-gradient(90deg, rgba(31, 94, 255, 0) 0%, rgba(31, 94, 255, 0.10) 30%, rgba(31, 94, 255, 0.14) 70%, rgba(31, 94, 255, 0) 100%); box-shadow: inset 0 -1.5px 0 rgba(31, 94, 255, 0.55);
  transform: translateY(calc(var(--row, 0) * var(--rh))); transition: transform .5s cubic-bezier(.45, 0, .25, 1), opacity .3s; }
.hd-ct.is-run .hd-sweep { opacity: 1; }
.hd-src { flex: none; margin-top: auto; padding-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9.5px; color: #98A2B3; }

/* 3. 종합 심사: 영역별 점수와 합격 기준, 모의 심사위원 3인의 관점별 점수, 가중 합산 */
.hd-sg { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 8px; }
.hd-ar { display: flex; flex-direction: column; }
.hd-ar .hd-cols { --l: 80; position: relative; flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr); gap: 6px; margin: 22px 2px 0; }
.hd-ar .c { display: grid; grid-template-rows: minmax(0, 1fr) 42px; min-width: 0; }
.hd-ar .c i { position: relative; border-radius: 4px 4px 0 0; background: #EEF1F6; font-style: normal; }
.hd-ar .c i::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 0; border-radius: 4px 4px 0 0; background: var(--blue); transition: height .6s cubic-bezier(.3, .7, .3, 1); transition-delay: calc(.2s + var(--k) * .09s); }
.hd-ar .c.lo i::after { background: var(--red); }
.hd-syn.go .hd-ar .c i::after { height: calc(var(--v) * 1%); }
.hd-ar .c i b { position: absolute; z-index: 1; left: -6px; right: -6px; bottom: calc(var(--v) * 1% + 3px); text-align: center; font-size: 11px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; opacity: 0; transition: opacity .25s; transition-delay: calc(.7s + var(--k) * .09s); }
.hd-ar .c.lo i b { color: #C4001E; }
.hd-syn.go .hd-ar .c i b { opacity: 1; }
.hd-ar .c.in i b { bottom: calc(var(--v) * 1% - 17px); color: #fff !important; }
.hd-ar .c p { display: flex; flex-direction: column; align-items: center; padding-top: 4px; line-height: 1.2; }
.hd-ar .c span { font-size: 10px; font-weight: 700; color: #475467; white-space: nowrap; }
.hd-ar .c small { font-size: 9px; font-weight: 700; color: #98A2B3; }
.hd-ar .c p em { margin-top: 1px; padding: 0 4px; border-radius: 3px; font-style: normal; font-size: 9px; font-weight: 800; line-height: 1.5; background: #FFE3E7; color: #C4001E; opacity: 0; transition: opacity .25s; transition-delay: calc(.9s + var(--k) * .09s); }
.hd-ar .c:not(.lo) p em { background: #1F5EFF; color: #fff; }
.hd-syn.go .hd-ar .c p em { opacity: 1; }
.hd-ar .hd-cols .ln { position: absolute; z-index: 2; left: -2px; right: -2px; bottom: calc(42px + (100% - 42px) * var(--l) / 100); height: 0; border-top: 1.5px dashed var(--ink); opacity: 0; transition: opacity .3s .1s; }
.hd-syn.go .hd-ar .hd-cols .ln { opacity: 1; }
.hd-ar .hd-cols .ln em { position: absolute; right: 0; top: -15px; padding: 0 4px; border-radius: 3px; background: var(--ink); color: #fff; font-style: normal; font-size: 9.5px; font-weight: 800; }
.hd-ar .wt { display: none; }
.hd-jd2 ul { display: grid; gap: 10px; margin-top: 9px; }
.hd-jd2 li { display: grid; grid-template-columns: minmax(0, 1fr) 44px 28px; grid-template-rows: auto auto; column-gap: 8px; row-gap: 4px; align-items: center; }
.hd-jd2 .a { grid-column: 1 / 4; display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.hd-jd2 .nm { font-size: 11.5px; font-weight: 800; color: var(--ink); white-space: nowrap; }
.hd-jd2 .fc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9.5px; font-weight: 600; color: #98A2B3; }
.hd-jd2 .sb { position: relative; height: 8px; border-radius: 4px; background: #EEF1F6; }
.hd-jd2 .sb i:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 4px; background: var(--red); }
.hd-jd2 .v-hold .sb i:first-child { background: var(--amber); }
.hd-jd2 .v-pass .sb i:first-child { background: var(--blue); }
.hd-jd2 .sb .ln { position: absolute; top: -4px; bottom: -4px; left: var(--l); width: 2.5px; margin-left: -1px; border-radius: 2px; background: var(--ink); }
.hd-syn.go .hd-jd2 .sb i:first-child { width: var(--w); transition: width .6s cubic-bezier(.3, .7, .3, 1); transition-delay: calc(.9s + var(--k) * .3s); }
.hd-jd2 li > b { text-align: right; font-size: 13px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; opacity: 0; transition: opacity .25s; transition-delay: calc(1.3s + var(--k) * .3s); }
.hd-jd2 li > b small { font-size: 10px; font-weight: 700; color: #98A2B3; }
.hd-jd2 em { justify-self: end; font-style: normal; font-size: 11px; font-weight: 800; opacity: 0; transform: translateX(-4px); transition: opacity .25s, transform .25s; transition-delay: calc(1.45s + var(--k) * .3s); }
.hd-jd2 .v-fail em { color: #C4001E; }
.hd-jd2 .v-hold em { color: #A85A00; }
.hd-jd2 .v-pass em { color: var(--blue); }
.hd-syn.go .hd-jd2 li > b, .hd-syn.go .hd-jd2 em { opacity: 1; transform: none; }
.hd-jd2 .q { grid-column: 1 / 4; margin-top: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 10px; line-height: 1.45; color: #667085; opacity: 0; transition: opacity .3s; transition-delay: calc(1.6s + var(--k) * .3s); }
.hd-syn.go .hd-jd2 .q { opacity: 1; }
.hd-tot { flex: none; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 12px; height: 44px; padding: 0 14px; border-radius: 10px; background: #0E1630; color: #fff; }
.hd-tot .k { font-size: 11.5px; font-weight: 700; color: rgba(255, 255, 255, 0.7); white-space: nowrap; }
.hd-tot .sb { position: relative; height: 10px; border-radius: 5px; background: rgba(255, 255, 255, 0.14); }
.hd-tot .sb i:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 5px; background: #FF4D5E; }
.hd-syn.go .hd-tot .sb i:first-child { width: var(--w); transition: width .9s cubic-bezier(.3, .7, .3, 1) 2.1s; }
.hd-tot .sb .ln { position: absolute; top: -5px; bottom: -5px; left: var(--l); width: 3px; margin-left: -1.5px; border-radius: 2px; background: #fff; }
.hd-tot .sb .ln em { position: absolute; left: 50%; top: -15px; transform: translateX(-50%); font-style: normal; font-size: 9.5px; font-weight: 800; color: #fff; white-space: nowrap; }
.hd-tot > b { font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.75); white-space: nowrap; }
.hd-tot > b em { font-style: normal; font-size: 22px; font-weight: 800; color: #FF6B79; font-variant-numeric: tabular-nums; }
.hd-tot > b small { font-size: 12px; font-weight: 700; }
.hd-tot .gp { padding: 3px 8px; border-radius: 6px; background: #F0283C; font-size: 11.5px; font-weight: 800; white-space: nowrap; opacity: 0; transform: scale(.85); transition: opacity .25s, transform .3s cubic-bezier(.3, 1.6, .5, 1); }
.hd-syn.go .hd-tot .gp { opacity: 1; transform: none; transition-delay: 3s; }
@keyframes hdPulse { 50% { opacity: .35; } }
@keyframes hdSpin { to { transform: rotate(360deg); } }

/* 4. 판정과 개선 리포트: 점수 / 합격 기준, 실제 리포트 쪽이 쌓이고 모의 심사위원 3인의 개선 의견이 써진 뒤 한 번에 모자이크 */
.hd-ver { display: flex; flex-direction: column; background: #EEF1F6; }
.hd-vh { position: relative; flex: none; display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 4px; align-items: center; padding: 10px 12px 6px 24px; color: #fff; overflow: hidden;
  background: radial-gradient(380px 200px at 88% -20%, rgba(255, 77, 94, 0.24), transparent 70%), linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(165deg, #13214B 0%, #0A1330 72%); }
.hd-vh::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: #FF4D5E; }
.hd-vt .k { font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.6); }
.hd-vt .w { margin-top: 1px; font-size: 31px; font-weight: 800; letter-spacing: -0.055em; line-height: 1.1; color: #FF4D5E; white-space: nowrap; }
.hd-vt .w span { display: inline-block; text-shadow: 0 0 26px rgba(255, 77, 94, 0.42); }
.hd-vt .sc { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-top: 6px; white-space: nowrap; }
.hd-vt .sc b { font-size: 24px; font-weight: 800; letter-spacing: -0.03em; color: #FF6B79; line-height: 1; font-variant-numeric: tabular-nums; }
.hd-vt .sc b small { font-size: 14px; font-weight: 800; }
.hd-vt .sc span { font-size: 16px; font-weight: 800; color: #fff; }
.hd-vt .sc em { padding: 2px 7px; border-radius: 5px; background: rgba(255, 77, 94, 0.18); color: #FFB3BA; font-style: normal; font-size: 11.5px; font-weight: 800; }
.hd-vt .s { margin-top: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.7); }
.hd-vt .s b { color: #fff; font-weight: 800; }
.hd-dial .viz-dial { --t0: .3s; display: block; width: 100%; height: auto; overflow: visible; }
.hd-dial .viz-dial text:not(.dial-num):not(.dial-vs):not(.dial-mk) { display: none; }
.hd-dial .viz-dial .dial-vs { font-size: 22px; }
.hd-dial .viz-dial .dial-mk { font-size: 20px; }
.hd-rep { position: relative; flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 206px; gap: 12px; padding: 9px 14px 0; overflow: hidden; }
.hd-rl, .hd-rr { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.hd-rt { flex: none; display: flex; align-items: baseline; gap: 6px; height: 20px; font-size: 11.5px; font-weight: 800; color: var(--ink); white-space: nowrap; }
.hd-rt b { margin-left: auto; font-size: 11px; font-weight: 700; color: #667085; }
.hd-rt b em { font-style: normal; font-size: 14px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.hd-stack { position: relative; z-index: 0; flex: 1; min-height: 0; margin-top: 2px; }
.hd-pc { position: absolute; left: 0; top: 0; display: block; border-radius: 3px; background: #fff; box-shadow: 0 0 0 1px #D2DAE6, 0 8px 18px -10px rgba(14, 22, 48, 0.45); opacity: 0; transform: translate(-26px, -18px) rotate(-4deg); }
.hd-pc.on { opacity: 1; transform: none; transition: opacity .2s ease, transform .38s cubic-bezier(.2, .8, .25, 1); }
.hd-jcs { flex: 1; min-height: 0; display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 2px; padding-bottom: 8px; }
.hd-jc { display: flex; flex-direction: column; min-height: 0; border-radius: 8px; background: #fff; box-shadow: 0 0 0 1px #D9E0EB; overflow: hidden; opacity: 0; transform: translateX(14px); }
.hd-jc.on { opacity: 1; transform: none; transition: opacity .25s, transform .4s cubic-bezier(.2, .7, .2, 1); }
.hd-jc .h { flex: none; display: flex; align-items: baseline; gap: 6px; padding: 5px 8px 3px; border-left: 3px solid var(--red); font-size: 11px; white-space: nowrap; }
.hd-jc .h b { font-weight: 800; color: var(--ink); }
.hd-jc .h span { margin-left: auto; font-weight: 800; color: #C4001E; font-variant-numeric: tabular-nums; }
.hd-jc .h span small { font-size: 9.5px; color: #98A2B3; }
.hd-jc .h em { font-style: normal; font-weight: 800; color: #fff; background: var(--red); padding: 0 5px; border-radius: 4px; font-size: 10px; }
.hd-jc.v-hold .h { border-left-color: var(--amber); }
.hd-jc.v-hold .h em { background: var(--amber); }
.hd-jcv { display: block; flex: 1; min-height: 0; width: 100%; }
.hd-flash { position: absolute; inset: 0; z-index: 4; background: #fff; opacity: 0; pointer-events: none; }
.hd-rep.is-mz .hd-flash, .offer-rep.is-mz .hd-flash { animation: hdFlash .45s ease-out; }
.hd-lock { position: absolute; z-index: 5; left: 50%; top: 50%; display: flex; flex-direction: column; align-items: center; gap: 3px; width: max-content; max-width: 92%; padding: 12px 20px; border-radius: 12px; text-align: center;
  background: rgba(10, 19, 48, 0.93); color: #fff; box-shadow: 0 18px 40px -16px rgba(10, 19, 48, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08); opacity: 0; transform: translate(-50%, -42%) scale(.94); pointer-events: none; }
.hd-lock .lh { display: flex; align-items: center; gap: 7px; }
.hd-lock .lh svg { flex: none; width: 18px; height: 18px; color: #FF8A95; }
.hd-lock .lh b { font-size: 15px; font-weight: 800; }
.hd-lock > span { font-size: 12px; color: rgba(255, 255, 255, 0.74); }
.hd-lock .u { margin-top: 2px; padding: 3px 10px; border-radius: 6px; background: #F0283C; color: #fff; font-size: 11.5px; font-weight: 800; }
.hd-rep.is-mz .hd-lock, .offer-rep.is-mz .hd-lock { opacity: 1; transform: translate(-50%, -50%); transition: opacity .3s ease .25s, transform .45s cubic-bezier(.2, 1.3, .4, 1) .25s; }
/* 잠긴 리포트 구성: 시크릿 합격 진단, 비공개 심사평, 실전 합격 시뮬레이션. 잠금 카드가 뜬 뒤 한 줄씩 열리고, 시뮬레이션 선이 합격 기준을 넘어간다 */
.hd-lock .md { align-self: stretch; display: grid; margin: 5px 0 4px; border-top: 1px solid rgba(255, 255, 255, 0.14); text-align: left; }
.hd-lock .md li { display: flex; align-items: center; gap: 16px; padding: 4px 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); opacity: 0; transform: translateY(6px); }
.hd-lock .md p { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.hd-lock .md b { font-size: 12.5px; font-weight: 800; line-height: 1.35; color: #fff; white-space: nowrap; }
.hd-lock .md span { display: flex; align-items: center; gap: 6px; min-height: 16px; font-size: 11px; line-height: 1.35; color: rgba(255, 255, 255, 0.66); white-space: nowrap; }
.hd-lock .md strong { flex: none; font-size: 19px; font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: #fff; font-variant-numeric: tabular-nums; }
.hd-lock .md strong small { margin-left: 1px; font-size: 11px; font-weight: 700; letter-spacing: 0; color: rgba(255, 255, 255, 0.7); }
.hd-lock .sl { flex: none; width: 50px; height: 20px; overflow: visible; }
.hd-lock .sl .ln { stroke: rgba(255, 255, 255, 0.55); stroke-width: 1; stroke-dasharray: 2 2; }
.hd-lock .sl .pt { fill: none; stroke: #8FB0FF; stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; }
.hd-lock .sl .c0 { fill: #FF6B79; }
.hd-lock .sl .hit { fill: #4F86FF; stroke: #fff; stroke-width: 1.2; opacity: 0; }
.hd-rep.is-mz .hd-lock .md li, .offer-rep.is-mz .hd-lock .md li { opacity: 1; transform: none; transition: opacity .3s ease calc(.65s + var(--k) * .2s), transform .4s cubic-bezier(.2, .7, .2, 1) calc(.65s + var(--k) * .2s); }
.hd-rep.is-mz .hd-lock .sl .pt, .offer-rep.is-mz .hd-lock .sl .pt { stroke-dashoffset: 0; transition: stroke-dashoffset .9s cubic-bezier(.4, 0, .2, 1) 1.4s; }
.hd-rep.is-mz .hd-lock .sl .hit, .offer-rep.is-mz .hd-lock .sl .hit { opacity: 1; transition: opacity .25s ease 2.15s; }
.hd-ver.go .hd-vt .w span { animation: hcWipe .6s cubic-bezier(.65, 0, .25, 1) .9s backwards, hcGlow 1.5s ease-out 1.2s backwards; }
.hd-ver.go .hd-vt .sc, .hd-ver.go .hd-vt .s { animation: hcFade .5s ease-out 1.2s both; }
.hd-ver:not(.go) .viz-dial * { animation: none !important; }
@keyframes hdFlash { 0% { opacity: .95; } 100% { opacity: 0; } }
@keyframes hcWipe { from { clip-path: inset(-60% 100% -60% 0); } to { clip-path: inset(-60% -15% -60% -15%); } }
@keyframes hcGlow { from { text-shadow: 0 0 34px rgba(255, 77, 94, 0.95), 0 0 2px rgba(255, 77, 94, 0.9); } }
@keyframes hcFade { from { opacity: 0; transform: translateY(4px); } }
@keyframes hcRow { from { opacity: 0; transform: translateY(8px); } }
@keyframes hcShine { to { transform: translateX(100%); } }

/* 눈금 다이얼 (판정 화면 공용) */
.viz-dial .dt { animation: dtOn .22s ease-out both; animation-delay: calc(var(--t0, 0s) + var(--d, 0s)); }
.viz-dial .dial-prog { animation: dialProg var(--dur, 1.2s) cubic-bezier(.5, 1, .89, 1) var(--t0, 0s) both; }
.viz-dial .dial-tip { transform-box: fill-box; transform-origin: center; animation: dialTip .4s cubic-bezier(.2, .7, .3, 1.5) both; animation-delay: calc(var(--t0, 0s) + var(--dur, 1.2s)); }
.viz-dial .dial-glow { animation: hcOutIn 1s ease-out both; animation-delay: calc(var(--t0, 0s) + var(--dur, 1.2s) * .5); }
.viz-dial.is-still .dt, .viz-dial.is-still .dial-prog, .viz-dial.is-still .dial-tip, .viz-dial.is-still .dial-glow { animation: none; }
@keyframes dtOn { from { stroke: var(--off); } }
@keyframes dialProg { from { stroke-dashoffset: 100; } }
@keyframes dialTip { from { opacity: 0; transform: scale(.2); } }
@keyframes hcOutIn { from { opacity: 0; } }

/* 모자이크: 잠긴 내용은 글자 모양만 남기고 가린다 (스크립트가 없으면 흐림으로 대신) */
.mz { position: relative; display: block; min-width: 0; overflow: hidden; white-space: nowrap; user-select: none; -webkit-user-select: none; filter: blur(4.5px); }
.mz.is-mz { filter: none; color: transparent !important; }
.mz-c { position: absolute; left: 0; top: 50%; transform: translateY(-50%); image-rendering: crisp-edges; image-rendering: pixelated; pointer-events: none; }

.steps { display: flex; align-items: center; gap: 12px; margin: 36px 0 16px; font-size: 14.5px; font-weight: 600; color: var(--muted); }
.steps li { display: inline-flex; align-items: center; gap: 8px; }
.steps li + li::before { content: ''; width: 28px; height: 1px; background: #C9D1DE; margin-right: 4px; }
.steps b { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #E8ECF4; color: var(--muted); font-size: 12.5px; }
.steps li.on, .steps li[aria-current] { color: var(--ink); }
.steps li.on b, .steps li[aria-current] b { background: var(--blue); color: #fff; }
.steps li.done b { background: var(--ink); color: #fff; }

.probe { position: relative; background: #fff; border: 1px solid #D7DEEA; border-radius: 20px; box-shadow: var(--shadow-lg); padding: 22px; }
.probe-doc { position: relative; border: 1.5px solid var(--line); border-radius: 14px; background: #FBFCFE; transition: border-color .15s, background .15s; }
.probe-doc:focus-within { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 4px rgba(31, 94, 255, 0.1); }
.probe-doc.is-over { border-color: var(--blue); border-style: dashed; background: var(--blue-50); }
.probe-doc textarea { display: block; min-height: 220px; height: 220px; border: 0; background: transparent; padding: 18px 20px; font-size: 16px; box-shadow: none; resize: vertical; }
.probe-doc textarea:focus { box-shadow: none; }
.probe-empty { position: absolute; left: 0; right: 0; bottom: 26px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; pointer-events: none; }
.probe-empty > * { pointer-events: auto; }
.probe-empty p { font-size: 14px; color: var(--muted); }
.probe-empty .fmt { font-size: 13px; color: var(--faint); }
.probe-doc.has-text .probe-empty { display: none; }
.probe-busy { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(255, 255, 255, 0.9); border-radius: 14px; font-weight: 700; color: var(--ink); }
.probe-busy[hidden] { display: none; }
.probe-file { position: absolute; top: 12px; right: 12px; display: inline-flex; align-items: center; gap: 8px; max-width: 60%; padding: 5px 6px 5px 12px; border-radius: 8px; background: var(--ink); color: #fff; font-size: 13px; font-weight: 600; }
.probe-file[hidden] { display: none; }
.probe-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.probe-file button { border: 0; background: rgba(255, 255, 255, 0.16); color: #fff; width: 22px; height: 22px; border-radius: 6px; line-height: 1; }
.probe-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; margin-top: 12px; font-size: 14px; color: var(--muted); }
.probe-ex { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.probe-ex > span { margin-right: 2px; }
.probe-ex button { height: 32px; padding: 0 12px; border: 1px solid var(--line); background: #fff; border-radius: 8px; font-size: 13.5px; font-weight: 600; color: var(--text); }
.probe-ex button:hover { border-color: var(--blue); color: var(--blue-700); }
.probe-cnt b { color: var(--ink); }
.probe-cnt.is-short b { color: var(--red-600); }
.probe-fields { display: grid; grid-template-columns: 1.2fr 1.2fr 1fr 1.25fr; gap: 12px; margin-top: 18px; }
.probe-fields label { display: block; margin-bottom: 6px; font-size: 13.5px; font-weight: 700; color: var(--ink); }
.probe-fields label small { margin-left: 4px; font-weight: 500; color: var(--faint); }
.probe-jd { margin-top: 12px; }
.probe-jd summary { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 14px; font-weight: 700; color: var(--text); list-style: none; }
.probe-jd summary::-webkit-details-marker { display: none; }
.probe-jd summary::before { content: '+'; display: inline-grid; place-items: center; width: 20px; height: 20px; border: 1px solid #C2CBD9; border-radius: 6px; font-weight: 700; color: var(--muted); }
.probe-jd[open] summary::before { content: '−'; }
.probe-jd textarea { margin-top: 10px; min-height: 120px; }
.probe-go { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line-2); }
.probe-note { display: flex; align-items: flex-start; gap: 8px; flex: 1 1 280px; font-size: 13.5px; line-height: 1.6; color: var(--muted); }
.probe-note svg { flex: none; margin-top: 2px; color: var(--blue); }
.probe-note b { color: var(--ink); }
.resume { display: flex; align-items: center; justify-content: space-between; gap: 6px 14px; flex-wrap: wrap; margin-top: 14px; padding: 12px 16px; border-radius: 12px; background: var(--ink); color: #fff; font-size: 14.5px; }
.resume[hidden] { display: none; }
.resume b { color: #FF8593; }
.resume .link-btn { color: #fff; }

/* ---------------- 데모 ---------------- */
.demo-sec { padding: 28px 0 96px; }
.demo { border: 1px solid #D7DEEA; border-radius: 20px; background: #fff; box-shadow: var(--shadow); overflow: hidden; }
.demo-bar { display: flex; align-items: center; gap: 14px; padding: 13px 20px; border-bottom: 1px solid var(--line-2); background: #FBFCFE; font-size: 13.5px; color: var(--muted); }
.demo-url { font-weight: 600; color: var(--text); }
.demo-state { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; color: var(--ink); }
.demo-state i { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(31, 94, 255, 0.16); }
.demo.is-fail .demo-state i { background: var(--red); box-shadow: 0 0 0 4px rgba(240, 40, 60, 0.16); }
.demo-tag { margin-left: auto; padding: 3px 9px; border: 1px solid var(--line); border-radius: 6px; font-size: 12.5px; background: #fff; }
.demo-body { display: grid; grid-template-columns: minmax(0, 1fr) 340px; }
.demo-doc { position: relative; padding: 24px 26px; max-height: 470px; overflow: hidden; border-right: 1px solid var(--line-2); }
.demo-doc::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60px; background: linear-gradient(rgba(255, 255, 255, 0), #fff); pointer-events: none; }
.demo-doc .scan-beam { top: 0; }
.demo-side { padding: 22px; display: flex; flex-direction: column; gap: 12px; background: #FCFDFF; }
.ds { padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; transition: border-color .3s, background .3s; }
.ds-k { font-size: 13px; font-weight: 700; color: var(--muted); }
.ds-n { display: flex; align-items: baseline; gap: 4px; margin-top: 2px; color: var(--ink); }
.ds-n b { font-size: 44px; font-weight: 800; letter-spacing: -0.04em; line-height: 1.1; }
.ds-n span { font-size: 15px; font-weight: 700; color: var(--muted); }
.ds-v { margin-top: 2px; font-size: 15px; font-weight: 800; color: var(--muted); }
.ds-bar { position: relative; display: block; height: 8px; margin-top: 12px; border-radius: 8px; background: var(--surface-2); }
.ds-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 8px; background: var(--faint); width: 0; transition: width .25s linear, background .3s; }
.ds-bar em { position: absolute; top: -5px; bottom: -5px; width: 2px; background: var(--ink); border-radius: 2px; }
.ds-x { margin-top: 8px; font-size: 13px; color: var(--muted); min-height: 1.6em; }
.ds.is-fail { border-color: #FFC2CA; background: var(--red-50); }
.ds.is-fail .ds-n b, .ds.is-fail .ds-v { color: var(--red-600); }
.ds.is-fail .ds-bar i { background: var(--red); }
.ds.is-pass { border-color: #BCD0FF; background: var(--blue-50); }
.ds.is-pass .ds-n b, .ds.is-pass .ds-v { color: var(--blue-600); }
.ds.is-pass .ds-bar i { background: var(--blue); }
.ds.is-idle { opacity: .5; }
.ds-arrow { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--muted); padding-left: 4px; }
.ds-arrow svg { color: var(--faint); }
.ds-kpi { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; }
.ds-kpi li { padding: 10px 12px; border-radius: 10px; background: var(--surface); font-size: 12.5px; color: var(--muted); }
.ds-kpi b { display: block; font-size: 20px; font-weight: 800; color: var(--ink); letter-spacing: -0.02em; }
.demo-foot { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 16px 20px; border-top: 1px solid var(--line-2); font-size: 13.5px; color: var(--muted); }
.demo-foot .link-btn { margin-left: auto; }

/* ---------------- 남색 띠: 조사 수치 ---------------- */
.sec-navy { background: var(--navy); color: #C5CEE3; position: relative; overflow: hidden; }
.sec-navy::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(700px 400px at 100% 0%, rgba(31, 94, 255, 0.22), transparent 70%), linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 40px 40px; }
.sec-navy .wrap { position: relative; }
.sec-navy h2, .sec-navy h3 { color: #fff; }
.why { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; align-items: start; }
.why-copy h2 { font-size: clamp(32px, 3.8vw, 48px); line-height: 1.22; letter-spacing: -0.045em; }
.why-copy p { margin-top: 18px; font-size: 18px; line-height: 1.75; }
.why-copy .why-acts { display: flex; align-items: center; gap: 14px; margin-top: 30px; flex-wrap: wrap; }
.why-copy .note { font-size: 14px; color: #8D98B6; }
.tagline { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; font-size: 14px; font-weight: 700; color: #FF8593; }
.tagline i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 4px rgba(240, 40, 60, 0.25); }
.stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; overflow: hidden; }
.stats li { padding: 26px 26px 24px; background: var(--navy); display: flex; flex-direction: column; }
.stats .fig { font-size: clamp(44px, 4.6vw, 60px); font-weight: 800; line-height: 1.05; letter-spacing: -0.045em; color: #FF4D5E; }
.stats .fig small { font-size: 0.42em; margin-left: 2px; letter-spacing: 0; color: #FF8593; }
.stats .fig.is-blue { color: #6E9BFF; }
.stats .fig.is-blue small { color: #93B2FF; }
.stats .cap { margin-top: 12px; font-size: 15px; line-height: 1.65; color: #C5CEE3; }
.stats .cap b { color: #fff; font-weight: 700; }
.stats .vs { margin-top: 14px; display: grid; gap: 7px; }
.stats .vs div { display: grid; grid-template-columns: 56px 1fr 44px; align-items: center; gap: 8px; font-size: 12.5px; color: #8D98B6; }
.stats .vs span.b { height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.08); position: relative; overflow: hidden; }
.stats .vs span.b i { position: absolute; inset: 0 auto 0 0; border-radius: 8px; }
.stats .vs b { color: #fff; font-weight: 700; text-align: right; }
.stats cite { display: block; margin-top: auto; padding-top: 14px; font-style: normal; font-size: 12.5px; color: #7C88A8; }
.stats .bar { margin-top: 14px; height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.08); position: relative; overflow: hidden; }
.stats .bar i { position: absolute; inset: 0 auto 0 0; border-radius: 8px; background: #FF4D5E; }
.why-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 26px; font-size: 14px; color: #8D98B6; }
.why-foot a { color: #fff; font-weight: 700; }

/* ---------------- 감점 유형 카드 ---------------- */
.pats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.pat { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.pat-top { display: flex; align-items: center; gap: 8px; }
.sevtag { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 6px; font-size: 12px; font-weight: 800; letter-spacing: 0; }
.sevtag.s3 { background: var(--crit); color: #fff; }
.sevtag.s2 { background: var(--red-50); color: var(--red-700); box-shadow: inset 0 0 0 1px #FFC9D0; }
.sevtag.s1 { background: var(--amber-50); color: var(--amber-700); box-shadow: inset 0 0 0 1px #F8D9A0; }
.pat h3 { margin-top: 14px; font-size: 19px; line-height: 1.4; }
.pat-ex { margin-top: 14px; padding: 14px 16px; border-radius: 10px; background: var(--surface); font-size: 15px; line-height: 1.85; color: var(--text); }
.pat-ex .w { background: var(--red-100); border-radius: 3px; padding: 1px 0; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.pat-ex .w1 { background: var(--amber-100); }
.pat-ex .m { color: var(--red-700); font-weight: 700; box-shadow: inset 0 -2px 0 var(--red); }
.pat-ex .m1 { color: var(--amber-700); box-shadow: inset 0 -2px 0 var(--amber); }
.pat-ex .m3 { color: #fff; background: var(--crit); border-radius: 3px; padding: 0 3px; box-shadow: none; }
.pat-ex .ctx { display: block; margin-bottom: 4px; font-size: 12.5px; color: var(--muted); }
.pat-why { margin-top: 16px; font-size: 14.5px; line-height: 1.6; color: var(--text); }
.pat-why b { font-size: 17px; font-weight: 800; color: var(--red-600); }
.pat cite { margin-top: auto; padding-top: 10px; font-style: normal; font-size: 12.5px; color: var(--faint); }
.counts { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.counts li { padding: 22px 24px; }
.counts li + li { border-left: 1px solid var(--line); }
.counts b { font-size: 36px; font-weight: 800; letter-spacing: -0.04em; color: var(--ink); line-height: 1.1; }
.counts small { margin-left: 2px; font-size: 16px; font-weight: 700; color: var(--ink); }
.counts span { display: block; margin-top: 4px; font-size: 14px; color: var(--muted); }

/* ---------------- 심사 영역 ---------------- */
.areas7 { border-top: 2px solid var(--ink); }
.areas7 li { display: grid; grid-template-columns: 210px 170px minmax(0, 1fr) 260px; gap: 24px; align-items: start; padding: 22px 0; border-bottom: 1px solid var(--line); }
.areas7 h3 { font-size: 18px; }
.areas7 .w { display: flex; align-items: center; gap: 10px; padding-top: 3px; font-size: 14px; font-weight: 800; color: var(--ink); }
.areas7 .w span { flex: 1; height: 8px; border-radius: 8px; background: var(--blue-100); position: relative; overflow: hidden; }
.areas7 .w span i { position: absolute; inset: 0 auto 0 0; background: var(--blue); border-radius: 8px; }
.areas7 p { font-size: 15px; color: var(--text); line-height: 1.7; }
.areas7 cite { font-style: normal; font-size: 13.5px; color: var(--muted); line-height: 1.6; }
.areas7 cite b { color: var(--ink); font-weight: 700; }
.areas-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 22px; font-size: 14.5px; color: var(--muted); }

.timeline { position: relative; margin-top: 72px; }
.timeline h3 { font-size: 20px; margin-bottom: 26px; }
.timeline ol { display: grid; grid-template-columns: repeat(6, 1fr); position: relative; }
.timeline ol::before { content: ''; position: absolute; left: 0; right: 0; top: 7px; height: 2px; background: linear-gradient(90deg, #C9D1DE, var(--blue)); }
.timeline li { position: relative; padding: 30px 16px 0 0; }
.timeline li::before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid #C9D1DE; }
.timeline li:last-child::before { border-color: var(--blue); background: var(--blue); box-shadow: 0 0 0 5px rgba(31, 94, 255, 0.18); }
.timeline .y { font-size: 22px; font-weight: 800; color: var(--ink); letter-spacing: -0.03em; }
.timeline b { display: block; margin-top: 4px; font-size: 15px; color: var(--ink); line-height: 1.45; }
.timeline p { margin-top: 6px; font-size: 13.5px; color: var(--muted); line-height: 1.6; }

/* ---------------- 심사위원 ---------------- */
.panel3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.judge { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.judge-top { display: flex; align-items: center; gap: 12px; }
.judge-face { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--surface-2); color: var(--ink); }
.judge h3 { font-size: 17px; }
.judge .who { font-size: 13.5px; color: var(--muted); }
.judge-res { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; padding: 12px 14px; border-radius: 10px; background: var(--surface); }
.judge-res .v { display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 800; color: var(--ink); }
.judge-res .s { font-size: 13.5px; color: var(--muted); }
.judge-res .s b { color: var(--ink); font-size: 16px; }
.judge dl { margin-top: 16px; font-size: 14px; }
.judge dt { font-size: 12.5px; font-weight: 700; color: var(--muted); }
.judge dd { margin: 2px 0 0; color: var(--text); line-height: 1.6; }
.judge blockquote { margin-top: 14px; padding: 14px 16px; border-left: 3px solid var(--line); background: #fff; font-size: 14.5px; line-height: 1.7; color: var(--text); }
.judge.v-fail blockquote { border-left-color: var(--red); }
.judge.v-hold blockquote { border-left-color: var(--amber); }
.judge.v-pass blockquote { border-left-color: var(--blue); }

/* ---------------- 리포트 소개 ---------------- */
.rep { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 56px; align-items: center; }
.rep h2 { font-size: clamp(30px, 3.6vw, 44px); line-height: 1.24; letter-spacing: -0.04em; }
.rep-lead { margin-top: 16px; font-size: 18px; color: var(--muted); }
.rep-list { margin-top: 28px; border-top: 1px solid var(--line); counter-reset: rp; }
.rep-list li { display: grid; grid-template-columns: 36px 1fr; gap: 6px 10px; padding: 14px 0; border-bottom: 1px solid var(--line); counter-increment: rp; }
.rep-list li::before { content: counter(rp); grid-row: span 2; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: var(--ink); color: #fff; font-size: 13px; font-weight: 800; }
.rep-list b { color: var(--ink); font-size: 16px; }
.rep-list span { font-size: 14.5px; color: var(--muted); }
.rep-acts { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }
.rep-pages { position: relative; height: 560px; }
.rep-pages figure { position: absolute; width: 62%; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 2px 6px rgba(14, 22, 48, 0.08), 0 30px 60px -28px rgba(14, 22, 48, 0.45); border: 1px solid var(--line); }
.rep-pages figure:nth-child(1) { left: 0; top: 40px; z-index: 1; }
.rep-pages figure:nth-child(2) { left: 19%; top: 0; z-index: 2; }
.rep-pages figure:nth-child(3) { right: 0; top: 70px; z-index: 3; }
.rep-pages img { width: 100%; height: auto; }

/* ---------------- 상품 ---------------- */
.plans { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 980px; margin: 0 auto; }
.plan { display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.plan.is-dark { background: var(--navy); border-color: var(--navy); color: #C5CEE3; }
.plan.is-dark h3, .plan.is-dark .plan-price b, .plan.is-dark .plan-list b { color: #fff; }
.plan-kicker { font-size: 14px; font-weight: 700; color: var(--blue-600); }
.plan.is-dark .plan-kicker { color: #8FB0FF; }
.plan h3 { margin-top: 6px; font-size: 28px; }
.plan-desc { margin-top: 10px; font-size: 15.5px; line-height: 1.65; }
.plan-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; margin-top: 22px; }
/* 정가(취소선), 할인율, 판매가 */
.plan-price s, .offer-price s { font-size: 15px; font-weight: 600; color: var(--muted); text-decoration-thickness: 1.5px; }
.plan-price em, .offer-price em { font-style: normal; font-size: 15px; font-weight: 800; color: var(--red); }
.plan-price span, .offer-price span { flex-basis: 100%; }
.plan.is-dark .plan-price s, .offer-card:not(.is-main) .offer-price s { color: #8D98B6; }
.plan.is-dark .plan-price em, .offer-card:not(.is-main) .offer-price em { color: #FF8A95; }
.plan-price b { font-size: 40px; font-weight: 800; letter-spacing: -0.04em; color: var(--ink); }
.plan-price span { font-size: 14px; color: var(--muted); }
.plan.is-dark .plan-price span { color: #8D98B6; }
.plan-list { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); flex: 1; }
.plan.is-dark .plan-list { border-top-color: rgba(255, 255, 255, 0.12); }
.plan-list li { position: relative; padding: 7px 0 7px 30px; font-size: 15px; line-height: 1.55; }
.plan-list li::before { content: ''; position: absolute; left: 0; top: 9px; width: 20px; height: 20px; border-radius: 50%; background: var(--blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.8-5' fill='none' stroke='%231F5EFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
.plan.is-dark .plan-list li::before { background-color: rgba(31, 94, 255, 0.25); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.8-5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.plan-list b { display: block; color: var(--ink); }
.plan-list span { display: block; font-size: 14px; color: var(--muted); }
.plan.is-dark .plan-list span { color: #8D98B6; }
.plan-foot { margin-top: 24px; }
.plan-foot .hint { text-align: center; }
.plan.is-dark .hint { color: #8D98B6; }
.plan.is-dark .hint a { color: #fff; }
.kinds { display: flex; flex-wrap: wrap; gap: 8px 10px; justify-content: center; margin-top: 30px; font-size: 14.5px; }
.kinds a { padding: 8px 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--text); font-weight: 600; }
.kinds a:hover { border-color: var(--ink); color: var(--ink); text-decoration: none; }

/* ---------------- 자주 묻는 질문 ---------------- */
.faq { max-width: 860px; border-top: 2px solid var(--ink); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { position: relative; padding: 20px 44px 20px 0; cursor: pointer; list-style: none; font-size: 17px; font-weight: 700; color: var(--ink); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ''; position: absolute; right: 8px; top: 50%; width: 10px; height: 10px; margin-top: -7px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(-135deg); margin-top: -2px; }
.faq .a { padding: 0 0 22px; font-size: 15.5px; line-height: 1.8; color: var(--text); }
.faq .a p + p { margin-top: 8px; }
.faq-more { margin-top: 22px; }

/* ---------------- 마무리 ---------------- */
.closing { text-align: center; padding: 104px 0; }
.closing h2 { font-size: clamp(30px, 4vw, 48px); letter-spacing: -0.045em; line-height: 1.25; }
.closing p { margin-top: 16px; font-size: 18px; }
.closing .btn { margin-top: 30px; }

/* ---------------- 바닥글 ---------------- */
.site-foot { background: #070E24; color: #8D98B6; padding: 64px 0 40px; font-size: 14px; }
.foot-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; gap: 28px; }
.foot-brand .logo svg { height: 28px; }
.foot-brand p { margin-top: 14px; max-width: 300px; line-height: 1.7; }
.site-foot h2 { font-size: 14px; color: #fff; letter-spacing: 0; margin-bottom: 12px; }
.site-foot li { margin: 7px 0; }
.site-foot a { color: #B7C0D6; }
.site-foot a:hover { color: #fff; }
.foot-legal { margin-top: 44px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.foot-legal nav { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 14px; }
.foot-legal nav a { color: #fff; font-weight: 700; }
.foot-legal p { font-size: 13px; line-height: 1.8; color: #6F7B9B; }

/* ---------------- 심사 진행 ---------------- */
.is-room .mk, .is-room .hero, .is-room .demo-sec { display: none; }
.room { padding: 40px 0 96px; background: var(--surface); min-height: calc(100vh - 68px); }
.room[hidden] { display: none; }
.room-steps { margin: 0 0 22px; }
.scan { background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); overflow: hidden; }
.scan[hidden] { display: none; }
.scan-head { padding: 26px 28px 20px; border-bottom: 1px solid var(--line-2); }
.scan-head h2 { font-size: 26px; }
.scan-head p { margin-top: 6px; color: var(--muted); }
.scan-body { display: grid; grid-template-columns: minmax(0, 1fr) 360px; }
.scan-doc { position: relative; padding: 24px 28px; max-height: 560px; overflow: hidden; border-right: 1px solid var(--line-2); }
.scan-beam { position: absolute; left: 0; right: 0; height: 90px; top: -90px; pointer-events: none; background: linear-gradient(rgba(31, 94, 255, 0), rgba(31, 94, 255, 0.10) 75%, rgba(31, 94, 255, 0.55) 98%, rgba(31, 94, 255, 0)); border-bottom: 2px solid rgba(31, 94, 255, 0.75); }
.scan-side { padding: 24px; background: #FCFDFF; }
.scan-ring { position: relative; width: 156px; height: 156px; margin: 4px auto 18px; }
.scan-ring svg { width: 156px; height: 156px; transform: rotate(-90deg); }
.scan-ring .pct { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; }
.scan-ring .pct b { font-size: 38px; font-weight: 800; color: var(--ink); letter-spacing: -0.04em; line-height: 1; }
.scan-ring .pct span { display: block; margin-top: 4px; font-size: 12.5px; color: var(--muted); }
.scan-steps li { display: grid; grid-template-columns: 20px 1fr; gap: 2px 10px; padding: 8px 0; border-bottom: 1px solid var(--line-2); font-size: 14px; color: var(--faint); }
.scan-steps li i { grid-row: span 2; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%; border: 2px solid #D5DCE8; }
.scan-steps li b { font-weight: 700; }
.scan-steps li span { font-size: 12.5px; color: var(--muted); min-height: 1.4em; }
.scan-steps li.on { color: var(--ink); }
.scan-steps li.on i { border-color: var(--blue); border-right-color: transparent; animation: spin .7s linear infinite; }
.scan-steps li.done { color: var(--ink); }
.scan-steps li.done i { border-color: var(--blue); background: var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.8-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
.scan-found { margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: var(--red-50); color: var(--red-700); font-size: 14.5px; font-weight: 700; }
.scan-found b { font-size: 20px; }
@keyframes spin { to { transform: rotate(360deg); } }

/* ---------------- 판정 결과 ---------------- */
.dash { display: grid; gap: 16px; }
.dash-top { --tone: #FF4D5E; --tone-soft: #FF8A95; --tone-glow: rgba(255, 77, 94, 0.22);
  display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: center; padding: 30px 30px 26px 36px; border-radius: 20px; position: relative; overflow: hidden; isolation: isolate; color: #fff;
  background:
    radial-gradient(520px 300px at 92% -12%, var(--tone-glow), transparent 70%),
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(165deg, #13214B 0%, #0A1330 72%);
  border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 34px 80px -36px rgba(10, 19, 48, 0.75); }
.dash.is-edge .dash-top { --tone: #FFB224; --tone-soft: #FFC86B; --tone-glow: rgba(255, 178, 36, 0.2); }
.dash.is-pass .dash-top { --tone: #5B93FF; --tone-soft: #9DBEFF; --tone-glow: rgba(91, 147, 255, 0.24); }
.dash-top::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--tone); }
.dv-meta { font-size: 13px; color: rgba(255, 255, 255, 0.55); }
.dv-meta b { color: rgba(255, 255, 255, 0.9); font-weight: 600; }
.dv-k { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 14px; font-weight: 800; color: var(--tone-soft); }
.dv-word { margin-top: 4px; font-size: clamp(44px, 6vw, 72px); font-weight: 800; letter-spacing: -0.055em; line-height: 1.08; color: var(--tone); }
.dv-word span { display: inline-block; text-shadow: 0 0 30px var(--tone-glow); }
.dash:not(.is-still) .dv-word span { animation: hcWipe .6s cubic-bezier(.65, 0, .25, 1) 1.2s backwards; }
.dv-score { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; }
.dv-score b { font-size: clamp(30px, 3.6vw, 40px); font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--tone-soft); font-variant-numeric: tabular-nums; }
.dv-score b small { font-size: .5em; font-weight: 800; }
.dv-score span { font-size: clamp(18px, 2vw, 22px); font-weight: 800; color: #fff; }
.dv-score em { padding: 3px 9px; border-radius: 6px; background: var(--tone-glow); color: var(--tone-soft); font-style: normal; font-size: 13.5px; font-weight: 800; }
.dash:not(.is-still) .dv-score { animation: hcFade .5s ease-out 1.5s both; }
.dv-sum { margin-top: 14px; max-width: 560px; font-size: 17px; line-height: 1.7; color: rgba(255, 255, 255, 0.8); }
.dv-sum b { color: #fff; }
.dv-crit { display: flex; align-items: flex-start; gap: 8px; margin-top: 14px; padding: 10px 14px; border-radius: 10px; background: var(--crit); color: #fff; font-size: 14.5px; font-weight: 600; max-width: 560px; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08); }
.dash-dial .viz-dial { --t0: .25s; display: block; width: 100%; height: auto; overflow: visible; }
.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.kpi { padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.kpi .k { font-size: 13.5px; font-weight: 700; color: var(--muted); }
.kpi .v { margin-top: 2px; font-size: 15px; font-weight: 700; color: var(--ink); }
.kpi .v b { font-size: 34px; font-weight: 800; letter-spacing: -0.04em; margin-right: 2px; }
.kpi .s { margin-top: 6px; font-size: 13px; color: var(--muted); line-height: 1.5; }
.kpi.is-red .v b { color: var(--red-600); }
.kpi .judges-mini { display: flex; gap: 6px; margin-top: 10px; }
.kpi .judges-mini span { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--muted); }
.card { padding: 26px 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.card-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.card-h h3 { font-size: 19px; }
.card-h small { font-size: 13.5px; color: var(--muted); }
.dash-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 16px; }
.dash-grid .viz-radar { width: 100%; max-width: 520px; height: auto; margin: 0 auto; }
.lock-note { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: var(--surface); font-size: 14px; color: var(--text); }
.lock-note svg { flex: none; color: var(--muted); }
.lock-note .link-btn { margin-left: auto; white-space: nowrap; }

/* 미터 목록 */
.viz-meters li { display: grid; grid-template-columns: 128px minmax(0, 1fr) 76px; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line-2); font-size: 14.5px; }
.viz-meters li:last-child { border-bottom: 0; }
.viz-meters .m-name { color: var(--ink); font-weight: 600; line-height: 1.35; }
.viz-meters .m-name small { display: block; font-size: 12px; font-weight: 500; color: var(--muted); }
.viz-meters .m-bar { position: relative; display: block; height: 8px; border-radius: 8px; overflow: hidden; }
.viz-meters .m-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 8px; transition: width 1s cubic-bezier(.2, .7, .2, 1); }
.viz-meters .m-val { display: flex; align-items: baseline; justify-content: flex-end; gap: 6px; }
.viz-meters .m-val b { font-size: 17px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.viz-meters .m-val em { font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--muted); }
.viz-meters .t-fail .m-val em { color: var(--red-700); }
.viz-meters .t-edge .m-val em { color: var(--amber-700); }
.viz-meters .t-pass .m-val em { color: var(--blue-600); }
.viz-meters .m-cnt { display: none; }
.lost-h { margin: 22px 0 8px; font-size: 14px; font-weight: 800; color: var(--ink); }
.viz-lost li { display: grid; grid-template-columns: 128px minmax(0, 1fr) 70px; align-items: center; gap: 12px; padding: 6px 0; font-size: 14px; }
.viz-lost .l-name { color: var(--text); }
.viz-lost .l-bar { position: relative; height: 10px; }
.viz-lost .l-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 0 4px 4px 0; background: var(--red); transition: width 1s cubic-bezier(.2, .7, .2, 1); }
.viz-lost .l-val { text-align: right; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.viz-sev { margin-top: 10px; }
.viz-sev .s-bar { display: flex; gap: 2px; height: 8px; border-radius: 8px; overflow: hidden; }
.viz-sev .s-bar i { display: block; }
.viz-sev .s-key { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px; font-size: 12.5px; color: var(--muted); }
.viz-sev .s-key span { display: inline-flex; align-items: center; gap: 5px; }
.viz-sev .s-key i { width: 8px; height: 8px; border-radius: 2px; }
.viz-sev .s-key b { color: var(--ink); }

/* 문서 위 감점 지점 */
.viz-doc { font-size: 15.5px; line-height: 2; color: var(--text); }
.viz-doc p + p { margin-top: 6px; }
.viz-doc .d-title { margin-top: 18px; font-weight: 800; color: var(--ink); line-height: 1.6; }
.viz-doc .d-title:first-child { margin-top: 0; }
.viz-doc .d-w { border-radius: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 2px 0; }
.viz-doc .d-w.s1 { background: var(--amber-50); box-shadow: inset 0 -2px 0 #F8D9A0; }
.viz-doc .d-w.s2, .viz-doc .d-w.s3 { background: var(--red-50); box-shadow: inset 0 -2px 0 #FFB8C1; }
.viz-doc .d-m { font-weight: 700; border-radius: 2px; }
.viz-doc .d-m.s1 { color: var(--amber-700); box-shadow: inset 0 -2px 0 var(--amber); }
.viz-doc .d-m.s2 { color: var(--red-700); box-shadow: inset 0 -2px 0 var(--red); }
.viz-doc .d-m.s3 { color: #fff; background: var(--crit); padding: 0 2px; }
.viz-doc .d-tag { display: inline-flex; align-items: center; gap: 4px; height: 20px; margin: 0 4px; padding: 0 7px; border: 0; border-radius: 5px; vertical-align: 2px; font-size: 11.5px; font-weight: 800; line-height: 20px; letter-spacing: -0.01em; color: #fff; white-space: nowrap; }
.viz-doc .d-tag.s1 { background: var(--amber); color: #3D2400; }
.viz-doc .d-tag.s2 { background: var(--red); }
.viz-doc .d-tag.s3 { background: var(--crit); }
.viz-doc .d-tag svg { display: inline-block; }
.viz-doc .d-tag:hover { filter: brightness(1.06); }
.viz-doc.is-hidden .d-w, .viz-doc .d-s.is-off.d-w { background: transparent; box-shadow: none; }
.viz-doc .d-s.is-off .d-m { color: inherit; font-weight: inherit; box-shadow: none; background: transparent; padding: 0; }
.viz-doc .d-tag.is-off { display: none; }
.viz-doc .d-s.is-flash { animation: flash .9s ease-out; }
@keyframes flash { 0% { background-color: rgba(240, 40, 60, 0.35); } 100% { background-color: transparent; } }
.viz-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--muted); }
.viz-legend li { display: inline-flex; align-items: center; gap: 6px; }
.viz-legend b { color: var(--ink); }
.viz-legend .sw { width: 14px; height: 10px; border-radius: 2px; }
.viz-legend .sw-w.s1 { background: var(--amber-50); box-shadow: inset 0 -2px 0 #F8D9A0; }
.viz-legend .sw-w.s2, .viz-legend .sw-w.s3 { background: var(--red-50); box-shadow: inset 0 -2px 0 #FFB8C1; }
.viz-legend .sw-m.s1 { background: transparent; box-shadow: inset 0 -2px 0 var(--amber); }
.viz-legend .sw-m.s2 { background: transparent; box-shadow: inset 0 -2px 0 var(--red); }
.viz-legend .sw-m.s3 { background: var(--crit); }
.doc-box { margin-top: 16px; padding: 20px 22px; border: 1px solid var(--line-2); border-radius: 12px; background: #FCFDFF; max-height: 560px; overflow: auto; }
.pop { position: absolute; z-index: 30; width: 300px; padding: 16px; border-radius: 12px; background: var(--ink); color: #D4DAE8; font-size: 13.5px; line-height: 1.6; box-shadow: var(--shadow-lg); }
.pop[hidden] { display: none; }
.pop b { display: block; margin-bottom: 4px; color: #fff; font-size: 14.5px; }
.pop .btn { margin-top: 12px; height: 36px; font-size: 13.5px; }
.pop .x { position: absolute; right: 8px; top: 6px; border: 0; background: none; color: #8D98B6; font-size: 18px; }

/* 감점 요인 */
.finding { padding: 20px 22px; border-radius: 14px; border: 1px solid #FFC9D0; background: var(--red-50); }
.finding.s1 { border-color: #F8D9A0; background: var(--amber-50); }
.finding-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; color: var(--muted); }
.finding-top .open { margin-left: auto; font-size: 12.5px; font-weight: 700; color: var(--muted); }
.finding h4 { margin-top: 10px; font-size: 19px; line-height: 1.45; }
.finding p { margin-top: 8px; font-size: 15px; line-height: 1.7; }
.finding .excerpt { padding: 10px 14px; border-left: 3px solid var(--red); background: #fff; border-radius: 0 8px 8px 0; color: var(--ink); }
.finding .more-list { font-size: 14px; color: var(--text); }
.finding .more-list b { margin-right: 6px; color: var(--ink); }
.finding .tip { padding: 10px 14px; background: #fff; border-radius: 8px; color: var(--ink); font-weight: 600; }
.finding .tip::before { content: '고치는 방향  '; color: var(--blue-600); font-weight: 800; }
.locked { margin-top: 12px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.locked li { display: grid; grid-template-columns: 18px 128px 58px minmax(0, 1fr); align-items: center; gap: 12px; padding: 13px 18px; border-bottom: 1px solid var(--line-2); font-size: 14px; background: #fff; }
.locked li:last-child { border-bottom: 0; }
.locked li svg { color: var(--faint); }
.locked .a { font-weight: 700; color: var(--ink); }
.locked .t { color: #3A4660; font-weight: 600; }
.locked-cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 14px; font-size: 14.5px; color: var(--text); }
.nofind { padding: 18px; border-radius: 12px; background: var(--blue-50); color: var(--blue-700); font-weight: 600; }

/* 심사위원 결과 */
.judges-res { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.jr { padding: 18px; border: 1px solid var(--line); border-radius: 14px; }
.jr-top { display: flex; align-items: center; gap: 10px; }
.jr-top .judge-face { width: 40px; height: 40px; border-radius: 10px; }
.jr h4 { font-size: 15.5px; }
.jr .who { font-size: 12.5px; color: var(--muted); }
.jr-v { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
.jr-v .v { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 800; color: var(--ink); }
.jr-v .s { font-size: 13px; color: var(--muted); }
.jr-v .s b { font-size: 15px; color: var(--ink); }
.jr-lines { margin-top: 14px; display: grid; gap: 7px; }
.jr-lines i { display: block; height: 9px; border-radius: 5px; background: var(--surface-2); }
.jr-lines i:nth-child(2) { width: 88%; } .jr-lines i:nth-child(3) { width: 64%; }
.jr-lock { display: flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 12.5px; color: var(--muted); }

/* 결제 안내 */
.offer { padding: 32px; border-radius: 20px; background: var(--navy); color: #C5CEE3; position: relative; overflow: hidden; }
.offer::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(600px 300px at 100% 0%, rgba(31, 94, 255, 0.28), transparent 70%); }
.offer > * { position: relative; }
.offer h3 { font-size: 28px; color: #fff; letter-spacing: -0.04em; line-height: 1.3; }
.offer > p { margin-top: 10px; font-size: 16px; max-width: 720px; }
.offer-head { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: center; }
.offer-head:has(> :only-child) { grid-template-columns: 1fr; }
.offer-head h3 + p { margin-top: 10px; font-size: 16px; max-width: 620px; }
.offer-rep { position: relative; height: 288px; border-radius: 12px; background: #fff; overflow: hidden; box-shadow: 0 24px 50px -24px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1); transform: rotate(-1.2deg); }
.offer-rep .hd-cv { position: absolute; inset: 0; display: block; width: 100%; height: 100%; filter: blur(2.4px); transition: filter .2s; }
.offer-rep.is-mz .hd-cv { filter: none; }
.offer-rep .hd-lock { padding: 12px 18px; }
.offer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 24px; }
.offer-card { display: flex; flex-direction: column; padding: 22px; border-radius: 16px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); }
.offer-card.is-main { background: #fff; color: var(--text); border-color: #fff; }
.offer-card h4 { font-size: 19px; color: #fff; }
.offer-card.is-main h4 { color: var(--ink); }
.offer-card ul { margin-top: 12px; flex: 1; }
.offer-card li { position: relative; padding: 4px 0 4px 22px; font-size: 14.5px; line-height: 1.55; }
.offer-card li::before { content: ''; position: absolute; left: 2px; top: 11px; width: 10px; height: 6px; border-left: 2px solid var(--blue); border-bottom: 2px solid var(--blue); transform: rotate(-45deg); }
.offer-card:not(.is-main) li::before { border-color: #8FB0FF; }
.offer-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: 18px 0 14px; font-size: 13px; color: #8D98B6; }
.offer-card.is-main .offer-price { color: var(--muted); }
.offer-price b { font-size: 30px; font-weight: 800; letter-spacing: -0.03em; color: #fff; }
.offer-card.is-main .offer-price b { color: var(--ink); }
.offer-note { margin-top: 14px; font-size: 13px; line-height: 1.6; color: #8D98B6; }
.offer-sample { margin-top: 10px; font-size: 14px; color: #8D98B6; }
.offer-sample a { color: #fff; font-weight: 700; margin-right: 6px; }
.fine { font-size: 12.5px; line-height: 1.7; color: var(--muted); }
.room-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }

/* ---------------- 주문 창 ---------------- */
.dlg { width: min(520px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 20px; box-shadow: var(--shadow-lg); color: var(--text); }
.dlg::backdrop { background: rgba(10, 19, 48, 0.55); backdrop-filter: blur(3px); }
.dlg-in { padding: 26px; }
.dlg-top { display: flex; align-items: center; justify-content: space-between; }
.dlg h2 { font-size: 24px; }
.dlg-x { width: 36px; height: 36px; border: 0; border-radius: 10px; background: var(--surface); font-size: 22px; line-height: 1; color: var(--muted); }
.dlg-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 16px; padding: 4px; border-radius: 12px; background: var(--surface-2); }
.dlg-tabs button { height: 40px; border: 0; border-radius: 9px; background: transparent; font-weight: 700; color: var(--muted); }
.dlg-tabs button[aria-selected=true] { background: #fff; color: var(--ink); box-shadow: 0 1px 3px rgba(14, 22, 48, 0.12); }
.dlg-sum { margin-top: 16px; padding: 16px 18px; border-radius: 12px; background: var(--surface); }
.dlg-sum li { position: relative; padding: 3px 0 3px 18px; font-size: 14.5px; }
.dlg-sum li::before { content: ''; position: absolute; left: 2px; top: 11px; width: 9px; height: 5px; border-left: 2px solid var(--blue); border-bottom: 2px solid var(--blue); transform: rotate(-45deg); }
.dlg-price { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--muted); }
.dlg-price b { font-size: 26px; font-weight: 800; color: var(--ink); }
.dlg-price .offer-price { margin: 0; justify-content: flex-end; }
.dlg-price .offer-price s, .dlg-price .offer-price em { font-size: 13.5px; }
.dlg-note { margin-top: 10px; font-size: 12.5px; line-height: 1.6; }
.dlg .form { margin-top: 16px; }
.dlg .field { margin-bottom: 12px; }
.dlg label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; color: var(--ink); }
.dlg .check { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; font-weight: 500; color: var(--text); line-height: 1.6; }
.dlg .check input { margin-top: 4px; width: 16px; height: 16px; flex: none; accent-color: var(--blue); }
.dlg-after { margin-top: 16px; font-size: 14.5px; }
.dlg-after ol { margin: 8px 0 12px 20px; list-style: decimal; }
.dlg-after .code { padding: 2px 8px; border-radius: 6px; background: var(--surface-2); }

/* ---------------- 하위 페이지 ---------------- */
.page-head { position: relative; padding: 56px 0 48px; border-bottom: 1px solid var(--line-2); overflow: hidden; }
.page-head::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(600px 300px at 90% 0%, rgba(31, 94, 255, 0.10), transparent 70%), linear-gradient(rgba(31, 94, 255, 0.05) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, rgba(31, 94, 255, 0.05) 1px, transparent 1px) 0 0 / 40px 40px; -webkit-mask-image: linear-gradient(#000, transparent); mask-image: linear-gradient(#000, transparent); }
.crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13.5px; color: var(--muted); margin-bottom: 18px; }
.crumbs li + li::before { content: '/'; margin-right: 6px; color: #C2CBD9; }
.crumbs a { color: var(--muted); }
.page-head h1 { font-size: clamp(30px, 4.2vw, 48px); letter-spacing: -0.045em; line-height: 1.22; max-width: 22em; }
.page-head .lead { margin-top: 16px; max-width: 760px; font-size: 18px; color: var(--text); line-height: 1.7; }
.page-head .meta { margin-top: 12px; font-size: 13.5px; color: var(--muted); }
.page-head .btn { margin-top: 26px; }
.page-body { padding: 56px 0 104px; }
.cols { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 64px; align-items: start; }
.prose { max-width: 780px; font-size: 17px; line-height: 1.85; }
.prose > * + * { margin-top: 18px; }
.prose h2 { margin-top: 56px; font-size: 27px; letter-spacing: -0.035em; line-height: 1.35; }
.prose h3 { margin-top: 32px; font-size: 20px; }
.prose ul, .prose ol { padding-left: 22px; }
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose li + li { margin-top: 6px; }
.prose strong { color: var(--ink); }
.prose a { text-decoration: underline; text-underline-offset: 3px; }
.prose table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.6; }
.prose th, .prose td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.prose thead th { border-bottom: 2px solid var(--ink); font-size: 13.5px; color: var(--muted); font-weight: 700; }
.prose th.nw, .prose td.nw, .prose .nw { white-space: nowrap; }
.prose tbody th { color: var(--ink); font-weight: 700; white-space: nowrap; }
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.keybox { padding: 22px 24px; border-radius: 14px; background: var(--blue-50); border: 1px solid #CFDCFF; }
.keybox h2 { margin: 0; font-size: 15px; color: var(--blue-700); letter-spacing: 0; }
.keybox ul { margin-top: 10px; padding-left: 20px; font-size: 15.5px; line-height: 1.75; }
.callout { padding: 16px 20px; border-radius: 12px; background: var(--surface); border-left: 3px solid var(--ink); font-size: 15px; }
.cta-inline { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 56px; padding: 28px 30px; border-radius: 18px; background: var(--navy); color: #C5CEE3; }
.cta-inline h2 { margin: 0; font-size: 22px; color: #fff; letter-spacing: -0.03em; }
.cta-inline p { margin-top: 6px; font-size: 15px; }
.side { position: sticky; top: 92px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.side h2 { font-size: 15px; letter-spacing: 0; }
.side ul { margin: 10px 0 16px; }
.side li { border-bottom: 1px solid var(--line-2); }
.side li a { display: block; padding: 9px 0; font-size: 14.5px; color: var(--text); }
.side li a:hover { color: var(--blue-600); text-decoration: none; }
.cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.cards a { display: block; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--text); transition: border-color .15s, box-shadow .15s; }
.cards a:hover { border-color: #B8C6E6; box-shadow: var(--shadow); text-decoration: none; }
.cards h2 { font-size: 19px; line-height: 1.4; }
.cards p { margin-top: 8px; font-size: 15px; color: var(--muted); }
.legal { max-width: 820px; font-size: 15.5px; line-height: 1.85; }
.legal h2 { margin-top: 40px; font-size: 20px; }
.legal p, .legal li { margin-top: 8px; }
.legal ol, .legal ul { padding-left: 22px; }
.legal ol { list-style: decimal; }
.legal ul { list-style: disc; }
.plans-page { margin-bottom: 56px; }

/* 리포트 예시 페이지 */
.sample-wrap { background: var(--surface); padding: 36px 0 72px; }
.sample-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 16px; }
.sample-scroll .rp { width: 794px; margin: 0 auto; }
.sample-scroll .rp .pg { background: #fff; border: 1px solid var(--line); box-shadow: 0 14px 34px -26px rgba(14, 22, 48, 0.5); padding: 54px 56px; margin-bottom: 22px; border-radius: 4px; }
.sample-note { max-width: 794px; margin: 0 auto 20px; padding: 0 16px; font-size: 14.5px; color: var(--text); }

/* ---------------- 반응형 ---------------- */
@media (max-width: 1080px) {
  .hero-top { grid-template-columns: 1fr; gap: 36px; }
  .hero-demo { max-width: 580px; }
  .probe-fields { grid-template-columns: 1fr 1fr; }
  .areas7 li { grid-template-columns: 180px 150px minmax(0, 1fr); }
  .areas7 cite { grid-column: 3; }
  .why { grid-template-columns: 1fr; gap: 44px; }
  .dash-top { grid-template-columns: 1fr; }
  .dash-dial { max-width: 360px; }
  .kpis { grid-template-columns: 1fr 1fr; }
  .rep { grid-template-columns: 1fr; }
  .rep-pages { height: 520px; max-width: 640px; }
}
@media (max-width: 900px) {
  .nav { display: none; position: absolute; left: 0; right: 0; top: 68px; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 16px 18px; background: #fff; border-bottom: 1px solid var(--line); box-shadow: var(--shadow); }
  .nav.is-open { display: flex; }
  .nav a { padding: 12px 8px; }
  .nav a.btn-primary { margin: 10px 0 0; height: 48px; }
  .nav-toggle { display: inline-block; }
  .head-cta-m { display: inline-flex; margin-left: auto; }
  .demo-body, .scan-body { grid-template-columns: 1fr; }
  .demo-doc, .scan-doc { border-right: 0; border-bottom: 1px solid var(--line-2); max-height: 340px; }
  .demo-side { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
  .ds-kpi { grid-column: 1 / -1; }
  .ds-arrow { flex-direction: column; padding: 0; }
  .ds-arrow span { display: none; }
  .pats { grid-template-columns: 1fr 1fr; }
  .panel3, .judges-res { grid-template-columns: 1fr; }
  .dash-grid { grid-template-columns: 1fr; }
  .plans { grid-template-columns: 1fr; }
  .offer-grid { grid-template-columns: 1fr; }
  .offer-head { grid-template-columns: 1fr; gap: 18px; }
  .offer-rep { height: 280px; transform: none; }
  .timeline ol { grid-template-columns: repeat(3, 1fr); row-gap: 28px; }
  .timeline ol::before { display: none; }
  .cols { grid-template-columns: 1fr; }
  .side { position: static; }
  .foot-grid { grid-template-columns: 1fr 1fr; }
  .counts { grid-template-columns: 1fr 1fr; }
  .counts li:nth-child(3) { border-left: 0; }
  .counts li:nth-child(n+3) { border-top: 1px solid var(--line); }
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  .wrap { padding: 0 18px; }
  .sec { padding: 76px 0; }
  .sec-head { margin-bottom: 36px; }
  .sec-head p, .hero-lead, .why-copy p, .rep-lead { font-size: 16.5px; }
  .hero { padding: 40px 0 28px; }
  .hero-h { font-size: clamp(31px, 8.6vw, 40px); }
  .hero-h .hl { white-space: normal; }
  .steps { gap: 8px; font-size: 13px; margin-top: 28px; }
  .steps li + li::before { width: 12px; }
  .probe { padding: 14px; border-radius: 16px; }
  .hero-top { gap: 28px; }
  .hero-cta { gap: 8px; }
  .hero-cta .btn { flex: 1 1 auto; padding-left: 14px; padding-right: 14px; font-size: 15px; }
  .hero-cta .btn svg { display: none; }
  .hero-trust { font-size: 13px; gap: 6px 12px; }
  .hd-top { gap: 8px; padding: 0 12px; height: 46px; font-size: 12px; }
  .hd-brand b { display: none; }
  .hd-steps { margin-left: 0; }
  .hd-steps li { padding: 4px 7px; gap: 4px; }
  .hd-tag { padding: 2px 6px; font-size: 11px; }
  .hd-body { height: 388px; }
  .hd-up { padding: 12px; }
  .hd-proc { padding: 0 16px; }
  .hd-pipe li { grid-template-columns: 20px minmax(0, 1fr); font-size: 13px; }
  .hd-pipe li em { grid-column: 2; margin-top: -6px; }
  .hd-drag { transform: translate(140px, 150px) rotate(8deg); }
  .hd-scan, .hd-syn { padding: 8px 10px 10px; gap: 7px; }
  .hd-stat .spec { display: none; }
  .hd-cmp { padding: 9px 10px 8px; }
  .hd-cmph .t { font-size: 12.5px; }
  .hd-cmph .t small { font-size: 10px; }
  .hd-yrs { gap: 5px; margin-top: 6px; }
  .hd-yrs .y { display: block; padding: 4px 6px 5px; }
  .hd-yrs .c { display: block; white-space: nowrap; text-overflow: ellipsis; }
  .hd-yrs .h { font-size: 9px; gap: 3px; }
  .hd-yrs .h b { font-size: 10px; }
  .hd-yrs .v em { font-size: 15px; }
  .hd-yrs .c { font-size: 9.5px; }
  .hd-ct { --rh: 28px; margin-top: 5px; }
  .hd-scan .rf { display: none; }
  .hd-cmph .cr { font-size: 9.5px; }
  .hd-yrs .h { font-size: 8.5px; }
  .hd-ch { display: none; }
  .hd-cl2 li { grid-template-columns: 14px minmax(0, 1fr) 46px 34px 48px; grid-template-rows: auto auto; column-gap: 6px; row-gap: 0; align-content: center; }
  .hd-cl2 .st { width: 14px; height: 14px; }
  .hd-cl2 .st svg { width: 14px; height: 14px; }
  .hd-cl2 .nm { gap: 6px; }
  .hd-cl2 .nm b { font-size: 11px; }
  .hd-cl2 .nm b small { display: none; }
  .hd-cl2 .nm i:not(.st) { display: none; }
  .hd-cl2 .std { grid-column: 2; grid-row: 2; padding-left: 0; font-size: 9.5px; color: #98A2B3; }
  .hd-cl2 .std::before { content: '기준 '; }
  .hd-cl2 .bl { grid-column: 3; grid-row: 1 / 3; height: 8px; }
  .hd-cl2 .mv { grid-column: 4; grid-row: 1 / 3; font-size: 11px; }
  .hd-cl2 .vd { grid-column: 5; grid-row: 1 / 3; font-size: 10px; padding: 1px 4px; }
  .hd-sweep { top: 0; }
  .hd-src { display: none; }
  .hd-sg { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; }
  .hd-ar .hd-cols { margin-top: 20px; gap: 5px; }
  .hd-ar .c i b { bottom: calc(var(--v) * 1% - 16px); color: #fff !important; font-size: 10.5px; }
  .hd-rr .hd-rt b { display: none; }
  .hd-jd2 ul { gap: 7px; margin-top: 7px; }
  .hd-jd2 li { grid-template-columns: 54px minmax(0, 1fr) 42px 26px; row-gap: 0; }
  .hd-jd2 .a { grid-column: 1; }
  .hd-jd2 .fc, .hd-jd2 .q { display: none; }
  .hd-tot { height: 40px; gap: 8px; padding: 0 10px; }
  .hd-tot > b em { font-size: 19px; }
  .hd-tot .gp { font-size: 10.5px; padding: 2px 6px; }
  .hd-vt .s .j { display: none; }
  .hd-vh { grid-template-columns: minmax(0, 1fr) 98px; padding: 8px 8px 4px 18px; }
  .hd-vt .w { font-size: 25px; }
  .hd-vt .sc { margin-top: 4px; gap: 2px 6px; }
  .hd-vt .sc b { font-size: 20px; }
  .hd-vt .sc span { font-size: 13.5px; }
  .hd-vt .sc em { font-size: 10.5px; padding: 1px 5px; }
  .hd-vt .s { margin-top: 4px; font-size: 11px; }
  .hd-rep { grid-template-columns: minmax(0, 1fr) 132px; gap: 8px; padding: 7px 10px 0; }
  .hd-rt { font-size: 10.5px; height: 18px; }
  .hd-rt b { font-size: 10px; }
  .hd-rt b em { font-size: 12.5px; }
  .hd-jc .h { gap: 4px; padding: 4px 6px 2px; font-size: 10px; }
  .hd-jc .h em { font-size: 9.5px; padding: 0 4px; }
  .hd-lock { padding: 10px 12px 11px; }
  .hd-lock .lh b { font-size: 14px; }
  .hd-lock > span:not(.u) { display: none; }
  .hd-lock .md { margin-top: 6px; }
  .hd-lock .md li { gap: 12px; }
  .hd-lock .md b { font-size: 12px; }
  .hd-lock .md span { font-size: 10.5px; }
  .hd-lock .md strong { font-size: 17px; }
  .probe-doc textarea { min-height: 236px; height: 236px; padding: 14px; font-size: 15.5px; }
  .probe-empty { bottom: 16px; }
  .probe-empty p:not(.fmt) { display: none; }
  .probe-fields { grid-template-columns: 1fr 1fr; gap: 10px; }
  .probe-go .btn { width: 100%; }
  .demo-sec { padding: 12px 0 72px; }
  .demo-bar .demo-url { display: none; }
  .demo-doc { padding: 18px; font-size: 14.5px; }
  .demo-side { grid-template-columns: 1fr; padding: 14px; }
  .ds-arrow { flex-direction: row; }
  .ds-n b { font-size: 36px; }
  .stats { grid-template-columns: 1fr; }
  .stats li { padding: 22px 20px; }
  .pats { grid-template-columns: 1fr; }
  .counts b { font-size: 30px; }
  .areas7 li { grid-template-columns: 1fr; gap: 8px; padding: 18px 0; }
  .areas7 cite { grid-column: auto; }
  .timeline ol { grid-template-columns: 1fr 1fr; }
  .rep-pages { height: 400px; }
  .plan { padding: 24px; }
  .dash-top { padding: 22px 20px 18px; border-radius: 16px; }
  .dv-word { font-size: 46px; }
  .kpis { gap: 10px; }
  .kpi { padding: 14px 16px; }
  .kpi .v b { font-size: 28px; }
  .card { padding: 20px 18px; border-radius: 16px; }
  .viz-meters li, .viz-lost li { grid-template-columns: 100px minmax(0, 1fr) 66px; gap: 10px; font-size: 13.5px; }
  .locked li { grid-template-columns: 16px 104px 50px minmax(0, 1fr); gap: 8px; padding: 12px 14px; font-size: 13px; }
  .offer { padding: 24px 20px; }
  .offer h3 { font-size: 23px; }
  .foot-grid { grid-template-columns: 1fr; }
  .cards { grid-template-columns: 1fr; }
  .page-head { padding: 40px 0 36px; }
  .prose { font-size: 16.5px; }
  .prose h2 { font-size: 23px; margin-top: 44px; }
  .room { padding: 24px 0 72px; }
  .scan-head { padding: 20px; }
  .scan-doc { padding: 18px; }
  .pop { width: calc(100vw - 36px); }
}
@media (max-width: 380px) {
  .hd-steps li { font-size: 0; gap: 0; padding: 4px; }
  .hd-steps li::before { font-size: 10.5px; }
  .hd-vt .w { font-size: 22px; }
  .hd-vh { grid-template-columns: minmax(0, 1fr) 84px; }
  .hd-vt .sc em { display: none; }
  .hd-yrs .h span { display: none; }
  .hd-cl2 li { grid-template-columns: 14px minmax(0, 1fr) 36px 32px 46px; }
  .hd-rep { grid-template-columns: minmax(0, 1fr) 118px; }
  .hd-rt { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-demo *, .hero-demo *::after, .viz-dial * { animation: none !important; transition: none !important; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media print {
  .site-head, .site-foot, .room-foot, .offer, .demo-sec, .hero { display: none !important; }
  .room { background: #fff; padding: 0; }
}

/* 첫 화면: 사업계획서·IR 띠와 서류별 안내 목록 */
.plan-biz { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 18px 36px; align-items: center; max-width: 980px; margin: 18px auto 0; padding: 26px 32px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.plan-biz h3 { margin-top: 6px; font-size: 21px; }
.pb-main > p:last-child { margin-top: 8px; font-size: 14.5px; line-height: 1.65; color: var(--muted); }
.pb-prices { display: grid; gap: 12px; }
.pb-prices li { display: grid; gap: 2px; }
.pb-prices span { font-size: 13.5px; font-weight: 700; color: var(--text); }
.pb-prices .plan-price { margin-top: 0; gap: 2px 7px; }
.pb-prices .plan-price b { font-size: 22px; }
.pb-prices .plan-price s, .pb-prices .plan-price em { font-size: 13px; }
.pb-acts { display: grid; gap: 10px; justify-items: center; }
.pb-acts a:not(.btn) { font-size: 14px; font-weight: 600; }
.kinds { display: grid; gap: 12px; max-width: 980px; margin: 40px auto 0; padding-top: 24px; border-top: 1px solid var(--line); font-size: 14.5px; justify-content: stretch; }
.kinds p { display: grid; grid-template-columns: 104px minmax(0, 1fr); align-items: baseline; gap: 6px 0; }
.kinds p > span { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.kinds b { font-size: 13.5px; font-weight: 700; color: var(--muted); }
.kinds a { padding: 0; border: 0; border-radius: 0; background: none; color: var(--text); font-weight: 600; }
.kinds a:hover { color: var(--blue-600); text-decoration: underline; }
.plans-biz { max-width: 980px; margin: 72px auto 0; }
.plans-biz > .h2 { margin-bottom: 10px; }
.plans-biz-lead { max-width: 760px; margin-bottom: 26px; font-size: 15.5px; line-height: 1.7; color: var(--muted); }
.plans-biz .plans { margin: 0; }
.plans-biz .plan h3 { font-size: 26px; }
@media (max-width: 900px) {
  .plan-biz { grid-template-columns: 1fr; padding: 24px; }
  .pb-prices { grid-template-columns: 1fr 1fr; }
  .pb-acts { justify-items: stretch; text-align: center; }
  .kinds p { grid-template-columns: 1fr; }
}
@media (max-width: 520px) { .pb-prices { grid-template-columns: 1fr; } }