/* DBSPOT 검색용 소개 페이지 전용 (/db/업종별, /db/신규개업, /pricing, /data-source, /faq). 앱 화면(index.html)은 이 파일을 쓰지 않는다. 색은 b-theme.css B안(블루+민트)과 같다. */
:root{--b-blue:#2563EB;--b-navy:#1E3A8A;--b-sky:#0EA5E9;--b-mint:#14B8A6;--ink:#0F172A;--body:#475569;--muted:#5B6B82;--line:#DDE6F2;--bg:#F5F8FC;--subtle:#EEF3FA;--mint-dark:#0B7F7B;--shadow:0 12px 34px rgba(15,23,42,.06)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans KR",system-ui,-apple-system,"Malgun Gothic",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--b-blue)}
.s-wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.s-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.s-top .s-wrap{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}
.s-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.s-logo .lw{font-size:22px;font-weight:900;letter-spacing:-.8px}.s-logo .lw b{color:var(--b-blue)}.s-logo .lw i{font-style:normal;color:var(--b-mint)}
.s-nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.s-nav a{color:var(--body);text-decoration:none;font-weight:700;font-size:14px;padding:8px 10px;border-radius:8px}
.s-nav a:hover{background:var(--subtle);color:var(--b-blue)}.s-nav a[aria-current=page]{color:var(--b-blue);background:var(--subtle)}
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:10px;font-weight:800;font-size:15px;text-decoration:none;border:1px solid var(--b-blue);background:var(--b-blue);color:#fff}
.s-btn:hover{filter:brightness(1.06)}
.s-btn.mint{background:var(--b-mint);border-color:var(--b-mint)}
.s-btn.line{background:#fff;color:var(--b-blue)}
.s-hero{background:linear-gradient(105deg,#1E3A8A 0%,#2563EB 60%,#0EA5E9 100%);color:#fff;padding:52px 0 46px}
.s-eyebrow{font-weight:800;letter-spacing:1.2px;font-size:12px;color:#A7F3D0;text-transform:uppercase}
.s-hero h1{font-size:38px;line-height:1.22;letter-spacing:-1.4px;margin:10px 0 12px}
.s-hero p{color:#E0ECFF;font-size:17px;margin:0 0 22px;max-width:760px}
.s-cta{display:flex;gap:10px;flex-wrap:wrap}
.s-hero .s-cta .s-btn.line{border-color:#fff}
.s-table.kv{min-width:0}.s-table.kv th{width:44%}
.s-main{padding:36px 0 56px}
.s-sec{margin:0 0 34px}
.s-sec>h2{font-size:22px;letter-spacing:-.6px;margin:0 0 12px;color:var(--b-navy);display:flex;align-items:center}
.s-sec>h2::before{content:"";display:inline-block;width:5px;height:21px;background:var(--b-blue);border-radius:4px;margin-right:11px}
.s-sec>p{color:var(--body);margin:0 0 12px}
.s-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}
.s-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 34px}
.s-stat{background:#fff;border:1px solid var(--line);border-left:4px solid var(--b-mint);border-radius:12px;padding:16px 18px}
.s-stat b{display:block;font-size:26px;letter-spacing:-.8px;color:var(--ink)}
.s-stat span{color:var(--muted);font-size:13px;font-weight:700}
.s-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px}
.s-table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.s-table th,.s-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.s-table thead th{background:var(--subtle);color:var(--b-navy);font-size:13px;font-weight:800}
.s-table tbody tr:last-child td,.s-table tbody tr:last-child th{border-bottom:0}
.s-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.s-table tfoot td{background:var(--subtle);font-weight:800}
.s-list{margin:0;padding-left:20px;color:var(--body)}.s-list li{margin:4px 0}
.s-price{font-size:40px;font-weight:900;letter-spacing:-1.2px;color:var(--ink)}.s-price small{font-size:15px;color:var(--muted);font-weight:700}
.s-note{color:var(--muted);font-size:13px}
.s-faq{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:0 0 10px}
.s-faq h2{font-size:17px;margin:0 0 6px;color:var(--ink);letter-spacing:-.3px}
.s-faq p{margin:0;color:var(--body)}
.s-pill{display:inline-block;background:#CCFBF1;color:var(--mint-dark);font-weight:800;font-size:12px;border-radius:999px;padding:3px 10px}
.s-foot{border-top:1px solid var(--line);background:#fff;padding:22px 0;color:var(--muted);font-size:13px}
.s-foot a{color:var(--muted)}
@media(max-width:760px){.s-hero{padding:36px 0 32px}.s-hero h1{font-size:28px}.s-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.s-nav{order:3;flex-basis:100%}.s-top .s-btn{margin-left:auto}.s-stat b{font-size:22px}.s-table.kv .num{white-space:normal}}

/* 2026-11 2차: CRM 소개·가이드 */
.s-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 26px}
.s-subnav a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--body);font-weight:700;font-size:14px;text-decoration:none}
.s-subnav a[aria-current=page]{background:var(--b-blue);border-color:var(--b-blue);color:#fff}
.s-footlinks{margin-top:8px;font-size:12px;line-height:1.9}.s-footlinks a{text-decoration:none}
.s-shot{margin:14px 0 6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)}
.s-shot img{display:block;width:100%;height:auto;border-radius:8px}
.s-shot.phone{max-width:300px}
.s-shot figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.s-shots{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.s-steps{counter-reset:st;list-style:none;padding:0;margin:0;display:grid;gap:10px}
.s-steps li{counter-increment:st;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 54px;position:relative;color:var(--body)}
.s-steps li::before{content:counter(st);position:absolute;left:16px;top:13px;width:26px;height:26px;border-radius:50%;background:var(--b-blue);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.s-steps li b{color:var(--ink)}
.s-article{max-width:780px}
.s-article h2{font-size:23px;letter-spacing:-.6px;margin:38px 0 10px;color:var(--b-navy)}
.s-article h3{font-size:18px;margin:24px 0 8px;color:var(--ink)}
.s-article p,.s-article li{color:var(--body);font-size:16px}
.s-article ul,.s-article ol{padding-left:22px}
.s-script{background:#fff;border:1px solid var(--line);border-left:4px solid var(--b-mint);border-radius:12px;padding:14px 18px;margin:12px 0}
.s-script p{margin:6px 0}.s-script b{color:var(--ink)}
.s-toc{background:var(--subtle);border-radius:12px;padding:14px 18px;margin:0 0 10px}.s-toc ol{margin:6px 0 0}
.s-meta{color:var(--muted);font-size:13px;margin:0 0 18px}