.contact-page{--contact-blue:#66ffff;--contact-sky:#64bde7;--contact-night:#101a28;--contact-ink:#101820;background:#f5f7f8}
.contact-page .about-header{position:fixed;background:rgba(247,250,252,.8);box-shadow:inset 0 -1px rgba(19,32,51,.07);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.contact-page .contact-button.is-current{border-color:#4acde9;background:rgba(102,255,255,.16)}
.contact-signature{color:#fff;mix-blend-mode:difference}
.contact-hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 28%,#254f75 0%,#162c44 28%,transparent 56%),linear-gradient(138deg,#111a28 0%,#172c44 52%,#1f425f 100%)}
#signal-city{position:absolute;z-index:-2;inset:0;width:100%;height:100%;opacity:.86}
.contact-hero__wash{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,16,27,.9) 0%,rgba(9,16,27,.62) 44%,rgba(9,16,27,.08) 72%,rgba(9,16,27,.26) 100%);pointer-events:none}
.contact-hero__inner{width:min(1280px,calc(100% - 120px));min-height:100svh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.68fr);align-items:center;gap:clamp(44px,8vw,130px);margin:auto;padding:170px 0 95px}
.contact-hero__copy{max-width:820px;opacity:0;transform:translate3d(0,38px,0);animation:contact-copy-in 1.8s 3.75s cubic-bezier(.16,1,.3,1) forwards}
.contact-location{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#b9d8e9;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em}
.contact-location span{width:9px;height:9px;border-radius:50%;background:#66ffff;box-shadow:0 0 0 7px rgba(102,255,255,.12),0 0 22px #66ffff;animation:contact-beacon 2.2s ease-in-out infinite}
.contact-hero h1{max-width:10.5ch;margin:0;font-size:clamp(3.7rem,6.1vw,6rem);font-weight:900;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.contact-hero__english{margin:30px 0 0;color:#66ffff;font-family:Inter,Arial,sans-serif;font-size:clamp(1.2rem,1.8vw,2rem);font-weight:800;line-height:1.12;letter-spacing:-.025em}
.contact-hero__lead{max-width:510px;margin:24px 0 0;color:#d9e6ec;font-size:16px;line-height:1.9;text-wrap:pretty}
.signal-console{position:relative;min-height:475px;padding:28px;border:1px solid rgba(184,233,255,.24);border-radius:26px;background:rgba(10,21,35,.32);box-shadow:0 30px 80px rgba(4,10,18,.28),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translate3d(38px,0,0);animation:contact-console-in 1.8s 4.15s cubic-bezier(.16,1,.3,1) forwards}
.signal-console__head{display:flex;justify-content:space-between;gap:16px;color:#bfd3de;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em}
.signal-console__head b{color:#66ffff}
.signal-console__radar{position:relative;width:min(250px,78%);aspect-ratio:1;margin:30px auto;border:1px solid rgba(102,255,255,.4);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 24%,rgba(102,255,255,.15) 24.5% 25%,transparent 25.5% 49%,rgba(102,255,255,.13) 49.5% 50%,transparent 50.5%);box-shadow:0 0 50px rgba(51,195,229,.12)}
.signal-console__radar::before,.signal-console__radar::after{content:"";position:absolute;background:rgba(102,255,255,.22)}
.signal-console__radar::before{left:50%;top:0;width:1px;height:100%}.signal-console__radar::after{left:0;top:50%;width:100%;height:1px}
.signal-console__radar i{position:absolute;inset:50%;height:1px;transform-origin:left center;background:linear-gradient(90deg,#66ffff,transparent)}
.signal-console__radar i:first-child{width:48%;animation:radar-sweep 4.8s linear infinite}.signal-console__radar i:nth-child(2){width:34%;animation:radar-sweep 7.2s linear infinite reverse}
.signal-console__radar span{position:absolute;left:65%;top:27%;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#66ffff;box-shadow:0 0 0 9px rgba(102,255,255,.12),0 0 25px #66ffff}
.signal-console dl{display:grid;gap:11px;margin:0}.signal-console dl div{display:flex;justify-content:space-between;gap:20px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}
.signal-console dt,.signal-console dd{margin:0;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em}.signal-console dt{color:#839baa}.signal-console dd{color:#e6f4f8;text-align:right}
.contact-scroll{position:absolute;left:50%;bottom:26px;display:flex;align-items:center;gap:16px;color:#d9e8ee;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;transform:translateX(-50%)}
.contact-scroll i{position:relative;width:48px;height:26px;border:1px solid rgba(255,255,255,.45);border-radius:999px}.contact-scroll i::after{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;border-radius:50%;background:#66ffff;transform:translateY(-50%);animation:scroll-dot 1.9s ease-in-out infinite}

.contact-inquiry{position:relative;background:linear-gradient(180deg,#e7ecef 0,#f7f9fa 14%,#fff 36%,#fff 100%)}
.contact-inquiry__inner{width:min(1280px,calc(100% - 120px));display:grid;grid-template-columns:minmax(220px,.62fr) minmax(500px,1.35fr) minmax(240px,.64fr);gap:clamp(36px,5vw,76px);margin:auto;padding:clamp(100px,10vw,150px) 0 clamp(90px,9vw,135px)}
.inquiry-heading{align-self:start;position:sticky;top:155px}.inquiry-heading>p,.direct-contact__intro>span{margin:0 0 16px;color:#219bc4;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:.1em}
.inquiry-heading h2{margin:0;font-size:clamp(2.5rem,3.6vw,4.35rem);font-weight:900;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.inquiry-heading>span{display:block;max-width:25ch;margin-top:24px;color:#53616b;font-size:14px;line-height:1.8}
.inquiry-form{min-width:0;font-size:15px}.form-row{display:grid;gap:24px}.form-row--two{grid-template-columns:1fr 1fr}.form-row+.form-row,.form-row+fieldset,fieldset+.form-row,.form-row+.message-field{margin-top:30px}
.inquiry-form label>span,.service-options legend{display:block;margin-bottom:10px;color:#3c4b55;font-size:15px;font-weight:700}.inquiry-form b{color:#169ac7}.service-options legend small{margin-left:10px;color:#82909a;font-size:12px;font-weight:500}
.inquiry-form input:not([type=checkbox]),.inquiry-form select,.inquiry-form textarea{width:100%;border:0;border-bottom:1px solid #aebbc3;border-radius:0;padding:12px 0;color:#111820;background:transparent;font-family:inherit;font-size:15px;outline:none;transition:border-color .25s,box-shadow .25s}
.inquiry-form textarea{min-height:132px;resize:vertical;line-height:1.7}.inquiry-form textarea::placeholder{color:#65727b;opacity:1}.inquiry-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#283842 50%),linear-gradient(135deg,#283842 50%,transparent 50%);background-position:calc(100% - 8px) 52%,calc(100% - 3px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#00bddd;box-shadow:0 2px 0 #00bddd}.inquiry-form [aria-invalid=true]{border-color:#e63a62}
.service-options{margin-inline:0;padding:0;border:0}.service-options>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service-options label{position:relative;margin:0}.service-options input{position:absolute;opacity:0;pointer-events:none}.service-options label span{min-height:50px;display:flex;align-items:center;justify-content:space-between;margin:0;border:1px solid #c6d1d7;border-radius:999px;padding:0 18px;color:#25343e;background:rgba(255,255,255,.65);cursor:pointer;transition:color .25s,background .25s,border-color .25s,transform .25s}.service-options label span::after{content:"+";font-family:Arial,sans-serif;font-size:20px;font-weight:400}.service-options input:checked+span{border-color:#101820;color:#fff;background:#101820}.service-options input:checked+span::after{content:"✓";color:#66ffff}.service-options input:focus-visible+span{outline:3px solid rgba(0,189,221,.25);outline-offset:2px}.service-options label:hover span{transform:translateY(-2px);border-color:#00bddd}
.field-error{display:none;margin:8px 0 0;color:#bc2449;font-size:15px}.field-error.is-visible{display:block}.message-field{display:block;margin-top:30px}.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.service-options label span{padding-right:14px}.service-options label span::after{content:"add";width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #aebcc4;border-radius:50%;color:#52616a;font-family:"Material Symbols Rounded";font-size:17px;font-weight:500;line-height:1;transition:color .25s,background-color .25s,border-color .25s,transform .35s cubic-bezier(.16,1,.3,1)}.service-options input:checked+span::after{content:"check";border-color:#66ffff;color:#101820;background:#66ffff;transform:rotate(-8deg) scale(1.04)}
.form-status{min-height:24px;margin:16px 0 0;color:#166d86;font-size:15px;font-weight:700}.form-status.is-error{color:#bc2449}.form-status.is-success{color:#07845a}
.submit-button{position:relative;isolation:isolate;min-width:270px;min-height:60px;display:inline-flex;align-items:center;gap:15px;overflow:hidden;margin-top:12px;border:1.5px solid #101820;border-radius:999px;padding:5px 19px 5px 6px;color:#101820;background:#fff;cursor:pointer;font-weight:800;transition:color .3s,transform .3s,box-shadow .3s}.submit-button::before{content:"";position:absolute;z-index:-1;inset:0;background:#101820;transform:scaleX(0);transform-origin:left;transition:transform .52s cubic-bezier(.22,.72,.18,1)}.submit-button__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#101820;transition:color .3s,background .3s}.submit-button__en{margin-left:auto;color:#6d7c85;font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:.08em;transition:color .3s}.submit-button:hover,.submit-button:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px rgba(24,59,77,.17);outline:none}.submit-button:hover::before,.submit-button:focus-visible::before{transform:scaleX(1)}.submit-button:hover .submit-button__icon,.submit-button:focus-visible .submit-button__icon{color:#101820;background:#66ffff}.submit-button:hover .submit-button__en,.submit-button:focus-visible .submit-button__en{color:#fff}
.direct-contact{align-self:start;position:sticky;top:155px;font-size:14px}.direct-contact__intro p{margin:0;color:#5a6871;font-size:14px;line-height:1.7}.direct-contact>a,.direct-contact>button{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border:0;border-bottom:1px solid #d3dde1;padding:18px 0;color:#111820;background:transparent;text-align:left;cursor:pointer}.direct-contact>a>span,.direct-contact>button>span{grid-column:1;color:#6b7982;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.1em}.direct-contact>a>strong,.direct-contact>button>strong{grid-column:1;overflow-wrap:anywhere;font-size:14px}.direct-contact>a>i,.direct-contact>button>i{grid-column:2;grid-row:1/3;color:#239fc8;font-size:20px;transition:transform .25s}.direct-contact>a:hover i,.direct-contact>button:hover i{transform:translate(3px,-3px)}.direct-contact__location{margin-top:28px}.direct-contact__location span{display:block;color:#6b7982;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;letter-spacing:.1em}.direct-contact__location strong{display:block;margin-top:7px;font-family:Inter,Arial,sans-serif;font-size:14px}.direct-contact__social{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.direct-contact__social a{min-height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid #cbdbe2;border-radius:999px;padding:5px 11px 5px 7px;color:#218eb5;background:rgba(255,255,255,.6);font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.05em;transition:color .25s,border-color .25s,background-color .25s,transform .25s}.direct-contact__social svg{width:24px;height:24px;flex:0 0 auto;fill:currentColor}.direct-contact__social i{font-family:Arial,sans-serif;font-size:12px;font-style:normal;transition:transform .25s}.direct-contact__social a:hover,.direct-contact__social a:focus-visible{border-color:#218eb5;color:#fff;background:#218eb5;transform:translateY(-2px);outline:none}.direct-contact__social a:hover i,.direct-contact__social a:focus-visible i{transform:translate(2px,-2px)}
.contact-footer{margin-top:0}

@keyframes contact-copy-in{to{opacity:1;transform:none}}@keyframes contact-console-in{to{opacity:1;transform:none}}@keyframes contact-beacon{50%{box-shadow:0 0 0 13px rgba(102,255,255,0),0 0 30px #66ffff}}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes scroll-dot{0%,100%{transform:translate(0,-50%)}50%{transform:translate(25px,-50%)}}

@media(max-width:1100px){.contact-hero__inner{width:calc(100% - 80px);grid-template-columns:1fr 320px;gap:44px}.contact-inquiry__inner{width:calc(100% - 80px);grid-template-columns:minmax(190px,.55fr) minmax(430px,1.2fr);gap:42px}.direct-contact{position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0 20px;border-top:1px solid #d3dde1;padding-top:34px}.direct-contact__intro,.direct-contact__location,.direct-contact__social{grid-column:span 2}.direct-contact__location{margin-top:20px}}
@media(max-width:800px){.contact-hero__inner{width:calc(100% - 48px);grid-template-columns:1fr;align-content:center;gap:42px;padding:130px 0 80px}.contact-hero__copy{padding-top:30px}.contact-hero h1{font-size:clamp(3.1rem,11vw,5.1rem)}.signal-console{display:none}.contact-hero__wash{background:linear-gradient(180deg,rgba(9,16,27,.76),rgba(9,16,27,.38))}.contact-inquiry__inner{width:calc(100% - 48px);grid-template-columns:1fr;padding:90px 0}.inquiry-heading{position:static}.inquiry-heading>span{max-width:none}.direct-contact{grid-column:auto;grid-template-columns:1fr 1fr}.direct-contact__intro,.direct-contact__location,.direct-contact__social{grid-column:1/-1}}
@media(max-width:560px){.contact-hero{min-height:94svh}.contact-hero__inner{width:calc(100% - 36px);min-height:94svh;padding:112px 0 72px}.contact-location{margin-bottom:18px}.contact-hero h1{font-size:clamp(2.85rem,13.8vw,4.35rem);line-height:1.08}.contact-hero__english{margin-top:24px;font-size:1.1rem}.contact-hero__lead{margin-top:20px;font-size:14px;line-height:1.8}.contact-scroll{bottom:18px}.contact-inquiry__inner{width:calc(100% - 36px);padding:72px 0 80px}.inquiry-heading h2{font-size:2.55rem}.form-row--two,.service-options>div{grid-template-columns:1fr}.form-row{gap:28px}.form-row+.form-row,.form-row+fieldset,fieldset+.form-row{margin-top:28px}.service-options label span{min-height:48px}.submit-button{width:100%;min-width:0}.direct-contact{grid-template-columns:1fr}.direct-contact>a,.direct-contact>button{grid-column:1}.direct-contact__intro,.direct-contact__location,.direct-contact__social{grid-column:1}.contact-page .page-intro__copy strong{font-size:clamp(42px,12vw,58px)} }
@media(prefers-reduced-motion:reduce){.contact-hero__copy,.signal-console{opacity:1;transform:none;animation:none}.contact-location span,.signal-console__radar i,.contact-scroll i::after{animation:none}.service-options label span,.submit-button,.submit-button::before{transition:none}}

@media(max-width:720px){
  .direct-contact,.direct-contact__intro p{font-size:16px}
  .direct-contact>a>strong,.direct-contact>button>strong,.direct-contact__location strong{font-size:16px}
  .direct-contact>a>span,.direct-contact>button>span,.direct-contact__location span{font-size:12px}
}

.direct-contact__social i svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
