/* 디스코박스 샘플 공통 — 리셋 · 폼 · 확인필요 뱃지 · 푸터. 선택된 안은 이 파일을 인라인으로 합쳐 mobinad/src/landing.ts로 옮긴다. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;line-height:1.6;font-size:16px;word-break:keep-all;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
ul{list-style:none}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* 확인 필요 뱃지 — 고르는 단계라 숨기지 않는다 */
.tbd{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:999px;background:#FFF3C4;color:#7A5200;border:1px solid #F5D77A;vertical-align:middle;white-space:nowrap;letter-spacing:0}
.tbd::before{content:"";width:6px;height:6px;border-radius:50%;background:#E0A800}
.num-tbd{display:inline-block;min-width:3ch;border-bottom:2px dashed #E0A800;color:#9A7000;font-variant-numeric:tabular-nums}

/* 사진 자리 — 가짜 이미지를 넣지 않는다 */
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:1.5px dashed rgba(127,127,127,.45);border-radius:14px;color:rgba(127,127,127,.9);font-size:13px;font-weight:600;padding:16px;background:repeating-linear-gradient(135deg,rgba(127,127,127,.06) 0 10px,transparent 10px 20px)}
.ph small{font-weight:500;font-size:12px;opacity:.8}

/* 폼 — 필드명은 현행 /leads 와 동일하게 유지 */
.form{display:grid;gap:14px}
.form .row{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.form label{display:grid;gap:6px;font-size:13px;font-weight:600}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line,#D5DBE3);background:var(--field,#fff);color:var(--ink,#0F1E33);outline:none;transition:border-color .15s,box-shadow .15s}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent,#1585C7);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#1585C7) 20%,transparent)}
.form textarea{min-height:120px;resize:vertical}
.form .note{font-size:12.5px;opacity:.75}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:10px;font-weight:700;font-size:15px;border:1.5px solid transparent;cursor:pointer;transition:transform .12s,opacity .15s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none;opacity:.9}
.btn-block{width:100%}
@media (max-width:640px){.form .row{grid-template-columns:1fr}}

/* 푸터 사업자 정보 — 현행 사이트에 없는 것. 전부 확인 필요 */
.biz{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;opacity:.78}
.biz span b{font-weight:600;opacity:.9;margin-right:4px}

/* 샘플 표시 띠 */
.sample-bar{position:sticky;top:0;z-index:99;background:#111;color:#fff;font-size:12.5px;padding:7px 0;text-align:center}
.sample-bar .wrap{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center}
.sample-bar a{color:#FFD56A;font-weight:700}
.sample-bar a:hover{text-decoration:underline}
.sample-bar .tag{background:#FFD56A;color:#111;font-weight:800;padding:1px 8px;border-radius:999px}
/* 공통 보정: 뱃지는 어떤 블록 규칙 아래서도 인라인 유지 */
.tbd,.tbd *{display:inline-flex!important}