.sut-hero__visual{width:100%;max-width:440px;margin-inline:auto;position:relative}@media (min-width:1024px){.sut-hero__visual{margin-inline:auto 0}}.sut-hero__panel{gap:var(--space-4);padding:var(--space-6);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.sut-hero__row{align-items:center;gap:var(--space-3);display:flex}.sut-hero__row-icon{width:20px;height:20px;color:var(--color-brand-accent);flex-shrink:0}.sut-hero__row-dot{border-radius:var(--radius-full);background:var(--color-border-strong);flex-shrink:0;width:8px;height:8px;margin-inline:6px}.sut-hero__row-line{border-radius:var(--radius-full);background:var(--color-surface-muted);flex-grow:1;height:10px}.sut-hero__row-line--short{max-width:60%}.sut-hero__chip--architecture{top:12%;left:-10px}.sut-hero__chip--crawl{bottom:10%;left:-6px}.sut-stack{gap:var(--space-8);flex-direction:column;max-width:760px;display:flex;position:relative}.sut-stack:before{content:"";background:var(--color-border);width:2px;position:absolute;top:8px;bottom:8px;left:17px}.sut-stack__layer{gap:var(--space-5);display:flex;position:relative}.sut-stack__index{z-index:1;border-radius:var(--radius-full);background:var(--color-brand-dark);width:36px;height:36px;color:var(--color-text-inverse);font-weight:var(--font-weight-button);font-size:var(--font-size-body-small);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.sut-stack__body{padding-top:var(--space-1)}