/* Veludurthi Technologies Technology page. Layers on top of styles.css + site.css tokens. */

.technology-hero { padding: 160px 40px 90px; border-bottom: 1px solid var(--page-divider); }
.technology-hero-title { max-width: 22ch; }
.technology-hero-lead { max-width: 70ch; margin-top: 24px; }
@media (max-width: 640px) { .technology-hero { padding: 130px 24px 60px; } }

/* layered architecture stack */
.section-architecture { padding: 100px 40px 120px; border-bottom: 1px solid var(--page-divider); }
.arch-stack { display: grid; gap: 2px; margin-top: 64px; background: var(--page-divider); border: 1px solid var(--page-divider); border-radius: var(--radius-lg,14px); overflow: hidden; }
.arch-layer {
  display: grid; grid-template-columns: minmax(0,.34fr) minmax(0,.4fr) minmax(0,1fr);
  gap: 32px; align-items: center; padding: 30px 32px; background: var(--page-card-bg);
  position: relative;
}
.arch-layer.is-accent { box-shadow: inset 3px 0 0 var(--page-accent); }
.arch-layer-head { display: flex; align-items: baseline; gap: 14px; }
.arch-layer-index { font-family: ui-monospace,Menlo,monospace; font-size: 12px; color: var(--page-text-dim-40); flex: none; }
.arch-layer.is-accent .arch-layer-index { color: var(--page-accent-light); }
.arch-layer-head h3 { margin: 0; font-size: 19px; font-weight: 500; letter-spacing: -.01em; }
.arch-layer-copy { margin: 0; font-size: 14px; line-height: 1.65; color: var(--page-text-dim-60); }
.arch-tags { display: flex; flex-wrap: wrap; gap: 8px; }

@media (max-width: 900px) {
  .arch-layer { grid-template-columns: 1fr; gap: 14px; }
}

/* secondary stack note — deliberately quiet, no logos */
.section-stack-note { padding: 64px 40px; border-bottom: 1px solid var(--page-divider); }
.stack-note-copy { margin: 0; max-width: 72ch; font-size: 14px; line-height: 1.75; color: var(--page-text-dim-55); }

.technology-cta-grid { grid-template-columns: 1fr; text-align: left; }
.technology-cta .section-intro { max-width: 62ch; }