*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;font:16px/1.6 "Pretendard",system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;color:#111;background:#fff;-webkit-text-size-adjust:100%}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:#fff;padding:8px;z-index:10}
.top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:4px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));border-bottom:1px solid #eaeaeb}
.brand{margin:0;font-weight:700}.brand a{color:inherit;text-decoration:none}.tag{font-weight:400;font-size:13px;border:1px solid #111;border-radius:4px;padding:1px 6px;margin-left:6px}
main{max-width:720px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}
main:focus{outline:none}
h1{font-size:24px;line-height:1.4;margin:8px 0 12px}h2{font-size:20px;line-height:1.4;margin:28px 0 10px}h3{font-size:17px;line-height:1.45;margin:18px 0 6px}
h1:focus{outline:none}
p{margin:0 0 12px}.small{font-size:14px;color:#444}.lead{font-size:17px}
a{color:#0b57d0;text-underline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #111;outline-offset:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 16px;border:1px solid #111;border-radius:4px;background:#fff;color:#111;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn.primary{background:#4c94fe;border-color:#4c94fe;color:#111}
.btn.quiet{border-color:transparent;text-decoration:underline;font-weight:400}
.btn[disabled]{opacity:.6;cursor:progress}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.box{border:1px solid #eaeaeb;border-radius:6px;padding:14px 16px;margin:0 0 14px}
.ok{border-left:3px solid #4c94fe;background:#f4f8ff;padding:10px 14px;margin:0 0 12px}
.warn{border-left:3px solid #8a6d00;background:#fffbea;padding:10px 14px;margin:0 0 12px}
.err{border-left:3px solid #b3261e;background:#fdf3f2;padding:10px 14px;margin:0 0 12px}
.field{display:block;margin:0 0 16px}.field>span{display:block;font-weight:600;font-size:15px;margin-bottom:4px}
.field .opt{font-weight:400;color:#444;font-size:14px}
.hint{display:block;font-size:14px;color:#444;margin-top:4px}
.ferr{display:block;font-size:14px;color:#b3261e;margin-top:4px}
select,input[type=text],input[type=tel],input[type=email],textarea{width:100%;min-height:44px;padding:8px 10px;border:1px solid #8e8e93;border-radius:4px;font:inherit;color:#111;background:#fff}
textarea{min-height:110px;resize:vertical}
[aria-invalid=true]{border-color:#b3261e}
.check{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;font-size:15px}.check input{width:22px;height:22px;margin-top:1px;accent-color:#111;flex:none}
dl{display:grid;grid-template-columns:9em 1fr;gap:6px 12px;margin:0 0 12px}dt{color:#444}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.status{display:inline-block;padding:1px 8px;border:1px solid #111;border-radius:4px;font-size:14px}
.list{list-style:none;padding:0;margin:0}
.list li{margin:0 0 10px}
ol.history{padding-left:20px;font-size:15px}
/* 공개 Q&A */
.guide .source{margin-top:-4px}
.quick ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:8px 0 8px}
.qa{border-top:1px solid #eaeaeb;padding-top:4px}
.answer ul,.answer ol{padding-left:22px;margin:0 0 12px}.answer li{margin:0 0 6px}
.svc{border:1px solid #eaeaeb;border-radius:6px;padding:12px 16px;margin:0 0 12px}
.svc h3{margin-top:4px}.svc .en{font-weight:400;font-size:14px;color:#444}
.svc .tagline{font-weight:600}.svc .note{font-size:15px;color:#333}
.foot{margin-top:32px;border-top:1px solid #eaeaeb;padding-top:12px}
@media (max-width:560px){dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:8px}h1{font-size:22px}}
/* CUSTOMER-1 예약 후 안내 */
#notice:focus{outline:none}
.warn>p:last-child,.note>p:last-child,.ok>p:last-child,.err>p:last-child{margin-bottom:0}
.note{border-left:3px solid #8e8e93;background:#f6f6f7;padding:10px 14px;margin:0 0 12px}
ul.plain{list-style:none;padding:0;margin:0}ul.plain li{margin:0 0 6px}ul.plain li:last-child{margin:0}
.after{border-top:1px solid #eaeaeb;margin-top:12px;padding-top:4px}
.after h3{margin-top:10px}
h4{font-size:16px;line-height:1.45;margin:14px 0 6px}
.part{margin:0 0 12px}
.part ul,.part ol{padding-left:22px;margin:0 0 10px}.part li{margin:0 0 4px}
.label{font-weight:600;margin:0 0 4px}
.src{color:#555}
textarea.ai-text{min-height:200px;font-size:14px;line-height:1.5;background:#fafafa}
details.ai>summary{margin:4px 0}
/* 서비스 상세 페이지 */
.services-page .svc h2{margin-top:6px}.services-page .svc h3{font-size:16px}.services-page .qa h3,.services-page .qa h4{font-size:16px;margin:12px 0 4px}
.services-page .svc ul,.services-page .svc ol,.services-page section>ul{padding-left:22px}.services-page li{margin:0 0 4px}

/* CUSTOMER-AI-2: 내 AI 연결 */
.ai-connect{margin-top:2rem;border-top:1px solid #d8d8d8;padding-top:1rem}
.ai-connect h2{font-size:1.25rem;margin:0 0 .75rem}
.ai-connect h2:focus,#ai-notice:focus{outline:none}
.ai-link .client{overflow-wrap:anywhere}
.ai-reqs li{border-top:1px dashed #d8d8d8;padding-top:.5rem;margin-top:.5rem}
.copy-field{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}
.pair-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;letter-spacing:.05em}
form fieldset.part{border:1px solid #d8d8d8;border-radius:8px;padding:.75rem 1rem;margin:1rem 0}
form fieldset.part legend{padding:0 .25rem}