/* Site-wide Google Sans + bento layout (inner pages) */

html,
body,
button,
input,
select,
textarea,
label,
legend,
summary,
.font-mono,
.stat-number,
.capability-hero-eyebrow-text,
.capabilities-hub-stat-label,
.brand-story-label {
  font-family: "Google Sans", system-ui, sans-serif !important;
}

.testimonial-card::before {
  font-family: "Google Sans", system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Google Sans", system-ui, sans-serif;
}

.capability-hero-title,
.capabilities-hub-hero h1,
.capabilities-category-title,
.capabilities-hub-stat-value,
.capability-timeline-step h3,
.capability-hero-meta-label {
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: -0.02em !important;
}

.card,
.card-glass,
.stat-card,
.why-choose-card,
.capability-card,
.accordion-item,
.testimonial-card,
.portfolio-card,
.timeline-step-card,
.contact-sidebar,
.contact-form-panel,
.contact-process-card,
.contact-channel-card,
.blog-card,
.capabilities-featured-card,
.capabilities-hub-stat,
.capability-timeline-step,
.form-input,
.form-textarea,
select.form-input,
.modal-container,
.static-card,
.inner-page-header {
  border-radius: var(--radius-lg) !important;
}

.contact-hero-panel,
.contact-hero-panel-caption,
.capability-hero-media,
.blog-hero,
.capabilities-hub-hero .container,
.static-card {
  border-radius: var(--radius-xl) !important;
  overflow: hidden;
}

.contact-channel-icon,
.product-tab,
.capabilities-hub-tabs .product-tab {
  border-radius: var(--radius-pill) !important;
}

.btn,
.btn-primary,
.btn-secondary,
.btn-lg,
.btn-sm,
.header-quote,
.modal-submit-btn {
  border-radius: var(--radius-pill) !important;
}

.capabilities-hub-stats {
  gap: var(--gutter, 16px) !important;
  background: transparent !important;
  border: 0 !important;
}

