/* Bosigo Omega v11.5 — revenue conversion layer + brighter bridge light.
   Additive only: preserves the approved page architecture and makes the mixed journey field luminous and readable. */

/* Brighter bridge tone requested in the 2026-08-08 review. */
.journey-detail[data-tone="bridge"]{
  background:
    radial-gradient(circle at 24% 18%,rgba(255,255,255,1) 0 20%,rgba(255,254,247,.98) 43%,rgba(255,249,221,.92) 73%,rgba(255,255,255,1) 100%),
    #fff;
  box-shadow:
    0 34px 94px rgba(88,70,18,.10),
    0 0 58px rgba(255,225,103,.14),
    inset 0 0 0 1px rgba(255,255,255,.96);
}
.journey-detail[data-tone="bridge"]::before{
  width:27%;
  background:
    radial-gradient(circle at 42% 25%,rgba(112,229,242,.18),transparent 27%),
    radial-gradient(circle at 76% 66%,rgba(155,130,255,.17),transparent 31%),
    linear-gradient(155deg,#17283f 0,#0a111b 56%,#05070b 100%);
  filter:drop-shadow(-18px 0 30px rgba(255,255,255,.42));
}
.journey-detail[data-tone="bridge"]::after{
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 68%);
  box-shadow:
    0 0 0 2rem rgba(112,229,242,.035),
    0 0 0 4.6rem rgba(155,130,255,.025),
    0 0 4rem rgba(255,255,255,.16);
}
.journey-detail[data-tone="bridge"] .journey-evidence{
  background:rgba(255,255,255,.90);
  box-shadow:0 12px 38px rgba(52,42,10,.06);
}

/* Commercial next-step system. It deliberately sells the next safe decision, not the largest engagement. */
.revenue-step{
  --revenue-ink:#171914;
  --revenue-muted:#67685f;
  --revenue-line:rgba(23,25,20,.14);
  --revenue-surface:#fffdf7;
  --revenue-accent:#f5c400;
  position:relative;
  overflow:hidden;
  padding:clamp(4.5rem,8vw,8rem) 0;
  background:linear-gradient(145deg,#fff 0,#fbf7e9 100%);
  color:var(--revenue-ink);
}
.revenue-step::before{
  content:"";position:absolute;right:-8rem;top:-10rem;width:30rem;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(245,196,0,.14),transparent 68%);pointer-events:none;
}
.revenue-step--future{
  --revenue-ink:#f5f8fb;
  --revenue-muted:#aab4c2;
  --revenue-line:rgba(112,229,242,.18);
  --revenue-surface:rgba(13,23,36,.78);
  --revenue-accent:#70e5f2;
  background:
    radial-gradient(circle at 80% 16%,rgba(112,229,242,.11),transparent 30%),
    radial-gradient(circle at 18% 82%,rgba(155,130,255,.09),transparent 32%),
    linear-gradient(145deg,#0d1724,#070b11 72%);
}
.revenue-step--future::before{background:radial-gradient(circle,rgba(112,229,242,.13),transparent 70%)}
.revenue-step__inner{position:relative;z-index:1;width:min(1280px,calc(100% - 2rem));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(19rem,.65fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.revenue-step__eyebrow{margin:0 0 .9rem;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:850;color:var(--revenue-muted)}
.revenue-step h2{margin:0;font-size:clamp(2.5rem,5vw,5.35rem);line-height:.94;letter-spacing:-.06em;max-width:12ch;color:var(--revenue-ink)}
.revenue-step__copy>p:last-child{margin:1.35rem 0 0;max-width:44rem;color:var(--revenue-muted);font-size:1.04rem;line-height:1.7}
.revenue-step__offer{padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--revenue-line);border-radius:1.45rem;background:var(--revenue-surface);box-shadow:0 22px 65px rgba(0,0,0,.08);backdrop-filter:blur(15px)}
.revenue-step__offer-label{display:block;margin-bottom:.65rem;text-transform:uppercase;letter-spacing:.13em;font-size:.63rem;font-weight:850;color:var(--revenue-muted)}
.revenue-step__offer strong{display:block;color:var(--revenue-ink);font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1}
.revenue-step__offer p{margin:.85rem 0 1.35rem;color:var(--revenue-muted);line-height:1.6}
.revenue-step__actions{display:flex;gap:.75rem;flex-wrap:wrap}
.revenue-step__primary,.revenue-step__secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.15rem;border-radius:999px;text-decoration:none;font-weight:850;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.revenue-step__primary{background:var(--revenue-accent);color:#10120f;box-shadow:0 12px 34px rgba(245,196,0,.15)}
.revenue-step--future .revenue-step__primary{box-shadow:0 12px 38px rgba(112,229,242,.12)}
.revenue-step__secondary{border:1px solid var(--revenue-line);color:var(--revenue-ink);background:transparent}
.revenue-step__primary:hover,.revenue-step__secondary:hover{transform:translateY(-2px)}
.revenue-step__primary:focus-visible,.revenue-step__secondary:focus-visible{outline:3px solid var(--revenue-accent);outline-offset:3px}

/* Client-journey commercial pathways. */
.revenue-paths{padding:clamp(4rem,7vw,7rem) 0;background:#11150f;color:#fff}
.revenue-paths__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);gap:3rem;align-items:end;margin-bottom:2.5rem}
.revenue-paths__head h2{font-size:clamp(2.7rem,5vw,5.4rem);line-height:.94;letter-spacing:-.06em;margin:.7rem 0 0;max-width:12ch}
.revenue-paths__head>p{color:#b8bcb2;line-height:1.7;margin:0}
.revenue-paths__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.revenue-path{padding:1.5rem;border:1px solid rgba(255,255,255,.13);border-radius:1.35rem;background:rgba(255,255,255,.04);display:flex;flex-direction:column;min-height:23rem}
.revenue-path__index{font-family:ui-monospace,monospace;font-size:.7rem;opacity:.52}
.revenue-path h3{font-size:clamp(1.75rem,2.5vw,2.55rem);line-height:1;margin:2rem 0 .8rem;letter-spacing:-.045em}
.revenue-path p{color:#b8bcb2;line-height:1.6;margin:0 0 1.4rem}
.revenue-path ol{padding:0;margin:0 0 1.5rem;list-style:none;display:grid;gap:.55rem;color:#e9ece5}
.revenue-path li{padding:.65rem 0;border-top:1px solid rgba(255,255,255,.09)}
.revenue-path a{margin-top:auto;color:#10120f;background:#f5c400;border-radius:999px;min-height:48px;padding:.85rem 1rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:850;align-self:flex-start}

@media(max-width:900px){
  .revenue-step__inner,.revenue-paths__head{grid-template-columns:1fr}
  .revenue-paths__grid{grid-template-columns:1fr}
  .revenue-path{min-height:0}
  .journey-detail[data-tone="bridge"]::before{width:20%}
}
@media(max-width:820px){
  .journey-detail[data-tone="bridge"]{background:#fff}
  .journey-detail[data-tone="bridge"]::before{width:100%;height:.46rem;filter:none;background:linear-gradient(90deg,#ffd600,#78eef5,#a58dff)}
  .revenue-step{padding:4rem 0}
}
@media(prefers-reduced-motion:reduce){.revenue-step__primary,.revenue-step__secondary{transition:none}}