.marketing-page{margin:0;background:#f5f5ed;color:#17392d;font-family:system-ui,sans-serif;line-height:1.65}.marketing-wrap{max-width:1060px;margin:auto;padding:24px}.marketing-header,.marketing-footer,.marketing-links,.marketing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.marketing-header{justify-content:space-between;border-bottom:1px solid #cbd3c6;padding-bottom:20px}.marketing-brand{font:700 30px Georgia,serif;text-decoration:none}.marketing-page a,.marketing-intro a{color:inherit;text-underline-offset:4px}.marketing-page a:focus-visible,.marketing-intro a:focus-visible,.marketing-page audio:focus-visible{outline:3px solid #a57228;outline-offset:5px}.marketing-page h1{font:clamp(40px,6vw,72px)/1.08 Georgia,serif;letter-spacing:-.035em;max-width:820px;margin:24px 0}.marketing-page h2{font:30px/1.2 Georgia,serif}.marketing-page .lead{font-size:21px;max-width:720px}.marketing-page main{padding:56px 0}.marketing-page section{max-width:760px;margin:42px 0}.marketing-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:28px;background:#17392d!important;color:#fff!important;text-decoration:none;font-weight:650}.marketing-small{font-size:14px!important;line-height:1.6!important}.marketing-sample{background:#e8eddf;border:1px solid #ced8c5;border-radius:20px;padding:24px;max-width:620px;margin:32px 0}.marketing-sample audio{width:100%;display:block;margin-top:16px}.marketing-footer{padding:24px 0;border-top:1px solid #cbd3c6;font-size:14px}.marketing-intro .marketing-actions,.marketing-intro .marketing-links{justify-content:center}.marketing-intro .marketing-sample,.marketing-intro .marketing-details{margin:24px auto;text-align:left}.marketing-intro .marketing-sample p{font:16px/1.6 system-ui}.marketing-details{max-width:700px;font:15px/1.6 system-ui}.marketing-details summary{cursor:pointer;padding:12px 0}.marketing-intro .marketing-links{font:14px/1.6 system-ui}.marketing-page [hidden]{display:none!important}.marketing-status{padding:14px 18px;border-left:3px solid #718161;background:#e8eddf}.marketing-kicker{font-size:12px;letter-spacing:.16em;font-weight:700}@media(max-width:600px){.marketing-wrap{padding:20px}.marketing-page main{padding:30px 0}.marketing-header{gap:12px}.marketing-actions{gap:16px}.marketing-sample{padding:20px}.marketing-intro .marketing-links{gap:12px}.marketing-intro h1{font-size:42px}.marketing-intro{padding-left:16px;padding-right:16px}}@media(prefers-color-scheme:dark){.marketing-page{background:#13231d;color:#f0efdf}.marketing-page .marketing-button{background:#d6e3c6!important;color:#17392d!important}.marketing-sample,.marketing-status{background:#203b2d;color:#f0efdf;border-color:#526449}.marketing-header,.marketing-footer{border-color:#526449}}

body:not(.app-booted) main > .marketing-intro{display:block}
body:not(.app-booted) main:has(> #access-panel[hidden]) > .marketing-intro{display:block}

/* Web acquisition: a single alignment, with a compact primary action. */
main > .hero.marketing-intro {
  padding:56px 0 40px;
  text-align:left;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  column-gap:56px;
  row-gap:40px;
}
body:not(.app-booted) main:has(> #access-panel[hidden]) > .marketing-intro,
main:has(> #access-panel:not([hidden])) > .hero.marketing-intro {display:grid}
.hero.marketing-intro .eyebrow {margin:0 0 20px;font:600 10px/1.5 system-ui;letter-spacing:.15em}
.hero.marketing-intro h1 {margin:0;font:clamp(36px,4.4vw,58px)/1.08 Georgia,serif;letter-spacing:-.04em}
.hero.marketing-intro .marketing-description {margin:22px 0 0;max-width:34ch;font:16px/1.65 system-ui;color:var(--muted,#53695a)}
.marketing-start {margin-top:28px;max-width:320px}
.marketing-button {box-sizing:border-box;min-height:48px;padding:12px 20px;border-radius:12px;font:600 15px/1.4 system-ui;gap:24px}
.marketing-start .marketing-button {display:flex;width:100%;justify-content:space-between}
.hero.marketing-intro .marketing-start .marketing-small {margin:12px 0 0;max-width:none;font:12px/1.5 system-ui!important;color:var(--muted,#53695a)}
.hero.marketing-intro .marketing-sample {box-sizing:border-box;width:100%;margin:0;padding:28px;border-radius:18px;background:var(--surface,#fafbf5);border:1px solid var(--line,#d7ded1);color:var(--ink,#17392d)}
.marketing-sample .marketing-kicker {font:600 9px/1.5 system-ui;letter-spacing:.14em;color:var(--muted,#53695a)}
.hero.marketing-intro .marketing-sample h2 {margin:20px 0 8px;font:28px/1.15 Georgia,serif;letter-spacing:-.025em}
.hero.marketing-intro .marketing-sample p {margin:0;font:13px/1.6 system-ui;color:var(--muted,#53695a)}
.hero.marketing-intro .marketing-sample audio {margin:22px 0 14px;width:100%;height:54px}
.marketing-sample-note {display:block;font:11px/1.6 system-ui;color:var(--muted,#53695a)}
.marketing-explore {grid-column:1/-1;border-top:1px solid var(--line,#d7ded1);padding-top:22px}
.hero.marketing-intro .marketing-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}
.marketing-intro .marketing-links a {display:flex;align-items:center;justify-content:space-between;min-height:44px;font:500 13px/1.5 system-ui;text-decoration:none}
.marketing-intro .marketing-links a span {color:var(--muted,#53695a)}
.hero.marketing-intro .marketing-details {max-width:none;margin:14px 0 0;border-top:1px solid var(--line,#d7ded1)}
.marketing-intro .marketing-details summary {font:500 13px/1.5 system-ui;padding:18px 0}
.marketing-utility {display:flex;gap:24px;font:12px/1.6 system-ui;color:var(--muted,#53695a)}
@media(max-width:650px){
 main > .hero.marketing-intro {padding:32px 0;grid-template-columns:minmax(0,1fr);gap:32px}
 .hero.marketing-intro h1 {font-size:clamp(34px,10.5vw,46px)}
 .hero.marketing-intro .eyebrow {margin-bottom:18px;font-size:9px}
 .hero.marketing-intro .marketing-description {margin-top:18px;font-size:15px;line-height:1.65;max-width:32ch}
 .marketing-start {max-width:none;margin-top:24px}
 .hero.marketing-intro .marketing-sample {padding:22px}
 .hero.marketing-intro .marketing-sample h2 {font-size:26px;margin-top:16px}
 .hero.marketing-intro .marketing-links {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px}
 .marketing-explore {padding-top:16px}
}
/* Embedded iOS workspaces never show acquisition content, including during boot. */
html.native-workspace .marketing-intro,html.native-page .marketing-intro {display:none!important}