/* Stageback public system v3 — based on 2026 brand guidelines */
.stageback-home-v3,
.stageback-providers-v3 {
  --sb-black: #11131a;
  --sb-blue: #595cff;
  --sb-coral: #ff6257;
  --sb-yellow: #ffd43b;
  --sb-mint: #45d6a3;
  --sb-cloud: #f5f6f8;
  --sb-white: #ffffff;
  --sb-line: rgba(17,19,26,.12);
  --sb-muted: #666b75;
  --sb-ease: cubic-bezier(.22,1,.36,1);
  background: var(--sb-white);
  color: var(--sb-black);
  min-height: 100vh;
  overflow: clip;
}

.stageback-home-v3 *,
.stageback-providers-v3 * { box-sizing: border-box; }

.stageback-home-v3 h1,
.stageback-home-v3 h2,
.stageback-home-v3 h3,
.stageback-providers-v3 h1,
.stageback-providers-v3 h2,
.stageback-providers-v3 h3 {
  letter-spacing: -.055em;
  text-wrap: balance;
}

.stageback-home-v3 p,
.stageback-providers-v3 p { text-wrap: pretty; }

.stageback-home-v3 .topbar,
.stageback-providers-v3 .topbar {
  width: 100%;
  min-height: 78px;
  padding: 0 clamp(22px, 4.5vw, 74px);
  background: rgba(255,255,255,.9);
  border-bottom: 1px solid rgba(17,19,26,.08);
  backdrop-filter: blur(20px);
}

.stageback-home-v3 .topbar nav a,
.stageback-providers-v3 .topbar nav a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  border-radius: 12px;
}

.stageback-home-v3 .topbar nav a[aria-current="page"],
.stageback-providers-v3 .topbar nav a[aria-current="page"] {
  background: var(--sb-cloud);
}

.stageback-home-v3 .brand-mark i,
.stageback-providers-v3 .brand-mark i { background: var(--sb-black); }

.stageback-home-v3 .signup-link,
.stageback-providers-v3 .signup-link {
  min-height: 48px;
  padding: 0 18px;
  border-radius: 16px;
  background: var(--sb-black);
  color: #fff;
}

.stageback-home-v3 .login-link,
.stageback-providers-v3 .login-link {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
}

