:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) {
  position: relative;
  isolation: isolate;
  margin: 0;
  scroll-margin-top: 72px;
  padding: clamp(88px, 8vw, 140px) 0 clamp(120px, 12vw, 200px);
  background: linear-gradient(90deg, #04140f 0%, #030d09 35%, #010503 68%, #000 100%);
  color: var(--cb-text-bright, #f1f5f9);
  font-family: Pretendard, 'Apple SD Gothic Neo', sans-serif;
}
.cb-ms-features__inner { position: relative; max-width: 1580px; margin: 0 auto; padding: 0 48px; }
.cb-ms-features__heading { max-width: 1120px; margin: 0 auto; text-align: center; }
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__eyebrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 169px !important;
  margin: 0 0 28px;
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) h2 {
  margin: 0;
  color: var(--cb-text-bright, #f1f5f9);
  font: 600 clamp(28px, 3.3vw, 48px)/1.3 Pretendard, 'Apple SD Gothic Neo', sans-serif !important;
  letter-spacing: -.035em;
  word-break: keep-all;
}
.cb-ms-features__subtitle {
  max-width: 680px;
  margin: 20px auto 0;
  color: #bdc9c4;
  font: 400 clamp(16px, 1.25vw, 18px)/1.65 Pretendard, 'Apple SD Gothic Neo', sans-serif;
  word-break: keep-all;
}
/* The site-wide header/button rule uses Space Mono with !important. */
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft):not(:lang(ja)) .cb-ms-features__subtitle,
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft):not(:lang(ja)) .cb-ms-features__tab {
  font-family: Pretendard, 'Apple SD Gothic Neo', sans-serif !important;
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft):lang(ja) h2,
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft):lang(ja) h3 {
  font-family: 'Hiragino Sans', 'Yu Gothic', Meiryo, sans-serif !important;
}
/* A single editing track: the playhead follows the selected tab. */
.cb-ms-features__timeline {
  margin: 48px auto 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: #24483b transparent;
}
.cb-ms-features__track {
  display: grid;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 14px 6px;
  min-width: 940px;
  padding: 4px 4px 30px;
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft):lang(en) .cb-ms-features__track,
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft):lang(ja) .cb-ms-features__track { min-width: 1150px; }
.cb-ms-features__ruler {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 35px;
  color: #8ba599;
  font: 400 10px/1 'Space Mono', monospace;
}
.cb-ms-features__ruler::after {
  content: '';
  position: absolute;
  inset: 21px 0 0;
  border-bottom: 1px solid #24483b;
  background: repeating-linear-gradient(90deg, #365c4b 0 1px, transparent 1px calc(100% / 40));
}
.cb-ms-features__track-label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid rgba(0, 229, 160, .13);
  border-radius: 3px;
  background: rgba(0, 229, 160, .025);
  color: #8ba599;
  font: 400 10px/1.3 'Space Mono', monospace;
  white-space: nowrap;
}
.cb-ms-features__track-label strong { color: #a6d7c5; font-weight: 700; }
.cb-ms-features__track-label i { width: 5px; height: 5px; margin-left: auto; border-radius: 50%; background: #659b85; }
.cb-ms-features__tabs { display: flex; gap: 5px; min-width: 0; }
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__tab {
  position: relative;
  appearance: none;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  min-height: 41.6px;
  padding: 8px 12px;
  border: 1px solid rgba(0, 229, 160, .2);
  border-left: 2px solid #83cbb0;
  border-radius: 3px;
  background: linear-gradient(110deg, rgba(0, 229, 160, .065), rgba(0, 229, 160, .015));
  color: #bdc9c4;
  font: 500 14px/1.3 Pretendard, 'Apple SD Gothic Neo', sans-serif;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}
.cb-ms-features__step { color: #91dcc2; font: 400 12px/1 'Space Mono', monospace !important; }
.cb-ms-features__tab-label { position: relative; z-index: 1; }
.cb-ms-features__clip-lines {
  flex: 1;
  min-width: 12px;
  height: 15px;
  opacity: .3;
  background: linear-gradient(#24674d, #24674d) right top / 100% 1px no-repeat,
    linear-gradient(#24674d, #24674d) right center / 75% 1px no-repeat,
    linear-gradient(#24674d, #24674d) right bottom / 100% 1px no-repeat;
}
@media (hover: hover) and (pointer: fine) {
  :is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__tab:hover { background-color: rgba(0, 229, 160, .06); color: var(--cb-text-bright, #f1f5f9); }
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__tab.is-active {
  background-color: rgba(0, 229, 160, .08);
  border-color: rgba(0, 229, 160, .55);
  box-shadow: inset 0 3px var(--cb-accent, #00e5a0);
  color: #c8fff0;
}
.cb-ms-features__tabs { position: relative; }
.cb-ms-features__playhead {
  position: absolute;
  z-index: 2;
  top: -15px;
  bottom: -24px;
  left: 0;
  width: 1px;
  background: var(--cb-accent, #00e5a0);
  pointer-events: none;
}
.cb-ms-features__playhead::before {
  content: '';
  position: absolute;
  top: -9px;
  left: -7px;
  width: 14px;
  height: 10px;
  background: var(--cb-accent, #00e5a0);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__tab:focus-visible,
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__link:focus-visible {
  outline: 2px solid #a6f2d4;
  outline-offset: 3px;
}
.cb-ms-features__panel {
  display: grid;
  grid-template-columns: minmax(350px, .88fr) minmax(0, 1.42fr);
  align-items: center;
  gap: clamp(35px, 5.5vw, 100px);
  min-height: 730px;
  margin-top: 56px;
  outline: none;
}
.cb-ms-features__copy { max-width: 540px; }
.cb-ms-features__icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(0, 229, 160, .32);
  border-radius: 6px;
  background: rgba(0, 229, 160, .12);
  color: var(--cb-accent, #00e5a0);
  font: 600 25px/1 'Space Mono', monospace;
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) h3 {
  margin: 22px 0 0;
  color: var(--cb-text-bright, #f1f5f9);
  font: 600 clamp(26px, 2.2vw, 32px)/1.3 Pretendard, 'Apple SD Gothic Neo', sans-serif !important;
  letter-spacing: -.035em;
  word-break: keep-all;
}
.cb-ms-features__copy p {
  margin: 24px 0 0;
  color: #bdc9c4;
  font: 400 clamp(16px, 1.12vw, 18px)/1.65 Pretendard, 'Apple SD Gothic Neo', sans-serif;
  word-break: keep-all;
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  margin-top: 34px;
  padding: 12px 24px;
  border: 1px solid var(--cb-accent-dark, #007a52);
  border-radius: 3px;
  background: rgba(0, 229, 160, .06);
  color: #c8fff0;
  font: 600 14px/1.3 Pretendard, 'Apple SD Gothic Neo', sans-serif;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease;
}
:is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__link:hover { background: rgba(0, 229, 160, .14); border-color: var(--cb-accent, #00e5a0); }
.cb-ms-features__visual {
  position: relative;
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  min-height: 700px;
  padding: 46px 36px;
  border-radius: 12px;
  overflow: hidden;
  background: #47231d url('/cambrain/mediasilo-features/review-bg.jpg') center / cover no-repeat;
}
.cb-ms-features__visual[data-theme='move'] { background: radial-gradient(circle at 65% 30%, #545979, #1c2741 58%, #101922); }
.cb-ms-features__visual[data-theme='find'] { background: radial-gradient(circle at 70% 20%, #544572, #252339 60%, #10141e); }
.cb-ms-features__visual[data-theme='watch'] { background: radial-gradient(circle at 80% 25%, #8f5d51, #3e252c 60%, #17171e); }
.cb-ms-features__visual[data-theme='deliver'] { background: radial-gradient(circle at 75% 20%, #735d57, #352b31 62%, #161a20); }
.cb-ms-features__screen {
  display: block;
  width: min(100%, 900px);
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 22px 50px #0007;
}
.cb-ms-features__comment {
  position: absolute;
  width: clamp(140px, 25%, 250px);
  height: auto;
  border-radius: 6px;
  box-shadow: 0 10px 30px #0006;
  pointer-events: none;
}
.cb-ms-features__comment--one { right: 11%; top: 33%; }
.cb-ms-features__comment--two { left: 25%; bottom: 29%; }
.cb-ms-features__comment[hidden] { display: none; }
.cb-ms-features__comment > img { display: block; width: 100%; height: auto; }
/* Existing floating-card positions, with real export/report panels as details. */
.cb-ms-features__comment--crop { aspect-ratio: 880 / 284; overflow: hidden; background: #080c0b; }
.cb-ms-features__comment--crop > img { position: absolute; width: 400%; max-width: none; right: 0; top: -120%; }
.cb-ms-features__comment--crop.cb-ms-features__comment--two > img { top: -470%; }
.cb-ms-features__visual:not([data-theme='review']) .cb-ms-features__comment { display: none; }
@media (max-width: 1100px) {
  .cb-ms-features__inner { padding-inline: 32px; }
  .cb-ms-features__panel { gap: 32px; min-height: 550px; }
  .cb-ms-features__visual { min-height: 510px; padding: 28px; }

}
@media (max-width: 760px) {
  :is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) { padding: 88px 0 110px; }
  .cb-ms-features__inner { padding-inline: 20px; }
  .cb-ms-features__subtitle { margin-top: 20px; }
  .cb-ms-features__timeline { margin-top: 36px; }
  .cb-ms-features__panel { grid-template-columns: minmax(0, 1fr); gap: 34px; min-height: 0; margin-top: 46px; }
  .cb-ms-features__copy { max-width: none; }
  .cb-ms-features__copy p { margin-top: 17px; }
  :is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__link { margin-top: 25px; }
  .cb-ms-features__visual { min-height: 0; aspect-ratio: 1.25; padding: 20px; }
}
@media (max-width: 420px) {
  .cb-ms-features__inner { padding-inline: 16px; }
  :is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) h2 { font-size: 28px !important; }
  .cb-ms-features__visual { aspect-ratio: 1.16; padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(#cambrain-mediasilo-features, #cambrain-mediasilo-features-draft) .cb-ms-features__link { transition: none; }
}
/* Share the SCALABILITY section's content origin and responsive canvas. */
.cb-ms-features__inner {
  max-width: none;
  padding-inline: max(24px, calc((100% - 1232px) / 2));
}
.cb-ms-features__panel {
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.75fr);
  gap: 36px;
}
@media (max-width: 1100px) {
  .cb-ms-features__inner { padding-inline: max(24px, calc((100% - 760px) / 2)); }
  .cb-ms-features__panel { grid-template-columns: minmax(0, 1fr); }
  .cb-ms-features__copy { max-width: 560px; }
}
@media (max-width: 600px) {
  .cb-ms-features__inner { padding-inline: 20px; }
}

.cb-ms-features__icon > svg { display: block; width: 24px; height: 24px; flex: none; }

.cb-ms-features__short, .cb-ms-features__mobile-label { display: none; }
@media (max-width: 760px) {
  #cambrain-platform-draft .cb-ms-features__timeline { overflow: visible; }
  /* Override the more specific EN/JA desktop minimum as well. */
  #cambrain-platform-draft #cambrain-mediasilo-features-draft .cb-ms-features__track { display: block; min-width: 0; padding: 0 0 18px; }
  #cambrain-platform-draft :is(.cb-ms-features__ruler, .cb-ms-features__track-label, .cb-ms-features__clip-lines, .cb-ms-features__playhead, .cb-ms-features__tab-label) { display: none; }
  #cambrain-platform-draft .cb-ms-features__tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  #cambrain-platform-draft .cb-ms-features__tab { flex-direction: column; justify-content: center; min-height: 56px; padding: 8px 2px; gap: 6px; border-left-width: 1px; font-size: 12px; }
  #cambrain-platform-draft .cb-ms-features__short { display: block; }
  #cambrain-platform-draft .cb-ms-features__tabs::after { content: ''; position: absolute; left: 0; right: 0; bottom: -16px; height: 2px; background: linear-gradient(to right, #00e5a0 var(--mobile-progress, 70%), #24483b var(--mobile-progress, 70%)); }
  #cambrain-platform-draft .cb-ms-features__tabs::before { content: ''; position: absolute; z-index: 1; left: var(--mobile-progress, 70%); bottom: -19px; width: 8px; height: 8px; border-radius: 50%; background: #00e5a0; transform: translateX(-50%); }
  #cambrain-platform-draft .cb-ms-features__mobile-label { display: block; text-align: center; margin: 14px 0 0; color: #a6f2d4; font-size: 14px; }
  #cambrain-platform-draft .cb-ms-features__panel { margin-top: 24px; gap: 24px; touch-action: pan-y pinch-zoom; }
  #cambrain-platform-draft .cb-ms-features__visual { order: -1; }
}