.home-road { --road-accent:var(--brand-primary,#ff5000); width:calc(100% - 64px); max-width:1700px; margin:60px auto; color:#f5f5f5; font-size:14px; line-height:1.5; }
.home-road * { box-sizing:border-box; }
.home-road a { color:inherit; text-decoration:none; }
.home-road h1,.home-road h2,.home-road h3,.home-road p { margin:0; }
.home-road button { font-family:inherit; }
.home-road .road-h5-only { display:none; }
.road-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:36px; }
.road-breadcrumb { display:flex; align-items:center; gap:8px; color:#999; font-size:14px; }
.road-breadcrumb [aria-current] { color:var(--road-accent); }
.road-security { display:flex; align-items:center; gap:8px; color:#999; padding:8px 16px; border-radius:8px; background:#262626; font-size:12px; }
.road-security img { width:14px; height:14px; }
.road-title { margin-bottom:48px; }
.road-kicker { display:flex; align-items:center; gap:14px; font-size:12px; color:#888; margin-bottom:12px!important; }
.road-kicker span { color:#edd6b4; padding:2px 8px; background:#352e20; border-radius:6px; }
.road-title h1 { font-size:44px; line-height:52px; font-weight:600; margin-bottom:12px; }
.road-title > p:last-child { color:#999; font-size:18px; line-height:26px; }
.road-permanent { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; padding:36px; background:#1b1b1b; border:1px solid transparent; border-radius:8px; }
.road-permanent h2 { display:flex; align-items:center; gap:10px; color:var(--road-accent); font-size:14px; font-weight:500; }
.road-domain-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:var(--road-accent); flex:none; }
.road-domain-icon img { width:16px; height:16px; }
.road-domain-caption { margin-top:16px!important; font-size:14px; color:#999; }
.road-domains { display:flex; gap:16px; align-items:baseline; flex-wrap:wrap; margin-top:4px; font-size:36px; line-height:44px; letter-spacing:-1px; }
.road-domains a { overflow-wrap:anywhere; min-width:0; }
.road-domains a:nth-of-type(2) { color:var(--road-accent); }
.road-domain-divider { color:#777; font-size:24px; }
.road-domain-empty { font-size:24px; color:#999; letter-spacing:0; }
.road-domain-note { margin-top:14px!important; color:#999; font-size:14px; }
.road-actions { display:flex; align-items:center; gap:12px; }
.road-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 22px; border:1px solid transparent; border-radius:8px; min-height:40px; background:#292929; color:#f5f5f5; font-size:14px; line-height:20px; white-space:nowrap; cursor:pointer; }
.road-button img { width:14px; height:14px; flex:none; }
.home-road .road-primary,.home-road .road-enter { background:var(--road-accent); color:#fff; }
.road-button:disabled { cursor:default; color:#777; background:#242424; }
.home-road a:focus-visible,.road-button:focus-visible { outline:2px solid var(--road-accent); outline-offset:3px; }
@media(hover:hover) { .road-button:not(:disabled):hover { border-color:#888; } .road-social[href]:hover { border-color:#666; } .road-extra-links a:hover,.road-breadcrumb a:hover { color:var(--road-accent); } }
.road-extra-links { display:flex; gap:20px; flex-wrap:wrap; grid-column:1/-1; color:#aaa; font-size:12px; border-top:1px solid #303030; padding-top:16px; }
.road-route-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:40px; }
.road-route-panel { min-width:0; padding:24px; background:#262626; border-radius:8px; }
.road-section-heading { display:flex; align-items:center; gap:12px; min-width:0; }
.road-section-heading h2 { font-size:20px; line-height:28px; font-weight:500; }
.road-section-heading p { font-size:12px; line-height:20px; color:#999; }
.road-heading-icon { display:grid; place-items:center; flex:none; width:40px; height:40px; border:1px solid #3b3b3b; background:#303030; border-radius:8px; }
.road-heading-icon img { width:auto; height:auto; }
.road-route-count { margin-left:auto; background:#293b36; color:#c4d8d0; border-radius:8px; padding:3px 8px; font-size:12px; white-space:nowrap; }
.road-route-list { display:grid; gap:12px; margin-top:32px; }
.road-route { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; padding:16px; border:1px solid #3b3b3b; border-radius:8px; background:#323232; }
.road-route-label { display:flex; align-items:center; gap:10px; min-width:0; flex-wrap:wrap; }
.road-route-label h3 { font-size:16px; line-height:24px; font-weight:500; }
.road-route-badge { border-radius:6px; padding:2px 6px; background:#3a3a3a; color:#aaa; font-size:10px; white-space:nowrap; }
.road-route-first .road-route-badge { color:#e4bf86; background:#443c2e; }
.road-route-badge--stable { color:#c4d8d0; background:#293b36; }
.road-route-state { font-size:12px; color:#9faeab; white-space:nowrap; }
.road-route-state::before { content:""; display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:currentColor; }
.road-route-url { font-size:12px; line-height:20px; color:#aaa!important; overflow-wrap:anywhere; grid-column:1; }
.road-route .road-actions { grid-column:2; grid-row:1/3; gap:8px; }
.road-route .road-button { padding:8px 14px; min-height:36px; font-size:12px; gap:5px; }
.road-route .road-button img { width:12px; height:12px; }
.road-empty { padding:28px 0; color:#999; font-size:14px; }
.road-downloads { margin-top:40px; padding:36px; background:#262626; border-radius:8px; }
.road-download-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.road-download-intro { display:grid; grid-template-columns:15px minmax(0,1fr); gap:4px 10px; min-width:0; }
.road-downloads .road-heading-icon { background:transparent; border:0; width:15px; height:28px; }
.road-download-intro h2 { font-size:20px; line-height:28px; font-weight:500; }
.road-download-intro p { grid-column:1/-1; font-size:14px; line-height:20px; color:#999; }
.road-trust-badges { display:flex; align-items:center; gap:12px; flex:none; margin:0; padding:0; list-style:none; color:rgba(255,255,255,.35); font-size:12px; line-height:18px; }
.road-trust-badges li { display:flex; align-items:center; gap:4px; white-space:nowrap; }
.road-trust-badges img { display:block; width:auto; height:auto; flex:none; }
.road-download-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:40px; }
.road-download-card { display:flex; align-items:center; gap:20px; padding:24px; background:#323232; border:1px solid #3b3b3b; border-radius:8px; min-width:0; }
.road-device-icon { display:grid; place-items:center; flex:none; width:64px; height:64px; border-radius:8px; background:#3a3a3a; }
.road-device-icon img { width:40px; height:40px; }
.road-download-copy { min-width:0; flex:1; }
.road-download-copy h3 { font-size:18px; line-height:26px; font-weight:500; }
.road-download-copy p { margin-top:4px; font-size:12px; line-height:18px; color:#aaa; overflow-wrap:anywhere; }
.road-version { display:inline-block; vertical-align:middle; margin-left:8px; padding:1px 4px; font-size:10px; line-height:16px; color:#deab55; background:#4a3923; border-radius:4px; max-width:100%; overflow-wrap:anywhere; }
.road-community { display:grid; grid-template-columns:minmax(0,1fr) 450px; align-items:start; gap:24px; margin-top:40px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.05); }
.road-socials { padding:24px; min-width:0; background:#1a1a1a; border:1px solid #1a1a1a; border-radius:8px; }
.road-section-symbol { width:auto; height:auto; flex:none; }
.road-community .road-section-heading { gap:10px; }
.road-community .road-section-heading h2 { font-size:18px; line-height:24px; font-weight:600; }
.road-community .road-section-heading p { color:rgba(255,255,255,.35); line-height:18px; font-weight:500; }
.road-socials .road-section-heading > div { display:flex; align-items:center; justify-content:space-between; gap:16px; flex:1; }
.road-socials .road-section-heading h2 { white-space:nowrap; }
.road-social-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.road-social { display:flex; align-items:center; min-width:0; height:72px; gap:12px; padding:16px; background:rgba(255,255,255,.05); border:0; border-radius:8px; }
.road-social-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; flex:none; }
/* Keep the H5 artwork-to-container ratio in the larger desktop icon slots. */
.road-social-icon img { display:block; width:calc(100% * 4 / 7); height:auto; object-fit:contain; }
.road-social-icon--x img { width:50%; }
.road-social-icon--telegram,.road-social-icon--discord { background:#246bfd; }
.road-social-icon--x { background:rgba(255,255,255,.05); }
.road-social-icon--reddit { background:rgba(249,115,22,.1); }
.road-social-icon--youtube { background:#ef4444; }
.road-social-icon--instagram { background:rgba(236,72,153,.1); }
.road-social-copy { min-width:0; flex:1; }
.road-social h3 { font-size:14px; line-height:20px; font-weight:400; color:#fff; }
.road-social p { font-size:10px; line-height:16px; color:rgba(255,255,255,.35); }
.road-social h3,.road-social p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.road-telegram { padding:24px; background:#262626; border-radius:8px; min-width:0; }
.road-telegram .road-section-heading { align-items:flex-start; }
.road-telegram .road-section-heading p { margin-top:4px; }
.road-group-list { display:grid; gap:12px; margin-top:12px; }
.road-group { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px; border-radius:8px; background:rgba(255,255,255,.05); }
.road-group-copy { min-width:0; }
.road-group h3 { font-size:14px; line-height:20px; font-weight:500; }
.road-group p { font-size:10px; line-height:16px; color:rgba(255,255,255,.35); }
.road-group .road-button { flex:none; height:32px; padding:0 16px; font-size:12px; line-height:18px; min-height:32px; border:0; background:rgba(255,255,255,.05); }
.road-channel-dot { display:inline-block; width:8px; height:8px; margin-left:6px; border-radius:50%; background:#0abe75; vertical-align:middle; }
.road-members { display:inline-block; font-size:10px; line-height:16px; font-weight:400; color:var(--road-accent); margin-left:6px; white-space:nowrap; }
.road-copy-status { position:fixed; z-index:2000; bottom:32px; left:50%; transform:translateX(-50%); max-width:calc(100% - 32px); padding:12px 20px; border:1px solid #555; border-radius:12px; background:#282828; color:#fff; }
@media(min-width:1920px) { .home-road { width:calc(100% - 220px); } }
@media(min-width:861px) {
 .road-route-panel .road-section-heading h2 { font-size:18px; line-height:24px; font-weight:600; }
 .road-route-panel .road-section-heading p { line-height:18px; font-weight:500; }
 .road-route-panel .road-section-heading { padding-bottom:16px; }
 .road-route-list { margin-top:20px; }
 .road-route-label h3 { line-height:22px; font-weight:600; }
 .road-route-url { line-height:18px; }
}
@media(max-width:860px) {
 .home-road { width:calc(100% - 32px); margin:16px auto 24px; font-size:12px; }
 .home-road .road-pc-only,.road-security,.road-kicker { display:none; }
 .home-road .road-h5-only { display:block; }
 .road-topline { margin-bottom:12px; }
 .road-breadcrumb { font-size:12px; line-height:18px; gap:6px; }
 .road-title { margin-bottom:16px; }
 .road-title h1 { font-size:24px; line-height:32px; margin-bottom:5px; }
 .road-title > p:last-child { font-size:12px; line-height:18px; }
 .road-permanent { display:flex; flex-direction:column; align-items:stretch; gap:8px; padding:17px; border-radius:16px; border-color:var(--road-accent); background:linear-gradient(180deg,rgba(42,24,16,.8),rgba(26,18,14,.9)); }
 .road-permanent h2 { gap:8px; font-size:12px; line-height:18px; }
 .road-domain-icon { width:20px; height:20px; border-radius:6px; }
 .road-domain-icon img { width:12px; height:12px; }
 .road-domain-caption { margin-top:8px!important; font-size:12px; }
 .road-domains { margin-top:6px; gap:6px; font-size:20px; line-height:28px; letter-spacing:-.5px; }
 .road-domain-divider { font-size:14px; }
 .road-domain-empty { font-size:18px; }
 .road-domain-note { margin-top:6px!important; font-size:10px; line-height:16px; }
 .road-actions { gap:8px; }
 .road-button { font-size:12px; line-height:18px; padding:9px 12px; gap:4px; border-color:#333; }
 .road-domain-actions .road-button { flex:1; padding-inline:6px; }
 .road-extra-links { padding-top:10px; gap:10px 16px; font-size:10px; }
 .road-route-groups { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:16px; }
 .road-route-panel { padding:0; background:transparent; }
 .road-section-heading { gap:8px; }
 .road-section-heading h2 { font-size:14px; line-height:20px; }
 .road-section-heading p { font-size:10px; line-height:16px; }
 .road-heading-icon { width:24px; height:24px; border-radius:6px; border-color:#553223; background:#2d1e17; }
 .road-heading-icon img { width:14px; height:14px; }
 .road-route-count { font-size:10px; line-height:16px; padding:2px 6px; border-radius:6px; }
 .road-route-list { gap:10px; margin-top:12px; }
 .road-route { display:flex; flex-direction:column; gap:10px; padding:15px; border-radius:12px; background:#1b1b1b; border-color:#282828; }
 .road-route-label { gap:8px; }
 .road-route-label h3 { font-size:12px; line-height:18px; }
 .road-route-badge { font-size:10px; line-height:16px; padding:2px 6px; }
 .road-route-state { font-size:10px; line-height:16px; }
 .road-route-state::before { width:6px; height:6px; margin-right:4px; }
 .road-route-url { display:block; padding:7px 11px; background:#222; border:1px solid #2c2c2c; border-radius:8px; font-size:12px; line-height:18px; }
 .road-route .road-button { flex:1; padding:9px 12px; min-height:38px; }
 .road-route .road-button img { width:14px; height:14px; }
 .home-road .road-route:not(.road-route-first) .road-enter { background:#292929; }
 .road-empty { padding:20px 15px; border-radius:12px; background:#1b1b1b; font-size:12px; }
 .road-downloads { padding:0; margin-top:16px; background:transparent; }
 .road-downloads .road-heading-icon { width:24px; height:24px; background:#2d1e17; border:1px solid #553223; }
 .road-downloads .road-heading-icon img { width:14px; height:14px; }
 .road-download-heading { flex-direction:column; align-items:stretch; gap:12px; padding-top:4px; }
 .road-download-intro { grid-template-columns:24px minmax(0,1fr); gap:0 8px; }
 .road-download-intro .road-heading-icon { grid-row:1/3; align-self:center; border-radius:8px 8px 8px 0; }
 .road-download-intro h2 { font-size:14px; line-height:20px; }
 .road-download-intro p { grid-column:2; font-size:10px; line-height:16px; }
 .road-trust-badges { color:rgba(255,255,255,.55); }
 .road-download-grid { grid-template-columns:minmax(0,1fr); gap:10px; margin-top:12px; }
 .road-download-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:15px; background:#1b1b1b; border-radius:12px; border-color:#282828; }
 .road-device-icon { width:24px; height:24px; background:#2c2c2c; border-radius:6px; }
 .road-device-icon img { width:14px; height:14px; }
 .road-download-copy { grid-column:1; }
 .road-download-copy h3 { font-size:12px; line-height:18px; }
 .road-download-card--apple .road-download-copy h3 { font-weight:400; color:rgba(255,255,255,.55); }
 .road-download-copy p { font-size:10px; line-height:16px; }
 .road-version { font-size:9px; margin-left:4px; }
 .road-download-card > .road-button { grid-column:2; grid-row:1/3; padding:8px 12px; font-size:12px; min-height:34px; }
 .road-community { display:flex; flex-direction:column; align-items:stretch; gap:12px; margin-top:16px; padding-top:4px; background:transparent; border:0; }
 .road-socials { padding:0; background:transparent; border:0; }
 .road-community .road-section-heading h2 { font-size:14px; line-height:20px; font-weight:500; }
 .road-community .road-section-heading p { color:rgba(255,255,255,.55); font-size:10px; line-height:16px; font-weight:400; }
 .road-socials .road-section-heading > div { display:flex; flex-direction:column; align-items:stretch; gap:2px; }
 .road-social-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
 .road-social { padding:0 10px; gap:10px; height:51.5px; border-radius:12px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.05); }
 .road-social-icon { width:28px; height:28px; border-radius:8px; }
 .road-social h3 { font-size:12px; line-height:18px; font-weight:500; }
 .road-social p { color:rgba(255,255,255,.55); }
 .road-telegram { padding:15px; border:1px solid rgba(255,255,255,.05); border-radius:12px; background:rgba(255,255,255,.05); }
 .road-community .road-telegram .road-section-heading h2 { font-size:12px; line-height:18px; }
 .road-telegram .road-section-heading p { margin-top:0; }
 .road-group-list { gap:8px; margin-top:12px; }
 .road-group { padding:5px 0 0; border-top:1px solid rgba(255,255,255,.05); border-radius:0; background:transparent; gap:8px; }
 .road-group + .road-group { padding-top:9px; }
 .road-group h3 { font-size:12px; line-height:18px; font-weight:400; color:rgba(255,255,255,.55); }
 .road-group p { color:rgba(255,255,255,.55); }
 .road-group .road-button { padding:6px 12px; height:30px; min-height:30px; }
 .road-channel-dot { width:6px; height:6px; }
 .road-members { padding:0 4px; margin-left:4px; color:rgba(255,255,255,.55); background:rgba(255,75,2,.1); border:1px solid rgba(255,75,2,.2); border-radius:4px; }
}

.road-probe-note { margin-top:32px!important; font-size:12px; color:#999; }
.road-probe-note + .road-route-groups { margin-top:12px; }
.road-route-count { border:1px solid #3a4d44; cursor:pointer; font-family:inherit; }
.road-route-count:disabled { cursor:default; }
.road-route-count:focus-visible { outline:2px solid var(--road-accent); outline-offset:3px; }
.road-route[data-road-result="reachable"] .road-route-state { color:#36c88a; }
.road-route[data-road-result="timeout"] .road-route-state,.road-route[data-road-result="unreachable"] .road-route-state,.road-route[data-road-result="http-error"] .road-route-state { color:#e5a160; }
.road-route-state { font-variant-numeric:tabular-nums; }
@media(max-width:860px) { .road-probe-note { margin-top:16px!important; font-size:10px; line-height:16px; } .road-route-count { padding-inline:5px; } }
/* Figma's monochrome exports use black defaults; invert only those assets for the dark surface. */

.road-button .road-action-icon { display:inline-flex; flex:none; }
.road-button .road-action-icon img { width:auto; height:auto; max-width:none; filter:none; }
.road-enter .road-external-icon { order:1; }
.road-device-icon img[src$="apple-pc-v2.svg"] { filter:invert(1); }
.road-ios-tag { display:inline-block; vertical-align:middle; margin-left:6px; padding:2px 8px; border:1px solid rgba(248,147,0,.08); border-radius:6px; color:#f89300; background:rgba(248,147,0,.08); font-size:10px; font-weight:400; line-height:16px; white-space:nowrap; }
@media(max-width:860px) {
 .road-button .road-action-icon img { filter:invert(1); }
 .road-enter .road-external-icon { order:0; }
 .road-device-icon { border:.6px solid rgba(255,255,255,.05); background:rgba(255,255,255,.05); border-radius:7.2px 7.2px 7.2px 0; }
 .road-device-icon .road-h5-only { width:14.4px; height:14.4px; filter:invert(1); }
 .road-download-card--apple .road-device-icon { border-radius:7.2px; }
 .road-version { margin-left:6px; padding:0 4px; background:rgba(255,255,255,.05); color:rgba(255,255,255,.55); font-size:10px; line-height:16px; font-weight:400; border-radius:4px; }
}