/* QuantumTronix — 문의(Contact). home.css + about.css 위에. Fluent Forms 양식도 사이트 톤으로 */
.ct .ab-k{display:flex;gap:12px;align-items:baseline;margin:0 0 16px}

/* ---------- 첫 화면 (짧게) ---------- */
.ct-hero{position:relative;overflow:hidden;min-height:62vh;min-height:62svh;display:flex;align-items:flex-end;padding:clamp(140px,22vh,220px) var(--gx) clamp(50px,8vh,90px);background:radial-gradient(ellipse 50% 60% at 72% 40%,rgba(94,242,214,.06),transparent 70%),radial-gradient(ellipse 40% 50% at 60% 60%,rgba(255,180,94,.06),transparent 70%),var(--bg)}
.ct-hero-copy{position:relative;z-index:2;max-width:58rem}
.ct-hero .ab-title{font-size:clamp(34px,4.4vw,68px)}
/* 두 점이 하나의 궤도를 도는 작은 장식 (CSS 만, 가벼움) */
.ct-orbit{position:absolute;right:max(var(--gx),6vw);top:50%;width:min(36vw,420px);aspect-ratio:1/1;transform:translateY(-50%) rotateX(66deg) rotateZ(-24deg);transform-style:preserve-3d;pointer-events:none}
.ct-orbit .o1,.ct-orbit .o2{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(238,243,246,.12)}
.ct-orbit .o2{inset:14%;border-color:rgba(255,190,110,.16)}
.ct-orbit b{position:absolute;inset:0;border-radius:50%;animation:ctSpin 9s linear infinite}
.ct-orbit b::after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%}
.ct-orbit .d1::after{background:#ffd7a0;box-shadow:0 0 14px 3px rgba(255,180,94,.8),-18px 0 18px -4px rgba(255,180,94,.5)}
.ct-orbit .d2{animation-delay:-4.5s}
.ct-orbit .d2::after{background:#bffcef;box-shadow:0 0 14px 3px rgba(94,242,214,.8),-18px 0 18px -4px rgba(94,242,214,.5)}
@keyframes ctSpin{to{transform:rotate(360deg)}}

/* ---------- 본문: 안내 + 양식 ---------- */
.ct-main{max-width:1280px;margin:0 auto;padding:clamp(30px,6vh,70px) var(--gx) clamp(90px,14vh,160px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,90px);align-items:start}
.ct-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:34px}
.ct-h{font:400 clamp(22px,2vw,30px)/1.3 var(--f-display)!important;margin:0 0 18px!important;color:var(--fg)}
html[lang^="en"] .ct-h{font-weight:500!important}
.ct-prep{list-style:none;margin:0 0 18px;padding:0}
.ct-prep li{display:grid;grid-template-columns:40px 1fr;padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;color:var(--fg80)}
.ct-prep li:last-child{border-bottom:1px solid var(--line)}
.ct-prep b{font:400 11px/1.9 var(--f-mono);letter-spacing:.14em;color:var(--warm)}
.ct-nda{font-size:13.5px!important;line-height:1.7!important;color:var(--fg40)!important;padding-left:14px;border-left:1px solid rgba(255,190,110,.4)}
.ct-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}
.ct-facts dt{margin-bottom:6px;font:400 10.5px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg40)}
.ct-facts dd{margin:0;font-size:14.5px;line-height:1.65;color:var(--fg80)}
.ct-facts address{font-style:normal}
.ct-facts address b{display:block;color:var(--fg);font-weight:500}
.ct-facts a{color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(255,190,110,.5)}
.ct-form{padding:clamp(24px,3.4vw,48px);border:1px solid rgba(255,190,110,.25);border-radius:20px;background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(255,180,94,.07),transparent 60%),rgba(238,243,246,.02)}
.ct-form .ab-k b{color:var(--warm)}
.ct-none{color:var(--fg60)}
.ct-none a{color:var(--warm)}

