.clod-contact-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:24px;background:rgba(7,8,10,.84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.clod-contact-modal.is-open{opacity:1;visibility:visible}
.clod-contact-modal[hidden]{display:none}
.clod-contact-dialog{position:relative;width:min(100%,620px);max-height:min(90vh,820px);overflow:auto;padding:44px;background:#111214;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.48);color:#fff;transform:translateY(16px) scale(.99);transition:transform .28s cubic-bezier(.22,1,.36,1)}
.clod-contact-modal.is-open .clod-contact-dialog{transform:none}
.clod-contact-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:rgba(255,255,255,.72);font:300 24px/1 Pretendard,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.clod-contact-close:hover{background:rgba(255,255,255,.13);color:#fff}
.clod-contact-kicker{display:block;margin-bottom:10px;color:#2ce026;font:700 11px/1.2 Inter,Pretendard,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.clod-contact-title{margin:0 42px 8px 0;color:#fff;font:700 clamp(25px,4vw,32px)/1.2 Pretendard,sans-serif;letter-spacing:-.035em}
.clod-contact-sub{margin:0 0 28px;color:rgba(255,255,255,.48);font:400 14px/1.6 Pretendard,sans-serif}
#clod-contact-form{display:block;padding:0;border-radius:0;background:transparent;color:inherit;box-shadow:none}
.clod-contact-group{margin:0 0 15px}
.clod-contact-label{display:block;margin:0 0 7px;color:rgba(255,255,255,.58);font:650 11px/1.3 Inter,Pretendard,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.clod-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.clod-contact-input{display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.055);color:#fff;font:400 15px/1.45 Pretendard,sans-serif;transition:border-color .2s,background .2s}
.clod-contact-input::placeholder{color:rgba(255,255,255,.25)}
.clod-contact-input:focus{outline:0;border-color:rgba(44,224,38,.72);background:rgba(255,255,255,.075)}
textarea.clod-contact-input{min-height:104px;resize:vertical}
.clod-contact-segments{display:flex;flex-wrap:wrap;gap:8px}
.clod-contact-segment{min-height:38px;padding:8px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.72);font:500 13px/1.2 Pretendard,sans-serif;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.clod-contact-segment:hover{border-color:rgba(255,255,255,.36);color:#fff}
.clod-contact-segment.is-selected{border-color:#2ce026;background:#2ce026;color:#071007}
.clod-contact-consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 16px;color:rgba(255,255,255,.64);font:400 12.5px/1.55 Pretendard,sans-serif;cursor:pointer}
.clod-contact-consent input{flex:none;margin-top:3px;accent-color:#2ce026}
.clod-contact-submit{width:100%;min-height:52px;border:0;border-radius:999px;background:#2ce026;color:#071007;font:700 15px/1 Pretendard,sans-serif;cursor:pointer;transition:filter .2s,transform .2s,opacity .2s}
.clod-contact-submit:hover:not(:disabled){filter:brightness(.92);transform:translateY(-1px)}
.clod-contact-submit:disabled{cursor:not-allowed;opacity:.38}
.clod-contact-status{min-height:20px;margin:10px 0 0;color:rgba(255,255,255,.64);font:400 12px/1.55 Pretendard,sans-serif}
.clod-contact-success{padding:46px 10px 36px;text-align:center}
.clod-contact-success-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#2ce026;color:#071007;font:700 26px/1 Pretendard,sans-serif}
.clod-contact-success h3{margin:0 0 9px;color:#fff;font:700 24px/1.3 Pretendard,sans-serif;letter-spacing:-.025em}
.clod-contact-success p{margin:0;color:rgba(255,255,255,.5);font:400 14px/1.65 Pretendard,sans-serif}
.clod-contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
body.clod-contact-open{overflow:hidden!important}
@media(max-width:640px){.clod-contact-modal{padding:10px;align-items:end}.clod-contact-dialog{width:100%;max-height:92dvh;padding:34px 20px 24px;border-radius:18px 18px 10px 10px}.clod-contact-grid{grid-template-columns:1fr;gap:0}.clod-contact-title{font-size:25px}.clod-contact-sub{margin-bottom:22px}.clod-contact-segment{min-height:42px}.clod-contact-close{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.clod-contact-modal,.clod-contact-dialog{transition:none}}