.hero-crosshair{display:none}.hero-light{background:radial-gradient(ellipse at 75% 46%,#204d44 0%,#123c32 29%,#092823 66%)}.product-stage{position:absolute;right:2.8%;top:22%;width:570px;height:440px;z-index:2;perspective:1500px;pointer-events:none;opacity:var(--device-opacity,1);transform:translate(var(--device-x,0px),var(--device-y,0px)) scale(var(--device-scale,1));transform-origin:70% 50%}.product-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--device-pitch,6deg)) rotateY(var(--device-yaw,-10deg));will-change:transform}.device{position:absolute;overflow:hidden;color:#133730;background:#fff;box-shadow:0 25px 60px #0005,0 2px 5px #0003;font-family:Arial,Helvetica,sans-serif;transform-style:preserve-3d;backface-visibility:hidden}.browser-device{width:390px;height:273px;left:-25px;top:5px;border:1px solid #ffffff40;border-radius:10px;transform:translate3d(calc(var(--device-spread,0) * -110px),calc(var(--device-spread,0) * -90px),-80px) rotateZ(calc(-9deg - var(--device-spread,0) * 9deg))}.browser-chrome{height:28px;background:#eef2ef;display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:12px;font-size:10px;color:#708379}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#9cac9f}.window-dots i:first-child{background:#f99a1e}.address-bar{background:white;text-align:center;border-radius:4px;flex:1;padding:4px;font-size:8px}.web-preview{position:relative;padding:14px 20px;background:#faf9f5;height:245px}.preview-nav{display:flex;align-items:center;justify-content:space-between;font-size:7px}.preview-nav b{font-size:15px;letter-spacing:-.8px}.preview-nav b span{color:#00a99d}.web-preview-body{position:relative;z-index:2;padding-top:20px}.ui-kicker{font-size:6px;letter-spacing:1.5px}.web-preview h3{font-size:35px;line-height:.96;letter-spacing:-1.5px;font-weight:500;margin:9px 0 15px}.web-preview h3 em{font-family:Georgia,serif;color:#00867e}.preview-button{display:inline-block;background:#153a30;color:white;border-radius:20px;padding:7px 10px;font-size:7px}.web-preview-tile{position:absolute;right:18px;top:64px;width:134px;height:139px;background:#00a99d;padding:12px;overflow:hidden}.web-preview-tile>span{font-size:6px;letter-spacing:1px}.web-preview-tile>b{display:block;font-size:20px;line-height:1.1;margin-top:28px;font-weight:500;letter-spacing:-.8px}.web-preview-tile i{position:absolute;width:65px;height:65px;border:1px solid #12423950;border-radius:50%;right:-25px;top:30px}.web-preview-footer{display:flex;justify-content:space-between;border-top:1px solid #173c3225;margin-top:17px;padding-top:7px;font-size:6px}.system-device{width:323px;height:242px;display:flex;right:-22px;bottom:3px;border-radius:10px;border:1px solid #ffffff50;transform:translate3d(calc(var(--device-spread,0) * 85px),calc(var(--device-spread,0) * 85px),15px) rotateZ(calc(8deg + var(--device-spread,0) * 9deg))}.system-sidebar{width:38px;flex-shrink:0;background:#f0f5f3;display:flex;align-items:center;flex-direction:column;gap:15px;padding:12px 5px;color:#9aaba4;font-size:12px}.system-sidebar b{color:#008e82;font-size:20px;margin-bottom:4px}.system-sidebar .selected{background:#00a99d;color:#fff;width:23px;height:23px;border-radius:6px;display:grid;place-items:center}.system-main{flex:1;min-width:0;padding:14px}.system-top{display:flex;justify-content:space-between;font-size:8px}.system-top>span{font-size:6px;color:#81958b}.system-greeting{font-size:14px;letter-spacing:-.5px;margin:12px 0}.system-metrics{display:flex;gap:8px}.system-metrics>div{background:#eef5f2;border-radius:5px;padding:8px;flex:1}.system-metrics>div>span{font-size:6px;display:block;color:#698279}.system-metrics b{display:block;font-size:20px;margin:3px 0}.system-metrics b span{font-size:10px}.system-metrics small{display:block;font-size:6px;color:#00887f}.system-activity{margin-top:10px}.system-activity>span{display:flex;justify-content:space-between;font-size:7px}.system-activity small{font-size:5px;color:#81958b}.activity-bars{height:40px;display:flex;align-items:flex-end;gap:7px;margin:6px 0 8px;border-bottom:1px solid #e0eae4}.activity-bars i{display:block;flex:1;height:var(--bar);background:#00a99d;border-radius:2px 2px 0 0;transform-origin:bottom;transform:scaleY(calc(.6 + var(--device-spread,0) * .4))}.activity-bars i:nth-child(4){background:#f99a1e}.system-row{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid #e0eae4;font-size:6px}.system-row b{font-size:5px;font-weight:400;color:#00877e}.system-row i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#f99a1e;margin-right:5px}.phone-device{width:190px;height:382px;left:194px;top:38px;border:5px solid #1d2523;border-radius:31px;background:#fafcfb;box-shadow:0 0 0 1px #799487,0 25px 55px #0007;transform:translate3d(calc(var(--device-spread,0) * -20px),calc(var(--device-spread,0) * -18px),100px) rotateZ(calc(5deg - var(--device-spread,0) * 13deg))}.phone-camera{position:absolute;top:7px;width:52px;height:13px;background:#17231f;left:calc(50% - 26px);border-radius:20px;z-index:2}.phone-status{display:flex;justify-content:space-between;padding:11px 14px 0;font-size:7px;font-weight:bold}.phone-app{padding:17px 13px 0}.app-top{display:flex;justify-content:space-between;align-items:center}.app-monogram{font-weight:bold;font-size:23px;color:#009e92;letter-spacing:-2px}.app-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:8px;background:#f99a1e3d;color:#8e550d}.app-eyebrow{font-size:5px;letter-spacing:1px;margin:12px 0 5px;color:#7c8e84}.phone-app h3{font-size:25px;line-height:1.03;letter-spacing:-1.2px;font-weight:500;margin:0 0 12px}.app-project{background:#00a99d;border-radius:13px;padding:11px;color:#083a30}.app-project>div:first-child{display:flex;justify-content:space-between;font-size:6px}.app-project h4{font-size:22px;font-weight:500;letter-spacing:-.8px;line-height:1.02;margin:10px 0 12px}.app-progress{height:3px;background:#ffffff50;border-radius:10px}.app-progress i{display:block;width:68%;height:100%;background:#0e5147;border-radius:10px}.app-project footer{border:0;display:flex;justify-content:space-between;padding:7px 0 0;margin:0;font-size:5px;color:#083a30;gap:5px;flex-wrap:nowrap}.app-project footer span,.app-project footer b{font-size:5px;width:auto!important}.app-section-title{display:flex;justify-content:space-between;font-size:7px;margin:14px 0 9px}.app-section-title span{font-size:6px;color:#89968e}.app-task{display:flex;gap:7px;align-items:center;margin-bottom:8px}.task-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#d7eee8;color:#00887d;font-size:10px}.task-icon.orange{background:#fff0d9;color:#b97115}.app-task b,.app-task small{display:block;font-size:6px;font-weight:500}.app-task small{font-size:5px;color:#8e9c93;margin-top:3px}.app-tabbar{display:flex;justify-content:space-between;border-top:1px solid #e4eae6;padding:8px 8px 0;font-size:12px;color:#aab6af}.app-tabbar .active{color:#00998b}.phone-home{position:absolute;bottom:5px;width:47px;height:3px;border-radius:10px;background:#243d31;left:calc(50% - 23.5px)}.product-label{position:absolute;font-size:9px;letter-spacing:1.2px;color:#b3c7bd}.label-web{left:-25px;top:-20px;transform:translate(calc(var(--device-spread,0) * -110px),calc(var(--device-spread,0) * -90px))}.label-app{left:209px;bottom:-13px}.label-system{right:-20px;top:173px;transform:translate(calc(var(--device-spread,0) * 85px),calc(var(--device-spread,0) * 85px))}.concept-caption{position:absolute;right:0;bottom:-34px;font-size:8px;letter-spacing:1.7px;color:#839e90}.hero h1{width:49%}.hero .hero-top .eyebrow:last-child{opacity:.75}.hero-destination{pointer-events:none}.hero .intro{max-width:365px}.hero .hero-bottom{position:relative;z-index:5}
@media(min-width:760px) and (min-height:650px){.motion-on .hero h1{width:49%;font-size:clamp(62px,7.2vw,115px)}.motion-on .hero-destination{font-size:clamp(60px,7.4vw,120px)}.motion-on .hero .hero-bottom{padding-bottom:76px}}@media(min-width:760px) and (max-width:1100px){.product-stage{scale:.76;transform-origin:right center;right:2%;top:22%}.hero .intro{max-width:330px}}@media(min-width:1500px){.product-stage{scale:1.15;right:7%;top:24%}}
@media(max-width:759px),(max-height:649px){.product-stage{width:570px;height:440px;top:305px;right:50%;margin-right:-285px;scale:.62;transform-origin:center top;transform:translate(0,0);opacity:1}.product-camera{transform:rotateX(3deg) rotateY(calc(var(--device-spread,0) * 6deg))}.hero .hero-bottom{margin-top:325px}.hero h1{width:100%;font-size:clamp(47px,12.4vw,88px)}.hero .hero-top{padding-top:20px}.hero h1{margin-top:30px!important}.concept-caption{right:25px;bottom:-38px}.product-label{font-size:10px}.hero .intro{max-width:100%}.browser-device{transform:translate3d(calc(var(--device-spread,0) * -25px),calc(var(--device-spread,0) * -30px),-30px) rotateZ(calc(-7deg - var(--device-spread,0) * 4deg))}.system-device{transform:translate3d(calc(var(--device-spread,0) * 15px),calc(var(--device-spread,0) * 25px),0) rotateZ(7deg)}.phone-device{transform:translate3d(0,calc(var(--device-spread,0) * -20px),40px) rotateZ(calc(3deg - var(--device-spread,0) * 6deg))}.label-web{transform:translateY(calc(var(--device-spread,0) * -25px))}.label-system{transform:translateY(calc(var(--device-spread,0) * 20px))}}@media(max-width:380px){.product-stage{scale:.51;top:270px}.hero .hero-bottom{margin-top:280px}.hero h1{font-size:12.4vw}}@media(min-width:500px) and (max-width:759px){.product-stage{scale:.8;top:350px}.hero .hero-bottom{margin-top:410px}}@media(min-width:760px) and (max-height:649px){.product-stage{right:1%;margin-right:0;top:165px;scale:.63;transform-origin:right top}.hero h1{width:48%;font-size:7vw}.hero .hero-bottom{margin-top:35px;width:45%}}.motion-paused .product-stage{opacity:1;transform:none}.motion-paused .product-camera{transform:rotateY(-8deg)}.motion-paused .browser-device{transform:translateZ(-50px) rotateZ(-7deg)}.motion-paused .system-device{transform:rotateZ(7deg)}.motion-paused .phone-device{transform:translateZ(80px) rotateZ(3deg)}@media(prefers-reduced-motion:reduce){.product-camera{transform:none!important}.device{transition:none!important}}