.inquiry-intro { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 32px; align-items: end; padding: clamp(54px, 7vw, 96px) clamp(4px, 3vw, 42px) 54px; }
.inquiry-intro h1 { margin: 22px 0 0; max-width: 780px; font-family: var(--display); font-size: clamp(2.25rem, 4.05vw, 3.9rem); line-height: 1.28; letter-spacing: -.045em; font-weight: 680; }
.inquiry-intro h1 span { color: var(--brand); }
.intro-text { max-width: 680px; margin: 25px 0 0; color: var(--muted); font-size: clamp(1rem, 1.25vw, 1.12rem); line-height: 1.85; }
.intro-mark { min-height: 158px; display: flex; flex-direction: column; justify-content: space-between; padding: 16px 18px; border: 1px solid var(--line); border-radius: 13px; color: var(--brand); font: 600 .65rem/1.5 var(--mono); letter-spacing: .055em; transform: rotate(4deg); }
.intro-mark i { align-self: center; font: normal 3.7rem/1 var(--display); }
.intro-mark span:last-child { align-self: end; text-align: right; }
.inquiry-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .75fr); gap: 14px; align-items: stretch; margin-bottom: 86px; }
.form-panel, .inquiry-side { border: 1px solid var(--line); border-radius: 16px; }
.form-panel { min-height: 680px; padding: clamp(25px, 3.6vw, 54px); background: var(--panel); }
.panel-heading { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.section-index { color: var(--brand); font: 600 .69rem/1.5 var(--mono); letter-spacing: .085em; }
.panel-heading h2, .inquiry-side h2 { margin: 13px 0 0; font-family: var(--display); font-size: clamp(1.55rem, 2.25vw, 2.2rem); line-height: 1.38; letter-spacing: -.034em; font-weight: 650; }
.panel-star { width: 44px; height: 44px; display: grid; place-items: center; flex: none; border: 1px solid var(--line); border-radius: 50%; color: var(--orange); font: 1.55rem/1 var(--display); }
.panel-intro { margin: 13px 0 32px; color: var(--muted); line-height: 1.7; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 20px; }
.form-field { display: flex; flex-direction: column; min-width: 0; }
.form-field-wide { grid-column: 1 / -1; }
.form-field label { margin-bottom: 9px; color: var(--ink); font-size: .88rem; font-weight: 650; }
.form-field label em { color: var(--orange); font-style: normal; }
.form-field label span { color: var(--muted); font-size: .76rem; font-weight: 400; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 51px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); font: 400 .92rem/1.5 var(--sans); outline: none; transition: border-color .18s, box-shadow .18s; }
.form-field textarea { min-height: 145px; resize: vertical; }
.form-field :is(input, select, textarea):focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(52, 89, 217, .12); }
.form-field input:disabled { opacity: .65; cursor: not-allowed; }
.form-field :is(input, textarea)::placeholder { color: var(--muted); opacity: .76; }
.form-field small { margin-top: 7px; color: var(--muted); font-size: .73rem; line-height: 1.5; }
.turnstile-mount { min-height: 0; margin-top: 21px; }
.turnstile-mount:not(:empty) { min-height: 65px; }
.consent { display: flex; align-items: start; gap: 10px; margin-top: 21px; color: var(--muted); font-size: .78rem; line-height: 1.65; cursor: pointer; }
.consent input { width: 16px; height: 16px; margin: 2px 0 0; flex: none; accent-color: var(--brand); }
.form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 23px; margin-top: 30px; }
.form-actions button { min-width: 190px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 15px 18px; border: 0; border-radius: 8px; background: var(--brand); color: #fff; font: 650 .89rem/1.4 var(--sans); cursor: pointer; transition: background .2s, transform .2s; }
.form-actions button:hover:not(:disabled) { background: #2446c3; transform: translateY(-2px); }
.form-actions button:disabled { opacity: .55; cursor: not-allowed; }
.form-actions button span:last-child { font-size: 1.2rem; }
.form-actions p { margin: 0; color: var(--muted); font-size: .76rem; }
.form-status { min-height: 1.5em; margin: 15px 0 0; color: var(--orange); font-size: .82rem; }
.form-status[data-kind="info"] { color: var(--muted); }
.form-status[data-kind="success"] { color: var(--brand); }
.honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.success-state { padding: 55px 0 30px; }
.success-state[hidden] { display: none; }
.success-state > span { width: 65px; height: 65px; display: grid; place-items: center; border-radius: 50%; background: var(--green); color: #23361a; font-size: 2rem; }
.success-state h2 { margin: 30px 0 12px; font-family: var(--display); font-size: clamp(1.65rem, 2.3vw, 2.25rem); line-height: 1.35; }
.success-state p { max-width: 510px; color: var(--muted); line-height: 1.8; }
.success-state a { display: inline-block; margin-top: 22px; color: var(--brand); font: 700 .8rem var(--mono); text-decoration: none; }
.inquiry-side { display: flex; flex-direction: column; justify-content: space-between; padding: clamp(25px, 3vw, 43px); background: #e5ebe3; }
.inquiry-side h2 { margin-top: 20px; font-size: clamp(1.6rem, 2.25vw, 2.2rem); }
.inquiry-side ol { margin: 60px 0 0; padding: 0; list-style: none; }
.inquiry-side li { display: grid; grid-template-columns: 32px 1fr; gap: 15px; padding: 22px 0; border-top: 1px solid var(--line); }
.inquiry-side li > span { color: var(--brand); font: 650 .7rem var(--mono); }
.inquiry-side li strong { font-size: .95rem; }
.inquiry-side li p { margin: 8px 0 0; color: var(--muted); font-size: .81rem; line-height: 1.7; }
.side-foot { padding-top: 30px; }
.side-foot .signal-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--orange); }
.side-foot p { margin: 11px 0 5px; color: var(--muted); font-size: .79rem; }
.side-foot a { color: var(--brand); font: 650 .88rem var(--mono); text-decoration: none; }
html[data-theme="dark"] .inquiry-side { background: #1c241f; }
html[data-theme="dark"] .inquiry-intro h1 span { color: var(--blue); }
html[data-theme="dark"] .section-index, html[data-theme="dark"] .side-foot a, html[data-theme="dark"] .success-state a { color: var(--blue); }
@media (max-width: 900px) { .inquiry-layout { grid-template-columns: 1fr; }.inquiry-side { min-height: 330px; }.inquiry-side ol { margin-top: 35px; }.inquiry-side li { max-width: 570px; }.side-foot { padding-top: 15px; } }
@media (max-width: 650px) { .inquiry-intro { display: block; padding: 48px 7px 35px; }.inquiry-intro h1 { font-size: clamp(2rem, 9vw, 2.7rem); line-height: 1.35; }.intro-mark { display: none; }.inquiry-layout { margin-bottom: 52px; }.form-panel { padding: 25px 20px; }.form-grid { grid-template-columns: 1fr; gap: 19px; }.form-field-wide { grid-column: auto; }.panel-intro { margin-bottom: 26px; }.inquiry-side { padding: 26px 21px; }.inquiry-side ol { margin-top: 25px; } }