.contact-wrap { background: #0b1220; color: #fff; margin: 0 -16px; padding: 90px 16px 100px; }
.contact-inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 460px; gap: 56px; align-items: start; }
.contact-wrap *, .contact-wrap p { color: #fff; font-size: 16px; line-height: 1.6; word-break: keep-all; }
.contact-kicker { font-family: monospace; font-size: 12px !important; letter-spacing: 2px; color: #7ad3b3 !important; margin-bottom: 18px; }
.contact-h2 { font-weight: 300 !important; font-size: 52px !important; line-height: 1.2 !important; margin-bottom: 24px; }
.contact-lead { color: #cfd8e6 !important; margin-bottom: 36px; max-width: 640px; }
.contact-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 40px; }
.contact-tile { border: 1px solid #2a3a57; background: #111c30; padding: 18px 16px; border-radius: 6px; }
.contact-tile span { display: block; font-family: monospace; font-size: 10px !important; letter-spacing: 1.5px; color: #7ad3b3 !important; margin-bottom: 8px; }
.contact-tile strong { display: block; font-size: 15px !important; font-weight: 700 !important; }
.contact-tagline { font-size: 22px !important; font-weight: 300 !important; color: #e6edf7 !important; margin-bottom: 28px; }
.contact-info div { font-size: 14px !important; color: #b9c5d8 !important; margin-bottom: 6px; }
.contact-info b { color: #7ad3b3 !important; font-size: 12px !important; letter-spacing: 1px; margin-right: 10px; }
.contact-card { background: #0f1a2e; border: 1px solid #2a3a57; padding: 34px 30px; border-radius: 8px; }
.contact-card h3 { font-size: 26px !important; font-weight: 700 !important; margin-bottom: 8px; }
.contact-req { font-size: 12px !important; color: #ff8a8a !important; margin-bottom: 22px; }
.contact-card label { display: block; font-size: 13px !important; font-weight: 700 !important; color: #dfe7f3 !important; margin-bottom: 16px; }
.contact-card label em { color: #ff5a5a !important; font-style: normal; }
.contact-card input[type=text], .contact-card input[type=email], .contact-card input[type=tel], .contact-card select, .contact-card textarea { display: block; width: 100%; margin-top: 8px; background: transparent; border: 0; border-bottom: 1px solid #4a5a78; color: #fff; padding: 8px 2px; font-size: 16px !important; font-weight: 400 !important; outline: none; border-radius: 0; }
.contact-card select option { color: #111; }
.contact-card textarea { resize: vertical; min-height: 110px; }
.contact-card input::placeholder, .contact-card textarea::placeholder { color: #6f7f9c; }
.contact-card input:focus, .contact-card select:focus, .contact-card textarea:focus { border-bottom-color: #7ad3b3; }
.contact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-agree { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; font-size: 12px !important; color: #b9c5d8 !important; margin: 8px 0 22px; }
.contact-agree input { width: 16px; height: 16px; margin-top: 3px; flex: none; }
.contact-agree b { color: #fff !important; }
.contact-submit { display: block; width: 100%; background: #d9232e; color: #fff; border: 0; border-radius: 4px; padding: 18px; font-size: 18px !important; font-weight: 700 !important; cursor: pointer; transition: background .2s; }
.contact-submit:hover { background: #b51c25; }
.contact-note { font-size: 12px !important; color: #8fa0bb !important; margin-top: 14px; }
@media (max-width: 991px) { .contact-inner { grid-template-columns: 1fr; } .contact-tiles { grid-template-columns: 1fr 1fr; } .contact-h2 { font-size: 36px !important; } }
@media (max-width: 575px) { .contact-row { grid-template-columns: 1fr; } .contact-tiles { grid-template-columns: 1fr; } .contact-card { padding: 24px 18px; } }

/* nav CTA red */
#gnb .gnb-nav > li > a[href*="md_id=contact"] { background: #d9232e; color: #fff !important; border-radius: 6px; padding: 0 10px !important; height: 44px !important; margin: 18px 4px 0; justify-content: center; white-space: nowrap; font-size: 15px !important; font-weight: 700 !important; }
#gnb .gnb-nav > li > a[href*="md_id=contact"]:hover { background: #b51c25; }

/* full-bleed */
.contact-wrap { width: 100vw; margin-left: calc(50% - 50vw); margin-right: 0; padding-left: max(16px, calc(50vw - 700px)); padding-right: max(16px, calc(50vw - 700px)); }

.contact-agree-txt { display:block; font-weight:400 !important; font-size:12px !important; color:#b9c5d8 !important; margin-top:8px; }

/* wb-fix */
.contact-wrap, .contact-wrap * { word-break: keep-all !important; overflow-wrap: break-word !important; }

/* ===== prep blocks ===== */
.contact-prep { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 36px; }
.contact-prep-box { border: 1px solid #2a3a57; background: #111c30; border-radius: 8px; padding: 20px 20px 14px; }
.contact-prep-lbl { display: block; font-family: monospace; font-size: 10px !important; letter-spacing: 1.5px; color: #7ad3b3 !important; margin-bottom: 6px; }
.contact-prep-box h4 { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 10px; color: #fff !important; }
.contact-prep-box ul { padding-left: 18px; margin: 0; }
.contact-prep-box li { list-style: disc; font-size: 14px !important; color: #cfd8e6 !important; margin-bottom: 4px; line-height: 1.5; }
@media (min-width: 992px) { .contact-prep { grid-template-columns: 1fr 1fr; } .contact-prep-box:nth-child(3) { grid-column: 1 / -1; } .contact-prep-box:nth-child(3) ul { columns: 2; column-gap: 24px; } }

/* 2026-10-07 100vw full-bleed scrollbar overflow fix */
#page-container, #subContainer { overflow-x: clip; }