.sb3-bars { display: inline-flex; align-items: end; gap: 4px; height: 34px; }
.sb3-bars i { display: block; width: 8px; border-radius: 99px; background: #fff; transform: rotate(7deg); transform-origin: bottom; }
.sb3-bars i:nth-child(1) { height: 20px; animation: sb3Bar 2.8s var(--sb-ease) infinite; }
.sb3-bars i:nth-child(2) { height: 33px; animation: sb3Bar 2.8s .12s var(--sb-ease) infinite; }
.sb3-bars i:nth-child(3) { height: 25px; animation: sb3Bar 2.8s .24s var(--sb-ease) infinite; }
.sb3-bars.dark i { background: var(--sb-black); }
@keyframes sb3Bar { 0%,65%,100%{transform:translateY(0) rotate(7deg)} 76%{transform:translateY(-5px) rotate(7deg)} }

.sb3-hero {
  min-height: 100svh;
  background: var(--sb-white);
  position: relative;
  border-bottom: 1px solid var(--sb-line);
}

.sb3-hero-grid {
  width: min(1540px, 100%);
  margin: 0 auto;
  padding: clamp(46px, 6vw, 90px) clamp(22px, 5vw, 78px) clamp(40px, 5vw, 74px);
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(440px, .96fr);
  gap: clamp(42px, 6vw, 104px);
  align-items: center;
}

.sb3-hero-copy > small,
.sb3-story-head > small,
.sb3-section-title small,
.sb3-manifesto small,
.sb3-final > small,
.sb3-provider-hero-copy > small,
.sb3-provider-section-title > small {
  font-size: 11px;
  letter-spacing: .13em;
  font-weight: 800;
}

.sb3-hero-copy h1 {
  max-width: 900px;
  margin: 18px 0 24px;
  font-size: clamp(60px, 6.8vw, 108px);
  line-height: .9;
  font-weight: 900;
}

.sb3-hero-copy h1 em { font-style: normal; color: var(--sb-blue); }
.sb3-hero-copy > p { max-width: 760px; margin: 0 0 30px; color: var(--sb-muted); font-size: clamp(17px, 1.5vw, 21px); line-height: 1.5; }

.sb3-journey-quick { display: grid; gap: 8px; max-width: 760px; }
.sb3-journey-quick > a {
  min-height: 60px;
  display: grid;
  grid-template-columns: 44px minmax(120px, .8fr) minmax(150px, 1fr) 48px;
  align-items: center;
  gap: 12px;
  padding: 8px 10px 8px 16px;
  border-radius: 18px;
  color: var(--sb-black);
  border: 1px solid rgba(17,19,26,.12);
  transition: transform 180ms var(--sb-ease), box-shadow 180ms var(--sb-ease), filter 180ms var(--sb-ease);
}
.sb3-journey-quick > a:hover,
.sb3-journey-quick > a:focus-visible { transform: translateX(5px); box-shadow: 0 10px 30px rgba(17,19,26,.1); }
.sb3-journey-quick > a > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.72); font-size: 10px; font-weight: 900; }
.sb3-journey-quick > a strong { font-size: 17px; }
.sb3-journey-quick > a small { font-size: 12px; opacity: .72; font-weight: 700; }
.sb3-journey-quick > a svg { justify-self: end; width: 20px; }
.sb3-journey-quick .tone-blue { background: var(--sb-blue); color: #fff; }
.sb3-journey-quick .tone-coral { background: var(--sb-coral); }
.sb3-journey-quick .tone-yellow { background: var(--sb-yellow); }
.sb3-journey-quick .tone-mint { background: var(--sb-mint); }

.sb3-hero-visual { position: relative; min-height: 620px; display: grid; place-items: center; }
.sb3-ambient { position: absolute; border-radius: 40px; pointer-events: none; animation: sb3Float 12s var(--sb-ease) infinite alternate; }
.sb3-ambient-one { width: 210px; height: 210px; background: var(--sb-yellow); top: 4%; right: -5%; transform: rotate(13deg); opacity: .7; }
.sb3-ambient-two { width: 150px; height: 260px; background: var(--sb-blue); left: -5%; bottom: 3%; transform: rotate(-10deg); opacity: .62; animation-delay: -4s; }
@keyframes sb3Float { to { transform: translate3d(8px,-14px,0) rotate(17deg); } }

.sb3-hero-preview {
  width: min(610px, 100%);
  min-height: 500px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid rgba(17,19,26,.12);
  border-radius: 34px;
  background: var(--sb-cloud);
  box-shadow: 0 38px 100px rgba(17,19,26,.16);
  transition: background 350ms var(--sb-ease), transform 350ms var(--sb-ease);
}
.sb3-hero-preview:hover { transform: translateY(-3px); }
.sb3-preview-top { min-height: 58px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #fff; border-bottom: 1px solid var(--sb-line); }
.sb3-preview-top span { display: flex; align-items: center; gap: 8px; font-size: 9px; letter-spacing: .1em; font-weight: 900; }
.sb3-preview-top span i { width: 7px; height: 7px; border-radius: 50%; background: var(--sb-mint); }
.sb3-preview-top b { font-size: 14px; }
.sb3-preview-scene { min-height: 442px; padding: clamp(22px, 4vw, 36px); animation: sb3Reveal 520ms var(--sb-ease); }
@keyframes sb3Reveal { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }

.sb3-preview-copy small,
.sb3-mini-provider small,
.sb3-lead-head small,
.sb3-travel-cards small,
.sb3-route small { font-size: 9px; font-weight: 900; letter-spacing: .09em; color: var(--sb-muted); }
.sb3-preview-copy h3 { margin: 10px 0 24px; font-size: clamp(31px, 3vw, 48px); line-height: .98; }
.sb3-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sb3-choice-grid span { min-height: 68px; display: grid; place-items: center start; padding: 0 16px; border: 1px solid var(--sb-line); border-radius: 16px; background: #fff; font-size: 14px; font-weight: 800; }
.sb3-choice-grid .selected { background: var(--sb-blue); color: #fff; border-color: var(--sb-blue); }
.sb3-info-row { margin-top: 18px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.sb3-info-row span { min-height: 48px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border-radius: 14px; background: #fff; font-size: 11px; font-weight: 700; }
.sb3-info-row svg { width: 15px; }
.sb3-progress { margin-top: 18px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 10px; }
.sb3-progress > i { height: 7px; border-radius: 99px; background: linear-gradient(90deg,var(--sb-blue) 33%, rgba(17,19,26,.08) 33%); }
.sb3-progress b,.sb3-progress span { font-size: 10px; }

.sb3-searchline { min-height: 58px; display: grid; grid-template-columns: 24px 1fr auto; gap: 10px; align-items: center; padding: 0 14px; border-radius: 16px; background: #fff; border: 1px solid var(--sb-line); }
.sb3-searchline svg { width: 18px; }
.sb3-searchline span { font-size: 13px; font-weight: 800; }
.sb3-searchline b { padding: 7px 9px; border-radius: 999px; background: var(--sb-coral); font-size: 10px; }
.sb3-mini-provider { margin-top: 16px; display: grid; grid-template-columns: 42% 58%; min-height: 260px; overflow: hidden; border-radius: 22px; background: #fff; border: 1px solid var(--sb-line); }
.sb3-mini-provider > div { background-size: cover; background-position: center; }
.sb3-mini-provider section { padding: 22px; display: flex; flex-direction: column; }
.sb3-mini-provider h3 { font-size: clamp(26px,3vw,38px); margin: 8px 0 7px; }
.sb3-mini-provider p { margin: 0; color: var(--sb-muted); font-size: 12px; }
.sb3-mini-provider footer { margin-top: auto; display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.sb3-mini-provider footer span { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 800; }
.sb3-mini-provider footer svg { width: 14px; fill: var(--sb-yellow); }
.sb3-mini-provider footer strong { font-size: 13px; }
.sb3-match-trace { margin-top: 18px; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.sb3-match-trace i { flex: 1; min-width: 22px; height: 2px; background: rgba(17,19,26,.16); }
.sb3-match-trace span { font-size: 9px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }

.sb3-route { display: grid; grid-template-columns: 1fr 72px 1fr; gap: 16px; align-items: center; }
.sb3-route > span { display: grid; gap: 5px; padding: 18px; border-radius: 18px; background: #fff; }
.sb3-route strong { font-size: 24px; }
.sb3-route > svg { width: 34px; height: 34px; justify-self: center; }
.sb3-travel-cards { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sb3-travel-cards article { min-height: 170px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; border-radius: 18px; border: 1px solid rgba(17,19,26,.1); background: #fff; }
.sb3-travel-cards article:first-child { background: var(--sb-yellow); }
.sb3-travel-cards strong { margin: 7px 0 10px; font-size: 22px; }
.sb3-travel-cards span { display: flex; gap: 7px; align-items: center; font-size: 11px; }
.sb3-travel-cards svg { width: 15px; }
.sb3-travel-total { margin-top: 12px; min-height: 58px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: var(--sb-black); color: #fff; border-radius: 16px; }
.sb3-travel-total span { font-size: 11px; opacity: .7; }

.sb3-lead-head { display: grid; grid-template-columns: 74px 1fr; gap: 16px; align-items: center; }
.sb3-person { width: 74px; height: 74px; background-size: cover; background-position: center; border-radius: 20px; }
.sb3-lead-head h3 { margin: 5px 0 4px; font-size: 30px; }
.sb3-lead-head p { margin: 0; color: var(--sb-muted); font-size: 12px; }
.sb3-preview-lead ul { list-style: none; padding: 0; margin: 26px 0; display: grid; gap: 10px; }
.sb3-preview-lead li { min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-radius: 14px; background: #fff; font-size: 13px; font-weight: 750; }
.sb3-preview-lead li svg { width: 18px; color: #0a9866; }
.sb3-preview-lead li > span { width: 16px; height: 16px; border: 2px solid rgba(17,19,26,.24); border-radius: 50%; }
.sb3-message { min-height: 68px; display: flex; align-items: center; gap: 12px; padding: 0 16px; border-radius: 18px; background: var(--sb-mint); font-size: 13px; font-weight: 800; }
.sb3-message svg { width: 20px; }

.sb3-active-caption { position: absolute; z-index: 3; right: 0; bottom: 24px; min-width: 180px; display: grid; grid-template-columns: 34px 1fr; gap: 1px 10px; align-items: center; padding: 14px; border-radius: 16px; border: 1px solid rgba(17,19,26,.1); box-shadow: 0 18px 60px rgba(17,19,26,.16); }
.sb3-active-caption > span { grid-row: 1 / span 2; width: 34px; height: 34px; display: grid; place-items: center; background: rgba(255,255,255,.7); border-radius: 9px; font-size: 9px; font-weight: 900; }
.sb3-active-caption b { font-size: 13px; }
.sb3-active-caption small { font-size: 9px; }
.sb3-active-caption.tone-blue { background: var(--sb-blue); color: #fff; }
.sb3-active-caption.tone-coral { background: var(--sb-coral); }
.sb3-active-caption.tone-yellow { background: var(--sb-yellow); }
.sb3-active-caption.tone-mint { background: var(--sb-mint); }

.sb3-hero-foot { width: min(1540px,100%); margin: 0 auto; min-height: 66px; padding: 0 clamp(22px,5vw,78px); display: flex; align-items: center; gap: 30px; border-top: 1px solid var(--sb-line); color: var(--sb-muted); }
.sb3-hero-foot span { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 750; }
.sb3-hero-foot svg { width: 16px; }

.sb3-manifesto { padding: clamp(90px, 11vw, 170px) clamp(22px, 6vw, 96px); background: var(--sb-black); color: #fff; }
.sb3-manifesto > div { display: flex; align-items: center; gap: 18px; }
.sb3-manifesto h2 { max-width: 1250px; margin: 30px 0 30px; font-size: clamp(52px, 7vw, 104px); line-height: .92; }
.sb3-manifesto h2 em { font-style: normal; color: var(--sb-yellow); }
.sb3-manifesto > p { max-width: 880px; margin: 0; font-size: clamp(18px, 1.8vw, 25px); line-height: 1.5; color: rgba(255,255,255,.68); }

.sb3-story { padding: clamp(80px, 10vw, 150px) clamp(22px, 5vw, 78px); background: var(--sb-cloud); }
.sb3-story-head { max-width: 1120px; margin-bottom: 54px; }
.sb3-story-head h2 { margin: 16px 0 0; font-size: clamp(48px, 5.7vw, 84px); line-height: .95; }
.sb3-story-grid { width: min(1480px,100%); margin: 0 auto; display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 24px; align-items: start; }
.sb3-story-grid > nav { position: sticky; top: 100px; display: grid; gap: 7px; }
.sb3-story-grid > nav button { min-height: 76px; width: 100%; display: grid; grid-template-columns: 38px 1fr 24px; align-items: center; gap: 12px; padding: 0 14px; border: 1px solid var(--sb-line); border-radius: 18px; background: #fff; text-align: left; cursor: pointer; transition: transform 180ms var(--sb-ease), background 180ms var(--sb-ease); }
.sb3-story-grid > nav button:hover { transform: translateX(3px); }
.sb3-story-grid > nav button > span { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--sb-cloud); font-size: 9px; font-weight: 900; }
.sb3-story-grid > nav button div { display: grid; gap: 3px; }
.sb3-story-grid > nav button strong { font-size: 15px; }
.sb3-story-grid > nav button small { font-size: 10px; color: var(--sb-muted); }
.sb3-story-grid > nav button svg { width: 18px; }
.sb3-story-grid > nav .active.tone-blue { background: var(--sb-blue); color: #fff; }
.sb3-story-grid > nav .active.tone-coral { background: var(--sb-coral); }
.sb3-story-grid > nav .active.tone-yellow { background: var(--sb-yellow); }
.sb3-story-grid > nav .active.tone-mint { background: var(--sb-mint); }
.sb3-story-grid > nav .active small { color: inherit; opacity: .7; }
.sb3-story-panel { min-height: 700px; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 30px; padding: clamp(24px,4vw,54px); background: #fff; border: 1px solid var(--sb-line); border-radius: 34px; }
.sb3-story-copy > small { font-size: 10px; font-weight: 900; letter-spacing: .1em; }
.sb3-story-copy h3 { margin: 14px 0 18px; font-size: clamp(36px,4.5vw,62px); line-height: .96; }
.sb3-story-copy p { color: var(--sb-muted); font-size: 16px; line-height: 1.55; }
.sb3-story-copy a { margin-top: 24px; min-height: 50px; display: inline-flex; align-items: center; gap: 12px; padding: 0 16px; border-radius: 15px; background: var(--sb-black); color: #fff; font-size: 13px; font-weight: 850; }
.sb3-story-copy a svg { width: 18px; }
.sb3-story-panel .sb3-hero-preview { min-height: 510px; box-shadow: none; }

.sb3-provider-section { padding: clamp(80px, 10vw, 150px) clamp(22px, 5vw, 78px); }
.sb3-section-title { width: min(1480px,100%); margin: 0 auto 42px; display: flex; align-items: end; justify-content: space-between; gap: 28px; }
.sb3-section-title h2 { margin: 14px 0 0; font-size: clamp(48px, 6vw, 88px); line-height: .92; }
.sb3-section-title > a { min-height: 50px; display: inline-flex; align-items: center; gap: 10px; padding: 0 16px; border-radius: 15px; background: var(--sb-black); color: #fff; font-size: 12px; font-weight: 800; white-space: nowrap; }
.sb3-section-title svg { width: 17px; }
.sb3-provider-grid { width: min(1480px,100%); margin: 0 auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.sb3-provider-card { min-width: 0; overflow: hidden; border: 1px solid var(--sb-line); border-radius: 24px; background: #fff; transition: transform 220ms var(--sb-ease), box-shadow 220ms var(--sb-ease); }
.sb3-provider-card:hover { transform: translateY(-5px); box-shadow: 0 24px 70px rgba(17,19,26,.14); }
.sb3-provider-cover { height: 230px; position: relative; padding: 14px; overflow: hidden; }
.sb3-provider-cover > .sb3-provider-image { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 450ms var(--sb-ease); }
.sb3-provider-card:hover .sb3-provider-cover > .sb3-provider-image { transform: scale(1.035); }
.sb3-provider-cover:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(17,19,26,.04),rgba(17,19,26,.28)); pointer-events:none; }
.sb3-provider-cover > span { position: relative; z-index: 2; display: inline-flex; min-height: 32px; align-items: center; padding: 0 10px; border-radius: 999px; background: #fff; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.sb3-provider-cover .sb3-bars { position: absolute; z-index: 2; right: 16px; bottom: 16px; }
.sb3-provider-card section { padding: 20px; }
.sb3-provider-card section > small { font-size: 10px; letter-spacing: .08em; font-weight: 900; color: var(--sb-muted); }
.sb3-provider-card h3 { margin: 8px 0 7px; font-size: clamp(28px,3vw,40px); line-height: .98; }
.sb3-provider-card p { min-height: 38px; margin: 0; color: var(--sb-muted); font-size: 12px; line-height: 1.45; }
.sb3-provider-card footer { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--sb-line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sb3-provider-card footer strong { font-size: 14px; }
.sb3-provider-card footer span { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 800; }
.sb3-provider-card footer svg { width: 16px; }
.sb3-provider-card.tone-blue { border-top: 7px solid var(--sb-blue); }
.sb3-provider-card.tone-yellow { border-top: 7px solid var(--sb-yellow); }
.sb3-provider-card.tone-mint { border-top: 7px solid var(--sb-mint); }

.sb3-before-after { display: grid; grid-template-columns: 1.15fr .85fr; }
.sb3-before { padding: clamp(70px,9vw,130px) clamp(22px,5vw,78px); background: var(--sb-cloud); display: grid; grid-template-columns: repeat(4,1fr); align-content: center; gap: 12px; }
.sb3-before > small { grid-column: 1/-1; margin-bottom: 14px; font-size: 10px; letter-spacing: .1em; font-weight: 900; }
.sb3-before > div { min-height: 150px; padding: 18px; display: flex; flex-direction: column; justify-content: end; border-radius: 18px; background: #fff; border: 1px solid var(--sb-line); }
.sb3-before span { font-size: clamp(44px,5vw,78px); line-height: .9; font-weight: 900; letter-spacing: -.06em; }
.sb3-before b { margin-top: 9px; font-size: 11px; }
.sb3-after { padding: clamp(70px,9vw,130px) clamp(22px,5vw,78px); background: var(--sb-blue); color: #fff; display: flex; flex-direction: column; justify-content: center; }
.sb3-after > small { margin: 30px 0 16px; font-size: 10px; letter-spacing: .1em; font-weight: 900; }
.sb3-after > strong { font-size: clamp(110px,14vw,220px); line-height: .72; letter-spacing: -.08em; }
.sb3-after h2 { margin: 8px 0 18px; font-size: clamp(52px,6vw,90px); line-height: .9; }
.sb3-after p { max-width: 460px; margin: 0; color: rgba(255,255,255,.74); font-size: 16px; line-height: 1.5; }

.sb3-final { min-height: 620px; padding: clamp(90px,11vw,170px) clamp(22px,6vw,96px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: var(--sb-yellow); position: relative; }
.sb3-final h2 { max-width: 1200px; margin: 18px 0 34px; font-size: clamp(58px,7vw,108px); line-height: .9; }
.sb3-final > div { display: flex; gap: 10px; flex-wrap: wrap; }
.sb3-final a { min-height: 52px; display: inline-flex; align-items: center; gap: 10px; padding: 0 17px; border: 1px solid var(--sb-black); border-radius: 16px; font-size: 12px; font-weight: 850; }
.sb3-final a.primary { background: var(--sb-black); color: #fff; }
.sb3-final a svg { width: 17px; }
.sb3-final > .sb3-bars { position: absolute; right: clamp(24px,7vw,110px); bottom: clamp(28px,7vw,100px); transform: scale(2.3); }

/* Providers landing */
.stageback-providers-v3 { background: var(--sb-cloud); }
.sb3-provider-hero { background: var(--sb-black); color: #fff; }
.stageback-providers-v3 .sb3-provider-hero .topbar { background: rgba(17,19,26,.9); border-color: rgba(255,255,255,.1); color: #fff; }
.stageback-providers-v3 .sb3-provider-hero .brand-mark i { background: #fff; }
.stageback-providers-v3 .sb3-provider-hero .signup-link { background: #fff; color: var(--sb-black); }
.stageback-providers-v3 .sb3-provider-hero .topbar nav a[aria-current="page"] { background: rgba(255,255,255,.1); }

.sb3-provider-hero-grid { width:min(1540px,100%); margin:0 auto; padding:clamp(55px,7vw,105px) clamp(22px,5vw,78px) clamp(70px,8vw,120px); display:grid; grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr); gap:clamp(44px,7vw,110px); align-items:center; }
.sb3-provider-hero-copy h1 { margin:16px 0 24px; font-size:clamp(62px,7vw,112px); line-height:.88; }
.sb3-provider-hero-copy h1 em { font-style:normal; color:var(--sb-coral); }
.sb3-provider-hero-copy > p { max-width:700px; color:rgba(255,255,255,.67); font-size:clamp(17px,1.5vw,21px); line-height:1.52; }
.sb3-provider-search { margin-top:30px; padding:10px; display:grid; grid-template-columns:1.15fr .75fr .62fr auto; gap:8px; border-radius:22px; background:#fff; color:var(--sb-black); }
.sb3-provider-search label { min-width:0; min-height:54px; display:flex; align-items:center; gap:8px; padding:0 12px; border-radius:14px; background:var(--sb-cloud); }
.sb3-provider-search label svg { width:18px; }
.sb3-provider-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; font-size:12px; font-weight:750; }
.sb3-provider-search button { min-height:54px; padding:0 17px; display:inline-flex; align-items:center; gap:8px; border-radius:14px; background:var(--sb-coral); color:var(--sb-black); font-size:12px; font-weight:900; cursor:pointer; }
.sb3-provider-search button svg { width:17px; }
.sb3-provider-quickcats { margin-top:12px; display:flex; gap:7px; flex-wrap:wrap; }
.sb3-provider-quickcats a { min-height:38px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid rgba(255,255,255,.2); border-radius:999px; font-size:10px; font-weight:800; color:rgba(255,255,255,.8); transition:background 160ms var(--sb-ease); }
.sb3-provider-quickcats a:hover { background:rgba(255,255,255,.1); }

.sb3-provider-hero-visual { position:relative; min-height:600px; }
.sb3-provider-photo-large { position:absolute; inset:0 10% 7% 4%; overflow:hidden; border-radius:34px; background-size:cover; background-position:center; }
.sb3-provider-photo-large:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,rgba(17,19,26,.64)); }
.sb3-provider-photo-copy { position:absolute; z-index:2; left:24px; right:24px; bottom:24px; display:flex; align-items:end; justify-content:space-between; gap:18px; }
.sb3-provider-photo-copy small { font-size:10px; font-weight:900; letter-spacing:.08em; }
.sb3-provider-photo-copy h3 { margin:6px 0 3px; font-size:clamp(32px,4vw,52px); }
.sb3-provider-photo-copy p { margin:0; color:rgba(255,255,255,.74); font-size:12px; }
.sb3-provider-photo-copy > span { min-width:92px; min-height:92px; display:grid; place-items:center; align-content:center; border-radius:24px; background:var(--sb-yellow); color:var(--sb-black); font-weight:900; }
.sb3-provider-photo-copy > span b { font-size:24px; }
.sb3-provider-photo-copy > span small { font-size:8px; }
.sb3-provider-float { position:absolute; z-index:3; width:220px; padding:16px; border-radius:20px; background:#fff; color:var(--sb-black); box-shadow:0 24px 70px rgba(0,0,0,.3); }
.sb3-provider-float strong { display:block; margin-top:7px; font-size:19px; }
.sb3-provider-float small { font-size:9px; letter-spacing:.08em; font-weight:900; color:var(--sb-muted); }
.sb3-provider-float.one { right:0; top:9%; animation:sb3ProviderFloat 9s var(--sb-ease) infinite alternate; }
.sb3-provider-float.two { left:0; bottom:0; animation:sb3ProviderFloat 11s -3s var(--sb-ease) infinite alternate-reverse; }
@keyframes sb3ProviderFloat { to { transform:translateY(-10px) rotate(1deg); } }

.sb3-provider-market { width:min(1540px,100%); margin:0 auto; padding:clamp(75px,9vw,135px) clamp(22px,5vw,78px); }
.sb3-provider-section-title { display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:end; margin-bottom:36px; }
.sb3-provider-section-title h2 { margin:14px 0 0; font-size:clamp(48px,6vw,88px); line-height:.92; }
.sb3-provider-section-title p { max-width:560px; justify-self:end; margin:0; color:var(--sb-muted); font-size:16px; line-height:1.55; }
.sb3-provider-filterbar { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.sb3-provider-filterbar a { min-height:42px; display:inline-flex; align-items:center; padding:0 12px; border-radius:13px; background:#fff; border:1px solid var(--sb-line); font-size:10px; font-weight:850; }
.sb3-provider-filterbar a.active { background:var(--sb-black); color:#fff; }
.sb3-provider-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sb3-provider-result { overflow:hidden; border-radius:24px; border:1px solid var(--sb-line); background:#fff; }
.sb3-provider-result > a { display:block; }
.sb3-provider-result-cover { height:250px; position:relative; overflow:hidden; background-size:cover; background-position:center; }
.sb3-provider-result-cover:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(17,19,26,.03),rgba(17,19,26,.3)); }
.sb3-provider-result-cover span { position:absolute; z-index:2; left:14px; top:14px; min-height:32px; display:inline-flex; align-items:center; padding:0 10px; border-radius:999px; background:#fff; font-size:9px; font-weight:900; }
.sb3-provider-result-cover b { position:absolute; z-index:2; right:14px; top:14px; min-width:62px; min-height:62px; display:grid; place-items:center; border-radius:18px; background:var(--sb-yellow); color:var(--sb-black); font-size:16px; }
.sb3-provider-result-body { padding:20px; }
.sb3-provider-result-body small { font-size:9px; font-weight:900; letter-spacing:.08em; color:var(--sb-muted); }
.sb3-provider-result-body h3 { margin:7px 0 7px; font-size:30px; line-height:.98; }
.sb3-provider-result-body p { margin:0; min-height:38px; color:var(--sb-muted); font-size:12px; line-height:1.45; }
.sb3-provider-result-meta { margin-top:15px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sb3-provider-result-meta strong { font-size:14px; }
.sb3-provider-result-meta span { display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:800; }
.sb3-provider-result-meta svg { width:15px; }
.sb3-provider-result-services { margin-top:13px; display:flex; gap:6px; flex-wrap:wrap; }
.sb3-provider-result-services span { padding:6px 8px; border-radius:999px; background:var(--sb-cloud); font-size:9px; font-weight:750; }
.sb3-provider-result-cta { min-height:50px; margin:17px -20px -20px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--sb-line); font-size:11px; font-weight:850; }
.sb3-provider-result-cta svg { width:16px; }
.sb3-provider-result:hover .sb3-provider-result-cta { background:var(--sb-black); color:#fff; }

.sb3-provider-empty { min-height:260px; grid-column:1/-1; display:grid; place-items:center; align-content:center; gap:10px; text-align:center; border:1px dashed rgba(17,19,26,.26); border-radius:24px; background:#fff; padding:30px; }
.sb3-provider-empty strong { font-size:28px; }
.sb3-provider-empty p { max-width:520px; margin:0; color:var(--sb-muted); }
.sb3-provider-empty a { min-height:48px; margin-top:8px; display:inline-flex; align-items:center; gap:8px; padding:0 15px; border-radius:14px; background:var(--sb-black); color:#fff; font-size:11px; font-weight:850; }

.sb3-provider-how { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--sb-line); border-bottom:1px solid var(--sb-line); background:#fff; }
.sb3-provider-how article { min-height:240px; padding:30px; border-right:1px solid var(--sb-line); display:flex; flex-direction:column; justify-content:space-between; }
.sb3-provider-how article:last-child { border-right:0; }
.sb3-provider-how span { font-size:10px; font-weight:900; }
.sb3-provider-how h3 { margin:auto 0 10px; font-size:30px; }
.sb3-provider-how p { margin:0; color:var(--sb-muted); font-size:12px; line-height:1.5; }
.sb3-provider-how article:nth-child(1) { box-shadow:inset 0 7px var(--sb-blue); }
.sb3-provider-how article:nth-child(2) { box-shadow:inset 0 7px var(--sb-coral); }
.sb3-provider-how article:nth-child(3) { box-shadow:inset 0 7px var(--sb-yellow); }
.sb3-provider-how article:nth-child(4) { box-shadow:inset 0 7px var(--sb-mint); }

.sb3-provider-join { padding:clamp(90px,11vw,160px) clamp(22px,6vw,96px); background:var(--sb-blue); color:#fff; display:grid; grid-template-columns:1fr .85fr; gap:50px; align-items:end; }
.sb3-provider-join h2 { margin:14px 0 22px; font-size:clamp(54px,6vw,94px); line-height:.9; }
.sb3-provider-join p { max-width:700px; color:rgba(255,255,255,.72); font-size:16px; line-height:1.55; }
.sb3-provider-join a { min-height:52px; margin-top:18px; display:inline-flex; align-items:center; gap:10px; padding:0 16px; border-radius:15px; background:#fff; color:var(--sb-black); font-size:12px; font-weight:900; }
.sb3-provider-join > div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sb3-provider-join article { min-height:150px; padding:18px; display:flex; flex-direction:column; justify-content:flex-end; border-radius:18px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); }
.sb3-provider-join article strong { font-size:17px; }
.sb3-provider-join article span { margin-top:5px; color:rgba(255,255,255,.7); font-size:11px; }

/* Tablet */
@media (max-width: 1100px) {
  .sb3-hero-grid { grid-template-columns: 1fr; }
  .sb3-hero-copy { max-width: 930px; }
  .sb3-hero-visual { min-height: 590px; }
  .sb3-story-grid { grid-template-columns: 260px minmax(0,1fr); }
  .sb3-story-panel { grid-template-columns: 1fr; }
  .sb3-story-panel .sb3-hero-preview { width:100%; }
  .sb3-provider-grid,.sb3-provider-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sb3-before { grid-template-columns: 1fr 1fr; }
  .sb3-provider-hero-grid { grid-template-columns:1fr; }
  .sb3-provider-hero-visual { min-height:560px; }
  .sb3-provider-join { grid-template-columns:1fr; }
}

/* Mobile */
@media (max-width: 760px) {
  .stageback-home-v3 .topbar,
  .stageback-providers-v3 .topbar { min-height:72px; }

  .sb3-hero-grid,
  .sb3-provider-hero-grid { padding-left:20px; padding-right:20px; }
  .sb3-hero-grid { padding-top:38px; gap:28px; }
  .sb3-hero-copy h1 { font-size:clamp(48px,15vw,76px); line-height:.9; margin-top:14px; }
  .sb3-hero-copy > p { font-size:16px; }
  .sb3-journey-quick > a { grid-template-columns:34px 1fr 42px; min-height:62px; padding-left:12px; }
  .sb3-journey-quick > a small { grid-column:2; margin-top:-11px; }
  .sb3-journey-quick > a svg { grid-column:3; grid-row:1/span 2; }
  .sb3-journey-quick > a > span { width:30px; height:30px; grid-row:1/span 2; }
  .sb3-hero-visual { min-height:auto; padding-bottom:32px; }
  .sb3-ambient { display:none; }
  .sb3-hero-preview { min-height:440px; border-radius:24px; }
  .sb3-preview-scene { min-height:382px; padding:20px; }
  .sb3-active-caption { display:none; }
  .sb3-preview-copy h3 { font-size:34px; }
  .sb3-info-row { grid-template-columns:1fr; }
  .sb3-info-row span { min-height:42px; }
  .sb3-mini-provider { grid-template-columns:1fr; }
  .sb3-mini-provider > div { min-height:145px; }
  .sb3-mini-provider section { min-height:170px; padding:16px; }
  .sb3-route { grid-template-columns:1fr 42px 1fr; gap:8px; }
  .sb3-route > span { padding:13px; }
  .sb3-route strong { font-size:19px; }
  .sb3-route > svg { width:26px; }
  .sb3-travel-cards { grid-template-columns:1fr; }
  .sb3-travel-cards article { min-height:128px; }
  .sb3-hero-foot { padding:16px 20px; min-height:0; display:grid; grid-template-columns:1fr; gap:8px; }

  .sb3-manifesto,.sb3-story,.sb3-provider-section,.sb3-final { padding-left:20px; padding-right:20px; }
  .sb3-manifesto h2 { font-size:clamp(46px,13vw,74px); }
  .sb3-manifesto > div { align-items:flex-start; }
  .sb3-story { padding-top:74px; padding-bottom:74px; }
  .sb3-story-head { margin-bottom:28px; }
  .sb3-story-head h2 { font-size:44px; }
  .sb3-story-grid { display:block; }
  .sb3-story-grid > nav { position:static; display:flex; overflow-x:auto; gap:7px; padding-bottom:10px; scroll-snap-type:x mandatory; }
  .sb3-story-grid > nav button { min-width:210px; min-height:68px; scroll-snap-align:start; }
  .sb3-story-panel { min-height:0; padding:20px; border-radius:24px; }
  .sb3-story-copy h3 { font-size:38px; }
  .sb3-story-panel .sb3-hero-preview { min-height:440px; }
  .sb3-section-title { display:grid; }
  .sb3-section-title h2 { font-size:46px; }
  .sb3-section-title > a { width:max-content; max-width:100%; }
  .sb3-provider-grid { grid-template-columns:1fr; }
  .sb3-provider-card p { min-height:0; }
  .sb3-before-after { grid-template-columns:1fr; }
  .sb3-before { padding:70px 20px; grid-template-columns:1fr 1fr; }
  .sb3-before > div { min-height:120px; }
  .sb3-after { padding:78px 20px; }
  .sb3-final { min-height:580px; }
  .sb3-final h2 { font-size:clamp(50px,14vw,76px); }
  .sb3-final > div { display:grid; width:100%; }
  .sb3-final a { width:100%; justify-content:space-between; }
  .sb3-final > .sb3-bars { transform:scale(1.7); right:36px; bottom:42px; }

  .sb3-provider-hero-grid { padding-top:44px; padding-bottom:70px; }
  .sb3-provider-hero-copy h1 { font-size:clamp(52px,15vw,80px); }
  .sb3-provider-search { grid-template-columns:1fr; padding:8px; border-radius:18px; }
  .sb3-provider-search label,.sb3-provider-search button { min-height:52px; }
  .sb3-provider-search button { justify-content:center; }
  .sb3-provider-hero-visual { min-height:490px; }
  .sb3-provider-photo-large { inset:0 0 6% 0; }
  .sb3-provider-float { width:190px; }
  .sb3-provider-float.one { right:-6px; }
  .sb3-provider-float.two { left:-5px; }
  .sb3-provider-market { padding:72px 20px; }
  .sb3-provider-section-title { grid-template-columns:1fr; gap:15px; }
  .sb3-provider-section-title h2 { font-size:46px; }
  .sb3-provider-section-title p { justify-self:start; }
  .sb3-provider-results { grid-template-columns:1fr; }
  .sb3-provider-how { grid-template-columns:1fr; }
  .sb3-provider-how article { min-height:190px; border-right:0; border-bottom:1px solid var(--sb-line); }
  .sb3-provider-how article:last-child { border-bottom:0; }
  .sb3-provider-join { padding:78px 20px; }
  .sb3-provider-join h2 { font-size:50px; }
  .sb3-provider-join > div:last-child { grid-template-columns:1fr; }
}

@media (max-width: 420px) {
  .sb3-hero-copy h1,.sb3-provider-hero-copy h1 { font-size:48px; }
  .sb3-preview-scene { padding:16px; }
  .sb3-choice-grid { grid-template-columns:1fr; }
  .sb3-choice-grid span { min-height:52px; }
  .sb3-hero-preview { min-height:500px; }
  .sb3-travel-total { align-items:flex-start; flex-direction:column; justify-content:center; }
  .sb3-before { grid-template-columns:1fr; }
  .sb3-provider-photo-copy { left:16px; right:16px; bottom:16px; }
  .sb3-provider-photo-copy > span { min-width:72px; min-height:72px; border-radius:18px; }
}

@media (prefers-reduced-motion: reduce) {
  .stageback-home-v3 *, .stageback-providers-v3 * { animation:none !important; transition-duration:.01ms !important; }
}


/* PDF review refinement — semantic entry points, balanced network cards and one-project story */
.sb3-journey-quick>a>span{position:relative;width:40px;height:40px;border-radius:13px}
.sb3-journey-quick>a>span svg{width:19px;height:19px}
.sb3-journey-quick>a>span b{position:absolute;right:-4px;bottom:-4px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:var(--sb-black);color:#fff;font-size:7px;letter-spacing:0}
.sb3-section-title>div{max-width:1040px}.sb3-section-title p{max-width:620px;margin:18px 0 0;color:var(--sb-muted);font-size:16px;line-height:1.55}
.sb3-provider-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-template-rows:repeat(2,minmax(245px,auto));gap:16px}
.sb3-provider-card{display:grid;min-height:0}.sb3-provider-card.is-featured{grid-row:1/3;grid-template-rows:minmax(360px,1fr) auto}.sb3-provider-card.is-compact{grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr)}
.sb3-provider-card.is-featured .sb3-provider-cover{height:auto;min-height:390px}.sb3-provider-card.is-compact .sb3-provider-cover{height:100%;min-height:245px}.sb3-provider-card.is-compact section{display:flex;flex-direction:column;justify-content:center}
.sb3-provider-badges{position:relative;z-index:3;display:flex;gap:7px;flex-wrap:wrap}.sb3-provider-badges span{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border-radius:999px;background:#fff;color:var(--sb-black);font-size:8px;font-weight:900;letter-spacing:.07em}.sb3-provider-badges span+span{background:var(--sb-mint)}
.sb3-provider-card section>p{display:flex;align-items:center;gap:6px;min-height:0}.sb3-provider-card section>p svg{width:14px}
.sb3-service-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.sb3-service-tags span{padding:7px 9px;border-radius:999px;background:var(--sb-cloud);font-size:9px;font-weight:800}
.sb3-provider-card.is-compact h3{font-size:clamp(25px,2.5vw,34px)}.sb3-provider-card.is-compact .sb3-service-tags{margin-top:10px}.sb3-provider-card.is-compact footer{margin-top:12px}
.sb3-control-section{padding:clamp(85px,10vw,150px) clamp(22px,5vw,78px);background:var(--sb-cloud)}
.sb3-control-head{width:min(1480px,100%);margin:0 auto 46px}.sb3-control-head small{color:var(--sb-blue);font-size:10px;font-weight:900;letter-spacing:.14em}.sb3-control-head h2{max-width:1120px;margin:14px 0 0;font-size:clamp(50px,6.4vw,94px);line-height:.91}
.sb3-control-grid{width:min(1480px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(320px,.8fr) 150px minmax(500px,1.2fr);gap:18px;align-items:stretch}
.sb3-chaos-board,.sb3-cockpit-board{min-height:430px;border-radius:30px}.sb3-chaos-board{position:relative;overflow:hidden;padding:30px;background:#fff;border:1px solid var(--sb-line)}.sb3-chaos-board>small{font-size:9px;font-weight:900;letter-spacing:.14em}
.sb3-chaos-board .file{position:absolute;display:flex;align-items:center;gap:9px;min-height:52px;padding:0 15px;border:1px solid var(--sb-line);border-radius:14px;background:#fff;font-size:11px;font-weight:820;box-shadow:0 15px 35px rgba(17,19,26,.09)}.sb3-chaos-board .file svg{width:17px}.sb3-chaos-board .one{left:8%;top:24%;transform:rotate(-4deg)}.sb3-chaos-board .two{right:4%;top:43%;transform:rotate(3deg);background:#fff0ee}.sb3-chaos-board .three{left:13%;bottom:20%;transform:rotate(2deg);background:#fff6c8}.sb3-chaos-board .four{right:10%;bottom:7%;transform:rotate(-3deg);background:#e9f9f3}
.sb3-control-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--sb-muted);font-size:10px;font-weight:800}.sb3-control-arrow svg{width:46px;height:46px;padding:13px;border-radius:50%;background:var(--sb-blue);color:#fff}
.sb3-cockpit-board{padding:28px;background:var(--sb-black);color:#fff;display:flex;flex-direction:column}.sb3-cockpit-board>header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.13)}.sb3-cockpit-board>header small{display:block;color:rgba(255,255,255,.55);font-size:8px;letter-spacing:.12em}.sb3-cockpit-board>header strong{display:block;margin-top:6px;font-size:21px}.sb3-cockpit-board>header>b{font-size:38px;color:var(--sb-mint)}.sb3-cockpit-board>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}.sb3-cockpit-board>div>span{min-height:170px;padding:20px;border-radius:20px;background:rgba(255,255,255,.075);display:flex;flex-direction:column;align-items:flex-start}.sb3-cockpit-board>div svg{width:22px;color:var(--sb-mint);margin-bottom:auto}.sb3-cockpit-board>div b{font-size:13px}.sb3-cockpit-board>div small{margin-top:7px;color:rgba(255,255,255,.6);font-size:10px;line-height:1.4}
@media(max-width:1100px){.sb3-provider-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.sb3-provider-card.is-featured{grid-column:1/-1;grid-row:auto;grid-template-columns:1.1fr .9fr;grid-template-rows:auto}.sb3-provider-card.is-featured .sb3-provider-cover{min-height:340px}.sb3-provider-card.is-compact{grid-template-columns:1fr}.sb3-provider-card.is-compact .sb3-provider-cover{min-height:250px}.sb3-control-grid{grid-template-columns:1fr}.sb3-control-arrow{flex-direction:row;padding:7px}.sb3-control-arrow svg{transform:rotate(90deg)}}
@media(max-width:760px){.sb3-journey-quick>a{grid-template-columns:44px minmax(92px,.72fr) minmax(0,1fr) 30px}.sb3-journey-quick>a small{font-size:10px}.sb3-provider-grid{grid-template-columns:1fr}.sb3-provider-card.is-featured,.sb3-provider-card.is-compact{grid-column:auto;grid-template-columns:1fr}.sb3-provider-card.is-featured .sb3-provider-cover,.sb3-provider-card.is-compact .sb3-provider-cover{min-height:270px}.sb3-control-section{padding-left:20px;padding-right:20px}.sb3-control-head h2{font-size:48px}.sb3-chaos-board,.sb3-cockpit-board{min-height:390px}.sb3-cockpit-board>div{grid-template-columns:1fr}.sb3-cockpit-board>div>span{min-height:120px}.sb3-cockpit-board>div svg{margin-bottom:24px}}
@media(max-width:430px){.sb3-journey-quick>a{grid-template-columns:42px 1fr 30px;min-height:68px}.sb3-journey-quick>a small{grid-column:2}.sb3-provider-badges{max-width:80%}.sb3-chaos-board .file{max-width:82%}.sb3-cockpit-board>header{grid-template-columns:auto 1fr}.sb3-cockpit-board>header>b{grid-column:2}}


/* Journey entry readability and pictogram refinement — 2026-09-16 */
.stageback-home-v3 .sb3-journey-quick {
  max-width: 780px;
  gap: 11px;
}

.stageback-home-v3 .sb3-journey-quick > a {
  position: relative;
  isolation: isolate;
  min-height: 78px;
  grid-template-columns: 56px minmax(126px, .72fr) minmax(0, 1.28fr) 42px;
  gap: clamp(14px, 1.5vw, 24px);
  padding: 10px 13px 10px 12px;
  border-radius: 22px;
  border-color: rgba(17, 19, 26, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);
  text-decoration: none;
}

.stageback-home-v3 .sb3-journey-quick > a:hover,
.stageback-home-v3 .sb3-journey-quick > a:focus-visible {
  transform: translateX(4px);
  box-shadow: 0 14px 34px rgba(17, 19, 26, .14), inset 0 1px 0 rgba(255, 255, 255, .32);
}

.stageback-home-v3 .sb3-journey-quick > a:focus-visible {
  outline: 3px solid var(--sb-black);
  outline-offset: 3px;
}

.stageback-home-v3 .sb3-journey-quick > a > span {
  position: relative;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(17, 19, 26, .08);
  border-radius: 17px;
  background: rgba(255, 255, 255, .88);
  color: var(--sb-black);
  box-shadow: 0 7px 18px rgba(17, 19, 26, .09);
}

.stageback-home-v3 .sb3-journey-quick > a > span svg {
  width: 27px;
  height: 27px;
  justify-self: center;
  stroke-width: 2.25;
}

.stageback-home-v3 .sb3-journey-quick > a > span b {
  right: -6px;
  bottom: -6px;
  min-width: 23px;
  height: 23px;
  padding: 0 5px;
  border: 2px solid #fff;
  background: var(--sb-black);
  color: #fff;
  box-shadow: 0 4px 10px rgba(17, 19, 26, .18);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .02em;
}

.stageback-home-v3 .sb3-journey-quick > a > strong {
  font-size: clamp(18px, 1.35vw, 22px);
  font-weight: 880;
  line-height: 1.05;
  letter-spacing: -.03em;
}

.stageback-home-v3 .sb3-journey-quick > a > small {
  color: rgba(17, 19, 26, .78);
  font-size: clamp(12px, .95vw, 14px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.012em;
  opacity: 1;
}

.stageback-home-v3 .sb3-journey-quick > a.tone-blue > small {
  color: rgba(255, 255, 255, .94);
}

.stageback-home-v3 .sb3-journey-quick > a > svg {
  width: 38px;
  height: 38px;
  padding: 8px;
  justify-self: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, .58);
  stroke-width: 2.25;
  transition: transform 180ms var(--sb-ease), background 180ms var(--sb-ease);
}

.stageback-home-v3 .sb3-journey-quick > a.tone-blue > svg {
  background: rgba(255, 255, 255, .18);
}

.stageback-home-v3 .sb3-journey-quick > a:hover > svg,
.stageback-home-v3 .sb3-journey-quick > a:focus-visible > svg {
  transform: translateX(3px);
  background: rgba(255, 255, 255, .82);
}

.stageback-home-v3 .sb3-journey-quick > a.tone-blue:hover > svg,
.stageback-home-v3 .sb3-journey-quick > a.tone-blue:focus-visible > svg {
  background: rgba(255, 255, 255, .28);
}

@media (max-width: 760px) {
  .stageback-home-v3 .sb3-journey-quick {
    gap: 9px;
  }

  .stageback-home-v3 .sb3-journey-quick > a {
    min-height: 86px;
    grid-template-columns: 52px minmax(0, 1fr) 40px;
    grid-template-rows: auto auto;
    column-gap: 14px;
    row-gap: 3px;
    padding: 10px 10px 10px 11px;
    border-radius: 21px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > span {
    width: 52px;
    height: 52px;
    grid-column: 1;
    grid-row: 1 / span 2;
    border-radius: 16px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > span svg {
    width: 25px;
    height: 25px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > strong {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 18px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > small {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    margin: 0;
    font-size: 12px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > svg {
    grid-column: 3;
    grid-row: 1 / span 2;
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 430px) {
  .stageback-home-v3 .sb3-journey-quick > a {
    min-height: 82px;
    grid-template-columns: 48px minmax(0, 1fr) 36px;
    column-gap: 12px;
    padding-left: 10px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > span {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > strong {
    font-size: 17px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > small {
    font-size: 11.5px;
  }

  .stageback-home-v3 .sb3-journey-quick > a > svg {
    width: 34px;
    height: 34px;
    padding: 7px;
  }
}