/* 10-27 HZ 팀장(Fred 지시, SPEC-dawnsourcing 1·2·3): 홈 1단계 견적 폼·첫 화면·하단 고정 바·왓츠앱 버튼. 색·글꼴은 hz-home.css 토큰 그대로 */
.l1-hero{padding-block:clamp(16px,3vw,44px) clamp(24px,4vw,52px)}
.l1-hero__in{display:grid;gap:18px;max-width:1120px}
.l1-hero__kicker{margin:0;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-60)}
.l1-hero h1{font-size:clamp(1.7rem,1rem + 2.2vw,2.6rem);line-height:1.12;margin:4px 0 10px;max-width:20ch}
.l1-hero__sub{margin:0;font-size:clamp(1.02rem,.98rem + .3vw,1.2rem);max-width:44ch}
.l1-hero__fig{margin:0}
.l1-hero__fig img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#eee}
.l1-hero__fig figcaption{font-size:.8rem;color:var(--ink-60);margin-top:6px}
@media (max-width:959px){.l1-hero .l1{order:1}.l1-hero__fig{order:2}}  /* 모바일: 문구 → 폼 → 사진 */
@media (min-width:960px){
  .l1-hero__in{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-template-areas:"head form" "fig form";column-gap:clamp(32px,4vw,56px);align-items:start}
  .l1-hero__head{grid-area:head}.l1-hero__fig{grid-area:fig}.l1-hero .l1{grid-area:form}
  .l1-hero__fig img{aspect-ratio:16/9}
}

.l1{display:grid;gap:12px;background:#fff;border:2px solid var(--ink);padding:clamp(16px,2.4vw,24px);border-radius:8px;scroll-margin-top:80px}
.l1__title{margin:0;font-weight:800;font-size:1.15rem}
.l1 label{display:block;font-weight:700;font-size:.95rem;margin:0 0 4px}
.l1 label small{font-weight:400;color:var(--ink-60)}
.l1 input[type=url],.l1 input[type=email],.l1 select{font:inherit;font-size:1rem;width:100%;box-sizing:border-box;border:1.5px solid var(--rule);border-radius:0;padding:11px 12px;background:#fff;color:var(--ink)}
.l1 input[type=file]{font-size:.92rem;max-width:100%}
.l1 [aria-invalid=true]{border-color:var(--blaze)}
.l1__or{margin:6px 0 4px;font-size:.85rem;color:var(--ink-60)}
.l1__file{font-size:.85rem;color:var(--ink-60);margin:4px 0 0}
.l1 .btn{width:100%;font-size:1.1rem;padding-block:15px;cursor:pointer;margin-top:2px}
.l1__note{margin:0;font-size:.88rem;color:var(--ink-60)}
.l1__small{margin:0;font-size:.85rem;padding:10px 12px;background:#f6f6f4;border-left:3px solid var(--blaze)}
.l1__small a{font-weight:700}
.l1__status{margin:0;min-height:1.2em;font-size:.95rem}
.l1__status.l1-err{color:var(--blaze-ink);font-weight:600}
.l1__privacy{margin:0;font-size:.78rem;color:var(--ink-60)}
.l1__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.l1-final{max-width:560px;margin:0 auto}

/* 하단 반복 폼 구역 */
.l1-finalsec h2{text-align:center;margin-bottom:18px}

/* 각주 크기 문구 */
.l1-fine{font-size:.8rem;color:var(--ink-60);margin:10px 0 0}

/* 증거 띠 3칸 */
.l1-proof{display:grid;gap:8px;list-style:none;margin:0;padding:clamp(14px,2vw,20px) 0;text-align:center}
.l1-proof li{font-size:clamp(.98rem,.94rem + .3vw,1.15rem)}
.l1-proof b{font-size:1.2em}
@media (min-width:760px){.l1-proof{grid-template-columns:repeat(3,1fr)}}

/* 모바일 하단 고정 바(첫 화면 폼이 보이면 숨김) · 데스크톱 왓츠앱 버튼 */
.l1bar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:grid;grid-template-columns:1.4fr 1fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--rule);box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.l1bar[hidden]{display:none}
.l1bar a{display:flex;align-items:center;justify-content:center;min-height:48px;font-weight:700;text-decoration:none;border-radius:6px;font-size:1rem}
.l1bar__q{background:var(--blaze);color:#fff}
.l1bar__wa{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.l1wa{display:none}
@media (min-width:900px){
  .l1bar{display:none!important}
  .l1wa{display:flex;position:fixed;right:20px;bottom:20px;z-index:900;align-items:center;gap:8px;padding:12px 16px;background:#1f8f4e;color:#fff;font-weight:700;text-decoration:none;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
  .l1wa svg{width:20px;height:20px;fill:#fff}
}
/* 10-27 HZ 팀장(codex FAIL 4): 본문 끝이 바에 안 덮이게 바 높이(48+위아래 8+선 1)+기기 아래 안전 영역만큼 여백 */
@media (max-width:899px){body.l1-has-bar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}

/* /thanks */
.l1-thanks{max-width:620px;padding-block:clamp(32px,6vw,72px)}
.l1-thanks h1{font-size:clamp(1.7rem,1rem + 2vw,2.4rem);margin:0 0 12px}
.l1-thanks p{font-size:1.08rem}
.l1-thanks__act{display:grid;gap:10px;margin-top:22px;max-width:420px}
.l1-thanks__act .btn{text-align:center;font-size:1.05rem;padding-block:14px}
.l1-thanks__wa{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}