.collect-page {
  --collect-ink: #08243a;
  --collect-blue: #1267d7;
  --collect-muted: #526c82;
  color: var(--collect-ink);
  background: #fff;
}

.collect-page main { overflow: hidden; }
.collect-page figure { margin: 0; }

.collect-hero {
  position: relative;
  overflow: hidden;
  padding: 104px 0 98px;
  background:
    radial-gradient(circle at 76% 23%, rgba(192, 225, 255, .72), transparent 31rem),
    radial-gradient(circle at 11% 85%, rgba(223, 243, 255, .74), transparent 25rem),
    #f8fcff;
}

.collect-hero::after {
  position: absolute;
  right: -90px;
  bottom: -230px;
  width: 480px;
  height: 480px;
  border: 1px solid rgba(35, 124, 219, .13);
  border-radius: 50%;
  content: "";
}

.collect-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  gap: clamp(36px, 5vw, 86px);
  align-items: center;
}

.collect-hero-copy { max-width: 605px; }
.collect-eyebrow,
.collect-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
  color: #1265cc;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.4;
}

.collect-hero h1,
.collect-copy h2,
.collect-final h2 {
  font-family: Manrope, Inter, sans-serif;
  font-weight: 800;
}

.collect-hero h1 {
  max-width: 680px;
  margin: 0;
  font-size: clamp(44.8px, 4.8vw, 62.4px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: .98;
}

.collect-hero h1 em {
  color: var(--collect-blue);
  font-style: normal;
}

.collect-lead {
  max-width: 560px;
  margin: 28px 0 0;
  color: #415c72;
  font-size: 18px;
  line-height: 1.75;
}

.collect-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
  margin-top: 33px;
}

.collect-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #154e8f;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.collect-link:hover,
.collect-link:focus-visible { color: var(--collect-blue); text-decoration: underline; }

.collect-hero-art {
  position: relative;
  display: grid;
  min-height: 445px;
  place-items: center;
}

.collect-hero-orbit {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(41, 133, 223, .19);
  border-radius: 50%;
}

.collect-hero-orbit::before,
.collect-hero-orbit::after {
  position: absolute;
  border: 1px dashed rgba(41, 133, 223, .23);
  border-radius: 50%;
  content: "";
}

.collect-hero-orbit::before { inset: 41px 60px; }
.collect-hero-orbit::after { inset: 93px 140px; }

.collect-hero-orbit span {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background: #2ca5a1;
  border-radius: 50%;
}

