#roadmap[hidden] { display:none !important; }
#roadmap { scroll-margin-top:120px; }
#roadmap > .container { width:100%; max-width:1880px; }
#roadmap .section-title { margin-bottom:40px !important; }
.journey-roadmap {
    --journey-gold:#ffcb6c;
    --journey-cyan:#1ee1ff;
    --journey-card:#111a2b;
    --journey-text:#cbd5e1;
    --journey-muted:#8995ab;
    position:relative; width:100%; min-width:0; margin:0; padding:0;
    display:block; overflow-x:auto; overflow-y:hidden; isolation:isolate; z-index:3;
    scrollbar-color:#405169 transparent; scrollbar-width:thin;
}
.journey-roadmap.timeline { margin:0; padding:0; display:block; }
.journey-roadmap::after { content:none !important; }
.journey-stage { position:relative; margin:0 auto; }
.journey-stage[hidden] { display:none !important; }
.journey-road-svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; }
.journey-road-card {
    position:absolute; box-sizing:border-box; padding:30px 18px 12px;
    border:1px solid transparent; border-radius:16px; text-align:center;
    background:linear-gradient(var(--journey-card),var(--journey-card)) padding-box,
      linear-gradient(125deg,var(--journey-gold),#987746 40%,var(--journey-cyan)) border-box;
    color:var(--journey-text); box-shadow:0 15px 32px #00000038;
    z-index:2; transition:box-shadow .2s ease;
}
.journey-road-card::after {
    content:''; position:absolute; inset:0; border-radius:15px; pointer-events:none;
    background:radial-gradient(ellipse at 0% 100%,#ffbf5310,transparent 60%),radial-gradient(ellipse at 100% 0%,#00dcff10,transparent 55%);
}
.journey-road-card:hover { box-shadow:0 14px 40px #00dcff12,0 4px 20px #ffbf5310; }
.journey-road-card h2 { color:var(--journey-gold); font-size:15px; font-weight:700; line-height:1.25; text-transform:uppercase; margin:0 0 3px; overflow-wrap:anywhere; }
.journey-road-date { display:block; color:var(--journey-muted); font-size:11px; font-weight:600; line-height:1.4; white-space:pre-line; }
.journey-road-date::after { content:''; display:block; width:28px; height:1px; margin:6px auto; background:linear-gradient(90deg,var(--journey-gold),var(--journey-cyan)); }
.journey-road-card p { margin:0; color:var(--journey-text); font-size:13px; line-height:1.4; white-space:pre-line; overflow-wrap:anywhere; }
.journey-road-icon {
    position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
    width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--journey-gold);
    border-radius:50%; background:radial-gradient(circle at 40% 25%,#20252a,#060c14 75%);
    color:var(--journey-gold); box-shadow:0 0 14px #ffcb6c28; z-index:3;
}
.journey-road-icon svg { width:26px; height:26px; overflow:visible; }
.journey-light-tail { stroke:white; stroke-width:4; stroke-linecap:round; stroke-dasharray:1.6 98.4; animation:journey-drive var(--journey-duration,8s) linear infinite; }
.journey-motion-paused .journey-light-tail { animation-play-state:paused; }
@keyframes journey-drive { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
.journey-editor-check { display:flex; align-items:center; gap:9px; text-transform:none; letter-spacing:normal; color:#cbd5e1; margin:12px 0; }
.journey-editor-check input { width:auto; margin:0; accent-color:#00ff88; }
.journey-editor-item { padding:18px; margin:16px 0; border:1px solid #ffffff18; border-radius:10px; background:#0d1524; }
.journey-editor-item h4 { font-size:14px; margin:0; color:#e5e7eb; }
.journey-editor-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.journey-editor-item .btn-row { flex-wrap:wrap; }
.journey-editor-status { min-height:20px; font-size:13px; margin:12px 0; color:#00ff88; }
.journey-editor-status.is-error { color:#ff9bae; }
.journey-editor-preview { padding:16px; margin-top:20px; border:1px solid #ffffff18; border-radius:10px; }
.journey-editor-preview summary { cursor:pointer; font-weight:600; color:#cbd5e1; margin-bottom:12px; }
.journey-editor-actions { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0; }
.journey-editor [disabled] { opacity:.6; cursor:wait; }
.journey-editor button[hidden] { display:none !important; }
@media(max-width:900px) {
    #roadmap > .container { width:calc(100% - 24px); }
    .journey-road-card { padding:30px 14px 12px; }
    .journey-road-card h2 { font-size:14px; }
    .journey-road-card p { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
    .journey-light-tail { animation:none; display:none; }
    .journey-road-card { transition:none; }
}

.journey-road-card [hidden] { display: none !important; }