:root{--ink:#07141d;--dark:#061019;--blue:#087fbd;--cyan:#59dffb;--soft:#edf4f7;--bg:#f7f9fa;--line:#d8e1e5;--muted:#66767e;--white:#fff;--max:1240px}

body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}

a{text-decoration:none;color:inherit}

.wrap{width:min(var(--max),calc(100% - 72px));margin:auto}

.mono{font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase}

.contact-hero{background:linear-gradient(135deg,#0c202b 0%,#07131b 55%,#050d13 100%);border-bottom:1px solid rgba(255,255,255,.10);overflow:hidden;isolation:isolate}

.contact-hero-inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center;min-height:545px;padding:78px 0 70px}

.eyebrow{display:flex;align-items:center;gap:12px;color:var(--cyan);margin-bottom:25px}

.eyebrow:before{content:"";width:30px;height:2px;background:var(--cyan)}

.contact-hero h1{margin:0;font:700 clamp(58px,6.8vw,92px)/.86 "Manrope",sans-serif;letter-spacing:-.075em;color:#f6fbfd}

.contact-hero h1 span{color:var(--cyan)}

.contact-hero p{max-width:480px;margin:27px 0 0;color:#b7c8cf;font-size:15px;line-height:1.8}

.contact-hero-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px;max-width:420px}

.contact-hero-meta div{padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}

.contact-hero-meta span{display:block;color:#9db3bd}

.contact-hero-meta strong{display:block;margin-top:8px;font-size:10px;color:#f6fbfd}

.form-panel{padding:32px;background:#fff;color:var(--ink);position:relative;overflow:hidden;border:1px solid rgba(7,20,29,.08);box-shadow:0 30px 80px rgba(0,0,0,.30)}

.form-panel:after{content:"";position:absolute;width:430px;height:430px;right:-245px;top:-175px;border:1px solid rgba(89,223,251,.16);border-radius:50%}

.form-top{display:flex;justify-content:space-between;position:relative;z-index:1;padding-bottom:17px;border-bottom:1px solid rgba(7,20,29,.12);color:rgba(7,20,29,.5)}

.form-top strong{color:var(--blue);font-weight:600}

.contact-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:15px 16px;padding-top:23px}

.field{display:flex;flex-direction:column;gap:7px}

.field.full{grid-column:1/-1}

.field label{color:rgba(7,20,29,.55)}

.field input,.field textarea{width:100%;border:1px solid rgba(7,20,29,.16);background:rgba(7,20,29,.03);color:var(--ink);border-radius:0;padding:13px 14px;outline:0}

.field input::placeholder,.field textarea::placeholder{color:rgba(7,20,29,.32)}

.field input:focus,.field textarea:focus{border-color:var(--blue)}

.field textarea{min-height:120px;resize:vertical}

.captcha-note{grid-column:1/-1;padding:11px 12px;border:1px dashed rgba(7,20,29,.2);color:rgba(7,20,29,.45);font-size:12px;line-height:1.5}

.form-submit{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:4px;padding-top:17px;border-top:1px solid rgba(7,20,29,.12)}

.form-note{color:rgba(7,20,29,.4)}

.submit{border:0;cursor:pointer;padding:15px 18px;background:var(--ink);color:#fff;font:700 8px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}

.submit:hover{background:var(--blue)}

.contact-cta{padding:110px 0;background:var(--bg)}

.cta-box{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding:52px 58px;background:linear-gradient(135deg,#0c202b 0%,#07131b 55%,#050d13 100%);color:#fff;position:relative;overflow:hidden;isolation:isolate}

.cta-box:after{content:"";position:absolute;width:410px;height:410px;right:-215px;top:-175px;border:1px solid rgba(89,223,251,.18);border-radius:50%}

.cta-eyebrow{color:var(--cyan);position:relative;z-index:1}

.cta-box h2{position:relative;z-index:1;margin:17px 0 0;font:650 clamp(42px,5.2vw,67px)/.9 "Manrope",sans-serif;letter-spacing:-.06em}

.cta-box h2 span{color:var(--cyan)}

.cta-action{position:relative;z-index:1;display:inline-flex;align-items:center;gap:18px;padding:17px 19px;background:#fff;color:var(--ink)!important;font:700 8px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}

.cta-action b{color:var(--blue);font-size:16px;font-weight:400}

@media(max-width:900px){.contact-hero-inner{
  grid-template-columns: 1fr;
  gap: 45px;
  padding: 70px 0 55px;
  min-height: 0;
}

.cta-box{grid-template-columns:1fr;align-items:start}
}

@media(max-width:560px){
.wrap{width:calc(100% - 30px)}

.contact-hero-inner{padding:58px 0 40px}

.contact-hero h1{font-size:55px}

.contact-hero p{font-size:14px}

.contact-hero-meta{grid-template-columns:1fr 1fr}

.form-panel{padding:21px}

.contact-form{grid-template-columns:1fr}

.field.full{grid-column:auto}

.captcha-note,.form-submit{grid-column:auto}

.form-submit{display:block}

.submit{width:100%;margin-top:15px}

.contact-cta{padding-bottom:70px}

.cta-box{padding:39px 25px}

.cta-box h2{font-size:47px}
}