.route-content{--bg:#000;--panel:rgba(255,255,255,.022);--bd:rgba(255,255,255,.09);--ink:#eaf1ff;--dim:rgba(234,241,255,.62);--faint:rgba(234,241,255,.36);--blue:#4d8dff;--blue-lt:#8fbaff;--green:#4dff9a;--mono:"JetBrains Mono",ui-monospace,monospace;--sans:"Inter",system-ui,sans-serif;}
.route-content *{margin:0;padding:0;box-sizing:border-box;}
.route-content{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.7;font-size:18px;}
.route-content a{color:var(--blue-lt);text-decoration:none;}
.route-content a:hover{text-decoration:underline;}
.route-content .bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:rgba(0,0,0,.72);border-bottom:1px solid var(--bd);}
.route-content .bar .wm{font-weight:800;letter-spacing:.18em;font-size:18px;}
.route-content .bar .cta{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#9cc1ff,var(--blue));color:#05070f;padding:10px 18px;border-radius:999px;}
.route-content .wrap{max-width:780px;margin:0 auto;padding:0 24px;}
.route-content .hero{padding:64px 0 24px;}
.route-content .eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:20px;}
.route-content h1{font-size:42px;font-weight:800;line-height:1.08;letter-spacing:-.02em;margin-bottom:20px;}
.route-content .lede{font-size:20px;color:var(--dim);}
.route-content .preview{background:var(--panel);border:1px solid var(--bd);border-radius:16px;padding:34px;margin:28px 0;text-align:center;}
.route-content .preview img{height:28px;vertical-align:middle;}
.route-content h2{font-size:24px;font-weight:800;margin:40px 0 14px;}
.route-content p{color:#dfe7f5;margin:0 0 16px;}
.route-content .snip{position:relative;background:#04060a;border:1px solid var(--bd);border-radius:12px;padding:16px 18px;margin:12px 0;font-family:var(--mono);font-size:13.5px;color:#bcd4ff;overflow:auto;white-space:pre;}
.route-content .snip .cp{position:absolute;top:10px;right:10px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--bd);background:#04060a;color:var(--dim);padding:6px 10px;border-radius:7px;cursor:pointer;}
.route-content .snip .cp:hover{border-color:var(--blue);color:#fff;}
.route-content .snip .cp.done{border-color:var(--green);color:var(--green);}
.route-content .callout{border:1px solid var(--bd);border-left:3px solid var(--blue);background:var(--panel);border-radius:12px;padding:18px 22px;margin:24px 0;color:#dfe7f5;font-size:15.5px;}
.route-content .callout b{color:#fff;}
.route-content footer{border-top:1px solid var(--bd);padding:40px 0 60px;margin-top:48px;color:var(--faint);font-size:14px;}
.route-content footer a{color:var(--dim);}
.route-content .fl{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px;}