:root { --ink:#f5f7fb; --muted:#8d95a3; --blue:#1a63cc; --blue-light:#4a8ef0; --surface:#080a0e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--surface); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.site-header { align-items:flex-start; display:flex; height:292px; justify-content:space-between; left:0; padding:24px clamp(24px,5vw,76px) 0; position:absolute; right:0; top:0; z-index:10; }
.brand { display:block; height:248px; overflow:hidden; width:568px; }
.brand img, footer img { display:block; height:100%; object-fit:contain; width:100%; }
.nav-link { border-bottom:1px solid var(--blue); font-size:12px; font-weight:700; letter-spacing:.17em; margin-top:14px; padding:10px 0; text-transform:uppercase; }
.hero { align-items:center; background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 74% 44%,rgba(26,99,204,.20),transparent 28%),#080a0e; background-size:72px 72px,72px 72px,auto,auto; display:flex; min-height:100svh; overflow:hidden; padding:270px clamp(24px,9vw,140px) 80px; position:relative; }
.hero::after { background:linear-gradient(90deg,transparent,rgba(26,99,204,.75),transparent); content:""; height:1px; left:45%; opacity:.75; position:absolute; top:48%; width:60%; }
.hero-content { max-width:880px; position:relative; z-index:2; }
.eyebrow,.section-number { color:#aab1bd; font-size:11px; font-weight:700; letter-spacing:.2em; margin:0 0 30px; text-transform:uppercase; }
.eyebrow span { background:var(--blue-light); border-radius:999px; box-shadow:0 0 16px rgba(74,142,240,.85); display:inline-block; height:7px; margin-right:12px; width:7px; }
h1 { font-size:clamp(62px,9.3vw,150px); font-weight:700; letter-spacing:-.065em; line-height:.84; margin:0; }
h1 em { color:var(--blue-light); font-style:normal; }
.hero-copy { color:#b7bec9; font-size:clamp(17px,1.55vw,22px); line-height:1.6; margin:44px 0 38px; max-width:640px; }
.primary-button,.contact-form button { align-items:center; background:var(--blue); border:0; color:#fff; cursor:pointer; display:inline-flex; font-size:12px; font-weight:700; gap:44px; justify-content:space-between; letter-spacing:.13em; min-width:205px; padding:18px 20px; text-transform:uppercase; transition:background .2s ease,transform .2s ease; }
.primary-button:hover,.contact-form button:hover { background:#2675e5; transform:translateY(-2px); }
.contact-form button:disabled { cursor:wait; opacity:.68; transform:none; }
.scroll-note { bottom:34px; color:#69717d; font-size:9px; letter-spacing:.17em; margin:0; position:absolute; right:clamp(24px,5vw,76px); text-transform:uppercase; }
.signal { align-items:center; display:flex; gap:13px; height:360px; opacity:.20; position:absolute; right:clamp(-150px,1vw,20px); top:22%; transform:rotate(-4deg); }
.signal span { background:linear-gradient(#fff 0 12%,var(--blue) 12% 88%,#fff 88%); border-radius:999px; height:10%; width:9px; }
.signal span:nth-child(2),.signal span:nth-child(16){height:16%}.signal span:nth-child(3),.signal span:nth-child(15){height:25%}.signal span:nth-child(4),.signal span:nth-child(14){height:38%}.signal span:nth-child(5),.signal span:nth-child(13){height:58%}.signal span:nth-child(6),.signal span:nth-child(12){height:82%}.signal span:nth-child(7),.signal span:nth-child(11){height:62%}.signal span:nth-child(8),.signal span:nth-child(10){height:44%}.signal span:nth-child(9){height:96%}
.contact-section { background:#f3f3f0; color:#101218; display:grid; gap:clamp(64px,9vw,150px); grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr); padding:clamp(92px,11vw,170px) clamp(24px,9vw,140px); }
.contact-intro h2 { font-size:clamp(54px,6vw,92px); letter-spacing:-.055em; line-height:.95; margin:0 0 28px; }
.contact-intro>p:last-child { color:#60656e; font-size:17px; line-height:1.7; max-width:420px; }
.contact-form { padding-top:43px; }
.field-grid { display:grid; gap:30px; grid-template-columns:1fr 1fr; }
.contact-form label { display:block; margin-bottom:33px; }
.contact-form label>span { display:block; font-size:10px; font-weight:700; letter-spacing:.18em; margin-bottom:8px; text-transform:uppercase; }
.contact-form input,.contact-form textarea { background:transparent; border:0; border-bottom:1px solid #b7bbc1; border-radius:0; color:#101218; font:inherit; outline:0; padding:12px 0; resize:vertical; width:100%; }
.contact-form input:focus,.contact-form textarea:focus { border-color:var(--blue); }
.form-footer { align-items:center; display:flex; gap:28px; justify-content:space-between; }
.form-footer p { color:#7a8089; font-size:11px; line-height:1.5; margin:0; }
.contact-form button { flex:0 0 auto; }
.honeypot { height:0; left:-9999px; overflow:hidden; position:absolute; width:0; }
footer { align-items:center; background:#080a0e; color:#737b87; display:flex; justify-content:space-between; padding:40px clamp(24px,5vw,76px); }
footer img { height:50px; width:116px; }
footer p { font-size:10px; letter-spacing:.1em; margin:0; text-transform:uppercase; }
.form-status { border-left:3px solid var(--blue); color:#5a6069; margin:0 0 28px; padding:12px 16px; }
.form-status.error { border-color:#c0392b; }
@media(min-width:781px) and (max-width:1600px){
  .site-header{height:195px;padding:16px 51px 0}
  .brand{height:165px;width:379px}
  .nav-link{font-size:9px;margin-top:9px;padding:7px 0}
  .hero{background-size:48px 48px,48px 48px,auto,auto;padding:180px 93px 54px}
  .hero-content{max-width:587px}
  .eyebrow,.section-number{font-size:9px;margin-bottom:20px}
  .eyebrow span{height:5px;margin-right:8px;width:5px}
  h1{font-size:clamp(62px,6.2vw,100px)}
  .hero-copy{font-size:clamp(15px,1.05vw,17px);margin:29px 0 25px;max-width:427px}
  .primary-button,.contact-form button{font-size:9px;gap:29px;min-width:137px;padding:12px 14px}
  .scroll-note{bottom:23px;font-size:7px;right:51px}
  .signal{gap:9px;height:240px;right:clamp(-100px,1vw,13px)}
  .signal span{width:6px}
  .contact-section{gap:clamp(43px,6vw,100px);padding:clamp(62px,7.3vw,113px) 93px}
  .contact-intro h2{font-size:clamp(48px,4vw,61px);margin-bottom:19px}
  .contact-intro>p:last-child{font-size:14px;max-width:320px}
  .contact-form{padding-top:29px}
  .field-grid{gap:20px}
  .contact-form label{margin-bottom:22px}
  .contact-form label>span{font-size:8px}
  .form-footer{gap:19px}
  .form-footer p{font-size:9px}
  footer{padding:27px 51px}
  footer img{height:34px;width:78px}
  footer p{font-size:8px}
}
@media(max-width:780px){.site-header{height:200px;padding-top:18px}.brand{height:160px;width:260px}.nav-link{margin-top:10px}.hero{min-height:900px;padding-top:250px}.hero::after{left:15%;top:62%;width:100%}.signal{opacity:.12;right:-230px;top:39%}.hero-copy{margin-top:36px}.contact-section{grid-template-columns:1fr}.contact-form{padding-top:0}.field-grid{grid-template-columns:1fr;gap:0}.form-footer{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button,.contact-form button{transition:none}}