.platform-marchitecture{--card-height:42px;align-items:center;gap:var(--size12);padding-block:var(--size10);background-image:radial-gradient(circle at 1px 1px,#0003 1px,#0000 0);background-size:20px 20px;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.platform-marchitecture:before,.platform-marchitecture:after{background:linear-gradient(90deg, var(--color-page-background) 0%, #f8f9fc00 100%);content:" ";width:150px;height:100%;display:block;position:absolute;top:0;left:0}.platform-marchitecture:after{left:auto;right:0;transform:scaleX(-1)}.card-group{gap:var(--size3);z-index:1;justify-content:center;width:100%;max-width:500px;display:flex}.card-group>div{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--card-shadow);font-size:var(--font-md);height:var(--card-height);padding:var(--size3);text-align:center;border:.5px solid #0000002e;flex:1;justify-content:center;align-items:center;font-weight:700;display:flex}.usage-cards{max-width:750px}.shared-model-card{margin-top:11px}.shared-model-card div{border-color:var(--color-brand);background:#ffedf3}.schema-cards{margin-top:11px}.schema-cards div:first-child{background:#e4fefe}.schema-cards div:last-child{background:#d2e6fe}.platform-svg{z-index:1}.connections-top{justify-content:space-between;width:750px;height:max-content;padding-inline:106px;display:flex;position:absolute;top:300px}.connections-top svg:nth-child(2){margin-top:122px}.connections-bottom{justify-content:space-between;width:750px;padding-inline:234px;display:flex;position:absolute;top:652px}.database-illustration{flex-direction:column;justify-content:center;align-items:center;display:flex}.database-illustration>svg{margin:var(--size7) 0;scale:1.25}.database-illustration .database-logo{transform:translate(-3px)translateY(-88px)}.database-illustration .database-logo svg{width:20px;height:20px}.other-services hgroup{padding-block-end:0}.other-services .other-services-checkboxes{width:fit-content;margin:0 auto}.other-services .other-services-checkboxes svg:nth-child(2){height:var(--size6);width:var(--size6)}@media screen and (width<750px){.platform-marchitecture .platform-svg{width:171vw}.platform-marchitecture .connections-top{width:90vw;padding-inline:10vw}.platform-marchitecture .card-group{width:60vw}.platform-marchitecture .card-group>div{font-size:var(--font-xs);padding:var(--size3) var(--size1)}.platform-marchitecture .usage-cards{width:90vw}.platform-marchitecture .usage-cards>div{font-size:var(--font-xxs)}section.wide:has(.platform-marchitecture){padding-inline:0}section.wide:has(.platform-marchitecture) hgroup{padding-inline:var(--size8)}}