/* GOBRIDGE landing only — 28 languages, language video and data-flow slider. */
/* This stylesheet does not target inquiry pages, corp admin or database settings. */
.gb-landing .gb-language-grid > * { min-width:0; }
.gb-landing .gb-language-film { width:100%; height:auto; background:#eee; isolation:isolate; }
.gb-landing .gb-language-video { display:block; width:100%; height:auto; aspect-ratio:524/720; object-fit:contain; background:#eee; }
.gb-landing .gb-language-film-tools { position:absolute; z-index:2; inset:18px 18px auto; display:flex; align-items:center; justify-content:space-between; gap:12px; pointer-events:none; }
.gb-landing .gb-language-film-tools > span { padding:8px 12px; border-radius:30px; background:#ffffffeb; color:#52616d; font-size:11px; backdrop-filter:blur(10px); }
.gb-landing .gb-language-film-tools button { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:9px 12px; border:1px solid #ffffffd9; border-radius:30px; background:#253641df; color:white; font-size:11px; line-height:1.5; font-weight:500; font-family:inherit; cursor:pointer; pointer-events:auto; }
.gb-landing .gb-language-film-tools button .gb-icon { width:14px; height:14px; }
.gb-landing .gb-language-film .gb-language-badge { z-index:1; pointer-events:none; }
.gb-landing .gb-language-video-error { position:absolute; z-index:2; left:22px; right:22px; bottom:145px; border:1px solid #dedee2; border-radius:12px; background:#fffffff2; color:#495863; font-size:12px; line-height:1.6; padding:14px; }
/* Show the same supplied photograph without the obsolete printed "26" at its top. */
.gb-landing .gb-languages .gb-language-person > img { object-position:center 52%; }
.gb-landing .gb-supported-languages { grid-column:1/-1; display:grid; grid-template-columns:220px minmax(0,1fr); align-items:start; gap:38px; padding-top:32px; border-top:1px solid #e4e9ec; }
.gb-landing .gb-supported-heading .gb-eyebrow { font-size:9px; margin:0 0 13px; color:#7c8f9e; letter-spacing:.14em; }
.gb-landing .gb-supported-heading h3 { font-size:24px; line-height:1.45; font-weight:500; letter-spacing:-.04em; margin:0; color:#323d45; }
.gb-landing .gb-supported-heading h3 strong { color:var(--gb-blue,#4b698c); font-weight:700; }
.gb-landing .gb-supported-heading > p:last-child { margin:14px 0 0; color:#7a8994; font-size:12px; }
.gb-landing .gb-language-list { list-style:none; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; margin:0; padding:0; }
.gb-landing .gb-language-list li { box-sizing:border-box; min-width:0; display:flex; align-items:center; justify-content:center; min-height:38px; padding:8px 5px; border:1px solid #e5eaf0; border-radius:9px; background:#f8fafb; font-size:12px; line-height:1.5; color:#586b7b; text-align:center; word-break:keep-all; overflow-wrap:anywhere; }
/* Three supplied photos, real slide transitions and matching step navigation. */
.gb-landing .gb-data-slider { position:relative; isolation:isolate; touch-action:pan-y pinch-zoom; }
.gb-landing .gb-data-slides { position:absolute; inset:0; }
.gb-landing .gb-data-slide { position:absolute; inset:0; overflow:hidden; visibility:hidden; opacity:0; transform:translate3d(42px,0,0); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility 0s .8s; }
.gb-landing .gb-data-slide.is-active { z-index:1; visibility:visible; opacity:1; transform:translate3d(0,0,0); transition-delay:0s; }
.gb-landing .gb-data-slide.is-leaving { visibility:visible; transform:translate3d(-30px,0,0); }
.gb-landing .gb-data-slide > img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; transform:scale(1.035); transition:transform 6.5s linear; }
.gb-landing .gb-data-slide.is-active > img { transform:scale(1); }
.gb-landing .gb-data-slide .gb-data-overlay { background:linear-gradient(100deg,rgba(17,35,49,.67),rgba(20,38,52,.29) 62%,rgba(25,43,59,.12)); }
.gb-landing .gb-data-slide .gb-data-label { left:48px; top:55px; right:42px; max-width:75%; }
.gb-landing .gb-data-slide .gb-eyebrow { display:block; font-size:10px; letter-spacing:.14em; color:#dee8ee; }
.gb-landing .gb-data-slide .gb-data-label h3 { margin:26px 0 0; color:#fff; font-size:clamp(28px,3vw,43px); line-height:1.42; font-weight:600; letter-spacing:-.045em; word-break:keep-all; overflow-wrap:anywhere; }
.gb-landing .gb-data-slide .gb-data-label p { margin:22px 0 0; font-size:15px; font-weight:400; line-height:1.8; color:#edf1f4; letter-spacing:-.01em; }
.gb-landing .gb-data-player { position:absolute; top:25px; right:32px; z-index:3; display:flex; align-items:center; gap:7px; color:#fff; }
.gb-landing .gb-data-counter { font-size:12px; letter-spacing:.08em; margin-right:12px; white-space:nowrap; }
.gb-landing .gb-data-counter b { font-weight:700; }
.gb-landing .gb-data-counter > span { opacity:.68; }
.gb-landing .gb-data-player > button { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; padding:0; border:1px solid #ffffff6b; background:#1e354644; color:#fff; cursor:pointer; backdrop-filter:blur(8px); }
.gb-landing .gb-data-player > button:hover { background:#ffffff2e; }
.gb-landing .gb-data-player > button:disabled { opacity:.6; cursor:default; }
.gb-landing .gb-data-player .gb-icon { width:16px; height:16px; }
.gb-landing [data-flow-prev] .gb-icon { transform:rotate(180deg); }
.gb-landing .gb-data-tabs { z-index:2; display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr); gap:10px; padding:10px; left:40px; right:40px; bottom:35px; border-radius:17px; align-items:center; }
.gb-landing .gb-data-tabs > button { position:relative; display:flex; align-items:center; justify-content:center; gap:13px; min-width:0; min-height:64px; padding:14px 8px; border:0; border-radius:11px; background:transparent; color:#617585; font-family:inherit; cursor:pointer; transition:background .3s ease,color .3s ease; overflow:hidden; }
.gb-landing .gb-data-tabs > button:hover { background:#edf2f7; }
.gb-landing .gb-data-tabs > button:disabled { cursor:default; opacity:1; }
.gb-landing .gb-data-tabs > button.is-active { color:#345a7b; background:#e6edf4; }
.gb-landing .gb-data-tabs > button strong { color:inherit; font-size:15px; letter-spacing:-.025em; font-weight:600; }
.gb-landing .gb-data-tabs .gb-data-tab-number { color:inherit; opacity:.7; font-size:10px; font-weight:600; letter-spacing:.03em; }
.gb-landing .gb-data-tabs > i { display:flex; justify-content:center; }
.gb-landing .gb-data-tab-progress { position:absolute; inset:auto 16px 0; height:2px; background:#557795; transform:scaleX(0); transform-origin:left; }
.gb-landing .gb-data-tabs > button.is-active .gb-data-tab-progress { transform:scaleX(var(--gb-flow-progress,0)); }
.gb-landing .gb-data-tabs button:focus-visible,.gb-landing .gb-data-player button:focus-visible,.gb-landing .gb-language-film-tools button:focus-visible { outline:3px solid #9dc6ec; outline-offset:3px; }
.gb-landing [data-language-tools][hidden],.gb-landing [data-language-error][hidden],.gb-landing [data-flow-controls][hidden] { display:none!important; }
@media(max-width:1199px) {
  .gb-landing .gb-supported-languages { grid-template-columns:175px minmax(0,1fr); gap:24px; }
  .gb-landing .gb-language-list { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .gb-landing .gb-data-slider { height:520px; }
  .gb-landing .gb-data-slide .gb-data-label { top:73px; }
}
@media(max-width:767px) {
  .gb-landing .gb-language-film { height:auto; }
  .gb-landing .gb-language-film-tools { inset:13px 13px auto; }
  .gb-landing .gb-language-film-tools > span { font-size:10px; padding:7px 10px; }
  .gb-landing .gb-language-film-tools button { font-size:10px; min-height:34px; padding:7px 10px; }
  .gb-landing .gb-language-film .gb-language-badge { left:14px; right:14px; bottom:15px; }
  .gb-landing .gb-supported-languages { display:block; width:100%; padding-top:27px; margin-top:13px; }
  .gb-landing .gb-supported-heading h3 { font-size:24px; }
  .gb-landing .gb-supported-heading h3 br { display:none; }
  .gb-landing .gb-supported-heading h3 strong { margin-left:5px; }
  .gb-landing .gb-supported-heading > p:last-child { margin-top:8px; }
  .gb-landing .gb-language-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:23px; }
  .gb-landing .gb-language-list li { min-height:38px; padding:8px 3px; font-size:11px; border-radius:7px; }
  .gb-landing .gb-data-slider { height:470px; }
  .gb-landing .gb-data-player { top:20px; right:20px; gap:7px; }
  .gb-landing .gb-data-slide .gb-data-label { top:87px; left:23px; right:23px; max-width:none; }
  .gb-landing .gb-data-slide .gb-eyebrow { font-size:8px; letter-spacing:.08em; }
  .gb-landing .gb-data-slide .gb-data-label h3 { font-size:27px; margin-top:20px; line-height:1.5; }
  .gb-landing .gb-data-slide .gb-data-label p { font-size:13px; margin-top:18px; line-height:1.75; }
  .gb-landing .gb-data-tabs { left:15px; right:15px; bottom:18px; padding:7px; gap:3px; border-radius:13px; grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr) 15px minmax(0,1fr); }
  .gb-landing .gb-data-tabs > button { flex-direction:column; justify-content:center; min-height:70px; gap:7px; padding:10px 3px; border-radius:8px; }
  .gb-landing .gb-data-tabs > button strong { font-size:11px; white-space:normal; word-break:keep-all; line-height:1.4; }
  .gb-landing .gb-data-tabs .gb-data-tab-number { font-size:9px; }
  .gb-landing .gb-data-tabs .gb-icon { width:12px; height:12px; }
  .gb-landing .gb-data-tab-progress { left:8px; right:8px; }
}
@media(max-width:359px) {
  .gb-landing .gb-language-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .gb-landing .gb-data-slide .gb-data-label { left:20px; right:20px; }
  .gb-landing .gb-data-slide .gb-data-label h3 { font-size:24px; }
  .gb-landing .gb-data-tabs { left:11px; right:11px; }
  .gb-landing .gb-data-tabs > button strong { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .gb-landing .gb-data-slide,.gb-landing .gb-data-slide > img { transition:none; }
}
