.about-hero { padding: 0.75rem 0 0.5rem; }
.about-headline { font-size: 1.6rem; font-weight: 700; line-height: 1.3; color: #111; margin-bottom: 0.75rem; }
.about-subline { font-size: 1rem; color: #555; line-height: 1.6; }
.about-section { margin-top: 1.0rem; }
.about-section:has(.about-gallery-link) { margin-top: 2.5rem; }
.about-section-title { font-size: 0.8rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.75rem; }
.about-section--video { margin-top: 2.5rem; }
.about-demo-video { width: 100%; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.12); display: block; }
.about-steps { list-style: none; counter-reset: steps; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.about-steps > li { counter-increment: steps; display: flex; align-items: flex-start; gap: 0.75rem; font-size: 1rem; color: #374151; position: relative; }
.about-steps > li::before, .about-substeps > li::before { position: relative; z-index: 1; min-width: 1.5rem; height: 1.5rem; background: #fff; color: var(--color-accent); border: 1px solid var(--color-accent); border-radius: 50%; font-size: 0.75rem; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.about-steps > li::before { content: counter(steps); }
.about-steps > li:not(:last-child)::after { content: ''; position: absolute; top: 0.75rem; left: 0.75rem; width: 1px; height: calc(100% + 0.75rem); background: var(--color-accent); transform: translateX(-50%); }

.about-steps > li.about-step--nested { display: grid; grid-template-columns: 1.5rem 1fr; grid-template-rows: auto auto; column-gap: 0.75rem; row-gap: 0.5rem; }
.about-steps > li.about-step--nested::before { grid-column: 1; grid-row: 1; align-self: start; }
.about-steps > li.about-step--nested .about-step-label { grid-column: 2; grid-row: 1; align-self: start; }
.about-steps > li.about-step--nested .about-substeps { grid-column: 1 / -1; grid-row: 2; margin-left: 1.75rem; }

.about-substeps { list-style: none; counter-reset: substeps; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.about-substeps > li { counter-increment: substeps; display: flex; align-items: flex-start; gap: 0.75rem; font-size: 1rem; color: #374151; position: relative; }
.about-substeps > li::before { content: counter(steps) "." counter(substeps); }
.about-substeps > li::after { content: ''; position: absolute; top: -0.5rem; left: 0.75rem; width: 1px; height: 1.25rem; background: var(--color-accent); transform: translateX(-50%); }
.about-section .gallery-row { border-top: none; margin-top: 0; }
.about-gallery-link { display: block; margin-top: 0.6rem; font-size: 0.85rem; font-weight: 600; color: var(--color-accent); text-decoration: none; }
.about-gallery-link-text { border-bottom: 2px solid transparent; }
.about-gallery-link::after { content: "\203A"; margin-left: 0.3rem; }
.about-gallery-link:hover { color: var(--color-accent-hover); }
.about-gallery-link:hover .about-gallery-link-text { border-bottom-color: currentColor; }