/* Conversations alternate around the same star stream that crosses the page. */
.use-section{border-top:0;padding-top:110px;padding-bottom:100px}
.use-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end}
.use-heading .section-heading{margin:0;text-align:left}
.use-heading .section-copy{max-width:450px;margin:0 0 4px auto;font-size:20px}
.use-grid{--stagger:180px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px 120px;max-width:1180px;margin:76px auto 0;padding-bottom:var(--stagger)}
.use-card{position:relative;grid-row:var(--case-row);padding:28px;border:1px solid #9ab8e521;border-radius:25px;background:#0b121b;box-shadow:0 20px 48px #0005;transition:border-color .25s,box-shadow .25s;align-self:start}
.use-card:nth-child(odd){grid-column:2}
.use-card:nth-child(even){grid-column:1;top:var(--stagger)}
.use-card:hover{transform:none;border-color:#8aafff55;box-shadow:0 20px 55px #0007,0 0 28px #326beb0c}
.use-card h3{display:flex;gap:12px;align-items:center;font-size:clamp(23px,2.05vw,29px);line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:0 0 24px;min-height:0}
.case-symbol{display:block;flex-shrink:0;width:27px;height:27px;border-radius:0;background:none;fill:none;stroke:#a9bad3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mini-chat{min-height:0;gap:11px}
.mini-chat p{position:relative;isolation:isolate;font-size:17px;line-height:1.3;padding:9px 13px;border-radius:19px;margin:0;letter-spacing:-.015em}
.mini-sent{background:linear-gradient(175deg,#56a3ff 0%,#3579f0 32%,#326beb 100%);box-shadow:inset 0 1px 2px #a4cfff66;color:#fff;max-width:95%;border-bottom-right-radius:14px!important}
.mini-received{background:#1a2533;color:#e2eaf6;max-width:96%;border-bottom-left-radius:14px!important}
.mini-chat p::before{content:'';position:absolute;bottom:0;width:14px;height:15px;background:inherit;z-index:-1}
.mini-sent::before{right:-6px;border-bottom-left-radius:12px}
.mini-received::before{left:-6px;border-bottom-right-radius:12px}
.mini-chat p::after{content:'';position:absolute;bottom:0;width:8px;height:20px;background:#0b121b}
.mini-sent::after{right:-8px;border-bottom-left-radius:13px}
.mini-received::after{left:-8px;border-bottom-right-radius:13px}
.app-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px;padding-top:19px;border-top:1px solid #c5dcff13}
.app-tags span{display:inline-flex;align-items:center;gap:6px;color:#bdc8d8;font-size:13px;line-height:1;padding:6px 9px;border:1px solid #b4c9e52d;border-radius:99px;background:#ffffff02;white-space:nowrap}
.app-tags img{width:17px;height:17px;object-fit:contain;border-radius:4px}

/* A single circle: the carriers rotate, their icons counter-rotate. */
.integration-layout{display:flex;flex-direction:column;gap:0;text-align:center}
.integration-layout .section-heading{font-size:clamp(44px,5.7vw,72px)}
.integration-layout .section-copy{max-width:685px;font-size:22px}
.integration-heading .section-copy+.section-copy{margin-top:22px}
.integration-orbits{width:min(660px,100%);aspect-ratio:1;flex:none;margin:45px auto 0;isolation:isolate;background:radial-gradient(circle,#326beb0b 0%,transparent 60%)}
.orbit-ring{position:absolute;inset:8%;border:1px solid #76a7ff75;border-radius:50%;box-shadow:0 0 18px #326beb09,inset 0 0 18px #326beb09}
.orbit-system{position:absolute;inset:0;animation:alia-orbit-spin 120s linear infinite;will-change:transform}
.orbit-satellite{position:absolute;transform:translate(-50%,-50%)}
.integration-orbits .orbit-app{position:relative;display:block;width:60px;height:60px;border-radius:14px;box-shadow:0 8px 25px #0009,0 0 25px #769eff0b;animation:alia-orbit-spin 120s linear infinite reverse}
.orbit-app img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain}
.integration-core{z-index:2;width:116px;height:116px;border-radius:27px;background:#02080d;border-color:#8aafff45;box-shadow:0 0 65px #326beb20,0 20px 45px #0007}
.integration-core img{width:84px;height:84px}

.integration-bottom{margin-top:12px}

.integration-bottom .text-button{margin:18px auto 0}
@keyframes alia-orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){
  .use-heading{gap:35px}.use-heading .section-heading{font-size:48px}.use-heading .section-copy{font-size:18px}
  .use-grid{--stagger:180px;gap:84px 84px;margin-top:60px}.use-card{padding:22px;border-radius:22px}
  .use-card h3{font-size:24px;gap:9px;margin-bottom:21px}.case-symbol{width:24px;height:24px}
  .mini-chat p{font-size:15px;padding:9px 11px}.app-tags{gap:6px;padding-top:16px;margin-top:20px}.app-tags span{font-size:11px;padding:5px 7px;gap:5px}.app-tags img{width:15px;height:15px}
}
@media(max-width:720px){
  .use-section{padding-top:75px;padding-bottom:50px}.use-heading{display:block;text-align:center}.use-heading .section-heading{text-align:center;font-size:44px;margin-bottom:24px}.use-heading .section-copy{font-size:20px;margin-inline:auto}
  .use-grid{display:flex;flex-direction:column;gap:70px;max-width:460px;margin-top:52px;padding-bottom:0}
  .use-card{width:100%;padding:23px;align-self:stretch}.use-card:nth-child(even){top:0}.use-card h3{font-size:25px;margin-bottom:23px}.mini-chat p{font-size:16px}.app-tags span{font-size:12px}.app-tags img{width:16px;height:16px}
  .integration-layout .section-copy{font-size:20px}.integration-orbits{margin-top:34px;width:min(580px,100%)}
  .integration-orbits .orbit-app{width:clamp(29px,8.5vw,49px);height:clamp(29px,8.5vw,49px);border-radius:22%}
  .integration-core{width:clamp(72px,22vw,102px);height:clamp(72px,22vw,102px);border-radius:23%}.integration-core img{width:73%;height:73%}
  .integration-bottom{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){.orbit-system,.integration-orbits .orbit-app{animation:none;will-change:auto}}

/* The brand mark stays static in navigation, conversation and app hub. */
.logo .brand-mark{border-radius:23%}
.phone-avatar{background:#0a0c12}
.integration-core{background:#0a0c12}
.integration-core img{border-radius:0}
.orbit-ring{border:0;box-shadow:none}