.i2-platform h1 { max-width: 18ch; font-size: clamp(2.5rem, 4.5vw, 4.6rem); }
.i2-platform__hero { background: linear-gradient(135deg, #edf9ff, #dff2fc 55%, #eee7fa); }
.i2-platform__hero .gs-layout-grid { align-items: center; }
.i2-platform__visual { margin: 0; overflow: hidden; border-radius: 1.5rem; background: #fff; box-shadow: 0 1rem 3rem rgb(16 35 63 / 10%); }
.i2-platform__visual img { display: block; width: 100%; height: auto; }
.i2-platform__visual figcaption { padding: 1rem 1.5rem; color: var(--i2-muted); font-size: .9rem; line-height: 1.5; }
.i2-platform__spacing { margin-top: 2rem; }
.i2-platform__diagram .gs-media-section__inner > .gs-content-header { margin-bottom: 1.25rem; }
.i2-platform__diagram h4 { padding: 0; margin: 0; font-size: 1.3rem; font-weight: 700; }
.i2-platform__connector { padding: .5rem; color: #346791; font-size: 2rem; text-align: center; }
.i2-platform__storage { margin: 1rem 0 0; padding: 1.25rem 1.5rem; border: 1px solid #c3d2e3; border-radius: 1rem; background: rgb(255 255 255 / 55%); color: var(--i2-muted); line-height: 1.65; }
.i2-platform__storage strong { color: var(--i2-ink); }
.i2-platform__governance { padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--i2-line); border-radius: 1.5rem; }
.i2-platform :is(section[id], #formation) { scroll-margin-top: 6rem; }
.i2-platform .gs-action { max-width: 100%; white-space: normal; }