/* Short, accessible inquiry flow with direct contact choices. */
.contact-page{--navy:#172d4d;--paper:#f3f5f7;--line:#e0e5eb;color:#202d40}
.contact-page :is(h1,h2,h3){font-weight:500;color:var(--navy)}
.contact-page .page-intro{padding-block:46px 40px}
.contact-page .page-intro h1{font-size:44px;margin-bottom:16px}
.contact-page .page-intro p{font-size:16px}
.contact-page .eyebrow{font-size:10px;letter-spacing:.12em;color:#596b80}
.contact-page .contact-section{padding-block:44px 64px}
.contact-page .contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"form quick" "form location";gap:28px 72px;align-items:start}
.contact-form-panel{grid-area:form;min-width:0}
.contact-quick{grid-area:quick;display:grid;gap:16px}
.contact-channel{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:20px 0;border-block-end:1px solid var(--line);min-width:0}
.contact-channel>span:first-child{grid-column:1;font-size:12px;color:var(--muted)}
.contact-channel strong{grid-column:1;font-size:19px;font-weight:500;overflow-wrap:anywhere;color:var(--navy)}
.contact-channel>span:last-child{grid-column:2;grid-row:1/3;align-self:center}
.contact-channel:hover strong{text-decoration:underline;text-underline-offset:4px}
.contact-location{grid-area:location}
.contact-location address{font-style:normal;margin:0 0 18px;font-size:14px;line-height:1.8;color:var(--muted)}
.contact-location address strong{display:block;font-weight:500;color:var(--navy)}.contact-location address strong+strong{margin-top:6px}.contact-location address p{margin:12px 0 0}
.contact-location .text-link{font-size:13px;white-space:normal;display:inline-block;min-height:44px;padding-block:10px}
.contact-page .inquiry-form{border:0;padding:0}
.contact-page .form-intro{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 20px}
.contact-page .form-grid{gap:19px 22px}
.contact-page .field{font-size:13px;line-height:1.6;font-weight:500;min-width:0}
.contact-page .field :is(input,select,textarea){font-size:16px;min-height:48px;border:1px solid #b8c3d0;border-radius:2px;padding:11px 12px;line-height:1.5}
.contact-page .field textarea{min-height:106px;resize:vertical}
.contact-page :is(input,select,textarea):focus-visible{outline:2px solid #53769c;outline-offset:2px}
.contact-page .optional{color:var(--muted);font-weight:400}
.inquiry-options{border-block:1px solid var(--line);margin-top:24px}
.inquiry-options summary{cursor:pointer;min-height:48px;padding-block:14px;font-size:13px;color:var(--navy)}
.inquiry-options[open] .form-grid{padding:10px 0 24px}
.contact-page .form-note{font-size:12px;line-height:1.7;margin:20px 0 18px;color:var(--muted)}
.contact-page .button{background:var(--navy);border-color:var(--navy);color:#fff;font-size:14px;font-weight:500;border-radius:2px;min-height:48px}
.contact-page .button:hover{background:#294768;border-color:#294768}
.contact-page .button.outline{background:#fff;color:var(--navy);border-color:#c4cdd8}
.contact-page .button.outline:hover{background:#edf1f5}
.contact-page .inquiry-result{margin:0;padding:28px;border:1px solid var(--line);background:var(--paper)}
.contact-page .inquiry-result h2{font-size:28px;line-height:1.25;margin:0 0 16px;scroll-margin-top:110px}
.contact-page .inquiry-result textarea{font-size:14px;line-height:1.7;min-height:240px;border-color:#c5cfdb;border-radius:2px;resize:vertical;background:#fff}
.contact-page .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.result-secondary{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}
.result-secondary button{padding:10px 0;border:0;border-bottom:1px solid #b7c5d5;background:transparent;color:var(--navy);min-height:44px;cursor:pointer;font-size:13px}
#inquiry-status{font-size:12px;margin:16px 0 0;color:var(--muted)}#inquiry-status:empty{display:none}
@media(max-width:1100px){.contact-page .contact-layout{gap:28px 40px}.contact-channel strong{font-size:17px}}
@media(max-width:800px){
 .contact-page .page-intro{padding-block:32px 28px}.contact-page .page-intro h1{font-size:36px}.contact-page .page-intro p{font-size:15px}
 .contact-page .contact-section{padding-block:0 44px}
 .contact-page .contact-layout{grid-template-columns:1fr;grid-template-areas:"quick" "form" "location";gap:28px}
 .contact-page .contact-layout>:last-child{order:0}
 .contact-quick{grid-template-columns:1fr;gap:18px;padding-top:12px}
 .contact-channel{padding-block:13px;gap:5px 4px}.contact-channel strong{font-size:17px}.contact-channel>span:first-child{font-size:13px;color:var(--navy)}
 .contact-channel>span:last-child{font-size:14px}
 .contact-page .form-grid{gap:17px}.contact-page .form-intro{font-size:12px;margin-bottom:18px}
 .contact-page .field textarea{min-height:96px}.contact-page .inquiry-options .form-grid{grid-template-columns:1fr}
 .contact-page .inquiry-form>.button{width:100%}
 .contact-location{padding-top:24px;border-top:1px solid var(--line)}
 .contact-page .inquiry-result{padding:22px 18px}.contact-page .inquiry-result h2{font-size:26px}
 .contact-page .result-actions{grid-template-columns:1fr}.contact-page .inquiry-result textarea{font-size:16px;min-height:230px}
}
@media(max-width:370px){.contact-page .page-intro h1{font-size:32px}}

/* Context stays editable; the first step needs only the missing essentials. */
.contact-page .inquiry-context{margin:0 0 12px;font-size:13px;line-height:1.7}
.inquiry-context a{display:inline-flex;align-items:center;min-height:44px;gap:14px;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.contact-page .inquiry-options summary{min-height:48px;line-height:1.7}
#contact-inquiry{scroll-margin-top:20px}
.contact-page .inquiry-form[hidden]{display:none}

/* Web submission states; local controls are absent from the live flow. */
.inquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-page .inquiry-error{border-left:3px solid #a94338;background:#fff3f0;padding:14px 16px;margin:0 0 18px;font-size:14px;line-height:1.6;color:#7c3029;scroll-margin-top:100px}
.contact-page .button:disabled{opacity:.65;cursor:wait}
.submission-progress{font-size:13px;color:var(--muted);margin:10px 0 0}.submission-progress:empty{display:none}
.inquiry-reference{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.inquiry-copy-panel,.inquiry-demo{margin-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
:is(.inquiry-copy-panel,.inquiry-demo) summary{min-height:48px;padding:14px 0;cursor:pointer;line-height:1.6;color:var(--navy)}
.inquiry-copy-panel textarea{width:100%;min-height:230px;font-size:16px;padding:12px;border:1px solid #b8c3d0;line-height:1.6}
.inquiry-copy-panel .result-secondary{gap:16px}
.inquiry-copy-panel .result-secondary a{padding-block:10px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.inquiry-demo label{display:block;margin:4px 0 8px}.inquiry-demo select{font-size:16px;min-height:48px;width:100%;max-width:360px;border:1px solid #b8c3d0;padding:10px;background:white}
.inquiry-demo p{font-size:12px;line-height:1.6}
.contact-page [hidden]{display:none!important}

/* One shared number, with distinct actions for each channel. */
#contact-channels{scroll-margin-top:20px}
.contact-number-group{padding:20px;border:1px solid var(--line);border-radius:4px;background:#f7f9fa}
.contact-page .contact-person{margin:0 0 8px;font-size:18px;font-weight:500;line-height:1.4;color:var(--navy)}
.contact-page .contact-number-label{margin:0 0 8px;font-size:12px;line-height:1.5;color:var(--muted)}
.contact-page .contact-number{margin:0 0 18px;font-size:24px;line-height:1.3;letter-spacing:.01em;font-weight:500;color:var(--navy);white-space:nowrap;user-select:all}
.contact-number-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-number-actions a{display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border:1px solid #b8c3d0;border-radius:3px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none}
.contact-number-actions .contact-number-whatsapp{background:#137a47;border-color:#137a47;color:#fff}
.contact-number-whatsapp:hover{background:#0e6239;border-color:#0e6239}
.contact-number-call{background:#fff;color:var(--navy)}.contact-number-call:hover{background:#edf1f5}
.contact-wechat-copy{display:block;width:100%;min-height:44px;margin:8px 0 -8px;padding:10px 0;border:0;background:transparent;font:inherit;font-size:13px;line-height:1.6;color:var(--navy);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.contact-number-group :is(a,button):focus-visible{outline:2px solid #53769c;outline-offset:3px}
.contact-page .contact-copy-status{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.contact-copy-status:empty{display:none}
@media(max-width:800px){.contact-number-group{padding:18px}.contact-page .contact-number{font-size:23px;margin-bottom:16px}}

/* Show verification progress only while a submitted inquiry is being checked. */
.inquiry-verification{max-width:100%;margin:0 0 16px}

@media(min-width:801px){.contact-page .inquiry-result h2,.contact-page .inquiry-error{scroll-margin-top:20px}}