/* VOLENG V23 — original, dependency-free marketing experience layer.
   Applies ONLY to pages which explicitly include this CSS. No operational app changes. */
.vu23-finder,.vu23-walk-section{--vu23-ink:#132c42;--vu23-muted:#647b8f;--vu23-line:#dfe8ee;--vu23-blue:#356af0;--vu23-purple:#8259d7;--vu23-green:#039c8c;color:var(--vu23-ink);isolation:isolate}
.vu23-finder *, .vu23-walk-section *{box-sizing:border-box}
.vu23-head{display:grid;grid-template-columns:1.15fr .55fr;align-items:end;gap:48px;margin:0 0 37px}
.vu23-head h2{color:#132c42;max-width:800px;font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.058em;margin:12px 0 0;font-weight:840}
.vu23-head h2 em{font-style:normal;color:#3c6cef}
.vu23-head>p{margin:0 0 4px;font-size:15px;line-height:1.85;color:#697d90}
.vu23-kicker{display:flex;align-items:center;gap:10px;margin:0;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:800;color:#4873d4}
.vu23-kicker>span{width:21px;height:2px;background:#4e70e7;display:inline-block}
.vu23-finder{padding:110px 0 120px;background:linear-gradient(180deg,#f5f8fe 0%,#fbfcff 100%);border-top:1px solid #e4ebf2;border-bottom:1px solid #e2eaf4}
.vu23-layout{display:grid;grid-template-columns:minmax(280px,.84fr) minmax(450px,1.16fr);gap:23px;align-items:stretch}
.vu23-chooser,.vu23-match{background:#fff;border:1px solid #e2eaf3;border-radius:26px;box-shadow:0 16px 55px rgba(16,45,85,.055)}
.vu23-chooser{padding:24px}
.vu23-chooser-label{margin:3px 0 17px;font-weight:800;font-size:14px;color:#1d3348}
.vu23-need-list{display:grid;gap:8px}
.vu23-need{font:inherit;width:100%;border:1px solid #e2e9f1;border-radius:13px;background:#fff;display:flex;align-items:center;gap:14px;padding:15px 14px;cursor:pointer;text-align:left;color:#243c53;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.vu23-need:hover{transform:translateX(3px);border-color:#9bb7e9;box-shadow:0 4px 14px #3457ac0b}
.vu23-need[aria-pressed="true"]{border-color:#79a0ee;background:#edf4ff;box-shadow:inset 3px 0 #376eef}
.vu23-need:focus-visible,.vu23-step:focus-visible{outline:3px solid #3b77ed;outline-offset:3px}
.vu23-need-num{display:grid;place-items:center;width:31px;height:31px;min-width:31px;border-radius:10px;background:#f1f5fa;color:#7791a7;font-size:11px;font-weight:900}
.vu23-need[aria-pressed="true"] .vu23-need-num{background:#356aef;color:white}
.vu23-need-text{flex:1;font-size:14px;font-weight:750;line-height:1.35}
.vu23-need-arrow{font-weight:800;font-size:18px;color:#95a6ba}
.vu23-need[aria-pressed="true"] .vu23-need-arrow{color:#376fee}
.vu23-match{min-height:630px;padding:30px 35px 34px;display:flex;flex-direction:column;--vu23-accent:var(--vu23-blue);background:radial-gradient(circle at 96% 0%,#e8efff 0%,transparent 42%),#fff}
.vu23-match--agenda{--vu23-accent:var(--vu23-purple);background:radial-gradient(circle at 96% 0%,#f0e6ff 0%,transparent 42%),#fff}
.vu23-match--flow{--vu23-accent:var(--vu23-green);background:radial-gradient(circle at 96% 0%,#e2f9f4 0%,transparent 42%),#fff}
.vu23-match[hidden],.vu23-stage[hidden]{display:none!important}
.vu23-match-top{display:flex;align-items:center;gap:10px;color:#698098;font-weight:850;font-size:10px;letter-spacing:.115em}
.vu23-live-dot{width:8px;height:8px;border-radius:50%;background:var(--vu23-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--vu23-accent) 12%,transparent)}
.vu23-match-top b{font-size:11px;margin-left:auto;color:var(--vu23-accent);letter-spacing:0}
.vu23-match h3{margin:18px 0 8px;color:#132c42;font-size:clamp(25px,2.4vw,34px);line-height:1.2;letter-spacing:-.04em;font-weight:850}
.vu23-match-intro{color:#697f95;font-size:14px;line-height:1.65;margin:0 0 25px;max-width:490px}
.vu23-screen{border:1px solid #dfe7f0;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 15px 40px #1d3b6914;transform:translateZ(0)}
.vu23-screen-head{padding:15px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf1f5}
.vu23-screen-mark,.vu23-stage-mark{width:35px;height:35px;background:#182e4c;color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;border-radius:10px}
.vu23-screen-head>div{display:grid;gap:3px}.vu23-screen-head b{font-size:13px;color:#263c54}.vu23-screen-head small{font-size:10px;color:#8092a1}
.vu23-screen-more{color:#95a4b4;margin-left:auto;letter-spacing:4px}
.vu23-screen-label{padding:17px 18px 10px!important;margin:0!important;color:#40546c!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.11em;font-weight:850!important}
.vu23-row{padding:13px 16px;display:flex;align-items:center;gap:13px;margin:0 14px 8px;border:1px solid #e6edf3;border-radius:10px;font-size:12px}
.vu23-row>span{color:var(--vu23-accent);font-weight:850;font-variant-numeric:tabular-nums;min-width:60px}.vu23-row strong{color:#2d465b;flex:1;font-weight:750}.vu23-row i{width:7px;height:7px;border-radius:50%;background:var(--vu23-accent)}
.vu23-row:last-child{margin-bottom:16px}
.vu23-disclaimer{font-size:10px!important;color:#8c9eb1!important;margin:13px 0 17px!important}
.vu23-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}
.vu23-action-primary,.vu23-action-secondary,.vu23-action-ghost{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:11px;padding:13px 18px;min-height:45px;text-decoration:none!important;font-size:13px;font-weight:780;transition:transform .16s,box-shadow .16s}
.vu23-action-primary{color:#fff!important;background:#295de2;box-shadow:0 9px 24px #2059dc38}
.vu23-action-primary:hover{color:#fff!important;background:#174dc9;transform:translateY(-2px)}
.vu23-action-secondary{color:#233b5c!important;border:1px solid #dbe4ef;background:#fff}
.vu23-action-secondary:hover{border-color:#7e9ddc;background:#f7faff}
.vu23-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.vx-hero .vu23-action-primary{background:#d9eaff;color:#15395a!important;box-shadow:none}
.vx-hero .vu23-action-primary:hover{background:#fff}
.vu23-action-ghost{border:1px solid rgba(255,255,255,.45);color:#f5faff!important;background:rgba(255,255,255,.065)}
.vu23-action-ghost:hover{background:rgba(255,255,255,.15)}
/* Product workflow walkthrough: selectable real-life process explanations, not an imitation backend. */
.vu23-walk-section{padding:100px 0 110px!important;background:#f4f8fc}
.vu23-walk-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr);align-items:stretch;gap:22px}
.vu23-steps{display:grid;align-content:start;gap:12px}
.vu23-step{font:inherit;background:#fff;color:#24384d;cursor:pointer;display:grid;grid-template-columns:39px minmax(0,1fr) 20px;text-align:left;align-items:start;gap:15px;width:100%;border:1px solid #e1e9f1;border-radius:18px;padding:23px 19px;min-height:120px;transition:border-color .15s,transform .15s,box-shadow .15s}
.vu23-step:hover{border-color:#a0b7e5;transform:translateX(2px)}.vu23-step[aria-pressed="true"]{border-color:#6c90eb;box-shadow:0 12px 34px #183e7720;background:#fff}
.vu23-step-no{display:grid;place-items:center;width:37px;height:37px;background:#ecf1f7;color:#7290b0;border-radius:12px;font-size:12px;font-weight:850}
.vu23-step[aria-pressed="true"] .vu23-step-no{background:#316ded;color:#fff}
.vu23-step strong{display:block;margin:2px 0 6px;font-size:16px;letter-spacing:-.01em;color:#21364d}
.vu23-step small{display:block;font-size:12px;font-weight:460;color:#7a8b9f;line-height:1.7}
.vu23-step>span:last-child{color:#a0adc1;font-size:17px}
.vu23-stage-panel{--vu23-accent:#356af0;border-radius:24px;background:#152c46;padding:25px;color:#fff;min-height:392px;display:flex;flex-direction:column;box-shadow:0 20px 60px #1c375630;position:relative;overflow:hidden}
.vu23-product--agenda .vu23-stage-panel{--vu23-accent:#b498ef}
.vu23-product--flow .vu23-stage-panel{--vu23-accent:#64dbc7}
.vu23-stage-panel:before{content:'';position:absolute;top:-160px;right:-170px;width:430px;height:430px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#5b88db35 0%,transparent 70%)}
.vu23-stage-top{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:810;position:relative;z-index:1}
.vu23-stage-mark{background:#fff;color:#152c46;width:36px;height:36px}
.vu23-stage-dots{margin-left:auto;letter-spacing:5px;font-size:8px;color:#80a1be}
.vu23-stage{margin:auto 0;position:relative;z-index:1;padding:24px 7px 18px}
.vu23-stage-step{font-size:10px;color:#91b1ca;font-weight:860;letter-spacing:.16em}
.vu23-stage h3{font-size:clamp(27px,3vw,42px);letter-spacing:-.04em;color:#fff!important;margin:13px 0 10px;font-weight:850;line-height:1.17}
.vu23-stage p{color:#b9cadd;max-width:500px;line-height:1.75;font-size:14px;margin:0 0 25px}
.vu23-data{display:grid;gap:7px;padding:18px 20px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.vu23-data small{font-size:10px;letter-spacing:.1em;color:var(--vu23-accent);font-weight:850}
.vu23-data strong{color:#eef6ff;font-size:15px;letter-spacing:.02em;line-height:1.5}
.vu23-stage-bottom{border-top:1px solid #45637c66;padding-top:19px;display:flex;gap:10px;align-items:center;justify-content:space-between;position:relative;z-index:1}
.vu23-stage-bottom small{color:#86a5bc;font-size:10px;line-height:1.6}
.vu23-stage-bottom a{font-weight:780;font-size:12px;color:#fff!important;text-decoration:none;white-space:nowrap}.vu23-stage-bottom a:hover{text-decoration:underline}
@media(max-width:1000px){.vu23-head{grid-template-columns:1fr;gap:10px}.vu23-head>p{max-width:670px}.vu23-layout,.vu23-walk-layout{grid-template-columns:1fr}.vu23-match{min-height:unset}.vu23-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.vu23-step{display:block;min-height:195px;padding:20px}.vu23-step strong{margin:12px 0 7px}.vu23-step>span:last-child{display:none}}
@media(max-width:680px){.vu23-finder{padding:69px 0 72px}.vu23-walk-section{padding:70px 0!important}.vu23-head{margin-bottom:25px}.vu23-head h2{font-size:clamp(30px,9vw,42px)}.vu23-chooser{padding:15px}.vu23-match{padding:25px 19px;border-radius:19px}.vu23-need{padding:13px 11px}.vu23-layout,.vu23-walk-layout{gap:13px}.vu23-steps{grid-template-columns:1fr;gap:10px}.vu23-step{display:grid;grid-template-columns:33px minmax(0,1fr) 12px;min-height:0;padding:14px;gap:11px}.vu23-step>span:last-child{display:block}.vu23-step strong{margin:0 0 4px;font-size:14px}.vu23-step small{font-size:11px}.vu23-step-no{width:32px;height:32px}.vu23-stage-panel{min-height:450px;padding:20px}.vu23-stage-bottom{flex-direction:column;align-items:flex-start}.vu23-actions>a{flex:1}.vu23-hero-actions{gap:10px}.vu23-hero-actions>a{width:100%}}
@media(prefers-reduced-motion:reduce){.vu23-need,.vu23-step,.vu23-action-primary,.vu23-action-secondary{transition:none!important;transform:none!important}}
/* The legacy skip-to-content link must be invisible until keyboard focus. */
body > a.skip:not(:focus):not(:focus-visible){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body > a.skip:focus,body > a.skip:focus-visible{position:fixed!important;top:12px!important;left:12px!important;z-index:10000!important;padding:12px 16px!important;background:#fff!important;color:#14354e!important;border:2px solid #356af0!important;border-radius:9px!important;width:auto!important;height:auto!important;clip-path:none!important}