/* 큰길브리지 퍼널 공용 스타일 — ai-make.co.kr 본 사이트와 같은 색 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
:root{
  --ink:#07090F; --ink-2:#0B0F18; --ink-3:#111725;
  --paper:#F3EFE6; --gold:#E8B84B; --gold-deep:#B98A22; --teal:#3FD3C6; --coral:#FF6B4A;
  --txt:#EDEAE3; --dim:#9AA3B2; --mute:#5C6577; --line:rgba(237,234,227,.10); --line-2:rgba(237,234,227,.18);
  --ok:#3FD38A; --r:14px;
  --f:"Pretendard Variable",Pretendard,-apple-system,"Malgun Gothic",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--ink);color:var(--txt);font-family:var(--f);letter-spacing:-.02em;line-height:1.65;word-break:keep-all;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:680px;margin:0 auto;padding:0 20px}

/* 상단 */
.top{position:sticky;top:0;z-index:20;background:rgba(7,9,15,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:58px;gap:12px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;text-decoration:none;font-size:1.02rem}
.logo svg{width:28px;height:28px}
.top .tel{font-size:.86rem;color:var(--dim);text-decoration:none;white-space:nowrap}
.top .tel b{color:var(--gold)}

/* 단계 표시 */
.steps{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:22px 0 6px;font-size:.78rem;color:var(--mute)}
.steps span{padding:5px 11px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.steps span.on{color:var(--ink);background:var(--gold);border-color:var(--gold);font-weight:700}
.steps span.done{color:var(--teal);border-color:rgba(63,211,198,.35)}

/* 글 */
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;color:var(--teal);letter-spacing:.02em;margin-bottom:14px}
h1{font-size:clamp(1.9rem,5.4vw,3.2rem);line-height:1.22;font-weight:800;letter-spacing:-.04em}
h2{font-size:clamp(1.45rem,3.6vw,2.1rem);line-height:1.3;font-weight:800;letter-spacing:-.035em}
h3{font-size:1.1rem;font-weight:800}
.gold{color:var(--gold)} .teal{color:var(--teal)} .dim{color:var(--dim)} .mute{color:var(--mute)}
.lead{font-size:clamp(1rem,2.2vw,1.14rem);color:var(--dim);margin-top:16px}
.sec{padding:72px 0}
.sec.alt{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.center{text-align:center}

/* 카드 */
.card{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.grid{display:grid;gap:14px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}

/* 단추 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:999px;font:inherit;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--txt);transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn.teal{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.btn.block{width:100%}
.btn[disabled]{opacity:.5;cursor:default;transform:none}

/* 입력 */
.f{display:block;font-size:.86rem;font-weight:700;margin:14px 0 6px;color:var(--txt)}
.f small{font-weight:400;color:var(--mute)}
.in{width:100%;padding:14px 15px;border-radius:12px;border:1px solid var(--line-2);background:#0E1320;color:var(--txt);font:inherit;font-size:1rem;outline:none}
.in:focus{border-color:var(--gold)}
select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--dim) 50%),linear-gradient(135deg,var(--dim) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.row2{display:grid;gap:0 12px}
@media(min-width:560px){.row2{grid-template-columns:1fr 1fr}}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--dim);margin-top:12px;cursor:pointer}
.chk input{width:19px;height:19px;margin-top:2px;accent-color:var(--gold);flex:none}
.chk a{color:var(--dim)}
.err{color:var(--coral);font-size:.84rem;margin-top:10px;min-height:1.2em}

/* 칩 선택 */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:10px 14px;border:1px solid var(--line-2);border-radius:999px;font-size:.9rem;color:var(--dim)}
.chips input:checked+span{background:rgba(232,184,75,.14);border-color:var(--gold);color:var(--gold);font-weight:700}
.chips input:focus-visible+span{outline:2px solid var(--teal)}

/* 안내 상자 */
.note{font-size:.84rem;color:var(--dim);background:rgba(63,211,198,.06);border:1px solid rgba(63,211,198,.2);border-radius:12px;padding:14px 16px}
.warn{font-size:.84rem;color:#FFD9CF;background:rgba(255,107,74,.08);border:1px solid rgba(255,107,74,.3);border-radius:12px;padding:14px 16px}

/* 하단 */
.foot{border-top:1px solid var(--line);padding:34px 0 48px;font-size:.78rem;color:var(--mute);line-height:1.9}
.foot span{margin-right:12px;white-space:nowrap}
.foot a{color:var(--dim)}

.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;background:#fff;color:var(--ink);padding:12px 20px;border-radius:999px;font-weight:700;font-size:.9rem;transition:.25s;z-index:99;pointer-events:none;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.spin{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}