/* Map + Brand · start a business: five steps on the left, the real screen for the chosen step on the right. */
.start-biz { padding-block: 90px 60px; }
.sb-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr); gap: 34px; align-items: start; margin-top: 34px; }
.sb-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sb-steps button { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; row-gap: 4px; width: 100%; text-align: left; padding: 14px 16px; border-radius: 14px; border: 1px solid #8fd8d526; background: #06141a99; color: #c1d2d5; cursor: pointer; font: inherit; transition: border-color .2s, background .2s; }
.sb-steps button:hover { border-color: #8fd8d566; }
.sb-steps button[aria-pressed="true"] { border-color: #e6b06d; background: #1a120acc; }
.sb-steps button:focus-visible, .sb-actions button:focus-visible { outline: 2px solid #ffe1a8; outline-offset: 2px; }
.sb-n { grid-row: span 2; font: 600 13px/1.6 monospace; letter-spacing: .08em; color: #8fd8d5; }
.sb-steps button[aria-pressed="true"] .sb-n { color: #e6b06d; }
.sb-steps b { color: #f4f4f2; font-size: 17px; }
.sb-steps small { font-size: 14px; line-height: 1.5; color: #a9bcc0; }
.sb-view { position: sticky; top: 90px; margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid #8fd8d540; background: #030711; box-shadow: 0 30px 80px #000a; }
.sb-view video, .sb-view img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: left top; background: #030711; }
.sb-view [hidden] { display: none; }
.sb-view figcaption { padding: 12px 16px; font-size: 12px; color: #a9bcc0; background: #06141a; }
.sb-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
@media (max-width: 900px) { .sb-grid { grid-template-columns: minmax(0, 1fr); } .sb-view { position: static; order: -1; } }