.sec.so-hero{padding-top:96px;padding-bottom:var(--sp-120);overflow-x:clip}.so-hero .hero-head-lede{max-width:680px}.so-apps{justify-content:center;gap:var(--sp-24) 0;max-width:1000px;margin:var(--sp-48) auto 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.so-app{flex-direction:column;align-items:center;width:124px;display:flex}.so-app-tile{background:var(--c-white);border-radius:23%;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden;box-shadow:0 1px 2px #1f1d1b0f,0 14px 28px -14px #1f1d1b4d}.so-app-tile[data-cover] img{object-fit:cover;width:100%;height:100%}.so-app-tile>.connector-logo-icon{background:0 0;border-radius:0;width:100%!important;height:100%!important}.so-app-tile>.connector-logo-icon svg{width:50%;height:50%}.so-app-name{margin-top:var(--sp-12);color:var(--c-ink-soft);font-size:var(--t-label);text-align:center;white-space:nowrap;line-height:1.3}.so-app-more{padding-inline:var(--sp-8);color:inherit;border-radius:16px;flex-direction:column;align-items:center;text-decoration:none;display:flex}.so-app-tile--more{border:1.5px dashed var(--c-hairline-strong);box-shadow:none;color:var(--c-ink-faint);transition:border-color var(--dur-state) var(--ease), color var(--dur-state) var(--ease);background:0 0}.so-app-tile--more svg{width:24px;height:24px}.so-app-more:hover .so-app-tile--more{border-color:var(--c-ink-faint);color:var(--c-ink)}.so-app-more:hover .so-app-name{color:var(--c-ink)}.so-app-more:focus-visible{outline:2px solid var(--c-ink);outline-offset:4px}@media (prefers-reduced-motion:no-preference){.so-app{transition:opacity .5s var(--ease), transform .5s var(--ease);transition-delay:calc(var(--i,0) * 60ms)}[data-js] .so-hero[data-inview=false] .so-app{opacity:0;transform:translateY(12px)}}.so-grid{gap:var(--space-gap);margin:var(--space-head) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.so-grid>li{min-width:0;display:flex}.so-card{border-radius:var(--r-tile);background:var(--c-sand-3);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.so-card-copy{justify-content:space-between;align-items:flex-start;gap:var(--sp-16);padding:30px 28px 0 32px;display:flex}.so-card-line{margin-top:var(--sp-8)}.so-card-art{padding:var(--sp-24) 12px 12px;margin-top:auto}.so-card-stage{--stage-pad:24px;--stage-radius:var(--r-inset);--card-w:300px;height:236px}.so-card-link{color:inherit;text-decoration:none}.so-card-link:after{content:"";z-index:1;border-radius:var(--r-tile);position:absolute;inset:0}.so-card-link:focus-visible{outline:none}:is(.so-card,.so-mini):has(.so-card-link:focus-visible){outline:2px solid var(--c-ink);outline-offset:3px}.so-arrow{border-radius:var(--r-pill);background:var(--c-white);width:36px;height:36px;color:var(--c-ink-faint);transition:background-color var(--dur-state) var(--ease), color var(--dur-state) var(--ease);flex:none;place-items:center;display:grid}.so-arrow svg{width:17px;height:17px;transition:transform var(--dur-state-slow) cubic-bezier(.16, 1, .3, 1)}.so-card .stage>.wa,.so-mini{transition:translate .24s var(--ease)}@media (hover:hover) and (pointer:fine){:is(.so-card,.so-mini):hover .so-arrow{background:var(--c-ink);color:var(--c-white)}:is(.so-card,.so-mini):hover .so-arrow svg{transform:translate(2px)}.so-card:hover .stage .wa-box{--st-fall:0 30px 56px -24px var(--stage-shade)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.so-card:hover .stage>.wa,.so-mini:hover{translate:0 -3px}}@media (prefers-reduced-motion:reduce){.so-arrow,.so-arrow svg{transition:none}}.so-uses .l-container{gap:var(--sp-120);flex-direction:column;display:flex}.so-use{align-items:center;gap:var(--sp-64);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy art";scroll-margin-top:20px;display:grid}.so-use:nth-child(2n){grid-template-areas:"art copy"}.so-use-copy{flex-direction:column;grid-area:copy;align-items:flex-start;display:flex}.so-use-body{margin-top:var(--sp-16)}.so-use-decide{align-self:stretch;align-items:flex-start;gap:var(--sp-12);margin:var(--sp-24) 0 0;padding-top:var(--sp-24);border-top:1px solid var(--c-hairline-strong);color:var(--c-ink-soft);font-size:var(--t-label);text-wrap:balance;line-height:1.45;display:flex}.so-dot{background:var(--c-citron);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--c-citron-edge);border-radius:50%;flex:none;margin-top:6px}.so-chips{gap:var(--sp-8);margin:var(--sp-24) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.so-chip{align-items:center;gap:var(--sp-8);border-radius:var(--r-pill);background:var(--c-white);height:34px;color:var(--c-ink-soft);font-size:var(--t-label);white-space:nowrap;padding:0 14px 0 9px;line-height:1;display:inline-flex}.so-chip>:is(img,.connector-logo-icon){border-radius:5px;flex:none}.so-use-art{grid-area:art;min-width:0}.so-use-stage{--stage-pad:40px;--stage-radius:var(--r-tile);--card-w:344px;height:440px}.so-use-stage>.wa{zoom:1.3}.so-more-grid{justify-content:center;gap:var(--space-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.so-more-item{flex:0 1 calc((100% - 2 * var(--space-gap)) / 3);min-width:0;display:flex}.so-mini{border-radius:var(--r-tile);background:var(--c-sand-3);flex-direction:column;flex:1;min-width:0;padding:28px 28px 32px 32px;display:flex;position:relative}.so-mini-top{margin-bottom:var(--sp-24);justify-content:space-between;align-items:flex-start;display:flex}.so-mini-icon{background:radial-gradient(120% 75% at 22% 0%, #ffffff80, #fff0 62%), linear-gradient(158deg, var(--stage-a), var(--stage-b));width:48px;height:48px;color:var(--c-ink);border-radius:14px;flex:none;place-items:center;display:grid}.so-mini-icon svg{width:22px;height:22px}.so-mini-line{margin-top:var(--sp-8)}@media (max-width:1067px){.sec.so-hero{padding-top:72px;padding-bottom:var(--sp-96)}.so-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.so-card-copy{padding:26px 24px 0 28px}.so-card-stage{height:228px}.so-app{width:112px}.so-app-name{font-size:14px}.so-uses .l-container{gap:var(--sp-96)}.so-use{gap:var(--sp-40)}.so-use-stage{--stage-pad:32px;height:400px}.so-use-stage>.wa{zoom:1}.so-more-item{flex-basis:calc((100% - var(--space-gap)) / 2)}}@media (max-width:959px){.so-use,.so-use:nth-child(2n){grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""art"}.so-use-copy{max-width:680px}.so-use-stage{--stage-pad:40px;height:440px}.so-use-stage>.wa{zoom:1.3}}@media (max-width:734px){.sec.so-hero{padding-top:var(--sp-48);padding-bottom:var(--sp-88)}.so-hero h1{text-wrap:pretty}.so-hero h1 .t-keep{display:inline}.so-apps{margin-top:var(--sp-40)}.so-app{width:33.3333%}.so-app-tile{width:56px;height:56px}.so-app-name{white-space:normal;margin-top:10px}.so-grid{grid-template-columns:minmax(0,1fr)}.so-card-copy{padding:24px 20px 0 24px}.so-card-line{margin-top:var(--sp-4)}.so-arrow{width:32px;height:32px}.so-card-art{padding-top:var(--sp-16)}.so-card-stage{--stage-pad:20px 16px;height:220px}.so-uses .l-container{gap:var(--sp-64)}.so-use,.so-use:nth-child(2n){gap:var(--sp-32)}.so-use-stage{--stage-pad:36px 16px;--stage-radius:var(--r-tile);height:auto;min-height:320px}.so-use-stage>.wa{zoom:1}.so-more-item{flex-basis:100%}.so-mini{align-items:center;column-gap:var(--sp-16);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title arrow""icon line arrow";padding:20px;display:grid}.so-mini-top{display:contents}.so-mini-icon{border-radius:12px;grid-area:icon;width:44px;height:44px}.so-mini .so-arrow{grid-area:arrow}.so-mini-title{grid-area:title}.so-mini-line{grid-area:line;margin-top:2px}}