@charset "utf-8";

.page-scbm-premium {
  --scbm-section: clamp(6rem, 9vw, 9rem);
  --scbm-ease-out: cubic-bezier(.23, 1, .32, 1);
  --scbm-ease-in-out: cubic-bezier(.77, 0, .175, 1);
}

.page-scbm-premium main { overflow: clip; }
.page-scbm-premium :where(h1, h2, h3) { overflow-wrap: normal; word-break: normal; text-wrap: balance; }

.scbm-hero { min-height: min(880px, 88svh); display: flex; align-items: center; padding-block: calc(var(--header-h) + clamp(3.2rem, 6vw, 5.8rem)) clamp(4.5rem, 7vw, 7rem); background: #fafaf9; }
.scbm-hero__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr); gap: clamp(3.5rem, 6vw, 6rem); align-items: center; }
.scbm-hero__copy { min-width: 0; }
.scbm-hero .breadcrumbs { flex-wrap: wrap; row-gap: .3rem; }
.scbm-hero .eyebrow { margin-top: clamp(3rem, 5vw, 4.5rem); text-transform: uppercase; letter-spacing: .08em; }
.scbm-hero h1 { max-width: 760px; margin-top: 1.3rem; font-size: clamp(3.25rem, 3.9vw, 5.4rem); font-weight: 500; line-height: .96; letter-spacing: -.057em; }
.scbm-hero h1 > span { display: block; margin-bottom: .35rem; color: var(--red); font-size: .24em; font-weight: 600; line-height: 1.2; letter-spacing: .08em; }
.scbm-hero__lead { max-width: 680px; margin-top: 1.8rem; color: var(--ink-2); font-size: clamp(1.02rem, 1.35vw, 1.18rem); line-height: 1.67; text-wrap: pretty; }
.scbm-hero__actions { display: flex; align-items: center; gap: 1.7rem; margin-top: 2.2rem; }
.scbm-hero__actions .link-arrow { min-height: 44px; }
.scbm-hero__actions .link-arrow span { transition: transform 180ms var(--scbm-ease-out); }

