.fn-cta {
  --art-scale: .6;
  --mark-scale: var(--art-scale);
  position: relative;
  container-type: inline-size;
  isolation: isolate;
  width: calc(100% - 2 * var(--padding-global));
  max-width: 1600px;
  margin: 3.2rem auto 8rem;
  overflow: hidden;
  background: #fffced;
  color: #000;
}
.fn-cta-paper { position: absolute; inset: 0; z-index: -2; overflow: hidden; mix-blend-mode: multiply; }
.fn-cta-paper img { position: absolute; left: 50%; top: 50%; width: 72.55%; height: 182%; max-width: none; object-fit: cover; transform: translate(-50%, -50%) rotate(90deg); }
.fn-cta-left, .fn-cta-right { position: absolute; pointer-events: none; transform: scale(var(--art-scale)); transform-origin: top left; z-index: -1; }
.fn-cta-left { left: 4.81%; top: 6.777%; width: 520.517px; height: 621.092px; }
.fn-cta-right { left: 70.1885%; top: 35.6667%; width: 452.132px; height: 590.668px; }
.fn-cta img { max-width: none; }
.fn-cta-flower-top { position: absolute; left: 278.284px; top: 0; width: 177.197px; height: 182.165px; overflow: hidden; }
.fn-cta-flower-top img { position: absolute; width: 278.97%; height: 230%; left: -183.25%; top: -131.05%; }
.fn-cta .fn-cta-notebook { position: absolute; left: 0; top: 90.676px; width: 520.517px; height: 416.414px; }
.fn-cta-flower-left { position: absolute; left: 60.213px; top: 404.682px; width: 213.408px; height: 219.391px; mask: url('/assets/field-notes-cta/flower-mask-left.svg') -12.962px -.992px / 231.358px 217.398px no-repeat; }
.fn-cta-flower-left img { position: absolute; width: 278.97%; height: 230%; left: -61.22%; top: -88.08%; }
.fn-cta-flower-blue { position: absolute; left: 8.498px; top: 0; width: 443.633px; height: 450.805px; display: flex; align-items: center; justify-content: center; }
.fn-cta-flower-blue > div { position: relative; width: 360.516px; height: 370.624px; overflow: hidden; transform: rotate(14.89deg); }
.fn-cta-flower-blue img { position: absolute; width: 278.97%; height: 230%; left: 0; top: 0; }
.fn-cta-flower-right { position: absolute; left: 31.374px; top: 227.145px; width: 269.335px; height: 313.949px; mask: url('/assets/field-notes-cta/flower-mask-right.svg') -31.374px 49.578px / 334.111px 313.945px no-repeat; }
.fn-cta-flower-right img { position: absolute; width: 319.22%; height: 232.11%; left: -163.2%; top: -33.24%; }
.fn-cta-content { min-height: 56.25cqw; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 1.45cqw; }
.fn-cta h2 { position: relative; width: 39.45cqw; margin: 0; font-family: var(--_font-family---neurial-grotesk); font-weight: 400; font-size: 2.401cqw; line-height: 1.3; text-align: center; z-index: 1; }
.fn-cta-subscribe, .fn-cta-highlight { position: relative; display: inline-block; white-space: nowrap; }
.fn-cta .fn-cta-svg { position: absolute; display: block; width: auto; height: auto; max-width: none; pointer-events: none; transform-origin: top left; }
.fn-cta .fn-cta-circle { left: -.9cqw; top: -1.65cqw; z-index: -1; transform: rotate(9.98deg) scale(var(--mark-scale)); }
.fn-cta .fn-cta-mark { left: -.15cqw; top: -.1cqw; z-index: -1; transform: scale(var(--mark-scale)); }
.fn-cta-form { position: relative; width: 26.54cqw; margin-top: 3.45cqw; font-family: var(--_font-family---geist-mono); }
.fn-cta-fields { display: flex; align-items: flex-start; gap: 1.313cqw; }
.fn-cta-email { display: block; position: relative; width: 17.125cqw; flex: 1; margin: 0; }
.fn-cta input[type='email'], .fn-cta button { height: 2cqw; min-height: 28px; border: 0; border-radius: 0; outline-offset: 6px; background: transparent; color: var(--_colors---blue); font: 400 max(12px, 1.122cqw)/1.4 var(--_font-family---geist-mono); }
.fn-cta input[type='email'] { display: block; width: 100%; padding: 0 .5625cqw .35cqw; }
.fn-cta input::placeholder { color: #71869880; opacity: 1; }
.fn-cta button { padding: 0; flex: 0 0 auto; white-space: nowrap; cursor: pointer; transition: opacity .2s; }
.fn-cta button:hover { opacity: .65; }
.fn-cta button:disabled { opacity: .6; cursor: wait; }
.fn-cta :focus-visible { outline: 2px solid #718698; }
.fn-cta .fn-cta-underline { left: 0; bottom: 0; transform: scale(var(--art-scale)); transform-origin: bottom left; }
.fn-cta-arrow { position: absolute; left: 49.72%; top: 2.6cqw; width: 210px; height: 70px; transform: scale(var(--art-scale)); transform-origin: top left; pointer-events: none; }
.fn-cta .fn-cta-arrow-curve { left: 0; top: 7px; transform: rotate(-6.49deg); }
.fn-cta .fn-cta-arrow-tip-one { left: 183.405px; top: -5px; transform: rotate(-6.49deg); }
.fn-cta .fn-cta-arrow-tip-two { left: 183px; top: -6px; transform: rotate(99.7deg); }
.fn-cta-status { position: absolute; top: calc(100% + 4.5cqw); left: -20%; width: 140%; margin: 0; color: #2a281f; font: 400 14px/1.4 var(--_font-family---neurial-grotesk); text-align: center; }
.fn-cta-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.fn-cta-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 900px) {
  .fn-cta { --mark-scale: .52; margin-bottom: 4.8rem; }
  .fn-cta-content { min-height: 620px; padding: 155px 24px 185px; }
  .fn-cta-paper img { width: 180%; height: 120%; }
  .fn-cta-left { --art-scale: .28; left: 2%; top: 12px; }
  .fn-cta-right { --art-scale: .3; left: auto; top: auto; right: 3%; bottom: 8px; transform-origin: bottom right; }
  .fn-cta h2 { width: 100%; max-width: 470px; font-size: 28px; }
  .fn-cta-desktop-break { display: none; }
  .fn-cta .fn-cta-circle { left: -9px; top: -9px; }
  .fn-cta .fn-cta-mark { left: -2px; top: 0; transform: scale(.58); }
  .fn-cta-form { width: 100%; max-width: 350px; margin-top: 32px; }
  .fn-cta-fields { align-items: center; gap: 16px; }
  .fn-cta-email { width: auto; min-width: 0; }
  .fn-cta input[type='email'], .fn-cta button { height: 44px; font-size: 14px; }
  .fn-cta input[type='email'] { padding: 0 4px; }
  .fn-cta .fn-cta-underline { transform: scale(var(--input-scale, .6)); }
  .fn-cta-arrow { left: 50%; top: 52px; transform: scale(.52); }
  .fn-cta-status { top: calc(100% + 55px); left: 0; width: 100%; }
}
@media (max-width: 479px) {
  .fn-cta h2 { font-size: 25px; }
  .fn-cta { --mark-scale: .48; }
  .fn-cta .fn-cta-mark { transform: scale(.53); }
  .fn-cta-fields { gap: 8px; }
  .fn-cta input[type='email'] { font-size: 16px; }
  .fn-cta button { font-size: 13px; }
}