.business-page { background: var(--color-bg); }
.business-page .site-header { border-color: var(--color-line); background: rgba(12, 13, 14, .92); backdrop-filter: blur(18px); }
.business-article { padding-top: var(--header-height); overflow: hidden; }

.business-hero,
.business-features,
.business-verification { width: min(calc(100% - (var(--page-gutter) * 2)), var(--content-max)); margin-inline: auto; }

.business-hero { padding-block: 74px 112px; }
.business-back { display: inline-flex; align-items: center; gap: 10px; color: var(--color-muted); font-size: 12px; }
.business-back:hover { color: var(--color-text); }
.business-hero-grid { margin-top: 86px; display: grid; grid-template-columns: 1fr; align-items: center; }
.business-hero h1 { max-width: 960px; font-family: var(--font-display); font-size: clamp(44px, 5vw, 72px); font-weight: 500; letter-spacing: -.055em; line-height: .98; text-transform: uppercase; }

.business-snapshot { margin-top: 60px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--color-line); border-bottom: 1px solid var(--color-line); }
.business-snapshot div { padding: 24px 28px 26px 0; display: grid; gap: 8px; }
.business-snapshot div + div { padding-left: 28px; border-left: 1px solid var(--color-line); }
.business-snapshot dt { color: #77736d; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.business-snapshot dd { margin: 0; overflow-wrap: anywhere; color: var(--color-text); font-size: 16px; line-height: 1.45; }

.business-features { display: grid; gap: 180px; padding-bottom: 180px; }
.business-feature { scroll-margin-top: 96px; display: grid; grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr); gap: clamp(72px, 10vw, 150px); align-items: center; }
.business-feature-media { min-width: 0; }
.business-feature-media img { display: block; width: 100%; border-radius: var(--radius-poster); object-fit: cover; }
.business-feature-media figcaption { margin-top: 12px; color: #77736d; font-size: 10px; line-height: 1.5; }
.business-feature-media figcaption a { color: var(--color-muted); text-decoration: underline; text-underline-offset: 3px; }
.business-feature-casino { grid-template-columns: 300px minmax(0, 1fr); gap: 100px; }
.business-feature-casino .business-feature-media { width: min(100%, 300px); }
.business-feature-casino .business-feature-media img { height: auto; aspect-ratio: 2 / 3; }
.business-feature-copy { position: relative; }
.business-index { position: absolute; top: -78px; right: 0; color: rgba(243, 240, 233, .08); font-family: var(--font-display); font-size: clamp(110px, 14vw, 210px); letter-spacing: -.08em; line-height: 1; pointer-events: none; }
.business-feature-copy .section-kicker { position: relative; z-index: 1; }
.business-feature h2 { position: relative; z-index: 1; max-width: none; margin-top: 22px; font-size: clamp(44px, 5vw, 72px); font-weight: 500; letter-spacing: -.055em; line-height: .98; }
.business-feature-copy > p:not(.section-kicker) { max-width: none; color: var(--color-muted); font-size: 17px; line-height: 1.8; }
.business-feature-copy h2 + p { margin-top: 42px; }
.business-feature-copy > p + p { margin-top: 20px; }
.business-source-link { width: min(100%, 440px); margin-top: 38px; padding: 16px 18px; display: flex; justify-content: space-between; gap: 22px; border: 1px solid var(--color-line-strong); color: var(--color-text); font-size: 13px; font-weight: 700; }
.business-source-link:hover { border-color: var(--color-accent); color: var(--color-accent); }

.business-feature-sports { padding: clamp(54px, 7vw, 96px); grid-template-columns: minmax(0, 1.12fr) minmax(300px, .68fr); gap: clamp(60px, 8vw, 120px); border-radius: var(--radius-poster); background: var(--color-text); color: var(--color-bg); }
.business-feature-sports .business-feature-media img { aspect-ratio: 2 / 3; max-height: 690px; }
.business-feature-sports .business-index { color: rgba(12, 13, 14, .07); }
.business-feature-sports .section-kicker { color: #d7462e; }
.business-feature-sports .business-feature-copy > p:not(.section-kicker) { color: rgba(12, 13, 14, .7); }
.business-feature-sports .business-source-link { border-color: rgba(12, 13, 14, .28); color: var(--color-bg); }
.business-feature-sports .business-source-link:hover { border-color: var(--color-bg); background: var(--color-bg); color: var(--color-text); }
.business-feature-sports figcaption { color: rgba(12, 13, 14, .58); }
.business-feature-sports figcaption a { color: rgba(12, 13, 14, .76); }

.business-feature-software { grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr); }
.business-feature-software .business-feature-media img { height: clamp(480px, 57vw, 760px); object-position: center 38%; }

.business-verification { margin-bottom: 160px; padding: 72px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr); gap: clamp(72px, 10vw, 150px); border-top: 3px solid var(--color-accent); background: var(--color-surface); }
.business-verification h2 { max-width: 680px; margin-top: 18px; font-size: clamp(48px, 5vw, 74px); font-weight: 500; letter-spacing: -.055em; line-height: .98; }
.business-verification > div:last-child { align-self: end; }
.business-verification > div:last-child p { color: var(--color-muted); font-size: 16px; line-height: 1.75; }
.business-verification a { margin-top: 30px; padding: 17px 19px; display: flex; justify-content: space-between; gap: 24px; background: var(--color-accent); color: var(--color-accent-ink); font-size: 13px; font-weight: 700; }

