.frame{background-color:#d3d3d3;border-radius:20px;color:var(--font-color-body);container-name:card;container-type:inline-size;display:flex;flex-direction:column;height:100%;--below-image:1;background-repeat:no-repeat;justify-content:space-between;overflow:hidden}.frame-graphic{--ratio-iPhone-dy:1.99307;--ratio-iPhone-mx:0.06697;--ratio-iPhone-my:0.05889;--ratio-iPhone-content-dx:0.86605;--ratio-iPhone-shadow-dx:1.59584;--ratio-iPhone-shadow-dy:2.44804;--ratio-iPhone-shadow-px:0.04985;--ratio-iPhone-shadow-py:0.08533;--ratio-iPad-dy:0.76798;--ratio-iPad-mx:0.03664;--ratio-iPad-my:0.03664;--ratio-iPad-content-dx:0.92673;--ratio-iPad-shadow-dx:1.13976;--ratio-iPad-shadow-dy:0.90638;--ratio-iPad-shadow-px:0.04026;--ratio-iPad-shadow-py:0.0571}.frame-body{display:flex;flex-direction:column;height:100%;justify-content:center}.frame-graphic{--iPhone-shadow-width:calc(var(--iPhone-width)*var(--ratio-iPhone-shadow-dx));--iPhone-shadow-height:calc(var(--iPhone-width)*var(--ratio-iPhone-shadow-dy));--iPad-shadow-width:calc(var(--iPad-width)*var(--ratio-iPad-shadow-dx));--iPad-shadow-height:calc(var(--iPad-width)*var(--ratio-iPad-shadow-dy))}.frame-graphic.iPad>*,.frame-graphic.iPhone>*{width:var(--content-width)}.frame-graphic>*{display:block;max-height:var(--graphic-height)}.frame-graphic.iPhone>img{--content-width:var(--iPhone-width)}.frame-graphic.iPad>img{--content-width:var(--iPad-width)}.frame-graphic.iPad.medium{--iPad-width:580px}.add-device.iPhone{--iPhone-height:calc(var(--iPhone-width)*var(--ratio-iPhone-dy));--content-width:calc(var(--iPhone-width)*var(--ratio-iPhone-content-dx));margin-block:calc(var(--iPhone-width)*var(--ratio-iPhone-my))}.add-device.iPhone>*{margin:0 calc(var(--iPhone-width)*var(--ratio-iPhone-mx))}.iPhone.add-device:before{left:calc(var(--content-width)*var(--ratio-iPhone-shadow-px)*-1);top:calc(var(--content-width)*var(--ratio-iPhone-shadow-py)*-1);--iPhone-shadow-width:calc(var(--iPhone-width)*var(--ratio-iPhone-shadow-dx));--iPhone-shadow-height:calc(var(--iPhone-width)*var(--ratio-iPhone-shadow-dy))}.iPhone.add-device:after{background-image:url(https://6357099.fs1.hubspotusercontent-na1.net/hubfs/6357099/Product%20Imagery/iPhone_Frame.png);background-repeat:no-repeat;background-size:var(--iPhone-width) var(--iPhone-height);content:"";height:var(--iPhone-height);left:0;position:absolute;top:-3%;width:var(--iPhone-width);z-index:var(--above-image)}.add-device.iPad{--iPad-height:calc(var(--iPad-width)*var(--ratio-iPad-dy));--content-width:calc(var(--iPad-width)*var(--ratio-iPad-content-dx));margin-block:calc(var(--iPad-width)*var(--ratio-iPad-my))}.add-device.iPad>*{margin:0 calc(var(--iPad-width)*var(--ratio-iPad-mx))}.iPad.add-device:before{left:calc(var(--content-width)*var(--ratio-iPad-shadow-px)*-1);top:calc(var(--content-width)*var(--ratio-iPad-shadow-py)*-1);--iPad-shadow-width:calc(var(--iPad-width)*var(--ratio-iPad-shadow-dx));--iPad-shadow-height:calc(var(--iPad-width)*var(--ratio-iPad-shadow-dy))}.iPad.add-device:after{background-image:url(https://6357099.fs1.hubspotusercontent-na1.net/hubfs/6357099/Product%20Imagery/iPad_Frame.png);background-repeat:no-repeat;background-size:var(--iPad-width) var(--iPad-height);content:"";height:var(--iPad-height);left:0;position:absolute;top:-3%;width:var(--iPad-width);z-index:var(--above-image)}@media only screen and (min-width:980px){.frame.banner.device{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.frame.banner.device>div{grid-column:span 6}.frame-graphic.iPhone{--iPhone-width:260px}.frame-graphic.iPad{--iPad-width:750px}.frame-graphic.iPad.medium{--iPad-width:624px}}@container card (max-width: 500px){.frame-graphic.iPhone.large{--iPhone-width:243px}}@container card (min-width: 500px){.frame-graphic.iPhone.large{height:680px;--iPhone-width:477px}.frame-graphic.iPad.large{--iPad-width:900px;height:40vh}}