.devices-terra__layout{gap:var(--space-2xl);display:grid}.devices-terra__media{border-radius:var(--radius-card);min-width:0;overflow:hidden}.devices-terra__media img{width:100%;height:auto;display:block}.devices-terra__benefits{align-content:start;gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}.devices-terra__benefit{gap:var(--space-sm);border-block-start:1px solid var(--color-outline-variant);align-content:start;padding-block-start:var(--space-md);display:grid}.devices-terra__benefit h3,.devices-terra__benefit p{margin:0}.devices-terra__benefit h3{font-size:var(--fs-h4);line-height:var(--lh-heading);font-weight:var(--fw-semibold)}.devices-terra__benefit p{max-width:48ch;color:var(--color-on-surface-variant);font-size:var(--fs-body);line-height:var(--lh-relaxed)}@media (width>=1024px){.devices-terra__layout{align-items:start;gap:var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.devices-terra__benefits{column-gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));align-self:end}.devices-terra__benefit p{max-width:34ch}}@media (width>=768px) and (width<=1023px){.devices-terra__media{justify-self:center;width:clamp(50%,100% + 1536px - 200vw,100%)}.devices-terra__benefits{column-gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.device-ecosystem__stage{gap:var(--space-lg);margin-block-end:var(--flow-gap);display:grid;position:relative}.device-ecosystem__info,.device-ecosystem__card{min-width:0}.device-ecosystem__info{align-content:stretch;gap:var(--space-lg);grid-template-rows:auto 1fr;display:grid}.device-ecosystem__copy{gap:var(--space-sm);padding-top:var(--space-lg);align-content:start;display:grid}.device-ecosystem__copy h3,.device-ecosystem__copy p,.device-ecosystem__detail-label{margin:0}.device-ecosystem__copy h3{font-size:var(--fs-h4);line-height:var(--lh-heading);font-weight:var(--fw-semibold)}.device-ecosystem__copy p{max-width:42ch;color:var(--color-on-surface-variant);font-size:var(--fs-body);line-height:var(--lh-relaxed)}.device-ecosystem__details{align-content:end;gap:var(--space-sm);display:grid}.device-ecosystem__detail-group{gap:var(--space-sm);display:grid}.device-ecosystem__detail-label{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.device-ecosystem__placeholder-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.device-ecosystem__placeholder{flex:0 0 var(--space-xl);inline-size:var(--space-xl);block-size:var(--space-xl);border-radius:var(--radius-sm);background:var(--color-primary-container);color:var(--color-on-primary-container);place-items:center;display:grid;position:relative}.device-ecosystem__placeholder--connection{flex-basis:var(--space-3xl);inline-size:var(--space-3xl);block-size:var(--space-3xl)}.device-ecosystem__placeholder-icon{object-fit:contain;block-size:100%;inline-size:100%;display:block}.device-ecosystem__placeholder .icon{block-size:1.5rem;inline-size:1.5rem}.device-ecosystem__card{gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-card);color:var(--color-on-surface);text-align:start;cursor:pointer;border:0;grid-template-rows:auto 1fr;display:grid}.device-ecosystem__card--sky{isolation:isolate;background:var(--color-primary-container);padding:0;position:relative;overflow:hidden}.device-ecosystem__card--sky:after{z-index:-1;content:"";background:linear-gradient(#0000006b,#0000 35%,#0000002e);position:absolute;inset:0}.device-ecosystem__card-image{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.device-ecosystem__card--pulse{isolation:isolate;background:var(--teal-50);padding:0;position:relative;overflow:hidden}.device-ecosystem__card--pulse:after{z-index:-1;content:"";background:linear-gradient(#0000006b,#0000 35%,#0000002e);position:absolute;inset:0}.device-ecosystem__card:focus-visible{outline:3px solid var(--color-interactive);outline-offset:4px}.device-ecosystem__product{z-index:1;font-size:var(--fs-h4);line-height:var(--lh-heading);font-weight:var(--fw-semibold);position:relative}.device-ecosystem__card--sky .device-ecosystem__product,.device-ecosystem__card--pulse .device-ecosystem__product{padding:var(--space-lg);color:var(--color-on-primary)}.device-ecosystem__controls{display:none}.device-ecosystem__integrations{mix-blend-mode:multiply;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.device-ecosystem__integrations-track{gap:var(--space-sm);mix-blend-mode:multiply;width:max-content;animation:28s linear infinite ecosystem-integrations-marquee;display:flex}.device-ecosystem__integration{border-radius:var(--radius-sm);min-block-size:3rem;min-inline-size:7rem;color:var(--color-on-surface-variant);font-size:var(--fs-body-sm);white-space:nowrap;place-items:center;display:grid}.device-ecosystem__integration img{object-fit:contain;filter:grayscale();opacity:.75;max-block-size:3rem;max-inline-size:8rem;display:block}@keyframes ecosystem-integrations-marquee{to{transform:translateX(calc(-50% - var(--space-2xs)))}}@media (prefers-reduced-motion:reduce){.device-ecosystem__integrations-track{animation-play-state:paused}}@media (width>=768px) and (width<=1023px){.device-ecosystem__stage{column-gap:var(--space-lg);row-gap:var(--space-2xl);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.device-ecosystem__info,.device-ecosystem__card{display:grid}.device-ecosystem__info[data-device-info=sky]{grid-area:1/1}.device-ecosystem__card[data-device-card=sky]{grid-area:1/2}.device-ecosystem__card[data-device-card=pulse]{grid-area:2/1}.device-ecosystem__info[data-device-info=pulse]{grid-area:2/2}.device-ecosystem__card{min-block-size:clamp(300px,48vw,500px)}}@media (width<=767px){.device-ecosystem__stage{gap:var(--space-2xl);flex-direction:column;display:flex}.device-ecosystem__info,.device-ecosystem__card{display:grid}.device-ecosystem__copy{padding-top:0}.device-ecosystem__card[data-device-card=sky]{order:1}.device-ecosystem__info[data-device-info=sky]{order:2}.device-ecosystem__card[data-device-card=pulse]{order:3}.device-ecosystem__info[data-device-info=pulse]{order:4}.device-ecosystem__card{min-block-size:clamp(280px,88vw,420px)}.device-ecosystem__details{gap:var(--space-xl)}}@media (width>=1024px){.device-ecosystem__stage{column-gap:var(--space-lg);grid-template-rows:minmax(320px,clamp(320px,42vw,480px));grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(10rem,3fr);min-block-size:clamp(320px,42vw,480px)}.device-ecosystem__info,.device-ecosystem__card{display:none}.device-ecosystem__stage[data-active-device=sky] .device-ecosystem__info[data-device-info=sky],.device-ecosystem__stage[data-active-device=pulse] .device-ecosystem__info[data-device-info=pulse]{grid-area:1/1;display:grid}.device-ecosystem__stage[data-active-device=sky] .device-ecosystem__card[data-device-card=sky],.device-ecosystem__stage[data-active-device=pulse] .device-ecosystem__card[data-device-card=pulse]{grid-area:1/2;block-size:100%;display:grid}.device-ecosystem__stage[data-active-device=sky] .device-ecosystem__card[data-device-card=pulse],.device-ecosystem__stage[data-active-device=pulse] .device-ecosystem__card[data-device-card=sky]{grid-area:1/3;align-self:start;block-size:82%;display:grid}.device-ecosystem__controls{gap:var(--space-xs);display:flex;position:absolute;inset-block-end:0;inset-inline-end:0}.device-ecosystem__control{border:1px solid var(--color-primary);border-radius:var(--radius-full);block-size:40px;inline-size:40px;color:var(--color-primary);transition:background-color var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard);background:0 0;place-items:center;padding:0;display:grid}.device-ecosystem__control:hover,.device-ecosystem__control:focus-visible{color:var(--color-on-primary);background:var(--color-primary)}.device-ecosystem__control--previous .icon{transform:rotate(180deg)}}