:root{--background: 260 22% 9%;--foreground: 42 38% 90%;--card: 260 22% 11%;--card-foreground: 42 38% 90%;--primary: 330 90% 62%;--primary-foreground: 0 0% 100%;--secondary: 260 22% 17%;--secondary-foreground: 42 38% 90%;--muted: 260 22% 17%;--muted-foreground: 42 26.6% 60%;--accent2: 180 90% 55%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 95%;--success: 142 60% 35%;--success-foreground: 138 60% 94%;--border: 330 36% 30%;--input: 330 36% 30%;--ring: 330 90% 62%;--chrome: 257.1 21.2% 6.5%;--chrome-deep: 260 21.4% 5.5%;--chrome-divider: 253.3 9.7% 18.2%;--radius: .75rem;--radius-chrome: .1875rem;--mono: ui-monospace, "JetBrains Mono", "Fira Code", Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font:15px/1.5 system-ui,sans-serif}#root{max-width:860px;margin:0 auto;padding:1.25rem 1.25rem 4rem}h1,h2,h3{font-weight:600;letter-spacing:-.01em}h1{font-size:1.1rem;margin:0}h2{font-size:1.1rem;margin:.25rem 0 .5rem}p{margin:.4rem 0}a{color:hsl(var(--primary))}.masthead{background:hsl(var(--chrome));border:1px solid hsl(var(--chrome-divider));border-radius:var(--radius-chrome);padding:.6rem .9rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.brand{display:flex;align-items:center;gap:.6rem}.logo-mark{width:28px;height:28px;flex:none;color:hsl(var(--primary));--logo-bg: hsl(var(--chrome))}.muted{color:hsl(var(--muted-foreground))}.mono{font-family:var(--mono);font-size:.85em}.panel{background:hsl(var(--card));border:1px solid hsl(var(--chrome-divider));border-radius:var(--radius);padding:1rem 1.25rem;margin:.75rem 0}.frame{background:hsl(var(--chrome));border:1px solid hsl(var(--chrome-divider));border-radius:var(--radius-chrome);padding:.75rem;margin:.75rem 0}.frame>.muted{margin:.25rem .35rem}.frame .panel{margin:0 0 .75rem}.frame .panel:last-child{margin-bottom:0}button,.btn{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);font:600 .95rem/1 inherit;padding:.6rem 1.1rem;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:#f764ad}button:disabled{background:#743e59;cursor:default;opacity:.7}button.ghost{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--chrome-divider))}button.ghost:hover{border-color:hsl(var(--primary));color:hsl(var(--primary));background:transparent}button.danger{background:transparent;color:hsl(var(--destructive));border:1px solid hsl(var(--destructive) / .5)}button.danger:hover{background:hsl(var(--destructive) / .1)}input[type=text],input[type=url],select{width:100%;background:hsl(var(--chrome-deep));color:hsl(var(--foreground));border:1px solid hsl(var(--chrome-divider));border-radius:var(--radius);padding:.55rem .8rem;font:inherit}input:focus,select:focus{outline:1px solid hsl(var(--ring));border-color:hsl(var(--ring))}.steps{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.25rem;font-family:var(--mono);font-size:.8rem;background:hsl(var(--chrome));border:1px solid hsl(var(--chrome-divider));border-radius:var(--radius-chrome);padding:.45rem .55rem}.steps span{padding:.2rem .55rem;border:1px solid transparent;border-radius:var(--radius-chrome);color:hsl(var(--muted-foreground))}.steps span.on{border-color:hsl(var(--primary));color:hsl(var(--primary))}.steps span.done{color:hsl(var(--success))}.row{display:flex;gap:.75rem;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}.pick{display:block;width:100%;text-align:left;background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--chrome-divider));border-radius:var(--radius);padding:.6rem .9rem;margin:.3rem 0}.pick:hover{border-color:hsl(var(--border));background:hsl(var(--card))}.pick.on{border-color:hsl(var(--primary));color:hsl(var(--primary));background:hsl(var(--primary) / .06)}.hero-title{display:flex;align-items:center;gap:1.1rem;margin:2.25rem 0 .25rem}.hero-title .logo-mark{width:52px;height:52px;flex:none;--logo-bg: hsl(var(--background))}.hero-title h2{font-size:2.45rem;line-height:1.15;margin:0;letter-spacing:-.02em}.hero-title .swap{color:hsl(var(--primary));font-weight:400}.hero-title p{font-size:1.18rem;color:hsl(var(--muted-foreground));margin:.4rem 0 0}@media(max-width:700px){.hero-title{align-items:flex-start}.hero-title h2{font-size:1.75rem}}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:1.75rem;margin:1.25rem 0 .5rem}@media(max-width:700px){.hero{grid-template-columns:1fr}}.hero-copy{display:flex;flex-direction:column;justify-content:space-between}.hero-copy>p:first-child{margin-top:.25rem;font-size:1.05rem;line-height:1.55}.hero-copy .disclosure{font-size:.98rem}.demo{display:flex;flex-direction:column}.demo-pane{padding:.6rem .8rem .75rem;border:1px solid}.demo-pane.discord{background:#313338;border-color:#232428;border-radius:8px}.demo-pane.armada{background:hsl(var(--card));border-color:hsl(var(--chrome-divider));border-radius:var(--radius)}.demo-head{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;padding-bottom:.45rem;margin-bottom:.2rem;border-bottom:1px solid}.demo-pane.discord .demo-head{border-color:#26272b;color:#f2f3f5}.demo-pane.armada .demo-head{border-color:hsl(var(--chrome-divider));color:hsl(var(--foreground))}.demo-chan{font-weight:600}.demo-chan b{font-weight:400;opacity:.55;margin-right:.1rem}.demo-pane.armada .demo-chan{font-family:var(--mono);font-weight:500}.demo-net{display:flex;align-items:center;gap:.32rem;font-size:.72rem;font-weight:500}.demo-pane.discord .demo-net{color:#949ba4}.demo-pane.armada .demo-net{color:hsl(var(--muted-foreground))}.demo-net svg{width:15px;height:15px}.demo-pane.discord .demo-net svg{fill:#5865f2}.demo-brandmark{display:flex}.demo-brandmark .logo-mark{width:15px;height:15px;--logo-bg: hsl(var(--card))}.demo-msg{display:flex;gap:.6rem;margin:.6rem 0 0;font-size:.85rem}.demo-msg p{margin:.05rem 0 0}.demo-pane.discord .demo-msg p{color:#dbdee1}.demo-pane.armada .demo-msg p{color:hsl(var(--foreground) / .92)}.demo-avatar{flex:none;width:28px;height:28px;margin-top:.1rem;border-radius:50%}.demo-name{font-size:.78rem;font-weight:600;display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.demo-pane.discord .demo-name{color:#f2f3f5}.demo-pane.armada .demo-name{color:hsl(var(--primary))}.demo-time{font-weight:400;font-size:.66rem}.demo-pane.discord .demo-time{color:#949ba4}.demo-pane.armada .demo-time{font-family:var(--mono);color:hsl(var(--muted-foreground))}.demo-app{background:#5865f2;color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.02em;padding:.08rem .3rem;border-radius:3px;align-self:center}.demo-bridge-tag{font-family:var(--mono);font-weight:400;font-size:.62rem;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border) / .6);border-radius:var(--radius-chrome);padding:.02rem .3rem}.demo-link{align-self:center;display:flex;flex-direction:column;align-items:center}.demo-link:before,.demo-link:after{content:"";width:1px;height:.5rem;background:hsl(var(--accent2) / .45)}.demo-link:before{margin-bottom:.25rem}.demo-link:after{margin-top:.25rem}.panel.landing{margin-top:1.75rem}.landing ol{margin:.4rem 0 .75rem;padding-left:1.4rem}.landing li{margin:.3rem 0}.landing li::marker{color:hsl(var(--primary));font-family:var(--mono);font-size:.85em}.faq{padding:0 .9rem}.faq details{border-top:1px solid hsl(var(--chrome-divider))}.faq details:first-child{border-top:none}.faq summary{cursor:pointer;padding:.6rem .2rem;font-weight:600;list-style-position:outside}.faq summary::marker{color:hsl(var(--primary))}.faq summary:hover{color:hsl(var(--primary))}.faq details>p,.faq details>ol{margin:.1rem 0 .75rem}.faq details>p{color:hsl(var(--foreground) / .88)}.btn.big{padding:.85rem 1.5rem;font-size:1.05rem}.disclosure{border-left:3px solid hsl(var(--destructive));border-radius:0 var(--radius-chrome) var(--radius-chrome) 0;padding:.6rem .9rem;margin:.75rem 0;background:hsl(var(--destructive) / .08)}label.consent{display:flex;gap:.6rem;align-items:flex-start;margin:.75rem 0;cursor:pointer}.code{font-family:var(--mono);font-size:1.4rem;letter-spacing:.12em;color:hsl(var(--primary));background:hsl(var(--chrome-deep));border:1px dashed hsl(var(--border));border-radius:var(--radius-chrome);padding:.5rem 1rem;display:inline-block;margin:.5rem 0}.status{font-family:var(--mono);font-size:.78rem;padding:.15rem .5rem;border-radius:var(--radius-chrome);border:1px solid hsl(var(--chrome-divider));text-transform:lowercase}.status.active{color:hsl(var(--accent2));border-color:hsl(var(--accent2) / .6)}.status.pending_confirm{color:hsl(var(--primary));border-color:hsl(var(--primary) / .6)}.status.paused{color:hsl(var(--muted-foreground))}.status.severed{color:hsl(var(--destructive));border-color:hsl(var(--destructive) / .6)}.footer{margin-top:3rem;padding:.8rem .9rem;background:hsl(var(--chrome));border:1px solid hsl(var(--chrome-divider));border-radius:var(--radius-chrome);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8rem}.footer-brand{display:flex;align-items:center;gap:.5rem;color:hsl(var(--muted-foreground))}.footer-brand .logo-mark{width:18px;height:18px;color:hsl(var(--muted-foreground));--logo-bg: hsl(var(--chrome))}.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap}.footer-links a{color:hsl(var(--muted-foreground));text-decoration:none}.footer-links a:hover{color:hsl(var(--primary))}.linkmeta{font-size:.8rem;margin:.2rem 0 .5rem}.panel .swap{color:hsl(var(--primary));font-weight:400;margin:0 .15rem}table{width:100%;border-collapse:collapse}td{padding:.5rem .4rem;border-top:1px solid hsl(var(--chrome-divider));vertical-align:top}.error{color:hsl(var(--destructive))}