/* ---------- Fluent Forms 를 사이트 톤으로 ---------- */
/* 양식 설정의 '맞춤 CSS'(AI 양식이 넣은 흰 카드 등)를 이 페이지에서는 덮어쓴다 */
.ct .fluentform form.frm-fluent-form,.ct form.frm-fluent-form{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important;font-family:inherit!important;color:var(--fg80)!important}
.ct .fluentform .ff-el-input--label label{font-weight:400!important;margin-bottom:0!important}
.ct .fluentform .ff-el-form-check-label span{color:inherit!important}
.ct .fluentform .ff-btn-submit{min-width:0!important;width:auto!important}
.ct .fluentform{color:var(--fg80);font-family:var(--f-body,inherit)}
.ct .fluentform .ff-el-group{margin-bottom:22px!important}
.ct .fluentform .ff-el-input--label{margin-bottom:8px!important}
.ct .fluentform .ff-el-input--label label,.ct .fluentform .ff-el-section-title{font:400 11px/1.4 var(--f-mono)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--fg60)!important}
.ct .fluentform .ff-el-is-required.asterisk-right label:after,.ct .fluentform .ff-el-is-required.asterisk-left label:before{color:var(--warm)!important}
.ct .fluentform .ff-el-form-control,.ct .fluentform select.ff-el-form-control,.ct .fluentform textarea.ff-el-form-control{width:100%;background:rgba(3,4,9,.55)!important;border:1px solid rgba(238,243,246,.16)!important;border-radius:10px!important;color:var(--fg)!important;font-size:16px!important;padding:13px 15px!important;box-shadow:none!important;transition:border-color .3s,background .3s}
.ct .fluentform .ff-el-form-control::placeholder{color:rgba(238,243,246,.3)!important}
.ct .fluentform .ff-el-form-control:focus{border-color:rgba(255,190,110,.7)!important;background:rgba(3,4,9,.8)!important;outline:none}
.ct .fluentform select.ff-el-form-control option{background:#0b0d14;color:#eef3f6}
.ct .fluentform .ff-el-form-check{margin-bottom:8px!important}
.ct .fluentform .ff-el-form-check-label{display:inline-flex!important;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(238,243,246,.14);border-radius:99px;font-size:14.5px;color:var(--fg80)!important;cursor:pointer;transition:border-color .3s,background .3s}
.ct .fluentform .ff-el-form-check-label:hover{border-color:rgba(255,190,110,.5)}
.ct .fluentform .ff-el-form-check.ff_item_selected .ff-el-form-check-label{border-color:rgba(255,190,110,.8);background:rgba(255,180,94,.08);color:var(--fg)!important}
.ct .fluentform input[type=radio],.ct .fluentform input[type=checkbox]{accent-color:#ffb45e}
.ct .fluentform .ff-el-tc .ff-el-form-check-label,.ct .fluentform .ff_t_c .ff-el-form-check-label{border:0;padding:0;border-radius:0;font-size:13.5px;color:var(--fg60)!important}
.ct .fluentform .ff-btn-submit,.ct .fluentform .ff-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px!important;border:0!important;border-radius:99px!important;background:linear-gradient(180deg,#fff3d6,#e7bd78)!important;color:#1a1206!important;font-weight:600!important;font-size:15px!important;letter-spacing:.02em;box-shadow:0 10px 30px rgba(255,180,94,.18)!important;transition:transform .3s,box-shadow .3s}
.ct .fluentform .ff-btn-submit:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,180,94,.3)!important}
.ct .fluentform .text-danger,.ct .fluentform .error{color:#ff9a8a!important;font-size:13px!important;margin-top:6px}
.ct .fluentform .ff-el-is-error .ff-el-form-control{border-color:rgba(255,120,100,.7)!important}
.ct .ff-message-success{border:1px solid rgba(94,242,214,.45)!important;border-radius:14px!important;background:rgba(94,242,214,.06)!important;color:var(--fg)!important;padding:22px 24px!important;box-shadow:none!important;font-size:16px}
.ct .fluentform .ff-el-help-message{color:var(--fg40)!important;font-size:13px!important}
.ct .fluentform .ff-t-container{gap:16px}

/* ---------- 휴대폰·태블릿 ---------- */
@media (max-width:900px){
  .ct-main{grid-template-columns:minmax(0,1fr)}
  .ct-side{position:static;order:2}
  .ct-form{order:1}
  .ct-orbit{width:56vw;right:-8vw;top:34%;opacity:.7}
}
@media (max-width:560px){
  .ct-facts{grid-template-columns:minmax(0,1fr)}
  .ct .fluentform .ff-t-container{display:block}
  .qth-cont .grain{display:none}
}
@media (prefers-reduced-motion:reduce){ .ct-orbit b{animation:none} }