/* Homepage visual treatment. Existing markup, content and interactions are preserved. */
.motion-v6 {
  --paper: #f4f2eb;
  --ink: #171817;
  --line: #d0d0c8;
  --m-blue: #2948df;
  --m-border: #c9cac4;
  color: var(--ink);
  background: var(--paper);
}
.motion-v6 .site-header {
  background: #f7f5eeed;
  border-bottom: 1px solid #cfcec6;
  box-shadow: 0 5px 22px #17181706;
  backdrop-filter: blur(16px);
}
.motion-v6 .m-hero {
  background: #f4f2eb;
  border-bottom: 1px solid #cfcec6;
  padding-block: clamp(48px, 5vw, 76px);
}
.motion-v6 .m-hero #hero-title {
  color: #171817;
  letter-spacing: -.055em;
}
.motion-v6 .m-hero #hero-title em { color: #2948df; }
.motion-v6 .m-section { padding-block: clamp(52px, 6vw, 88px); }
.motion-v6 .m-tone-paper { background: #f4f2eb; }
.motion-v6 .m-tone-sage { background: #e9ebed; }
.motion-v6 .m-tone-sand { background: #eae5da; }
.motion-v6 .m-tone-lavender { background: #e8ebf6; }
.motion-v6 .m-tone-yellow { background: #e7eaf4; }
.motion-v6 .m-tone-ink {
  color: #f7f5ef;
  background: #202b55;
  --m-border: #7481a6;
}
.motion-v6 .m-heading { margin-bottom: 40px; gap: 40px; }
.motion-v6 .m-heading h2,
.motion-v6 .input-demo-heading h2 {
  font-family: Impact, 'Arial Narrow', Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -.025em;
  line-height: 1.04;
  font-size: clamp(34px, 3.6vw, 54px);
}
.motion-v6 .m-heading h2 em,
.motion-v6 .input-demo-heading h2 em {
  font-family: inherit;
  font-weight: inherit;
  font-style: normal;
  color: #2948df;
  letter-spacing: inherit;
  line-height: inherit;
  margin-top: 2px;
}
.motion-v6 .m-tone-ink .m-heading h2 em { color: #afbcff; }
.motion-v6 .m-heading > p,
.motion-v6 .input-demo-heading > p { color: #565953; line-height: 1.7; }
.motion-v6 .m-tone-ink .m-heading > p,
.motion-v6 .m-tone-ink .m-demo-note { color: #d6daeb; }
.motion-v6 .m-choices button,
.motion-v6 .m-control,
.motion-v6 .input-demo-tabs button {
  border-radius: 5px;
  border-color: #bfc2be;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.motion-v6 .m-choices button:hover,
.motion-v6 .m-control:hover,
.motion-v6 .input-demo-tabs button:hover {
  background: #e1e6fc;
  color: #1934a4;
  border-color: #2948df;
}
.motion-v6 .m-choices button[aria-pressed=true],
.motion-v6 .input-demo-tabs button[aria-selected=true],
.motion-v6 .input-demo-tabs button[aria-pressed=true] {
  background: #2948df;
  border-color: #2948df;
  color: #fff;
  box-shadow: 3px 3px 0 #182f9220;
}
.motion-v6 .m-tone-ink .m-choices button { border-color: #7883a5; }
.motion-v6 .m-tone-ink .m-choices button[aria-pressed=true] {
  color: #202b55; background: #f7f5ee; border-color: #f7f5ee;
}
.motion-v6 :is(button,a,input,textarea,select):focus-visible {
  outline: 3px solid #5175ff;
  outline-offset: 4px;
}
.motion-v6 .input-spectrum { background: #f4f2eb; padding-block: 64px 76px; }
.motion-v6 .input-demo-panel {
  background: #e8e5db;
  border: 1px solid #c9c8be;
  border-radius: 4px;
  box-shadow: 7px 8px 0 #ddd9cd;
}
.motion-v6 .source-demo-scene { background-image: none; }
.motion-v6 .source-demo-brief {
  background: #e5ebff;
  color: #18275b;
  border: 1px solid #a6b7f0;
  box-shadow: 8px 12px 24px #141b3812;
}
.motion-v6 .source-demo-ready { color: #2948b5; }
.motion-v6 .result-topic { color: #161d3d; background: #fbfaf5; }
.motion-v6 .result-topic-outline { color: #f5f6ff; background: #2948df; }
.motion-v6 .result-topic h3 em { color: #2948df; }
.motion-v6 .m-source-page,
.motion-v6 .m-topic-input,
.motion-v6 .m-pdf-window,
.motion-v6 .m-data-source {
  background: #fbfaf5;
  color: #20231f;
  border: 1px solid #c8c9c1;
  border-radius: 3px;
  box-shadow: 5px 6px 0 #1718170b;
}
.motion-v6 .m-source-page mark,
.motion-v6 .m-fragment[aria-pressed=true] {
  background: #e1e7ff;
  color: #1c327c;
  border-color: #99aceb;
}
.motion-v6 .m-process-result {
  background: #f5f3eb;
  color: #1a2340;
  border-color: #bec7e9;
  border-radius: 3px;
  box-shadow: 8px 8px 0 #0b123447;
}
.motion-v6 .m-process-result > span { color: #3a4b80; }
.motion-v6 .m-process-result p { color: #575f73; }
.motion-v6 .m-process-result strong {
  color: #2948df;
  border-top-color: #bdc7e1;
}
.motion-v6 .m-topic-output h3 { letter-spacing: -.035em; }
.motion-v6 .m-topic-output li { border-color: #c7c8c0; }
.motion-v6 .m-topic-photo { border-radius: 3px; }
.motion-v6 .m-match-label { color: #404e80; }
.motion-v6 .m-thesis-slide {
  background: #2948df;
  border-radius: 3px;
  box-shadow: 7px 7px 0 #aab6e5;
}
.motion-v6 .m-thesis-slide > span,
.motion-v6 .m-thesis-slide > p { color: #e4e9ff; }
.motion-v6 .m-thesis-slide h3 { letter-spacing: -.045em; }
.motion-v6 .m-pdf-excerpt mark { background: #d8e2ff; color: #18358b; }
.motion-v6 .m-pdf-slide { border-radius: 3px; box-shadow: 7px 7px 0 #c9c3b6; }
.motion-v6 .m-document-toolbar { border-color: #cdcec5; }
.motion-v6 .creative-deck {
  background: #e9e6db;
  border-color: #b9b9ad;
  border-radius: 4px;
  box-shadow: 7px 8px 0 #dcd8cc;
}
.motion-v6 .cd-toolbar { background: #f8f6ef; border-color: #c8c6bb; }
.motion-v6 .cd-toolbar button,
.motion-v6 .cd-navigation button,
.motion-v6 .cd-inspector button { border-radius: 4px; }
.motion-v6 .m-style-description { color: #51576b; }
.motion-v6 .m-style-preview .m-cover { border-radius: 3px; }
.motion-v6 .m-data-source tr[data-selected=true] { background: #e1e7ff; }
.motion-v6 .m-data-source th,
.motion-v6 .m-data-source td { border-color: #d0d1ca; }
.motion-v6 .m-data-result {
  background: #202b55;
  border-radius: 3px;
  box-shadow: 7px 7px 0 #c2c9db;
}
.motion-v6 .m-data-head strong { color: #c5d0ff; }
.motion-v6 .m-bar-space i { background: #7189e6; }
.motion-v6 .m-bar-space[data-selected=true] i { background: #f3f1e5; }
.motion-v6 .m-bar-space:hover i { background: #bcc9ff; }
.motion-v6 .m-data-caption { color: #dbe2fc; }
.motion-v6 .m-single-slide:not(.m-single-4) {
  background: #e4e8f4;
  color: #192547;
  border: 1px solid #bcc6df;
  border-radius: 3px;
  box-shadow: 7px 7px 0 #d6d9e1;
}
.motion-v6 .m-single-bars i { background: #2948df; }
.motion-v6 .m-timeline li { border-top-color: #7e93d7; }
.motion-v6 .m-download { border-bottom-color: #65729b; }
.motion-v6 .m-download b { background: #31416e; color: #f6f5ed; border-color: #8a9ac5; border-radius: 3px; }
.motion-v6 .m-download small { color: #d5ddf7; }
.motion-v6 .m-download:hover b { background: #2948df; }
.motion-v6 #faq { background: #f4f2eb; }
.motion-v6 .faq-list { border-top: 1px solid #aeb1a8; }
.motion-v6 .faq-item { border-bottom-color: #c5c7bd; }
.motion-v6 .faq-item button { color: #1b211f; }
.motion-v6 .faq-item button:hover { color: #2948df; }
.motion-v6 .faq-item p { color: #555c53; }
.motion-v6 #try { background: #e4e8f5; border-top: 1px solid #bbc5e0; }
.motion-v6 .m-final-action p { color: #4f5a78; }
.motion-v6 .m-final-deck:before { background: #c2cfff; }
.motion-v6 .m-final-deck:after { background: #fbfaf4; }
.motion-v6 .site-footer { background: #f4f2eb; border-top: 1px solid #c9cac2; }
@media(max-width: 700px) {
  .motion-v6 .m-hero { padding-block: 38px 44px; }
  .motion-v6 .m-heading { gap: 20px; margin-bottom: 28px; }
  .motion-v6 .m-heading h2,
  .motion-v6 .input-demo-heading h2 { font-size: 34px; letter-spacing: -.025em; }
  .motion-v6 .input-spectrum { padding-block: 48px 56px; }
  .motion-v6 .input-demo-panel,
  .motion-v6 .creative-deck { box-shadow: 3px 4px 0 #dcd8cc; }
  .motion-v6 .m-thesis-slide,
  .motion-v6 .m-data-result,
  .motion-v6 .m-pdf-slide { box-shadow: 4px 4px 0 #c2c9db; }
}