.ayberk-container {
  width: min(var(--ayberk-container), calc(100% - (var(--ayberk-gutter) * 2)));
  margin-inline: auto;
}

.ayberk-section {
  padding-block: var(--ayberk-section-space);
}

.ayberk-section--panel {
  background: var(--ayberk-color-panel);
}

.ayberk-eyebrow {
  margin-bottom: 1rem;
  color: var(--ayberk-color-primary);
  font-size: var(--ayberk-font-size-xs);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.ayberk-display,
.ayberk-heading-1,
.ayberk-heading-2,
.ayberk-heading-3 {
  margin-bottom: 0;
  color: var(--ayberk-color-ink);
}

.ayberk-display {
  font-size: var(--ayberk-font-size-display);
  font-weight: 760;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.ayberk-heading-1 {
  font-size: var(--ayberk-font-size-h1);
  font-weight: 760;
  line-height: var(--ayberk-leading-tight);
  letter-spacing: -0.04em;
}

.ayberk-heading-2 {
  font-size: var(--ayberk-font-size-h2);
  font-weight: 750;
  line-height: var(--ayberk-leading-heading);
  letter-spacing: -0.035em;
}

.ayberk-heading-3 {
  font-size: var(--ayberk-font-size-h3);
  font-weight: 750;
  line-height: 1.35;
}

.ayberk-lead {
  color: var(--ayberk-color-muted);
  font-size: var(--ayberk-font-size-lead);
  line-height: var(--ayberk-leading-lead);
}

.ayberk-card {
  background: #fff;
  border: 1px solid var(--ayberk-color-line);
  border-radius: var(--ayberk-radius-lg);
  transition: transform var(--ayberk-duration-base) var(--ayberk-ease), border-color var(--ayberk-duration-base) var(--ayberk-ease), box-shadow var(--ayberk-duration-base) var(--ayberk-ease);
}

.ayberk-card:hover {
  border-color: #b9d9ff;
  box-shadow: var(--ayberk-shadow-card);
  transform: translateY(-5px);
}

.ayberk-tech-grid {
  background-image: linear-gradient(rgba(8, 103, 232, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 103, 232, 0.045) 1px, transparent 1px);
  background-size: 2rem 2rem;
}

.ayberk-section-heading {
  max-width: 53rem;
}

.ayberk-section-heading--center {
  margin-inline: auto;
  text-align: center;
}

.ayberk-section-heading .ayberk-lead {
  margin: 1.25rem 0 0;
}

.ayberk-rich-text {
  color: var(--ayberk-color-muted);
}

.ayberk-rich-text > * + * {
  margin-top: 1.15rem;
}

.ayberk-page-hero {
  position: relative;
  min-height: 39rem;
  display: grid;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background: var(--ayberk-color-footer);
}

.ayberk-page-hero__media,
.ayberk-page-hero__shade {
  position: absolute;
  inset: 0;
}

.ayberk-page-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ayberk-page-hero__shade {
  background: linear-gradient(90deg, rgba(3, 18, 36, .96) 0%, rgba(3, 18, 36, .76) 47%, rgba(3, 18, 36, .16) 78%);
}

.ayberk-page-hero__content {
  position: relative;
  z-index: 1;
  padding-block: 7rem;
}

.ayberk-page-hero .ayberk-eyebrow { color: var(--ayberk-color-cyan); }
.ayberk-page-hero .ayberk-display { max-width: 52rem; color: #fff; }
.ayberk-page-hero .ayberk-display > span { color: var(--ayberk-color-cyan); }
.ayberk-page-hero__lead { max-width: 47rem; margin: 1.7rem 0 0; color: #d4dfeb; font-size: var(--ayberk-font-size-lead); line-height: 1.75; }
.ayberk-page-hero__actions { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .75rem; }

@media (max-width: 640px) {
  .ayberk-page-hero { min-height: 34rem; }
  .ayberk-page-hero__content { padding-block: 5rem; }
  .ayberk-page-hero__shade { background: linear-gradient(90deg, rgba(3,18,36,.94), rgba(3,18,36,.62)); }
}