/* Lightweight structural illustrations, not screenshots or client records. */
.delivery-preview-note { font-size: 15px; line-height: 1.6; color: var(--ui-muted); }
.delivery-preview { min-width: 0; height: 168px; display: grid; place-content: center; padding: 18px; margin-bottom: 20px; border: 1px solid var(--ui-border); border-radius: var(--ui-radius-control); background: var(--color-slate-100); overflow: hidden; }
.delivery-preview__lines { display: grid; gap: 9px; }
.delivery-preview__lines i { display: block; height: 5px; width: 100%; background: rgba(1,22,85,.2); border-radius: 3px; }
.delivery-preview__lines i:nth-child(2) { width: 80%; }
.delivery-preview__lines i:nth-child(3) { width: 60%; }
.delivery-preview__report { width: 110px; height: 130px; padding: 15px; background: white; border: 1px solid var(--ui-border); border-radius: 3px; display: grid; align-content: space-between; }
.delivery-preview__brand { font-size: 14px; font-weight: 600; color: var(--color-primary); }
.delivery-preview__report-foot { height: 4px; background: var(--color-primary); }
.delivery-preview__sheet { width: 180px; display: grid; grid-template-columns: 24px repeat(3,minmax(0,1fr)); grid-template-rows: repeat(4,28px); background: white; border: 1px solid var(--ui-border); border-radius: 4px; }
.delivery-preview__sheet span { display: grid; place-items: center; border: 1px solid rgba(1,22,85,.1); font-size: 14px; color: var(--color-primary); }
.delivery-preview__sheet span:nth-child(-n+4), .delivery-preview__sheet span:nth-child(4n+1) { background: rgba(1,22,85,.06); }
.delivery-preview--dashboard { display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.delivery-preview__tiles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.delivery-preview__tiles span { height: 25px; border-radius: 4px; background: white; border: 1px solid var(--ui-border); }
.delivery-preview__dashboard, .delivery-preview__slide { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.65fr); gap: 18px; align-items: center; }
.delivery-preview__bars { display: flex; align-items: end; justify-content: space-around; gap: 5px; height: 60px; border-bottom: 1px solid var(--ui-border); }
.delivery-preview__bars i { width: 12px; height: 50%; background: #011655; border-radius: 3px 3px 0 0; }
.delivery-preview__bars i:nth-child(2n) { height: 80%; background: #559CFD; }
.delivery-preview__bars i:nth-child(3n) { height: 65%; }
.delivery-preview__ring { width: 54px; height: 54px; border: 11px solid rgba(1,22,85,.12); border-top-color: #011655; border-right-color: #559CFD; border-radius: 50%; }
.delivery-preview__map { width: 200px; max-width: 100%; }
.delivery-preview--flow { gap: 22px; }
.delivery-preview__flow { display: flex; gap: 8px; align-items: center; color: #011655; }
.delivery-preview__flow span { width: 32px; height: 25px; border: 1px solid #011655; border-radius: 4px; background: white; }
.delivery-preview__flow i { font-style: normal; }
.delivery-preview__slide { width: 190px; max-width: 100%; padding: 15px; background: white; border: 1px solid var(--ui-border); border-radius: 4px; }
.delivery-preview__notebook { width: 180px; max-width: 100%; display: grid; gap: 12px; padding: 12px; background: white; border: 1px solid var(--ui-border); border-radius: 4px; }
.delivery-preview__notebook > span { font-size: 14px; color: #011655; }
.delivery-preview__video { width: 180px; max-width: 100%; }
.service-page__process { position: relative; }
.service-page__process > li { position: relative; }
.service-page__process > li:not(:last-child)::after { content: ''; position: absolute; left: 19px; top: 45px; bottom: -18px; border-left: 1px solid var(--ui-border); pointer-events: none; }
@container service-content (max-width: 560px) { .service-page__deliverables { grid-template-columns: minmax(0,1fr); } }