.hero-case-3d{position:relative;aspect-ratio:1.4 / 1}.hc-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;perspective:1250px}.hc-plate{position:relative;width:84%;aspect-ratio:1.5 / 1;border-radius:7%/10.5%;background:var(--shell, #1b1b1f);transform-style:preserve-3d;transform:rotateX(53deg) rotate(-30deg);box-shadow:0 1px #ffffff0f,0 3px #0000008c,0 5px #25262a,0 7px #15161a,0 34px 40px -16px #000000e6}.hc-plate.suede:before{opacity:.12;border-radius:inherit}.hc-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;pointer-events:none;overflow:hidden;background:linear-gradient(118deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 64%,rgba(0,0,0,.3) 100%)}.hc-sheen:after{content:"";position:absolute;top:-30%;bottom:-30%;width:36%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skew(-14deg);animation:hc-sweep 6.5s var(--ease) infinite}@keyframes hc-sweep{0%{left:-45%}55%,to{left:135%}}.hc-dock{position:absolute;right:12%;top:50%;transform:translateY(-50%);width:26%;aspect-ratio:1.6/1;border-radius:22px;z-index:3;box-shadow:inset 0 2px 5px #0000008c,inset 0 -1px #ffffff12,0 1px #ffffff0d;background:#00000024}.hc-dock:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:3px;background:#ffffff1f}.hc-logo{position:absolute;left:9%;top:12%;z-index:3;font-family:var(--f-ui);font-weight:700;font-size:12px;letter-spacing:.16em;color:#ffffff2e;text-transform:uppercase}.hc-logo span{color:#ffffff52}@media(prefers-reduced-motion:reduce){.hc-sheen:after{animation:none}}.mouse-viz{position:relative;aspect-ratio:1.5 / 1;background:radial-gradient(120% 110% at 50% 16%,#16161b,#0c0c10 58%,#070709)}.mv-stage{position:absolute;top:0;right:0;bottom:0;left:0}.mv-floor{position:absolute;left:10%;right:10%;bottom:30%;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong) 18%,var(--line-strong) 82%,transparent)}.mv-guide{position:absolute;left:14%;right:14%;height:1px;z-index:2;background:repeating-linear-gradient(90deg,rgba(201,183,155,.4) 0 5px,transparent 5px 11px);opacity:.5}.mv-guide span{position:absolute;right:-2px;top:-16px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;color:var(--ink-dim)}.mv-guide-min{bottom:calc(30% + 18px)}.mv-guide-max{bottom:calc(30% + 108px)}.mv-mouse{position:absolute;left:50%;bottom:30%;width:38%;max-width:250px;height:18px;transform:translate(-50%);transform-origin:50% 100%;z-index:4;background:linear-gradient(170deg,#34373d,#25282d 46%,#181a1e);border-radius:46px 46px 7px 7px/15px 17px 7px 7px;box-shadow:inset 0 1px #ffffff12,inset 0 -3px 8px #0006,0 6px 14px -8px #0009;animation:mv-morph 5.4s var(--ease-spring) infinite}.mv-mouse.suede:before{opacity:.14;border-radius:inherit}.mv-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 32% 8%,rgba(255,255,255,.1),transparent 56%)}.mv-wheel{position:absolute;top:14%;left:50%;width:3px;height:16%;border-radius:2px;transform:translate(-50%);background:#0006;box-shadow:inset 0 0 2px #000000b3;opacity:0;animation:mv-wheel 5.4s var(--ease-spring) infinite}@keyframes mv-morph{0%,12%{height:18px;border-radius:46px 46px 7px 7px/15px 17px 7px 7px}50%,62%{height:108px;border-radius:60px 92px 9px 9px/118px 150px 9px 9px}to{height:18px;border-radius:46px 46px 7px 7px/15px 17px 7px 7px}}@keyframes mv-wheel{0%,22%{opacity:0}48%,64%{opacity:.7}86%,to{opacity:0}}.mv-shadow{position:absolute;left:50%;bottom:calc(30% - 9px);width:40%;max-width:260px;height:14px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 72%);filter:blur(6px);z-index:3;animation:mv-shadow 5.4s var(--ease-spring) infinite}@keyframes mv-shadow{0%,12%{opacity:.7;transform:translate(-50%) scaleX(1)}50%,62%{opacity:.42;transform:translate(-50%) scaleX(.82)}to{opacity:.7;transform:translate(-50%) scaleX(1)}}.mv-cap{position:absolute;left:0;right:0;bottom:12%;text-align:center;z-index:5;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}.mv-cap span{position:absolute;left:0;right:0}.mv-cap-dock{animation:mv-cap-dock 5.4s var(--ease-spring) infinite}.mv-cap-deploy{animation:mv-cap-deploy 5.4s var(--ease-spring) infinite}@keyframes mv-cap-dock{0%,18%{opacity:1}32%,82%{opacity:0}96%,to{opacity:1}}@keyframes mv-cap-deploy{0%,30%{opacity:0}50%,62%{opacity:1}76%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.mv-mouse{animation:none;height:108px;border-radius:60px 92px 9px 9px/118px 150px 9px 9px}.mv-wheel{animation:none;opacity:.7}.mv-shadow{animation:none;opacity:.5}.mv-cap-dock{animation:none;opacity:0}.mv-cap-deploy{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/visuals.css.map */