/* v2-lp.css — 광고 전용 랜딩 (당근·카톡·인스타 유입). 짧게: 첫 화면 → 3단계 → 포함 → 사례 → 가격 → 질문 → 상담 */
.lp{padding-bottom:96px}
.lp-hero{padding:clamp(36px,6vw,84px) 0 clamp(32px,5vw,64px);background:linear-gradient(180deg,#f2faf6 0%,#fff 100%)}
.lp-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.lp-tag{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:750;color:var(--brand-ink);background:#fff;border:1px solid #cfe9dd;border-radius:999px;padding:7px 14px}
.lp-tag i{width:8px;height:8px;border-radius:50%;background:var(--brand)}
.lp h1{margin-top:20px;font-size:clamp(34px,5.4vw,60px);line-height:1.16;letter-spacing:-.045em;font-weight:820;text-wrap:balance}
.lp h1 em{font-style:normal;color:var(--brand)}
.lp-sub{margin-top:18px;font-size:clamp(16px,1.6vw,19px);line-height:1.7;color:var(--ink-2)}
.lp-sub b{color:var(--ink)}
.lp-cta{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.lp-cta .btn{min-height:54px;padding:0 26px;font-size:16.5px}
.lp-note{margin-top:14px;font-size:13.5px;color:var(--muted)}
.lp-shots{position:relative;min-height:380px}
.lp-shots .ph{position:absolute;width:46%;border-radius:22px;overflow:hidden;border:6px solid #0b1220;box-shadow:0 24px 48px -20px rgba(11,18,32,.45);background:#0b1220}
.lp-shots .ph img{display:block;width:100%;height:auto}
.lp-shots .p1{left:0;top:40px;transform:rotate(-4deg)}
.lp-shots .p2{left:27%;top:0;z-index:2}
.lp-shots .p3{right:0;top:52px;transform:rotate(4deg)}
.lp-shots .badge{position:absolute;left:4%;bottom:-6px;z-index:3;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow-2);font-size:14px;font-weight:700;display:flex;gap:10px;align-items:center}
.lp-shots .badge b{font-size:22px;color:var(--brand)}
.lp-sec{padding:clamp(44px,6vw,80px) 0}
.lp-sec.tint{background:var(--bg-2)}
.lp-h2{font-size:clamp(26px,3.4vw,38px);line-height:1.25;letter-spacing:-.035em;font-weight:800;text-wrap:balance}
.lp-h2+p{margin-top:10px;color:var(--muted);font-size:16px}
.lp-steps{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.lp-steps li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 22px}
.lp-steps li b{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:760}
.lp-steps li b::before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:14px;flex:none}
.lp-steps li p{margin-top:8px;font-size:15px;line-height:1.65;color:var(--ink-2)}
.lp-inc{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lp-inc li{list-style:none;display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.lp-inc li svg{flex:none;color:var(--brand);margin-top:3px}
.lp-inc li b{display:block;color:var(--ink);font-size:16px}
.lp-works{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lp-works a{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.lp-works a:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
.lp-works img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.lp-works span{display:block;padding:10px 14px;font-size:14px;font-weight:700}
.lp-works span small{display:block;font-size:12.5px;color:var(--muted);font-weight:600}
.lp-price{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lp-price>*{display:block;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.lp-price>.best{border:2px solid var(--brand)}
.lp-price small{display:block;font-size:13.5px;font-weight:700;color:var(--muted)}
.lp-price b{display:block;margin-top:6px;font-size:28px;font-weight:850;letter-spacing:-.03em}
.lp-price b span{font-size:14px;font-weight:700;color:var(--muted);margin-left:2px}
.lp-price p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.lp-fine{margin-top:12px;font-size:13px;color:var(--muted)}
.lp-cases{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lp-cases div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.lp-cases small{font-size:13.5px;font-weight:700;color:var(--muted)}
.lp-cases b{display:block;margin-top:6px;font-size:30px;font-weight:850;color:var(--brand);letter-spacing:-.03em}
.lp-cases p{margin-top:6px;font-size:14.5px;color:var(--ink-2);line-height:1.55}
.lp-pain{margin-top:24px;display:grid;gap:10px}
.lp-pain li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;font-size:17px;font-weight:700;display:flex;gap:12px;align-items:center}
.lp-pain li i{font-style:normal;color:var(--brand);font-size:20px}
.lp-swap{margin-top:24px;display:grid;gap:10px}
.lp-swap li{list-style:none;display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:15.5px;font-weight:650}
.lp-swap .b{color:var(--muted);text-decoration:line-through;text-decoration-color:#f0a3a3}
.lp-swap .ar{color:var(--brand);text-align:center}
.lp-faq{margin-top:20px}
.lp-faq details{border-bottom:1px solid var(--line)}
.lp-faq details:first-child{border-top:1px solid var(--line)}
.lp-faq summary{padding:18px 0;font-size:16.5px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.lp-faq summary::after{content:"+";color:var(--muted-2);font-weight:500}
.lp-faq details[open] summary::after{content:"−"}
.lp-faq p{padding:0 0 18px;font-size:15.5px;line-height:1.75;color:var(--ink-2)}
.lp-end{margin-top:0;padding:clamp(44px,6vw,72px) 0;background:var(--ink);color:#fff;text-align:center}
.lp-end .lp-h2{color:#fff}
.lp-end p{margin-top:10px;color:#cbd5e1}
.lp-end .lp-cta{justify-content:center}
.lp-end .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.lp-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
.lp-bar .btn{flex:1;min-height:50px;font-size:15.5px}
.lp-bar .btn-line{flex:0 0 auto;padding:0 16px}
@media (max-width:900px){
  .lp-hero .wrap{grid-template-columns:minmax(0,1fr);gap:28px}
  .lp-shots{min-height:300px;max-width:440px;width:100%;margin:0 auto}
  .lp-steps,.lp-price,.lp-cases{grid-template-columns:minmax(0,1fr)}
  .lp-works{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-inc{grid-template-columns:minmax(0,1fr)}
  .lp-bar{display:flex}
  .lp-cta .btn{flex:1 1 100%}
}

/* 랜딩 하단 고정 버튼과 김비서 겹침 방지 */
@media (max-width:900px){body:has(.lp-bar) .chancebot{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}body:has(.lp-bar) .chat-widget{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}

/* 홈페이지 제작 통합 페이지 */
.hp-crumb{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.hp-crumb a:hover{color:var(--ink)}
.hp-table{margin-top:24px;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
.hp-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.hp-table th,.hp-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}
.hp-table thead th{background:var(--bg-2);font-size:15px;font-weight:800}
.hp-table thead th:nth-child(2){color:var(--brand-ink)}
.hp-table tbody th{width:22%;font-weight:700;color:var(--muted);font-size:14px;white-space:nowrap}
.hp-table tr:last-child th,.hp-table tr:last-child td{border-bottom:0}
.hp-gh{margin-top:26px;font-size:17px;font-weight:800;color:var(--brand-ink);scroll-margin-top:90px}
.hp-gh+.lp-price{margin-top:12px}
.hp-steps5{grid-template-columns:repeat(5,minmax(0,1fr))}
.hp-terms{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hp-terms div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.hp-terms b{display:block;font-size:15px;font-weight:780}
.hp-terms p{margin-top:6px;font-size:14px;line-height:1.65;color:var(--ink-2)}
.hp .lp-hero{padding-top:clamp(24px,4vw,56px)}
@media (max-width:1400px){.hp-steps5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.hp-steps5,.hp-terms{grid-template-columns:minmax(0,1fr)}}
/* 서비스 공통 틀 (tools/svc_build.py) */
.sv-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sv-facts div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;box-shadow:0 10px 24px -18px rgba(11,18,32,.25)}
.sv-facts small{display:block;font-size:13px;font-weight:700;color:var(--muted)}
.sv-facts b{display:block;margin-top:6px;font-size:clamp(22px,2.4vw,28px);font-weight:850;letter-spacing:-.03em;color:var(--brand-ink)}
.sv-facts span{display:block;margin-top:4px;font-size:13.5px;color:var(--ink-2);line-height:1.5}
.sv-vid{margin:0}
.sv-vid video{display:block;width:100%;border-radius:16px;border:1px solid var(--line);background:#fff}
.sv-vid figcaption{margin-top:8px;font-size:13px;color:var(--muted)}
.sv-vids{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fb-case{background:#fff;border:1.5px solid rgba(10,155,111,.35);border-radius:20px;padding:24px 24px 20px;word-break:keep-all}
.fb-case .fb-tag{display:inline-block;font-size:12.5px;font-weight:750;color:var(--brand-ink);background:var(--brand-soft);border-radius:999px;padding:4px 10px}
.fb-case h3{margin:10px 0 6px;font-size:21px;font-weight:800;letter-spacing:-.02em}
.fb-case>p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.7}
.fb-cols{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fb-cols div{background:var(--bg-2);border-radius:14px;padding:16px 16px 12px}
.fb-cols b{display:block;font-size:14.5px;font-weight:780;margin-bottom:6px}
.fb-cols ul{margin:0;padding:0 0 0 16px}
.fb-cols li{font-size:14px;line-height:1.6;color:var(--ink-2);margin:2px 0}
.sv-form{margin-top:12px;display:grid;gap:6px}
.sv-form-h{font-size:14px;font-weight:800;color:var(--ink);margin:0 0 4px}
.sv-form label{font-size:13px;font-weight:700;color:var(--ink-2);margin-top:4px}
.sv-form input{width:100%;min-height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-size:15px}
.sv-form input:focus{outline:none;border-color:var(--brand)}
.sv-form .bb-cta[disabled]{opacity:.45;cursor:not-allowed}
.sv-form-msg{margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}
.sv-form-msg a{color:var(--brand-ink);text-decoration:underline}
.sv-ck-holder{display:none}
.bb .sv-ck-holder,.bb-mount .ck{display:block}
@media (max-width:900px){.sv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-cols,.sv-vids{grid-template-columns:minmax(0,1fr)}}

.lp-price>a:hover{border-color:var(--brand);transform:translateY(-2px)}
.lp-pick{display:block;margin-top:12px;font-style:normal;font-size:14px;font-weight:800;color:var(--brand)}
.sv-qr{display:flex;flex-direction:column;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;text-decoration:none;color:inherit;text-align:center;max-width:320px;margin:0 auto}
.sv-qr img{width:200px;height:200px}
.sv-qr span{font-size:14px;color:var(--muted);line-height:1.5}
.sv-qr b{color:var(--ink,#111);font-size:16px}