/* Supplied pixels are preserved. Only the viewport crops browser chrome. */
.hero-inner{grid-template-columns:1fr 1.12fr;gap:15px}.hero-art.device-art{margin:0 -27px 0 -3px;min-width:0;padding:0}.device-stage{position:relative;aspect-ratio:1.34;display:flex;align-items:center;padding:0 0 20px;isolation:isolate;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.device-stage:before{content:'';position:absolute;left:5%;right:0;bottom:3%;height:15%;background:radial-gradient(ellipse,#326ea928,transparent 68%);filter:blur(12px);z-index:-1}.laptop-device{width:96%;position:relative;transform:rotate(-2deg);margin-top:-28px}.laptop-lid{position:relative;background:linear-gradient(120deg,#33465e,#19283b 60%,#36475c);border:2px solid #728399;border-radius:16px 16px 5px 5px;padding:17px 9px 10px;margin:0 4%;box-shadow:0 16px 30px #1e477d18,inset 0 0 0 1px #ffffff22}.laptop-camera{position:absolute;width:4px;height:4px;left:50%;top:6px;background:#64738a;border-radius:50%;box-shadow:inset 0 0 0 1px #213c59}.laptop-display{aspect-ratio:1904/946;overflow:hidden;position:relative;background:#eff0f7;border-radius:2px;border:1px solid #172538}.laptop-display img{position:absolute;display:block;width:100.840336%;max-width:none;height:auto;left:0;top:-9.090909%;filter:saturate(.94);user-select:none;-webkit-user-drag:none}.laptop-base{height:15px;position:relative;border-radius:2px 2px 55% 55%/2px 2px 85% 85%;background:linear-gradient(#e9eff6 0%,#b9c6d5 38%,#8293a8 75%,#b5c2d0 100%);box-shadow:0 10px 14px #284d7917}.laptop-base>span{position:absolute;left:42%;right:42%;top:0;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(#8b9bad,#dce5ee);box-shadow:0 1px 0 #eff6fc}.mobile-device{position:absolute;right:0;bottom:0;width:25.5%;padding:14px 5px 15px;background:linear-gradient(120deg,#364b63,#16263b 65%,#344c64);border:2px solid #8496ac;border-radius:24px;transform:rotate(5deg);box-shadow:0 15px 27px #123b6633,0 2px 0 #11243d;z-index:2}.mobile-display{position:relative;overflow:hidden;aspect-ratio:530/840;background:#edeff6;border-radius:11px}.mobile-display img{position:absolute;display:block;max-width:none;width:362.264151%;height:auto;left:-52.830189%;top:-17.97619%;user-select:none;-webkit-user-drag:none}.mobile-speaker{position:absolute;left:40%;right:40%;height:3px;top:6px;background:#91a1b5;border-radius:6px;opacity:.75}.mobile-home{position:absolute;bottom:6px;height:3px;background:#c5d3e4;left:35%;right:35%;border-radius:5px}.device-caption{color:#7890a8;font-size:11px;font-weight:400;text-align:center;margin:17px 0 0;letter-spacing:.02em}.device-art.enter-view{animation-duration:.9s}
@media(min-width:1500px){.hero-inner{grid-template-columns:1fr 1.13fr}.device-stage{aspect-ratio:1.38}}
@media(max-width:1100px){.hero-art.device-art{margin-right:-21px}.laptop-lid{padding:15px 7px 8px;border-radius:12px 12px 4px 4px}.laptop-base{height:12px}.mobile-device{border-radius:20px;padding:12px 4px 13px}.mobile-display{border-radius:8px}.mobile-speaker{top:5px;height:2px}.mobile-home{bottom:5px;height:2px}.device-caption{font-size:10px}.hero-inner{gap:7px}}
@media(max-width:800px){.hero-inner{grid-template-columns:1fr;gap:29px}.hero-art.device-art{margin:0 -9px 0 -3px;max-width:570px}.device-stage{aspect-ratio:1.6}.laptop-device{width:96%;margin-top:0}.mobile-device{width:23%;right:2%;bottom:-1px}.device-caption{margin-top:23px;font-size:11px}}
@media(max-width:560px){.hero-inner{gap:28px}.hero-art.device-art{margin:0 -9px 0 -6px}.device-stage{aspect-ratio:1.45;padding-bottom:15px}.laptop-device{width:97%;margin-top:-14px}.laptop-lid{padding:12px 5px 6px;border-radius:10px 10px 3px 3px;border-width:1.5px}.laptop-camera{width:3px;height:3px;top:4px}.laptop-base{height:10px}.laptop-base>span{height:3px}.mobile-device{width:26%;right:0;bottom:0;border-width:1.5px;border-radius:16px;padding:10px 3px 11px}.mobile-display{border-radius:6px}.mobile-speaker{top:4px;height:2px}.mobile-home{bottom:4px;height:2px}.device-caption{font-size:9px;margin-top:17px}.hero-benefits{margin-top:3px}}
@media(max-width:370px){.device-stage{aspect-ratio:1.4}.device-caption{font-size:9px}.mobile-device{border-radius:13px;padding:9px 3px 10px}.laptop-lid{padding-top:11px}.hero-inner{gap:23px}}
@media(prefers-reduced-motion:reduce){.device-stage{transform:none!important;transition:none}}