.technology-section { position: relative; background: var(--color-ink); color: var(--color-white); padding-block: var(--section-space); overflow: hidden; }
.technology-section > .container { position: relative; min-height: 904px; }
.technology-section__heading { display: grid; grid-template-columns: minmax(0,700fr) minmax(0,480fr); align-items: center; margin-bottom: var(--space-15); }
.technology-section__heading h2 { font-size: var(--text-title); line-height: var(--leading-title); font-weight: var(--font-weight-medium); margin: 0; }
.technology-section__heading .section-prose { font-size: var(--text-base); line-height: var(--leading-narrative); color: rgb(255 255 255 / 46%); }
.technology-section__stage { position: relative; }
.technology-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-8); position: relative; z-index: 1; margin: 0; }
.technology-features > li { background: var(--color-white); color: var(--color-ink); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); padding: var(--space-8) var(--space-9); border-radius: var(--radius-card); min-height: 200px; }
.technology-features > li:nth-child(4) { grid-column: 1; }
.technology-features > li:nth-child(5) { grid-column: 3; }
.technology-features h3 { font-size: var(--text-base); line-height: var(--leading-body); font-weight: var(--font-weight-bold); margin-bottom: var(--space-4); }
.technology-features p { font-size: var(--text-card-name); line-height: var(--leading-card-copy); color: var(--color-subtle); }
.technology-section__artwork { position: absolute; width: min(668px,100%); aspect-ratio: 668/518; left: 50%; bottom: calc(-1 * var(--section-space)); transform: translateX(-50%); pointer-events: none; }
.technology-section__image { width: 100%; height: 100%; object-fit: contain; display: block; }
.technology-section__glow { position: absolute; width: 29.04%; height: 55.6%; left: 35.48%; top: 8.49%; object-fit: contain; mix-blend-mode: color-dodge; filter: blur(11.9px); pointer-events: none; }
.technology-section__mobile-image { display: none; }
.technology-section__trust { list-style: none; padding: var(--space-9) 0 0; margin: var(--space-15) 0 0; display: flex; justify-content: space-between; gap: var(--space-8); font-size: var(--text-small); line-height: var(--leading-body); font-weight: var(--font-weight-medium); color: var(--color-subtle); text-transform: uppercase; position: relative; z-index: 1; }
@media(max-width:767px) {
  .technology-section { padding-bottom: 0; }
  .technology-section > .container { min-height: 0; }
  .technology-section__heading { grid-template-columns: 1fr; gap: var(--space-8); margin-bottom: var(--space-8); }
  .technology-section__heading h2 { font-size: var(--text-h4); line-height: 1.2; }
  .technology-features { grid-template-columns: 1fr; gap: var(--space-5); }
  .technology-features > li:nth-child(n) { grid-column: auto; display: grid; grid-template-columns: 35px minmax(0,1fr); align-items: center; column-gap: var(--space-6); row-gap: var(--space-5); padding: var(--space-8); border-radius: var(--space-6); min-height: 162px; }
  .technology-features > li > div { display: contents; }
  .technology-features h3 { margin: 0; }
  .technology-features p { grid-column: 1/-1; color: var(--color-subtle); }
  .technology-section__trust { flex-direction: column; align-items: center; gap: var(--space-2); margin-top: var(--space-8); padding: 0; }
  .technology-section__artwork { position: relative; left: 50%; bottom: auto; width: 566px; max-width: none; aspect-ratio: 566/432; margin-top: -20px; }
  .technology-section__artwork--responsive .technology-section__image, .technology-section__artwork--responsive .technology-section__glow { display: none; }
  .technology-section__mobile-image { display: block; width: 100%; height: 100%; object-fit: contain; }
}
