/* Tokene Visual V1 bridge — scoped to the three connected service pages. */
.tk-flow-bridge{margin:17px 0 21px;font-family:inherit}
.tk-flow-bridge *{box-sizing:border-box}
.tk-flow-bridge__label{display:block;margin:0 0 9px;font-size:10px;line-height:1.5;font-weight:780;letter-spacing:.10em;color:#9bb8cf;text-transform:uppercase}
.tk-flow-bridge__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none!important;padding:0!important;margin:0!important}
.tk-flow-bridge__steps li{min-width:0;margin:0!important;padding:0!important}
.tk-flow-bridge__step{display:flex;align-items:center;gap:10px;min-height:75px;padding:12px 14px;border:1px solid #293948;border-radius:12px;background:#0d1219;color:#e8f3ff!important;text-decoration:none!important;transition:border-color .18s ease,background-color .18s ease}
.tk-flow-bridge__step[href]:hover,.tk-flow-bridge__step[href]:focus-visible{border-color:#64b5f5;background:#14202c;color:white!important}
.tk-flow-bridge__step[href]:focus-visible{outline:2px solid #84c5ff;outline-offset:3px}
.tk-flow-bridge__step.is-current{border-color:#4c93cc;background:linear-gradient(120deg,#0d1d2c,#101923)}
.tk-flow-bridge__badge{display:grid;place-items:center;flex:0 0 27px;height:27px;width:27px;border-radius:7px;border:1px solid #375d7a;background:#152c3d;color:#9fdaff;font-weight:850;font-size:11px}
.tk-flow-bridge__text{display:block;min-width:0}
.tk-flow-bridge__text strong{display:block;font-size:13px;line-height:1.3;color:#eff8ff;font-weight:800}
.tk-flow-bridge__text small{display:block;margin-top:3px;color:#b4c8d9;font-size:11px;line-height:1.35}
@media(max-width:575px){
  .tk-flow-bridge__steps{gap:6px}
  .tk-flow-bridge__step{min-height:80px;padding:9px 8px;gap:6px;align-items:flex-start;flex-direction:column}
  .tk-flow-bridge__badge{flex:0 0 23px;width:23px;height:23px;font-size:10px}
  .tk-flow-bridge__text strong{font-size:12px}
  .tk-flow-bridge__text small{font-size:11px}
  /* Make the existing consent notice readable and actionable without covering the workflow. */
  body .cc-window.cc-floating.cc-bottom.cc-right{bottom:8px!important;right:8px!important;left:auto!important;width:min(380px,calc(100vw - 16px))!important;min-width:0!important;max-width:none!important;padding:9px 11px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;border:1px solid #33465a!important;border-radius:12px!important;box-shadow:0 10px 32px rgba(0,0,0,.55)!important}
  body .cc-window.cc-floating.cc-bottom.cc-right .cc-message{display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;font-size:11px!important;line-height:1.38!important}
  body .cc-window.cc-floating.cc-bottom.cc-right .cc-link{display:inline!important;font-size:inherit!important;padding:0!important;text-decoration:underline!important;text-underline-offset:2px}
  body .cc-window.cc-floating.cc-bottom.cc-right .cc-compliance{display:flex!important;flex:0 0 auto!important;align-items:center!important;min-width:0!important;margin:0!important}
  body .cc-window.cc-floating.cc-bottom.cc-right .cc-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:69px!important;min-height:44px!important;margin:0!important;padding:6px 9px!important;font-weight:750!important;font-size:11px!important;border-radius:8px!important}
}
@media(max-width:360px){
  .tkv1 .tkv1-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .tkv1 .tkv1-steps a{flex-direction:column;align-items:flex-start;padding:8px 7px;gap:4px;min-height:90px}
  .tkv1 .tkv1-step-number{flex-basis:21px;width:22px;height:21px;font-size:9px}
  .tkv1 .tkv1-step-text strong{font-size:12px}
  .tkv1 .tkv1-step-text small{display:block;font-size:11px;line-height:1.3;margin-top:2px}
}
@media(prefers-reduced-motion:reduce){.tk-flow-bridge__step{transition:none!important}}