.dashboard-tour-frame {
    overflow: hidden;
    border: 1px solid #d8e2f0;
    border-radius: 1.5rem;
    background: #0d1834;
    box-shadow: 0 24px 60px rgba(15, 35, 75, .16);
}
.dashboard-tour-poster {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #0d1834;
    color: white;
    text-align: left;
    cursor: pointer;
}
.dashboard-tour-poster img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.dashboard-tour-poster::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(7, 16, 37, .86)); }
.dashboard-tour-play { position: absolute; z-index: 1; left: 50%; top: 45%; display: grid; width: 5rem; height: 5rem; place-items: center; transform: translate(-50%, -50%); border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: #f59e0b; color: #0d1834; box-shadow: 0 12px 36px rgba(0,0,0,.25); transition: transform .2s ease, background .2s ease; }
.dashboard-tour-play span { margin-left: .25rem; font-size: 1.5rem; }
.dashboard-tour-poster:hover .dashboard-tour-play, .dashboard-tour-poster:focus-visible .dashboard-tour-play { transform: translate(-50%, -50%) scale(1.08); background: #ffc044; }
.dashboard-tour-poster-label { position: absolute; z-index: 1; left: clamp(1rem, 4vw, 2rem); bottom: clamp(1rem, 4vw, 2rem); display: grid; gap: .2rem; font-weight: 800; font-size: clamp(1rem, 2.5vw, 1.4rem); }
.dashboard-tour-poster-label small { color: #dbeafe; font-size: .78rem; font-weight: 500; }
.dashboard-tour-experience { padding: clamp(1rem, 3vw, 1.5rem); color: #eef4ff; background: radial-gradient(ellipse at 55% -30%, #263f79 0%, #101c3a 55%, #0b142b 100%); }
.dashboard-tour-experience[hidden] { display: none !important; }
.dashboard-tour-topline, .dashboard-tour-footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.dashboard-tour-brand { font-weight: 800; letter-spacing: .02em; }
.dashboard-tour-brand span { color: #ffc342; }
.dashboard-tour-demo-tag { padding: .35rem .6rem; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #fbd67e; font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.dashboard-tour-stage { position: relative; min-height: clamp(245px, 43vw, 455px); margin-top: 1.1rem; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 1.1rem; background: linear-gradient(135deg, #f8fbff, #e9f1ff); color: #182746; }
.tour-scene { display: grid; min-height: inherit; grid-template-columns: minmax(0, 1.04fr) minmax(210px, .96fr); align-items: center; gap: clamp(1rem, 3vw, 2.3rem); padding: clamp(1.1rem, 4vw, 3rem); animation: tour-scene-in .55s cubic-bezier(.2,.75,.25,1) both; }
@keyframes tour-scene-in { from { opacity: 0; transform: translateX(28px) scale(.985); } to { opacity: 1; transform: translateX(0) scale(1); } }
.tour-eyebrow { color: #43629c; font-size: .68rem; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.tour-scene h5 { margin: .5rem 0 .45rem; color: #13244a; font-family: Georgia, serif; font-size: clamp(1.35rem, 3vw, 2.25rem); line-height: 1.1; }
.tour-scene p { margin: 0; color: #5c6d88; font-size: clamp(.82rem, 1.45vw, 1rem); line-height: 1.6; }
.tour-dashboard-card { padding: clamp(.9rem, 2.3vw, 1.4rem); border: 1px solid #dce5f2; border-radius: 1rem; background: rgba(255,255,255,.92); box-shadow: 0 14px 30px rgba(23,48,91,.09); }
.tour-card-title { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: .8rem; color: #253b69; font-size: .82rem; font-weight: 800; }
.tour-demo-chip { padding: .22rem .48rem; border-radius: 999px; background: #eef4ff; color: #59729f; font-size: .58rem; font-weight: 800; letter-spacing: .08em; }
.tour-metric-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .65rem; }
.tour-metric { padding: .7rem; border-radius: .75rem; background: #f3f7fd; }
.tour-metric strong { display: block; color: #1e3a8a; font-size: clamp(1.15rem, 2.6vw, 1.65rem); }
.tour-metric span { color: #71809a; font-size: .68rem; }
.tour-pill-row { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .8rem; }
.tour-pill { padding: .4rem .55rem; border-radius: .55rem; background: #edf5f4; color: #127667; font-size: .68rem; font-weight: 700; }
.tour-radar { display: block; width: min(100%, 350px); margin: auto; overflow: visible; }
.tour-radar polygon, .tour-radar polyline, .tour-radar path.tour-radar-value, .tour-radar path.tour-radar-target { stroke-linejoin: round; stroke-linecap: round; }
.tour-radar .radar-grid { fill: none; stroke: #cad7ea; stroke-width: 1; }
.tour-radar .radar-axis { stroke: #d6e0ee; stroke-width: 1; }
.tour-radar .radar-value { fill: rgba(33, 82, 179, .22); stroke: #2455bd; stroke-width: 3; transform-origin: center; animation: radar-grow .9s ease-out both; }
.tour-radar .tour-radar-value { fill: rgba(33, 82, 179, .22); stroke: #2455bd; stroke-width: 3; transform-origin: center; animation: radar-grow .9s ease-out both; }
.tour-radar .tour-radar-target { fill: rgba(225,156,30,.1); stroke: #d99a22; stroke-width: 2; stroke-dasharray: 5 5; }
.tour-radar .tour-radar-dot { fill: #2455bd; stroke: white; stroke-width: 2; }
.tour-radar-whole .tour-radar-value { fill: rgba(224,63,84,.2); stroke: #d9485f; }
.tour-radar-whole .tour-radar-dot { fill: #d9485f; }
.tour-fingerprint-full .tour-radar-value,.tour-montage-card[data-montage="0"] .tour-radar-value { fill: rgba(218,77,91,.2); stroke: #cf5965; }
.tour-fingerprint-full .tour-radar-dot,.tour-montage-card[data-montage="0"] .tour-radar-dot { fill: #cf5965; }
@keyframes radar-grow { from { opacity: .15; transform: scale(.18); } to { opacity: 1; transform: scale(1); } }
.tour-radar-label { fill: #566a8b; font-size: 10px; font-weight: 700; }
.tour-score { display: grid; width: 94px; height: 94px; place-items: center; margin: .2rem auto 0; border-radius: 50%; background: linear-gradient(145deg,#f0f5ff,#fff); box-shadow: inset 0 0 0 7px #fff, 0 0 0 1px #dbe5f2; color: #1e3a8a; font-size: 1.55rem; font-weight: 900; }
.tour-score small { display: block; margin-top: -1.45rem; color: #7b8ca8; font-size: .55rem; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.tour-log-bars { display: grid; gap: .65rem; }
.tour-log-row { display: grid; grid-template-columns: 3.5rem 1fr 2rem; align-items: center; gap: .55rem; color: #6c7c96; font-size: .65rem; }
.tour-log-track { height: .58rem; overflow: hidden; border-radius: 999px; background: #e8eef8; }
.tour-log-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg,#117d78,#4dc3a6); transform-origin: left; animation: log-fill .9s ease-out both; }
@keyframes log-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.tour-brain-card { display: grid; justify-items: center; gap: .55rem; text-align: center; }
.tour-brain-icon { display: grid; width: 5rem; height: 5rem; place-items: center; border-radius: 1.5rem; background: linear-gradient(135deg,#7c3aed,#2563eb); color: white; font-size: 2.6rem; box-shadow: 0 16px 38px rgba(83,72,205,.25); }
.tour-brain-card strong { color: #202f60; font-size: 1.1rem; }
.tour-brain-card p { font-size: .76rem; }
.tour-fast-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
.tour-fast-item { padding: .8rem .6rem; border: 1px solid #dce5f2; border-radius: .75rem; background: #fff; color: #293f6a; font-size: .72rem; font-weight: 800; text-align: center; }
.tour-fast-item b { display: block; color: #e89a00; font-size: 1.4rem; }
.tour-finale { grid-template-columns: 1fr; justify-items: center; text-align: center; background: radial-gradient(circle at center, #f8fbff, #eaf0ff); }
.tour-finale img { width: clamp(80px, 14vw, 130px); height: clamp(80px, 14vw, 130px); object-fit: contain; animation: tour-logo-grow 3.2s cubic-bezier(.15,.7,.25,1) both; }
@keyframes tour-logo-grow { from { transform: scale(.36); opacity: .35; } to { transform: scale(1); opacity: 1; } }
.dashboard-tour-caption { padding: .85rem .15rem .55rem; }
.dashboard-tour-step { margin: 0 0 .18rem; color: #f8c754; font-size: .65rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.dashboard-tour-caption h4 { margin: 0 0 .2rem; color: white; font-size: clamp(1.05rem, 2vw, 1.3rem); }
.dashboard-tour-caption p:last-child { margin: 0; color: #c1cee5; font-size: .88rem; }
.dashboard-tour-controls { display: grid; grid-template-columns: 2.5rem 2.5rem minmax(40px,1fr) 2.5rem 2.5rem minmax(65px, .16fr); align-items: center; gap: .6rem; padding: .75rem; border: 1px solid rgba(255,255,255,.15); border-radius: .9rem; background: rgba(255,255,255,.07); }
.tour-control-button { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: #f59e0b; color: #13254c; font-size: 1rem; font-weight: 900; cursor: pointer; }
.tour-mute-button { border-radius: .7rem; background: rgba(255,255,255,.12); color: white; }
.dashboard-tour-time { color: #d5deef; font-variant-numeric: tabular-nums; font-size: .71rem; }
.dashboard-tour-seek, .dashboard-tour-volume { width: 100%; accent-color: #f6b82e; cursor: pointer; }
.dashboard-tour-footer { margin-top: .7rem; color: #aebbd2; font-size: .68rem; }
.dashboard-tour-footer a { color: #ffd267; font-size: .78rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.dashboard-tour-footer a:hover { text-decoration: underline; }
.dashboard-tour-footer-actions { display:flex; align-items:center; gap:.75rem; }
.dashboard-tour-fullscreen { padding:.4rem .7rem; border:1px solid rgba(255,255,255,.35); border-radius:.55rem; background:rgba(255,255,255,.1); color:#fff; font-size:.75rem; font-weight:800; cursor:pointer; }
.dashboard-tour-fullscreen:hover { background:rgba(255,255,255,.2); }
.dashboard-tour :focus-visible { outline: 3px solid #ffcb54; outline-offset: 3px; }
@media (max-width: 640px) {
    .tour-scene { grid-template-columns: 1fr; gap: .9rem; padding: 1rem; }
    .dashboard-tour-stage { min-height: 440px; }
    .tour-scene:not(.tour-finale) .tour-scene-copy { order: 1; }
    .tour-scene:not(.tour-finale) .tour-dashboard-card { order: 2; }
    .dashboard-tour-controls { grid-template-columns: 2.4rem 2.2rem minmax(30px,1fr) 2.2rem 2.4rem; }
    .dashboard-tour-volume { grid-column: 3 / 6; }
    .dashboard-tour-footer { align-items: flex-start; flex-direction: column; }
    .dashboard-tour-poster-label { bottom: 1rem; }
    .dashboard-tour-play { width: 4.2rem; height: 4.2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .dashboard-tour *, .dashboard-tour *::before, .dashboard-tour *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

.tour-montage-card.has-trail { opacity: .24; transform: translateX(-12%) scale(.88); }

/* Mirror the live dashboard's own shell, profile banner and clinical cards. */
.dashboard-tour-stage { min-height: clamp(390px, 52vw, 590px); background: #f4f7fb; }
.tour-app { position: relative; min-height: inherit; padding-bottom: 1.35rem; overflow: hidden; background: #f4f7fb; animation: tour-scene-in .45s ease-out both; }
.tour-app-header { display: flex; min-height: 3.35rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem clamp(.8rem,2.2vw,1.5rem); border-bottom: 1px solid #dbe3ee; background: rgba(255,255,255,.96); }
.tour-app-brand { display: flex; align-items: center; gap: .45rem; color: #24428b; font-family: Georgia,serif; font-size: clamp(.8rem,1.5vw,1.1rem); font-weight: 800; }
.tour-brand-mark { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border: 1px solid #d9e2ef; border-radius: .45rem; color: #d99413; font-family: sans-serif; }
.tour-app-brand small { margin-left: .4rem; padding: .22rem .45rem; border: 1px solid #dce8fc; border-radius: 999px; background: #f1f6ff; color: #3154a0; font: 800 .48rem/1 sans-serif; letter-spacing: .08em; }
.tour-app-user { display: flex; align-items: center; gap: .4rem; color: #263753; font-size: .63rem; }
.tour-app-user span { color: #7b8ba4; font-size: .48rem; letter-spacing: .08em; }
.tour-app-user i { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 50%; background: #e5edfc; color: #24428b; font-size: .6rem; font-style: normal; font-weight: 800; }
.tour-app-body { width: min(100%, 1100px); margin: 0 auto; padding: clamp(.65rem, 1.5vw, 1.1rem) clamp(.75rem, 2vw, 1.4rem); }
.tour-app-crumb { display: flex; align-items: center; gap: .35rem; margin-bottom: .55rem; color: #8290a6; font-size: .55rem; }
.tour-app-crumb b { color: #38527b; }
.tour-ready-line { margin: 0 0 .65rem; color: #53647b; font-size: .63rem; }
.tour-profile-banner { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem; padding: clamp(.8rem,1.8vw,1.15rem); border-radius: 1rem; background: linear-gradient(105deg,#111b34,#233f8d); color: #fff; box-shadow: 0 9px 20px rgba(19,35,75,.16); }
.tour-status-row { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; }
.tour-risk-badge,.tour-track-badge { padding: .22rem .45rem; border-radius: 999px; background: #f59e0b; color: #192543; font-size: .48rem; font-weight: 900; }
.tour-track-badge { background: rgba(255,255,255,.13); color: #e8efff; }
.tour-muted-label { color: #c5d2ea; font-size: .5rem; }
.tour-profile-info h5 { margin: .35rem 0 .12rem; color: #fff; font: 700 clamp(1.05rem,2.1vw,1.65rem)/1.1 Georgia,serif; }
.tour-profile-info p { margin: 0 0 .5rem; color: #d0daf0; font-size: .58rem; }
.tour-small-action { padding: .38rem .55rem; border: 1px solid rgba(255,255,255,.18); border-radius: .55rem; background: rgba(255,255,255,.1); color: #ffd05a; font-size: .53rem; font-weight: 800; }
.tour-profile-metrics { display: grid; grid-template-columns: repeat(4,minmax(68px,1fr)); gap: .4rem; }
.tour-profile-metrics div { display: grid; min-width: 0; gap: .3rem; padding: .58rem .5rem; border: 1px solid rgba(255,255,255,.16); border-radius: .65rem; background: rgba(255,255,255,.08); text-align: center; transform-origin: center; }
.tour-profile-metrics small { color: #d8c36f; font-size: .42rem; font-weight: 800; letter-spacing: .08em; }
.tour-profile-metrics div:nth-child(n+3) small { color: #c6d1e9; }
.tour-profile-metrics b { color: #fff; font-size: clamp(.9rem,1.75vw,1.3rem); }
.tour-profile-metrics em { margin-left: .08rem; font-size: .55em; font-style: normal; }
.tour-roadmap { margin-top: .7rem; padding: .7rem; border: 1px solid #dae4ef; border-radius: .8rem; background: #fff; }
.tour-roadmap>b,.tour-section-heading>div>span,.tour-tracking-header>div>span { color: #69809c; font-size: .47rem; font-weight: 900; letter-spacing: .12em; }
.tour-roadmap-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .4rem; margin-top: .45rem; }
.tour-roadmap-steps>span { display: grid; gap: .22rem; min-height: 3.25rem; padding: .4rem; border: 1px solid #dbe5ef; border-radius: .55rem; background: #f7f9fc; }
.tour-roadmap-steps .done { border-color: #a4dec7; background: #eaf9f2; }
.tour-roadmap-steps .current { border-color: #f0cc4e; background: #fff9df; }
.tour-roadmap-steps i { color: #287968; font-size: .45rem; font-style: normal; font-weight: 900; }
.tour-roadmap-steps strong { color: #334760; font-size: .5rem; }
.tour-roadmap-steps small { color: #71839a; font-size: .43rem; }
.tour-section-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .7rem; padding: .7rem; border: 1px solid #dae4ef; border-radius: .8rem; background: #fff; }
.tour-section-heading h6,.tour-tracking-header h6 { margin: .18rem 0; color: #1d2e4b; font: 700 clamp(.85rem,1.5vw,1.1rem)/1.2 Georgia,serif; }
.tour-section-heading p,.tour-tracking-header p { margin: 0; color: #75859b; font-size: .53rem; }
.tour-complete-tag,.tour-panel-badge { padding: .28rem .48rem; border-radius: 999px; background: #e6f8ef; color: #238261; font-size: .45rem; font-weight: 900; white-space: nowrap; }
.tour-form-preview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; margin-top: .5rem; }
.tour-form-preview>span,.tour-lab-hint { padding: .6rem; border: 1px solid #d6e5e4; border-radius: .6rem; background: #eff9f7; color: #3b6570; font-size: .53rem; font-weight: 700; }
.tour-lab-hint { grid-column: 1/-1; display: grid; gap: .22rem; background: #f3f7fc; border-color: #dce5ef; color: #334b6b; }
.tour-lab-hint small { color: #728198; font-size: .48rem; font-weight: 500; }
.tour-dashboard-grid { display: grid; grid-template-columns: 1.45fr .75fr; gap: .65rem; }
.tour-panel { min-width: 0; padding: .75rem; border: 1px solid #dbe4ef; border-radius: .8rem; background: #fff; }
.tour-fingerprint-panel { background: #eff5ff; }
.tour-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .45rem; }
.tour-panel-heading h6,.tour-trend-panel h6 { margin: 0; color: #1b2a47; font: 700 clamp(.84rem,1.55vw,1.12rem)/1.15 Georgia,serif; }
.tour-panel-heading p,.tour-trend-panel p { margin: .2rem 0 0; color: #77879e; font-size: .49rem; }
.tour-panel-badge { background: #e5efff; color: #315595; }
.tour-chart-row { display: grid; grid-template-columns: minmax(92px,.65fr) minmax(0,1fr); align-items: center; gap: .35rem; margin-top: .3rem; }
.tour-labs { display: grid; max-height: 10.1rem; gap: .28rem; overflow: hidden; padding: .55rem; border: 1px solid #d1ddeb; border-radius: .65rem; background: rgba(255,255,255,.82); color: #334762; font-size: .48rem; }
.tour-labs small,.tour-labs span { color: #75859b; font-size: .45rem; line-height: 1.4; }
.tour-labs hr { width: 100%; border: 0; border-top: 1px solid #dce4ed; }
.tour-chart-wrap { min-width: 0; }
.tour-radar { display: block; width: 100%; overflow: visible; }
.tour-radar circle:not(.tour-radar-dot) { fill: none; stroke: #c9d4e2; stroke-width: 1; }
.tour-radar>path { fill: none; stroke: #d6dfea; stroke-width: 1; }
.tour-radar-value { fill: rgba(191,48,64,.22); stroke: #bf2738; stroke-width: 2.5; animation: radar-grow .65s ease-out both; }
.tour-radar-target { fill: rgba(224,158,23,.08); stroke: #d49416; stroke-width: 2; stroke-dasharray: 5 4; }
.tour-radar-whole .tour-radar-value { fill: rgba(219,41,66,.2); stroke: #db2942; }
.tour-radar-whole .tour-radar-target { fill: rgba(34,128,81,.08); stroke: #3d936b; }
.tour-radar-dot { fill: #bd2438; stroke: white; stroke-width: 2; }
.tour-radar text { fill: #4e5d72; font: 700 8px/1 sans-serif; }
.tour-chart-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: .45rem; color: #74839a; font-size: .43rem; }
.tour-score-box { display: grid; justify-items: center; gap: .18rem; margin-top: .45rem; padding: .45rem; border: 1px solid #f0c7ce; border-radius: .6rem; background: #fff0f1; color: #a52238; }
.tour-score-box small { font-size: .44rem; font-weight: 900; letter-spacing: .07em; }
.tour-score-box b { font: 800 1.65rem/1 Georgia,serif; }
.tour-score-box strong { font-size: .5rem; }
.tour-scene-explainer { align-self: center; padding: .65rem; }
.tour-scene-explainer h5,.tour-fast-side h5 { margin: .35rem 0; color: #182a4a; font: 700 clamp(1rem,2vw,1.45rem)/1.15 Georgia,serif; }
.tour-scene-explainer p,.tour-fast-side p { margin: 0; color: #687990; font-size: .56rem; line-height: 1.55; }
.tour-high-badge { background: #fff0f1; color: #b12b3b; }
.tour-whole-grid { grid-template-columns: 1.1fr .75fr; }
.tour-whole-panel { background: #fffaf0; }
.tour-whole-chart { width: min(100%,350px); margin: .15rem auto 0; }
.tour-whole-chart .tour-radar { max-height: 10.7rem; }
.tour-note-box { display: grid; gap: .2rem; margin-top: .5rem; padding: .55rem; border: 1px solid #eee0c5; border-radius: .6rem; color: #48576c; font-size: .5rem; }
.tour-note-box span { color: #768398; }
.tour-tracking-header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .65rem .75rem; border: 1px solid #f0ced0; border-radius: .8rem .8rem 0 0; background: linear-gradient(110deg,#fff0ef,#fff); }
.tour-tracking-header .tour-small-action { border-color: #d6deea; background: white; color: #425572; }
.tour-tracking-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: .55rem; padding: .6rem; border: 1px solid #f0ced0; border-top: 0; border-radius: 0 0 .8rem .8rem; background: #fff9f6; }
.tour-log-form,.tour-trend-panel { display: grid; gap: .38rem; padding: .6rem; border: 1px solid #dce5ef; border-radius: .65rem; background: #fff; color: #465a75; font-size: .5rem; }
.tour-log-form>b { color: #28447f; }
.tour-form-line { display: flex; justify-content: space-between; padding: .35rem; border: 1px solid #e3eaf2; border-radius: .4rem; color: #708099; }
.tour-form-line strong { color: #39567d; }
.tour-save-button { justify-self: start; padding: .35rem .55rem; border: 0; border-radius: .45rem; background: #25488f; color: #fff; font-size: .48rem; font-weight: 800; }
.tour-bar-chart { display: flex; height: 4.2rem; align-items: end; justify-content: space-around; gap: .3rem; padding: .35rem .6rem 0; border-bottom: 1px solid #dce4ec; background: repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#e8eef5 25%); }
.tour-bar-chart i { width: 9%; border-radius: .2rem .2rem 0 0; background: linear-gradient(#55bea0,#168578); animation: log-fill .6s ease-out both; }
.tour-bar-chart i:nth-child(even) { background: linear-gradient(#86aaf2,#416cc3); }
.tour-support-header { padding: .8rem; border-radius: .75rem; background: linear-gradient(110deg,#0d1834,#203d84); color: white; }
.tour-support-header>span,.tour-brain-real>span,.tour-support-grid section>span { color: #ffd161; font-size: .45rem; font-weight: 900; letter-spacing: .1em; }
.tour-support-header h6 { margin: .3rem 0; color: #fff; font: 700 1rem/1.2 Georgia,serif; }
.tour-support-header p { margin: 0; color: #cbd7ec; font-size: .52rem; }
.tour-support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: .55rem; }
.tour-support-grid section { padding: .65rem; border: 1px solid #dbe4ef; border-radius: .65rem; background: #fff; }
.tour-support-grid section>span { color: #73839a; }
.tour-support-grid h6 { margin: .25rem 0; color: #263958; font-size: .63rem; }
.tour-support-grid p { margin: 0 0 .45rem; color: #738197; font-size: .49rem; line-height: 1.45; }
.tour-support-grid .tour-brain-real { border-color: #b9a3fa; background: linear-gradient(130deg,#f4edff,#e9f7fb); }
.tour-support-grid .tour-brain-real>span { color: #7042c6; }
.tour-brain-real h6 i { display: inline-grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: .35rem; background: #7444d3; color: white; font-style: normal; }
.tour-brain-real button { padding: .3rem .45rem; border: 1px solid #d5ddea; border-radius: .4rem; background: #e9eef5; color: #718098; font-size: .47rem; }
.tour-fast-layout { display: grid; grid-template-columns: 1fr .75fr; gap: .6rem; margin-top: .55rem; }
.tour-pulse-chart { display: flex; height: 4.8rem; align-items: end; gap: .6rem; margin: .5rem 0; padding: .4rem; border-bottom: 1px solid #dce4ed; background: repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#e8eef5 25%); }
.tour-pulse-chart span { width: 14%; border-radius: 999px 999px .15rem .15rem; background: linear-gradient(#87bde9,#4d81c3); animation: log-fill .7s ease-out both; }
.tour-pulse-chart span:nth-child(1) { height: 38%; }.tour-pulse-chart span:nth-child(2) { height: 60%; }.tour-pulse-chart span:nth-child(3) { height: 49%; }.tour-pulse-chart span:nth-child(4) { height: 78%; }.tour-pulse-chart span:nth-child(5) { height: 65%; }.tour-pulse-chart span:nth-child(6) { height: 88%; }
.tour-fast-tags { display: flex; flex-wrap: wrap; gap: .3rem; }.tour-fast-tags b { padding: .28rem .4rem; border-radius: .4rem; background: #f1f6fc; color: #375177; font-size: .45rem; }
.tour-fast-side { display: grid; align-content: center; background: #fff9eb; }
.tour-finale { min-height: inherit; }
.tour-app .tour-finale { display: grid; }
.tour-demo-watermark { position: absolute; right: .65rem; bottom: .35rem; color: #8c99aa; font-size: .4rem; font-weight: 800; letter-spacing: .1em; }
.tour-zoom-protein .tour-profile-metrics div:first-child,.tour-zoom-carb .tour-profile-metrics div:nth-child(2) { position: relative; z-index: 2; transform: scale(1.12); background: rgba(255,255,255,.24); box-shadow: 0 0 0 2px rgba(255,205,72,.82),0 12px 20px rgba(8,20,48,.26); transition: transform .32s cubic-bezier(.2,.8,.3,1),box-shadow .3s ease; }
.tour-zoom-carb .tour-profile-metrics div:first-child { transform: scale(1); box-shadow: none; }
.tour-zoom-out .tour-profile-metrics div:nth-child(-n+2) { transform: scale(1); box-shadow: none; transition: transform .22s ease-out; }
.tour-questionnaire { grid-template-columns: 1fr; }
.tour-questionnaire>span { display:flex; min-height: 2.4rem; align-items:center; gap:.65rem; border-color: #cce8e2; background: #f3fbf8; color: #304f64; }
.tour-questionnaire>span i { display:grid; width:1.75rem; height:1.75rem; flex:0 0 1.75rem; place-items:center; border-radius:.5rem; background:#1e49b6; color:#fff; font-size:.7rem; font-style:normal; }
.tour-questionnaire>span b { min-width:0; line-height:1.3; }
.tour-calculator-head { padding: .75rem; border-radius: .65rem .65rem 0 0; background: linear-gradient(110deg,#152e6b,#284b9b); color: #fff; }
.tour-calculator-head>span { color: #ffd34f; font-size: .43rem; font-weight: 900; letter-spacing: .14em; }
.tour-calculator-head h6 { margin: .25rem 0; color: #fff; font: 700 1rem Georgia,serif; }
.tour-calculator-head p { margin: 0; color: #d7e2f8; font-size: .5rem; }
.tour-lab-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .35rem; padding: .6rem; }
.tour-lab-fields>div { display: grid; gap: .28rem; padding: .42rem; border: 1px solid #dce5ef; border-radius: .45rem; background: white; }
.tour-lab-fields small { color: #52647d; font-size: .43rem; font-weight: 800; }
.tour-lab-fields b { color: #263a5c; font-size: .58rem; }.tour-lab-fields i { color: #8290a4; font-size: .42rem; font-style: normal; font-weight: 500; }
.tour-demo-button { display: block; margin: 0 .6rem .6rem auto; padding: .45rem .65rem; border: 0; border-radius: .45rem; background: #244797; color: #fff; font-size: .5rem; font-weight: 800; }
.tour-fingerprint-full,.tour-whole-full { max-width: 780px; margin: .5rem auto; padding: clamp(.6rem,2vw,1.1rem); }
.tour-fingerprint-full .tour-chart-row { grid-template-columns: minmax(110px,.7fr) minmax(0,1fr); }
.tour-fingerprint-full .tour-radar,.tour-whole-full .tour-radar { max-height: 14rem; }
.tour-score-orange { border-color: #f4c67b; background: #fff6e8; color: #c86b08; }
.tour-score-orange b { color: #e17a08; font-size: clamp(2rem,5vw,3.4rem); }
.tour-score-orange strong { display: block; margin: .25rem 0; color: #8a4c11; font-size: clamp(.65rem,1vw,.84rem); }
.tour-score-orange p { max-width: 720px; margin: .25rem auto; color: #6c5b48; font-size: clamp(.56rem,.9vw,.72rem); line-height: 1.45; }
.tour-score-disclaimer { display: block; margin-top: .25rem; color: #8b7b68; font-size: .48rem; }
.tour-whole-full { background: #fffaf0; }
.tour-whole-full .tour-whole-chart { width: min(100%,450px); }
.tour-tracking-pair { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.tour-tracking-pair .tour-panel { padding: .65rem; }
.tour-tracking-pair h6 { margin: 0; color: #202f4b; font: 700 clamp(.72rem,1.3vw,.95rem) Georgia,serif; }
.tour-tracking-pair p,.tour-tracking-pair small { display: block; margin: .22rem 0; color: #74849a; font-size: .46rem; }
.tour-line-chart { height: 5.8rem; margin: .5rem 0; background: repeating-linear-gradient(to bottom,transparent 0,transparent 24%,#e4ebf3 25%); }
.tour-line-chart svg { width: 100%; height: 100%; overflow: visible; }
.tour-line-chart path { fill: none; stroke: #2865e8; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 600; stroke-dashoffset: 600; animation: tour-draw-line 1.2s ease-out forwards; }
@keyframes tour-draw-line { to { stroke-dashoffset: 0; } }
.tour-radar-habit { max-height: 8rem; }
.tour-radar-habit text { font-size: 9px; }
.tour-plan-card { min-height: 21rem; padding: clamp(.75rem,1.8vw,1.1rem); border: 1px solid #dce5f2; border-radius: .8rem; background: #fff; box-shadow: 0 12px 26px rgba(15,32,68,.12); }
.tour-plan-card h6 { margin: 0; color: #17233d; font: 700 clamp(1.1rem,2vw,1.45rem) Georgia,serif; text-align: center; }
.tour-plan-subtitle { display: block; margin: .3rem 0; color: #687992; font-size: .52rem; letter-spacing: .07em; text-align: center; }
.tour-plan-price { display: block; margin: .4rem 0; color: #24428b; font: 800 clamp(1.7rem,3.6vw,2.7rem) Georgia,serif; text-align: center; }
.tour-plan-card>p { min-height: 2.3rem; color: #53637a; font-size: .55rem; line-height: 1.45; text-align: center; }
.tour-plan-card ul { display: grid; gap: .32rem; margin: .5rem 0; padding: 0; list-style: none; }
.tour-plan-card li { display: grid; grid-template-columns: 1.1em minmax(0, 1fr); column-gap: .35rem; align-items: start; color: #2e3c53; font-size: .5rem; line-height: 1.3; }
.tour-plan-card li::before { content: '✓'; grid-column: 1; justify-self: center; color: #14a078; font-weight: 900; }
.tour-plan-card li.tour-excluded { color: #a9b5c6; }.tour-plan-card li.tour-excluded::before { content: '×'; color: #e38b8b; }
.tour-elite { background: #101a33; color: #fff; border-color: #b98b16; }
.tour-elite h6,.tour-elite .tour-plan-price { color: #fff; }.tour-elite .tour-plan-subtitle { color: #f4a900; }.tour-elite>p,.tour-elite li { color: #e1e8f5; }
.tour-brain-signature { margin: .5rem 0; padding: .5rem; border: 1px solid #8f77e5; border-radius: .65rem; background: linear-gradient(125deg,#392080,#214674,#105258); color: white; }
.tour-brain-signature b { font-size: .61rem; }.tour-brain-signature p { margin: .25rem 0 0; color: #e5e7ff; font-size: .47rem; }
.tour-installments { margin-top: .5rem; padding: .5rem; border: 1px solid #ffbd14; border-radius: .55rem; color: #ffd34a; font-size: .61rem; font-weight: 900; line-height: 1.45; text-align: center; }
.tour-guided-focus { display: grid; min-height: 28rem; place-items: center; padding: clamp(.8rem,2vw,1.6rem); background: linear-gradient(145deg,#eef4ff,#fff); }
.tour-guided-focus .tour-plan-card { width: min(100%,720px); min-height: 0; padding: clamp(1rem,3vw,2rem); transform: scale(1.02); }
.tour-guided-focus .tour-plan-card h6 { font-size: clamp(1.35rem,3vw,2.15rem); }
.tour-guided-focus .tour-plan-subtitle { font-size: clamp(.65rem,1.2vw,.85rem); }
.tour-guided-focus .tour-plan-price { font-size: clamp(2.3rem,5vw,3.6rem); }
.tour-guided-focus .tour-plan-card>p { min-height: 0; font-size: clamp(.78rem,1.3vw,1rem); }
.tour-guided-focus .tour-plan-card ul { grid-template-columns: 1fr 1fr; gap: .5rem 1rem; }
.tour-guided-focus .tour-plan-card li { font-size: clamp(.68rem,1vw,.82rem); }
.tour-brain-demo { max-width: 720px; margin: .6rem auto; padding: clamp(.8rem,3vw,1.5rem); border: 1px solid #9b83fa; border-radius: 1rem; background: linear-gradient(130deg,#241456,#233f81,#0c4950); box-shadow: 0 20px 50px rgba(49,35,116,.25); color: #fff; }
.tour-brain-title { display: flex; align-items: center; gap: .65rem; }.tour-brain-title>span { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border-radius: .8rem; background: #7444d3; font-size: 1.5rem; }.tour-brain-title small { color: #d9ccff; font-size: .45rem; font-weight: 900; letter-spacing: .12em; }.tour-brain-title h6 { margin: .12rem 0; color: #fff; font: 700 1.1rem Georgia,serif; }.tour-brain-title>b { margin-left: auto; padding: .25rem .45rem; border: 1px solid #c7b6ff; border-radius: 999px; color: #e1d6ff; font-size: .45rem; }
.tour-chat { display: grid; gap: .55rem; margin-top: .8rem; }.tour-chat p { max-width: 90%; margin: 0; padding: .55rem .7rem; border-radius: .7rem; background: rgba(255,255,255,.12); color: #f2f3ff; font-size: .56rem; line-height: 1.5; }.tour-chat p:first-child { justify-self: end; background: rgba(255,255,255,.2); }.tour-chat-input { display: flex; justify-content: space-between; margin-top: .2rem; padding: .5rem .65rem; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: #c6c9dc; font-size: .52rem; }.tour-chat-input span { display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; background: #ffc34a; color: #152447; }.tour-demo-note { display: block; margin-top: .6rem; color: #ded8ff; font-size: .44rem; text-align: center; }
.tour-montage { position: relative; min-height: 18rem; overflow: hidden; }.tour-montage-card { position: absolute; inset: .7rem; padding: .65rem; border: 1px solid #dce5f2; border-radius: .8rem; background: #fff; opacity: 0; transform: translateX(55%) scale(.82); transition: transform .5s ease, opacity .5s ease; }.tour-montage-card.is-active { opacity: 1; transform: translateX(0) scale(1); }.tour-montage-card[data-montage="0"] { z-index: 1; }.tour-montage-card[data-montage="1"] { z-index: 2; }.tour-montage-card[data-montage="2"] { z-index: 3; }.tour-montage-card[data-montage="3"] { z-index: 4; }.tour-montage-card .tour-panel-heading p { font-size: .42rem; }.tour-montage-card .tour-chart-row { grid-template-columns: 1fr; }.tour-montage-card .tour-labs,.tour-montage-card .tour-chart-legend { display: none; }.tour-montage-card .tour-radar { max-height: 9rem; }.tour-montage-card .tour-score-box { margin-top: .1rem; }.tour-montage-card .tour-tracking-pair { grid-template-columns: 1fr 1fr; }.tour-montage-card .tour-tracking-pair .tour-panel:first-child { display: none; }.tour-montage-card .tour-tracking-pair .tour-radar { max-height: 8rem; }.tour-montage-label { position: absolute; z-index: 6; right: .8rem; bottom: .3rem; color: #435b87; font-size: .48rem; font-weight: 800; }.tour-trail { position: absolute; z-index: 5; inset: 0 auto 0 0; width: var(--sweep-progress,0%); background: linear-gradient(90deg,transparent,rgba(58,110,226,.12)); pointer-events: none; }
.tour-fast-presentation { padding: clamp(.8rem,2.5vw,1.4rem); border-radius: .85rem; background: linear-gradient(140deg,#fff,#f0f6ff); text-align: center; }.tour-fast-presentation h6 { margin: .4rem 0 .8rem; color: #193a87; font: 800 clamp(1rem,2.2vw,1.4rem) Georgia,serif; }.tour-fast-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem; }.tour-fast-cards article { display: grid; min-height: 7.6rem; align-content: center; justify-items: center; gap: .32rem; padding: .5rem; border: 1px solid #dae5f4; border-radius: .7rem; background: #eaf3ff; color: #21428c; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }.tour-fast-cards article>b { color: #eea00c; font-size: 2.1rem; }.tour-fast-cards article>strong { font-size: .54rem; }.tour-fast-cards article>span { color: #657794; font-size: .43rem; }.tour-fast-cards article.is-active { transform: translateY(-.25rem) scale(1.06); background: #fff6d9; box-shadow: 0 0 0 2px #ffb719,0 0 28px rgba(255,177,25,.5); }.tour-fast-presentation>p { margin: .7rem 0 0; color: #3b5991; font-size: .55rem; font-weight: 700; }
.tour-choice-scene { max-width: 820px; margin: 1rem auto; padding: 1.2rem; text-align: center; }.tour-choice-scene h6 { margin: .6rem 0 1rem; color: #142650; font: 700 clamp(1.2rem,3vw,2rem) Georgia,serif; }.tour-choice-cards { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }.tour-choice-cards article { position: relative; display: grid; gap: .45rem; align-content: center; min-height: 8.2rem; padding: 1rem; border: 1px solid #d4deec; border-radius: .9rem; background: white; color: #243c70; box-shadow: 0 10px 24px rgba(18,42,85,.12); }.tour-choice-cards article.recommended { border: 2px solid #e8a20d; background: linear-gradient(145deg,#101a33,#1c3265); color: #fff; }.tour-choice-cards b { color: inherit; font-size: clamp(.72rem,1vw,.9rem); letter-spacing: .12em; }.tour-choice-cards strong { color: #24428b; font-size: clamp(1.2rem,2.3vw,1.8rem); }.tour-choice-cards .recommended strong { color: #ffd34a; }.tour-choice-cards strong small { font-size: .55em; }.tour-choice-cards span { color: #657794; font-size: clamp(.58rem,.9vw,.72rem); }.tour-choice-cards .recommended span { color: #d6e0f4; }.tour-choice-cards i { position: absolute; top: .45rem; right: .5rem; color: #f5bb36; font-size: .46rem; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.tour-welcome { display: grid; min-height: inherit; grid-template-columns: minmax(100px,.35fr) 1fr minmax(70px,.2fr); align-items: center; gap: 1rem; padding: clamp(.8rem,3vw,1.5rem); background: radial-gradient(circle at 75% 20%,#eaf2ff,#fff 64%); }.tour-doctor-photo { width: 100%; max-height: 14rem; border-radius: .75rem; object-fit: cover; object-position: 50% 30%; box-shadow: 0 12px 28px rgba(22,43,87,.2); }.tour-welcome h6 { margin: .35rem 0; color: #162952; font: 700 clamp(1rem,2.2vw,1.5rem) Georgia,serif; }.tour-welcome p { color: #61718a; font-size: .58rem; }.tour-welcome-logo { width: 100%; max-width: 90px; justify-self: end; object-fit: contain; transform: scale(.48); opacity: .55; transition: transform 4s cubic-bezier(.15,.7,.25,1),opacity 1s ease; }.tour-logo-finale .tour-welcome-logo { transform: scale(2.25); opacity: 1; }
@media (max-width: 760px) {
    .dashboard-tour-stage { min-height: 500px; }
    .tour-app-header { align-items: flex-start; }
    .tour-app-brand { flex-wrap: wrap; }
    .tour-profile-banner { grid-template-columns: 1fr; }
    .tour-profile-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .tour-dashboard-grid,.tour-whole-grid { grid-template-columns: 1fr; }
    .tour-scene-explainer { display: none; }
}
@media (max-width: 520px) { .tour-tracking-pair { grid-template-columns: 1fr; }.tour-lab-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }.tour-fast-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }.tour-fast-cards article { min-height: 5.6rem; }.tour-welcome { grid-template-columns: 82px 1fr; }.tour-welcome-logo { grid-column: 1 / -1; width: 68px; justify-self: center; }.tour-plan-card { min-height: 0; }.tour-montage { min-height: 21rem; }.tour-montage-card .tour-chart-row { grid-template-columns: 1fr; } }
@media (max-width: 520px) {
    .dashboard-tour-stage { min-height: 570px; }
    .tour-app-brand small { display: none; }
    .tour-profile-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .tour-choice-cards,.tour-guided-focus .tour-plan-card ul { grid-template-columns: 1fr; }
    .tour-roadmap-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .tour-chart-row { grid-template-columns: 90px 1fr; }
    .tour-labs { max-height: 8.6rem; }
    .tour-support-grid,.tour-tracking-grid,.tour-fast-layout { grid-template-columns: 1fr; }
    .tour-support-header { padding: .65rem; }
    .tour-demo-watermark { font-size: .34rem; }
}

/* Final responsive polish for the dashboard-tour preview. */
#dashboard-tour { scroll-margin-top: 6rem; }
#dashboard-tour-title { font-size: clamp(1.08rem,4.5vw,2.1rem); white-space: nowrap; }
.dashboard-tour-topline { flex-wrap: nowrap; }
.dashboard-tour-brand { flex: 1 1 auto; min-width: 0; overflow: hidden; font-size: clamp(.7rem,2.1vw,1rem); white-space: nowrap; }
.dashboard-tour-demo-tag { flex: 0 0 auto; font-size: clamp(.48rem,1.25vw,.65rem); white-space: nowrap; }
.dashboard-tour-nudge { position: fixed; z-index: 40; top: 33vh; right: clamp(.6rem,2vw,1.25rem); bottom: auto; display: grid; width: 4.7rem; height: 4.7rem; place-items: center; padding: .7rem; border: 2px solid #fff; border-radius: 50%; background: #dc3545; box-shadow: 0 5px 22px rgba(153,20,39,.4); color: #fff; font-size: .62rem; font-weight: 950; line-height: 1.15; text-align: center; text-decoration: none; opacity: 1; pointer-events: auto; transform: scale(1); animation: tour-demo-pulse 1.25s ease-in-out infinite; transition: opacity .2s ease,transform .2s ease; }
.dashboard-tour-nudge.is-visible { opacity: 1; pointer-events: auto; transform: scale(1); animation: tour-demo-pulse 1.25s ease-in-out infinite; }
@keyframes tour-demo-pulse { 0%,100% { box-shadow: 0 5px 22px rgba(153,20,39,.4),0 0 0 0 rgba(220,53,69,.42); } 50% { box-shadow: 0 7px 26px rgba(153,20,39,.52),0 0 0 9px rgba(220,53,69,0); } }
.tour-welcome { grid-template-columns: minmax(120px,.38fr) minmax(0,1fr); gap: .85rem 1.2rem; }
.tour-doctor-photo { max-height: 13rem; }
.tour-welcome-logo { grid-column: 1 / -1; justify-self: center; width: 118px; max-width: 118px; transform: scale(.45); opacity: .5; }
.tour-logo-finale .tour-welcome-logo { transform: scale(1); opacity: 1; }
.tour-brain-demo { width: 100%; max-width: 100%; min-height: 25rem; padding: clamp(1rem,2.4vw,1.8rem); }
.tour-brain-title>span { width: 3.6rem; height: 3.6rem; font-size: 2rem; }
.tour-brain-title small { font-size: clamp(.55rem,.9vw,.7rem); }
.tour-brain-title h6 { font-size: clamp(1.35rem,2.2vw,1.8rem); }
.tour-brain-title>b { font-size: .6rem; }
.tour-brain-content { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(.8rem,2.5vw,1.6rem); margin-top: 1rem; }
.tour-chat { gap: .7rem; margin-top: 0; }
.tour-chat p { max-width: 100%; padding: .75rem .9rem; font-size: clamp(.68rem,1vw,.82rem); }
.tour-chat-input { padding: .7rem .85rem; font-size: .64rem; }
.tour-brain-points { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.tour-brain-points li { display: grid; gap: .15rem; padding: .6rem .7rem; border: 1px solid rgba(226,220,255,.28); border-radius: .65rem; background: rgba(255,255,255,.08); }
.tour-brain-points b { color: #fff; font-size: clamp(.7rem,1.05vw,.88rem); }
.tour-brain-points span { color: #d4d9f1; font-size: clamp(.57rem,.85vw,.7rem); line-height: 1.35; }
.tour-demo-note { font-size: .54rem; }
.tour-finale-plans { display: none; }
.tour-radar { max-width: min(100%,560px); }
.tour-radar text { font-size:9px; }
.tour-fingerprint-full .tour-chart-row { grid-template-columns: minmax(150px,.55fr) minmax(0,1.45fr); align-items:center; }
.tour-fingerprint-full .tour-chart-row>div { min-width:0; }
.tour-fingerprint-full .tour-radar,.tour-whole-full .tour-radar { width:100%; max-width:600px; }
.tour-whole-full .tour-whole-chart { width:min(100%,600px); }
.dashboard-tour-stage[data-scene="1"] .tour-questionnaire { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dashboard-tour-stage[data-scene="1"] .tour-questionnaire>span { min-height:4.8rem; align-content:center; font-size:clamp(.8rem,1.35vw,1rem); }
.dashboard-tour-stage[data-scene="2"] .tour-lab-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dashboard-tour-stage[data-scene="2"] .tour-lab-fields>div { min-height:3.7rem; align-content:center; padding:.75rem; }
.dashboard-tour-stage[data-scene="2"] .tour-lab-fields small { font-size:.65rem; }
.dashboard-tour-stage[data-scene="2"] .tour-lab-fields b { font-size:1rem; }
.dashboard-tour-stage[data-scene="7"] { min-height:760px; }
.dashboard-tour-stage[data-scene="7"] .tour-app { min-height:100%; }
.dashboard-tour-stage[data-scene="7"] .tour-plan-card { min-height:0; padding:clamp(1.1rem,2.3vw,2rem); }
.dashboard-tour-stage[data-scene="7"] .tour-plan-card h6 { font-size:clamp(1.5rem,2.8vw,2.15rem); }
.dashboard-tour-stage[data-scene="7"] .tour-plan-price { font-size:clamp(2.6rem,4vw,3.6rem); }
.dashboard-tour-stage[data-scene="7"] .tour-plan-card>p,.dashboard-tour-stage[data-scene="7"] .tour-plan-card li { font-size:clamp(.82rem,1.3vw,1rem); line-height:1.45; }
.dashboard-tour-stage[data-scene="7"] .tour-elite li { grid-template-columns:1.2em minmax(0,1fr); column-gap:.5rem; overflow-wrap:anywhere; }
.dashboard-tour-stage[data-scene="7"] .tour-elite li::before { justify-self:center; }
.dashboard-tour-stage[data-scene="7"] .tour-elite li>span { grid-column:2; min-width:0; }
.tour-welcome { min-height:100%; }
.tour-welcome-logo { width:clamp(160px,24vw,270px); max-width:270px; transform:scale(.28); transform-origin:center; opacity:.45; }
.tour-logo-finale .tour-welcome-logo { transform:scale(1); opacity:1; }
@media (min-width: 761px) {
    .dashboard-tour-stage[data-scene="0"] .tour-profile-banner { grid-template-columns: 1fr; }
    .dashboard-tour-stage[data-scene="0"] .tour-profile-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); width: min(100%,820px); gap: .7rem; margin: .2rem auto 0; }
    .dashboard-tour-stage[data-scene="0"] .tour-profile-metrics div { min-height: 5.2rem; align-content: center; padding: .8rem; }
    .dashboard-tour-stage[data-scene="0"] .tour-profile-metrics small { font-size: .58rem; }
    .dashboard-tour-stage[data-scene="0"] .tour-profile-metrics b { font-size: 1.55rem; }
    .tour-whole-full .tour-whole-chart { width: min(100%,520px); }
    .tour-whole-full .tour-radar { width: min(100%,520px); max-height: none; }
    .tour-tracking-pair { grid-template-columns: 1fr; }
    .tour-tracking-pair .tour-line-chart { height: 8rem; }
    .tour-tracking-pair .tour-radar { max-height: 12rem; }
    .dashboard-tour-stage[data-scene="7"] .tour-plan-card { min-height: 25rem; padding: 1.25rem 1.5rem; }
    .dashboard-tour-stage[data-scene="7"] .tour-plan-card h6 { font-size: 1.8rem; }
    .dashboard-tour-stage[data-scene="7"] .tour-plan-price { font-size: 3rem; }
    .dashboard-tour-stage[data-scene="7"] .tour-plan-card>p { font-size: .75rem; }
    .dashboard-tour-stage[data-scene="7"] .tour-plan-card li { font-size: .7rem; }
    .dashboard-tour-stage[data-scene="7"] .tour-elite li { grid-template-columns:1.15em minmax(0,1fr); column-gap:.42rem; font-size:.66rem; line-height:1.35; }
}
@media (max-width: 760px) {
    .tour-welcome { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .tour-doctor-photo { width: min(42vw,155px); max-height: 9rem; }
    .tour-welcome-logo { grid-column: 1; width: 105px; max-width: 105px; justify-self: center; }
    .tour-brain-content { grid-template-columns: 1fr; }
    .tour-brain-points { grid-template-columns: 1fr 1fr; }
    .dashboard-tour-stage[data-scene="7"] .tour-elite li { grid-template-columns:1.15em minmax(0,1fr); column-gap:.42rem; min-width:0; font-size:.7rem; line-height:1.35; white-space:normal; overflow-wrap:break-word; }
}
@media (max-width: 520px) {
    .dashboard-tour-brand { font-size: .68rem; letter-spacing: 0; }
    .dashboard-tour-demo-tag { padding: .28rem .4rem; font-size: .44rem; letter-spacing: .08em; }
    .dashboard-tour-nudge { top: 33vh; right: .65rem; width: 4.1rem; height: 4.1rem; font-size: .55rem; }
    .tour-brain-demo { min-height: 0; }
    .tour-brain-points { grid-template-columns: 1fr; gap: .4rem; }
    .tour-brain-points li { padding: .5rem .6rem; }
    .tour-brain-points b { font-size: .7rem; }
    .tour-brain-points span { font-size: .58rem; }
    .tour-welcome-logo { width: 92px; max-width: 92px; }
    .dashboard-tour-footer-actions { width:100%; justify-content:space-between; }
    .dashboard-tour-stage[data-scene="1"] .tour-questionnaire>span { min-height:4rem; font-size:.72rem; }
    .tour-fingerprint-full .tour-chart-row { grid-template-columns:minmax(0,1fr); }
    .tour-fingerprint-full .tour-labs { max-height:none; }
    .tour-fingerprint-full .tour-radar,.tour-whole-full .tour-radar { max-width:420px; }
    .dashboard-tour-stage[data-scene="7"] { min-height:760px; }
    .dashboard-tour-stage[data-scene="7"] .tour-plan-card { padding:1rem; }
    .dashboard-tour-stage[data-scene="7"] .tour-elite li { grid-template-columns:1.1em minmax(0,1fr); column-gap:.38rem; font-size:.64rem; line-height:1.32; }
}
@media (prefers-reduced-motion: reduce) {
    .dashboard-tour-nudge.is-visible { animation: none; }
}

/* Reel export: isolate the real tour UI from the surrounding page. The tour
   lives inside #method, not as a direct child of body. */
html.dashboard-tour-reel-capture body>section#method { display:block!important; position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; min-height:100dvh!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#0b142b!important; }
html.dashboard-tour-reel-capture body>section#method>.max-w-7xl { display:block!important; width:100%!important; height:100%!important; max-width:none!important; margin:0!important; padding:0!important; }
html.dashboard-tour-reel-capture body>section#method>.max-w-7xl>*:not(#dashboard-tour) { display:none!important; }
html.dashboard-tour-reel-capture body>section#method>.max-w-7xl>#dashboard-tour { display:block!important; position:fixed!important; inset:0!important; width:100vw!important; height:100dvh!important; max-width:none!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#0b142b!important; }