.collect-hero-orbit span:nth-child(1) { left: 8%; top: 31%; }
.collect-hero-orbit span:nth-child(2) { right: 13%; top: 9%; background: #5ca0ed; }
.collect-hero-orbit span:nth-child(3) { right: 2%; bottom: 22%; width: 6px; height: 6px; }

.collect-shot {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d4e3ef;
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(13, 56, 91, .13);
}

.collect-shot img { display: block; width: 100%; height: auto; }

.collect-shot figcaption {
  padding: 12px 18px 13px;
  color: #627a90;
  background: #fff;
  border-top: 1px solid #e6eef5;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

.collect-shot--hero {
  z-index: 1;
  width: min(100%, 560px);
  border: 8px solid #fff;
  border-radius: 22px;
}

.collect-shot--hero figcaption { margin: 0 -8px -8px; }

.collect-ways {
  position: relative;
  background: linear-gradient(105deg, #061d34 0%, #082f5b 56%, #0a4c95 100%);
}

.collect-ways-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: 26px;
  padding-bottom: 26px;
}

.collect-ways a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 2px 9px;
  padding: 8px 25px;
  color: #fff;
  border-right: 1px solid rgba(207, 231, 255, .16);
  text-decoration: none;
  transition: background .2s ease;
}

.collect-ways a:first-child { padding-left: 0; }
.collect-ways a:last-child { border-right: 0; }
.collect-ways a:hover,
.collect-ways a:focus-visible { background: rgba(255, 255, 255, .07); }
.collect-ways a span { grid-row: 1 / span 2; color: #9bd8ff; font-size: 12px; font-weight: 800; }
.collect-ways a strong { font-size: 14px; font-weight: 800; }
.collect-ways a small { color: #b8d2e4; font-size: 12px; }

.collect-section { padding: 112px 0; scroll-margin-top: 82px; }
.collect-split { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: clamp(38px, 6vw, 88px); align-items: center; }
.collect-copy { max-width: 550px; }
.collect-kicker { margin-bottom: 23px; }

.collect-kicker span {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  color: #1167d3;
  background: #e5f1ff;
  border: 1px solid #cfe5fc;
  border-radius: 50%;
  font-size: 11px;
  letter-spacing: 0;
}

.collect-copy h2 {
  margin: 0;
  font-size: clamp(37px, 3.25vw, 49px);
  letter-spacing: -.055em;
  line-height: 1.18;
}

.collect-section--import .collect-copy h2 { font-weight: 600; line-height: 1.05; }
.collect-section--import .collect-copy h2 em { color: var(--collect-blue); font-style: normal; }

.collect-copy > p:not(.collect-kicker),
.collect-capture-intro > p,
.collect-pdf-heading > p {
  margin: 23px 0 0;
  color: #435f75;
  font-size: 17px;
  line-height: 1.76;
}

.collect-copy strong,
.collect-paste-copy strong,
.collect-capture-intro strong,
.collect-pdf-heading strong,
.collect-auto-pdf strong { color: #173e69; font-weight: 800; }

.collect-copy .collect-fine { margin-top: 17px !important; color: #647d91 !important; font-size: 13px !important; line-height: 1.6 !important; }

.collect-import-sources { margin-top: 28px; padding: 18px; background: #f5faff; border: 1px solid #dbeafb; border-radius: 15px; }
.collect-import-sources-title { margin: 0 0 13px; color: #365a76; font-size: 12px; font-weight: 800; letter-spacing: .01em; }
.collect-import-logo-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.collect-import-logo { display: flex; align-items: center; justify-content: center; min-width: 0; height: 62px; padding: 9px; background: #fff; border: 1px solid #dce8f1; border-radius: 10px; }
.collect-import-logo img { display: block; max-width: 100%; height: auto; }
.collect-import-logo--endnote img { width: 122px; }
.collect-import-logo--zotero img { width: 104px; }
.collect-import-logo--mendeley { gap: 5px; }
.collect-import-logo--mendeley img { width: 23px; flex: none; }
.collect-import-logo--mendeley span { color: #26333f; font-size: 14px; font-weight: 700; letter-spacing: -.04em; }
.collect-import-sources-note { margin: 12px 0 0; color: #56748b; font-size: 12px; line-height: 1.5; }

.collect-shot--upload { max-width: 760px; }
.collect-shot--dialog { border: 8px solid #fff; border-radius: 19px; }
.collect-shot--dialog figcaption { margin: 0 -8px -8px; }

.collect-paste-row {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) minmax(0, 440px);
  gap: 26px;
  align-items: center;
  margin-top: 88px;
  padding: 37px 40px;
  background: #f4f9fe;
  border: 1px solid #daebf8;
  border-radius: 22px;
}

.collect-paste-icon {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  color: #1267d7;
  background: #fff;
  border: 1px solid #d8e8f7;
  border-radius: 16px;
  box-shadow: 0 9px 20px rgba(22, 87, 145, .07);
  font-size: 20px;
  font-weight: 800;
}

.collect-paste-copy h3 { margin: 0; font-family: Manrope, Inter, sans-serif; font-size: 23px; font-weight: 800; letter-spacing: -.035em; }
.collect-paste-copy p { max-width: 570px; margin: 12px 0 0; color: #4b657a; font-size: 15px; line-height: 1.72; }
.collect-shot--paste { max-width: 440px; border-radius: 13px; box-shadow: 0 18px 40px rgba(13, 56, 91, .1); }
.collect-shot--paste figcaption { padding: 8px; font-size: 11px; }

.collect-section--capture { background: #edf7ff; }
.collect-capture-intro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 65px; align-items: end; margin-bottom: 45px; }
.collect-capture-intro > p { max-width: 640px; margin: 0 0 4px; }
.collect-capture-stage { position: relative; padding: 0 52px 39px 0; }
.collect-capture-dots { position: absolute; right: 0; bottom: 0; width: 245px; height: 245px; background-image: radial-gradient(#83bcef 1.3px, transparent 1.3px); background-size: 15px 15px; opacity: .35; }
.collect-shot--browser { border: 9px solid #fff; border-radius: 21px; }
.collect-shot--browser figcaption { margin: 0 -9px -9px; }
.collect-capture-zoom { position: absolute; right: 0; bottom: 0; width: 380px; overflow: hidden; background: #fff; border: 7px solid #fff; border-radius: 16px; box-shadow: 0 22px 50px rgba(13, 56, 91, .22); }
.collect-capture-zoom img { display: block; width: 100%; height: auto; }
.collect-capture-zoom figcaption { padding: 8px; color: #59738a; font-size: 11px; text-align: center; }

.collect-split--search { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
.collect-shot--search { max-width: 640px; }
.collect-section--search .collect-copy { margin-left: auto; }

.collect-section--pdf { background: #f8fbfe; }
.collect-pdf-heading { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 66px; align-items: end; margin-bottom: 45px; }
.collect-pdf-heading > p { max-width: 650px; margin: 0 0 4px; }
.collect-shot--pdf { border: 9px solid #fff; border-radius: 21px; }
.collect-shot--pdf figcaption { margin: 0 -9px -9px; }

.collect-auto-pdf {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 260px;
  gap: 21px;
  align-items: center;
  max-width: 1000px;
  margin: 36px auto 0;
  padding: 20px 26px;
  background: #fff;
  border: 1px solid #dcebf7;
  border-radius: 18px;
}

.collect-auto-pdf-icon { display: grid; width: 52px; height: 52px; place-items: center; color: #1267d7; background: #e8f3ff; border-radius: 14px; font-size: 25px; font-weight: 700; }
.collect-auto-pdf h3 { margin: 0; font-family: Manrope, Inter, sans-serif; font-size: 19px; letter-spacing: -.03em; }
.collect-auto-pdf p { margin: 8px 0 0; color: #506b80; font-size: 14px; line-height: 1.65; }
.collect-auto-pdf-shot { overflow: hidden; height: 179px; border: 1px solid #d4e5f1; border-radius: 9px; }
.collect-auto-pdf-shot img { display: block; width: 100%; height: auto; }

.collect-final { padding: 92px 0 110px; }
.collect-final-card { position: relative; overflow: hidden; padding: 72px 28px 77px; color: #fff; background: radial-gradient(circle at 15% 90%, rgba(56, 183, 218, .3), transparent 25rem), linear-gradient(120deg, #082b48, #0968cc); border-radius: 25px; text-align: center; }
.collect-final-card .collect-eyebrow { justify-content: center; margin-bottom: 20px; color: #a7dcff; }
.collect-final h2 { position: relative; z-index: 1; max-width: 740px; margin: 0 auto; font-size: clamp(34px, 4vw, 52px); letter-spacing: -.055em; line-height: 1.18; }
.collect-final-card > p:not(.collect-eyebrow) { position: relative; z-index: 1; margin: 17px 0 25px; color: #d7edff; font-size: 16px; }
.collect-final-card .novo-button { position: relative; z-index: 1; }
.collect-final-spark { position: absolute; display: block; width: 17px; height: 17px; border: 2px solid rgba(198, 229, 255, .28); border-radius: 4px; transform: rotate(24deg); }
.collect-final-spark--a { top: 55px; left: 11%; }
.collect-final-spark--b { right: 12%; bottom: 70px; width: 26px; height: 26px; }

@media (max-width: 1080px) {
  .collect-hero-grid { gap: 34px; }
  .collect-hero-art { min-height: 375px; }
  .collect-split { gap: 45px; }
  .collect-paste-row { grid-template-columns: minmax(0, 1fr) minmax(0, 380px); }
  .collect-paste-icon { display: none; }
  .collect-auto-pdf { grid-template-columns: 58px minmax(0, 1fr) 225px; }
}

@media (max-width: 860px) {
  .collect-hero h1 { font-size: clamp(41.6px, 7.2vw, 54.4px); }
}

@media (max-width: 820px) {
  .collect-hero { padding: 72px 0 75px; }
  .collect-hero-grid { grid-template-columns: 1fr; }
  .collect-hero-copy { max-width: 700px; }
  .collect-hero-art { min-height: 410px; max-width: 620px; width: 100%; margin: 0 auto; }
  .collect-ways-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding: 20px 0; }
  .collect-ways a { min-height: 68px; padding: 12px 18px; }
  .collect-ways a:first-child { padding-left: 18px; }
  .collect-ways a:nth-child(2) { border-right: 0; }
  .collect-ways a:nth-child(-n+2) { border-bottom: 1px solid rgba(207, 231, 255, .16); }
  .collect-section { padding: 85px 0; }
  .collect-split,
  .collect-split--search,
  .collect-capture-intro,
  .collect-pdf-heading { grid-template-columns: 1fr; gap: 35px; }
  .collect-split--search .collect-copy { grid-row: 1; margin-left: 0; }
  .collect-split--search .collect-shot { grid-row: 2; }
  .collect-copy { max-width: 700px; }
  .collect-capture-intro > p,
  .collect-pdf-heading > p { max-width: 700px; }
  .collect-paste-row { margin-top: 62px; }
  .collect-capture-stage { padding-right: 18px; }
  .collect-capture-zoom { width: min(50%, 380px); }
}

@media (max-width: 620px) {
  .collect-hero h1 { font-size: clamp(33.6px, 9.84vw, 42.4px); line-height: 1; }
}

@media (max-width: 600px) {
  .collect-page { --novo-shell: min(100% - 32px, 1240px); }
  .collect-hero { padding: 60px 0 58px; }
  .collect-lead { margin-top: 20px; font-size: 16px; line-height: 1.7; }
  .collect-hero-actions { gap: 18px; margin-top: 25px; }
  .collect-hero-art { min-height: 310px; }
  .collect-hero-orbit { inset: 15px 4px; }
  .collect-shot--hero { width: calc(100% - 20px); border-width: 5px; border-radius: 15px; }
  .collect-shot--hero figcaption { margin: 0 -5px -5px; }
  .collect-ways a { grid-template-columns: 25px minmax(0, 1fr); gap: 2px 5px; padding: 12px 8px; }
  .collect-ways a:first-child { padding-left: 8px; }
  .collect-ways a strong { font-size: 11px; line-height: 1.35; }
  .collect-ways a small { font-size: 10px; }
  .collect-ways a span { font-size: 10px; }
  .collect-section { padding: 70px 0; }
  .collect-copy h2 { font-size: 36px; }
  .collect-copy > p:not(.collect-kicker),
  .collect-capture-intro > p,
  .collect-pdf-heading > p { margin-top: 17px; font-size: 15px; line-height: 1.72; }
  .collect-kicker { gap: 9px; font-size: 10px; }
  .collect-kicker span { width: 29px; height: 29px; }
  .collect-shot--dialog,
  .collect-shot--browser,
  .collect-shot--pdf { border-width: 5px; border-radius: 13px; }
  .collect-shot--dialog figcaption,
  .collect-shot--browser figcaption,
  .collect-shot--pdf figcaption { margin: 0 -5px -5px; }
  .collect-paste-row { grid-template-columns: 1fr; gap: 20px; margin-top: 43px; padding: 25px 18px; }
  .collect-paste-copy h3 { font-size: 22px; }
  .collect-paste-copy p { font-size: 14px; }
  .collect-shot--paste { max-width: none; }
  .collect-capture-intro { gap: 18px; margin-bottom: 26px; }
  .collect-capture-stage { padding: 0; }
  .collect-capture-dots { display: none; }
  .collect-capture-zoom { position: relative; right: auto; bottom: auto; width: min(100% - 20px, 380px); margin: -18px auto 0; border-width: 5px; }
  .collect-pdf-heading { gap: 17px; margin-bottom: 26px; }
  .collect-shot--pdf img { width: 260%; max-width: none; height: auto; margin-left: -160%; }
  .collect-auto-pdf { grid-template-columns: 40px minmax(0, 1fr); gap: 13px; margin-top: 25px; padding: 18px; }
  .collect-auto-pdf-icon { width: 39px; height: 39px; font-size: 19px; }
  .collect-auto-pdf h3 { font-size: 17px; }
  .collect-auto-pdf p { font-size: 13px; }
  .collect-auto-pdf-shot { grid-column: 1 / -1; width: 260px; max-width: 100%; margin: 4px auto 0; }
  .collect-final { padding: 70px 0; }
  .collect-final-card { padding: 56px 22px 60px; text-align: left; }
  .collect-final-card .collect-eyebrow { justify-content: flex-start; }
  .collect-final h2 { font-size: 35px; }
  .collect-final-card > p:not(.collect-eyebrow) { font-size: 14px; line-height: 1.6; }
}

@media (prefers-reduced-motion: reduce) {
  .collect-ways a { transition: none; }
}