html { scroll-padding-top: 130px; }
.bay-area .hero { background: radial-gradient(ellipse at 15% 20%, #557fa2 0, transparent 55%), linear-gradient(125deg, #213d63, #423c65); min-height: 490px; }
.bay-area .hero p.hero-status-badge { color: #213d63; font-size: 14px; text-shadow: none; margin: 0 0 24px; }
.bay-area .hero h1 { max-width: 960px; font-size: clamp(38px, 6vw, 68px); }
.bay-area .hero p { max-width: 790px; }
.bay-area .hero .launch-detail { font-size: 15px; font-weight: 600; }
.bay-area .eyebrow { color: #a63e64; }
.bay-area .section-inner > p + p { margin-top: 16px; }
.bay-area .service-photo { margin-top: 8px; }
.bay-area .service-photo img { max-height: 500px; object-fit: cover; }
.bay-area .card h3 a { color: inherit; }
.bay-area .planning-list { padding-left: 24px; margin-top: 20px; }
.bay-area .planning-list li { margin: 12px 0; }
.bay-area .inquiry-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 38px; }
.bay-area .inquiry-form { padding: 28px; background: white; border-radius: 16px; box-shadow: 0 8px 22px #2b4c7e12; }
.bay-area .inquiry-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.bay-area label { display: block; font-weight: 800; color: #213d63; }
.bay-area input, .bay-area select, .bay-area textarea { display: block; width: 100%; min-width: 0; margin-top: 6px; border: 1px solid #7f899a; border-radius: 8px; padding: 12px; font: inherit; color: #213d63; background: #fff; }
.bay-area .full-width { grid-column: 1 / -1; }
.bay-area .inquiry-form .cta-button { margin-top: 20px; border: none; cursor: pointer; font-family: inherit; }
.bay-area .form-note { margin-top: 16px; font-size: 14px; color: #445; }
.bay-area #bay-area-status { margin-top: 18px; color: #213d63; font-weight: 800; }
.bay-area #bay-area-email-preview { margin-top: 22px; padding-top: 22px; border-top: 1px solid #ccd2dd; }
.bay-area #bay-area-email-preview[hidden] { display: none; }
.bay-area #bay-area-draft { font-size: 14px; }
.bay-area #bay-area-copy { color: #213d63; border: 1px solid #7f899a; background: white; padding: 12px 18px; border-radius: 24px; margin-top: 12px; cursor: pointer; font: inherit; }
.bay-area a:focus-visible, .bay-area button:focus-visible, .bay-area input:focus-visible, .bay-area select:focus-visible, .bay-area textarea:focus-visible { outline: 3px solid #2b70b7; outline-offset: 4px; }
.bay-area footer p { overflow-wrap: anywhere; }
@media (min-width: 901px) { html { scroll-padding-top: 195px; } }
@media (max-width: 800px) { .bay-area .inquiry-layout { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .bay-area .inquiry-fields { grid-template-columns: 1fr; } .bay-area .inquiry-form { padding: 22px 18px; } .bay-area .hero { padding: 48px 18px; } }