.dashboard-tour{position:relative;isolation:isolate;display:grid;grid-template-columns:190px minmax(0,1fr) 190px;grid-template-rows:repeat(3,auto);gap:20px;align-items:center;margin:48px auto 0;max-width:1300px;padding:24px 0}
.dashboard-tour .fsd-home-preview{grid-column:2;grid-row:1/4;margin:0;width:100%;align-self:center;z-index:1}
.dashboard-tour .fsd-home-screen{padding:6px;box-shadow:0 24px 50px -20px #15234655}
.dashboard-tour .fsd-home-screenbar{font-size:8px;gap:5px;padding:4px 4px 9px}
.dashboard-tour-card{position:relative;z-index:3;display:block;padding:21px 18px;border:1px solid #dfe4f2;border-radius:22px;background:#fff;color:#152346;box-shadow:0 10px 25px #1523460a}
.dashboard-tour-card>span{font-size:11px;font-weight:650;color:#335df4;letter-spacing:.08em}
.dashboard-tour-card h3{font-size:22px;line-height:1.12;letter-spacing:-.035em;margin:10px 0}
.dashboard-tour-card p{font-size:13px;line-height:1.5;margin:0;color:#46546d}
.tour-card-1{grid-column:1;grid-row:1;background:#152346;color:white}.tour-card-1>span,.tour-card-1 p{color:#dce5ff}
.tour-card-2{grid-column:1;grid-row:2;background:#eef2ff}.tour-card-3{grid-column:1;grid-row:3}
.tour-card-4{grid-column:3;grid-row:1;background:#e0f2ec}.tour-card-5{grid-column:3;grid-row:2}.tour-card-6{grid-column:3;grid-row:3;background:#eef2ff}
.dashboard-tour-line{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
.dashboard-tour-line path{fill:none;stroke:#6574ec;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.7}
.dashboard-tour.is-ready:not(.is-playing) .dashboard-tour-line path{stroke-dasharray:1;stroke-dashoffset:1}
.dashboard-tour.is-ready:not(.is-playing) .dashboard-tour-card{opacity:0;transform:translateY(18px) scale(.96)}
.dashboard-tour.is-playing .dashboard-tour-line path{stroke-dasharray:1;animation:dashboard-line-draw 2.8s ease-in-out both}
.dashboard-tour.is-playing .dashboard-tour-card{animation:dashboard-card-in .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.6s + var(--tour-step)*.28s)}
.tour-card-1{--tour-step:0}.tour-card-2{--tour-step:1}.tour-card-3{--tour-step:2}.tour-card-4{--tour-step:3}.tour-card-5{--tour-step:4}.tour-card-6{--tour-step:5}
.dashboard-tour-controls{text-align:center;margin:18px 0 0}.dashboard-tour-controls button{font:inherit;font-size:13px;color:#365adb;background:transparent;border:1px solid #cfd7f3;border-radius:999px;padding:9px 16px;cursor:pointer}
@keyframes dashboard-line-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes dashboard-card-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1000px){.dashboard-tour{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-tour .fsd-home-preview{grid-column:1/-1;grid-row:1}.dashboard-tour .dashboard-tour-card{grid-column:auto;grid-row:auto}.dashboard-tour-line{display:none}.dashboard-tour-card{padding:18px}.dashboard-tour-card h3{font-size:21px}}
@media(max-width:600px){.dashboard-tour{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.dashboard-tour-card{padding:16px;border-radius:18px}.dashboard-tour-card h3{font-size:19px}.dashboard-tour-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dashboard-tour .dashboard-tour-card{animation:none!important;opacity:1!important;transform:none!important}.dashboard-tour-line path{animation:none!important;stroke-dashoffset:0!important}.dashboard-tour-controls{display:none}}

.dashboard-tour .dashboard-tour-card,.dashboard-tour .dashboard-tour-card:hover,.dashboard-tour .dashboard-tour-card:focus-visible,.dashboard-tour .dashboard-tour-card *{text-decoration:none}

.dashboard-tour-card{transition:translate .2s ease,scale .2s ease,background-color .2s ease,box-shadow .2s ease}
.dashboard-tour-card .tour-link-arrow{position:absolute;right:18px;top:18px;font-size:20px;line-height:1;color:inherit;letter-spacing:0}
.dashboard-tour-card:hover,.dashboard-tour-card:focus-visible{translate:0 -3px;scale:1.015;background:#f4f7ff;box-shadow:0 14px 30px #15234618}
.dashboard-tour-card.tour-card-1:hover,.dashboard-tour-card.tour-card-1:focus-visible{background:#21345e}
.dashboard-tour-card.tour-card-4:hover,.dashboard-tour-card.tour-card-4:focus-visible{background:#d5ece4}
.dashboard-tour-card:focus-visible{outline:2px solid #335df4;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.dashboard-tour-card{transition:none}.dashboard-tour-card:hover,.dashboard-tour-card:focus-visible{translate:none;scale:1}}
