/* This layer belongs to the Resend concept only. */
.brand .brand-mark{width:37px;height:37px;flex:none}
.hero-art.signal-art{width:110%;margin:0 0 0 -4%;pointer-events:auto;max-height:none;overflow:visible}
.signal-scene{position:relative;width:100%;aspect-ratio:1/1;isolation:isolate;--motion-state:paused}
.signal-scene[data-motion="playing"]{--motion-state:running}
.signal-scene *{animation-play-state:var(--motion-state)!important}
.signal-atmosphere{position:absolute;inset:9% -6% 5%;background:radial-gradient(ellipse at 60% 45%,#0c39732e,transparent 57%);pointer-events:none}
.signal-sculpture{position:absolute;inset:13% 17% 16%;display:flex;align-items:center;justify-content:center;z-index:2;animation:core-float 7.5s ease-in-out infinite;transform-style:preserve-3d}
.hero-art .signal-sculpture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;mask-image:none;filter:drop-shadow(0 10px 20px #0009)}
.signal-waves{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-width:6;z-index:1}
.signal-track{stroke:url(#wave-metal);stroke-width:7;opacity:.7}
.signal-track.outer{opacity:.6}
.signal-travel{stroke:url(#wave-light);stroke-width:3;stroke-dasharray:85 680;animation:signal-travel 6s linear infinite;opacity:.85}
.signal-travel.outer{animation-name:signal-travel-outer;animation-delay:-2.2s;animation-duration:7.5s;stroke-dasharray:105 1000;opacity:.7}
.signal-radiance{stroke:#19a8fc;stroke-width:1;opacity:0;transform-origin:320px 295px;animation:signal-radiance 7.5s ease-out infinite}
.signal-radiance.second{animation-delay:-3.75s}
.signal-floor{position:absolute;left:23%;right:19%;bottom:13%;height:4%;border-radius:50%;background:radial-gradient(ellipse,#0878f92d,transparent 70%);filter:blur(9px);animation:floor-breathe 7.5s ease-in-out infinite}
.signal-caption{display:flex;align-items:center;justify-content:center;gap:16px;color:#b3b7bf;font-size:11px;letter-spacing:.005em;margin:-12px 0 0;position:relative;z-index:3}
.signal-caption span+span{border-left:1px solid #30353c;padding-left:16px}
.signal-caption strong{color:#e0e5ed;font-weight:500}
.motion-toggle{display:none;align-items:center;gap:6px;padding:9px 12px;border:1px solid #262b33;border-radius:20px;background:#080a0e;color:#adb7c4;font:inherit;font-size:10px;line-height:1;cursor:pointer;margin:17px auto 0}
.motion-toggle[data-ready]{display:flex}.motion-toggle:hover{border-color:#65728a;color:#fff}.motion-toggle svg{width:10px;height:10px;stroke-width:1.5}.motion-toggle:focus-visible{outline:2px solid #b3dcff;outline-offset:4px}
.motion-toggle .play-icon{display:none}.motion-toggle[data-paused="true"] .play-icon{display:block}.motion-toggle[data-paused="true"] .pause-icon{display:none}
.tech-logo img{height:35px;width:30px;object-fit:contain}.tech-logo.sonar-logo img{width:52px;height:35px}.tech-logo{gap:11px}
@keyframes core-float{0%,100%{transform:perspective(900px) translateY(4px) rotateY(-4deg) rotateZ(-1deg)}50%{transform:perspective(900px) translateY(-10px) rotateY(7deg) rotateZ(1deg)}}
@keyframes signal-travel{from{stroke-dashoffset:765}to{stroke-dashoffset:0}}
@keyframes signal-travel-outer{from{stroke-dashoffset:1105}to{stroke-dashoffset:0}}
@keyframes signal-radiance{0%,15%{opacity:0;transform:scale(.97)}35%{opacity:.3}85%,100%{opacity:0;transform:scale(1.14)}}
@keyframes floor-breathe{0%,100%{opacity:.7;transform:scaleX(.92)}50%{opacity:.38;transform:scaleX(1.08)}}
@media(min-width:1450px){.hero-art.signal-art{width:116%;margin-left:-5%}}
@media(max-width:1150px){.hero-art.signal-art{width:112%;margin-left:-6%}.signal-caption{gap:10px;font-size:10px}.signal-caption span+span{padding-left:10px}}
@media(max-width:800px){.hero-art.signal-art{width:118%;margin-left:-13%}.signal-caption{flex-direction:column;gap:5px;margin-top:-5px}.signal-caption span+span{border:0;padding-left:0}.motion-toggle{margin-top:13px}.brand .brand-mark{width:33px;height:33px}}
@media(max-width:520px){.hero-art.signal-art{width:108%;margin:12px -4% 28px}.signal-caption{flex-direction:row;gap:10px;margin-top:-4px;font-size:10px}.signal-caption span+span{border-left:1px solid #30353c;padding-left:10px}.signal-scene{aspect-ratio:1.06}.signal-sculpture{inset:12% 17% 13%}.signal-floor{bottom:9%}.brand .brand-mark{width:30px;height:30px}}