/* Relay extension: address-to-snapshot illustration, no simulated network data. */
main>.relay-bot-promo{height:auto!important;min-height:100svh;padding:96px 0;background:radial-gradient(ellipse at 85% 45%,#42366355,transparent 62%),radial-gradient(ellipse at 0 100%,#28665333,transparent 60%),#08191c;display:flex;align-items:center;overflow:hidden}
main>.relay-bot-promo>.wrap.relay-bot-grid{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;flex:none}
.relay-bot-grid>*{grid-column:auto;min-width:0}.relay-bot-copy>.t-label{font:12px/1.5 var(--font-mono);color:#b5deca;margin-bottom:24px}
.relay-bot-copy h2{font:500 clamp(36px,4.4vw,64px)/1.06 var(--font-display);letter-spacing:-.045em;margin:0 0 32px}
.relay-bot-copy h2 span{background:var(--relay-title-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.relay-bot-copy>p:not(.t-label){font-size:20px;line-height:1.65;color:#c3d9ce;max-width:43ch;margin:0 0 32px}.relay-bot-copy>.btn{margin-bottom:40px}
.relay-bot-facts{display:flex;flex-wrap:wrap;gap:16px 24px;padding-top:24px;border-top:1px solid #91cbb63d;color:#c5ddce;font:12px/1.5 var(--font-mono)}
.relay-bot-art{position:relative;isolation:isolate;aspect-ratio:1.13;width:100%;overflow:hidden;border:1px solid #9ad8c64d;border-radius:12px;background:radial-gradient(ellipse at 55% 50%,#59918d22,transparent 68%),linear-gradient(140deg,#112f31,#1b273b);box-shadow:inset 0 0 64px #83e5ef08}
.relay-bot-art-label{position:absolute;top:24px;left:24px;right:24px;color:#b4d2c6;font:10px/1.5 var(--font-mono);letter-spacing:.04em}
.relay-bot-routes{position:absolute;inset:0;width:100%;height:100%}.relay-bot-packet{animation:relay-bot-send 5.6s linear infinite}.relay-bot-packet--second{animation-delay:-2.8s}
.relay-bot-address{position:absolute;left:24px;bottom:20%;display:grid;gap:6px;font:12px/1.5 var(--font-mono);color:#d1edc3}.relay-bot-address>span{font-size:10px;color:#a6c5bb}
.relay-bot-message{position:absolute;left:43%;right:6%;top:20%;padding:24px;border:1px solid #a2d2c255;border-radius:10px;background:linear-gradient(140deg,#1c3c3af5,#253148f5);box-shadow:0 20px 48px #020c1638}
.relay-bot-message-head{display:flex;align-items:center;gap:12px}.relay-bot-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,#d5f58b,#83e5ef);color:#18382e;border-radius:50%;font-size:18px;font-weight:500}.relay-bot-message-head strong{display:block;font-weight:500;font-size:17px;line-height:1.2;letter-spacing:-.02em;color:#eff8f4}.relay-bot-message-head div>span{font-size:11px;line-height:1.4;color:#b8cfc8}
.relay-bot-networks{display:flex;gap:8px;margin-top:24px}.relay-bot-networks>span{font:10px/1.5 var(--font-mono);padding:5px 9px;border:1px solid #b3dfbf55;border-radius:4px;color:#d9eccb}.relay-bot-networks>span+span{border-color:#95d7e455;color:#b9e6ee}
.relay-bot-message>p{font-size:12px;line-height:1.5;color:#bdd3c9;margin:24px 0 12px}.relay-bot-readings{display:flex;flex-wrap:wrap;gap:8px 12px;color:#eff9f0;font-size:14px;line-height:1.5}.relay-bot-setting{display:grid;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #a4c7bf33;color:#c5e2d7;font-size:12px;line-height:1.5}
.relay-bot-art-footer{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;color:#9ebfb3;font:9px/1.5 var(--font-mono);letter-spacing:.06em}
@keyframes relay-bot-send{to{stroke-dashoffset:-100}}
[data-visual-paused=true] .relay-bot-packet,.relay-bot-art.visual-offscreen .relay-bot-packet{animation-play-state:paused!important}
@media(max-width:1100px){main>.relay-bot-promo>.wrap.relay-bot-grid{gap:32px}.relay-bot-message{padding:18px;left:37%;right:5%;top:17%}.relay-bot-address{left:18px;bottom:17%;font-size:10px}.relay-bot-address>span{font-size:8px}.relay-bot-art-label{font-size:9px}.relay-bot-message-head strong{font-size:15px}.relay-bot-avatar{width:30px;height:30px}.relay-bot-networks{margin-top:16px}.relay-bot-message>p{margin-top:16px}.relay-bot-setting{margin-top:14px;padding-top:12px}}
@media(max-width:1023px){main>.relay-bot-promo>.wrap.relay-bot-grid{grid-template-columns:1fr;gap:48px}.relay-bot-art{max-width:660px;justify-self:center}.relay-bot-message{left:43%;right:6%;top:20%;padding:24px}.relay-bot-address{left:24px;font-size:12px;bottom:20%}.relay-bot-address>span{font-size:10px}.relay-bot-message-head strong{font-size:17px}.relay-bot-avatar{width:36px;height:36px}.relay-bot-copy>p:not(.t-label){max-width:55ch}.relay-bot-copy>.btn{margin-bottom:32px}.relay-bot-networks{margin-top:24px}.relay-bot-message>p{margin-top:24px}.relay-bot-setting{margin-top:20px;padding-top:16px}}
@media(max-width:639px){main>.relay-bot-promo{min-height:0;padding:64px 0}.relay-bot-copy h2{font-size:38px;margin-bottom:24px}.relay-bot-copy>p:not(.t-label){font-size:18px;margin-bottom:24px}.relay-bot-copy>.btn{width:100%;margin-bottom:32px}.relay-bot-facts{font-size:11px;gap:12px}.relay-bot-art{aspect-ratio:.75}.relay-bot-art-label{left:18px;right:18px;top:18px;font-size:8px}.relay-bot-routes{width:100%;max-width:none;left:0;top:0}.relay-bot-message{left:29%;right:5%;top:17%;padding:18px}.relay-bot-message-head{gap:8px}.relay-bot-message-head strong{font-size:15px}.relay-bot-message-head div>span{font-size:10px}.relay-bot-avatar{width:29px;height:29px;font-size:15px}.relay-bot-networks{margin-top:20px}.relay-bot-message>p{margin-top:20px}.relay-bot-readings{font-size:13px}.relay-bot-address{left:18px;bottom:52px;font-size:11px}.relay-bot-address>span{font-size:9px}.relay-bot-art-footer{left:18px;right:18px;bottom:18px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.relay-bot-packet{animation:none!important}}
@media(forced-colors:active){.relay-bot-copy h2 span{background:none;-webkit-text-fill-color:currentColor}.relay-bot-routes{display:none}}
@media print{main>.relay-bot-promo{min-height:0;padding:32px 0}.relay-bot-art{display:none}}