/* Public editorial palette, independent of a member's workspace appearance. */
.fa-marketing-page {
  --marketing-paper: #faf8f3;
  --marketing-white: #fff;
  --marketing-ink: #283b34;
  --marketing-muted: #606960;
  --marketing-line: #dedfd4;
  --marketing-accent: #76374a;
  --marketing-accent-dark: #582438;
  --marketing-soft: #eee9de;
  --marketing-green: #284b3c;
  --marketing-on-green: #fbf7ed;
  --focus: #76374a;
  color-scheme: light;
  background: var(--marketing-paper);
  color: var(--marketing-ink);
  font-size: 16px;
}
.fa-marketing-page ::selection {background: var(--marketing-accent);color: var(--marketing-white)}
.marketing-width {width: min(1240px, calc(100% - 96px));margin-inline: auto}
.marketing-main {overflow: clip}
.marketing-header {border-bottom: 1px solid var(--marketing-line);background: var(--marketing-paper)}
.marketing-header-inner {display: flex;align-items: center;justify-content: space-between;gap: 26px;min-height: 102px}
.marketing-brand {display: flex;align-items: center;gap: 12px;font: 24px/1.1 'Archive Serif', Georgia, serif;letter-spacing: -.03em;flex-shrink: 0}
.marketing-brand-mark {display: grid;place-items: center;width: 42px;height: 42px;border: 1px solid #c8cabc;border-radius: 50%;color: var(--marketing-accent)}
.marketing-brand small {display: block;font: 9px/1.5 'Archive Sans', sans-serif;text-transform: uppercase;letter-spacing: .19em;color: var(--marketing-muted);margin-top: 6px}
.marketing-nav {display: flex;gap: 25px;font-size: 13px}
.marketing-nav a {padding-block: 12px}
.marketing-nav a:hover {color: var(--marketing-accent)}
.marketing-account-actions {display: flex;gap: 22px;align-items: center;flex-shrink: 0;font-size: 14px}
.marketing-login {padding-block: 12px;font-weight: 700}
.marketing-login:hover {color: var(--marketing-accent)}
.marketing-button {display: inline-flex;align-items: center;justify-content: center;gap: 20px;padding: 16px 22px;border: 1px solid var(--marketing-accent);border-radius: 5px;background: var(--marketing-accent);color: var(--marketing-white);font-size: 14px;font-weight: 700;line-height: 1.5;min-height: 52px;transition: background 150ms, transform 150ms;text-align: center}
.marketing-button:hover {background: var(--marketing-accent-dark);transform: translateY(-2px)}
.marketing-button .icon {width: 17px;height: 17px}
.marketing-button-small {padding: 10px 17px;min-height: 43px;gap: 15px;font-size: 13px}
.marketing-button-outline {background: transparent;color: var(--marketing-accent);border-color: #bdc2b7}
.marketing-button-outline:hover {background: var(--marketing-soft)}
.marketing-actions {display: flex;align-items: center;flex-wrap: wrap;gap: 12px}
.marketing-eyebrow {font-size: 10px;line-height: 1.5;font-weight: 700;text-transform: uppercase;letter-spacing: .17em;color: var(--marketing-accent)}
.marketing-hero {display: grid;grid-template-columns: .95fr 1.15fr;gap: 55px;align-items: center;padding-block: 76px 98px}
.marketing-hero-copy .marketing-eyebrow {display: flex;align-items: center;gap: 9px}
.marketing-hero-copy .marketing-eyebrow>span {width: 6px;height: 6px;background: var(--marketing-accent);border-radius: 50%}
.marketing-hero h1 {font-size: clamp(48px, 5.25vw, 76px);line-height: 1.06;letter-spacing: -.052em;margin-block: 23px}
.marketing-main em {font-weight: 400;color: var(--marketing-accent)}
.marketing-lead {max-width: 440px;line-height: 1.85;font-size: 16px;color: var(--marketing-muted)}
.marketing-hero .marketing-actions {margin-top: 29px}
.marketing-hero-note {font-size: 11px;color: var(--marketing-muted);margin-top: 21px;max-width: 400px}
.marketing-hero-visual {position: relative;padding: 10px 0 24px 8px;min-width: 0}
.marketing-hero-visual::before {content: '';position: absolute;inset: -18px -27px 12px 45px;border-radius: 50% 50% 10px 10px;background: #e9eadf;z-index: -1}
.marketing-window {background: var(--marketing-white);border: 1px solid #cdd2c8;border-radius: 8px;overflow: hidden;box-shadow: 0 17px 48px #263c3220}
.hero-window {transform: rotate(-2deg)}
.marketing-window-bar {display: flex;align-items: center;gap: 14px;padding: 12px 14px;background: #f0f1eb;border-bottom: 1px solid var(--marketing-line);font-size: 10px;color: #5f6e62;line-height: 1.5}
.marketing-window-bar>.icon {width: 15px;height: 15px;margin-left: auto}
.window-dots {display: flex;gap: 4px}
.window-dots i {width: 6px;height: 6px;background: #c3cabb;border-radius: 50%}
.window-dots i:first-child {background: #b38388}
.marketing-hero-image {width: 100%;height: 370px;object-fit: cover;object-position: 50% 73%;display: block}
.marketing-keepsake {position: absolute;right: -8px;bottom: -9px;width: 175px;min-height: 230px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 22px 15px 25px;background: var(--marketing-green);color: var(--marketing-on-green);box-shadow: -6px 8px 0 #bec4ad,0 14px 30px #223d342d;border-radius: 2px 5px 5px 2px;transform: rotate(7deg);text-align: center;border: 1px solid #52735b}
.marketing-keepsake::before {content: '';position: absolute;inset: 12px;border: 1px solid #beccac66;pointer-events: none}
.marketing-keepsake>.icon {width: 29px;height: 29px;stroke-width: 1.3;margin-bottom: 16px;color: #c7d2ae}
.marketing-keepsake small {font-size: 8px;letter-spacing: .17em;text-transform: uppercase}
.marketing-keepsake strong {font: 29px/1.13 'Archive Serif', Georgia, serif;margin-top: 9px;font-weight: 400;letter-spacing: -.025em}
.keepsake-bottom {font-size: 6px;text-transform: uppercase;letter-spacing: .08em;margin-top: 21px}
.keepsake-rule {position: absolute;left: 7px;top: 0;bottom: 0;border-left: 1px solid #8fa0844d}
.marketing-visual-note {display: block;font: italic 17px/1.4 'Archive Serif', Georgia, serif;margin: 26px 0 0 18px;color: var(--marketing-green)}
.marketing-promise-strip {background: var(--marketing-green);color: var(--marketing-on-green)}
.marketing-promises {display: flex;align-items: center;justify-content: space-between;gap: 20px;padding-block: 23px}
.marketing-promises>span {display: flex;gap: 11px;align-items: center;font-size: 12px}
.marketing-promises .icon {width: 19px;height: 19px;stroke-width: 1.4;color: #c9d3b4}
.marketing-section {padding-block: 94px}
.marketing-section-heading {max-width: 640px;margin-bottom: 42px}
.marketing-section-heading h2,.marketing-book-copy h2,.marketing-start h2,.marketing-faq h2 {font-size: clamp(37px,4vw,56px);line-height: 1.08;letter-spacing: -.045em;margin-top: 15px}
.marketing-section-heading>p:last-child {font-size: 15px;color: var(--marketing-muted);max-width: 475px;margin-top: 23px;line-height: 1.85}
.marketing-tour {display: grid;grid-template-columns: .76fr 1.4fr;gap: 50px;align-items: center}
.marketing-preview-buttons {display: grid;gap: 7px}
.marketing-preview-buttons button {display: flex;align-items: flex-start;gap: 18px;background: transparent;border: 1px solid transparent;border-radius: 6px;padding: 25px 18px 25px 12px;text-align: left;color: var(--marketing-ink);position: relative}
.marketing-preview-buttons button[aria-pressed=true] {background: #f0ebe2;border-color: #d9d5c9}
.marketing-preview-buttons button:hover {background: #f2efe7}
.preview-number {font-size: 10px;color: var(--marketing-accent);padding-top: 6px}
.preview-copy strong {display: block;font: 26px/1.2 'Archive Serif', Georgia, serif;letter-spacing: -.025em}
.preview-copy>span {display: block;font-size: 13px;line-height: 1.8;color: var(--marketing-muted);margin-top: 11px}
.preview-arrow {margin-left: auto;color: var(--marketing-accent);padding-top: 4px;opacity: 0}
[aria-pressed=true]>.preview-arrow {opacity: 1}
.preview-arrow .icon {width: 16px;height: 16px}
.marketing-preview {min-width: 0}
.marketing-preview-image-wrap {height: 435px;background: #f7f7f3}
.marketing-preview img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: top}
.demo-label {font-size: 8px;margin-left: auto;border: 1px solid #c4cdc0;border-radius: 3px;padding: 1px 6px;white-space: nowrap}
.marketing-preview figcaption {font-size: 12px;line-height: 1.6;margin-top: 22px;color: var(--marketing-ink);padding-left: 3px;min-height: 55px}
.marketing-preview figcaption small {display: block;color: var(--marketing-muted);font-size: 10px;margin-top: 8px}
.marketing-book-section {background: #eeeadd;border-block: 1px solid #dedacb}
.marketing-book-inner {display: grid;grid-template-columns: 1.3fr 1fr;gap: 75px;align-items: center;padding-block: 85px}
.marketing-book-visual {min-width: 0}
.marketing-book-visual .marketing-window {transform: rotate(-1deg);box-shadow: 0 18px 40px #3d432920}
.marketing-book-visual img {display: block;width: 100%;height: auto}
.marketing-example-note {font-size: 10px;color: var(--marketing-muted);margin-top: 19px;text-align: center}
.marketing-book-copy>p:not(.marketing-eyebrow) {font-size: 14px;line-height: 1.85;color: var(--marketing-muted);margin-top: 22px}
.marketing-checks {list-style: none;padding: 0;margin: 23px 0}
.marketing-checks li {font-size: 12px;padding: 8px 0 8px 24px;position: relative;line-height: 1.7}
.marketing-checks li::before {content: '✓';color: var(--marketing-accent);position: absolute;left: 0;top: 8px;font-size: 13px}
.marketing-text-link {font-size: 13px;font-weight: 700;display: inline-flex;align-items: center;gap: 14px;color: var(--marketing-accent);padding-block: 10px}
.marketing-text-link:hover {text-decoration: underline;text-underline-offset: 5px}
.marketing-text-link .icon {width: 17px;height: 17px}
.marketing-heading-centered {text-align: center;margin-inline: auto}
.marketing-heading-centered>p:last-child {margin-inline: auto}
.marketing-values {display: grid;grid-template-columns: repeat(3,1fr);gap: 50px;padding-top: 18px}
.marketing-value-icon {display: grid;place-items: center;width: 46px;height: 46px;border: 1px solid #ccd2c3;border-radius: 50%;color: var(--marketing-green);margin-bottom: 23px}
.marketing-value-icon .icon {width: 21px;height: 21px;stroke-width: 1.4}
.marketing-values h3 {font-size: 27px;letter-spacing: -.025em}
.marketing-values p {font-size: 13px;line-height: 1.85;color: var(--marketing-muted);margin-top: 15px}
.marketing-start {display: grid;grid-template-columns: 1.1fr 1fr;gap: 90px;padding-block: 72px 85px;border-block: 1px solid var(--marketing-line)}
.marketing-start>div>p:last-child {font-size: 14px;line-height: 1.85;color: var(--marketing-muted);max-width: 380px;margin-top: 25px}
.marketing-steps {list-style: none;padding: 0;margin: 6px 0 0;display: grid;gap: 26px}
.marketing-steps li {display: flex;gap: 24px;align-items: flex-start}
.marketing-steps li>span {display: grid;place-items: center;width: 38px;height: 38px;flex-shrink: 0;border: 1px solid #ccd2c3;border-radius: 50%;font-size: 10px;color: var(--marketing-accent)}
.marketing-steps h3 {font-size: 26px;margin-bottom: 9px}
.marketing-steps p {font-size: 13px;color: var(--marketing-muted)}
.marketing-faq {display: grid;grid-template-columns: 1fr 1.4fr;gap: 80px}
.marketing-faq>div>p:last-child {font-size: 13px;margin-top: 25px;color: var(--marketing-muted)}
.marketing-faq-items details {border-bottom: 1px solid var(--marketing-line)}
.marketing-faq-items details:first-child {border-top: 1px solid var(--marketing-line)}
.marketing-faq-items summary {cursor: pointer;padding: 24px 0;font-size: 14px;font-weight: 700;list-style: none;display: flex;justify-content: space-between;align-items: center;gap: 15px;line-height: 1.6}
.marketing-faq-items summary::-webkit-details-marker {display: none}
.marketing-faq-items summary>span {font-size: 20px;line-height: 1;color: var(--marketing-accent);transition: transform 150ms}
.marketing-faq-items [open] summary>span {transform: rotate(45deg)}
.marketing-faq-items p {font-size: 13px;color: var(--marketing-muted);line-height: 1.9;padding: 0 25px 24px 0}
.marketing-faq-items p a {text-decoration: underline;text-underline-offset: 3px;color: var(--marketing-accent)}
.marketing-final {text-align: center;background: var(--marketing-green);color: var(--marketing-on-green);padding-block: 82px 75px}
.marketing-final .marketing-eyebrow {color: #c8d0ad}
.marketing-final h2 {font-size: clamp(46px,5.5vw,72px);line-height: 1.08;letter-spacing: -.045em;margin-block: 22px}
.marketing-final em {color: #d9c1a3}
.marketing-final>div>p:not(.marketing-eyebrow):not(.marketing-final-note) {font-size: 15px;color: #d4dfcf}
.marketing-final .marketing-actions {justify-content: center;margin-top: 29px;gap: 24px}
.marketing-button-light {background: var(--marketing-on-green);color: var(--marketing-green);border-color: var(--marketing-on-green)}
.marketing-button-light:hover {background: #e5e6d6}
.marketing-final-login {font-size: 12px;display: flex;align-items: center;gap: 12px;padding-block: 14px}
.marketing-final-login:hover {text-decoration: underline;text-underline-offset: 5px}
.marketing-final-login .icon {width: 16px;height: 16px}
.marketing-final-note {font-size: 10px;color: #c1cdbb;margin-top: 25px}
.marketing-footer {background: var(--marketing-paper);padding-block: 38px 26px}
.marketing-footer-inner {display: grid;grid-template-columns: 1fr 1fr;gap: 22px;align-items: center}
.marketing-footer .marketing-brand {font-size: 23px}
.marketing-footer-tagline {font-size: 11px;color: var(--marketing-muted);margin-top: 12px}
.marketing-footer nav {display: flex;justify-content: flex-end;gap: 26px;font-size: 12px}
.marketing-footer nav a:hover {color: var(--marketing-accent)}
.marketing-footer-copy {font-size: 10px;color: var(--marketing-muted);text-align: right}
.marketing-signup {text-align: center;padding-block: 75px 100px;min-height: 70vh}
.signup-emblem {width: 72px;height: 72px;margin: 0 auto 27px;display: grid;place-items: center;border: 1px solid #ccd2c3;border-radius: 50%;color: var(--marketing-green)}
.signup-emblem .icon {width: 33px;height: 33px;stroke-width: 1.3}
.marketing-signup h1 {font-size: clamp(46px,5.5vw,72px);line-height: 1.08;letter-spacing: -.045em;margin-block: 21px}
.signup-intro {font-size: 16px;line-height: 1.9;color: var(--marketing-muted);max-width: 560px;margin: 0 auto}
.marketing-signup .marketing-actions {justify-content: center;margin-top: 30px}
.signup-note {font-size: 12px;color: var(--marketing-muted);margin-block: 25px 12px}
.signup-note a {color: var(--marketing-accent);text-decoration: underline;text-underline-offset: 4px}
@media(min-width:1450px) {.marketing-hero {gap: 80px}.marketing-hero-image {height: 430px}.marketing-keepsake {width: 192px;min-height: 250px}}
@media(max-width:1150px) {.marketing-nav {gap: 15px;font-size: 11px}.marketing-header-inner {gap: 20px}.marketing-brand {font-size: 22px}.marketing-account-actions {gap: 16px}.marketing-width {width: calc(100% - 64px)}.marketing-hero {gap: 35px}.marketing-hero h1 {font-size: 56px}.marketing-tour {gap: 27px}.marketing-book-inner {gap: 45px}}
@media(max-width:950px) {.marketing-nav {display: none}.marketing-hero {grid-template-columns: 1fr 1fr;gap: 30px;padding-block: 60px 80px}.marketing-hero h1 {font-size: 48px}.marketing-lead {font-size: 14px}.marketing-hero-image {height: 350px}.marketing-keepsake {width: 140px;min-height: 195px;right: 0}.marketing-keepsake strong {font-size: 25px}.marketing-keepsake>.icon {width: 24px;height: 24px;margin-bottom: 10px}.marketing-visual-note {font-size: 14px;margin-left: 0}.marketing-button {padding: 14px 18px;font-size: 12px;gap: 14px}.marketing-button-small {padding: 10px 16px}.marketing-promises>span {font-size: 10px;gap: 7px}.marketing-tour {grid-template-columns: 1fr 1.35fr;gap: 22px}.preview-copy strong {font-size: 22px}.marketing-preview-buttons button {gap: 10px;padding: 21px 13px}.preview-copy>span {font-size: 11px}.preview-arrow {display: none}.marketing-preview-image-wrap {height: 400px}.marketing-book-inner {grid-template-columns: 1.1fr 1fr;gap: 32px}.marketing-values {gap: 26px}.marketing-values h3 {font-size: 24px}.marketing-start {gap: 40px}.marketing-faq {gap: 35px;grid-template-columns: 1fr 1.2fr}}
@media(max-width:700px) {.marketing-width {width: calc(100% - 40px)}.marketing-header-inner {min-height: 85px;gap: 15px}.marketing-brand {gap: 9px;font-size: 21px}.marketing-brand-mark {width: 34px;height: 34px}.marketing-brand-mark .icon {width: 19px;height: 19px}.marketing-brand small {font-size: 7px}.marketing-account-actions {font-size: 12px;gap: 15px}.marketing-button-small {padding: 9px 13px;min-height: 40px}.marketing-button-small .icon {display: none}.marketing-hero {grid-template-columns: 1fr;gap: 45px;padding-block: 48px 70px}.marketing-hero h1 {font-size: clamp(46px,8.5vw,65px);max-width: 520px;margin-block: 20px}.marketing-lead {font-size: 15px;max-width: 490px}.marketing-hero .marketing-actions {margin-top: 25px}.marketing-hero-note {font-size: 10px}.marketing-hero-visual {max-width: 530px;width: calc(100% - 7px);margin-inline: auto;padding: 0 14px 15px 0}.marketing-hero-image {height: 350px}.marketing-keepsake {width: 140px;bottom: -9px;right: -2px}.marketing-visual-note {margin-top: 22px;margin-left: 5px}.marketing-hero-visual::before {inset: -17px -10px 15px 25px}.marketing-promises {display: grid;grid-template-columns: 1fr 1fr;gap: 20px 15px;padding-block: 25px}.marketing-promises>span {font-size: 11px;gap: 10px}.marketing-section {padding-block: 65px}.marketing-section-heading {margin-bottom: 30px}.marketing-section-heading h2,.marketing-book-copy h2,.marketing-start h2,.marketing-faq h2 {font-size: 43px}.marketing-section-heading>p:last-child {font-size: 14px;margin-top: 19px}.marketing-tour {grid-template-columns: 1fr;gap: 26px}.marketing-preview-buttons {gap: 5px}.marketing-preview-buttons button {padding: 18px;gap: 15px}.preview-copy strong {font-size: 24px}.preview-copy>span {font-size: 12px;margin-top: 7px}.preview-arrow {display: block}.marketing-preview-image-wrap {height: 365px}.marketing-window-bar {font-size: 9px;padding: 10px 11px;gap: 10px}.demo-label {font-size: 7px}.marketing-preview figcaption {font-size: 11px;margin-top: 18px}.marketing-book-inner {grid-template-columns: 1fr;padding-block: 60px;gap: 36px}.marketing-book-copy {grid-row: 1}.marketing-book-copy>p:not(.marketing-eyebrow) {font-size: 14px}.marketing-checks {margin-block: 18px}.marketing-values {grid-template-columns: 1fr;gap: 32px;padding-top: 0}.marketing-values article {display: grid;grid-template-columns: 46px 1fr;column-gap: 18px}.marketing-value-icon {grid-row: span 2;margin: 0}.marketing-values h3 {font-size: 25px;padding-top: 8px}.marketing-values p {margin-top: 9px;font-size: 13px}.marketing-start {grid-template-columns: 1fr;gap: 35px;padding-block: 60px}.marketing-start>div>p:last-child {max-width: 100%}.marketing-steps {gap: 28px}.marketing-faq {grid-template-columns: 1fr;gap: 28px}.marketing-faq h2 br {display: none}.marketing-faq>div>p:last-child {margin-top: 15px}.marketing-faq-items summary {font-size: 13px;padding-block: 23px}.marketing-final {padding-block: 60px}.marketing-final h2 {font-size: 53px}.marketing-final .marketing-actions {flex-direction: column;gap: 8px}.marketing-final-note {max-width: 300px;margin-inline: auto;line-height: 1.7}.marketing-footer {padding-block: 31px}.marketing-footer-inner {grid-template-columns: 1fr;gap: 20px}.marketing-footer nav {justify-content: flex-start;gap: 24px}.marketing-footer-copy {text-align: left}.marketing-signup {padding-block: 55px 70px}.signup-intro {font-size: 14px}.signup-note {font-size: 11px;line-height: 1.9}.signup-note a {display: inline-block}}
@media(max-width:450px) {.marketing-brand-mark {display: none}}
@media(max-width:380px) {.marketing-width {width: calc(100% - 32px)}.marketing-header-inner {gap: 10px}.marketing-brand {font-size: 17px;gap: 7px}.marketing-brand small {font-size: 6.5px}.marketing-account-actions {gap: 10px;font-size: 11px}.marketing-button-small {padding-inline: 11px;font-size: 11px}.marketing-hero h1 {font-size: 44px}.marketing-hero-image {height: 310px}.marketing-keepsake {width: 124px;min-height: 177px}.marketing-keepsake strong {font-size: 23px}.marketing-keepsake small {font-size: 7px}.keepsake-bottom {font-size: 5px;margin-top: 15px}.marketing-hero-visual .marketing-window-bar {font-size: 8px}.marketing-promises>span {font-size: 10px}.marketing-preview-image-wrap {height: 310px}.marketing-preview-buttons button {padding: 16px 12px;gap: 12px}.preview-copy strong {font-size: 22px}.marketing-section-heading h2,.marketing-book-copy h2,.marketing-start h2,.marketing-faq h2 {font-size: 39px}.marketing-final h2 {font-size: 46px}}
@media(prefers-reduced-motion:reduce) {.marketing-button,.marketing-faq-items summary>span {transition: none}.marketing-button:hover {transform: none}}