html[lang="zh-Hant"] .business-hero h1,
html[lang="zh-Hant"] .business-feature h2,
html[lang="zh-Hant"] .business-verification h2 { font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif; }
html[lang="zh-Hant"] .business-hero h1 { font-size: clamp(44px, 5vw, 72px); font-weight: 500; letter-spacing: -.035em; line-height: 1.08; }
html[lang="zh-Hant"] .business-feature h2,
html[lang="zh-Hant"] .business-verification h2 { letter-spacing: -.035em; line-height: 1.08; }

@media (max-width: 960px) {
  .business-hero-grid { grid-template-columns: 1fr; }
  .business-snapshot { grid-template-columns: 1fr; }
  .business-snapshot div + div { padding-left: 0; border-top: 1px solid var(--color-line); border-left: 0; }
  .business-feature,
  .business-feature-sports,
  .business-feature-software { grid-template-columns: 1fr; }
  .business-feature-sports .business-feature-copy { order: 2; }
  .business-feature-sports .business-feature-media { order: 1; }
  .business-feature-casino .business-feature-media { width: min(72vw, 300px); }
  .business-feature-sports .business-feature-media { width: min(68vw, 470px); justify-self: end; }
  .business-feature-software .business-feature-media img { height: 580px; }
  .business-verification { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .business-hero,
  .business-features,
  .business-verification { width: calc(100% - 32px); }
  .business-hero { padding-block: 54px 78px; }
  .business-hero-grid { margin-top: 56px; gap: 48px; }
  .business-hero h1,
  html[lang="zh-Hant"] .business-hero h1 { font-size: clamp(39px, 11vw, 54px); }
  .business-snapshot { margin-top: 72px; }
  .business-snapshot div { padding-block: 20px; }
  .business-features { gap: 112px; padding-bottom: 112px; }
  .business-feature { gap: 54px; }
  .business-feature-casino .business-feature-media { width: 100%; }
  .business-feature-sports .business-feature-media { width: min(82vw, 420px); }
  .business-feature-sports { width: 100%; padding: 52px 24px; border-radius: 0; }
  .business-feature h2 { font-size: clamp(39px, 11vw, 54px); }
  .business-feature-copy > p:not(.section-kicker) { font-size: 16px; }
  .business-index { top: -46px; font-size: 112px; }
  .business-feature-software .business-feature-media img { height: 480px; }
  .business-verification { margin-bottom: 104px; padding: 46px 24px; gap: 48px; }
  .business-verification h2 { font-size: 46px; }
}