@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@600;700;800&display=swap');

.marketing { --paper:#f8f6f0; --ink:#252923; --muted:#6d6e62; --amber:#946020; --line:#deddd2; margin:0; background:var(--paper); color:var(--ink); font:15px 'DM Sans',sans-serif; -webkit-font-smoothing:antialiased; }
.marketing *, .marketing *::before, .marketing *::after { box-sizing:border-box; }
.marketing ::selection { background:#e9b568; color:var(--ink); }
.marketing a { color:inherit; text-decoration:none; }
.marketing a:focus-visible, .marketing button:focus-visible { outline:2px solid var(--amber); outline-offset:6px; }
.marketing h1,.marketing h2,.marketing h3,.marketing p { margin:0; }
.marketing h1,.marketing h2,.marketing h3 { font-weight:500; }
.marketing em { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.marketing button { font:inherit; cursor:pointer; }
.marketing section[id], #main { scroll-margin-top:110px; }
.m-wrap { width:min(1280px,calc(100% - 112px)); margin-inline:auto; }
.m-skip { position:fixed; top:-80px; left:20px; padding:15px; background:var(--ink); color:var(--paper)!important; z-index:100; }
.m-skip:focus { top:10px; }
.m-nav { position:sticky; top:0; z-index:30; background:var(--paper); }
.m-nav-inner { height:90px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.m-brand { display:inline-flex; align-items:center; gap:10px; font:800 22px Manrope,sans-serif; letter-spacing:-1.1px; }
.m-brand img { display:block; }
.m-brand-crm { color:var(--amber); }
.m-nav nav { display:flex; align-items:center; gap:34px; font-size:12px; }
.m-nav a:hover, .m-text-link:hover, .m-footer a:hover { color:var(--amber); }
.m-nav-detail span { margin-left:10px; }
.m-nav-enter { display:flex; align-items:center; gap:25px; border:1px solid #b7baac; padding:11px 17px; border-radius:2px; }
.m-nav-enter span { font-size:18px; }
.m-reading-progress { height:2px; position:absolute; left:0; right:0; bottom:0; background:#c79854; transform:scaleX(0); transform-origin:left; }
.m-journey { position:relative; overflow:clip; }
.m-continuous-trail { position:absolute; inset:0; width:100%; height:100%; z-index:1; overflow:visible; pointer-events:none; }
.m-route-ghost { stroke:#c6b79e; stroke-width:1.2; stroke-dasharray:2 9; opacity:.6; }
.m-route-ink { stroke:#ad7834; stroke-width:1.3; opacity:.45; }
.m-route-crumb { fill:#c9bb9e; opacity:.4; transition:fill .3s,opacity .3s; }
.m-route-crumb.is-found { fill:#c29047; opacity:1; }
.m-trail-traveler { visibility:hidden; }
.m-trail-traveler circle { fill:var(--paper); stroke:#bb8d4b; stroke-width:1; }
.m-trail-traveler path { fill:#a87331; }
.m-route-anchor { position:absolute; left:var(--x); top:var(--y); width:1px; height:1px; pointer-events:none; }
.m-above-trail { position:relative; z-index:2; }
.m-kicker { font-size:9px; font-weight:600; letter-spacing:1.6px; text-transform:uppercase; display:flex; align-items:center; gap:9px; }
.m-dot { width:5px; height:5px; border-radius:50%; background:#ac7938; display:inline-block; flex:none; }
.m-hero { position:relative; min-height:820px; padding-top:68px; }
.m-hero-copy { width:60%; }
.m-hero h1 { font-size:clamp(82px,8.6vw,124px); line-height:.99; letter-spacing:-.073em; margin:29px 0 28px; }
.m-hero h1 em { color:var(--amber); letter-spacing:-.065em; }
.m-hero-description { max-width:370px; color:var(--muted); font-size:14px; line-height:1.8; }
.m-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:26px; margin-top:26px; }
.m-button { display:inline-flex; align-items:center; justify-content:space-between; gap:55px; padding:17px 23px; background:var(--ink); color:#fffdf5!important; border-radius:2px; font-size:13px; transition:background .2s,transform .2s; }
.m-button:hover { background:#48513e; transform:translateY(-2px); }
.m-button span { font-size:20px; line-height:1; }
.m-text-link { font-size:11px; display:flex; gap:12px; align-items:center; }
.m-access-note { font-size:9px; line-height:1.8; color:var(--muted); margin-top:17px!important; }
.m-hero-fragment { position:absolute; width:340px; right:3%; top:26%; rotate:7deg; }
.m-fragment-label { display:block; font:8px monospace; letter-spacing:1.1px; margin:0 0 13px 14px; color:#767568; }
.m-voice-note { padding:22px 25px 18px; background:#eeeadb; border:1px solid #ddd6c4; border-radius:4px 4px 4px 0; box-shadow:0 12px 30px #4840270a; }
.m-voice-note::after { content:''; position:absolute; bottom:-11px; left:0; width:18px; height:18px; background:#eeeadb; clip-path:polygon(0 0,100% 0,0 100%); }
.m-voice-header { display:flex; align-items:center; gap:8px; font:7px monospace; letter-spacing:1px; color:var(--muted); }
.m-person-dot { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#d7dac8; font:italic 17px Georgia,serif; color:#4e5940; }
.m-quote-glyph { margin-left:auto; color:#8f7852; font:40px/.6 Georgia,serif; }
.m-voice-note p { font:26px/1.3 Georgia,serif; letter-spacing:-.7px; margin:25px 0; }
.m-note-timestamp { font-size:9px; color:#737267; }
.m-hand-note { position:absolute; top:calc(100% + 35px); right:12px; font:italic 19px/1.25 Georgia,serif; color:#89826b; rotate:-15deg; }
.m-hero-result { position:absolute; right:12%; top:75%; display:flex; align-items:center; gap:17px; padding:15px 0; background:var(--paper); rotate:-5deg; }
.m-hero-result p { font-size:11px; line-height:1.7; color:var(--muted); }
.m-hero-result strong { font-weight:500; color:var(--ink); }
.m-result-check { font-size:26px; color:#7a805f; margin-left:12px; }
.m-small-crumb { display:inline-block; width:18px; height:18px; clip-path:polygon(15.79% 10.53%,63.16% 0%,100% 31.58%,89.47% 84.21%,42.11% 100%,0% 68.42%); background:#d1a05a; rotate:24deg; flex:none; }
.m-hero-bottom { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; padding:22px 0; border-top:1px solid var(--line); font:8px monospace; letter-spacing:.8px; color:var(--muted); }
.m-hero-bottom a { font:11px 'DM Sans',sans-serif; letter-spacing:0; color:var(--ink); }
.m-hero-bottom a span { margin-left:12px; }
.m-manifesto { position:relative; min-height:600px; padding:95px 0 75px; }
.m-manifesto-inner { padding-left:39%; }
.m-manifesto h2 { font-size:clamp(35px,4.5vw,63px); letter-spacing:-2.8px; line-height:1.15; margin:30px 0 27px; }
.m-manifesto h2 em { color:var(--amber); }
.m-manifesto-inner>p:last-child { color:var(--muted); font-size:12px; line-height:1.8; }
.m-margin-note { position:absolute; left:6%; top:56%; writing-mode:vertical-rl; rotate:180deg; font:8px monospace; letter-spacing:1px; color:#7a7b6b; }
.m-chapter { position:relative; }
.m-context { display:grid; grid-template-columns:1fr 1fr; gap:13%; align-items:center; min-height:720px; padding-top:55px; padding-bottom:130px; }
.m-chapter-copy h2 { font-size:clamp(35px,4vw,54px); line-height:1.1; letter-spacing:-2.4px; margin:25px 0 26px; }
.m-chapter-copy h2 em { color:var(--amber); }
.m-chapter-copy>p:not(.m-kicker) { max-width:340px; font-size:13px; line-height:1.9; color:var(--muted); margin-bottom:16px; }
.m-editor-note { display:block; margin-top:25px; font:italic 16px/1.4 Georgia,serif; color:#807453; }
.m-context-art { height:450px; position:relative; }
.m-source { position:absolute; }
.m-source-document { width:260px; left:3%; top:0; padding:25px 25px 20px; background:#e8e9db; rotate:-8deg; box-shadow:4px 5px 0 #d6d9c6; }
.m-source-type { font:7px monospace; letter-spacing:1px; color:#626659; }
.m-source-document h3 { font:31px/1.05 Georgia,serif; letter-spacing:-1px; margin:27px 0 21px; }
.m-document-rule { display:block; width:95%; height:1px; background:#b7bdab; margin-top:7px; }
.m-document-rule-short { width:65%; }
.m-document-art { height:110px; position:relative; overflow:hidden; margin:25px -25px 18px; }
.m-document-art span { position:absolute; border-radius:50% 50% 0 0; width:100px; height:150px; bottom:-75px; background:#647357; rotate:24deg; }
.m-document-art span:nth-child(2) { left:80px; bottom:-40px; background:#caa260; }
.m-document-art span:nth-child(3) { left:160px; bottom:-15px; background:#364733; }
.m-document-footer { font:6px monospace; letter-spacing:.5px; }
.m-source-message { bottom:24px; right:-10px; width:290px; padding:24px; background:#fffdf6; border:1px solid #ddd8c9; rotate:7deg; box-shadow:0 10px 25px #3b372609; }
.m-source-message p { font:20px/1.3 Georgia,serif; margin:18px 0; letter-spacing:-.5px; }
.m-source-message>span:last-child { font-size:8px; color:var(--muted); }
.m-source-caption { position:absolute; bottom:-50px; left:15%; display:flex; align-items:center; gap:13px; font:italic 15px Georgia,serif; color:#787660; }
.m-source-caption .m-small-crumb { width:9px; height:9px; }
.m-connect { background:#303d2e; color:#f8f6ed; padding-block:100px 140px; min-height:700px; }
.m-connect-inner { display:grid; grid-template-columns:1fr 1fr; gap:14%; align-items:center; }
.m-connect .m-kicker { color:#c0cbb4; }
.m-connect .m-chapter-copy { max-width:475px; }
.m-connect h2 em { color:#e9b568; }
.m-connect .m-chapter-copy>p:not(.m-kicker) { color:#cad0bd; }
.m-connect .m-editor-note { color:#cbb68e; }
.m-receipt { background:#f4f0e3; color:var(--ink); max-width:350px; width:100%; padding:30px; rotate:5deg; justify-self:center; box-shadow:0 15px 30px #131d1220; }
.m-receipt::after { content:''; position:absolute; top:100%; left:0; right:0; height:9px; background:linear-gradient(135deg,#f4f0e3 25%,transparent 25%) -9px 0/18px 18px,linear-gradient(225deg,#f4f0e3 25%,transparent 25%) -9px 0/18px 18px; }
.m-receipt-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; border-bottom:1px dashed #bdbba9; font:7px monospace; letter-spacing:1px; }
.m-receipt h3 { font-size:35px; line-height:1.1; letter-spacing:-1px; margin:23px 0; }
.m-receipt h3 em { color:var(--amber); }
.m-receipt-row { display:flex; gap:14px; align-items:center; padding:16px 0; border-top:1px solid #dbd9cc; }
.m-receipt-row>span { color:#8a826d; font:9px monospace; }
.m-receipt-row>span:last-child { margin-left:auto; color:#65734d; }
.m-receipt-row small { display:block; font:7px monospace; letter-spacing:1px; color:#737262; margin-bottom:6px; }
.m-receipt-row strong { font-size:11px; font-weight:500; }
.m-receipt-total { display:flex; align-items:center; justify-content:space-between; padding-top:18px; margin-top:6px; border-top:1px dashed #bdbba9; font-size:10px; }
.m-receipt-total strong { font:38px Georgia,serif; }
.m-receipt-footnote { display:block; font:6px monospace; letter-spacing:.4px; text-align:center; margin-top:25px; color:#767562; }
.m-conversations { padding-block:125px 140px; min-height:860px; }
.m-conversation-intro { margin-left:38%; }
.m-conversation-intro h2 { font-size:clamp(40px,4.5vw,63px); line-height:1.12; letter-spacing:-3px; margin:25px 0; }
.m-conversation-intro h2 em { color:var(--amber); }
.m-conversation-intro>p:last-child { color:var(--muted); font-size:13px; line-height:1.8; }
.m-conversation-demo { display:grid; grid-template-columns:1fr 1.35fr; gap:10%; margin-top:75px; }
.m-demo-options { align-self:start; background:var(--paper); }
.m-demo-options>span { display:block; font:7px monospace; letter-spacing:1px; color:var(--muted); margin-bottom:18px; }
.m-demo-options button { display:flex; gap:16px; align-items:center; width:100%; text-align:left; border:0; border-top:1px solid var(--line); padding:18px 0; color:#737366; background:none; font-size:12px; }
.m-demo-options button:last-child { border-bottom:1px solid var(--line); }
.m-demo-options button>span:first-child { font:8px monospace; color:#8e8a77; }
.m-demo-options button>span:last-child { margin-left:auto; }
.m-demo-options button[aria-pressed=true] { color:var(--amber); }
.m-demo-options button[aria-pressed=true]>span:first-child { background:#e6d9be; color:#6a5028; padding:5px; margin-left:-5px; margin-right:-5px; }
.m-demo-options button:hover { color:var(--ink); }
.m-demo-thread { min-height:280px; background:var(--paper); }
.m-demo-user { padding:20px 25px; background:#eae7db; border-radius:3px 3px 0 3px; margin-left:30px; }
.m-demo-user>span { display:block; font:7px monospace; letter-spacing:1px; color:#777363; margin-bottom:10px; }
.m-demo-user p { font-size:14px; line-height:1.7; }
.m-demo-assistant { display:flex; gap:15px; align-items:flex-start; margin-top:27px; }
.m-demo-assistant img { flex:none; }
.m-demo-assistant p { font-size:13px; line-height:1.9; }
.m-demo-action { display:inline-block; padding:8px 10px; background:#e9ecdf; color:#536045; font-size:9px; margin-top:15px; }
.m-demo-caption { display:flex; align-items:center; gap:7px; font:6px monospace; letter-spacing:.7px; color:var(--muted); margin-top:28px; }
.m-demo-caption>span:last-child { margin-left:auto; }
.m-end { min-height:760px; position:relative; background:#ece9dc; padding-top:245px; padding-bottom:90px; text-align:center; }
.m-end-inner { position:relative; }
.m-trail-destination { width:90px; height:90px; margin:0 auto 28px; display:grid; place-items:center; background:#ece9dc; border:1px solid #c6bda7; border-radius:50%; }
.m-end .m-kicker { justify-content:center; font-size:8px; }
.m-end h2 { font-size:clamp(44px,5.6vw,78px); line-height:1.08; letter-spacing:-4px; margin:28px 0 30px; }
.m-end h2 em { color:var(--amber); }
.m-end .m-button { min-width:200px; }
.m-end-note { margin-top:23px!important; font-size:11px; line-height:1.9; color:#686b5c; }
.m-end .m-access-note { font-size:8px; }
.m-footer { padding-block:32px 45px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:9px; color:var(--muted); }
.m-footer .m-brand { font-size:18px; color:var(--ink); }
.m-trail-location { position:fixed; bottom:16px; left:20px; z-index:25; display:flex; align-items:center; gap:9px; padding:9px 13px; background:#f8f6f0ed; border:1px solid #dcd8c9; border-radius:30px; color:#77705b; font:8px monospace; letter-spacing:.2px; pointer-events:none; }
.m-trail-location .m-small-crumb { width:8px; height:8px; }
@media(min-width:1450px) { .m-hero { min-height:880px; } }
@media(max-width:1100px) {
  .m-wrap { width:calc(100% - 72px); }
  .m-hero { min-height:785px; }
  .m-hero h1 { font-size:94px; }
  .m-hero-fragment { width:285px; right:0; top:29%; }
  .m-voice-note { padding:20px; }
  .m-voice-note p { font-size:20px; }
  .m-hero-result { right:5%; }
  .m-context { gap:9%; }
  .m-source-document { width:230px; }
  .m-source-message { width:245px; right:0; }
  .m-source-message p { font-size:18px; }
  .m-connect-inner { gap:10%; }
  .m-receipt { max-width:305px; padding:25px; }
  .m-manifesto-inner { padding-left:37%; }
}
@media(max-width:800px) {
  .m-wrap { width:calc(100% - 48px); }
  .m-nav-inner { height:77px; }
  .m-nav-detail { display:none; }
  .m-nav-enter { font-size:11px; padding:10px 13px; gap:16px; }
  .m-brand { font-size:20px; }
  .m-hero { min-height:1090px; padding-top:52px; }
  .m-hero-copy { width:calc(100% - 30px); }
  .m-hero h1 { font-size:clamp(72px,13vw,105px); margin-top:25px; }
  .m-hero-description { max-width:380px; }
  .m-hero-fragment { width:300px; right:6%; top:62%; }
  .m-hero-result { top:87%; right:12%; }
  .m-hand-note { right:-15px; top:calc(100% + 20px); font-size:16px; }
  .m-hero-bottom>span { display:none; }
  .m-hero-bottom { justify-content:center; }
  .m-hero .m-route-anchor:nth-of-type(1) { --x:99%!important; --y:0%!important; }
  .m-hero .m-route-anchor:nth-of-type(2) { --x:99%!important; --y:52%!important; }
  .m-hero .m-route-anchor:nth-of-type(3) { --x:16%!important; --y:74%!important; }
  .m-hero .m-route-anchor:nth-of-type(4) { --x:67%!important; --y:93%!important; }
  .m-manifesto { min-height:560px; padding:80px 0 70px; }
  .m-manifesto-inner { padding-left:21%; }
  .m-manifesto h2 { font-size:clamp(32px,6.3vw,49px); letter-spacing:-1.6px; }
  .m-manifesto .m-route-anchor { --x:10%!important; }
  .m-margin-note { display:none; }
  .m-context { grid-template-columns:1fr; padding-block:35px 100px; gap:50px; min-height:1000px; }
  .m-context-art { width:min(400px,90%); justify-self:center; grid-row:2; height:405px; }
  .m-chapter-copy { margin-left:16%; }
  .m-chapter-copy h2 { font-size:clamp(32px,6vw,45px); letter-spacing:-1.8px; }
  .m-context .m-route-anchor:nth-of-type(1) { --x:4%!important; --y:20%!important; }
  .m-context .m-route-anchor:nth-of-type(2) { --x:13%!important; --y:79%!important; }
  .m-source-document { width:240px; }
  .m-source-message { width:260px; }
  .m-source-caption { bottom:-40px; left:10%; }
  .m-connect { padding-block:80px 115px; }
  .m-connect-inner { grid-template-columns:1fr; gap:50px; }
  .m-connect .m-chapter-copy { max-width:430px; margin-left:7%; margin-right:12%; }
  .m-connect .m-route-anchor:nth-of-type(1) { --x:95%!important; --y:2%!important; }
  .m-connect .m-route-anchor:nth-of-type(2) { --x:92%!important; --y:70%!important; }
  .m-connect .m-route-anchor:nth-of-type(3) { --x:40%!important; --y:99%!important; }
  .m-receipt { width:80%; max-width:350px; }
  .m-conversations { padding-block:80px 100px; }
  .m-conversation-intro { margin-left:15%; }
  .m-conversation-intro h2 { font-size:clamp(34px,6.5vw,49px); letter-spacing:-2px; }
  .m-conversation-intro>p:last-child br { display:none; }
  .m-conversation-demo { grid-template-columns:1fr; gap:38px; margin-top:40px; margin-left:10%; }
  .m-demo-options { max-width:420px; }
  .m-demo-thread { min-height:300px; }
  .m-demo-user { padding:18px; margin-left:20px; }
  .m-demo-user p { font-size:13px; }
  .m-demo-caption { flex-wrap:wrap; row-gap:8px; font-size:5.5px; }
  .m-demo-caption>span:last-child { margin-left:12px; }
  .m-conversations .m-route-anchor:nth-of-type(1) { --x:1%!important; }
  .m-conversations .m-route-anchor:nth-of-type(2) { --x:2%!important; }
  .m-end { min-height:700px; padding-top:210px; padding-bottom:75px; }
  .m-end h2 { font-size:clamp(38px,7vw,58px); letter-spacing:-2.7px; }
  .m-end .m-kicker { font-size:6.5px; letter-spacing:1px; }
  .m-end-note { font-size:10px; }
  .m-footer>span { display:none; }
  .m-footer { padding-bottom:65px; }
  .m-footer .m-brand { font-size:16px; gap:5px; }
  .m-footer>a:last-child { font-size:8px; }
  .m-trail-location { font-size:7px; bottom:10px; left:10px; padding:8px 10px; }
}
@media(max-width:430px) {
  .m-wrap { width:calc(100% - 40px); }
  .m-brand { font-size:18px; gap:5px; }
  .m-brand img { width:28px; height:28px; }
  .m-nav-enter { font-size:10px; gap:10px; padding:10px; }
  .m-kicker { font-size:7px; letter-spacing:1px; }
  .m-hero { min-height:1020px; padding-top:48px; }
  .m-hero h1 { font-size:clamp(60px,18vw,78px); }
  .m-hero-description { font-size:13px; }
  .m-hero-actions { gap:20px; }
  .m-button { font-size:12px; padding:16px 20px; gap:38px; }
  .m-text-link { font-size:10px; gap:8px; }
  .m-access-note { font-size:8px; }
  .m-hero-fragment { width:min(270px,85%); top:62%; }
  .m-voice-note p { font-size:21px; }
  .m-hand-note { display:none; }
  .m-hero-result { top:87%; right:7%; }
  .m-hero-result p { font-size:10px; }
  .m-manifesto { min-height:490px; padding-top:75px; }
  .m-manifesto-inner { padding-left:16%; }
  .m-manifesto h2 { font-size:clamp(29px,8.5vw,36px); letter-spacing:-1.5px; }
  .m-manifesto-inner>p:last-child { font-size:11px; }
  .m-manifesto-inner>p:last-child br { display:none; }
  .m-chapter-copy { margin-left:12%; }
  .m-chapter-copy h2 { font-size:clamp(30px,8.2vw,35px); letter-spacing:-1.7px; }
  .m-chapter-copy>p:not(.m-kicker) { font-size:12px; }
  .m-context-art { height:395px; width:95%; }
  .m-source-document { width:210px; padding:22px; }
  .m-source-document h3 { font-size:28px; }
  .m-source-message { width:230px; bottom:5px; padding:20px; }
  .m-source-message p { font-size:17px; }
  .m-source-caption { font-size:13px; }
  .m-receipt { padding:22px; width:87%; }
  .m-receipt h3 { font-size:33px; }
  .m-receipt-row { gap:10px; }
  .m-receipt-row strong { font-size:10px; }
  .m-receipt-footnote { font-size:5px; }
  .m-conversation-intro h2 { font-size:clamp(31px,9vw,38px); }
  .m-conversation-intro>p:last-child { font-size:12px; }
  .m-demo-options>span { font-size:6px; }
  .m-demo-assistant { gap:10px; }
  .m-demo-assistant p { font-size:12px; }
  .m-demo-action { font-size:8px; }
  .m-end h2 { font-size:clamp(35px,9.5vw,42px); letter-spacing:-2px; }
}
@media(prefers-reduced-motion:reduce) {
  .marketing *, .marketing *::before, .marketing *::after { transition:none!important; scroll-behavior:auto!important; }
  .m-trail-traveler { display:none; }
  .m-route-crumb { opacity:1; fill:#c29047; }
  .m-button:hover { transform:none; }
}