.contact-page { min-height: 100vh; background: #edf3f8; }

.contact-header {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(16, 43, 70, 0.12);
  background: rgba(255, 255, 255, 0.94);
}

.contact-header-inner {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact-back {
  color: #102b46;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

.contact-back span { margin-left: 8px; color: #1262c4; }

.contact-hero {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 88px);
  padding: 92px 0 110px;
  background: linear-gradient(135deg, #f8fbfd, #e6f0f7);
}

.contact-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(480px, 1.12fr);
  gap: 7vw;
  align-items: start;
}

.contact-intro h1 {
  margin: 0;
  color: #102b46;
  font-size: clamp(3rem, 5.5vw, 5.6rem);
  font-weight: 520;
  letter-spacing: -0.055em;
  line-height: 1;
}

.contact-intro > p:last-of-type {
  margin: 30px 0 0;
  color: #5b7087;
  font-size: 1.12rem;
  line-height: 1.75;
}

.contact-email-list { margin-top: 48px; border-top: 1px solid rgba(16, 43, 70, 0.16); }
.contact-email-list a {
  padding: 18px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid rgba(16, 43, 70, 0.16);
  text-decoration: none;
}
.contact-email-list span { color: #5b7087; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.contact-email-list strong { color: #102b46; font-size: 0.95rem; }
.contact-email-list a:hover strong { color: #1262c4; }

.contact-form-panel {
  min-height: 560px;
  padding: clamp(30px, 4vw, 56px);
  background: #fff;
  border-top: 4px solid #3b8fe5;
  box-shadow: 0 24px 80px rgba(7, 29, 52, 0.14);
}

.contact-form-heading { margin-bottom: 36px; }
.contact-form-heading span { color: #1262c4; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.18em; }
.contact-form-heading h2 { max-width: 520px; margin: 12px 0 0; color: #102b46; font-size: clamp(2rem, 3.2vw, 3.4rem); font-weight: 540; letter-spacing: -0.04em; line-height: 1.08; }

.contact-fallback { padding: 34px; background: #edf3f8; border-left: 3px solid #1262c4; }
.contact-fallback p { margin: 0 0 28px; color: #5b7087; line-height: 1.75; }
.quickbooks-embed[hidden], .contact-fallback[hidden] { display: none; }
.quickbooks-embed iframe { width: 100%; min-height: 520px; border: 0; }

.contact-footer { padding-top: 28px; }

@media (max-width: 940px) {
  .contact-layout { grid-template-columns: 1fr; }
  .contact-form-panel { min-height: 0; }
}

@media (max-width: 600px) {
  .contact-header-inner { min-height: 74px; }
  .contact-hero { padding: 64px 0 80px; }
  .contact-email-list a { flex-direction: column; gap: 5px; }
  .contact-form-panel { padding: 28px 20px; }
  .contact-fallback { padding: 24px 20px; }
}