.product-tour{--tour-blue:#91b8ff;--tour-line:rgba(159,183,225,.17);max-width:1280px;margin:0 auto;padding:24px 32px 96px;scroll-margin-top:100px;color:#edf3ff}
.product-tour *{box-sizing:border-box}.product-tour [hidden]{display:none!important}
.tour-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.tour-eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#91b8ff;margin:0 0 15px}.tour-heading h2{font-size:clamp(30px,3.2vw,46px);line-height:1.13;letter-spacing:-.04em;font-weight:600;margin:0 0 16px}.tour-heading h2 span{color:#91b8ff}.tour-heading p:last-child{color:#a8b6ce;font-size:15px;line-height:1.7;max-width:580px;margin:0}
.product-tour button,.tour-cta a{font:inherit;cursor:pointer}.tour-watch{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid #5f83c9;border-radius:12px;background:#152d51;color:#e8f0ff;font-size:13px!important;font-weight:600!important;transition:background .2s}.tour-watch:hover{background:#204475}.tour-watch small{color:#9fb7db;font-size:11px;font-weight:400}.tour-play-icon{font-size:11px}
.tour-shell{border:1px solid var(--tour-line);border-radius:22px;background:#0b1322;overflow:hidden;box-shadow:0 28px 100px #0003}.tour-layout{display:grid;grid-template-columns:255px minmax(0,1fr)}.tour-tabs{padding:18px 12px;border-right:1px solid var(--tour-line);background:linear-gradient(180deg,#111d31,#0c1422)}.tour-tabs-label{padding:0 12px;margin:5px 0 14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7f92b0}.tour-tab{display:flex;gap:12px;align-items:flex-start;width:100%;border:1px solid transparent;background:transparent;border-radius:10px;text-align:left;padding:13px 11px;color:#a5b2c8;font-size:12px!important;line-height:1.5;transition:background .2s,color .2s,border-color .2s}.tour-tab+.tour-tab{margin-top:4px}.tour-tab>span:first-child{font-size:10px;color:#647b9e;padding-top:3px;font-variant-numeric:tabular-nums}.tour-tab:hover{background:#1a2840;color:#eef4ff}.tour-tab[aria-selected=true]{color:#fff;background:#1b3154;border-color:#426298}.tour-tab[aria-selected=true]>span:first-child{color:#9bc1ff}.tour-tab.is-complete>span:first-child{color:#75d8be}
.tour-player{min-width:0;background:#0a1220}.tour-browser-bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-bottom:1px solid var(--tour-line);color:#7589a9;font-size:10px}.tour-browser-bar i{width:6px;height:6px;border-radius:50%;background:#344660}.tour-browser-bar span{margin-left:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tour-browser-bar b{margin-left:auto;font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#a5b5ce}
.tour-screen{position:relative;aspect-ratio:1.44;overflow:hidden;background:#edf0f7;isolation:isolate}.tour-camera{position:absolute;inset:0;transform-origin:0 0;transition:transform 600ms cubic-bezier(.22,.7,.25,1);will-change:transform}.tour-shot{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none}.tour-shot-base{transition:filter .6s}.tour-camera.is-focused .tour-shot-base{filter:blur(4px) brightness(.64)}.tour-shot-sharp{opacity:0;transition:opacity .5s}.tour-camera.is-focused .tour-shot-sharp{opacity:1}.tour-focus-ring{position:absolute;border:2px solid #9bc5ff;border-radius:7px;box-shadow:0 0 0 1px #1a59b84d,0 4px 28px #07183133;opacity:0;pointer-events:none;transition:opacity .5s}.tour-camera.is-focused .tour-focus-ring{opacity:1}
.tour-cursor{position:absolute;width:24px;height:30px;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 3px #0006);opacity:0;transform:translate(-4%,-4%)}.tour-cursor svg{width:100%;height:100%}.tour-ripple{position:absolute;width:46px;height:46px;border:3px solid #609bff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;opacity:0;background:#78adff30}
.tour-insight{position:absolute;z-index:6;width:min(390px,52%);padding:13px 15px;border:1px solid rgba(166,199,255,.5);border-radius:12px;background:rgba(8,18,34,.92);box-shadow:0 12px 34px rgba(0,0,0,.32);backdrop-filter:blur(12px);pointer-events:none;color:#f4f7ff;transition:opacity .3s,transform .45s}.tour-insight strong{display:block;margin-bottom:5px;color:#9fc2ff;font-size:10px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.tour-insight span{display:block;font-size:12px;line-height:1.48;color:#e5edfa}.tour-insight[data-placement="top"]{top:16px;left:50%;transform:translateX(-50%)}.tour-insight[data-placement="bottom"]{bottom:16px;left:50%;transform:translateX(-50%)}.tour-insight[data-placement="top-left"]{top:16px;left:18px}.tour-insight[data-placement="top-right"]{top:16px;right:18px}.tour-insight[data-placement="bottom-left"]{bottom:16px;left:18px}.tour-insight[data-placement="bottom-right"]{right:18px;bottom:16px}
.tour-question{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12%;background:linear-gradient(135deg,#0c172bf5,#111d34ec);transition:opacity .45s;z-index:5;pointer-events:none}.tour-question.is-dismissed{opacity:0}.tour-question small{color:#92b9ff;letter-spacing:.17em;font-size:10px;text-transform:uppercase;margin-bottom:22px}.tour-question p{font-size:clamp(20px,2.6vw,37px);line-height:1.25;font-weight:500;letter-spacing:-.025em;max-width:570px}.tour-question em{color:#91a7c9;font-size:11px;font-style:normal;margin-top:24px}.tour-error{position:absolute;bottom:16px;left:16px;right:16px;padding:14px;border:1px solid #b99d59;border-radius:8px;background:#171e2ff5;color:#ffdf9e;font-size:12px;z-index:6}.tour-error button{margin-left:12px;text-decoration:underline}
.tour-answer{padding:22px 25px;min-height:150px;border-top:1px solid var(--tour-line)}.tour-step-label{font-size:10px;color:#89aeea;text-transform:uppercase;letter-spacing:.12em;margin:0 0 9px}.tour-answer h3{font-size:18px;line-height:1.35;font-weight:500;letter-spacing:-.02em;margin:0 0 9px}.tour-answer p:not(.tour-step-label){font-size:13px;line-height:1.65;color:#aebbd0;margin:0;max-width:760px}.tour-static-answers{padding:24px}.tour-static-answers article+article{margin-top:20px}.tour-static-answers h3{font-size:18px;margin-bottom:6px}.tour-static-answers p{color:#aebbd0;font-size:14px;line-height:1.6}
.tour-controls{position:relative;z-index:8;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--tour-line);background:#0e192b}.tour-controls button{display:inline-flex;align-items:center;justify-content:center;height:33px;min-width:33px;border:1px solid #314460;border-radius:7px;color:#ccdaee;background:#142238;font-size:12px;padding:0 10px}.tour-controls button:hover{background:#243c60;color:#fff}.tour-controls button:disabled{opacity:.35;cursor:default}.tour-controls .tour-toggle{background:#d7e6ff;color:#102344;border-color:#d7e6ff;min-width:75px}.tour-controls .tour-toggle:hover{background:#fff;color:#102344}.tour-progress{flex:1;min-width:50px;height:3px;background:#2b3d58;border-radius:5px;overflow:hidden;margin:0 5px}.tour-progress span{display:block;width:0;height:100%;background:#91b8ff}.tour-counter{color:#879ebf;font-size:10px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}.tour-cta{padding:22px 27px;border-top:1px solid var(--tour-line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(100deg,#14213a,#0c1525)}.tour-cta p{font-size:14px;font-weight:500;margin:0}.tour-cta small{display:block;color:#8ea1bd;font-size:11px;font-weight:400;margin-top:5px}.tour-cta div{display:flex;gap:10px;flex-shrink:0}.tour-cta a{padding:10px 15px;border-radius:8px;font-size:12px;border:1px solid #354c70;color:#c7d8f3}.tour-cta a:first-child{background:#c1d7ff;color:#12203b;border-color:#c1d7ff;font-weight:600}.tour-footnote{margin:14px 3px 0;font-size:10px;line-height:1.6;color:#71849f}.product-tour :focus-visible{outline:2px solid #a4c8ff;outline-offset:4px}.tour-hero-link{display:inline-flex;margin-top:20px;color:#b1ccff;font-size:13px;gap:8px;align-items:center}
.tour-shell:fullscreen{width:100%;height:100%;overflow:auto;border:0;border-radius:0;padding:14px max(14px,calc((100vw - 1500px)/2));background:#08111f}.tour-shell:fullscreen .tour-screen{max-height:calc(100vh - 265px);aspect-ratio:1.44;width:auto;margin:auto}.tour-shell:fullscreen .tour-layout{grid-template-columns:245px minmax(0,1fr)}.tour-shell:fullscreen .tour-controls{top:0}.tour-shell:fullscreen .tour-player{display:flex;flex-direction:column}.tour-shell:fullscreen .tour-screen{width:min(100%,calc((100vh - 265px)*1.44));flex-shrink:0}.tour-shell:fullscreen .tour-answer{min-height:112px}.tour-shell:fullscreen .tour-cta{padding:14px 24px}
.tour-is-paused .tour-camera,.tour-is-paused .tour-shot,.tour-is-paused .tour-question{transition:none}
.tour-enhanced .tour-static-copy{display:none}.product-tour:not(.tour-enhanced) .tour-layout{display:block}
@media(min-width:1100px){.tour-answer{min-height:138px}}
@media(max-width:1050px){.product-tour{padding:20px 22px 72px}.tour-layout{grid-template-columns:215px minmax(0,1fr)}.tour-tab{font-size:11px!important;padding:11px 8px}.tour-heading{gap:20px}.tour-watch small{display:none}.tour-answer{padding:18px;min-height:166px}.tour-answer h3{font-size:16px}.tour-controls{padding:12px}.tour-controls button{padding:0 8px}}
@media(max-width:900px){.product-tour{padding:16px 16px 60px}.tour-heading{display:block;margin-bottom:22px}.tour-heading h2{font-size:32px}.tour-heading p:last-child{font-size:13px}.tour-watch{margin-top:22px}.tour-layout,.tour-shell:fullscreen .tour-layout{display:block}.tour-tabs{display:flex;overflow-x:auto;gap:7px;padding:12px;border-right:0;border-bottom:1px solid var(--tour-line);scroll-snap-type:x proximity}.tour-tabs-label{display:none}.tour-tab{width:190px;min-width:190px;scroll-snap-align:start;padding:10px!important;font-size:11px!important}.tour-tab+.tour-tab{margin:0}.tour-screen{aspect-ratio:1.2}.tour-camera{height:100%;width:120%;left:-10%}.tour-question{padding:10%}.tour-question p{font-size:25px}.tour-insight{width:min(360px,calc(100% - 28px));padding:10px 12px}.tour-insight strong{font-size:9px}.tour-insight span{font-size:11px}.tour-insight[data-placement]{left:14px;right:auto;transform:none}.tour-insight[data-placement^="top"]{top:12px;bottom:auto}.tour-insight[data-placement^="bottom"]{top:auto;bottom:12px}.tour-browser-bar{height:34px;padding:0 12px}.tour-browser-bar b{font-size:8px}.tour-answer{min-height:180px;padding:18px}.tour-answer h3{font-size:17px}.tour-answer p:not(.tour-step-label){font-size:12px}.tour-controls{gap:6px}.tour-progress{order:2;flex-basis:100%;margin:4px 0 0}.tour-counter{margin-left:auto}.tour-controls button{height:34px;padding:0 8px}.tour-controls .tour-replay{font-size:0;min-width:34px}.tour-controls .tour-replay::before{content:'↻';font-size:17px}.tour-controls .tour-expand{font-size:0;min-width:34px}.tour-controls .tour-expand::before{content:'⛶';font-size:18px}.tour-cta{padding:20px;display:block}.tour-cta div{margin-top:15px}.tour-counter{min-width:33px}.tour-shell:fullscreen .tour-screen{width:100%;max-height:none;aspect-ratio:1.2}.tour-shell:fullscreen .tour-answer{min-height:160px}}
@media(prefers-reduced-motion:reduce){.product-tour *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.tour-camera{will-change:auto}}

/* The camera and sharp mask share source coordinates; the backdrop fills the
   exposed edges when an edge-aligned card is brought into the safe area. */
.tour-screen{background-size:0 0}
.tour-screen::before{content:"";position:absolute;inset:-6px;background-image:inherit;background-size:100% 100%;filter:blur(4px) brightness(.64);pointer-events:none}
.tour-insight[data-placement]{top:3%;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:min(500px,90%)}

/* Real expanded sidebar, captured at the same 1440 × 1000 desktop viewport. */
.tour-menu-shot{clip-path:inset(0 79.861111% 0 0);pointer-events:none}
/* Keep the clear crop and its border together during the row → metric zoom. */
.tour-shot-sharp{transition:opacity .5s,clip-path 600ms cubic-bezier(.22,.7,.25,1)}
.tour-focus-ring{transition:opacity .5s,left 600ms cubic-bezier(.22,.7,.25,1),top 600ms cubic-bezier(.22,.7,.25,1),width 600ms cubic-bezier(.22,.7,.25,1),height 600ms cubic-bezier(.22,.7,.25,1)}
.tour-is-paused .tour-focus-ring{transition:none}