/* Metner's public identity. Seller storefronts and workspace layouts keep their themes. */
body.marketing-editorial {
  --theme-background: #f8f7ef;
  --theme-background-alt: #eeeddf;
  --theme-foreground: #263b32;
  --theme-muted: #526052;
  --theme-accent: #637949;
  --theme-secondary: #b6c4a0;
  --theme-success: #52704d;
  --theme-accent-soft: #e4e9d4;
  --theme-surface: #fffdf6;
  --theme-nav-surface: #fffdf6;
  --theme-quote-surface: #f1eddf;
  --theme-field-surface: #fffefa;
  --theme-field-foreground: #263b32;
  --theme-field-placeholder: #6d7668;
  --theme-surface-border: #c4cbb8;
  --theme-line: #bac2b0;
  --theme-panel-shadow: #263b3220;
  --theme-body-font: Arial, Helvetica, sans-serif;
  --theme-heading-font: Georgia, 'Times New Roman', serif;
  --theme-accent-font: Georgia, 'Times New Roman', serif;
  background: #f8f7ef;
  color: #263b32;
  font-family: Arial, Helvetica, sans-serif;
}
body.marketing-editorial::before { opacity: .1; background-size: 36px 36px; }
.marketing-editorial .marketing-shell { max-width: 88rem; }
.marketing-editorial .marketing-site-header { border: 0; border-bottom: 1px solid #bac2b0; border-radius: 0; background: transparent; box-shadow: none; padding: 1rem 0 1.6rem; gap: 2rem; align-items: center; position: relative; }
.marketing-editorial .metner-logo__wordmark { font-family: Georgia, serif; font-weight: 500; text-transform: none; letter-spacing: -.06em; font-size: 2.4rem; text-shadow: none; }
.marketing-editorial .metner-logo__mark { width: 32px; height: 32px; transform: rotate(-8deg); }
.marketing-editorial .metner-logo__outline { stroke: #263b32; fill: #e4e9d4; stroke-width: 2; }
.editorial-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; font: .82rem Arial, sans-serif; }
.editorial-nav a { text-decoration: none; color: #354a3e; padding: .5rem 0; }
.editorial-nav a:hover, .editorial-nav a[aria-current] { text-decoration: underline; text-underline-offset: 6px; }
.editorial-nav__account { display: flex; align-items: center; gap: 1.2rem; padding-left: 1.2rem; border-left: 1px solid #bac2b0; }
.editorial-nav .editorial-nav__signup { background: #263b32; color: #fffdf6; padding: .8rem 1rem; border-radius: 5px; }
.editorial-menu { display: none; }
.marketing-editorial a:focus-visible, .marketing-editorial button:focus-visible, .marketing-editorial summary:focus-visible { outline: 3px solid #637949; outline-offset: 5px; }
.marketing-editorial main :is(h1,h2,h3,h4) { font-family: Georgia, 'Times New Roman', serif; font-weight: 500; text-transform: none; letter-spacing: -.035em; text-wrap: balance; }
.marketing-editorial main h1 { font-size: clamp(3rem, 5.5vw, 5.6rem); line-height: 1.03; letter-spacing: -.055em; }
.marketing-editorial main h2 { line-height: 1.12; }
.marketing-editorial :is(.home-section-heading h2,.proof-home-promise__heading h2,.proof-home-product__heading h2,.home-workflow__intro h2,.home-closing h2) { font-size: clamp(2.3rem, 4.1vw, 4.1rem); }
.marketing-editorial main p { font-weight: 400; }
.marketing-editorial .home-kicker, .marketing-editorial .eyebrow { font: 700 .68rem/1.5 monospace; letter-spacing: .13em; color: #526052; text-transform: uppercase; }
.marketing-editorial .font-script-accent { font: italic 1.7rem/1.3 Georgia, serif; }
.marketing-editorial .primary-button, .marketing-editorial .secondary-button { font-family: Arial, sans-serif; font-size: .9rem; font-weight: 600; text-transform: none; letter-spacing: 0; border: 1px solid #263b32; border-radius: 5px; box-shadow: none; padding: 1rem 1.4rem; transform: none; }
.marketing-editorial .primary-button { background: #263b32; color: #fffdf6; }
.marketing-editorial .primary-button:hover { background: #3b5848; }
.marketing-editorial .secondary-button { background: transparent; color: #263b32; border-color: #aab69d; }
.marketing-editorial .secondary-button:hover { background: #e9eddd; }
.marketing-editorial :is(.paper-panel,.section-card,.mini-proof) { background: #fffdf6; border: 1px solid #bac2b0; border-radius: 10px; box-shadow: none; }
.marketing-editorial .text-field { background: #fffefa; color: #263b32; font-family: Arial, sans-serif; font-weight: 400; border: 1px solid #a8b49d; border-radius: 5px; box-shadow: none; }
.marketing-editorial .text-field:focus { outline: 2px solid #637949; outline-offset: 2px; }
.marketing-editorial .field-label { text-transform: none; letter-spacing: .01em; font: 600 .85rem/1.5 Arial, sans-serif; }
.marketing-editorial .marketing-site-footer { border-top: 1px solid #bac2b0; }
.marketing-editorial .marketing-site-footer a { font-family: Arial, sans-serif; text-transform: none; letter-spacing: 0; font-weight: 500; }
.marketing-editorial .marketing-site-footer .compare-footer__title { font: 1.6rem Georgia, serif; color: #263b32; }
/* Keep the useful product layouts; give them the field guide's material and rhythm. */
.marketing-editorial :is(.home-page,.about-page,.pricing-page,.themes-page,.tools-page) { padding-inline: 1.5rem; }
.marketing-editorial :is(.home-page,.about-page,.pricing-page,.themes-page,.tools-page) > * + * { margin-top: 6rem; }
.marketing-editorial :is(.proof-home-hero,.about-hero,.pricing-hero,.themes-hero,.tools-hero) { min-height: 0; padding-block: 2.5rem 1rem; }
.marketing-editorial .proof-home-hero { grid-template-columns: minmax(0,1fr) minmax(0,1.05fr); gap: 4rem; }
.marketing-editorial :is(.home-hero__copy,.about-hero__copy,.themes-hero__copy,.tools-hero__copy)::before { display: none; }
.marketing-editorial :is(.home-hero__lede,.about-hero__lede,.pricing-hero__lede,.themes-hero__lede,.tools-hero__lede) { font-size: 1.08rem; line-height: 1.75; font-weight: 400; color: #526052; }
.marketing-editorial .proof-home-demo { min-height: 35rem; }
.marketing-editorial .proof-home-demo::before { background: #dce5cc; opacity: 1; border-radius: 6px; transform: rotate(4deg); }
.marketing-editorial :is(.proof-home-demo__frame,.proof-home-screen) { border: 1px solid #aebba0; box-shadow: 8px 10px 0 #d7dfc9; border-radius: 6px; background: #fffdf6; }
.marketing-editorial :is(.proof-home-demo__frame,.proof-home-screen) figcaption { border-width: 1px; border-color: #bac2b0; background: #fffdf6; }
.marketing-editorial .proof-home-demo__frame--workspace { animation: none; box-shadow: 7px 9px 0 #e6d6c2; }
.marketing-editorial .proof-home-demo__sticker { background: #f0dcc6; border: 1px solid #bba989; color: #263b32; box-shadow: none; border-radius: 50%; padding: 1.2rem; font-weight: 500; }
.marketing-editorial .proof-home-strip { margin-inline: 0; background: transparent; border-block: 1px solid #bac2b0; transform: none; box-shadow: none; }
.marketing-editorial .proof-home-strip p { background: transparent; color: #435840; font-weight: 600; text-transform: none; letter-spacing: .02em; font-family: Arial, sans-serif; font-size: .85rem; }
.marketing-editorial .proof-home-strip p::before { color: #637949; }
.marketing-editorial .home-proof-strip { border-block: 1px solid #bac2b0; background: transparent; color: #263b32; box-shadow: none; transform: none; margin-inline: 0; }
.marketing-editorial .home-proof-strip :is(p,li) { color: #526052; text-transform: none; letter-spacing: 0; font-family: Arial, sans-serif; font-size: .83rem; }
.marketing-editorial .proof-home-promise__grid article { border: 1px solid #bdc4b5; border-radius: 10px; box-shadow: none; padding: 2rem; }
.marketing-editorial .proof-home-promise__grid article:nth-child(1) { background: #f2edcf; }
.marketing-editorial .proof-home-promise__grid article:nth-child(2) { background: #dae8ee; }
.marketing-editorial .proof-home-promise__grid article:nth-child(3) { background: #e2e9d5; }
.marketing-editorial .proof-home-promise__grid h3 { font-size: 2.2rem; color: #263b32; margin-top: 2rem; }
.marketing-editorial .proof-home-product { border: 1px solid #bac2b0; background: #eeeddf; color: #263b32; box-shadow: none; border-radius: 10px; }
.marketing-editorial .proof-home-product__heading h2 { color: #263b32; }
.marketing-editorial .proof-home-product__heading > p:last-child, .marketing-editorial .proof-home-product__heading .home-kicker { color: #526052; }
.marketing-editorial .home-closing { background: #e4e9d4; border: 1px solid #b7c2a3; border-radius: 12px; box-shadow: none; color: #263b32; }
.marketing-editorial .home-closing :is(h2,.home-kicker,.home-closing__copy > p:last-child) { color: #263b32; }
.marketing-editorial .home-closing__mark { color: #738558; font: italic 6rem/1 Georgia, serif; background: transparent; border: 0; box-shadow: none; }
.marketing-editorial .home-workflow-step { background: #fffdf6; border: 1px solid #bac2b0; box-shadow: none; border-radius: 8px; }
.marketing-editorial .home-workflow-step__number { color: #637949; }
/* Founder portrait and pricing notes become paper keepsakes. */
.marketing-editorial .about-hero__stage { max-width: 28rem; }
.marketing-editorial .about-hero__stage::before { background: #dce5cc; }
.marketing-editorial .about-hero__stage::after { background: #f1dac3; }
.marketing-editorial .about-portrait { border: 1px solid #aebba0; border-radius: 5px; box-shadow: 11px 14px 0 #dde3d1; }
.marketing-editorial .about-portrait__caption { background: #fffdf6; border: 0; }
.marketing-editorial .about-photo-note { background: #eee9cb; border: 1px solid #bdb58f; box-shadow: none; border-radius: 2px; }
.marketing-editorial .about-photo-note strong { text-transform: none; font-weight: 500; }
.marketing-editorial .about-choice-card { border: 1px solid #bac2b0; box-shadow: none; border-radius: 10px; }
.marketing-editorial .about-choice-card--yes, .marketing-editorial .pricing-note--why { background: #e3ead7; }
.marketing-editorial .about-choice-card--no, .marketing-editorial .pricing-note--later { background: #dae8ee; }
.marketing-editorial .pricing-ticket { background: #fffdf6; border: 1px solid #aebba0; box-shadow: 12px 15px 0 #dce3ce; border-radius: 5px; }
.marketing-editorial .pricing-ticket header, .marketing-editorial .pricing-ticket footer { background: #eeeddf; border-color: #bac2b0; border-width: 1px; }
.marketing-editorial .pricing-ticket__price strong { font-weight: 400; letter-spacing: -.05em; }
.marketing-editorial :is(.pricing-plan-card,.pricing-note) { border: 1px solid #bac2b0; box-shadow: none; border-radius: 10px; }
.marketing-editorial .pricing-plan-card { background: #fffdf6; }
.marketing-editorial .pricing-feature-grid article { border-color: #c9cebf; }
.marketing-editorial .pricing-feature-grid article:nth-child(odd) { background: #f2f2e7; }
.marketing-editorial .pricing-plan-card__topline { border-color: #bac2b0; background: #e4e9d4; }
.marketing-editorial :is(.pricing-hero__note,.themes-hero__note,.tools-stage-note,.tool-hero__note) { background: #f1e4cf; border: 1px solid #bba989; box-shadow: none; color: #263b32; }
.marketing-editorial :is(.pricing-hero__note strong,.themes-hero__note strong,.tools-stage-note strong,.tool-hero__note strong) { text-transform: none; font: italic 1.5rem/1.2 Georgia, serif; }
/* Tools retain their real controls and illustrative charts. */
.marketing-editorial :is(.tools-stage-card,.tool-directory-feature,.tool-directory-feature__visual,.tool-hero-card) { border: 1px solid #aebba0; box-shadow: 7px 9px 0 #dce3cf; border-radius: 7px; }
.marketing-editorial .tool-directory-feature { box-shadow: none; }
.marketing-editorial .tool-directory-feature--pricing, .marketing-editorial .tools-stage-card--price { background: #f2edcf; }
.marketing-editorial .tool-directory-feature--qr { background: #dae8ee; }
.marketing-editorial .tool-directory-feature--cash, .marketing-editorial .tools-stage-card--cash { background: #e3ead7; }
.marketing-editorial .tool-directory-feature__copy h3 { font-size: clamp(2rem, 3.5vw, 3.4rem); line-height: 1.12; color: #263b32; }
.marketing-editorial .tool-hero-card header { background: #eeeddf; border-color: #bac2b0; border-width: 1px; }
.marketing-editorial .tool-hero__proof li { background: #edf0e4; border: 1px solid #bac2b0; box-shadow: none; border-radius: 20px; }
.marketing-editorial .tool-intro-strip { background: #e4e9d4; color: #263b32; border: 1px solid #bac2b0; box-shadow: none; }
.marketing-editorial .tool-intro-strip > div > strong { text-transform: none; font-weight: 400; }
.marketing-editorial .tool-intro-strip .home-kicker, .marketing-editorial .tool-intro-strip li { color: #526052; }
.marketing-editorial .tool-intro-strip li { background: #fffdf650; border: 1px solid #c6ceba; }
.marketing-editorial .tool-page article.rounded-3xl { border: 1px solid #bac2b0; background: #f0f0e4; }
/* The theme previews intentionally keep the colors and typography they demonstrate. */
.marketing-editorial .theme-collection-card { box-shadow: none; border-width: 1px; border-radius: 10px; }
.marketing-editorial .theme-collection-card__copy h3 { font-family: var(--theme-heading-font); }
.marketing-editorial .themes-hero-card { box-shadow: 7px 9px 0 #dce3cf; border-width: 1px; }
/* Guides use a quieter reading surface with the same sage notes. */
.marketing-editorial :is(.blog-index-hero,.blog-card,.blog-index-bridge,.blog-article-hero__figure,.blog-answer-block,.blog-founder-note,.blog-article-closing) { border: 1px solid #bac2b0; box-shadow: none; border-radius: 10px; }
.marketing-editorial .blog-index-hero { background: transparent; border: 0; padding: 2rem 0; }
.marketing-editorial .blog-index-hero__note { background: #e4e9d4; border: 1px solid #bac2b0; box-shadow: none; border-radius: 4px 20px 4px 4px; padding: 2rem; }
.marketing-editorial .blog-card { background: #fffdf6; }
.marketing-editorial .blog-card__image-link { border-color: #bac2b0; border-width: 1px; }
.marketing-editorial :is(.blog-index-bridge,.blog-answer-block,.blog-founder-note,.blog-article-closing) { background: #e4e9d4; color: #263b32; }
.marketing-editorial .blog-article-closing :is(h2,p,.home-kicker) { color: #263b32; }
.marketing-editorial .blog-article-closing .primary-button { background: #263b32; color: #fffdf6; border: 1px solid #263b32; box-shadow: none; }
.marketing-editorial .blog-prose h2 { font-size: clamp(2rem, 3vw, 3rem); }
.marketing-editorial .blog-prose h3 { font-size: 1.6rem; }
.marketing-editorial .blog-callout { background: #f1e5d3; border-color: #bfad91; box-shadow: none; }
@media (max-width: 1100px) {
  .editorial-nav--desktop { display: none; }
  .editorial-menu { display: block; }
  .editorial-menu summary { display: flex; align-items: center; gap: 1rem; cursor: pointer; list-style: none; padding: .7rem 1rem; border: 1px solid #aebba0; border-radius: 5px; font: .9rem Arial, sans-serif; }
  .editorial-menu summary::-webkit-details-marker { display: none; }
  .editorial-menu[open] summary span { transform: rotate(45deg); }
  .editorial-menu .editorial-nav { position: absolute; z-index: 60; top: calc(100% - .5rem); left: 0; right: 0; background: #fffdf6; border: 1px solid #bac2b0; border-radius: 8px; box-shadow: 0 15px 30px #263b3215; padding: 1.5rem; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem 1.5rem; }
  .editorial-menu .editorial-nav__account { grid-column: 1 / -1; padding: 1rem 0 0; margin-top: .5rem; border: 0; border-top: 1px solid #bac2b0; flex-wrap: wrap; }
  .marketing-editorial .proof-home-hero { gap: 2rem; }
  .marketing-editorial .proof-home-demo { min-height: 31rem; }
}
@media (max-width: 800px) {
  .marketing-editorial .marketing-site-header { flex-direction: row; align-items: center; margin-bottom: 2rem; }
  .marketing-editorial :is(.home-page,.about-page,.pricing-page,.themes-page,.tools-page) { padding-inline: .25rem; }
  .marketing-editorial :is(.home-page,.about-page,.pricing-page,.themes-page,.tools-page) > * + * { margin-top: 4rem; }
  .marketing-editorial :is(.proof-home-hero,.about-hero,.pricing-hero,.themes-hero,.tools-hero) { grid-template-columns: minmax(0,1fr); padding-top: 1rem; }
  .marketing-editorial .proof-home-demo { min-height: 34rem; max-width: 36rem; width: 100%; margin: auto; }
  .marketing-editorial .home-closing { padding: 2rem 1.5rem; }
  .marketing-editorial .home-closing__mark { display: none; }
  .marketing-editorial .blog-index-hero { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .marketing-editorial .proof-home-demo { min-height: 26rem; }
  .marketing-editorial .proof-home-demo__frame--workspace { width: 85%; }
  .marketing-editorial .proof-home-demo__sticker { bottom: -1rem; font-size: .5rem; padding: .8rem; }
  .marketing-editorial .about-photo-note { right: 0; }
  .marketing-editorial .pricing-hero__note { right: 0; }
  .marketing-editorial .theme-collection-card__copy h3 { font-size: 1.8rem; }
}
.marketing-editorial .pricing-ticket__price { background: #f2edcf; border-bottom: 1px solid #bac2b0; row-gap: .6rem; }
.marketing-editorial .pricing-ticket__price strong { line-height: 1; display: flex; align-items: flex-start; }
.marketing-editorial .pricing-ticket__price sup { position: static; font-size: .35em; line-height: 1.6; }
.marketing-editorial .pricing-ticket ul { border-bottom: 1px solid #bac2b0; }
.marketing-editorial .pricing-ticket li + li { border-left: 1px solid #bac2b0; }
.marketing-editorial .marketing-site-header { z-index: 100; }
.marketing-editorial .pricing-ticket li { border-right-width: 0; }
.marketing-editorial .home-workflow { background: #e4e9d4; border: 1px solid #bac2b0; box-shadow: none; color: #263b32; }
.marketing-editorial .home-workflow :is(h2,h3,p,.home-kicker) { color: #263b32; }
.marketing-editorial .blog-index-bridge { padding: 2rem; }
.marketing-editorial .about-photo-note { position: relative; right: auto; bottom: auto; width: fit-content; margin: 1.5rem 0 0 auto; }
.marketing-editorial .pricing-plan-card__heading { background: #f2edcf; border-color: #bac2b0; }
.marketing-editorial .pricing-plan-card__price { line-height: 1; }
.marketing-editorial .pricing-plan-card__price sup { position: static; vertical-align: baseline; }
.marketing-editorial .pricing-principles { background: #e4e9d4; border: 1px solid #bac2b0; box-shadow: none; color: #263b32; }
.marketing-editorial .pricing-principles :is(h2,h3,p,.home-kicker) { color: #263b32; }
.marketing-editorial .pricing-principles li { background: #fffdf650; border-color: #bac2b0; }
.marketing-editorial .pricing-faq__grid article { background: #fffdf6; border: 1px solid #bac2b0; border-radius: 10px; box-shadow: none; }
.marketing-editorial .pricing-faq__grid article:nth-child(3n) { background: #eeeddf; }
.marketing-editorial .mini-proof strong { text-transform: none; font-weight: 500; }
.marketing-editorial .mini-proof span { font-family: Arial, sans-serif; text-transform: none; letter-spacing: .01em; }