.capabilities-hub-stat {
  background: var(--surface, #fff) !important;
  border: 1px solid var(--outline, #D5DAE0);
}

.capabilities-featured-card,
.capabilities-hub-grid .capability-card,
.product-card {
  border-radius: var(--radius-xl) !important;
  overflow: hidden;
  background: var(--surface, #fff);
}

.capabilities-featured-media,
.product-card-image,
.capability-hero-media img,
.blog-card__image,
.blog-card__image img {
  border-radius: 0;
}

.contact-hero,
.capabilities-hub-hero,
.blog-hero,
.inner-page-header,
.capability-hero {
  background: var(--canvas, var(--color-bg-primary)) !important;
}

/* Homepage .hero-stage sits flush under the sticky header. */
#main-content > :first-child {
  margin-top: 0 !important;
}

.contact-hero,
.capabilities-hub-hero,
.blog-hero,
.capability-hero {
  padding: 0 var(--page-pad, 24px) var(--page-pad, 24px) !important;
}

.contact-hero {
  color: var(--ink, var(--color-text-primary));
  overflow: visible;
}

.contact-hero-grid {
  background: var(--primary, #0E1218);
  color: #fff;
  border-radius: var(--radius-xl);
  padding: clamp(24px, 3vw, 48px);
  gap: var(--gutter, 16px);
  overflow: hidden;
}

.contact-hero .section-label,
.contact-hero h1,
.contact-hero p,
.contact-breadcrumb,
.contact-breadcrumb a {
  color: #fff;
}

.contact-breadcrumb,
.contact-breadcrumb a {
  color: rgba(255, 255, 255, 0.72);
}

.contact-hero-panel {
  min-height: 320px;
  border: 0;
}

.contact-page-section .container,
.capabilities-hub .container,
.blog-page .container,
.capability-hero .container {
  max-width: var(--page-max, 2000px);
  padding-inline: var(--page-pad, 24px);
}

.capabilities-hub-hero {
  min-height: 0 !important;
  display: block !important;
  text-align: left;
}

.capabilities-hub-hero::before,
.capabilities-hub-hero::after {
  display: none;
}

.capabilities-hub-hero .container {
  background: var(--primary, #0E1218);
  padding: clamp(32px, 4vw, 64px);
  text-align: left;
}

.capabilities-hub-hero .capabilities-hub-breadcrumb,
.capabilities-hub-hero .section-label,
.capabilities-hub-hero-actions {
  justify-content: flex-start;
}

.capabilities-hub-hero h1 {
  font-size: var(--text-display, clamp(36px, 4.5vw, 64px)) !important;
  font-weight: 700 !important;
  color: #fff !important;
}

.capabilities-hub-hero p {
  margin-inline: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

.blog-hero {
  border: 0 !important;
}

.blog-hero .container {
  background: var(--surface, #fff);
  border: 1px solid var(--outline, #D5DAE0);
  border-radius: var(--radius-xl);
  padding: clamp(32px, 4vw, 56px);
  max-width: var(--page-max, 2000px) !important;
}

.capability-hero {
  border: 0 !important;
}

.capability-hero .capability-breadcrumb {
  padding-top: 0;
  margin-bottom: var(--space-6, 24px);
}

.capability-hero-grid {
  background: var(--surface, #fff);
  border: 1px solid var(--outline, #D5DAE0);
  border-radius: var(--radius-xl);
  padding: clamp(24px, 3vw, 40px);
  gap: var(--gutter, 16px);
}

.capability-hero-media {
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--primary, #0E1218);
}

.capability-lead-form-section {
  margin: var(--page-pad, 24px);
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.static-stage {
  padding-block: 0 var(--section-y, 56px);
}

.static-card {
  background: var(--surface, #fff);
  border: 1px solid var(--outline, #D5DAE0);
  padding: clamp(28px, 3vw, 48px);
}

.static-card h1 {
  margin: 0 0 16px;
  font-size: var(--text-section, clamp(32px, 4vw, 48px));
  font-weight: 600;
  letter-spacing: -0.02em;
}

.static-card .static-copy {
  color: var(--ink-secondary, #5C6470);
  line-height: 1.7;
}

.static-card .static-copy p {
  margin: 0 0 16px;
  max-width: 70ch;
}

.inner-page-header {
  margin: 0 var(--page-pad, 24px) var(--page-pad, 24px);
  padding: clamp(48px, 6vw, 80px) clamp(24px, 3vw, 48px) !important;
  background: var(--primary, #0E1218) !important;
  text-align: left !important;
}

.form-input,
.form-textarea,
select.form-input {
  background: var(--canvas, #F6F7F9);
  border-radius: 12px !important;
}

.container {
  max-width: var(--page-max, 2000px);
  padding-inline: var(--page-pad, 24px);
}

.capabilities-hub-tabs {
  border-bottom: 0 !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.capabilities-hub-tabs .product-tab {
  padding: 10px 16px !important;
  border: 1px solid var(--outline, #D5DAE0) !important;
  border-radius: var(--radius-pill) !important;
  background: var(--surface, #fff) !important;
  margin-bottom: 0 !important;
}

.capabilities-hub-tabs .product-tab.active {
  background: var(--primary, #0E1218) !important;
  color: #fff !important;
  border-color: var(--primary, #0E1218) !important;
}

.capability-z-content h3,
.capabilities-category-title {
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: -0.02em !important;
}

.contact-page-section,
.capabilities-hub,
.blog-page,
.account-page {
  background: var(--canvas, #F6F7F9) !important;
}

.auth-page {
  padding: 0 var(--page-pad, 24px) var(--section-y, 56px);
  display: flex;
  justify-content: center;
}

.auth-card,
.account-panel {
  width: 100%;
  background: var(--surface, #fff);
  border: 1px solid var(--outline, #D5DAE0);
  border-radius: var(--radius-xl) !important;
  padding: clamp(28px, 3vw, 40px);
}

.auth-card {
  max-width: 480px;
}

.auth-card h2,
.account-panel h2 {
  font-family: "Google Sans", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.capability-specs-grid,
.capability-lead-form-trust {
  gap: var(--gutter, 16px) !important;
  background: transparent !important;
  border: 0 !important;
}

.capability-spec-card,
.capability-baseline-card,
.capability-timeline-step,
.capability-lead-form-trust-item,
.contact-alert {
  border-radius: var(--radius-lg) !important;
}

.capability-spec-card {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.capability-timeline {
  gap: var(--gutter, 16px);
}

.capability-timeline-step {
  border: 1px solid var(--outline, #D5DAE0) !important;
  background: var(--surface, #fff) !important;
}

.capability-lead-form-trust {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.capability-lead-form-trust-item {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.capability-specs-section {
  background: var(--canvas, #F6F7F9) !important;
  padding: var(--page-pad, 24px) !important;
}

.capability-specs-section .container {
  background: var(--primary, #0E1218);
  border-radius: var(--radius-xl);
  padding: clamp(32px, 4vw, 56px);
}

.capability-baseline-body h3 {
  text-transform: none !important;
  letter-spacing: -0.02em !important;
}