@font-face{font-family:SignalOnest;src:url(/demos/signal/fonts/Onest.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:SignalPlex;src:url(/demos/signal/fonts/IBMPlexSans.ttf)format("truetype");font-weight:100 700;font-display:swap}.signal-demo{--bg:#101417;--panel:#171c21;--panel-2:#1e262d;--ink:#edf3f2;--muted:#9aada8;--line:#edf3f21f;--accent:#7dffb3;--accent-ink:#062016;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);background:radial-gradient(circle at 85% 8%, #7dffb31f, transparent 28%), radial-gradient(circle at 10% 70%, #7dffb30f, transparent 24%), var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:SignalPlex,Segoe UI,sans-serif}.signal-demo *{box-sizing:border-box}.signal-demo a{color:inherit;text-decoration:none}.signal-demo a.signal-btn{color:#fff}.signal-demo a.signal-btn-ghost{color:var(--ink)}.signal-demo a.signal-cta{color:#fff}.signal-demo a.signal-cta-panel{color:var(--accent-ink)}.signal-demo button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.signal-shell{width:min(1200px,100% - 28px);margin:0 auto}@media (min-width:768px){.signal-shell{width:min(1200px,100% - 72px)}}.signal-display{letter-spacing:-.04em;font-family:SignalOnest,sans-serif}.signal-btn{color:#fff;isolation:isolate;appearance:none;min-height:46px;box-shadow:none;transition:transform .16s var(--ease-out), box-shadow .16s ease, background-position .2s ease;background-color:#02aab0;background-image:linear-gradient(90deg,#02aab0 0%,#00cdac 51%,#02aab0 100%);background-position:0;background-size:200%;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:.95rem;font-weight:600;display:inline-flex;overflow:hidden}.signal-btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 0 0 4px #02aab038}.signal-btn:active{box-shadow:none;transition-duration:80ms;transform:scale(.97)}.signal-btn-ghost{border:1px solid var(--line);color:var(--ink);background-color:#0000;background-image:none;background-size:auto;overflow:visible}.signal-btn-ghost:hover{background-position:0;border-color:#7dffb373;box-shadow:0 0 0 4px #7dffb31a}.signal-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.signal-cta{color:#fff;letter-spacing:-.01em;width:fit-content;min-height:44px;transition:transform .16s var(--ease-out), box-shadow .16s ease, background-position .2s ease;background-color:#02aab0;background-image:linear-gradient(90deg,#02aab0 0%,#00cdac 51%,#02aab0 100%);background-position:0;background-size:200%;border:0;border-radius:999px;align-items:center;gap:12px;padding:6px 6px 6px 18px;font-size:.92rem;font-weight:600;display:inline-flex}.signal-cta:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 0 0 4px #02aab038}.signal-cta:active{box-shadow:none;transition-duration:80ms;transform:scale(.97)}.signal-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.signal-cta-label{color:inherit}.signal-cta-icon{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.signal-cta-arrow{width:15px;height:15px}.signal-cta-panel{background-image:none;background-color:var(--ink);color:var(--accent-ink)}.signal-cta-panel:hover{box-shadow:0 0 0 4px #edf3f21f}.signal-cta-panel .signal-cta-icon{background:var(--accent);color:var(--accent-ink)}.signal-eyebrow{width:fit-content;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#7dffb314;border:1px solid #7dffb359;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.signal-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.signal-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel-2), var(--panel));border-radius:22px;transition:border-color .2s,transform .2s,box-shadow .2s}.signal-card:hover{border-color:#7dffb373;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #7dffb31f}@media (prefers-reduced-motion:reduce){.signal-btn,.signal-cta,.signal-card,.signal-status-card{transition:none;animation:none}.signal-btn:hover,.signal-btn:active,.signal-cta:hover,.signal-cta:active,.signal-card:hover{transform:none}}