/* Business and gym share the pale blue circular backdrop behind real screens. */
.connected-scene { display:grid; grid-template-columns:24% 18% minmax(0,1fr); align-items:center; gap:3%; padding:36px; border-radius:24px; margin-top:30px; }
.connected-office,.connected-gym { background:radial-gradient(ellipse at 16% 50%,#eef6ff 0 24%,transparent 24.2%),radial-gradient(ellipse at 80% 50%,#eef6ff 0 29%,transparent 29.2%); }
.connected-scene figure { margin:0; min-width:0; }
.connected-scene figcaption { text-align:center; margin-bottom:20px; }
.connected-scene h3 { font-size:20px; margin:0 0 5px; }
.connected-scene p { font-size:15px; margin:0; }
.connected-app img { display:block; width:100%; max-width:240px; margin:auto; border-radius:24px; box-shadow:0 14px 30px #15284c20; }
.connected-tool img { display:block; width:100%; height:auto; object-fit:contain; border:0; border-radius:12px; box-shadow:0 14px 30px #15284c25; }
.connected-flow { display:flex; flex-direction:column; align-items:center; text-align:center; color:#007aff; font-size:16px; line-height:1.6; }
.connected-flow>span { font-size:64px; line-height:1; }
.connected-flow strong { margin:12px 0; }
.connected-flow small { font-size:13px; margin-top:8px; }
.connected-caption { font-size:13px; text-align:right; margin:14px 0 28px; color:#67768d; }
.connected-try { display:grid; grid-template-columns:1fr 1fr; gap:30px; text-align:center; align-items:start; }
.connected-try h3 { font-size:19px; margin:0 0 16px; }
.connected-stores { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; }
.connected-stores .store-badge img { width:auto; height:46px; }
.connected-demo { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:10px 24px; border-radius:8px; background:#101f4c; color:#fff; font-weight:700; }
.connected-try small { display:block; margin-top:8px; font-size:13px; }
.biz-functions article { grid-template-columns:23% 25% 1fr; padding:24px 0; gap:24px; }
.biz-functions article h3 { font-size:21px; line-height:1.6; }
.biz-functions article img { height:145px; object-fit:cover; }
@media(max-width:760px) {
 .connected-scene { grid-template-columns:1fr; padding:24px 16px; gap:24px; }
 .connected-app img { max-width:190px; }
 .connected-flow { position:relative; }
 .connected-flow>span { transform:rotate(90deg); font-size:44px; }
 .connected-flow>span:nth-of-type(2) { display:none; }
 .connected-flow strong { margin:4px 0; }
 .connected-tool img { border:0; }
 .connected-try { grid-template-columns:1fr; gap:30px; }
 .biz-functions article { grid-template-columns:90px 1fr; gap:12px 18px; }
 .biz-functions article img { height:110px; grid-row:span 2; }
 .biz-functions article h3 { font-size:19px; border:0; padding:0; }
 .biz-functions article p { grid-column:2; }
}
/* Clear next step after the feature summaries. */
.biz-all,.gym-detail-link {
 display:flex; align-items:center; justify-content:center; gap:16px;
 width:fit-content; min-width:280px; min-height:60px; margin:32px auto 0;
 padding:16px 32px; border:2px solid #0966df; border-radius:10px;
 background:#0966df; color:#fff; font-size:19px; font-weight:700;
 line-height:1.5; text-decoration:none; box-shadow:0 6px 18px #0966df24;
}
.biz-all:hover,.gym-detail-link:hover { background:#074fb0; border-color:#074fb0; }
.biz-all:focus-visible,.gym-detail-link:focus-visible { outline:3px solid #101f4c; outline-offset:4px; }
@media(max-width:760px) {
 .biz-all,.gym-detail-link { width:100%; min-width:0; font-size:18px; padding:14px 20px; box-sizing:border-box; }
}