/* A presentation graphic made only from confirmed product categories. */
.scbm-scene { width: min(100%, 570px); aspect-ratio: 1 / 1.02; justify-self: end; padding: clamp(.85rem, 1.6vw, 1.25rem); border: 1px solid rgba(29,29,31,.08); border-radius: clamp(34px, 4vw, 52px); background: linear-gradient(145deg, #ececea, #fff 72%); box-shadow: 0 38px 100px rgba(29,29,31,.1); will-change: transform; transition: opacity 620ms var(--scbm-ease-out), transform 620ms var(--scbm-ease-out), box-shadow 200ms ease; }
.js .scbm-scene[data-reveal='rise'] { transform: translateY(14px) scale(.985); }
.js .scbm-scene[data-reveal='rise'].is-visible { transform: none; }
.scbm-scene__frame { position: relative; height: 100%; overflow: hidden; padding: clamp(2rem, 4vw, 3.3rem); border-radius: clamp(24px, 3vw, 38px); color: #fff; background: #171717; will-change: transform; transition: transform 180ms var(--scbm-ease-out); }
.scbm-scene__frame::before { content: ''; position: absolute; width: 75%; aspect-ratio: 1; right: -28%; bottom: -24%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.018); }
.scbm-scene header { display: flex; align-items: center; gap: .75rem; color: rgba(255,255,255,.55); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.scbm-scene header i { width: 2rem; height: 1px; background: var(--red); }
.scbm-scene__frame > strong { position: relative; display: block; margin-top: clamp(3rem, 7vw, 6rem); font-size: clamp(5rem, 11vw, 9.5rem); font-weight: 500; line-height: .75; letter-spacing: -.095em; }
.scbm-scene__categories { position: relative; display: flex; flex-wrap: wrap; gap: .55rem; margin-top: clamp(2.6rem, 5vw, 4.5rem); }
.scbm-scene__categories span { padding: .65rem .85rem; border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-pill); color: rgba(255,255,255,.66); font-size: .75rem; }
.scbm-scene footer { position: absolute; right: clamp(2rem, 4vw, 3.3rem); bottom: clamp(2rem, 4vw, 3.3rem); display: flex; align-items: baseline; gap: .75rem; }
.scbm-scene footer span { color: #ff6258; font-size: clamp(2rem, 4vw, 3.7rem); letter-spacing: -.05em; }
.scbm-scene footer small { max-width: 6rem; color: rgba(255,255,255,.54); font-size: .66rem; line-height: 1.35; }

.scbm-intro { padding-block: var(--scbm-section); background: #fff; }
.scbm-intro__grid { display: grid; grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr); gap: clamp(4rem, 9vw, 10rem); }
.page-scbm-premium .scbm-intro h2 { max-width: 660px; margin-top: 1.2rem; font-size: clamp(2.7rem, 4.8vw, 5.15rem); font-weight: 500; line-height: 1; letter-spacing: -.052em; }
.scbm-intro__grid > div:last-child { max-width: 690px; align-self: end; }
.scbm-intro__grid > div:last-child p { color: var(--ink-2); font-size: clamp(1.08rem, 1.55vw, 1.35rem); line-height: 1.68; text-wrap: pretty; }
.scbm-intro__grid > div:last-child p + p { margin-top: 1.5rem; font-size: 1.03rem; }

.scbm-tools { padding-block: var(--scbm-section); background: #f5f5f3; }
.scbm-tools__grid { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); gap: clamp(4rem, 9vw, 10rem); }
.scbm-tools__sticky { position: sticky; top: calc(var(--header-h) + 3.5rem); }
.page-scbm-premium .scbm-tools h2 { max-width: 520px; margin-top: 1.2rem; font-size: clamp(2.6rem, 4.4vw, 4.6rem); font-weight: 500; line-height: 1; letter-spacing: -.05em; }
.scbm-tools h2 span { display: block; margin-bottom: .6rem; color: var(--red); font-size: 1.45em; letter-spacing: -.07em; }
.scbm-tools__sticky > p:last-of-type { max-width: 420px; margin-top: 1.5rem; color: var(--ink-2); line-height: 1.6; }
.scbm-tools__progress { width: min(100%, 350px); height: 1px; margin-top: 2.6rem; overflow: hidden; background: var(--line-strong); }
.scbm-tools__progress span { display: block; width: 100%; height: 100%; background: var(--red); transform: scaleX(.1667); transform-origin: left; transition: transform 520ms var(--scbm-ease-in-out); }
.scbm-tools nav ol { display: flex; gap: .75rem; margin-top: 1rem; }
.scbm-tools nav a { display: grid; min-width: 44px; min-height: 44px; place-items: center; color: var(--ink-3); font-size: .68rem; transition: color 180ms ease, transform 180ms var(--scbm-ease-out); }
.scbm-tools nav a[aria-current] { color: var(--red); transform: translateY(-2px); }
.scbm-tool-group { min-height: clamp(360px, 50vh, 500px); display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 3rem); align-content: center; padding-block: 3.5rem; border-bottom: 1px solid var(--line-strong); opacity: .36; transform: translateY(16px) scale(.985); transition: opacity 460ms ease, transform 520ms var(--scbm-ease-out); }
.scbm-tool-group:first-child { border-top: 1px solid var(--line-strong); }
.scbm-tool-group.is-active { opacity: 1; transform: none; }
.scbm-tool-group > span { padding-top: .45rem; color: var(--red); font-size: .7rem; }
.page-scbm-premium .scbm-tool-group h3 { font-size: clamp(2.65rem, 5vw, 5.2rem); font-weight: 500; line-height: 1; letter-spacing: -.052em; }
.scbm-tool-group ul { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 2rem; }
.scbm-tool-group li { padding: .62rem .85rem; border: 1px solid var(--line-strong); border-radius: var(--radius-pill); color: var(--ink-2); font-size: .85rem; }

.scbm-flow { padding-block: var(--scbm-section); background: #fff; }
.scbm-flow header { max-width: 900px; }
.page-scbm-premium .scbm-flow h2 { margin-top: 1.2rem; font-size: clamp(2.6rem, 4.8vw, 5rem); font-weight: 500; line-height: 1; letter-spacing: -.052em; }
.scbm-flow header > p:last-child { max-width: 690px; margin-top: 1.5rem; color: var(--ink-2); font-size: 1.05rem; line-height: 1.67; }
.scbm-flow__surface { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: clamp(4rem, 7vw, 7rem); overflow: hidden; border: 1px solid var(--line-strong); border-radius: var(--radius-xl); background: #f7f7f5; }
.scbm-flow__surface li { position: relative; min-width: 0; }
.scbm-flow__surface li > i { position: absolute; top: 2rem; right: -.5rem; z-index: 2; color: var(--red); font-size: .9rem; font-style: normal; }
.scbm-flow__surface button { width: 100%; min-height: 300px; display: flex; align-items: flex-start; flex-direction: column; padding: 1.8rem 1.35rem; border: 0; border-right: 1px solid var(--line); border-radius: 0; color: var(--ink-2); background: transparent; text-align: left; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, transform 140ms var(--scbm-ease-out); }
.scbm-flow__surface li:last-child button { border-right: 0; }
.scbm-flow__surface button > span { color: var(--red); font-size: .68rem; }
.scbm-flow__surface strong { margin-top: auto; font-size: clamp(1rem, 1.35vw, 1.25rem); font-weight: 500; line-height: 1.25; letter-spacing: -.025em; }
.scbm-flow__surface small { min-height: 4.8rem; margin-top: 1rem; color: var(--ink-3); font-size: .72rem; line-height: 1.45; opacity: .34; transform: translateY(6px); transition: opacity 180ms ease, transform 220ms var(--scbm-ease-out); }
.scbm-flow__surface .is-active button { color: var(--ink); background: #fff; }
.scbm-flow__surface .is-active small { opacity: 1; transform: none; }
.scbm-flow.is-keyboard-input .scbm-flow__surface button,
.scbm-flow.is-keyboard-input .scbm-flow__surface small { transition: none; }

.scbm-audience { padding-block: var(--scbm-section); background: #f5f5f3; }
.scbm-audience header { max-width: 900px; }
.page-scbm-premium .scbm-audience h2 { margin-top: 1.2rem; font-size: clamp(2.65rem, 4.8vw, 5.1rem); font-weight: 500; line-height: 1; letter-spacing: -.052em; }
.scbm-audience__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(4rem, 7vw, 7rem); border-top: 1px solid var(--line-strong); }
.scbm-audience article { min-height: 290px; padding: clamp(2rem, 4vw, 3.5rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.scbm-audience article:nth-child(2n) { border-right: 0; }
.scbm-audience article > span { color: var(--red); font-size: .7rem; }
.page-scbm-premium .scbm-audience h3 { max-width: 500px; margin-top: clamp(3rem, 6vw, 5rem); font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 500; line-height: 1.05; letter-spacing: -.04em; }
.scbm-audience article p { max-width: 500px; margin-top: 1.25rem; color: var(--ink-2); line-height: 1.62; }

.scbm-cloud { padding-block: clamp(7rem, 12vw, 12rem); color: #fff; background: #111; }
.scbm-cloud__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr); gap: clamp(4rem, 9vw, 10rem); align-items: end; }
.scbm-cloud .eyebrow { color: #ff6666; }
.page-scbm-premium .scbm-cloud h2 { max-width: 780px; margin-top: 1.2rem; font-size: clamp(2.8rem, 5.2vw, 5.5rem); font-weight: 500; line-height: 1; letter-spacing: -.052em; }
.scbm-cloud__grid > div:first-child > p:last-child { max-width: 650px; margin-top: 1.6rem; color: rgba(255,255,255,.66); font-size: 1.08rem; line-height: 1.65; }
.scbm-cloud__formula { display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-xl); }
.scbm-cloud__formula span,
.scbm-cloud__formula strong { min-height: 92px; display: grid; place-items: center; border-bottom: 1px solid rgba(255,255,255,.16); font-size: clamp(1.2rem, 2vw, 1.7rem); font-weight: 500; }
.scbm-cloud__formula strong { grid-column: 1 / -1; color: #ff6258; border-bottom: 0; font-size: clamp(2.4rem, 5vw, 4.8rem); letter-spacing: -.06em; }
.scbm-cloud__formula i { color: rgba(255,255,255,.45); font-style: normal; }

.scbm-videos { padding-block: var(--scbm-section); background: #fff; }
.scbm-videos header { max-width: 850px; }
.page-scbm-premium .scbm-videos h2 { margin-top: 1.2rem; font-size: clamp(2.7rem, 4.8vw, 5rem); font-weight: 500; line-height: 1; letter-spacing: -.052em; }
.scbm-videos header > p:last-child { max-width: 690px; margin-top: 1.5rem; color: var(--ink-2); line-height: 1.65; }
.scbm-video-tabs { position: relative; width: fit-content; display: grid; grid-template-columns: repeat(2, minmax(130px, 1fr)); margin-top: 3rem; padding: 4px; border-radius: var(--radius-pill); background: #efefed; }
.scbm-video-tabs button { position: relative; z-index: 2; min-height: 44px; padding-inline: 1.3rem; border: 0; border-radius: var(--radius-pill); color: var(--ink-2); background: transparent; font: inherit; cursor: pointer; transition: color 180ms ease, transform 140ms var(--scbm-ease-out); }
.scbm-video-tabs button[aria-selected='true'] { color: var(--ink); }
.scbm-video-tabs > i { position: absolute; z-index: 1; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: var(--radius-pill); background: #fff; box-shadow: 0 2px 10px rgba(29,29,31,.08); transition: transform 220ms var(--scbm-ease-out); }
.scbm-video-tabs[data-active='uz'] > i { transform: translateX(100%); }
.scbm-video-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; }
.scbm-video-panel[hidden] { display: none; }
.scbm-video-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-xl); background: #f7f7f5; }
.scbm-video-card__preview { position: relative; aspect-ratio: 16 / 9; display: grid; place-items: center; overflow: hidden; color: #fff; background: #181818; }
.scbm-video-card__preview::before { content: ''; position: absolute; width: 55%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.025), 0 0 0 110px rgba(255,255,255,.018); transition: transform 220ms var(--scbm-ease-out); }
.scbm-video-card__preview > span { position: relative; font-size: clamp(3.2rem, 7vw, 7rem); font-weight: 500; letter-spacing: -.08em; }
.scbm-video-card__preview i { position: absolute; top: 1.25rem; left: 1.25rem; width: 2.5rem; height: 2px; background: var(--red); }
.scbm-video-card__preview small { position: absolute; right: 1.25rem; bottom: 1.25rem; color: rgba(255,255,255,.55); font-size: .7rem; }
.scbm-video-card > div:last-child { min-height: 185px; padding: 1.6rem; }
.scbm-video-card > div:last-child > span { color: var(--red); font-size: .68rem; }
.page-scbm-premium .scbm-video-card h3 { margin-top: 1.1rem; font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.2; letter-spacing: -.03em; }
.scbm-video-card > div:last-child p { margin-top: 1rem; color: var(--ink-3); font-size: .78rem; }

.scbm-brands { padding-block: var(--scbm-section); background: #f5f5f3; }
.scbm-brands__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr); gap: clamp(4rem, 8vw, 8rem); align-items: center; }
.page-scbm-premium .scbm-brands h2 { max-width: 780px; margin-top: 1.2rem; font-size: clamp(2.6rem, 4.6vw, 4.8rem); font-weight: 500; line-height: 1.01; letter-spacing: -.05em; }
.scbm-brands__grid > div:first-child > p:last-child { max-width: 680px; margin-top: 1.5rem; color: var(--ink-2); font-size: 1.07rem; line-height: 1.67; }
.scbm-brands__surface { display: grid; grid-template-columns: 1fr 1px 1fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid var(--line); border-radius: var(--radius-xl); background: #fff; }
.scbm-brands__surface > i { width: 1px; height: 100%; min-height: 145px; background: var(--line-strong); }
.scbm-brands__surface > div { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; gap: 1.2rem; }
.scbm-brands__surface strong { font-size: clamp(1.25rem, 2vw, 1.7rem); font-weight: 500; line-height: 1.2; }
.scbm-brands__surface img { width: min(100%, 180px); height: 54px; object-fit: contain; object-position: left center; }
.scbm-brands__surface span { color: var(--ink-2); font-size: .78rem; line-height: 1.45; }

.scbm-context { padding-block: var(--scbm-section); background: #fff; }
.scbm-context__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: clamp(4rem, 8vw, 8rem); align-items: end; }
.page-scbm-premium .scbm-context h2 { max-width: 760px; margin-top: 1.2rem; font-size: clamp(2.5rem, 4.4vw, 4.6rem); font-weight: 500; line-height: 1.02; letter-spacing: -.05em; }
.scbm-context__grid > div > p:last-child { max-width: 650px; margin-top: 1.5rem; color: var(--ink-2); font-size: 1.06rem; line-height: 1.65; }
.scbm-context nav { border-top: 1px solid var(--line-strong); }
.scbm-context nav a { min-height: 80px; display: grid; grid-template-columns: 1fr 1.5rem; gap: 1rem; align-items: center; padding: 1rem .85rem; border-bottom: 1px solid var(--line); color: var(--ink-2); transition: color 180ms ease, background-color 180ms ease; }
.scbm-context nav i { color: var(--red); font-style: normal; transition: transform 180ms var(--scbm-ease-out); }

@media (hover: hover) and (pointer: fine) {
  .scbm-hero__actions .link-arrow:hover span { transform: translateY(3px); }
  .scbm-scene:hover { box-shadow: 0 44px 115px rgba(29,29,31,.13); }
  .scbm-tools nav a:hover { color: var(--red); }
  .scbm-flow__surface button:hover { color: var(--ink); background: #fff; }
  .scbm-flow__surface button:active,
  .scbm-video-tabs button:active { transform: scale(.98); }
  .scbm-context nav a:hover { color: var(--ink); background: #fafafa; }
  .scbm-context nav a:hover i { transform: translateX(4px); }
}

@media (max-width: 1080px) {
  .scbm-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr); gap: 3.5rem; }
  .scbm-flow__surface { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .scbm-flow__surface li:nth-child(3) button { border-right: 0; }
  .scbm-flow__surface li:nth-child(-n+3) button { border-bottom: 1px solid var(--line); }
  .scbm-flow__surface li:nth-child(3) > i { display: none; }
}

@media (max-width: 820px) {
  .page-scbm-premium { --scbm-section: 5.5rem; }
  .scbm-hero { min-height: 0; padding-block: calc(var(--header-h) + 2rem) 5rem; }
  .scbm-hero__grid,
  .scbm-intro__grid,
  .scbm-tools__grid,
  .scbm-cloud__grid,
  .scbm-brands__grid,
  .scbm-context__grid { grid-template-columns: 1fr; gap: 3.5rem; }
  .scbm-hero .eyebrow { margin-top: 2.5rem; }
  .scbm-hero h1 { font-size: clamp(2.5rem, 9.8vw, 4.4rem); line-height: .98; }
  .scbm-hero h1 br { display: none; }
  .scbm-scene { width: min(100%, 540px); justify-self: center; }
  .scbm-tools__sticky { position: static; }
  .scbm-tools__progress,
  .scbm-tools nav { display: none; }
  .scbm-tools__list { margin-top: .5rem; }
  .scbm-tool-group { min-height: 0; padding-block: 3.3rem; opacity: 1; transform: none; }
  .scbm-cloud__formula { max-width: 620px; }
  .scbm-brands__surface { max-width: 680px; }
  .scbm-context__grid { align-items: start; }
}

@media (max-width: 680px) {
  .scbm-hero__actions { align-items: stretch; flex-direction: column; gap: .75rem; }
  .scbm-hero__actions .btn { width: 100%; }
  .scbm-hero__actions .link-arrow { justify-content: center; }
  .scbm-scene { border-radius: var(--radius-lg); }
  .page-scbm-premium .scbm-intro h2,
  .page-scbm-premium .scbm-tools h2,
  .page-scbm-premium .scbm-flow h2,
  .page-scbm-premium .scbm-audience h2,
  .page-scbm-premium .scbm-cloud h2,
  .page-scbm-premium .scbm-videos h2,
  .page-scbm-premium .scbm-brands h2,
  .page-scbm-premium .scbm-context h2 { font-size: clamp(2rem, 8.5vw, 3.2rem); }
  .scbm-tool-group { grid-template-columns: 1fr; gap: 1.1rem; }
  .page-scbm-premium .scbm-tool-group h3 { font-size: clamp(2.2rem, 10vw, 3.2rem); }
  .scbm-flow__surface { grid-template-columns: 1fr; border-radius: var(--radius-lg); }
  .scbm-flow__surface button { min-height: 0; padding: 1.4rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .scbm-flow__surface li:nth-child(-n+3) button { border-bottom: 1px solid var(--line); }
  .scbm-flow__surface li:last-child button { border-bottom: 0; }
  .scbm-flow__surface li > i { display: none; }
  .scbm-flow__surface strong { margin-top: 2.5rem; font-size: 1.2rem; }
  .scbm-flow__surface small { min-height: 0; opacity: 1; transform: none; }
  .scbm-audience__grid { grid-template-columns: 1fr; }
  .scbm-audience article { min-height: 0; padding: 2.2rem 0; border-right: 0; }
  .page-scbm-premium .scbm-audience h3 { margin-top: 2.5rem; }
  .scbm-cloud__formula { grid-template-columns: 1fr; gap: .4rem; border-radius: var(--radius-lg); }
  .scbm-cloud__formula i { text-align: center; }
  .scbm-cloud__formula span { min-height: 68px; }
  .scbm-cloud__formula strong { grid-column: 1; min-height: 78px; }
  .scbm-video-tabs { width: 100%; grid-template-columns: repeat(2, 1fr); }
  .scbm-video-panel { grid-template-columns: 1fr; }
  .scbm-video-card { border-radius: var(--radius-lg); }
  .scbm-brands__surface { grid-template-columns: 1fr; gap: 2rem; border-radius: var(--radius-lg); }
  .scbm-brands__surface > i { width: 100%; height: 1px; min-height: 1px; }
}

@media (max-width: 390px) {
  .scbm-hero h1 { font-size: clamp(2.3rem, 9.6vw, 2.7rem); }
  .scbm-scene__frame { padding: 1.5rem; }
  .scbm-scene__frame > strong { font-size: clamp(4.2rem, 23vw, 5.5rem); }
  .scbm-scene footer { right: 1.5rem; bottom: 1.5rem; }
  .scbm-tool-group li { font-size: .78rem; }
}

@media (prefers-reduced-motion: reduce) {
  .scbm-scene,
  .scbm-scene__frame,
  .scbm-hero__actions .link-arrow span,
  .scbm-tools__progress span,
  .scbm-tools nav a,
  .scbm-tool-group,
  .scbm-flow__surface button,
  .scbm-flow__surface small,
  .scbm-video-tabs button,
  .scbm-video-tabs > i,
  .scbm-video-card__preview::before,
  .scbm-context nav i { transition: none; transform: none; }
  .scbm-tool-group,
  .scbm-tool-group.is-active,
  .scbm-flow__surface small { opacity: 1; transform: none; }
}