/* /cloud/ — batch 2, page 14. Scoped to .tt-b2--cloud. */
.tt-b2--cloud .tt-b2-cloud-diagram { display: grid; gap: 14px; text-align: center; }
.tt-b2--cloud .tt-b2-cloud-diagram__lead { margin: 0; color: var(--tt-ink-muted); font-size: .875rem; font-weight: 700; }
.tt-b2--cloud .tt-b2-cloud-places { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tt-b2--cloud .tt-b2-cloud-place { padding: 14px 8px; border: 1px solid var(--tt-line); border-radius: var(--tt-radius-sm); background: var(--tt-mint-pale); }
.tt-b2--cloud .tt-b2-cloud-place .tt-b2__icon { margin: 0 auto 8px; width: 48px; height: 48px; background: #fff; }
.tt-b2--cloud .tt-b2-cloud-place__label { margin: 0; color: var(--tt-ink); font-size: .8125rem; font-weight: 700; line-height: 1.5; }
.tt-b2--cloud .tt-b2-cloud-diagram__arrow { margin: 0; color: var(--tt-green); font-size: .9375rem; font-weight: 800; }
.tt-b2--cloud .tt-b2-cloud-diagram__cloud .wp-block-image { margin: 0; }
.tt-b2--cloud .tt-b2-cloud-diagram__cloud img { display: block; width: 160px; height: auto; margin-inline: auto; }
.tt-b2--cloud .tt-b2__hero-lead { font-size: 1.0625rem; color: var(--tt-green-deep); font-weight: 700; }
.tt-b2--cloud .tt-b2__split-copy > p:not(.tt-b2__eyebrow):not(.tt-b2__lead) { margin: 14px 0 0; color: var(--tt-ink-muted); line-height: 2; }
.tt-b2--cloud .tt-b2-cloud-req p { font-size: 1rem; }
.tt-b2--cloud .tt-b2-cloud-price { max-width: 720px; margin-inline: auto; }
.tt-b2--cloud .tt-b2__actions { margin-top: 20px; }
@media (max-width: 600px) { .tt-b2--cloud .tt-b2-cloud-places { grid-template-columns: minmax(0, 1fr); } .tt-b2--cloud .tt-b2-cloud-place { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 12px; text-align: left; } .tt-b2--cloud .tt-b2-cloud-place .tt-b2__icon { margin: 0; } }