/* QK Voice design system : QK Round 토큰 기반 */
:root{
  --bg:#F3F5F9; --surface:#FFFFFF; --ink:#0C1018; --ink2:#3A4252; --muted:#667086; --faint:#98A1B3;
  --line:#DCE1EA; --line2:#EEF1F6; --accent:#2A4BFF; --accent-ink:#1E3AE0; --accent-soft:#EEF1FF; --accent-on-dark:#7D93FF;
  --ok:#0F9F6E; --ok-soft:#E7F7F1; --warn:#B76E00; --warn-soft:#FFF4E0; --bad:#D23B3B; --bad-soft:#FDECEC;
  --navy:#0C1018; --navy2:#141A26;
  --r:10px; --r-lg:14px; --shadow:0 1px 2px rgba(12,16,24,.04),0 4px 16px rgba(12,16,24,.05);
  --font:"Pretendard Variable",Pretendard,"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--surface);font-size:15px;line-height:1.65;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%}
.ic{flex:none;vertical-align:middle}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.btn-lg{height:48px;padding:0 22px;font-size:15px}
.btn-sm{height:32px;padding:0 12px;font-size:13px}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-ink)}
.btn-ghost{background:transparent;color:inherit}.btn-ghost:hover{background:rgba(127,127,127,.1)}
.btn-line{background:transparent;border-color:var(--line);color:var(--ink)}.btn-line:hover{border-color:var(--ink2)}
.btn-dark{background:var(--ink);color:#fff}
.btn-danger{background:var(--bad-soft);color:var(--bad)}
.btn[disabled]{opacity:.5;pointer-events:none}

/* 로고 */
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.logo-mark{display:inline-grid;place-items:center;width:30px;height:30px;border:2px solid currentColor;border-radius:7px;font-weight:800;font-size:12px;letter-spacing:-.02em;position:relative}
.logo-mark::after{content:"";position:absolute;right:-3px;bottom:-3px;width:8px;height:3px;background:var(--accent);border-radius:2px;transform:rotate(-35deg)}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo-txt b{font-size:14px;letter-spacing:.06em;font-weight:800}
.logo-txt em{font-style:normal;color:var(--accent)}
.logo-txt small{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:600;margin-top:2px}

/* ── 공개 사이트 ── */
.gnb{position:sticky;top:0;z-index:20;background:rgba(12,16,24,.92);backdrop-filter:saturate(1.4) blur(10px);color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}
.gnb-in{display:flex;align-items:center;gap:28px;height:64px}
.gnb .logo-txt small{color:#8A93A6}.gnb .logo-txt em{color:var(--accent-on-dark)}
.gnb-nav{display:flex;gap:24px;margin-left:12px}
.gnb-nav a{text-decoration:none;font-size:14px;color:#C9CFDB}.gnb-nav a:hover{color:#fff}
.gnb-cta{margin-left:auto;display:flex;gap:8px}
.gnb-cta .btn-ghost{color:#C9CFDB}
.gnb-menu{display:none;margin-left:auto;background:none;border:0;width:40px;height:40px;cursor:pointer}
.gnb-menu span{display:block;width:20px;height:1.6px;background:#fff;margin:5px auto}
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(125,147,255,.22) 1px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(110deg,transparent 45%,#000 85%);-webkit-mask-image:linear-gradient(110deg,transparent 45%,#000 85%)}
.hero-in{position:relative;padding:96px 20px 88px}
.hero-sm .hero-in{padding:80px 20px 72px}
.eyebrow{font-size:11.5px;letter-spacing:.18em;font-weight:600;color:var(--accent-on-dark);margin:0 0 18px}
.eyebrow.dark{color:var(--accent)}
.hero h1{font-size:clamp(34px,5.4vw,58px);line-height:1.18;letter-spacing:-.035em;margin:0 0 22px;font-weight:700}
.accent{color:var(--accent-on-dark)}
.lead{font-size:clamp(15px,1.7vw,18px);color:#B8C0CF;max-width:640px;margin:0 0 32px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap}
.hero .btn-line{color:#fff;border-color:rgba(255,255,255,.25)}.hero .btn-line:hover{border-color:#fff}
.hero-tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:56px}
.track{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 22px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);text-decoration:none;background:rgba(255,255,255,.03);transition:border-color .15s,background .15s}
.track:hover{border-color:rgba(125,147,255,.6);background:rgba(42,75,255,.08)}
.track-k{font-size:12px;color:var(--accent-on-dark);font-weight:600}
.track b{font-size:16px;font-weight:600}
.track small{color:#8A93A6;font-size:13px}
.track .ic{position:absolute;right:20px;top:22px;color:#8A93A6}
.sec{padding:88px 0}
.sec-top{padding:64px 0 88px}
.sec-alt{background:var(--bg)}
.sec-dark{background:var(--navy2);color:#fff}
.sec h2{font-size:clamp(24px,3vw,32px);line-height:1.35;letter-spacing:-.03em;margin:0 0 36px;font-weight:700}
.h1-dark{font-size:clamp(28px,4vw,40px);line-height:1.3;letter-spacing:-.03em;margin:0 0 16px}
.h3{font-size:19px!important;margin:40px 0 14px!important;letter-spacing:-.02em}
.muted{color:var(--muted)}
.sec-dark .muted{color:#9AA3B5}
.grid3,.grid4{display:grid;gap:16px}
.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px}
.sec-alt .card{border-color:transparent;box-shadow:var(--shadow)}
.card h3{font-size:17px;margin:16px 0 8px;letter-spacing:-.02em}
.card p{margin:0;color:var(--muted);font-size:14px}
.ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.card-dark{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);color:#fff}
.card-dark .ic{color:var(--accent-on-dark);width:24px;height:24px}
.card-dark p{color:#9AA3B5}
.sec-dark .btn{margin-top:28px}
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:f}
.flow li{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow)}
.flow-n{position:absolute;right:22px;top:22px;font-size:12px;font-weight:700;color:var(--faint);letter-spacing:.08em}
.flow h3{font-size:17px;margin:16px 0 6px}.flow p{margin:0;color:var(--muted);font-size:14px}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.checks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:center;font-size:15px}.checks .ic{color:var(--accent)}
.mock{background:var(--bg);border-radius:18px;padding:22px;border:1px solid var(--line)}
.mock-bar{display:flex;gap:6px;margin-bottom:18px}.mock-bar span{width:9px;height:9px;border-radius:50%;background:var(--line)}
.mock-msg{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--shadow);max-width:360px}
.mock-msg b{font-size:14px}.mock-msg p{font-size:13.5px;color:var(--ink2);margin:10px 0 14px}
.mock-btn{display:block;text-align:center;background:var(--bg);border-radius:8px;padding:10px;font-size:13px;font-weight:600}
.mock-meta{font-size:12px;color:var(--muted);margin-top:12px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{list-style:none;cursor:pointer;padding:18px 32px 18px 0;font-weight:600;font-size:16px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:26px;width:9px;height:9px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:30px}
.faq p{margin:0 0 20px;color:var(--ink2)}
.more{margin-top:24px}.more a{display:inline-flex;gap:6px;align-items:center;color:var(--accent);font-weight:600;text-decoration:none}
.cta-band{background:var(--accent);color:#fff}
.cta-in{padding:64px 20px;text-align:center}.cta-in h2{font-size:clamp(22px,3vw,30px);margin:0 0 10px}.cta-in p{margin:0 0 26px;color:#DDE3FF}
.cta-in .btn-primary{background:#fff;color:var(--accent)}.cta-in .btn-line{color:#fff;border-color:rgba(255,255,255,.5);margin-left:8px}
.foot{background:var(--navy);color:#9AA3B5;font-size:13px}
.foot-in{padding:56px 20px 40px;display:grid;grid-template-columns:1.2fr 1.4fr;gap:40px}
.foot .logo{color:#fff}.foot .logo-txt em{color:var(--accent-on-dark)}
.foot-desc{max-width:340px;margin:18px 0 0}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.foot-cols h4{color:#fff;font-size:13px;margin:0 0 12px}.foot-cols a{display:block;text-decoration:none;margin-bottom:8px}.foot-cols a:hover{color:#fff}
.foot-biz{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin:0;font-size:12px;line-height:1.9}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.plans-4{grid-template-columns:repeat(4,1fr);margin-top:36px}
.plan{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column}
.plan-hi{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.plan h3{font-size:16px;margin:0 0 8px}.plan-p{font-size:24px;font-weight:700;margin:0 0 18px;letter-spacing:-.02em}.plan-p small{font-size:13px;color:var(--muted);font-weight:500}
.plan ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;font-size:14px;color:var(--ink2)}
.plan li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle}
.plan .btn{margin-top:auto}
.badge{position:absolute;top:-11px;left:22px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.04em}
.tbl{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface)}
.tbl th,.tbl td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line2);vertical-align:top}
.tbl thead th{font-size:12.5px;color:var(--muted);font-weight:600;background:var(--bg)}
.tbl tbody th{font-weight:600;color:var(--ink2);width:40%}
.addons,.compare{margin-top:48px}
.calc{margin-top:48px;background:var(--bg);border-radius:var(--r-lg);padding:28px}
.calc .h3{margin-top:0!important}
.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.quote-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:8px 22px}
.qrow{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line2);font-size:14px}
.qrow>span:first-child{color:var(--ink2)}.qtotal{border-bottom:0;font-size:16px}.qtotal b{color:var(--accent);font-size:18px}
.tiny{font-size:12px;color:var(--muted)}
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.levels>div{background:var(--surface);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow)}
.levels b{color:var(--accent);font-size:13px;letter-spacing:.06em}.levels span{display:block;font-size:17px;font-weight:600;margin:6px 0}.levels p{margin:0;color:var(--muted);font-size:14px}
.plist{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.pcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;text-decoration:none;transition:border-color .15s}
.pcard:hover{border-color:var(--accent)}
.pcard-top{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.pcard h3{font-size:16px;margin:0 0 6px;line-height:1.45}.pcard p{color:var(--muted);font-size:13.5px;margin:0 0 16px;flex:1}
.pcard-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.pcard-meta b{color:var(--ink);font-size:16px}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600}
.tag-line{background:transparent;border:1px solid var(--line);color:var(--ink2)}
.tag-gray{background:var(--line2);color:var(--muted)}
.tag-ok{background:var(--ok-soft);color:var(--ok)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.tag-bad{background:var(--bad-soft);color:var(--bad)}
.tag-dark{background:var(--ink);color:#fff}
.empty{color:var(--muted);padding:40px 0}
.center{text-align:center;margin-top:36px}
.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:13px;margin-bottom:20px}.back::before{content:"‹ "}
.spec{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:24px 0 8px}
.spec div{background:var(--surface);padding:14px 16px}.spec dt{font-size:12px;color:var(--muted)}.spec dd{margin:2px 0 0;font-weight:700;font-size:16px}
.note{display:flex;gap:8px;align-items:flex-start;background:var(--accent-soft);color:var(--ink2);border-radius:var(--r);padding:12px 14px;font-size:14px}.note .ic{color:var(--accent);margin-top:2px}
.glist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.gcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;text-decoration:none}.gcard:hover{border-color:var(--accent)}
.gcard h3{margin:0 0 8px;font-size:17px}.gcard p{margin:0 0 12px;color:var(--muted);font-size:14px}.gcard span{font-size:12px;color:var(--faint)}
.meta{color:var(--faint);font-size:13px}
.answer{background:var(--bg);border-left:3px solid var(--accent);padding:18px 20px;border-radius:0 var(--r) var(--r) 0;margin:24px 0}
.answer b{font-size:13px;color:var(--accent)}.answer p{margin:6px 0 0}
.cta-inline{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:22px 24px;margin-top:48px}.cta-inline p{margin:0}
.legal p{color:var(--ink2)}
.form-card{display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}
.hp{position:absolute;left:-9999px}
.form-msg{margin:0;font-size:14px;color:var(--accent)}

/* 폼 공통 */
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}
input,select,textarea{font:inherit;font-size:14px;font-weight:400;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 12px;min-height:40px;width:100%;transition:border-color .15s,box-shadow .15s}
textarea{min-height:88px;resize:vertical;line-height:1.6}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
label.chk{flex-direction:row;align-items:center;gap:8px;font-weight:500}
label.chk input{width:16px;height:16px;min-height:0;accent-color:var(--accent)}

/* ── 앱 (백오피스) ── */
body.app{background:var(--bg);font-family:"IBM Plex Sans KR",var(--font);font-size:14px}
.app-top{position:sticky;top:0;z-index:30;height:60px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 20px}
.app-top .logo-txt small{color:var(--muted)}
.app-top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.icon-btn{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink2);cursor:pointer;text-decoration:none}
.icon-btn:hover{border-color:var(--ink2)}
.dot{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bad);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.who{display:flex;align-items:center;gap:10px;text-align:right;line-height:1.25}
.who b{font-size:13px}.who small{display:block;font-size:11px;color:var(--muted)}
.avatar{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:13px;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.app-body{display:grid;grid-template-columns:232px 1fr;min-height:calc(100vh - 60px);background:linear-gradient(to right,#fff 232px,var(--bg) 232px)}
.side{background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:60px;height:calc(100vh - 60px);overflow:auto}
.side h6{font-size:11px;color:var(--faint);font-weight:600;margin:14px 10px 6px;letter-spacing:.04em}
.side a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--ink2);font-size:13.5px;margin-bottom:2px}
.side a:hover{background:var(--bg)}
.side a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
.side a .cnt{margin-left:auto;font-size:11px;background:var(--bad);color:#fff;border-radius:9px;padding:0 6px;font-weight:700}
.main{padding:28px 32px 64px;min-width:0}
.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.ph .k{font-size:12px;color:var(--accent);font-weight:600;margin-bottom:4px}
.ph h1{font-size:22px;margin:0;letter-spacing:-.02em}
.ph p{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.ph-act{display:flex;gap:8px;flex-wrap:wrap}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px}
.panel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line2)}
.panel-h h2{font-size:14.5px;margin:0;display:flex;align-items:center;gap:8px}
.panel-b{padding:18px}
.panel-b.np{padding:0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.kpi span{font-size:12px;color:var(--muted)}.kpi b{display:block;font-size:24px;letter-spacing:-.02em;margin:4px 0 2px}.kpi small{font-size:11.5px;color:var(--faint)}
.cols2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.cols-eq{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.table{width:100%;border-collapse:collapse}
.table th{font-size:12px;color:var(--muted);font-weight:600;text-align:left;padding:10px 14px;background:#F7F8FB;border-bottom:1px solid var(--line2);white-space:nowrap}
.table td{padding:12px 14px;border-bottom:1px solid var(--line2);vertical-align:middle;font-size:13.5px}
.table tr:last-child td{border-bottom:0}
.table tr.click{cursor:pointer}.table tr.click:hover td{background:#FAFBFD}
.bar{height:8px;background:var(--line2);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.funnel{display:grid;gap:12px}.funnel div{display:grid;grid-template-columns:110px 1fr 40px;gap:12px;align-items:center;font-size:13px}.funnel b{text-align:right}
.empty-box{text-align:center;padding:36px 16px;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r);background:#FBFCFE}
.empty-box b{display:block;color:var(--ink);margin-bottom:4px}
.form{display:grid;gap:16px}
.fg{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.fg3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.help{font-size:12px;color:var(--muted);font-weight:400}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button,.chip{font:inherit;font-size:13px;height:34px;padding:0 13px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}
.seg button.on,.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}
.steps{display:flex;gap:4px;margin-bottom:18px;flex-wrap:wrap}
.steps a{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;text-decoration:none;color:var(--muted);font-size:13px;background:var(--surface);border:1px solid var(--line)}
.steps a b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--line2);font-size:11px}
.steps a.on{color:var(--accent);border-color:var(--accent)}.steps a.on b{background:var(--accent);color:#fff}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}
.tabs a{padding:10px 14px;text-decoration:none;color:var(--muted);font-size:13.5px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a.on{color:var(--ink);border-color:var(--ink);font-weight:600}
.qcard{border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--surface);display:grid;gap:10px}
.qcard-h{display:flex;gap:8px;align-items:center}
.qcard-h .n{font-weight:700;color:var(--accent);font-size:13px}
.opt{display:grid;grid-template-columns:1fr 120px 32px;gap:8px}
.lint{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:10px 12px;font-size:13px;display:grid;gap:4px}
.ok-box{background:var(--ok-soft);color:var(--ok);border-radius:8px;padding:10px 12px;font-size:13px}
.apl{display:grid;gap:12px}
.ap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:12px}
.ap.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.ap.unq{opacity:.72}
.ap-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ap-h b{font-size:15px}
.ap-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:12.5px;margin:6px 0 10px}
.ap-ans{display:grid;gap:6px;font-size:13px;background:#F7F8FB;border-radius:8px;padding:10px 12px}
.ap-ans div span{color:var(--muted)}
.ap-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:140px}
.score{font-size:22px;font-weight:700;color:var(--accent);line-height:1}.score small{font-size:11px;color:var(--muted);font-weight:500;display:block;text-align:right}
.lv{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--ok);background:var(--ok-soft);padding:2px 8px;border-radius:6px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.slot{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;background:var(--surface);font-size:13px}
.slot b{display:block;font-size:14px}
.slot-pick{cursor:pointer;text-align:left;font:inherit}.slot-pick:hover{border-color:var(--accent)}.slot-pick.on{border-color:var(--accent);background:var(--accent-soft)}
.thread{display:grid;grid-template-columns:300px 1fr;min-height:560px}
.thread-l{border-right:1px solid var(--line2);overflow:auto;max-height:640px}
.thread-l a{display:block;padding:14px 16px;border-bottom:1px solid var(--line2);text-decoration:none}
.thread-l a.on{background:var(--accent-soft)}
.thread-l a b{display:block;font-size:13.5px}.thread-l a small{color:var(--muted);font-size:12px}
.thread-r{display:flex;flex-direction:column}
.msgs{flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:520px;background:#FAFBFD}
.msg{max-width:72%;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line2);font-size:13.5px;white-space:pre-wrap}
.msg.me{align-self:flex-end;background:var(--accent);color:#fff;border-color:var(--accent)}
.msg small{display:block;font-size:11px;opacity:.7;margin-top:4px}
.msg-in{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line2)}
.msg-in textarea{min-height:44px;height:44px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-size:13.5px;z-index:100;box-shadow:0 8px 28px rgba(0,0,0,.2);max-width:90vw}
.toast.err{background:var(--bad)}
.modal-bg{position:fixed;inset:0;background:rgba(12,16,24,.45);display:grid;place-items:center;z-index:90;padding:16px}
.modal{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:90vh;overflow:auto;padding:24px}
.modal h3{margin:0 0 6px;font-size:18px}.modal .ft{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.login-l{background:var(--navy);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.login-l .logo{color:#fff}.login-l .logo-txt em{color:var(--accent-on-dark)}
.login-l h1{font-size:34px;line-height:1.3;letter-spacing:-.03em;margin:0 0 14px}.login-l p{color:#9AA3B5;margin:0}
.login-r{display:grid;place-items:center;padding:32px}
.login-box{width:100%;max-width:380px}
.login-box h2{font-size:22px;margin:0 0 6px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;text-decoration:none;color:var(--ink);margin-top:10px}
.gbtn:hover{border-color:var(--ink2)}
.role-pick{display:grid;gap:10px;margin:20px 0}
.role-pick button{display:flex;gap:14px;align-items:center;text-align:left;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font:inherit}
.role-pick button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.role-pick b{display:block;font-size:15px}.role-pick small{color:var(--muted);font-size:12.5px}
.onb{max-width:720px;margin:32px auto;padding:0 16px}
.dl{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;font-size:13.5px}.dl dt{color:var(--muted)}.dl dd{margin:0}
.summary h4{font-size:13px;color:var(--accent);margin:16px 0 6px}.summary ul{margin:0;padding-left:18px}.summary li{margin:3px 0}
.inline-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.inline-form label{flex:1;min-width:150px}
/* 인터뷰룸 */
.room{min-height:100vh;background:#0B0E14;color:#fff;display:flex;flex-direction:column}
.room-top{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.room-top .logo{color:#fff}.room-top .logo-txt em{color:var(--accent-on-dark)}.room-top .logo-txt small{color:#6B7488}
.rec{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#FF8A8A}.rec::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF5A5A;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.room-main{flex:1;display:grid;grid-template-columns:1fr 340px;min-height:0}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;padding:16px;align-content:start}
.vtile{position:relative;background:#151A24;border-radius:12px;overflow:hidden;aspect-ratio:16/10}
.vtile video{width:100%;height:100%;object-fit:cover;background:#151A24}
.vtile span{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.55);padding:3px 9px;border-radius:6px;font-size:12px}
.room-side{border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:0}
.room-side h4{margin:0;padding:14px 16px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}
.live-tx{flex:1;overflow:auto;padding:12px 16px;font-size:13px;color:#C9CFDB;line-height:1.7}
.room-ctl{display:flex;justify-content:center;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.08)}
.room-ctl button{height:44px;padding:0 18px;border-radius:22px;border:0;background:#222838;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.room-ctl button.off{background:#3A2230;color:#FF9C9C}
.room-ctl .end{background:#D23B3B}
.room textarea{background:#151A24;border-color:#2A3142;color:#fff;margin:0 12px 12px;width:auto}
.room-wait{flex:1;display:grid;place-items:center;text-align:center;padding:24px}
.room-wait video{width:min(520px,90vw);border-radius:14px;background:#151A24;aspect-ratio:16/10;object-fit:cover}
@media (max-width:1024px){
  .grid4,.kpis{grid-template-columns:repeat(2,1fr)}.plans-4{grid-template-columns:repeat(2,1fr)}.calc-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .gnb-nav,.gnb-cta{display:none}.gnb-menu{display:block}
  body.nav-open .gnb-nav{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--navy);padding:16px 20px 24px;gap:16px;margin:0}
  body.nav-open .gnb-cta{display:flex;position:absolute;top:calc(64px + 210px);left:20px}
  .hero-tracks,.grid3,.flow,.plist,.levels,.plans,.glist{grid-template-columns:1fr}
  .split,.foot-in,.cols2,.cols-eq,.login{grid-template-columns:1fr}
  .spec{grid-template-columns:repeat(2,1fr)}
  .sec{padding:64px 0}.hero-in{padding:64px 20px}
  .app-body{grid-template-columns:1fr;background:var(--bg)}
  .side{position:fixed;top:60px;left:0;bottom:0;width:260px;height:auto;z-index:40;transform:translateX(-100%);transition:transform .2s;box-shadow:0 0 40px rgba(0,0,0,.15)}
  body.side-open .side{transform:none}
  .main{padding:20px 16px 80px}
  .fg,.fg3{grid-template-columns:1fr}
  .thread{grid-template-columns:1fr}.thread-l{max-height:220px;border-right:0;border-bottom:1px solid var(--line2)}
  .ap{grid-template-columns:1fr}.ap-side{flex-direction:row;align-items:center;justify-content:space-between;min-width:0}
  .login-l{padding:28px;min-height:auto}.login-l h1{font-size:26px}
  .room-main{grid-template-columns:1fr}.room-side{border-left:0;border-top:1px solid rgba(255,255,255,.08);max-height:40vh}
  .who div{display:none}
  .table td,.table th{padding:10px}
  .cta-in .btn-line{margin:8px 0 0}
}
@media (min-width:861px){.mob-only{display:none!important}}
@media (max-width:560px){.grid4,.kpis,.plans-4,.calc-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.foot-cols{grid-template-columns:1fr 1fr}}
.tag{white-space:nowrap}
.logo-txt b,.logo-txt small{white-space:nowrap}
@media (max-width:560px){.app-top .logo-txt small{display:none}.app-top{gap:10px;padding:0 12px}.app-top-r{gap:6px}}

/* ── 모집 카드·공고 ── */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.sec-head h2{margin-bottom:4px}
.pcard-co{font-size:12.5px!important;color:var(--faint)!important;margin:-2px 0 6px!important;flex:none!important}
.pcard-proof{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ok);background:var(--ok-soft);border-radius:6px;padding:5px 9px;margin:0 0 12px;align-self:flex-start}
.pcard-meta b small{font-size:12px;color:var(--muted);font-weight:500;margin-right:6px}
.tier{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.tier>div{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.tier span{font-size:12px;color:var(--muted)}.tier b{font-size:18px}.tier small{font-size:12px;color:var(--muted)}.tier-hi{border-color:var(--accent)!important;background:var(--accent-soft)}.tier-hi b{color:var(--accent)}
.proof-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:10px}.proof-list li{display:flex;gap:10px;align-items:flex-start}.proof-list .ic{color:var(--ok);margin-top:3px}
.proof-list div{display:flex;flex-direction:column}.proof-list small{color:var(--muted);font-size:13px}.ok{color:var(--ok)!important}.bad{color:var(--bad)!important}
.tbl-wrap{overflow-x:auto}.tbl-seg th small,.tbl-seg td small{display:block;font-weight:400;font-size:12px;color:var(--muted)}.mt{margin-top:24px}

/* ── 증빙 업로드(가림 처리) ── */
.pu-notice{display:flex;gap:10px;align-items:flex-start;background:var(--ok-soft);border-radius:var(--r);padding:12px 14px;margin:0 0 12px}.pu-notice .ic{color:var(--ok);margin-top:2px}.pu-notice p{margin:0;font-size:13.5px;color:var(--ink2)}
.pu-drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px dashed var(--line);border-radius:var(--r);padding:22px 14px;cursor:pointer;text-align:center;margin:10px 0}.pu-drop:hover{border-color:var(--accent)}.pu-drop small{color:var(--muted)}
.pu-canvas{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);margin:8px 0}.pu-canvas canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}
.pu-status{font-size:13.5px;display:flex;gap:6px;align-items:center;color:var(--ink2)}.pu-status .ic{color:var(--ok)}
.pu-prog{height:6px;background:var(--line2);border-radius:3px;position:relative;margin:12px 0 18px}.pu-prog span{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:3px;width:0;transition:width .2s}.pu-prog small{position:absolute;top:8px;left:0;font-size:12px;color:var(--muted)}
.proof-rows{display:grid;gap:8px}.proof-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.proof-row>div:first-child{display:flex;flex-direction:column;min-width:0}.proof-row small{font-size:12.5px;color:var(--muted)}.proof-row>div:last-child{display:flex;gap:6px;align-items:center;flex:none}
.wallet{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:16px}
.wcard{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:4px}.wcard.on{border-color:var(--ok)}
.wcard-h{display:flex;align-items:center;gap:8px}.wcard-h .tag{margin-left:auto}.wcard-h .ic{color:var(--ok)}.wcard p{margin:0}.wcard small{font-size:12.5px;color:var(--muted)}.wcard-a{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.apply-bar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow);margin-top:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.apply-bar small{display:block;font-size:12px;color:var(--muted)}.apply-bar b{font-size:17px}.apply-bar b small{display:inline;margin-left:4px}
.step-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700}
.ap-proofs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:center}.ap-proof{display:flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:8px;padding:4px 8px;font-size:12.5px}.ap-proof small{color:var(--muted)}.ap-proof a{font-size:12.5px;color:var(--accent)}
.ap-reward{font-size:12.5px;font-weight:600;color:var(--ink2);margin-left:auto}
.proof-opts{display:grid;gap:8px}.proof-opt{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}.proof-opt.on{border-color:var(--accent);background:var(--accent-soft)}.proof-opt small{display:block;color:var(--muted);font-size:12.5px;margin:2px 0 0 26px}
.proof-opt-x{display:flex;gap:10px;align-items:center;margin:8px 0 0 26px}.proof-opt-x input[data-pnote]{flex:1;min-width:0}
.pub-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px;margin-bottom:8px}
.pv{max-width:360px}.pv .pcard{pointer-events:none}
.qplan{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.qplan>div{background:var(--bg);border-radius:var(--r);padding:10px 12px;display:flex;flex-direction:column}.qplan span{font-size:12px;color:var(--muted)}.qplan b{font-size:17px}.qplan small{font-size:12px;color:var(--muted)}
.qrow small{display:block;font-size:12px;color:var(--faint);font-weight:400}
.qnote{font-size:13px;line-height:1.55;border-radius:8px;padding:9px 11px;margin:8px 0 0;background:var(--bg);color:var(--ink2)}.qn-warn{background:var(--warn-soft);color:var(--warn)}.qn-law{background:var(--accent-soft);color:var(--accent-ink)}.qn-tax{background:var(--line2)}
.rw-out{margin-top:4px}

/* ── 가능 시간 캘린더 ── */
.av{display:grid;gap:10px}.av-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.av-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--muted);align-items:center}.av-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.lg-on{background:var(--accent)}.lg-ours{background:repeating-linear-gradient(45deg,var(--line) 0 3px,transparent 3px 6px);border:1px solid var(--line)}.lg-ov{background:var(--ok)}.lg-busy{background:var(--warn-soft);border:1px solid var(--warn)}
.av-grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.av-grid{display:grid;grid-template-columns:28px repeat(7,minmax(38px,1fr));gap:2px;min-width:320px;user-select:none;touch-action:none}
.av-d{text-align:center;font-size:11.5px;color:var(--muted);line-height:1.2;padding-bottom:4px}.av-d b{display:block;font-size:14px;color:var(--ink)}.av-d.we b{color:var(--bad)}
.av-h{font-size:11px;color:var(--faint);text-align:right;padding-right:4px;line-height:26px}
.av-c{height:26px;border:0;border-radius:4px;background:var(--line2);cursor:pointer;padding:0;font:inherit;font-size:11px;font-weight:700;color:#fff}
.av-c.ours{background:repeating-linear-gradient(45deg,var(--line) 0 3px,var(--line2) 3px 6px)}
.av-c.half{background:linear-gradient(180deg,var(--accent) 50%,var(--line2) 50%)}.av-c.on{background:var(--accent)}.av-c.on.ours{background:var(--accent);box-shadow:inset 0 0 0 2px var(--ok)}
.av-c:disabled{opacity:.35;cursor:default}
.av-c.ov1{background:#BFE8D8}.av-c.ov2{background:#7FD1B1}.av-c.ov3{background:#34B386}.av-c.ov4{background:var(--ok)}.av-c.ov1,.av-c.ov2{color:var(--ink)}.av-c.busy{box-shadow:inset 0 0 0 2px var(--warn)}
.av-presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip-btn{font:inherit;font-size:12.5px;height:30px;padding:0 10px;border-radius:15px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}.chip-btn:hover{border-color:var(--accent);color:var(--accent)}
.av-exact{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.av-exact label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:2px}.av-exact input{height:34px}
.avail-sum{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.avail-sum .chip{height:26px;font-size:12px;padding:0 9px;display:inline-flex;align-items:center;cursor:default}
.propose{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-lg);padding:14px 16px}
.propose>div:first-child{display:flex;flex-direction:column}.propose small{font-size:12px;color:var(--muted)}.propose b{font-size:18px}.propose span{font-size:13px;color:var(--ink2)}.propose-act{display:flex;gap:8px;flex-wrap:wrap}
.cand{border-bottom:1px solid var(--line2);padding:10px 0}.cand:last-child{border-bottom:0}.cand-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cand-a{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.cand-a input{height:32px;max-width:220px}
@media (max-width:720px){.tier,.qplan{grid-template-columns:1fr 1fr}.pub-opts{grid-template-columns:1fr 1fr}.proof-row{flex-direction:column;align-items:flex-start}.apply-bar .btn{flex:1}}

/* ── 인사이트 ── */
.cat-nav{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 4px}.cat-nav a{font-size:13.5px;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:6px 14px;color:var(--ink2)}.cat-nav a.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}
.gcard .tag{align-self:flex-start;margin-bottom:8px}.gcard h2.h3{margin:0 0 6px;font-size:17px}
.toc{border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:0 0 24px;font-size:14px}.toc ol{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}.toc a{color:var(--ink2)}
.prose{font-size:16px;line-height:1.85}.prose h2{margin:36px 0 10px}.prose h3{margin:24px 0 8px}.prose ul,.prose ol{padding-left:20px}.prose li{margin:4px 0}.prose blockquote{margin:16px 0;padding:10px 16px;border-left:3px solid var(--line);color:var(--ink2)}.prose a{color:var(--accent)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0}
/* 원탭 확정 */
.cf .spec-3{grid-template-columns:repeat(3,1fr)}.cf-act{margin:20px 0 8px}.cf-act .btn{width:100%;max-width:360px}
.cf-more{margin:14px 0}.cf-more summary{cursor:pointer;color:var(--muted);font-size:14px}.cf-more form{margin-top:10px;max-width:480px}
@media (max-width:720px){.cf .spec-3{grid-template-columns:1fr}}
.faq-row{display:grid;grid-template-columns:1fr auto;gap:6px;border:1px solid var(--line2);border-radius:var(--r);padding:8px;margin-bottom:8px}.faq-row textarea{grid-column:1}.faq-row button{grid-row:1;grid-column:2}
.serp{border:1px solid var(--line2);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:2px}.serp small{color:var(--faint);font-size:11px}.serp b{color:#1a0dab;font-size:16px;font-weight:500}.serp span{color:#006621;font-size:12.5px}.serp p{margin:0;font-size:13px;color:var(--ink2)}

/* ── QK 회의실 ── */
.room-body{background:#0B0E14}
.rm{min-height:100vh;min-height:100dvh;background:#0B0E14;color:#E7EAF0;display:flex;flex-direction:column}
.rm .logo{color:#fff}.rm .muted,.rm .help{color:#9AA3B5}
.rm-top{display:flex;align-items:center;gap:14px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid #1C2230;flex-wrap:wrap}
.rm-t{display:flex;flex-direction:column;min-width:0}.rm-t b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-t small{font-size:12px;color:#8A93A6}
.rm-center{flex:1;display:grid;place-content:center;justify-items:center;text-align:center;gap:12px;padding:24px 16px}.rm-center .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.on-dark{color:#E7EAF0!important;border-color:#2A3242!important}
.rm-pre{flex:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;max-width:1100px;width:100%;margin:0 auto;padding:28px 16px}
.pre-v{position:relative;aspect-ratio:16/9;background:#151A24;border-radius:16px;overflow:hidden}.pre-v video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.pre-off{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#8A93A6;background:#151A24}
.pre-r{display:flex;flex-direction:column;gap:14px}.pre-r h3{margin:0;font-size:22px}.pre-r p{margin:0;color:#C9CFDB;font-size:14px}.pre-r .row{display:flex;gap:8px;flex-wrap:wrap}.pre-r .dim{color:#6B7488;font-size:12.5px}
.pre-note{display:flex;gap:8px;align-items:flex-start;background:#121826;border:1px solid #1F2738;border-radius:10px;padding:10px 12px;font-size:13px!important}.pre-note .ic{color:#7D93FF;margin-top:2px}
.pre-wait{color:#FFB86B!important}
.ai-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid #273044;border-radius:12px;padding:12px;cursor:pointer}.ai-opt input{margin-top:3px}.ai-opt span{display:flex;flex-direction:column;gap:2px}.ai-opt small{color:#9AA3B5;font-size:12.5px;line-height:1.55}
.cbtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;height:54px;padding:0 10px;border-radius:12px;border:1px solid #273044;background:#151A24;color:#E7EAF0;font:inherit;font-size:11.5px;cursor:pointer;position:relative}
.pre-r .cbtn{flex-direction:row;gap:6px;height:40px;font-size:13px}
.cbtn:hover{background:#1C2230}.cbtn.off{background:#3A1E22;border-color:#5A2A30;color:#FFB3B3}.cbtn.on{background:#1E2B5C;border-color:#3550D6;color:#C9D3FF}.cbtn.end{background:#D23B3B;border-color:#D23B3B;color:#fff}.cbtn[disabled]{opacity:.4;pointer-events:none}
.cbtn.sm{min-width:32px;height:32px;padding:0 8px}.cb-n{position:absolute;top:4px;right:6px;background:#D23B3B;color:#fff;border-radius:8px;font-size:10px;font-style:normal;padding:0 5px}
.call{height:100vh;height:100dvh;overflow:hidden}
.call-rec{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#FFB86B;background:#2A1F10;border-radius:14px;padding:4px 10px;margin-left:auto}.call-obs{font-size:12px;color:#9AA3B5;border:1px solid #273044;border-radius:14px;padding:3px 10px}
.call-body{flex:1;display:flex;min-height:0}
.call-stage{flex:1;position:relative;display:flex;flex-direction:column;min-width:0;padding:12px}
.call-grid{flex:1;display:grid;gap:10px;grid-template-columns:1fr;grid-auto-rows:1fr;min-height:0}
.call-grid[data-n="2"]{grid-template-columns:1fr 1fr}.call-grid[data-n="3"],.call-grid[data-n="4"]{grid-template-columns:1fr 1fr}.call-grid[data-n="5"],.call-grid[data-n="6"]{grid-template-columns:repeat(3,1fr)}
.tile{position:relative;background:#151A24;border-radius:14px;overflow:hidden;min-height:0}.tile video{width:100%;height:100%;object-fit:cover}.tile.flip video{transform:scaleX(-1)}
.tile-off{position:absolute;inset:0;display:none;place-content:center;color:#5D6678;background:#151A24}.tile.vid-off .tile-off{display:grid}.tile.wait{opacity:.7}
.tile-l{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;align-items:center;background:rgba(0,0,0,.55);padding:3px 9px;border-radius:8px;font-size:12.5px}
.call-caps{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;max-width:min(760px,90%);background:rgba(0,0,0,.72);border-radius:10px;padding:8px 14px;font-size:14px;display:grid;gap:2px}.call-caps b{color:#9FB0FF;margin-right:6px}
.call-status{text-align:center;font-size:13px;color:#9AA3B5;min-height:20px;padding-top:6px}
.call-side{width:340px;border-left:1px solid #1C2230;display:flex;flex-direction:column;background:#0F131B}
.call-side-h{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #1C2230}
.seg-d{display:flex;gap:4px}.seg-d button{font:inherit;font-size:12.5px;border:1px solid #273044;background:transparent;color:#C9CFDB;border-radius:8px;padding:5px 10px;cursor:pointer}.seg-d button.on{background:#1E2B5C;border-color:#3550D6;color:#fff}
.call-side-b{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;min-height:0;overflow:auto}.call-side-b textarea{background:#151A24;border:1px solid #273044;color:#E7EAF0;border-radius:10px;padding:10px;font:inherit;font-size:13.5px;resize:vertical}
.chat-log{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:120px}.msg{display:flex;flex-direction:column;align-items:flex-start;max-width:90%}.msg.me{align-self:flex-end;align-items:flex-end}
.msg .who{font-size:11.5px;color:#8A93A6}.msg .bub{background:#1C2230;border-radius:12px;padding:7px 11px;font-size:13.5px}.msg.me .bub{background:#2A4BFF;color:#fff}.msg .at{font-size:10.5px;color:#6B7488}
.typing{font-size:11.5px;color:#8A93A6;min-height:16px}.chat-f{display:flex;gap:6px;align-items:flex-end}.chat-f textarea{flex:1;min-height:40px}.chat-note{font-size:11.5px;color:#6B7488;display:flex;gap:6px;margin:0}
.trs{display:grid;gap:8px}.tr-l{display:grid;grid-template-columns:44px 52px 1fr;gap:6px;font-size:13px}.tr-l span{color:#6B7488}.tr-l p{margin:0;color:#C9CFDB}
.call-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid #1C2230}
.spin{display:inline-block;width:12px;height:12px;border:2px solid #5D6678;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:860px){.rm-pre{grid-template-columns:1fr}.call-side{position:fixed;inset:auto 0 0 0;width:auto;height:62vh;border-left:0;border-top:1px solid #1C2230;z-index:20;border-radius:16px 16px 0 0}.call-grid[data-n="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.cbtn{min-width:52px;height:50px;font-size:10.5px}.cbtn span{display:none}.cbtn.sm span{display:inline}}
.av-c.ov.ours{outline:2px solid var(--accent);outline-offset:-2px}
.wcard:not(.on) .wcard-h .ic{color:var(--faint)}
.ai-opt input,.proof-opt input[type=checkbox],.pub-opts input,.chk input{width:18px;height:18px;flex:none;margin:2px 0 0;accent-color:var(--accent)}
.call-side .msg{background:transparent;border:0;padding:0;box-shadow:none;margin:0}.call-side .msg .bub{color:#E7EAF0}.call-side .msg.me .bub{color:#fff}

/* 패키지 */
.pkg-segs{display:inline-flex;gap:4px;padding:4px;margin:18px 0 6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;max-width:100%;overflow-x:auto}
.pkg-seg{appearance:none;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--muted);padding:10px 20px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.pkg-seg:hover{color:var(--ink)}
.pkg-seg.on{background:var(--ink);color:#fff}
.pkg-desc{margin:10px 0 0;color:var(--muted);font-size:15px}
.pkg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 14px}
.pkg{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 26px;min-width:0}
.pkg-hot{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.pkg-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}
.pkg-save{font-size:12.5px;font-weight:700;color:var(--ok);background:var(--ok-soft);padding:3px 10px;border-radius:999px;white-space:nowrap}
.pkg h3{margin:0;font-size:21px;letter-spacing:-.02em}
.pkg-sum{margin:-6px 0 0;color:var(--muted);font-size:14.5px;word-break:keep-all}
.pkg-price{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pkg-price b{display:block;font-size:32px;letter-spacing:-.03em;line-height:1.15}
.pkg-price small{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.pkg-pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink2);flex:1}
.pkg-pts li{display:flex;gap:9px;align-items:flex-start;word-break:keep-all}
.pkg-pts svg{flex:none;margin-top:3px;color:var(--accent)}
.pkg .btn{width:100%}
.pkg-foot{max-width:860px}
@media (max-width:960px){.pkg-grid{grid-template-columns:1fr;max-width:520px}.pkg-segs{display:flex;width:100%}.pkg-seg{flex:1;padding:10px 12px;font-size:14px}}
.pkg-pick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.pkg-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink);text-align:left}
.pkg-chip b{font-size:13.5px}.pkg-chip small{color:var(--muted);font-size:12px}
.pkg-chip.on{border-color:var(--accent);background:var(--accent-soft)}
.of-box{display:grid;gap:12px;padding:14px;border:1px dashed var(--line);border-radius:var(--r);background:var(--line2)}

/* ── 메인 히어로 애니메이션 장면 ── */
.hero-home .hero-in{padding-top:84px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.hero-copy{min-width:0}
.ha-glow{position:absolute;right:-12%;top:-30%;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(42,75,255,.38),rgba(125,147,255,.10) 45%,transparent 70%);filter:blur(10px);animation:haGlow 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes haGlow{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,30px) scale(1.08)}}
.ha-sparks{position:absolute;inset:0;pointer-events:none}
.ha-sparks i{position:absolute;width:6px;height:6px;border-radius:50%;background:#B9C6FF;box-shadow:0 0 12px 2px rgba(125,147,255,.7);opacity:0;animation:haTwinkle 4.2s ease-in-out infinite}
.ha-sparks i:nth-child(odd){width:4px;height:4px}
@keyframes haTwinkle{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:.9;transform:scale(1)}}
.hero-art{position:relative;width:100%;max-width:500px;aspect-ratio:1/.92;justify-self:end}
.ha-orbit{position:absolute;border:1px dashed rgba(125,147,255,.28);border-radius:50%;animation:haSpin 38s linear infinite}
.ha-orbit span{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--accent-on-dark);box-shadow:0 0 14px var(--accent-on-dark)}
.ha-orbit1{inset:6% 4% 8% 6%}
.ha-orbit2{inset:20% 18% 22% 20%;animation-duration:26s;animation-direction:reverse;border-style:solid;border-color:rgba(255,255,255,.07)}
.ha-orbit2 span{background:#3BD49B;box-shadow:0 0 14px #3BD49B;width:8px;height:8px}
@keyframes haSpin{to{transform:rotate(360deg)}}
.ha-card{position:absolute;background:rgba(20,26,38,.78);border:1px solid rgba(255,255,255,.1);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.35);color:#fff;font-size:12px;line-height:1.4}
.ha-card small{color:#9AA3B5;font-size:11px;display:block}
.ha-call{left:8%;top:14%;width:66%;padding:14px;animation:haFloat 7s ease-in-out infinite}
.ha-call-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12.5px}
.ha-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#FF8A8A}
.ha-live em{width:7px;height:7px;border-radius:50%;background:#FF5B5B;animation:haPulse 1.4s ease-in-out infinite}
.ha-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ha-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
.ha-speaking{border-color:rgba(59,212,155,.7);box-shadow:0 0 0 3px rgba(59,212,155,.15)}
.ha-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-weight:700;font-size:14px}
.ha-av1{background:linear-gradient(135deg,#2A4BFF,#7D93FF)}
.ha-av2{background:linear-gradient(135deg,#0F9F6E,#3BD49B);animation:haTalk 1.6s ease-in-out infinite}
@keyframes haTalk{0%,100%{box-shadow:0 0 0 0 rgba(59,212,155,.5)}50%{box-shadow:0 0 0 8px rgba(59,212,155,0)}}
.ha-wave{display:flex;align-items:center;gap:3px;height:26px;margin:10px 2px 6px}
.ha-wave i{flex:1;height:30%;border-radius:2px;background:linear-gradient(#7D93FF,#3BD49B);animation:haBar 1.1s ease-in-out infinite}
@keyframes haBar{0%,100%{height:22%}50%{height:100%}}
.ha-cap{margin:0;color:#D4DAE6;font-size:11.5px}.ha-cap b{color:var(--accent-on-dark);margin-right:4px}
.ha-badge{right:0;top:3%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6s ease-in-out .8s infinite}
.ha-shield{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(59,212,155,.16);color:#3BD49B}
.ha-check{stroke-dasharray:24;stroke-dashoffset:24;animation:haDraw 3.6s ease-in-out infinite}
@keyframes haDraw{0%,15%{stroke-dashoffset:24}40%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:24}}
.ha-notes{right:2%;bottom:6%;width:50%;padding:12px 14px;animation:haFloat 8s ease-in-out 1.6s infinite}
.ha-notes-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.ha-notes-h small{color:var(--accent-on-dark)}
.ha-line{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.14);margin:6px 0;transform-origin:left;animation:haType 5s ease-in-out infinite}
.ha-line.l1{width:92%}.ha-line.l2{width:76%;animation-delay:.5s}.ha-line.l3{width:58%;animation-delay:1s}
@keyframes haType{0%{transform:scaleX(0)}35%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.ha-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.ha-tags em{font-style:normal;font-size:10.5px;padding:2px 7px;border-radius:999px;background:rgba(125,147,255,.16);color:#C9D2FF}
.ha-sched{left:0;bottom:18%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6.5s ease-in-out .4s infinite}
.ha-dot{width:10px;height:10px;border-radius:50%;background:#3BD49B;animation:haPulseG 1.8s ease-out infinite}
@keyframes haPulseG{0%{box-shadow:0 0 0 0 rgba(59,212,155,.6)}100%{box-shadow:0 0 0 12px rgba(59,212,155,0)}}
@keyframes haPulse{0%,100%{opacity:1}50%{opacity:.35}}
.ha-stat{right:6%;top:31%;width:110px;padding:10px 12px;animation:haFloat 7.5s ease-in-out 2.2s infinite;z-index:2}
.ha-stat b{display:block;font-size:20px;letter-spacing:-.02em;margin:1px 0 6px}
.ha-bars{display:flex;align-items:flex-end;gap:4px;height:30px;margin-bottom:5px}
.ha-bars i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(#7D93FF,#2A4BFF);transform-origin:bottom;animation:haGrow 4s ease-in-out infinite}
.ha-bars i:nth-child(2){animation-delay:.15s}.ha-bars i:nth-child(3){animation-delay:.3s}.ha-bars i:nth-child(4){animation-delay:.45s}.ha-bars i:nth-child(5){animation-delay:.6s}
@keyframes haGrow{0%{transform:scaleY(.15)}40%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
@keyframes haFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-art{justify-self:center;max-width:460px}
  .ha-glow{right:-40%;top:auto;bottom:-20%;width:560px;height:560px}
}
@media (max-width:420px){ .ha-card{font-size:11px} .ha-call{width:74%;left:2%} .ha-notes{width:58%} .ha-stat{width:96px} .ha-tags em:nth-child(3){display:none} }
@media (prefers-reduced-motion:reduce){ .hero-home *, .hero-home *::before{animation:none!important} .ha-check{stroke-dashoffset:0} .ha-line,.ha-bars i,.ea-bar i,.ea-log-in{transform:none} .ha-sparks i{opacity:.6} }
@media (max-width:560px){
  .hero-art{aspect-ratio:1/1.32;max-width:400px}
  .ha-call{left:0;top:13%;width:84%}
  .ha-stat{display:none}
  .ha-notes{right:0;bottom:13%;width:60%}
  .ha-sched{left:0;bottom:0}
  .ha-orbit1{inset:4% 0 6% 0}.ha-orbit2{inset:22% 12% 24% 12%}
}

/* 요금 페이지 견적서 발행 */
.qf-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;padding:16px 18px;border:1px solid var(--accent);border-radius:var(--r-lg);background:var(--accent-soft)}
.qf-cta>div{min-width:0;flex:1 1 280px}.qf-cta b{display:block;font-size:15px}.qf-cta small{color:var(--ink2);font-size:13px}
.qf{position:relative;margin-top:14px;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.qf h3{margin:0 0 4px;font-size:17px}
.qf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.qf-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink2);min-width:0}
.qf-grid label span{font-weight:400;color:var(--muted)}
.qf-grid input{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;color:var(--ink);background:#fff;width:100%;min-width:0}
.qf-grid input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}
.qf-wide{grid-column:1/-1}
.qf-addr{display:flex;gap:8px}.qf-addr input{flex:1}.qf-addr .btn{height:42px;flex:none}
.qf-zipbox{height:420px;margin-top:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.qf-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media (max-width:640px){.qf-grid{grid-template-columns:1fr}.qf{padding:16px}.qf-actions .btn{flex:1}}
/* 기업 지정 일정 */
.pcard-sch{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--accent);font-weight:600;margin:2px 0 8px}
.we{display:grid;gap:10px}
.we-add{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px;align-items:end}
.we-add label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink2);min-width:0}
.we-add input{height:40px;min-width:0}
.we-pre{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.we-list{display:flex;flex-wrap:wrap;gap:6px}
.we-chip{display:inline-flex;align-items:center;gap:6px}
.we-chip button{border:0;background:none;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;padding:0 2px}
.we-chip button:hover{color:var(--bad)}
.we-sum{margin:0;font-size:13px;color:var(--ink2);padding:10px 12px;background:var(--accent-soft);border-radius:8px}
.we-sum.warn{background:var(--warn-soft);color:var(--warn)}
.sp{display:grid;gap:14px}
.sp-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sp-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.sp-slot{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;cursor:pointer;color:var(--ink);text-align:left}
.sp-slot b{font-size:14px}.sp-slot small{font-size:11.5px;color:var(--muted)}
.sp-slot.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}
.sp-slot.on small{color:var(--accent)}
.sp-slot[disabled]{opacity:.45;cursor:not-allowed}
.sp-count{margin:0}
@media (max-width:640px){.we-add{grid-template-columns:1fr 1fr}.we-add label:first-child{grid-column:1/-1}.we-add .btn{grid-column:1/-1}}

/* ── 엔터프라이즈 히어로 장면 ── */
.hero-ent .hero-in{padding-top:72px}
.ea-ws{left:4%;top:12%;width:70%;padding:14px 16px;animation:haFloat 7.5s ease-in-out infinite}
.ea-team{font-size:10.5px;font-weight:700;color:var(--accent-on-dark);background:rgba(125,147,255,.14);padding:2px 8px;border-radius:999px}
.ea-row{padding:9px 0;border-top:1px solid rgba(255,255,255,.07)}
.ea-row:first-of-type{border-top:0;padding-top:2px}
.ea-row-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:7px}
.ea-row-h b{display:block;font-size:12.5px}.ea-row-h small{margin-top:1px}
.ea-row-h em{font-style:normal;font-size:10.5px;font-weight:700;white-space:nowrap;color:#C9D2FF;background:rgba(125,147,255,.14);padding:2px 8px;border-radius:999px}
.ea-row-h em.ok{color:#3BD49B;background:rgba(59,212,155,.14)}
.ea-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.ea-bar i{display:block;height:100%;width:var(--w);border-radius:3px;background:linear-gradient(90deg,#2A4BFF,#7D93FF);transform-origin:left;animation:haType 6s ease-in-out infinite}
.ea-nda{right:0;top:2%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6s ease-in-out .8s infinite}
.ea-lock{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(125,147,255,.16);color:#9FB0FF}
.ea-shackle{animation:eaLock 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:left bottom}
@keyframes eaLock{0%,20%{transform:translateY(-3px) rotate(-14deg)}40%,90%{transform:none}100%{transform:translateY(-3px) rotate(-14deg)}}
.ea-obs{right:3%;top:38%;width:128px;padding:10px 12px;animation:haFloat 7s ease-in-out 1.8s infinite;z-index:2}
.ea-obs-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ea-avs{display:flex;margin-bottom:6px}
.ea-avs span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:11px;font-weight:700;border:2px solid #141A26;margin-left:-6px;animation:haTalk 2.4s ease-in-out infinite}
.ea-avs span:first-child{margin-left:0}.ea-avs span:nth-child(2){animation-delay:.8s}.ea-avs span:nth-child(3){animation-delay:1.6s}
.ea-audit{right:1%;bottom:4%;width:52%;padding:12px 14px;animation:haFloat 8s ease-in-out 1.2s infinite}
.ea-log{height:66px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.ea-log-in{animation:eaScroll 9s linear infinite}
.ea-log p{display:flex;gap:8px;align-items:baseline;margin:0;height:22px;font-size:11px;white-space:nowrap;overflow:hidden}
.ea-log time{color:#7D8698;font-variant-numeric:tabular-nums}.ea-log b{color:#fff;font-weight:600}.ea-log span{color:#9AA3B5;overflow:hidden;text-overflow:ellipsis}
@keyframes eaScroll{0%{transform:translateY(0)}100%{transform:translateY(-88px)}}
.ea-bill{left:0;bottom:16%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6.5s ease-in-out .4s infinite}
@media (max-width:560px){
  .ea-art{aspect-ratio:1/1.3}
  .ea-ws{left:0;top:13%;width:86%}
  .ea-obs{display:none}
  .ea-audit{right:0;bottom:11%;width:62%}
  .ea-bill{left:0;bottom:0}
}

/* ── 인터뷰 참여 히어로 장면 ── */
.pa-feed{left:4%;top:12%;width:68%;padding:14px 16px;animation:haFloat 7.5s ease-in-out infinite}
.pa-job{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;margin-top:6px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);animation:paHi 2.7s ease-in-out infinite}
.pa-job b{display:block;font-size:12.5px}.pa-job>div:first-child{min-width:0}.pa-job>div:first-child b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-pay{text-align:right;flex:none}.pa-pay b{color:#fff;font-size:13px}.pa-pay em{display:block;font-style:normal;font-size:10px;font-weight:700;color:#3BD49B}
@keyframes paHi{0%,60%,100%{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.03)}20%,40%{border-color:rgba(125,147,255,.55);background:rgba(125,147,255,.10)}}
.pa-lv{right:0;top:2%;padding:10px 14px;animation:haFloat 6s ease-in-out .8s infinite}
.pa-steps{display:flex;align-items:center;gap:5px;margin:6px 0 4px}
.pa-steps span{font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:#9AA3B5}
.pa-steps span.on{background:rgba(59,212,155,.18);color:#3BD49B}
.pa-steps .pa-up{animation:paUp 4s ease-in-out infinite}
@keyframes paUp{0%,30%{background:rgba(255,255,255,.08);color:#9AA3B5}45%,95%{background:rgba(59,212,155,.18);color:#3BD49B}}
.pa-steps i{width:14px;height:2px;border-radius:2px;background:rgba(59,212,155,.6)}.pa-steps i.dim{background:rgba(255,255,255,.12)}
.pa-lv-t{color:#3BD49B!important}
.pa-coin{right:2%;top:40%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 7s ease-in-out 1.6s infinite;z-index:2}
.pa-c{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#F2C94C,#B7791F);color:#3A2A05;font-weight:800;font-size:14px;animation:paFlip 3.2s ease-in-out infinite}
@keyframes paFlip{0%,70%,100%{transform:rotateY(0)}85%{transform:rotateY(180deg)}}
.pa-coin b{font-size:15px;color:#fff}
.pa-anon{left:0;bottom:18%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6.5s ease-in-out .4s infinite}
.pa-sched{left:auto;right:4%;bottom:3%;animation-delay:2.2s}
@media (max-width:560px){ .pa-art{aspect-ratio:1/1.3} .pa-feed{left:0;top:13%;width:88%} .pa-coin{display:none} .pa-anon{bottom:12%} .pa-sched{right:0;bottom:0} }

/* ── 인사이트 ── */
.hero-in-page h1{font-size:clamp(34px,4.6vw,52px)}
.in-search{display:flex;align-items:center;gap:10px;max-width:440px;margin-top:22px;padding:0 16px;height:50px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#B8C0CF}
.in-search:focus-within{border-color:var(--accent-on-dark);background:rgba(255,255,255,.12)}
.in-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#fff;font:inherit;font-size:15px;outline:0}
.in-search input::placeholder{color:#8A93A6}
.in-art .in-doc{width:62%;height:62%;left:12%;top:12%}
.in-doc3{transform:rotate(-7deg) translate(-14px,10px);opacity:.45;animation:haFloat 9s ease-in-out infinite}
.in-doc2{transform:rotate(-3deg) translate(-6px,4px);opacity:.7;animation:haFloat 8s ease-in-out .6s infinite}
.in-doc1{padding:16px 18px;display:flex;flex-direction:column;gap:2px;animation:haFloat 7s ease-in-out 1.2s infinite}
.in-doc1 b{font-size:14px;line-height:1.4;margin:2px 0 6px}
.in-k{color:var(--accent-on-dark)!important;letter-spacing:.14em;font-weight:700}
.in-ans{margin-top:auto;padding:10px 12px;border-radius:10px;background:rgba(125,147,255,.12);border:1px solid rgba(125,147,255,.25)}
.in-ans b{font-size:11.5px!important;color:var(--accent-on-dark);margin:0 0 2px!important}
.in-chart{right:0;top:30%;width:44%;padding:12px 14px;animation:haFloat 7.5s ease-in-out .3s infinite;z-index:2}
.in-chart .ha-bars{height:58px;margin:8px 0 6px}
.in-legend{display:flex;justify-content:space-between;gap:2px;font-size:9.5px;color:#8A93A6}
.in-tag{left:2%;bottom:6%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6.5s ease-in-out 1.8s infinite}
.in-sec{padding-top:36px}
.in-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.in-cats a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink2);text-decoration:none;font-size:14px}
.in-cats a i{width:8px;height:8px;border-radius:50%}.in-cats a b{font-size:12px;color:var(--faint);font-weight:600}
.in-cats a:hover{border-color:var(--accent)}
.in-cats a.on{background:var(--ink);border-color:var(--ink);color:#fff}.in-cats a.on b{color:#B8C0CF}
.in-thumb{position:relative;overflow:hidden;aspect-ratio:16/8;background:linear-gradient(135deg,var(--a),var(--b));color:#fff}
.in-thumb i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.28)}
.in-thumb i:nth-of-type(1){width:180px;height:180px;right:-50px;top:-70px}
.in-thumb i:nth-of-type(2){width:110px;height:110px;right:30px;bottom:-60px;background:rgba(255,255,255,.08);border:0}
.in-thumb i:nth-of-type(3){width:8px;height:8px;left:40%;top:30%;background:rgba(255,255,255,.7);border:0;box-shadow:24px 30px 0 rgba(255,255,255,.45),70px -6px 0 rgba(255,255,255,.35)}
.in-thumb-ic{position:absolute;left:18px;top:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px)}
.in-thumb-cat{position:absolute;left:18px;bottom:14px;font-size:11px;font-weight:700;letter-spacing:.12em;opacity:.9}
.in-thumb.big{aspect-ratio:auto;min-height:100%}.in-thumb.big .in-thumb-ic{width:64px;height:64px;left:28px;top:26px;border-radius:16px}
.in-thumb.big i:nth-of-type(1){width:320px;height:320px;right:-90px;top:-120px}.in-thumb.big i:nth-of-type(2){width:200px;height:200px;right:60px;bottom:-110px}
.in-thumb.big .in-thumb-cat{left:28px;bottom:24px;font-size:12px}
.in-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);text-decoration:none;color:var(--ink);transition:box-shadow .2s,transform .2s}
.in-lead:hover{box-shadow:0 18px 40px rgba(16,24,40,.10);transform:translateY(-2px)}
.in-lead-b{padding:30px 32px;display:flex;flex-direction:column;gap:10px;min-width:0}
.in-lead-b h2{margin:0;font-size:clamp(20px,2.4vw,26px);line-height:1.35;letter-spacing:-.02em;text-wrap:balance}
.in-lead-b p{margin:0;color:var(--ink2);font-size:15px;line-height:1.65}
.in-new{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--accent)}
.in-cat{align-self:flex-start;font-size:12px;font-weight:700;color:var(--a);background:color-mix(in srgb,var(--a) 10%,transparent);padding:3px 10px;border-radius:999px}
.in-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;font-size:12.5px;color:var(--faint);align-items:center}
.in-go{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:700}
.in-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.in-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);text-decoration:none;color:var(--ink);transition:box-shadow .2s,transform .2s}
.in-card:hover{box-shadow:0 14px 32px rgba(16,24,40,.09);transform:translateY(-2px)}
.in-card-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.in-card h3{margin:0;font-size:16.5px;line-height:1.45;letter-spacing:-.01em;text-wrap:balance}
.in-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.in-none{margin:20px 0 0}
.in-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:44px;padding:30px 34px;border-radius:var(--r-lg);background:var(--ink);color:#fff;position:relative;overflow:hidden}
.in-cta::after{content:"";position:absolute;right:-80px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(42,75,255,.45),transparent 70%)}
.in-cta>div{position:relative;z-index:1;min-width:0}.in-cta h2{margin:4px 0 6px;font-size:clamp(19px,2.2vw,24px);letter-spacing:-.02em;text-wrap:balance}.in-cta p{margin:0;color:#B8C0CF}
.in-cta-b{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:980px){.in-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.in-lead{grid-template-columns:1fr}.in-thumb.big{aspect-ratio:16/7;min-height:0}}
@media (max-width:620px){.in-grid{grid-template-columns:1fr}.in-lead-b{padding:22px 20px}.in-cta{padding:24px 20px}.in-cta-b .btn{flex:1}.in-art{aspect-ratio:1/1.05}.in-art .in-doc{width:78%;left:2%}.in-chart{width:50%}}
/* 히어로·인사이트 보정 */
.hero-grid h1,.in-lead-b h2,.in-card h3,.in-cta h2{word-break:keep-all;text-wrap:balance}
.hero-ent .hero-grid h1{font-size:clamp(32px,3.9vw,54px)}
.pa-lv{right:0;top:0}
.pa-feed{left:0;top:15%;width:66%}
.pa-coin{right:0;top:auto;bottom:22%}
.pa-anon{left:0;bottom:3%}
.in-cta .btn-line{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.in-cta .btn-line:hover{border-color:#fff}
@media (max-width:560px){ .pa-feed{width:90%;top:14%} .pa-coin{display:flex;bottom:14%} .pa-anon{bottom:0} }
.hero-home:not(.hero-ent) .hero-grid h1{font-size:clamp(34px,4.1vw,56px)}
.hero-grid .lead{word-break:keep-all}
/* 인사이트 본문 표 */
.tbl-wrap{overflow-x:auto;margin:18px 0 22px;border:1px solid var(--line);border-radius:10px}
.md-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;min-width:520px}
.md-table th{background:#F3F5F9;text-align:left;font-weight:700;color:var(--ink);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.md-table td{padding:10px 14px;border-bottom:1px solid var(--line2);vertical-align:top;color:var(--ink2);word-break:keep-all}
.md-table tr:last-child td{border-bottom:0}
.md-table td:first-child{font-weight:600;color:var(--ink)}
.prose a[target="_blank"]::after{content:"↗";font-size:.8em;margin-left:2px;opacity:.6}
.in-svg{position:absolute;right:4%;top:50%;transform:translateY(-50%);height:78%;width:auto;max-width:62%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));transition:transform .3s}
.in-card:hover .in-svg,.in-lead:hover .in-svg{transform:translateY(-54%) scale(1.04)}
.in-thumb.big .in-svg{height:72%}
.in-thumb-ic{z-index:1}
.in-cover{margin:14px 0 22px;border-radius:var(--r-lg);overflow:hidden}
.in-cover .in-thumb.big{aspect-ratio:16/6;min-height:0}
@media (max-width:620px){.in-cover .in-thumb.big{aspect-ratio:16/8}}
.h1-dark,.prose h2,.prose h3{word-break:keep-all;text-wrap:balance}
/* ── 6단계 흐름 카드 ── */
.flow-sub{margin:-6px 0 26px;max-width:640px}
.flow{gap:18px}
.flow li{padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);box-shadow:none;transition:box-shadow .2s,transform .2s}
.flow li:hover{box-shadow:0 16px 36px rgba(16,24,40,.09);transform:translateY(-2px)}
.flow-b{padding:20px 22px 24px}
.flow-h{display:flex;align-items:center;justify-content:space-between}
.flow-step{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--accent)}
.flow-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}
.flow h3{margin:10px 0 6px;font-size:17.5px;letter-spacing:-.01em}
.flow p{word-break:keep-all;line-height:1.65}
.fa{position:relative;height:150px;background:linear-gradient(160deg,#EEF2FF,#F7F8FC);border-bottom:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.fa::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(42,75,255,.10) 1px,transparent 1px);background-size:16px 16px}
.fa>div{position:relative;width:76%;font-size:11px;color:var(--ink2)}
/* 1 등록 */
.fa-form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:0 6px 16px rgba(16,24,40,.06)}
.fa-lbl{display:block;font-size:10px;color:var(--muted);margin:2px 0 3px}
.fa-in{display:block;height:8px;border-radius:4px;background:var(--line2);margin-bottom:6px;position:relative;overflow:hidden}
.fa-in::after{content:"";position:absolute;inset:0;background:var(--accent);opacity:.35;transform-origin:left;animation:faFill 4.5s ease-in-out infinite}
.fa-in.w2::after{animation-delay:.8s}
@keyframes faFill{0%{transform:scaleX(0)}35%,85%{transform:scaleX(.9)}100%{transform:scaleX(0)}}
.fa-ok{display:flex;align-items:center;gap:6px;margin-top:4px;font-weight:700;color:var(--ok);font-size:10.5px;animation:faPop 4.5s ease-in-out infinite}
.fa-ok b{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--ok);color:#fff;font-size:9px}
@keyframes faPop{0%,40%{opacity:0;transform:translateY(4px)}50%,90%{opacity:1;transform:none}100%{opacity:0}}
/* 2 안내 */
.fa-noti{display:flex;align-items:center;gap:12px}
.fa-bell{position:relative;flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--accent);animation:faRing 3s ease-in-out infinite}
.fa-bell em{position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:#FF5B5B;border:2px solid #fff}
@keyframes faRing{0%,60%,100%{transform:rotate(0)}65%{transform:rotate(12deg)}70%{transform:rotate(-10deg)}75%{transform:rotate(6deg)}80%{transform:rotate(0)}}
.fa-pills{display:grid;gap:5px;flex:1;min-width:0}
.fa-pills span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;animation:faIn 4.5s ease-in-out infinite}
.fa-pills span:nth-child(2){animation-delay:.5s}.fa-pills span:nth-child(3){animation-delay:1s}
@keyframes faIn{0%{opacity:0;transform:translateX(10px)}15%,85%{opacity:1;transform:none}100%{opacity:0}}
/* 3 선정 */
.fa-list{display:grid;gap:6px}
.fa-row{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 8px}
.fa-row.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);animation:faSel 4s ease-in-out infinite}
@keyframes faSel{0%,30%{border-color:var(--line);box-shadow:none}45%,95%{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}}
.fa-av{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:10px}
.fa-bar{flex:1;height:5px;border-radius:3px;background:var(--line2);overflow:hidden}.fa-bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.fa-row em{font-style:normal;font-size:9.5px;font-weight:700;color:var(--ok);background:var(--ok-soft);padding:1px 6px;border-radius:999px}
.fa-row em.no{color:var(--muted);background:var(--line2)}
.fa-row>b{color:var(--accent);font-size:11px}
/* 4 일정 */
.fa-cal{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:0 6px 16px rgba(16,24,40,.06)}
.fa-cal small{font-weight:700;color:var(--ink);font-size:10.5px}
.fa-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0 8px}
.fa-slots span{text-align:center;border:1px solid var(--line);border-radius:6px;padding:4px 0;font-weight:600;font-size:10px}
.fa-slots span.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.fa-slots span.pick{animation:faPick 4s ease-in-out infinite}
@keyframes faPick{0%,35%{border-color:var(--line);background:#fff;color:var(--ink2)}50%,95%{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}}
.fa-conf{text-align:center;background:var(--accent);color:#fff;border-radius:6px;padding:5px 0;font-weight:700;font-size:10.5px;animation:faPulse 2s ease-in-out infinite}
@keyframes faPulse{0%,100%{box-shadow:0 0 0 0 rgba(42,75,255,.35)}50%{box-shadow:0 0 0 6px rgba(42,75,255,0)}}
/* 5 인터뷰 */
.fa-call{background:#141A26;border-radius:10px;padding:9px;box-shadow:0 8px 20px rgba(16,24,40,.18)}
.fa-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fa-t{display:grid;place-items:center;height:44px;border-radius:7px;background:rgba(255,255,255,.06)}
.fa-t.sp{box-shadow:inset 0 0 0 1.5px #3BD49B}
.fa-t i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-weight:700;font-size:10px;color:#fff;background:linear-gradient(135deg,#2A4BFF,#7D93FF)}
.fa-t.sp i{background:linear-gradient(135deg,#0F9F6E,#3BD49B)}
.fa-wave{display:flex;align-items:center;gap:2px;height:16px;margin:7px 2px 5px}
.fa-wave i{flex:1;height:30%;border-radius:2px;background:linear-gradient(#7D93FF,#3BD49B);animation:haBar 1.1s ease-in-out infinite}
.fa-rec{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:#FF8A8A}
.fa-rec em{width:6px;height:6px;border-radius:50%;background:#FF5B5B;animation:haPulse 1.4s ease-in-out infinite}
/* 6 정산 */
.fa-doc{display:flex;gap:10px;align-items:flex-end}
.fa-paper{flex:1.2;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 10px;box-shadow:0 6px 16px rgba(16,24,40,.06)}
.fa-paper b{display:block;font-size:10.5px;margin-bottom:6px;color:var(--ink)}
.fa-ln{display:block;height:5px;border-radius:3px;background:var(--line2);margin:5px 0;transform-origin:left;animation:haType 5s ease-in-out infinite}
.fa-ln.w1{width:92%}.fa-ln.w2{width:74%;animation-delay:.4s}.fa-ln.w3{width:56%;animation-delay:.8s}
.fa-bill{flex:1;background:var(--ink);color:#fff;border-radius:9px;padding:9px 10px;animation:haFloat 5s ease-in-out infinite}
.fa-bill small{color:#9AA3B5;font-size:9.5px;display:block}.fa-bill b{display:block;font-size:13px;margin:2px 0}.fa-bill span{font-size:9.5px;color:#3BD49B;font-weight:700}
@media (prefers-reduced-motion:reduce){.fa *,.fa *::after{animation:none!important;opacity:1!important}}
.fa>div{max-width:320px}
/* ── 자동 알림 목업 (16초 주기) ── */
.am{position:relative;display:grid;grid-template-columns:auto 290px;gap:22px;align-items:center;justify-content:center;padding:28px 24px 22px;border-radius:20px;background:linear-gradient(160deg,#EEF2FF,#F7F8FC);border:1px solid var(--line);overflow:hidden}
.am::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(42,75,255,.09) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}
.am>*{position:relative}
.am-flow{list-style:none;margin:0;padding:0;display:grid;gap:10px;min-width:150px}
.am-flow li{position:relative;padding:10px 12px 10px 34px;border-radius:12px;background:#fff;border:1px solid var(--line);opacity:.55;animation:amStep 16s infinite}
.am-flow li::before{content:"";position:absolute;left:13px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--line);transition:background .3s}
.am-flow li b{display:block;font-size:13px}.am-flow li small{font-size:11.5px;color:var(--muted)}
.am-flow .s2{animation-delay:4s}.am-flow .s3{animation-delay:8s}.am-flow .s4{animation-delay:12s}
@keyframes amStep{0%,1%{opacity:.55;border-color:var(--line);box-shadow:none}5%,24%{opacity:1;border-color:var(--accent);box-shadow:0 6px 18px rgba(42,75,255,.14)}28%,100%{opacity:.55;border-color:var(--line);box-shadow:none}}
.am-flow li{--dot:var(--line)}
.am-flow li::before{animation:amDot 16s infinite;animation-delay:inherit}
@keyframes amDot{0%,1%{background:var(--line)}5%,24%{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}28%,100%{background:var(--ok)}}
.am-phone{position:relative;width:290px;height:420px;border-radius:34px;background:#0F1420;padding:12px;box-shadow:0 24px 50px rgba(16,24,40,.22)}
.am-notch{position:absolute;left:50%;top:12px;width:86px;height:18px;margin-left:-43px;border-radius:0 0 12px 12px;background:#0F1420;z-index:2}
.am-top{display:flex;align-items:center;gap:9px;height:56px;padding:18px 14px 8px;border-radius:24px 24px 0 0;background:#fff;border-bottom:1px solid var(--line2)}
.am-top b{display:block;font-size:13px}.am-top small{display:block;font-size:10.5px;color:var(--muted)}
.am-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);color:#fff;font-size:11px;font-weight:800}
.am-chat{position:relative;height:340px;padding:12px 12px 14px;border-radius:0 0 24px 24px;background:#EEF1F6;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.am-msg{background:#fff;border-radius:4px 14px 14px 14px;padding:11px 12px 10px;box-shadow:0 2px 8px rgba(16,24,40,.06);font-size:11.5px;line-height:1.5;color:var(--ink2);max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden;transform:translateY(8px);animation:amMsg 16s infinite}
.am-msg b{display:block;font-size:12px;color:var(--ink);margin-bottom:3px}
.am-msg p{margin:0 0 7px}
.am-msg time{display:block;text-align:right;font-size:9.5px;color:var(--faint);margin-top:4px}
.am-btn{display:block;text-align:center;padding:7px 0;border-radius:7px;background:#F1F3F7;font-weight:700;font-size:11px;color:var(--ink)}
.am-btn-p{background:var(--accent);color:#fff;animation:faPulse 2s ease-in-out infinite}
.am-msg.m1{animation-name:amMsg1}.am-msg.m2{animation-name:amMsg2}.am-msg.m3{animation-name:amMsg3}.am-msg.m4{animation-name:amMsg4}
@keyframes amMsg1{0%,5%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(8px)}8%,96%{max-height:160px;opacity:1;padding-top:11px;padding-bottom:10px;transform:none}100%{max-height:160px;opacity:0}}
@keyframes amMsg2{0%,30%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(8px)}33%,96%{max-height:160px;opacity:1;padding-top:11px;padding-bottom:10px;transform:none}100%{max-height:160px;opacity:0}}
@keyframes amMsg3{0%,55%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(8px)}58%,96%{max-height:160px;opacity:1;padding-top:11px;padding-bottom:10px;transform:none}100%{max-height:160px;opacity:0}}
@keyframes amMsg4{0%,80%{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(8px)}83%,96%{max-height:160px;opacity:1;padding-top:11px;padding-bottom:10px;transform:none}100%{max-height:160px;opacity:0}}
.am-typing{display:flex;gap:4px;align-self:flex-start;background:#fff;border-radius:12px;padding:0 12px;max-height:0;opacity:0;overflow:hidden}
.am-typing i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:amDots 1s ease-in-out infinite}
.am-typing i:nth-child(2){animation-delay:.15s}.am-typing i:nth-child(3){animation-delay:.3s}
@keyframes amDots{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
.am-typing.t1{animation:amTy1 16s infinite}.am-typing.t2{animation:amTy2 16s infinite}.am-typing.t3{animation:amTy3 16s infinite}.am-typing.t4{animation:amTy4 16s infinite}
@keyframes amTy1{0%{max-height:0;opacity:0;padding:0 12px}1%,5%{max-height:30px;opacity:1;padding:9px 12px}6%,100%{max-height:0;opacity:0;padding:0 12px}}
@keyframes amTy2{0%,26%{max-height:0;opacity:0;padding:0 12px}27%,30%{max-height:30px;opacity:1;padding:9px 12px}31%,100%{max-height:0;opacity:0;padding:0 12px}}
@keyframes amTy3{0%,51%{max-height:0;opacity:0;padding:0 12px}52%,55%{max-height:30px;opacity:1;padding:9px 12px}56%,100%{max-height:0;opacity:0;padding:0 12px}}
@keyframes amTy4{0%,76%{max-height:0;opacity:0;padding:0 12px}77%,80%{max-height:30px;opacity:1;padding:9px 12px}81%,100%{max-height:0;opacity:0;padding:0 12px}}
.am-meta{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.am-live{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ok)}
.am-live em{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:haPulseG 1.8s ease-out infinite}
@media (max-width:980px){.am{grid-template-columns:1fr;justify-items:center}.am-flow{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:420px}}
@media (max-width:420px){.am{padding:20px 12px}.am-phone{width:100%;max-width:290px}.am-flow li{padding-left:30px}}
@media (prefers-reduced-motion:reduce){.am *,.am *::before{animation:none!important}.am-msg{max-height:none;opacity:1;padding:11px 12px 10px;transform:none}.am-typing{display:none}.am-flow li{opacity:1}}
.am-msg,.am-typing{flex-shrink:0}
/* enterprise contact */
.ct{background:var(--navy2);color:#fff;position:relative;overflow:hidden}
.ct::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 360px at 8% 10%,rgba(42,75,255,.22),transparent 70%),radial-gradient(500px 300px at 95% 100%,rgba(125,147,255,.12),transparent 70%);pointer-events:none}
.ct-in{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}
.ct-side{min-width:0;position:sticky;top:96px}
.ct h2{color:#fff;margin:0 0 16px}
.ct-lead{color:#A8B1C4;font-size:15.5px;line-height:1.75;margin:0 0 32px;max-width:460px}
.ct-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:0;position:relative}
.ct-steps li{display:flex;gap:16px;align-items:flex-start;padding:0 0 18px;position:relative}
.ct-steps li:not(:last-child)::after{content:"";position:absolute;left:17px;top:38px;bottom:4px;width:1px;background:linear-gradient(#3A4A7A,#232B3D)}
.ct-steps b{flex:none;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--accent-on-dark);background:rgba(42,75,255,.14);border:1px solid rgba(125,147,255,.35)}
.ct-steps li:first-child b{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 6px rgba(42,75,255,.18)}
.ct-steps div{display:flex;flex-direction:column;gap:2px;padding-top:6px}
.ct-steps strong{font-size:15px;font-weight:600;color:#fff}
.ct-steps span{font-size:13.5px;color:#8C96AB}
.ct-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.ct-card{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);min-width:0}
.ct-card div{display:flex;flex-direction:column;min-width:0}
.ct-card small{font-size:12px;color:#8C96AB}
.ct-card b{font-size:14.5px;font-weight:600;color:#fff;overflow-wrap:anywhere}
.ct-ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(42,75,255,.18);color:var(--accent-on-dark)}
.ct-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ct-tags li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#C5CCDA;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.ct-tags .ic{color:var(--accent-on-dark)}
.ct-form{min-width:0;display:grid;gap:18px;background:var(--surface);color:var(--ink);border-radius:20px;padding:32px;box-shadow:0 30px 80px -20px rgba(0,0,0,.55)}
.ct-fh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line2)}
.ct-fh h3{margin:0;font-size:19px}.ct-fh p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.ct-fh>span{font-size:12.5px;color:var(--muted)}
.ct-form i{font-style:normal;color:var(--accent)}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-form input:not([type=radio]):not([type=checkbox]),.ct-form textarea{min-height:46px;border-radius:10px;background:#FAFBFD}
.ct-form input::placeholder,.ct-form textarea::placeholder{color:var(--faint)}
.ct-chips{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ct-chips legend{font-size:13px;font-weight:600;color:var(--ink2);padding:0;margin-bottom:8px}
.ct-chips label{display:block;font-weight:500}
.ct-chips input{position:absolute;opacity:0;width:1px;height:1px}
.ct-chips span{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid var(--line);font-size:13.5px;color:var(--ink2);cursor:pointer;transition:all .15s}
.ct-chips span:hover{border-color:var(--ink2)}
.ct-chips input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.ct-chips input:focus-visible+span{box-shadow:0 0 0 3px var(--accent-soft)}
.ct-agree{font-size:13px;color:var(--muted)}.ct-agree a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.ct-form .btn{width:100%;justify-content:center;gap:8px}
@media (max-width:900px){.ct-in{grid-template-columns:1fr;gap:40px}.ct-side{position:static}}
@media (max-width:560px){.ct-grid,.ct-cards{grid-template-columns:1fr}.ct-form{padding:22px}}
.ct-lead,.ct-steps span{word-break:keep-all}
/* ===== pricing page ===== */
.pq-art{aspect-ratio:1/.95}
.pq-quote{left:2%;top:10%;width:72%;padding:14px 16px 12px;animation:haFloat 8s ease-in-out infinite}
.pq-badge{font-size:10.5px;font-weight:700;color:#3BD49B;background:rgba(59,212,155,.14);padding:2px 8px;border-radius:999px;white-space:nowrap}
.pq-list{position:relative}
.pq-hl{position:absolute;left:-8px;right:-8px;top:0;height:40px;border-radius:9px;background:rgba(42,75,255,.22);border:1px solid rgba(125,147,255,.45);animation:pqMove 12.5s cubic-bezier(.65,0,.35,1) infinite}
.pq-row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;height:40px}
.pq-row span{min-width:0}.pq-row b{display:block;font-size:12.5px}.pq-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pq-row em{font-style:normal;font-weight:700;font-size:12.5px;color:#C9D2FF;white-space:nowrap}
.pq-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.pq-total span{position:relative;height:24px;width:130px}
.pq-total b{position:absolute;right:0;top:0;font-size:18px;letter-spacing:-.02em;color:#fff;opacity:0;animation:pqShow 12.5s ease-in-out infinite;font-variant-numeric:tabular-nums}
@keyframes pqMove{0%,17%{transform:translateY(0)}20%,37%{transform:translateY(40px)}40%,57%{transform:translateY(80px)}60%,77%{transform:translateY(120px)}80%,97%{transform:translateY(160px)}100%{transform:translateY(0)}}
@keyframes pqShow{0%{opacity:0;transform:translateY(6px)}3%,17%{opacity:1;transform:none}20%,100%{opacity:0;transform:translateY(-6px)}}
.pq-reward{right:0;top:2%;width:44%;padding:12px 14px;animation:haFloat 6.5s ease-in-out .6s infinite}
.pq-dots{display:flex;gap:6px;margin:4px 0 8px}
.pq-dots i{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);animation:pqDotY 6s ease-in-out infinite}
.pq-dots i.n{animation-name:pqDotN}
@keyframes pqDotY{0%,8%{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}14%,88%{background:#3BD49B;border-color:#3BD49B;box-shadow:0 0 0 3px rgba(59,212,155,.18)}100%{background:rgba(255,255,255,.08)}}
@keyframes pqDotN{0%,8%{background:rgba(255,255,255,.08)}14%,88%{background:transparent;border-color:#FF8A8A;border-style:dashed}100%{background:rgba(255,255,255,.08)}}
.pq-settle{display:flex;justify-content:space-between;gap:6px;margin:0;font-size:11px;color:#C5CCDA}
.pq-settle em{font-style:normal;font-weight:700;color:#3BD49B;animation:faPop 6s ease-in-out infinite}
.pq-doc{right:2%;bottom:14%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 7s ease-in-out 1.2s infinite}
.pq-doc-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(125,147,255,.16);color:#9FB0FF}
.pq-tax{left:6%;bottom:2%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6.2s ease-in-out .3s infinite}
@media (max-width:560px){.pq-art{aspect-ratio:1/1.25}.pq-quote{left:0;top:16%;width:88%}.pq-reward{width:56%;top:0}.pq-doc{bottom:9%}.pq-tax{display:none}}
.hero-pr .hero-in{padding-top:72px;padding-bottom:64px}
.hero-pr .hero-grid h1{font-size:clamp(32px,3.9vw,54px)}
.pr-facts{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.pr-facts li{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#C5CCDA}.pr-facts .ic{color:#3BD49B}
/* in-page nav */
.pr-nav{position:sticky;top:64px;z-index:15;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.pr-nav-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:10px 0}
.pr-nav-in::-webkit-scrollbar{display:none}
.pr-nav a{flex:none;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--muted);text-decoration:none;transition:background .2s,color .2s}
.pr-nav a:hover{color:var(--ink)}
.pr-nav a.on{background:var(--ink);color:#fff}
.pr-sec{scroll-margin-top:120px}
.pr-sec h2{word-break:keep-all;text-wrap:balance}
.pr-sub{margin:-20px 0 28px;word-break:keep-all}
/* reveal */
.rvjs .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.rvjs .rv.in{opacity:1;transform:none}
/* structure */
.pr-struct{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}
.pr-part{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;gap:6px;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s}
.pr-part:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(12,16,24,.25);border-color:var(--accent)}
.pr-part-hi{background:linear-gradient(160deg,#141A26,#1C2540);border-color:#1C2540;color:#fff}
.pr-part-hi li{color:#C5CCDA!important}.pr-part-hi .pr-big small{color:#9AA3B5}.pr-part-hi .pr-big b{color:#fff}
.pr-num{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent)}
.pr-part-hi .pr-num{color:var(--accent-on-dark)}
.pr-part h3{margin:2px 0 10px;font-size:17px;letter-spacing:-.02em}
.pr-big{padding:14px 0 16px;border-bottom:1px solid var(--line2);margin-bottom:8px}
.pr-part-hi .pr-big{border-color:rgba(255,255,255,.1)}
.pr-big b{display:block;font-size:26px;letter-spacing:-.03em;line-height:1.2;color:var(--ink)}
.pr-big small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.pr-part ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pr-part li{position:relative;padding-left:20px;font-size:14px;color:var(--ink2)}
.pr-part li::before{content:"";position:absolute;left:2px;top:8px;width:10px;height:6px;border-left:1.8px solid var(--accent);border-bottom:1.8px solid var(--accent);transform:rotate(-45deg)}
.pr-part-hi li::before{border-color:#3BD49B}
.pr-plus{align-self:center;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:600}
.pr-min{margin-top:20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:var(--bg);border-radius:18px;padding:20px 24px}
.pr-min-h{display:flex;flex-direction:column;gap:2px;min-width:180px}.pr-min-h b{font-size:15px}.pr-min-h small{font-size:12.5px;color:var(--muted)}
.pr-min-g{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-width:0}
.pr-min-g>div{background:var(--surface);border-radius:12px;padding:12px 14px;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 4px}
.pr-min-g span{flex-basis:100%;font-size:12.5px;color:var(--muted)}
.pr-min-g b{font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.pr-min-g em{font-style:normal;font-size:13px;color:var(--ink2)}
/* segments */
.pr-segs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pr-seg{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s}
.pr-seg:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 40px -20px rgba(42,75,255,.35)}
.pr-seg-h{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:24px}
.pr-cap{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--warn);white-space:nowrap}
.pr-seg h3{margin:6px 0 0;font-size:15.5px;line-height:1.4;letter-spacing:-.02em;word-break:keep-all}
.pr-seg>p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.55;word-break:keep-all;flex:1}
.pr-seg-p{margin-top:8px}.pr-seg-p small{display:block;font-size:11.5px;color:var(--muted)}
.pr-seg-p b{font-size:22px;letter-spacing:-.03em;color:var(--ink)}
.pr-range-bar{position:relative;height:6px;border-radius:3px;background:var(--line2);margin-top:4px}
.pr-range-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--p);border-radius:3px;background:linear-gradient(90deg,var(--accent-soft),var(--accent))}
.pr-range-bar i::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--surface);border:2.5px solid var(--accent)}
.rvjs .pr-seg .pr-range-bar i{width:0;transition:width 1.1s cubic-bezier(.2,.7,.2,1) calc(var(--d,0ms) + 250ms)}
.rvjs .pr-seg.in .pr-range-bar i{width:var(--p)}
.pr-range-l{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-top:6px}
.pr-seg-cap{margin:6px 0 0!important;flex:none!important;font-size:11.5px!important;color:var(--warn)!important;background:var(--warn-soft);border-radius:8px;padding:6px 8px}
.pr-policy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.pr-pol{border-top:2px solid var(--ink);padding:20px 4px 0}
.pr-pol h3{font-size:16px;margin:14px 0 6px;letter-spacing:-.02em}.pr-pol p{margin:0;font-size:14px;color:var(--ink2);word-break:keep-all}
.pr-note{margin-top:22px}
/* calculator */
.pr-calc{margin-top:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:0;overflow:hidden;box-shadow:0 30px 60px -40px rgba(12,16,24,.35)}
.pr-calc-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.pr-calc-f{padding:28px;display:flex;flex-direction:column;gap:16px;min-width:0}
.pr-calc-gh{display:flex;flex-direction:column;gap:2px}.pr-calc-gh b{font-size:16px}.pr-calc-gh small{font-size:13px;color:var(--muted)}
.pr-calc .calc-grid{grid-template-columns:repeat(2,1fr);margin:0}
.pr-calc select,.pr-calc input[type=number]{min-height:44px;border-radius:10px;background:#FAFBFD}
.pr-more{border:1px solid var(--line);border-radius:12px;padding:0 16px}
.pr-more summary{list-style:none;cursor:pointer;padding:14px 22px 14px 0;font-weight:600;font-size:14px;position:relative}
.pr-more summary::-webkit-details-marker{display:none}
.pr-more summary small{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:6px}
.pr-more summary::after{content:"";position:absolute;right:4px;top:19px;width:8px;height:8px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.pr-more[open] summary::after{transform:rotate(-135deg);top:23px}
.pr-more .calc-grid{padding:4px 0 16px}
.pr-toggles{display:flex;flex-wrap:wrap;gap:8px}
.pr-tg{display:block;font-weight:500}
.pr-tg input{position:absolute;opacity:0;width:1px;height:1px}
.pr-tg span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--ink2);cursor:pointer;transition:all .15s}
.pr-tg span::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid var(--faint);transition:all .15s}
.pr-tg input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.pr-tg input:checked+span::before{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--accent)}
.pr-tg input:focus-visible+span{box-shadow:0 0 0 3px var(--accent-soft)}
.pr-calc-r{background:var(--bg);padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0;border-left:1px solid var(--line)}
.pr-total{position:relative;background:linear-gradient(150deg,#141A26,#1E2A52);color:#fff;border-radius:16px;padding:20px 22px;overflow:hidden}
.pr-total::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(rgba(125,147,255,.35),transparent 70%)}
.pr-total span{display:block;font-size:13px;color:#C5CCDA}.pr-total span small{color:#8C96AB;margin-left:4px}
.pr-total b{display:block;font-size:clamp(28px,3.2vw,36px);letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}
.pr-total b.bump{animation:prBump .45s ease-out}
@keyframes prBump{0%{transform:scale(1)}40%{transform:scale(1.035)}100%{transform:scale(1)}}
.pr-total em{display:inline-block;margin-top:8px;font-style:normal;font-size:11.5px;font-weight:700;color:#3BD49B;background:rgba(59,212,155,.14);padding:3px 9px;border-radius:999px}
.pr-calc .quote-box{padding:4px 18px;border-radius:14px}
.pr-calc .qf-cta{margin-top:0}
.pr-calc .qf{margin:0;border-top:1px solid var(--line);padding:28px;border-radius:0}
/* add-ons */
.pr-adds{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pr-add{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0;transition:border-color .2s,transform .2s}
.pr-add:hover{border-color:var(--accent);transform:translateX(3px)}
.pr-add-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.pr-add-t{flex:1;min-width:0;display:flex;flex-direction:column}.pr-add-t b{font-size:14.5px}.pr-add-t small{font-size:12.5px;color:var(--muted);word-break:keep-all}
.pr-add-p{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end}.pr-add-p b{font-size:15px;white-space:nowrap}.pr-add-p small{font-size:12px;color:var(--muted)}
@media (max-width:1080px){.pr-segs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.pr-struct{grid-template-columns:1fr}.pr-plus{justify-self:center;width:30px;height:30px;font-size:18px}.pr-calc-in{grid-template-columns:1fr}.pr-calc-r{border-left:0;border-top:1px solid var(--line)}.pr-policy{grid-template-columns:1fr}.pr-adds{grid-template-columns:1fr}}
@media (max-width:640px){.pr-segs{grid-template-columns:1fr 1fr}.pr-min-g{grid-template-columns:1fr 1fr}.pr-calc-f,.pr-calc-r,.pr-calc .qf{padding:20px}.pr-calc .calc-grid{grid-template-columns:1fr}.pr-nav{top:60px}}
@media (max-width:420px){.pr-segs{grid-template-columns:1fr}.pr-add{flex-wrap:wrap}.pr-add-p{flex-basis:100%;flex-direction:row;gap:4px;align-items:baseline;padding-left:52px}}
@media (prefers-reduced-motion:reduce){.pq-art *{animation:none!important}.pq-total b{opacity:0}.pq-total b:first-child{opacity:1}.pq-dots i.y{background:#3BD49B}}
.pq-quote{top:20%}
.pq-reward{top:0;right:-2%;width:40%}
.pr-calc{overflow:clip}
.pq-doc{bottom:0;right:0}.pq-tax{bottom:4%}
.pq-reward .ha-notes-h{gap:10px;white-space:nowrap}
@media (max-width:560px){.pq-art{aspect-ratio:1/1.34}.pq-reward{width:66%;right:0}.pq-quote{top:27%}.pq-doc{bottom:0}}
.st-why h2,.st-why h3,.st-why p{word-break:keep-all}.st-why .card h3{margin-top:10px}
/* startup hero mockup */
.hero-st .hero-in{padding-top:72px}
.hero-st .hero-grid h1{font-size:clamp(32px,3.9vw,54px)}
.st-art{aspect-ratio:1/1}
.st-proj{left:0;top:9%;width:76%;padding:14px 16px;animation:haFloat 8s ease-in-out infinite}
.st-live{color:#3BD49B}.st-live em{background:#3BD49B}
.st-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.st-stats>div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:7px 9px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 2px}
.st-stats small{flex-basis:100%;font-size:10.5px}
.st-stats i{font-style:normal;color:#7D8698;font-size:12px}
@property --sa{syntax:'<integer>';inherits:false;initial-value:27}
@property --sb{syntax:'<integer>';inherits:false;initial-value:12}
@property --sc{syntax:'<integer>';inherits:false;initial-value:5}
.st-n{font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.st-n::after{content:counter(v)}
.st-na{counter-reset:v var(--sa);animation:stA 12s ease-out infinite}
.st-nb{counter-reset:v var(--sb);animation:stB 12s ease-out infinite;color:#C9D2FF}
.st-nc{counter-reset:v var(--sc);animation:stC 12s steps(5,end) infinite;color:#3BD49B}
@keyframes stA{0%{--sa:0}38%,94%{--sa:27}100%{--sa:0}}
@keyframes stB{0%,8%{--sb:0}42%,94%{--sb:12}100%{--sb:0}}
@keyframes stC{0%,30%{--sc:0}55%,94%{--sc:5}100%{--sc:0}}
.st-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:10px}
.st-bar i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#2A4BFF,#3BD49B);transform-origin:left;animation:stBar 12s ease-in-out infinite}
@keyframes stBar{0%,30%{transform:scaleX(0)}55%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.st-apps{display:grid;gap:6px}
.st-app{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.03);opacity:0;animation:stIn 12s ease-out infinite}
.st-app div{flex:1;min-width:0}.st-app b{display:block;font-size:12px}.st-app small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-app em{font-style:normal;font-size:10px;font-weight:700;color:#3BD49B;background:rgba(59,212,155,.14);padding:2px 7px;border-radius:999px;white-space:nowrap}
.st-av{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:11px;font-weight:700;color:#fff}
@keyframes stIn{0%,4%{opacity:0;transform:translateY(8px)}9%,94%{opacity:1;transform:none}100%{opacity:0}}
.st-ai{right:0;top:0;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6.5s ease-in-out .5s infinite}
.st-spark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(125,147,255,.16);color:#C9D2FF;font-size:14px;animation:stSpin 4s linear infinite}
@keyframes stSpin{to{transform:rotate(360deg)}}
.st-hyp{right:0;bottom:4%;width:60%;padding:12px 14px;animation:haFloat 7s ease-in-out 1s infinite}
.st-h{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.st-h:first-of-type{border-top:0}
.st-hk{flex:none;font-size:10px;font-weight:700;color:var(--accent-on-dark);background:rgba(125,147,255,.14);border-radius:5px;padding:1px 5px}
.st-h p{flex:1;min-width:0;margin:0;font-size:11.5px;color:#C5CCDA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-v{flex:none;font-style:normal;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;opacity:0;animation:stV 12s ease-out infinite}
.st-v-ok{color:#3BD49B;background:rgba(59,212,155,.14)}
.st-v-no{color:#FF8A8A;background:rgba(255,91,91,.14)}
.st-h:nth-of-type(1) .st-v{animation-delay:0s}
@keyframes stV{0%,58%{opacity:0;transform:scale(.6)}62%{opacity:1;transform:scale(1.12)}65%,94%{opacity:1;transform:none}100%{opacity:0}}
.st-cal{left:2%;bottom:6%;display:flex;align-items:center;gap:10px;padding:10px 14px;animation:haFloat 6s ease-in-out .2s infinite}
@media (max-width:560px){.st-art{aspect-ratio:1/1.28}.st-proj{width:90%;top:12%}.st-hyp{width:78%;bottom:0}.st-cal{display:none}.st-ai{top:0}}
@media (prefers-reduced-motion:reduce){.st-art *{animation:none!important}.st-app,.st-v{opacity:1}.st-bar i{transform:none}}
.hero-st .hero-grid h1{font-size:clamp(30px,3.3vw,46px)}
@media (max-width:560px){.st-app:nth-child(3){display:none}.st-art{aspect-ratio:1/1.22}}
.hero-home.hero-st .hero-grid h1{font-size:clamp(30px,3.2vw,43px)}
/* startup example */
.ex-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:64px;align-items:center}
.ex-copy h2{margin-bottom:16px;word-break:keep-all}
.ex-copy>.muted{max-width:520px;word-break:keep-all;margin:0 0 28px}
.ex-flow{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}
.ex-flow::before{content:"";position:absolute;left:12%;right:12%;top:21px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 11px)}
.ex-flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.ex-fi{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--accent);margin-bottom:8px;box-shadow:0 0 0 6px var(--bg);transition:background .3s,color .3s}
.ex-flow li:hover .ex-fi{background:var(--accent);color:#fff;border-color:var(--accent)}
.ex-flow b{font-size:14px}.ex-flow small{font-size:12px;color:var(--muted);word-break:keep-all}
.ex-cta{display:flex;gap:10px;flex-wrap:wrap}
.ex-rcpt{position:relative;background:var(--surface);border-radius:20px;padding:24px 26px 26px;box-shadow:0 30px 60px -30px rgba(12,16,24,.28),0 0 0 1px var(--line)}
.ex-rcpt::after{content:"";position:absolute;left:18px;right:18px;bottom:-9px;height:18px;background:radial-gradient(circle at 9px 0,transparent 8px,var(--surface) 8.5px) 0 0/18px 18px repeat-x;filter:drop-shadow(0 1px 0 var(--line))}
.ex-rh{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px dashed var(--line)}
.ex-rh div{flex:1;min-width:0;display:flex;flex-direction:column}.ex-rh b{font-size:16px}.ex-rh small{font-size:12.5px;color:var(--muted)}
.ex-logo{color:var(--ink);flex:none}
.ex-ppl{display:flex;align-items:center;gap:12px;margin:16px 0 6px;padding:12px 14px;background:var(--bg);border-radius:12px}
.ex-ppl>div:last-child{display:flex;flex-direction:column}.ex-ppl b{font-size:13.5px}.ex-ppl small{font-size:12px;color:var(--muted)}
.ex-avs{display:flex}
.ex-avs span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-size:11.5px;font-weight:700;border:2px solid var(--bg);margin-left:-8px}
.ex-avs span:first-child{margin-left:0}
.rvjs .ex-avs span{opacity:0;transform:scale(.4);transition:opacity .4s,transform .45s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--d) + 300ms)}
.rvjs .ex-rcpt.in .ex-avs span{opacity:1;transform:none}
.ex-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line2)}
.ex-row div{min-width:0;display:flex;flex-direction:column}.ex-row b{font-size:14px;font-weight:600}.ex-row small{font-size:12px;color:var(--muted);word-break:keep-all}
.ex-row em{font-style:normal;font-weight:700;font-size:14.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ex-row em.inc{font-size:12px;color:var(--ok);background:var(--ok-soft);padding:3px 9px;border-radius:999px}
.rvjs .ex-row{opacity:0;transform:translateX(14px);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d)}
.rvjs .ex-rcpt.in .ex-row{opacity:1;transform:none}
.ex-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:18px 20px;border-radius:14px;background:linear-gradient(150deg,#141A26,#1E2A52);color:#fff;position:relative;overflow:hidden}
.ex-total::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-20deg);animation:exShine 5s ease-in-out 1.5s infinite}
@keyframes exShine{0%,70%{left:-80px}100%{left:110%}}
.ex-total div{display:flex;flex-direction:column}.ex-total span{font-size:14px;font-weight:600}.ex-total small{font-size:12px;color:#9AA3B5}
.ex-total b{font-size:28px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ex-note{display:flex;align-items:center;gap:6px;margin:14px 0 0;font-size:12.5px;color:var(--ink2)}.ex-note .ic{color:var(--ok)}
@media (max-width:900px){.ex-in{grid-template-columns:1fr;gap:40px}}
@media (max-width:560px){.ex-flow{grid-template-columns:1fr 1fr;row-gap:20px}.ex-flow::before{display:none}.ex-rcpt{padding:20px 18px 22px}.ex-total b{font-size:24px}}
@media (prefers-reduced-motion:reduce){.ex-total::after{animation:none;display:none}}
.ex-rcpt::after{display:none}
/* startup output report */
.ex-link{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:600;color:var(--ink2);text-decoration:none;padding:0 6px}
.ex-link:hover{color:var(--accent)}.ex-link .ic{transition:transform .2s}.ex-link:hover .ic{transform:translateX(3px)}
.ex-cta{align-items:center}
.ex-sh{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 2px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--ink2)}
.ex-sh small{font-weight:500;color:var(--muted);letter-spacing:0}
.ex-ins{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0!important}
.ex-ins b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ex-ins em{font-size:12.5px!important;color:var(--muted);font-weight:600!important}
.ex-bar{height:8px;border-radius:4px;background:var(--line2);overflow:hidden}
.ex-bar i{display:block;height:100%;width:var(--w);border-radius:4px;background:linear-gradient(90deg,var(--accent-on-dark),var(--accent))}
.rvjs .ex-rpt .ex-bar i{width:0;transition:width 1s cubic-bezier(.2,.7,.2,1) calc(var(--d,0ms) + 400ms)}
.rvjs .ex-rpt.in .ex-bar i{width:var(--w)}
.ex-ins:nth-of-type(1) .ex-bar i{--d:200ms}
.ex-q{margin:14px 0 0;padding:14px 16px 12px 18px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0;font-size:14px;line-height:1.6;color:var(--ink);word-break:keep-all}
.ex-q::before{content:"“";font-size:22px;line-height:0;color:var(--accent);margin-right:2px;vertical-align:-6px}
.ex-q cite{display:block;margin-top:6px;font-style:normal;font-size:12px;color:var(--muted)}
.rvjs .ex-q{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s;transition-delay:var(--d)}
.rvjs .ex-rpt.in .ex-q{opacity:1;transform:none}
.ex-hyp{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ex-hc{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px}
.ex-hc b{font-weight:600;color:var(--ink2)}
.ex-hc em{font-style:normal;font-weight:700;font-size:11px;padding:2px 8px;border-radius:999px}
.ex-hc em.ok{color:var(--ok);background:var(--ok-soft)}.ex-hc em.no{color:var(--bad);background:var(--bad-soft)}
.rvjs .ex-hc{opacity:0;transform:scale(.9);transition:opacity .4s,transform .4s}
.rvjs .ex-rpt.in .ex-hc{opacity:1;transform:none}
.rvjs .ex-rpt.in .ex-hc:nth-child(1){transition-delay:.75s}.rvjs .ex-rpt.in .ex-hc:nth-child(2){transition-delay:.9s}.rvjs .ex-rpt.in .ex-hc:nth-child(3){transition-delay:1.05s}
.ex-act{font-size:17px!important;letter-spacing:-.02em!important;text-align:right;word-break:keep-all}
@media (max-width:420px){.ex-ins{grid-template-columns:1fr auto}.ex-ins .ex-bar{grid-column:1/-1;grid-row:2}}
.ex-ppl small,.ex-total small{word-break:keep-all}
@media (max-width:560px){.ex-rpt .ex-total{flex-direction:column;align-items:flex-start;gap:6px}.ex-act{text-align:left}}
/* audit log */
.au-f{padding:14px 16px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.au-f label{min-width:140px}
.au-t{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}
.au-a{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--bg);color:var(--ink2)}
.au-room,.au-transcript,.au-report,.au-summary{background:var(--accent-soft);color:var(--accent-ink)}
.au-proof{background:var(--warn-soft);color:var(--warn)}
.au-member,.au-org{background:#F1ECFF;color:#5B3CC4}
.au-credit{background:var(--ok-soft);color:var(--ok)}
.au-retention,.au-audit{background:var(--bad-soft);color:var(--bad)}
/* credit */
.fs{border:1px solid var(--line);border-radius:10px;padding:10px 14px 14px;margin:4px 0;display:grid;gap:10px}.fs legend{font-size:13px;font-weight:600;padding:0 4px}
.cr-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px;margin-bottom:16px}
.cr-bal{background:linear-gradient(150deg,#141A26,#1E2A52);color:#fff;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}
.cr-bal::after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(rgba(125,147,255,.35),transparent 70%)}
.cr-bal span{font-size:13px;color:#C5CCDA}.cr-bal b{font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cr-bal small{font-size:12px;color:#9AA3B5}
.cr-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cr-sum .kpi{margin:0}
.cr-prev{background:var(--bg);border-radius:10px;padding:2px 14px}
.cr-tiers td{padding:8px 4px}
@media (max-width:760px){.cr-top{grid-template-columns:1fr}.cr-sum{grid-template-columns:1fr 1fr 1fr}}
/* usage report */
.um-sel{width:auto;min-width:140px}
.us-print-h{display:none}
.us-trend{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;height:180px;padding:6px 4px 0}
.us-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.us-bars{flex:1;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:4px}
.us-bars i{display:block;width:14px;min-height:2px;border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.2,.7,.2,1)}
.us-bars .c,.us-leg .c{background:var(--accent)}.us-bars .s,.us-leg .s{background:#9DB0FF}
.us-col b{font-size:12px}.us-col small{font-size:11.5px;color:var(--muted)}
.us-col.on small{color:var(--accent);font-weight:700}
.us-leg{display:flex;gap:14px;margin-top:10px;font-size:12px;color:var(--muted)}.us-leg span{display:flex;align-items:center;gap:6px}.us-leg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.us-inv{margin-top:8px;border-top:1px dashed var(--line);padding-top:4px}
@media print{.side,.app-top,.ph-act,.gnb{display:none!important}.us-print-h{display:block;font-size:13px;margin-bottom:10px}.app-main,.main{padding:0!important}.panel{break-inside:avoid}}
.rt-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--bg);border-radius:10px;padding:12px}
.rt-box>div{display:flex;flex-direction:column}.rt-box b{font-size:20px;letter-spacing:-.02em}.rt-box b.warn{color:var(--warn)}.rt-box small{font-size:12px;color:var(--muted)}
.rt-box .help{grid-column:1/-1;margin:2px 0 0}
.sso-dom{display:flex;align-items:center;gap:10px;background:var(--bg);border-radius:10px;padding:10px 14px}.sso-dom span:first-child{font-size:12.5px;color:var(--muted)}.sso-dom b{font-size:15px}
/* app layout: keep wide tables inside their panels on small screens */
.cols2>*,.cols-eq>*{min-width:0}
.panel{min-width:0}.panel-b.np{overflow-x:auto}
.cr-sum{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.cr-sum .kpi b{font-size:16px}.cr-bal b{font-size:24px}}
.cr-split{display:flex;gap:14px;font-size:12.5px;color:#C5CCDA;margin-top:2px}.cr-split span{display:inline-flex;align-items:center;gap:6px}
.cr-split span:first-child::before,.cr-split span:last-child::before{content:"";width:8px;height:8px;border-radius:50%;background:#7D93FF}.cr-split span:last-child::before{background:#3BD49B}
.cr-policy{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:10px;font-size:13px;color:var(--ink2);line-height:1.6}
.cr-policy li{padding-left:16px;position:relative;word-break:keep-all}.cr-policy li::before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.cr-policy b{color:var(--ink);font-weight:600}
.cr-exp{display:flex;align-items:center;gap:8px;background:var(--ok-soft);color:var(--ok);border-radius:8px;padding:8px 12px;font-size:13px;margin-bottom:10px}.cr-exp b{color:var(--ink)}
/* login: microsoft & email */
#msbtn{margin-top:8px}
.or-line{display:flex;align-items:center;gap:10px;margin:18px 0 12px;font-size:12px;color:var(--muted)}.or-line::before,.or-line::after{content:"";flex:1;height:1px;background:var(--line)}
.em-form{display:grid;gap:8px}.em-row{display:flex;gap:8px}.em-row input{flex:1;min-width:0;height:46px}.em-row .btn{height:46px;flex:none}
.em-form .help{margin:0;font-size:12px}
.oidc{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:0 14px}
.oidc summary{list-style:none;cursor:pointer;padding:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.oidc summary::-webkit-details-marker{display:none}
.oidc summary small{flex-basis:100%;font-size:12px;color:var(--muted)}
.oidc form{padding:4px 0 14px}
.copy-in{display:flex;gap:6px}.copy-in input{flex:1;min-width:0;font-size:12.5px;background:var(--bg)}
.rd-box{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;background:var(--bg);border-radius:10px;padding:12px 14px;margin-bottom:8px;font-size:12.5px}.rd-box span{color:var(--muted)}.rd-box code{font-size:12px;overflow-wrap:anywhere;user-select:all}
.ik-g{margin:16px 0 6px;font-size:13.5px}
.ik{margin:0 0 10px}.ik label{display:flex;flex-direction:column;gap:6px;font-size:13px}
.ik-row{display:flex;gap:6px}.ik-row input{flex:1;min-width:0}
@media (max-width:560px){.rd-box{grid-template-columns:1fr}}
.ik label>.tag{align-self:flex-start}
/* email login steps */
.em-box{display:grid;gap:10px}
.em-step{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}
.em-l{font-size:13.5px;font-weight:700;color:var(--ink)}
.em-step input{height:48px;font-size:15px}
.em-code{text-align:center;font-size:26px!important;letter-spacing:.5em;font-weight:700;height:58px!important;font-variant-numeric:tabular-nums}
.em-wide{width:100%;height:48px;font-size:15px}
.em-to{margin:0;font-size:13px;color:var(--ink2);word-break:keep-all}
.em-links{display:flex;justify-content:space-between}
.em-link{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px;justify-self:start}
.em-msg{margin:0;font-size:12.5px}.em-msg.em-bad{color:var(--bad);font-weight:600}
.ik-secret{-webkit-text-security:disc;text-security:disc}
/* 스크리너 문항 카드: 모바일에서 줄바꿈 */
.qcard{min-width:0}
@media (max-width:640px){
  .qcard{padding:12px}
  .qcard-h{flex-wrap:wrap}
  .qcard-h select{flex:1 1 120px;width:auto!important;min-width:0}
  .qcard-h>span[style*="margin-left:auto"]{margin-left:0!important;width:100%;justify-content:flex-end}
  .opt{grid-template-columns:minmax(0,1fr) 92px 32px;gap:6px}
  .opt input,.opt select{min-width:0}
}
/* 모바일 표: 글자 단위로 줄바꿈되지 않도록 최소 폭을 두고 가로 스크롤 */
@media (max-width:640px){
  .tw .table{min-width:600px}
  .tw .table td,.tw .table th{word-break:keep-all}
}
/* 새 프로젝트 퀴즈형 등록 */
.pq{max-width:640px;margin:0 auto;padding:8px 0 40px;min-height:70vh}
.pq-top{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.pq-back{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;flex:none;color:var(--ink)}
.pq-back:hover{border-color:var(--ink)}
.pq-bar{flex:1;height:8px;border-radius:999px;background:var(--line2);overflow:hidden}
.pq-bar i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}
.pq-n{font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.pq-q{font-size:clamp(22px,3.4vw,29px);line-height:1.32;font-weight:800;letter-spacing:-.03em;margin:0 0 8px;text-wrap:balance}
.pq-sub{color:var(--muted);margin:0 0 4px;font-size:15px;line-height:1.6}
.pq-opts{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.pq-opt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;width:100%;min-height:62px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,background .15s,transform .1s}
.pq-opt b{font-size:16.5px;font-weight:700;display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%}
.pq-price{font-style:normal;font-size:15px;font-weight:700;color:var(--accent);white-space:nowrap}
.pq-opt span{font-size:13.5px;color:var(--muted);font-weight:500}
.pq-opt:hover{border-color:var(--ink)}
.pq-opt:active{transform:scale(.99)}
.pq-opt.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.pq-in{width:100%;margin-top:20px;font-size:16.5px;padding:14px 16px;border-radius:12px;line-height:1.55}
textarea.pq-in{resize:vertical;min-height:96px}
.pq-ex{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.pq-ex>span{width:100%;font-size:12.5px;color:var(--muted)}
.pq-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 13px;font:inherit;font-size:13.5px;color:var(--ink2);cursor:pointer;text-align:left}
.pq-chip:hover{border-color:var(--accent);color:var(--accent)}
.pq-next{margin-top:22px;width:100%;min-height:54px;font-size:16.5px;justify-content:center}
.pq-opt-l{display:block;margin-top:18px;font-weight:600;font-size:14px}
.pq-opt-l span{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:4px}
.pq-opt-l .pq-in{margin-top:8px}
.pq-win{margin-top:18px}
.pq-sum{margin-top:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.pq-sum .pq-row{display:grid;grid-template-columns:96px minmax(0,1fr) 16px;gap:12px;align-items:center;width:100%;padding:13px 16px;border:0;border-bottom:1px solid var(--line2);background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.pq-sum .pq-row:last-child{border-bottom:0}
.pq-sum .pq-row:hover{background:var(--bg)}
.pq-sum .pq-row span{font-size:13px;color:var(--muted)}
.pq-sum .pq-row b{font-weight:600;font-size:14.5px;word-break:keep-all;overflow-wrap:anywhere}
.pq-sum .pq-row .ic{color:var(--faint)}
.pq-est{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:16px;border-radius:14px;background:var(--navy);color:#fff}
.pq-est span{font-size:14px;font-weight:600}
.pq-est small{display:block;font-weight:400;font-size:12px;color:rgba(255,255,255,.65);margin-top:2px}
.pq-est b{font-size:22px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.pq-cta{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.pq-cta .btn{justify-content:center;min-height:52px}
.pq-alt{margin-top:28px;text-align:center;font-size:12.5px;color:var(--muted)}
.pq-alt a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.pq-sum .pq-row{grid-template-columns:78px minmax(0,1fr) 14px;padding:12px 14px}.pq-est b{font-size:19px}}

/* ───────── 모바일 앱형 화면: 하단 탭바·간결한 상단바·시트형 메뉴 ───────── */
.tabbar,.side-dim{display:none}
.who-btn{border:0;background:none;padding:0;cursor:default;border-radius:50%}
@media (max-width:860px){
  body.app{background:var(--bg);-webkit-tap-highlight-color:transparent}
  .desk-only,.menu-btn{display:none!important}
  .app-top{padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));height:calc(56px + env(safe-area-inset-top));background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(12,16,24,.06)}
  .app-top .logo-txt small{display:none}
  .who-btn{cursor:pointer}
  .who .avatar{width:34px;height:34px}
  .main{padding:16px 16px calc(96px + env(safe-area-inset-bottom))}
  /* 하단 탭바 */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);border-top:1px solid rgba(12,16,24,.07);padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right))}
  .tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;border:0;background:none;font:inherit;color:#8A93A6;text-decoration:none;cursor:pointer;border-radius:12px;transition:color .15s}
  .tab span{font-size:10.5px;font-weight:600;letter-spacing:-.01em}
  .tab .ic{stroke-width:1.7;transition:transform .15s}
  .tab.on{color:var(--ink)}
  .tab.on .ic{stroke-width:2}
  .tab.on .ic path,.tab.on .ic rect,.tab.on .ic circle{fill:currentColor;fill-opacity:.1}
  .tab.on::before{content:"";position:absolute;top:-6px;width:20px;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}
  .tab:active .ic{transform:scale(.9)}
  .tab em{position:absolute;top:5px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--bad);color:#fff;font-size:10px;font-style:normal;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px #fff}
  .tab-fab i{display:grid;place-items:center;width:46px;height:46px;margin-top:-20px;border-radius:16px;background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(42,75,255,.35)}
  .tab-fab .ic{stroke-width:2.2}
  .tab-fab span{color:var(--ink2);margin-top:1px}
  /* 시트형 전체 메뉴 */
  .side{top:auto!important;left:0;right:0;bottom:0;width:auto!important;max-height:82vh;border-radius:22px 22px 0 0;border-right:0;padding:10px 14px calc(96px + env(safe-area-inset-bottom));transform:translateY(105%)!important;visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;box-shadow:0 -10px 40px rgba(12,16,24,.18);z-index:44}
  .side::before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:var(--line);margin:2px auto 10px}
  body.side-open .side{transform:none!important;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
  .side-dim{display:block;position:fixed;inset:0;z-index:43;background:rgba(12,16,24,.35);opacity:0;pointer-events:none;transition:opacity .2s}
  body.side-open .side-dim{opacity:1;pointer-events:auto}
  .side a{padding:12px 12px;font-size:15px;border-radius:12px}
  .side h6{margin:12px 12px 4px}
  .side-me{display:flex;align-items:center;gap:12px;padding:8px 12px 14px;border-bottom:1px solid var(--line2);margin-bottom:4px}
  .side-me .avatar{width:42px;height:42px;font-size:16px}
  .side-me b{display:block;font-size:15px}
  .side-me small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
  .side-foot{border-top:1px solid var(--line2);margin-top:10px;padding-top:8px}
  .side-foot a{color:var(--muted)}
  /* 화면 요소를 앱 카드처럼 */
  .ph{margin-bottom:16px}
  .ph h1{font-size:22px;letter-spacing:-.02em}
  .ph .k{font-size:12px}
  .panel{border-radius:18px;border-color:rgba(12,16,24,.06);box-shadow:0 1px 2px rgba(12,16,24,.04)}
  .kpi{border-radius:16px}
  .tabs{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:20;margin:0 -16px 16px;padding:8px 16px;gap:8px;border-bottom:0;background:rgba(243,245,249,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);margin:0;font-size:13.5px}
  .tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
  .btn{min-height:44px}
  .btn-sm{min-height:36px}
  .pq{padding-top:0}
  .pq-cta{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent);padding-top:12px}
}
@media (max-width:860px) and (display-mode:standalone){.app-top{background:rgba(255,255,255,.96)}}
/* 스크리너 편집: 간결한 카드형 */
.sq{max-width:780px}
.sq-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.sq-head b{font-size:17px;margin-right:10px}
.sq-head span{color:var(--muted);font-size:13px}
.sq-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px!important;font-weight:600}
.sq-badge.ok{background:var(--ok-soft);color:var(--ok)!important}
.sq-badge.warn{background:var(--warn-soft);color:var(--warn)!important}
.sq-note{background:var(--warn-soft);color:#7A4B00;border-radius:12px;padding:10px 14px;font-size:13.5px;margin-bottom:12px;display:grid;gap:4px}
.sq-tips{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:14px}
.sq-tips summary{cursor:pointer;padding:12px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;list-style:none;color:var(--ink2)}
.sq-tips summary::-webkit-details-marker{display:none}
.sq-tips summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.sq-tips[open] summary::after{transform:rotate(225deg) translateY(-2px)}
.sq-tips ul{margin:0;padding:0 16px 8px 36px;display:grid;gap:6px;font-size:14px;color:var(--ink2);line-height:1.6}
.sq-tips a{display:inline-block;margin:0 16px 14px;font-size:13px;color:var(--accent)}
#qs{display:grid;gap:12px}
.sq-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;min-width:0}
.sq-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.sq-n{font-weight:800;color:var(--accent);font-size:15px;margin-right:2px}
.sq-sel{width:auto!important;min-width:0;padding:6px 28px 6px 12px!important;font-size:13px!important;border-radius:999px!important;background-color:var(--bg)!important;border-color:transparent!important;min-height:0!important;height:32px}
.sq-tools{margin-left:auto;display:flex;gap:4px}
.sq-ib{width:32px;height:32px;border-radius:9px;border:1px solid transparent;background:none;display:grid;place-items:center;color:var(--muted);cursor:pointer;flex:none}
.sq-ib:hover:not(:disabled){background:var(--bg);color:var(--ink)}
.sq-ib:disabled{opacity:.3;cursor:default}
.sq-text{width:100%;font-size:16px!important;line-height:1.55;font-weight:600;border:0!important;padding:4px 0!important;background:none!important;resize:none;box-shadow:none!important;color:var(--ink);min-height:0}
.sq-text:focus{outline:none;box-shadow:inset 0 -2px 0 var(--accent)!important}
.sq-help{margin:6px 0 0;font-size:13px;color:var(--muted)}
.sq-opts{display:grid;gap:8px;margin-top:10px}
.sq-opt{display:grid;grid-template-columns:4px minmax(0,1fr) auto 32px;align-items:center;gap:10px;background:var(--bg);border-radius:12px;padding:6px 6px 6px 0;overflow:hidden}
.sq-opt>i{align-self:stretch;border-radius:0 3px 3px 0;background:var(--faint)}
.sq-opt.r-accept>i{background:var(--ok)}.sq-opt.r-reject>i{background:var(--bad)}.sq-opt.r-neutral>i{background:#B7BFCE}
.sq-opt input{border:0!important;background:none!important;font-size:15px!important;padding:8px 0!important;min-width:0;box-shadow:none!important}
.sq-opt input:focus{outline:none}
.sq-rule{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px}
.sq-rule button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);padding:5px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
.sq-rule button.on{color:#fff}
.r-accept .sq-rule button.on{background:var(--ok)}.r-neutral .sq-rule button.on{background:#8A93A6}.r-reject .sq-rule button.on{background:var(--bad)}
.sq-add{justify-self:start;display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--line);background:none;border-radius:10px;padding:8px 12px;font:inherit;font-size:13.5px;color:var(--muted);cursor:pointer}
.sq-add:hover{color:var(--accent);border-color:var(--accent)}
.sq-warn{margin-top:10px;display:grid;gap:4px;font-size:13px;color:#8A5300}
.sq-warn div{display:flex;gap:6px;align-items:flex-start}
.sq-warn .ic{flex:none;margin-top:3px}
.sq-bar{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.sq-bar #saveq{margin-left:auto}
@media (max-width:860px){
  .sq-card{padding:14px}
  .sq-opt{grid-template-columns:4px minmax(0,1fr) 32px;grid-template-areas:"bar in rm" "bar rule rule";row-gap:2px;padding-bottom:8px}
  .sq-opt>i{grid-area:bar}.sq-opt input{grid-area:in}.sq-opt .sq-rule{grid-area:rule;justify-self:start}.sq-opt [data-orm]{grid-area:rm}
  .sq-bar{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 75%,transparent);padding-top:14px;margin:6px -16px 0;padding-left:16px;padding-right:16px}
  .sq-bar{flex-wrap:nowrap;gap:6px;padding-bottom:4px}
  .sq-bar .btn{flex:none;padding-left:12px;padding-right:12px;font-size:13.5px}
  .sq-bar #saveq{flex:1;margin-left:0}
}
/* 인터뷰룸 배경·보정 시트 */
.fx-sheet{position:fixed;inset:0;z-index:80;background:rgba(5,8,14,.45);display:flex;align-items:flex-end;justify-content:flex-end;padding:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.fx-in{width:min(380px,100%);background:#141A26;color:#E9EDF5;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 18px 14px;box-shadow:0 20px 50px rgba(0,0,0,.45);max-height:80vh;overflow:auto}
.fx-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.fx-h b{display:flex;align-items:center;gap:8px;font-size:15.5px}
.fx-x{width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.06);color:#C9D1E0;display:grid;place-items:center;cursor:pointer}
.fx-row{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.fx-l{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13.5px;font-weight:600}
.fx-l em{font-style:normal;color:#8FA2FF;font-size:12.5px;font-weight:600}
.fx-row input[type=range]{width:100%;accent-color:#5B78FF;height:24px}
.fx-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:rgba(255,255,255,.06);border-radius:12px;padding:3px}
.fx-seg button{border:0;background:none;color:#B7C0D2;font:inherit;font-size:13.5px;font-weight:600;padding:9px 0;border-radius:9px;cursor:pointer}
.fx-seg button.on{background:#2A4BFF;color:#fff}
.fx-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0 4px}
.fx-img{display:flex;flex-direction:column;gap:5px;align-items:stretch;border:0;background:none;color:#B7C0D2;font:inherit;font-size:11.5px;cursor:pointer;padding:0;text-align:center}
.fx-img canvas,.fx-img img,.fx-img i{width:100%;aspect-ratio:16/9;height:auto;border-radius:10px;border:2px solid transparent;object-fit:cover;display:block}
.fx-img i{display:grid;place-items:center;background:rgba(255,255,255,.06);color:#C9D1E0}
.fx-img.on canvas,.fx-img.on img,.fx-img.on i{border-color:#5B78FF}
.fx-note{margin:10px 0 0;font-size:11.5px;color:#7E889C;line-height:1.5}
@media (max-width:640px){.fx-sheet{padding:0;align-items:flex-end;justify-content:stretch}.fx-in{width:100%;border-radius:20px 20px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}
#clock.warn{color:#F5A524;font-weight:600}
.call-recv{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#fff;background:#E5484D;border-radius:14px;padding:4px 10px;margin-left:auto;animation:recpulse 1.6s ease-in-out infinite}.call-recv+.call-rec{margin-left:8px}
@keyframes recpulse{50%{opacity:.7}}
.cbtn.rec-on{background:#3A1418;color:#FF8A8E;border-color:#5A1F25}.cbtn.rec-on .ic{color:#E5484D}
.rec-sheet{align-items:center;justify-content:center}.rec-sheet .fx-in{max-width:420px}
.rs-p{font-size:14px;line-height:1.6;color:#D7DCE6;margin:10px 0 0}.rs-p.dim{color:#8A93A6;font-size:13px}
.rs-act{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.rec-sheet{padding:16px;z-index:90}@media (max-width:640px){.rec-sheet{align-items:flex-end;padding:0}.rec-sheet .fx-in{max-width:none}}
.recs{display:grid;gap:10px}.rec-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:12px;border:1px solid var(--line,#E4E7EE);border-radius:12px}
.rec-m{display:grid;gap:3px;min-width:0}.rec-m small{color:var(--muted,#6B7280);font-size:12.5px}.rec-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rec-v{grid-column:1/-1}.rec-v video{width:100%;max-height:70vh;border-radius:10px;background:#000}
.rs-l{display:grid;gap:6px;margin-top:12px;font-size:13px}.rs-link{display:flex;gap:8px;margin-top:12px}.rs-link input{flex:1;min-width:0}
@media (max-width:640px){.rec-row{grid-template-columns:1fr}.rec-a{justify-content:flex-start}}

/* ───────── 디자인 다듬기: 한글 줄바꿈, 모바일 여백·버튼, 앱 지표 카드 ───────── */
/* 한글은 단어 단위로 줄을 바꾸고(메\n시지 같은 끊김 방지), 너무 긴 낱말만 쪼갭니다 */
body{word-break:keep-all;overflow-wrap:break-word}
h1,h2,h3,.h1,.h1-dark,.h2,.h3,.sec-h h2,.ph h1{text-wrap:balance}
p,li,dd,small{text-wrap:pretty}
pre,code,.mono,input,textarea{word-break:normal;overflow-wrap:anywhere}
@media (max-width:640px){
  .sec{padding:56px 0}
  .hero-in{padding:52px 20px 56px}
  .hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{justify-content:center;width:100%}
  .login-l{gap:22px}.login-l h1{margin-top:4px}
  .kpis{gap:10px}.kpi{padding:12px 14px}.kpi b{font-size:20px;margin:2px 0 0}.kpi small{display:block;line-height:1.35}
}

/* 모바일 표 → 카드 목록 */
@media (max-width:640px){
  .tw.tw-cards{overflow:visible}
  .tw.tw-cards .table{min-width:0}
  .tw.tw-cards thead{display:none}
  .tw.tw-cards .table,.tw.tw-cards tbody{display:block}
  .tw.tw-cards tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 16px;border-bottom:1px solid var(--line2)}
  .tw.tw-cards tr:last-child{border-bottom:0}
  .tw.tw-cards td{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:baseline;width:100%;padding:0;border:0;font-size:13.5px;text-align:right;word-break:keep-all}
  .tw.tw-cards td::before{content:attr(data-l);grid-column:1;grid-row:1/span 8;font-size:12px;color:var(--muted);text-align:left;font-weight:500;white-space:nowrap}
  .tw.tw-cards td>*{grid-column:2;justify-self:end;margin:0}
  .tw.tw-cards td .help{font-size:12px}
  .tw.tw-cards td[data-l=""]{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:4px}
  .tw.tw-cards td[data-l=""]::before{display:none}
  .tw.tw-cards td:first-child{display:block;text-align:left;font-size:14px;padding-bottom:4px}
  .tw.tw-cards td:first-child::before{display:none}
  .tw.tw-cards td[data-l=""]{justify-content:flex-end}
  .tw.tw-cards td:empty{display:none}
  .tw.tw-cards tr.click:active{background:#F7F8FB}
}

/* 공개 페이지 모바일 메뉴: 전체 화면 시트 */
@media (max-width:860px){
  body.nav-open{overflow:hidden}
  body.nav-open .gnb{background:var(--navy);backdrop-filter:none}
  body.nav-open .gnb-nav{position:fixed;top:64px;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:0;margin:0;padding:8px 20px calc(160px + env(safe-area-inset-bottom));background:var(--navy);overflow:auto;z-index:30;animation:navIn .22s ease}
  body.nav-open .gnb-nav a{font-size:19px;font-weight:700;color:#fff;padding:18px 2px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}
  body.nav-open .gnb-nav a::after{content:"";width:8px;height:8px;border-top:1.6px solid #6B7488;border-right:1.6px solid #6B7488;transform:rotate(45deg)}
  body.nav-open .gnb-cta{position:fixed;top:auto;left:20px;right:20px;bottom:calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;z-index:31}
  body.nav-open .gnb-cta .btn{justify-content:center;min-height:52px;font-size:15px}
  body.nav-open .gnb-cta .btn-ghost{border:1px solid rgba(255,255,255,.18);color:#fff}
  .gnb-menu span{transition:transform .2s ease}
  body.nav-open .gnb-menu span:first-child{transform:translateY(3.3px) rotate(45deg)}
  body.nav-open .gnb-menu span:last-child{transform:translateY(-3.3px) rotate(-45deg)}
}
@keyframes navIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* 메시지: 모바일에서는 목록과 대화를 한 화면씩 */
.thread-back{display:none}
@media (max-width:860px){
  .thread{min-height:0}
  .thread:not(.has-sel) .thread-r{display:none}
  .thread:not(.has-sel) .thread-l{max-height:none;border-bottom:0}
  .thread.has-sel .thread-l{display:none}
  .thread-back{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line2);text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}
  .thread-back small{font-weight:400;color:var(--muted);margin-left:4px}
  .thread-back span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
/* 프로젝트 상세 요약 칸: 모바일 2열에서 홀수 마지막 칸은 한 줄 전체 */
@media (max-width:640px){
  .spec>div:last-child:nth-child(odd){grid-column:1/-1}
  .spec dd{font-size:15px;line-height:1.45}
}
.nw{white-space:nowrap}
@media (max-width:640px){
  .pr-min{flex-direction:column;align-items:stretch;gap:14px;padding:18px}
  .pr-min-h{min-width:0}
  .pr-min-g{grid-template-columns:1fr 1fr}
  .pr-min-g>div{flex-wrap:nowrap;white-space:nowrap}
  .pr-min-g span{flex-basis:auto;margin-right:auto}
  .pr-min-g b{font-size:20px}
}
@media (max-width:640px){
  .tw.tw-cards td:first-child,.tw.tw-cards td:first-child *{text-align:left;justify-self:start}
  .tw.tw-cards td:first-child .help{margin-top:2px}
  .cr-sum .kpi b{white-space:nowrap;font-size:15px}
}
/* 회의실 입장 화면 */
.ai-opt{flex-direction:row}.ai-opt b{color:#fff;font-size:14px}
@media (max-width:860px){
  .rm-pre{padding-bottom:0}
  .pre-r .row:has(#p-join){position:sticky;bottom:0;z-index:5;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,#0B0F17 70%,rgba(11,15,23,0));flex-wrap:nowrap}
  .pre-r .row:has(#p-join) .btn{flex:1;justify-content:center;min-height:50px}
  .pre-r .row:has(#p-join) .btn-ghost{flex:0 0 auto}
}
/* 좌담회: 7~10명 화면 배치 */
.call-grid[data-n="7"],.call-grid[data-n="8"]{grid-template-columns:repeat(4,1fr)}
.call-grid[data-n="9"],.call-grid[data-n="10"]{grid-template-columns:repeat(4,1fr)}
@media (max-width:860px){
  .call-grid[data-n="3"],.call-grid[data-n="4"]{grid-template-columns:1fr 1fr}
  .call-grid[data-n="5"],.call-grid[data-n="6"],.call-grid[data-n="7"],.call-grid[data-n="8"],.call-grid[data-n="9"],.call-grid[data-n="10"]{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(120px,1fr);overflow:auto}
}
@media (max-width:640px){.docbox{padding:20px!important}.docbox .table{min-width:0}}

/* 지원자 카드: 서술형 응답 미리보기·설명 대조 */
.ap-quote{margin:10px 0 6px;padding:10px 14px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 10px 10px 0;font-size:14px;line-height:1.6;color:var(--ink)}
.ap-hint{margin:10px 0 0}
.ap-wait{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--bg);color:var(--ink2);font-size:13.5px;line-height:1.55}
.ap-wait .ic{flex:none;margin-top:2px;color:var(--accent)}
.pa-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.pa-row{grid-template-columns:1fr}}
/* 안내 메시지 위치: 회의실에서는 위쪽(입장 버튼을 가리지 않게), 모바일 앱에서는 하단 탭 위 */
.room-body .toast{top:calc(76px + env(safe-area-inset-top,0px));bottom:auto;max-width:min(92vw,520px);text-align:center}
@media (max-width:860px){body.app:not(.room-body) .toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}

/* 취소·환불 정책 */
.legal h3.h4{font-size:16px;font-weight:700;margin:22px 0 8px;color:var(--ink)}
.legal ul{margin:0 0 12px;padding-left:20px;color:var(--ink2);line-height:1.75}
.rf-t{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}
.rf-t th,.rf-t td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.6}
.rf-t th{background:var(--bg);font-weight:700;color:var(--ink)}
.rf-t td:first-child{width:34%;font-weight:600;color:var(--ink)}
@media (max-width:560px){.rf-t td:first-child{width:40%}.rf-t{font-size:13px}}
.rf-sum{margin-top:28px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.rf-sum h3{font-size:18px;margin:0 0 10px}
.rf-sum ul{margin:0 0 16px;padding-left:18px;display:grid;gap:6px;color:var(--ink2);font-size:14.5px;line-height:1.6}
.rf-sum b{color:var(--ink);margin-right:6px}
/* iOS는 16px 미만 입력란을 누르면 화면을 확대한 채로 두므로, 모바일 입력란은 16px 이상 */
@media (max-width:860px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}}
/* 청구서·견적서·정산서 문서 화면 */
body.doc-body{background:#EEF1F6}
.ivd-wrap{max-width:860px;margin:0 auto;padding:24px 16px 56px}
.ivd-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:14px}
.ivd-bar .r{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ivd-st{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#FFF4E5;color:#9A5B00;font-size:12.5px;font-weight:700}
.ivd-st.ok{background:#E7F6EE;color:#137A43}.ivd-st.off{background:#EEF0F4;color:var(--muted)}
.ivd{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:48px 52px;color:var(--ink);font-size:13px;line-height:1.6;box-shadow:0 10px 30px rgba(12,16,24,.06)}
.ivd .logo{color:var(--ink)}
.ivd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:3px solid var(--ink);padding-bottom:18px}
.ivd-title{text-align:right}
.ivd-title h1{margin:0 0 4px;font-size:30px;letter-spacing:.42em;margin-right:-.42em;font-weight:800}
.ivd-meta{color:var(--muted);font-size:12px;line-height:1.7}
.ivd-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 16px}
.ivd-box{border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:0}
.ivd-box h2{font-size:11.5px;letter-spacing:.14em;color:var(--accent);margin:0 0 8px;font-weight:700}
.ivd-box .to{font-size:16px;font-weight:800;margin-bottom:6px;word-break:keep-all}
.ivd-box table{width:100%;border-collapse:collapse}
.ivd-box th{width:82px;text-align:left;color:var(--muted);font-weight:500;padding:2px 0;vertical-align:top;white-space:nowrap}
.ivd-box td{padding:2px 0;word-break:keep-all;overflow-wrap:break-word}
.ivd-in{position:relative;display:inline-block;margin-left:8px;color:var(--muted)}
.ivd-seal{position:absolute;left:50%;top:50%;width:52px;max-width:none;height:auto;transform:translate(-50%,-50%) rotate(-6deg);mix-blend-mode:multiply;opacity:.9;pointer-events:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ivd-info{display:grid;grid-template-columns:2fr 1fr 1.3fr;margin:0 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ivd-info div{padding:10px 12px;min-width:0}.ivd-info div+div{border-left:1px solid var(--line)}
.ivd-info dt{font-size:11.5px;color:var(--muted);margin-bottom:2px}.ivd-info dd{margin:0;font-weight:600;word-break:keep-all}
.ivd-info dd span{color:var(--muted);font-weight:500;font-size:12px;margin-left:4px}
.ivd-total{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--ink);color:#fff;border-radius:10px;padding:16px 20px;margin:0 0 18px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ivd-total>span{color:#B8C0CF;font-size:12.5px}
.ivd-total div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.ivd-total .ko{color:#9DB2FF;font-weight:700;font-size:13px}
.ivd-total b{font-size:22px;letter-spacing:-.02em}
.ivd-t{width:100%;border-collapse:collapse;margin-bottom:8px}
.ivd-t th{background:#F3F5F9;font-size:12px;color:var(--ink2);text-align:left;padding:9px 10px;border-top:1px solid var(--ink);font-weight:600;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ivd-t td{padding:10px;border-bottom:1px solid var(--line2);vertical-align:top}
.ivd-t td small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px;font-weight:400}
.ivd-t .n{text-align:right;white-space:nowrap}
.ivd-t tr.sum td{border-bottom:0;padding:5px 10px}.ivd-t tr.sum td:first-child{text-align:right;color:var(--muted)}
.ivd-t tr.grand td{border-top:2px solid var(--ink);font-weight:800;font-size:14.5px;padding-top:10px}.ivd-t tr.grand td:first-child{color:var(--ink)}
.ivd-pay{margin:18px 0 0}
.ivd-pay h3,.ivd-notes h3{font-size:12.5px;margin:0 0 8px;font-weight:700}
.ivd-pay-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.ivd-pm{border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.ivd-pm b{display:flex;align-items:center;gap:6px;font-size:13.5px;margin-bottom:4px}.ivd-pm .ic{color:var(--accent)}
.ivd-pm p{margin:0;color:var(--ink2);font-size:12.5px}
.ivd-paid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;border:1px solid var(--line);border-radius:10px}
.ivd-paid div{padding:10px 14px}.ivd-paid div+div{border-left:1px solid var(--line)}
.ivd-paid dt{font-size:11.5px;color:var(--muted)}.ivd-paid dd{margin:0;font-weight:700}
.ivd-notes{margin:18px 0 0;padding:14px 16px;background:#F7F8FB;border-radius:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ivd-notes ol{margin:0;padding-left:18px;color:var(--ink2)}.ivd-notes li{margin:2px 0}.ivd-notes a{color:var(--accent)}
.ivd-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:26px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.ivd-stamp{position:absolute;top:118px;right:250px;transform:rotate(-8deg);border:3px solid #1F8F55;color:#1F8F55;border-radius:10px;padding:6px 14px;font-weight:800;font-size:16px;letter-spacing:.06em;text-align:center;opacity:.85;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ivd-stamp small{display:block;font-size:11px;font-weight:600;letter-spacing:0}
@media (max-width:640px){
  .ivd{padding:26px 18px;border-radius:12px}
  .ivd-head{flex-direction:column;align-items:flex-start}.ivd-title{text-align:left}.ivd-title h1{font-size:24px}
  .ivd-parties{grid-template-columns:1fr}
  .ivd-info{grid-template-columns:1fr}.ivd-info div+div{border-left:0;border-top:1px solid var(--line)}
  .ivd-t,.ivd-t tbody{display:block}.ivd-t thead{display:none}.ivd-t tr{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line2)}.ivd-t td{border-bottom:0}
  .ivd-t tr:first-child{border-top:1px solid var(--ink)}.ivd-t td:first-child{flex:1;min-width:0}.ivd-t tr:not(.sum) td:nth-child(2),.ivd-t tr:not(.sum) td:nth-child(3){display:none}
  .ivd-t tr.sum{border-bottom:0}.ivd-t tr.grand{border-top:2px solid var(--ink)}.ivd-t tr.grand td{border-top:0}
  .ivd-foot{flex-direction:column;align-items:flex-start;gap:6px}
  .ivd-t tr.sum td:first-child,.ivd-t tr.grand td:first-child{text-align:right}
  .ivd-paid div+div{border-left:0;border-top:1px solid var(--line)}
  .ivd-stamp{top:18px;right:16px;font-size:13px}
  .ivd-total b{font-size:19px}
}
@media print{
  body.doc-body{background:#fff}.no-print{display:none!important}
  .ivd-wrap{max-width:none;padding:0}.ivd{border:0;border-radius:0;padding:0;box-shadow:none}
  @page{size:A4;margin:14mm}
}

/* 지원 단계 녹화 사전 동의 */
.rec-pre{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}
.rec-pre input{margin-top:3px;flex:none;width:18px;height:18px}
.rec-pre b{display:flex;align-items:center;gap:6px;font-size:14px}.rec-pre b .ic{color:var(--bad)}
.rec-pre b small{color:var(--muted);font-weight:500}
.rec-pre span>small{display:block;color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:4px}

/* 실사 장면 이미지 */
.scene-img{display:block;width:100%;height:100%;object-fit:cover;background:#E9EDF3}
.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.scene-card{margin:0;border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.scene-card .scene-img{aspect-ratio:4/3;height:auto}
.scene-card figcaption{display:flex;flex-direction:column;gap:3px;padding:14px 16px 16px}
.scene-card figcaption b{font-size:15.5px;color:var(--ink)}
.scene-card figcaption span{font-size:13.5px;color:var(--muted);line-height:1.55}
.photo-band{position:relative;margin:24px 0 28px;border-radius:18px;overflow:hidden;height:clamp(220px,30vw,380px);background:#E9EDF3}
.photo-band::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(12,16,24,.55),rgba(12,16,24,0));pointer-events:none}
.photo-band figcaption{position:absolute;left:20px;bottom:16px;right:20px;z-index:1;color:#fff;font-size:14.5px;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 6px rgba(0,0,0,.25)}
@media (max-width:860px){.scene-grid{grid-template-columns:1fr;gap:14px}.photo-band{height:220px;border-radius:14px}.photo-band figcaption{font-size:13.5px;left:16px;bottom:12px}}

/* 요금 페이지 견적 계산 퀴즈 */
.eq-r{position:sticky;top:132px;display:flex;flex-direction:column;gap:14px}
.eq .pq-top{margin-bottom:22px}
.eq .pq-q{font-size:clamp(20px,2.4vw,25px)}
.eq .pq-opts{margin-top:18px}
.pq-opt .eq-ol{display:inline-flex;align-items:center;gap:8px;font-size:inherit;color:inherit;font-weight:inherit}
.eq-rec{font-style:normal;font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:999px}
.eq .pq-price{font-variant-numeric:tabular-nums}
.eq-link{appearance:none;border:0;background:none;padding:0;font:inherit;font-size:13.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.eq-link:hover{color:var(--ink)}
.eq>.eq-link{margin-top:18px}
.eq-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 0}
.eq-dl>div{border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:0}
.eq-dl dt{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-dl dd{margin:2px 0 0}
.eq-dl button{appearance:none;border:0;background:none;padding:0;font:inherit;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;text-align:left}
.eq-dl button small{font-size:12px;font-weight:600;color:var(--accent);flex:none}
.eq-tg{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.eq-act{display:flex;margin-top:20px}.eq-act .btn{flex:1}
.eq-q{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:border-color .15s,background .15s}
.eq-q.on{border-color:var(--accent);background:var(--accent-soft)}
.eq-qh{display:flex!important;flex-direction:row!important;gap:12px;align-items:flex-start;cursor:pointer;margin:0;font-weight:400}
.eq-qh input{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:2px 0 0!important;accent-color:var(--accent);flex:none}
.eq-qh b{display:block;font-size:15px}.eq-qh small{display:block;font-size:13px;color:var(--ink2);margin-top:2px}
.eq-qb{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.eq-qb .btn{width:100%}
.eq-qalt{display:flex;justify-content:center;gap:18px;font-size:13.5px}
.eq-qalt a{color:var(--muted)}
.eq-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.eq-sum{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.eq-sum li{font-size:12.5px;padding:5px 10px;border-radius:999px;border:1px dashed var(--line);color:var(--muted)}
.eq-sum li.on{border-style:solid;border-color:var(--ink);color:var(--ink);font-weight:600}
.eq-bd{border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.eq-bd summary{cursor:pointer;padding:12px 16px;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.eq-bd summary::after{content:"+";color:var(--muted)}.eq-bd[open] summary::after{content:"−"}
.eq-bd summary::-webkit-details-marker{display:none}
.eq-bd .quote-box{border:0;border-top:1px solid var(--line);border-radius:0 0 14px 14px}
#eq-form{display:flex;flex-direction:column;gap:16px}#eq-form[hidden]{display:none}
@media (max-width:900px){.eq-r{position:static}.pr-calc-r{order:-1;border-left:0;border-top:0;border-bottom:1px solid var(--line)}.eq-sum,.pr-calc-r .qf-cta{display:none}}
@media (max-width:520px){.eq-dl{grid-template-columns:1fr}.eq-links{flex-direction:column;align-items:flex-start}}

/* 견적서: 사업자등록증 자동 입력 */
.qf-cert{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin:0 0 12px;border:1px dashed var(--line);border-radius:14px;background:var(--bg)}
.qf-cert-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--accent-soft);color:var(--accent);flex:none}
.qf-cert-t{flex:1 1 260px;min-width:0}.qf-cert-t b{display:block;font-size:14.5px}.qf-cert-t em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--muted);margin-left:4px}
.qf-cert-t small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.5}
#qf-cert-msg{margin:0 0 12px}
.qf input.qf-auto{background:var(--accent-soft);border-color:var(--accent)}
.qn-ok{background:var(--ok-soft);color:var(--ok)}.qn-info{background:var(--accent-soft);color:var(--accent-ink)}
.gov-note{display:flex;flex-direction:column;gap:8px;padding:12px 14px;margin:-4px 0 4px 26px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.hero-home .hero-grid h1.h1-long{font-size:clamp(26px,2.4vw,34px);line-height:1.25;word-break:keep-all}
@media (max-width:600px){.hero h1.h1-long br{display:none}.hero h1.h1-long{text-wrap:balance}}
.idv-st{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.idv-st>div:first-child{display:flex;flex-direction:column;gap:2px}.idv-st b{font-size:17px;letter-spacing:.01em}
.idv-tags{display:flex;gap:6px;flex-wrap:wrap}.idv-act{display:flex;gap:8px;flex-wrap:wrap}.idv-f{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
/* 가입 역할 선택: 기업 고객(블루)과 인터뷰 참가자(그린)를 색과 문구로 구분 */
.login{--rc:var(--accent);--rc-soft:var(--accent-soft)}
.login[data-role=panel]{--rc:#0E9F6E;--rc-soft:#DDF4EA}
.login-l{transition:background .3s}
.login[data-role=panel] .login-l{background:linear-gradient(165deg,#0C2620 0%,#0F1714 100%)}
.lc-role{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.02em;padding:5px 12px;border-radius:999px;margin-bottom:18px;background:rgba(125,147,255,.16);color:#AEBBFF}
.login[data-role=panel] .lc-role{background:rgba(59,212,155,.16);color:#6FE0B4}
.role-q{margin:22px 0 10px;font-size:13.5px;font-weight:700;color:var(--ink)}
.role-pick{margin:0 0 18px}
.role-pick button{position:relative;align-items:flex-start;padding:16px 44px 16px 16px;transition:border-color .15s,box-shadow .15s,background .15s}
.role-pick .rp-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;flex:none}
.rp-client .rp-ic{background:var(--accent-soft);color:var(--accent)}
.rp-panel .rp-ic{background:#DDF4EA;color:#0E9F6E}
.rp-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.role-pick .rp-t b{display:flex;align-items:center;gap:8px;font-size:15.5px}
.rp-t b em{font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.rp-client b em{background:var(--accent-soft);color:var(--accent)}
.rp-panel b em{background:#DDF4EA;color:#0B7F58}
.rp-t i{font-style:normal;font-size:12px;color:var(--faint)}
.rp-dot{position:absolute;right:16px;top:18px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);background:#fff}
.role-pick button.on .rp-dot{border-color:transparent;background:var(--rc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.role-pick button.rp-client.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#F7F9FF}
.role-pick button.rp-panel.on{border-color:#0E9F6E;box-shadow:0 0 0 3px #DDF4EA;background:#F5FCF8}
.role-pick button:not(.on){opacity:.86}.role-pick button:not(.on):hover{opacity:1;border-color:var(--ink)}
.login .gbtn#gbtn{border-color:var(--rc);box-shadow:0 0 0 3px var(--rc-soft)}
/* 홈 히어로 쇼케이스: 제품 화면이 옆으로 넘어가며 장점을 보여 줌 */
.hx{position:relative;display:flex;flex-direction:column;gap:14px;aspect-ratio:auto;min-width:0}
.hx-frame{border-radius:18px;background:#0F141E;border:1px solid rgba(255,255,255,.09);box-shadow:0 40px 80px -40px rgba(0,0,0,.7),0 0 0 1px rgba(125,147,255,.05);overflow:hidden}
.hx-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.hx-dots{display:flex;gap:6px}.hx-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.hx-url{font-size:11.5px;color:#8C96AB;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.05);letter-spacing:.02em}
.hx-view{overflow:hidden}
.hx-track{display:flex;transition:transform .75s cubic-bezier(.65,0,.25,1)}
.hx-slide{flex:0 0 100%;min-width:0;padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px}
.hx-k{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;color:#9FB0FF;letter-spacing:.04em}
.hx-k em{font-style:normal;font-size:11px;color:#0F141E;background:#9FB0FF;border-radius:6px;padding:1px 6px}
.hx-slide h3{margin:2px 0 12px;font-size:19px;line-height:1.35;color:#fff;letter-spacing:-.02em;word-break:keep-all}
.hx-ui{min-height:236px;display:flex;flex-direction:column;gap:10px}
.hx-list{display:flex;flex-direction:column;gap:8px}
.hx-row{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.hx-row.on{border-color:rgba(59,212,155,.45);background:rgba(59,212,155,.06)}
.hx-row img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.hx-row b{display:block;color:#fff;font-size:14px}.hx-row small{color:#8C96AB;font-size:12px}
.hx-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#3BD49B;background:rgba(59,212,155,.12);padding:3px 8px;border-radius:999px;white-space:nowrap}
.hx-fit{font-size:12.5px;font-weight:700;color:#C9D2FF;font-variant-numeric:tabular-nums;white-space:nowrap}
.hx-foot{margin:2px 0 0;font-size:12px;color:#8C96AB}
.hx-call{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hx-vid{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.hx-vid img{width:100%;height:100%;object-fit:cover;display:block}
.hx-vid small{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:600;color:#fff;background:rgba(10,14,24,.6);padding:2px 8px;border-radius:999px}
.hx-talk{border:2px solid rgba(59,212,155,.75)}
.hx-rec{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#8C96AB}
.hx-rec span:first-child{display:inline-flex;align-items:center;gap:6px;color:#FF8A8A;font-weight:700}
.hx-rec i{width:7px;height:7px;border-radius:50%;background:#FF5A5A}
.hx-sub{margin:0;font-size:13px;color:#DDE3F0;line-height:1.5}.hx-sub b{color:#9FB0FF;margin-right:6px}
.hx-rep{display:flex;flex-direction:column;gap:10px}
.hx-rep-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hx-rep-h b{color:#fff;font-size:14.5px}.hx-rep-h small{color:#8C96AB;font-size:12px}
.hx-ins{display:grid;grid-template-columns:minmax(0,1fr) 90px 42px;align-items:center;gap:10px;font-size:13px;color:#DDE3F0}
.hx-meter{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.hx-meter i{display:block;height:100%;border-radius:999px;background:#7D93FF}
.hx-ins em{font-style:normal;font-size:12px;color:#9FB0FF;text-align:right;font-variant-numeric:tabular-nums}
.hx-rep blockquote{margin:4px 0 0;padding:12px 14px;border-left:3px solid #7D93FF;background:rgba(125,147,255,.08);border-radius:0 10px 10px 0;color:#E8ECF5;font-size:13px;line-height:1.55}
.hx-rep cite{display:block;margin-top:6px;font-style:normal;font-size:11.5px;color:#8C96AB}
.hx-doc{display:flex;flex-direction:column;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);overflow:hidden}
.hx-li{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#C5CCDA}
.hx-li b{color:#fff;font-weight:700}.hx-li b.hx-g{color:#3BD49B}
.hx-paid{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:12.5px;font-weight:700;color:#3BD49B;background:rgba(59,212,155,.08)}
.hx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hx-tab{appearance:none;border:0;background:none;padding:0;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:8px;color:#6F7A90;min-width:0}
.hx-tab span{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.hx-tab i{display:block;height:3px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;position:relative}
.hx-tab i::after{content:"";position:absolute;inset:0;width:0;background:#9FB0FF;border-radius:inherit}
.hx-tab.on{color:#fff}
.hx-tab.on i::after{animation:hxFill var(--d,4200ms) linear forwards}
.hx-hold .hx-tab.on i::after{animation-play-state:paused}
@keyframes hxFill{to{width:100%}}
.hx-tab:hover span{color:#C9D2FF}
@media (prefers-reduced-motion:reduce){.hx-track{transition:none}.hx-tab.on i::after{animation:none;width:100%}}
@media (max-width:560px){.hx-slide{padding:16px 14px 18px}.hx-slide h3{font-size:16.5px}.hx-ui{min-height:0}.hx-row{grid-template-columns:36px 1fr auto;gap:10px}.hx-row img{width:36px;height:36px}.hx-fit{display:none}.hx-ins{grid-template-columns:minmax(0,1fr) 60px 38px}.hx-tab span{font-size:11px}}
.hero-art.hx{aspect-ratio:auto!important;max-width:520px;align-self:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 쇼케이스 박스 확대 */
.hero-art.hx{max-width:570px;width:100%}
@media (min-width:961px){.hero-home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,570px);gap:44px}}
.hx-slide{padding:24px 26px 26px}
.hx-slide h3{font-size:21px}
.hx-ui{min-height:270px}
.hx-row{padding:12px 14px}.hx-row b{font-size:15px}
.hx-sub,.hx-ins,.hx-li{font-size:13.5px}
.hx-tab span{font-size:12.5px}
/* 쇼케이스 04 일정 안내: 휴대폰 메시지 목업 */
.hx-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.hx-sch{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:start}
.hx-flow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;position:relative}
.hx-flow li{display:flex;gap:12px;align-items:flex-start;padding:0 0 18px;position:relative}
.hx-flow li:not(:last-child)::before{content:"";position:absolute;left:11px;top:24px;bottom:2px;width:2px;background:rgba(59,212,155,.35)}
.hx-flow li>i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(59,212,155,.16);color:#3BD49B}
.hx-flow li.now>i{background:transparent;border:2px solid #9FB0FF;box-shadow:0 0 0 4px rgba(159,176,255,.15)}
.hx-flow b{display:block;color:#fff;font-size:14px}.hx-flow small{color:#8C96AB;font-size:12px}
.hx-phone{display:flex;flex-direction:column;height:270px;border-radius:30px 30px 0 0;border:6px solid #2A303D;border-bottom:0;background:#F2F3F7;padding:8px 10px 0;overflow:hidden;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.hx-ph-bar{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;color:#111;padding:2px 8px 6px}
.hx-island{width:62px;height:16px;border-radius:999px;background:#111}
.hx-ph-ic{display:flex;gap:2px;align-items:flex-end}.hx-ph-ic i{width:3px;background:#111;border-radius:1px}.hx-ph-ic i:nth-child(1){height:5px}.hx-ph-ic i:nth-child(2){height:7px}.hx-ph-ic i:nth-child(3){height:9px}
.hx-ph-head{display:flex;align-items:center;gap:8px;padding:4px 2px 8px}
.hx-ph-av{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#0F141E;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.02em}
.hx-ph-head b{display:block;font-size:12px;color:#111}.hx-ph-head small{font-size:10px;color:#7A8295}
.hx-msg{background:#fff;border-radius:4px 14px 14px 14px;padding:10px 11px;box-shadow:0 1px 2px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:4px;color:#1B2130}
.hx-msg em{font-style:normal;font-size:10px;font-weight:800;color:#2A4BFF;letter-spacing:.02em}
.hx-msg b{font-size:12px;line-height:1.35}
.hx-msg p{margin:0;font-size:11px;line-height:1.5;color:#3C4456}
.hx-btn{display:block;text-align:center;font-size:10.5px;font-weight:700;color:#1B2130;background:#F2F3F7;border-radius:7px;padding:6px 0;margin-top:2px}
.hx-msg2{margin-top:8px}
@media (max-width:560px){.hx-sch{grid-template-columns:1fr}.hx-flow{display:none}.hx-phone{max-width:240px;margin:0 auto;height:300px}.hx-tab span{font-size:11px}}
.hx-ph-feed{display:flex;flex-direction:column}
.hx-slide[aria-hidden="false"] .hx-ph-feed{animation:hxFeed 1s cubic-bezier(.65,0,.35,1) 1.6s forwards}
@keyframes hxFeed{to{transform:translateY(-118px)}}
.hx-tab em{font-style:normal}
@media (max-width:560px){.hx-tab em{display:none}.hx-tab span{font-size:12px;text-align:center}}
@media (prefers-reduced-motion:reduce){.hx-slide[aria-hidden="false"] .hx-ph-feed{animation:none}}

.hx-ph-body{flex:1;min-height:0;overflow:hidden}
.hero-lead strong{color:#fff;font-weight:700}
/* 홈 히어로 가독성: 자간·행간 여유 */
.hero-home .hero-grid h1.h1-long{letter-spacing:-.012em;line-height:1.4;margin-bottom:26px}
.hero-lead{display:flex;flex-direction:column;gap:12px;max-width:540px;font-size:clamp(15px,1.3vw,17px);line-height:1.85;letter-spacing:.005em;color:#A9B2C3}
.hero-lead span{display:block}
/* 프로젝트 설정 단계별 보기 */
.stp{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;scroll-margin-top:90px}
.stp-top{display:flex;align-items:center;gap:12px}
.stp-bar{flex:1}
.stp-view{flex:none}.stp-view button{font-size:12.5px;padding:6px 12px}
.stp-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.stp-chips::-webkit-scrollbar{display:none}
.stp-chips button{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px 6px 6px;font:inherit;font-size:13px;color:var(--ink2);cursor:pointer;white-space:nowrap}
.stp-chips em{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-style:normal;font-size:11px;font-weight:700;background:var(--line2);color:var(--muted)}
.stp-chips button.done em{background:var(--ok-soft);color:var(--ok)}
.stp-chips button.on{border-color:var(--accent);color:var(--accent-ink);font-weight:600;background:var(--accent-soft)}
.stp-chips button.on em{background:var(--accent);color:#fff}
#pf.stp-on .cols2>div:first-child>.panel:not(.stp-cur){display:none}
#pf.stp-on .cols2>div:first-child>.panel.stp-cur{animation:stpIn .28s ease-out}
@keyframes stpIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.stp-foot{display:flex;justify-content:space-between;gap:10px;margin-top:4px}
.stp-foot .btn{min-width:120px}
@media (prefers-reduced-motion:reduce){#pf.stp-on .panel.stp-cur{animation:none}}
@media (max-width:640px){.stp-top{flex-wrap:wrap}.stp-view{width:100%}.stp-view button{flex:1}.stp-foot .btn{flex:1;min-width:0}}
@media (min-width:641px){.stp-chips{flex-wrap:wrap;overflow:visible}}
/* 모집 공고 없음: 참여 과정 타임라인 (스크롤에 따라 선이 채워짐) */
.jf{max-width:760px;margin:40px auto 8px}
.jf-head{text-align:center;margin-bottom:34px}
.jf-k{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--accent)}
.jf-head h2{margin:0 0 16px;font-size:clamp(22px,3vw,28px);letter-spacing:-.02em}
.jf-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.jf-pills span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink2);background:var(--surface);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.jf-pills .ic{color:var(--ok)}
.jf-list{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:18px}
.jf-rail{position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:var(--line);border-radius:2px;overflow:hidden}
.jf-rail b{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(var(--accent),#3BD49B);transition:height .15s linear}
.jf-step{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.jf-step.in{opacity:1;transform:none}
.jf-dot{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);border:2px solid var(--line);color:var(--muted);transition:border-color .3s,background .3s,color .3s,box-shadow .3s}
.jf-step.lit .jf-dot{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 6px var(--accent-soft)}
.jf-step:last-child.lit .jf-dot{border-color:var(--ok);background:var(--ok);box-shadow:0 0 0 6px var(--ok-soft)}
.jf-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;transition:border-color .3s,box-shadow .3s}
.jf-step.lit .jf-card{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 10px 30px -18px rgba(42,75,255,.35)}
.jf-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.jf-top em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--accent)}
.jf-time{font-size:12px;font-weight:600;color:var(--muted);background:var(--bg);padding:3px 9px;border-radius:999px;white-space:nowrap}
.jf-card h3{margin:0 0 6px;font-size:17px;letter-spacing:-.01em}
.jf-card p{margin:0 0 10px;font-size:14.5px;line-height:1.65;color:var(--ink2);word-break:keep-all}
.jf-card small{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--ok)}
@media (prefers-reduced-motion:reduce){.jf-step{opacity:1;transform:none;transition:none}}
@media (max-width:520px){.jf{margin-top:28px}.jf-list{gap:14px}.jf-step{grid-template-columns:40px minmax(0,1fr);gap:12px}.jf-dot{width:40px;height:40px}.jf-rail{left:19px}.jf-card{padding:14px 15px}}
/* 친구 초대 */
.inv-note{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:7px 14px;border-radius:999px;background:rgba(59,212,155,.14);color:#6FE0B4;font-size:13px;font-weight:600}
.inv-box{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.inv-link{display:flex;flex-direction:column;gap:4px;min-width:0}.inv-link b{font-size:17px;word-break:break-all;color:var(--ink)}
.inv-act{display:flex;gap:8px;flex-wrap:wrap}
.inv-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.inv-steps li{counter-increment:s;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:var(--bg);font-size:13px;color:var(--ink2);word-break:keep-all}
.inv-steps li::before{content:counter(s);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;margin-bottom:4px}
.inv-steps b{color:var(--ink);font-size:14px}
.inv-nudge{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border-radius:14px;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent-ink);text-decoration:none}
.inv-nudge span{flex:1;display:flex;flex-direction:column;gap:2px}.inv-nudge b{font-size:14.5px}.inv-nudge small{font-size:12.5px;color:var(--ink2)}
@media (max-width:760px){.inv-steps{grid-template-columns:1fr 1fr}}
/* 기관·투자사 제휴 페이지 */
.pt-art{display:flex;align-items:center;justify-content:center}
.pt-card{width:100%;max-width:520px;border-radius:18px;background:#0F141E;border:1px solid rgba(255,255,255,.09);box-shadow:0 40px 80px -40px rgba(0,0,0,.7);padding:22px;display:flex;flex-direction:column;gap:16px;color:#DDE3F0}
.pt-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pt-h small{display:block;font-size:11.5px;color:#8C96AB;margin-bottom:3px}.pt-h b{font-size:16px;color:#fff}
.pt-live{font-size:11.5px;font-weight:700;color:#3BD49B;background:rgba(59,212,155,.12);padding:4px 10px;border-radius:999px;white-space:nowrap}
.pt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pt-kpis>div{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.pt-kpis small{display:block;font-size:11.5px;color:#8C96AB}.pt-kpis b{font-size:22px;color:#fff;letter-spacing:-.02em}.pt-kpis em{font-style:normal;font-size:12px;color:#8C96AB;margin-left:2px}
.pt-rows{display:flex;flex-direction:column;gap:8px}
.pt-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 34px 74px;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.03)}
.pt-t b{display:block;font-size:13px;color:#fff}.pt-t small{font-size:11.5px;color:#8C96AB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.pt-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.pt-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7D93FF,#3BD49B)}
.pt-n{font-size:12px;color:#C9D2FF;text-align:right;font-variant-numeric:tabular-nums}
.pt-st{font-size:11px;font-weight:700;color:#9FB0FF;text-align:center;padding:3px 0;border-radius:999px;background:rgba(125,147,255,.12);white-space:nowrap}.pt-st.ok{color:#3BD49B;background:rgba(59,212,155,.12)}
.pt-foot{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#8C96AB;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.pt-who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.pt-steps{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:x}
.pt-steps li{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);word-break:keep-all}
.pt-steps em{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--accent)}.pt-steps b{font-size:15.5px}.pt-steps span{font-size:13.5px;color:var(--ink2);line-height:1.55}
.pt-steps li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:50%;width:6px;height:6px;border-top:2px solid var(--line);border-right:2px solid var(--line);transform:translateY(-50%) rotate(45deg)}
@media (max-width:960px){.pt-who{grid-template-columns:1fr 1fr}.pt-steps{grid-template-columns:1fr}.pt-steps li:not(:last-child)::after{display:none}}
@media (max-width:560px){.pt-who{grid-template-columns:1fr}.pt-row{grid-template-columns:minmax(0,1fr) 60px 30px;}.pt-st{display:none}.pt-card{padding:16px}.pt-kpis b{font-size:18px}}
/* 모집 페이지(광고 랜딩): 사례비 미리 보기 */
.rc-hero .hero-grid h1.h1-long{font-size:clamp(28px,3.4vw,44px)}
.rc{display:flex;align-items:center;justify-content:center}
.rc-card{width:100%;max-width:470px;border-radius:20px;background:#fff;color:#141A26;padding:24px;box-shadow:0 40px 80px -40px rgba(0,0,0,.75);display:flex;flex-direction:column;gap:16px}
.rc-h b{display:block;font-size:18px}.rc-h small{font-size:12.5px;color:#6B7487}
.rc-g{display:flex;flex-direction:column;gap:8px}.rc-l{font-size:12.5px;font-weight:700;color:#4A5366}
.rc-chips{display:flex;flex-wrap:wrap;gap:6px}
.rc-chips button{appearance:none;border:1px solid #DCE1EA;background:#F6F7FA;color:#2B3345;border-radius:999px;padding:8px 14px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s}
.rc-chips button:hover{border-color:#2A4BFF}
.rc-chips button.on{background:#2A4BFF;border-color:#2A4BFF;color:#fff}
.rc-out{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:14px;background:linear-gradient(135deg,#EEF2FF,#E9FAF3)}
.rc-out small{font-size:12.5px;font-weight:700;color:#4A5366}
.rc-out b{font-size:clamp(34px,4vw,44px);letter-spacing:-.03em;color:#141A26;font-variant-numeric:tabular-nums;line-height:1.15}
.rc-out b.pop{animation:rcPop .35s ease-out}
@keyframes rcPop{0%{transform:scale(.94);opacity:.4}100%{transform:none;opacity:1}}
.rc-out span{font-size:13px;font-weight:700;color:#0E9F6E}
.rc-note{margin:0;font-size:12px;line-height:1.6;color:#6B7487}
.rc-trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px;font-size:13.5px;color:#B8C0CF}
.rc-trust li{display:inline-flex;align-items:center;gap:6px}.rc-trust .ic{color:#3BD49B}
.rc-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.rc-op{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center}
.rc-op-k{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rc-op-k>div{padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center}
.rc-op-k b{display:block;font-size:28px;letter-spacing:-.02em}.rc-op-k em{font-style:normal;font-size:14px;color:var(--muted);margin-left:2px}.rc-op-k small{font-size:12.5px;color:var(--muted)}
.rc-faq{display:flex;flex-direction:column;gap:8px;margin-top:20px;max-width:820px}
.rc-faq details{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:0 18px}
.rc-faq summary{cursor:pointer;padding:16px 0;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.rc-faq summary::after{content:"+";color:var(--muted);font-weight:400}.rc-faq details[open] summary::after{content:"−"}
.rc-faq summary::-webkit-details-marker{display:none}
.rc-faq p{margin:0 0 16px;font-size:14.5px;line-height:1.7;color:var(--ink2)}
.rc-end{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px;padding:22px 24px;border-radius:16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.rc-end b{display:block;font-size:17px}.rc-end span{font-size:14px;color:var(--ink2)}
.rc-sticky{display:none}
@media (max-width:960px){.rc-rules{grid-template-columns:1fr 1fr}.rc-op{grid-template-columns:1fr}}
@media (max-width:640px){.rc-rules{grid-template-columns:1fr}.rc-card{padding:18px}.rc-op-k b{font-size:22px}
.rc-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px max(16px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
.rc-sticky .btn{width:100%}body:has(.rc-sticky) .foot{padding-bottom:80px}}
/* 로그인 좌측: 헤드라인 줄 단위 등장, 강조어 광택, 본문 타자기, 배경 광원 */
.login-l::before{content:"";position:absolute;width:560px;height:560px;right:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 34%,transparent) 0%,transparent 62%);filter:blur(8px);opacity:.55;pointer-events:none;animation:lg-drift 14s ease-in-out infinite alternate}
.login-l::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 60%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 60%,#000 0%,transparent 70%)}
.login-l>*{position:relative;z-index:1}
@keyframes lg-drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-120px,140px) scale(1.15)}}
.login-l h1 .lh-ln{display:block}
.login-l h1.lh-in .lh-ln{animation:lh-up .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 140ms + 80ms)}
@keyframes lh-up{from{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.login-l h1 em{font-style:normal;background:linear-gradient(100deg,#fff 0%,color-mix(in srgb,var(--rc) 55%,#fff) 40%,#fff 55%,color-mix(in srgb,var(--rc) 55%,#fff) 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lh-sheen 6s linear 1.4s infinite}
@keyframes lh-sheen{0%{background-position:100% 0}100%{background-position:-120% 0}}
.login-l p.tw{position:relative;font-size:16.5px;line-height:1.85;color:#C3CAD8;white-space:pre-line;max-width:520px;letter-spacing:-.005em;word-break:keep-all}
.tw-ghost{visibility:hidden}
.tw-live{position:absolute;inset:0}
.tw-cur{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.18em;background:var(--rc);border-radius:1px;box-shadow:0 0 10px color-mix(in srgb,var(--rc) 70%,transparent);animation:tw-blink 1s steps(1) infinite}
.tw-done .tw-cur{animation-duration:1.1s}
@keyframes tw-blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@media (max-width:860px){.login-l p.tw{font-size:15px;line-height:1.75}.login-l::before{width:360px;height:360px}}
@media (prefers-reduced-motion:reduce){.login-l::before,.login-l h1 em,.login-l h1.lh-in .lh-ln{animation:none}.tw-cur{animation:none}}
/* 홈 쇼케이스: 슬라이드마다 실제 장면 사진 + 사진 위 캡션·상태 표시 */
.hx-slide{padding:0 0 22px;gap:0}
.hx-scene{position:relative;margin:0 0 16px;height:200px;overflow:hidden;background:#0F141E}
.hx-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transform:scale(1.04);transition:transform 6s ease-out}
.hx-slide.on .hx-scene>img{transform:scale(1.12)}
.hx-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,30,0) 30%,rgba(15,20,30,.55) 62%,#0F141E 100%);pointer-events:none}
.hx-scene figcaption{position:absolute;left:22px;right:22px;bottom:4px;z-index:1;display:flex;flex-direction:column;gap:4px}
.hx-scene figcaption h3{margin:0;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.hx-chip{position:absolute;top:14px;right:14px;z-index:1;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#0B3D2B;background:rgba(222,248,236,.92);padding:5px 10px;border-radius:999px;box-shadow:0 6px 18px -6px rgba(0,0,0,.4);backdrop-filter:blur(6px);opacity:0;transform:translateY(-6px);transition:opacity .4s .5s,transform .4s .5s}
.hx-slide.on .hx-chip,.hx-slide.on .hx-live,.hx-slide.on .hx-pip{opacity:1;transform:none}
.hx-live{position:absolute;top:14px;left:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:#fff;background:rgba(10,14,24,.62);padding:5px 10px;border-radius:999px;letter-spacing:.04em;opacity:0;transition:opacity .4s .4s}
.hx-live i{width:7px;height:7px;border-radius:50%;background:#FF5A5A;animation:hxRec 1.4s ease-in-out infinite}
@keyframes hxRec{50%{opacity:.25}}
.hx-pip{position:absolute;top:12px;right:12px;z-index:1;width:112px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.85);box-shadow:0 10px 24px -8px rgba(0,0,0,.6);opacity:0;transform:translateY(-6px);transition:opacity .4s .6s,transform .4s .6s}
.hx-pip img{width:100%;height:100%;object-fit:cover;display:block}
.hx-pip small{position:absolute;left:6px;bottom:5px;font-size:10px;font-weight:700;color:#fff;background:rgba(10,14,24,.6);padding:1px 6px;border-radius:999px}
.hx-slide>.hx-ui{padding:0 22px;min-height:0}
.hx-tr{display:flex;flex-direction:column;gap:8px}
.hx-tr p{margin:0;font-size:13px;line-height:1.5;color:#C5CCDA;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.hx-tr p b{display:block;font-size:11px;color:#8C96AB;margin-bottom:2px}
.hx-tr p.me{border-color:rgba(59,212,155,.4);background:rgba(59,212,155,.07);color:#fff}.hx-tr p.me b{color:#3BD49B}
.hx-rec span:first-child{color:#3BD49B}
.hx-sch .hx-phone{height:236px}
@media (min-width:1100px){.hx-scene{height:210px}.hx-scene figcaption,.hx-slide>.hx-ui{padding-left:4px;padding-right:4px}.hx-slide>.hx-ui{padding:0 26px}.hx-scene figcaption{left:26px;right:26px}}
@media (max-width:560px){.hx-scene{height:150px}.hx-scene figcaption{left:14px;right:14px}.hx-slide>.hx-ui{padding:0 14px}.hx-pip{width:84px}.hx-sch .hx-phone{height:250px}}
@media (prefers-reduced-motion:reduce){.hx-scene>img{transition:none;transform:none!important}.hx-live i{animation:none}}
/* 스타트업 히어로: 실제 인터뷰 장면 사진 위에 진행 카드 배치 */
.st-photo{position:absolute;right:0;top:0;width:86%;height:50%;margin:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.st-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;animation:stZoom 18s ease-in-out infinite alternate}
.st-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(15,20,30,0) 45%,rgba(15,20,30,.55) 100%)}
.st-photo .st-rec{opacity:1;top:14px;left:auto;right:14px}
@keyframes stZoom{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.st-art2 .st-ai{left:0;right:auto;top:6%;z-index:3}
.st-art2 .st-proj{top:38%;width:68%;z-index:2}
.st-art2 .st-hyp{z-index:3;width:56%}
.st-art2 .st-cal{left:auto;right:3%;bottom:auto;top:41%;z-index:3}
@media (max-width:560px){.st-art.st-art2{aspect-ratio:1/1.5}.st-art2 .st-photo{width:100%;height:36%}.st-art2 .st-proj{top:29%;width:92%}.st-art2 .st-hyp{bottom:0}.st-art2 .st-ai{display:none}.st-art2 .st-cal{display:none}.st-art2 .st-hyp{width:80%}}
@media (prefers-reduced-motion:reduce){.st-photo img{animation:none}}
/* 인터뷰 평가 창과 지원자 평점 표시 */
.rv-k{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--accent)}
.rv h3{margin:0 0 6px}
.rv-stars{display:flex;justify-content:center;gap:6px;margin:18px 0 6px}
.rv-stars button{appearance:none;border:0;background:none;padding:4px;cursor:pointer;color:#D5DAE3;border-radius:8px;transition:color .12s,transform .12s}
.rv-stars button.on{color:#F5B301}
.rv-stars button:hover{transform:scale(1.12)}
.rv-stars button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rv-hint{margin:0 0 16px;text-align:center;font-size:13.5px;font-weight:600;color:var(--ink2)}
.rv-l{display:block;font-size:13.5px;font-weight:600}.rv-l .help{font-weight:400;margin-left:4px}.rv-l input{display:block;width:100%;margin-top:6px}
.rv-l input{font-weight:400}
.rv-note{margin:12px 0 0;line-height:1.6}
.rv-ns{margin-right:auto;color:var(--bad)}
.ap-rate{font-weight:700;color:#B7791F;white-space:nowrap}.ap-rate small{font-weight:500;color:var(--ink3,#8A93A6);margin-left:3px}
.ap-rv{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.ap-rv li{font-size:12.5px;color:var(--ink2);padding:6px 10px;border-radius:8px;background:var(--bg,#F5F6F9);line-height:1.5}
.ap-rv li b{color:#F5B301;margin-right:6px;letter-spacing:1px;font-size:11px}
/* 평가 대기 (대시보드)와 회의 종료 직후 평가 (회의실) */
.rv-wait{margin-bottom:16px;padding:16px 18px;border-radius:var(--r-lg);border:1px solid #F3D37A;background:#FFF9E8}
.rv-wait-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:6px}
.rv-wait-h b{display:inline-flex;align-items:center;gap:6px;color:#8A5A00}
.rv-wait .qrow{border-color:rgba(138,90,0,.15)}
.rm-rv{width:100%;max-width:560px;margin-top:28px;text-align:left;padding:22px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.rm-rv h3{margin:0 0 6px;color:#fff;font-size:18px}
.rm-rv-c{margin-top:16px;padding:16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.rm-rv-c>b{color:#fff}
.rm-rv .rv-stars{justify-content:flex-start;margin:10px 0 4px}
.rm-rv .rv-stars button{color:rgba(255,255,255,.22)}.rm-rv .rv-stars button.on{color:#F5B301}
.rm-rv .rv-hint{text-align:left;color:#C3CAD8;margin:0 0 10px}
.rm-rv input{width:100%;height:42px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font:inherit}
.rm-rv input::placeholder{color:#8C96AB}
.rm-rv-ft{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.rm-rv-ok{margin:8px 0 0;color:#6FE0B4;font-weight:600}
.rm-rv-n{margin:14px 0 0;color:#9AA3B5}