.page-wrap,
.header-inner{
  width:min(100%,var(--max));
  margin:0 auto;
  padding-left:var(--pad);
  padding-right:var(--pad);
}

header{
  position:sticky;
  top:0;
  z-index:10;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:14px;
  padding-bottom:14px;
}

.top-section{
  position:relative;
  padding-top:86px;
  padding-bottom:44px;
}

.top-section::after{
  content:"";
  display:block;
  width:140px;
  height:3px;
  margin-top:32px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
}

.top-section p{
  max-width:930px;
  font-size:clamp(17px,1.8vw,20px);
}

.grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:22px;
}

.stacked-section,
.request-wrap{
  margin-top:24px;
}

footer{
  margin-top:34px;
  padding:28px 0 40px;
  border-top:1px solid var(--border);
  color:var(--muted2);
  font-size:14px;
}

.bottom-contact{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-top:18px;
}

.contact-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.footer-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  text-align:right;
}

@media (max-width:920px){
  :root{ --pad:22px; }
  .header-inner{
    align-items:flex-start;
    flex-direction:column;
  }
  .grid-2{ grid-template-columns:1fr; }
  .top-section{ padding-top:58px; }
  .bottom-contact{ flex-direction:column; }
  .footer-right{ align-items:flex-start; text-align:left; }
}

@media (max-width:640px){
  :root{ --pad:16px; --r:18px; }
  .page-wrap,
  .header-inner{ padding-left:var(--pad); padding-right:var(--pad); }
  .top-section{ padding-top:42px; }
}
