:root{--violet:#236cd9;--blue:#8fc1ff;--navy:#101f30;--soft:#eaf1f5}
.site .contact-hero{position:relative;isolation:isolate;overflow:hidden;background:#02070d!important}
.site .contact-hero-motion{position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 15% 65%,#1269d9 0%,transparent 48%),radial-gradient(ellipse at 90% 20%,#073e82 0%,transparent 45%),#02070d;background-size:150% 130%;animation:contact-blue-drift 8s ease-in-out infinite alternate}
.site .contact-hero>.hero-copy,.site .contact-hero>.hero-index{position:relative;z-index:1}
.site .contact-hero .hero-index{background:rgba(4,13,24,.38)}
.site .contact-hero .hero-index div{gap:24px;min-width:0}
.site .contact-hero .hero-index b{color:#a5ceff!important;font-variant-numeric:tabular-nums}
@keyframes contact-blue-drift{from{background-position:0% 20%;transform:translateX(-3%)}to{background-position:100% 80%;transform:translateX(3%)}}
.site .inquiry-layout{align-items:stretch;background:#fff}
.site .categories{background:#f1f5f8}
.site .category{background:#f1f5f8;align-items:start;gap:16px;padding:26px 24px;transition:background .2s;color:#0a1722}
.site .category .no{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e0eafb;color:#195bb7!important;font-size:12px!important;letter-spacing:0;font-variant-numeric:tabular-nums}
.site .category strong{line-height:1.4!important;margin:2px 0 9px}
.site .category small{color:#536876;line-height:1.55!important}
.site .category.active{background:#11283e;color:#fff;box-shadow:inset 4px 0 #298dff}
.site .category.active .no{background:#236cd9;color:white!important}
.site .category.active small{color:#c1d0db}
.site .category:not(.active):hover{background:#e3edf5}
.site .category .arrow{color:#236cd9}
.site .category.active .arrow{color:#a5ceff}
.site .form-head{height:auto;min-height:0;padding-bottom:28px}
.site .form-head .selected{color:#2363ae!important;font-size:12px!important;line-height:1.5!important}
.site .form-head h3{margin-top:14px;line-height:1.3}
.site .field input,.site .field textarea,.site .field select{background:#fbfcfd;border:1px solid #9aadb9;border-radius:0;color:#0a1722;min-height:48px;padding:12px}
.site .field textarea{min-height:180px;resize:vertical}
.site .field label{color:#263d4e}
.site .submit{background:#2168d1;color:white;min-height:52px}
.site .submit:hover{background:#1857b5}
.site :is(.category,.submit,input,textarea,select,.direct a):focus-visible{outline:3px solid #298dff;outline-offset:3px}
.site .form-note{color:#526675!important;font-size:13px!important}
.site .contact{background:#e9f0f4}
.site .address{background:#11283e;color:#fff}
.site .address .label{color:#9dc8ff!important}
.site .address-block{color:#d4e0e9;line-height:1.7}
.site .direct{grid-auto-rows:1fr}
.site .direct>a,.site .direct>div{min-width:0;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.site .direct span{color:#526878!important;font-size:12px!important;letter-spacing:.1em}
.site .direct strong{color:#101e2a;overflow-wrap:anywhere;line-height:1.4}
.site .direct a:hover{background:#eef5fa}
@media(max-width:720px){.site .category{padding:22px 18px;gap:12px}.site .direct>a,.site .direct>div{padding:24px}.site .contact-hero .hero-index div{gap:18px}}
@media(prefers-reduced-motion:reduce){.site .contact-hero-motion{animation:none}.site .category{transition:none}}
/* Section 02: black-to-blue contact background. */
.site .section.contact{background:linear-gradient(115deg,#02070d 0%,#071525 45%,#0a3268 78%,#1254a5 100%);color:#fff}
.site .contact .section-head .label{color:#9dc8ff!important}
.site .contact .section-head h2{color:#fff}
.site .contact .section-intro{color:#c4d3e1}
.site .contact .contact-grid{background:rgba(5,17,31,.72);border-color:#627d96}
.site .contact .address{background:rgba(3,11,21,.42)}
.site .contact .direct{border-color:#627d96}
.site .contact .direct>a,.site .contact .direct>div{border-color:#627d96}
.site .contact .direct span{color:#a8c6e5!important}
.site .contact .direct strong{color:#fff}
.site .contact .direct a:hover{background:rgba(41,141,255,.16)}