/* Additions for the proposed homepage, on top of the live site.css */
.hero .display{max-width:900px;margin-left:auto;margin-right:auto;text-align:center}
.hero .lede{font-size:19px;line-height:29px;color:#4f525b;max-width:640px;margin:20px auto 0;text-align:center}
@media (min-width:900px){.hero .lede{font-size:21px;line-height:31px}}
.hero .cta{justify-content:center}

.band{padding:96px 0}
@media (max-width:640px){.band{padding:64px 0}}
.band.tint{background:#f6f5fe}
.band h2{font-size:34px;line-height:40px;max-width:760px}
@media (max-width:640px){.band h2{font-size:28px;line-height:34px}}
.band .intro{font-size:19px;line-height:29px;color:#4f525b;max-width:640px;margin-top:16px}

.pathbtns{display:grid;grid-template-columns:1fr;gap:12px;margin-top:32px}
@media (min-width:720px){.pathbtns{grid-template-columns:repeat(3,1fr)}}
.pathbtns button{font:600 17px/24px Onest,system-ui,sans-serif;text-align:left;padding:18px 20px;border-radius:12px;border:1px solid #d9dae0;background:#fff;color:#15161a;cursor:pointer;min-height:64px;display:flex;flex-direction:column;gap:4px}
.pathbtns button span{font-weight:400;font-size:15px;color:#5c5d62}
.pathbtns button[aria-selected="true"]{border:2px solid #6e5bf0;background:#eeebfd}
.pathbtns button:focus-visible{outline:3px solid #231d4d;outline-offset:2px}
.panel{margin-top:40px}
.panel h3{font-size:24px;line-height:30px}
.panel .intro{margin-top:8px}

.story{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 16px;margin-top:28px}
@media (min-width:1100px){.story{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);overflow:visible}}
.card{scroll-snap-align:start;border:1px solid #d9dae0;border-radius:12px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:10px}
.card .when{font-size:15px;font-weight:600;color:#5e4dcc}
.card .bub{color:#15161a;border-radius:12px;padding:10px 12px;font-size:16px;line-height:24px}
.card .me{background:#f5f7fc;align-self:flex-end}
.card .yu{background:#eeebfd}
.card .wait{border:1px solid #c2baf9;background:#fff;display:flex;flex-direction:column;gap:8px}
.card .wait b{font-size:15px;color:#4b3ea3}
.card .approve{align-self:flex-start;background:#6e5bf0;color:#fff;border-radius:7px;padding:6px 14px;font-weight:600;font-size:15px}
.card .note{font-size:15px;color:#46474c}

.assure{margin-top:24px;padding:18px 20px;border-radius:12px;background:#f5f7fc}
.assure p{font-size:17px;line-height:26px}
.assure p+p{margin-top:6px}
.devlist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px;max-width:820px}
.devlist li{font-size:17px;line-height:26px}
.devlist b{display:block}

.steps4{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:20px;counter-reset:s}
@media (min-width:860px){.steps4{grid-template-columns:repeat(4,1fr)}}
.steps4 li{counter-increment:s}
.steps4 li::before{content:counter(s);display:inline-flex;width:36px;height:36px;border-radius:50%;background:#6e5bf0;color:#fff;font-weight:600;align-items:center;justify-content:center;margin-bottom:12px}
.steps4 b{display:block;font-size:20px;line-height:28px}
.steps4 p{font-size:17px;line-height:26px;color:#46474c;margin-top:4px}

.grid2{display:grid;gap:20px;margin-top:32px}
@media (min-width:860px){.grid2{grid-template-columns:1fr 1fr}}
.tile{border:1px solid #d9dae0;border-radius:12px;padding:22px;background:#fff}
.tile b{display:block;font-size:20px;line-height:28px}
.tile p{font-size:17px;line-height:26px;color:#46474c;margin-top:6px}
.icon{width:24px;height:24px;stroke:#6e5bf0;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;margin-bottom:10px}
.privacy{margin-top:20px;font-weight:600;font-size:17px}

.start{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px;max-width:760px;counter-reset:g}
.start li{counter-increment:g;display:flex;gap:14px;align-items:baseline;font-size:18px;line-height:28px}
.start li::before{content:counter(g) ".";font-weight:600;color:#5e4dcc}
.small{font-size:17px;line-height:26px;color:#46474c;margin-top:16px;max-width:760px}

/* app snippet in the hero */
.appsnip{margin:48px auto 0;max-width:720px;border:1px solid #d9dae0;border-radius:12px;background:#fff;text-align:left;overflow:hidden}
.appbar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid #ebedf2;background:#f5f7fc}
.appbar .dot{width:10px;height:10px;border-radius:50%;background:#d9dae0}
.apptitle{margin-left:8px;font-size:15px;font-weight:600;color:#46474c}
.appbody{padding:18px;display:flex;flex-direction:column;gap:14px}
.msg.me{align-self:flex-end;max-width:520px;background:#eeebfd;color:#15161a;border-radius:12px;padding:12px 14px;font-size:16px;line-height:24px}
.tasks{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.tasks li{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border:1px solid #ebedf2;border-radius:10px;padding:10px 12px;font-size:16px;line-height:24px;color:#15161a}
.st{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;border-radius:999px;padding:2px 10px}
.st.wait{color:#4b3ea3;background:#eeebfd}
.st.wait::before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid #6e5bf0}
.st.done{color:#155d54;background:#dff6f3}
.st.done::before{content:"✓"}
.composer{display:flex;align-items:center;justify-content:space-between;border:1px solid #d9dae0;border-radius:10px;padding:10px 12px;color:#6b6e78;font-size:16px}
.sendbtn{background:#6e5bf0;color:#fff;border-radius:7px;padding:4px 12px;font-weight:600;font-size:15px}
.appsnip figcaption{font-size:15px;color:#5c5d62;padding:0 18px 14px}
.band.after-hero{padding-top:64px}
.howruns{font-size:18px;line-height:26px;margin-top:24px}
.pick{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:4px}
.pick .opt{display:inline-block;border:1px solid #787a7f;border-radius:8px;padding:1px 10px;font-size:15px;color:#2c2e32;background:#fff}
.pick .opt.on{border-color:#6e5bf0;background:#eeebfd;color:#4b3ea3;font-weight:600}
#why .story.why-story{display:block;overflow:visible;padding:0;margin-top:0}
.plats.plats3{grid-template-columns:repeat(3,1fr);max-width:720px;margin-left:auto;margin-right:auto}
.plats .os{font-weight:500;font-size:15px;color:#46474c;margin-top:-6px;text-align:center}
.platnote{text-align:center;margin:20px 0 0;color:#46474c}
@media(max-width:480px){.plats.plats3{grid-template-columns:1fr}}
.sdots{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
.sdot{font:inherit;font-size:15px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid #787a7f;background:#fff;color:#2c2e32;cursor:pointer}
.sdot[aria-pressed="true"]{border-color:#6e5bf0;background:#eeebfd;color:#4b3ea3;font-weight:600}
.sdot:focus-visible{outline:3px solid #6e5bf0;outline-offset:2px}
.subnote{color:#5c5d62;font-size:15px;font-weight:400}
.st.work{color:#4b3ea3;background:#eeebfd}
.st.work::before{content:"";width:8px;height:8px;border-radius:50%;background:#6e5bf0}
.msg.yu{align-self:flex-start;max-width:520px;background:#f5f7fc;color:#15161a;border-radius:12px;padding:12px 14px;font-size:16px;line-height:24px;margin-top:8px}
.appbar{flex-wrap:wrap;row-gap:8px}
.sdots.inbar{margin:0 0 0 auto;gap:6px}
.sdots.inbar .sdot{min-height:28px;padding:2px 10px;font-size:15px}
.sample[hidden]{display:none!important}
.msgacts{display:flex;align-items:center;gap:14px;margin:6px 0 0 4px}
.msgacts .pick{margin-left:0}
.replylink{color:#5e4dcc;font-size:15px;font-weight:600;text-decoration:underline}
.factlist{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px;max-width:720px}
@media(min-width:800px){.factlist{grid-template-columns:1fr 1fr;column-gap:40px}}
.fact{padding-left:16px}
.fact b{display:block;font-size:18px;margin-bottom:4px}
.fact p{margin:0 0 2px 12px}
#main .eyebrow{margin:0 0 8px;font-size:15px;font-weight:600;color:#5e4dcc}
.factlist{max-width:none;row-gap:28px}@media(min-width:800px){.factlist{column-gap:56px}}.fact{padding-left:0}.fact p{margin:0 0 2px 0}
.steps4 li::before{content:counter(s) ". ";display:inline;width:auto;height:auto;background:none;border-radius:0;color:#1c7c71;font-size:24px;line-height:30px;font-weight:600;margin:0}.steps4 b{display:inline;font-size:24px;line-height:30px;color:#1c7c71;font-weight:600}.steps4 p{margin-top:8px}
.msg.me{position:relative;padding-left:34px}.msg.me .mic{position:absolute;left:11px;top:15px;color:#5e4dcc;display:inline-flex}

.threads{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.tlabel{font-size:15px;font-weight:600;color:#46474c}.threads ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.thread{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9dae0;border-radius:999px;padding:4px 12px;font-size:15px;line-height:22px;color:#15161a;background:#fff}.thread .tst{border-radius:999px;padding:0 10px;font-size:15px;line-height:22px;font-weight:600}.thread .tst.wait{color:#4b3ea3;background:#eeebfd}.thread .tst.ok{color:#155d54;background:#dff6f3}.tdot{width:8px;height:8px;border-radius:50%;flex:none}.tdot.work{background:#6e5bf0}.tdot.wait{border:2px solid #6e5bf0}.tdot.ok{background:#1c7c71}
.howband{padding-bottom:72px}.demo{padding:56px 0 96px}.demo .appsnip{margin-top:0}.sample{display:flex;flex-direction:column;gap:8px}.turn.me{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;margin-bottom:18px}.turn.me .msg.me{align-self:auto}.av{flex:none;width:32px;height:32px;border-radius:50%;background:#4b3ea3;color:#fff;font-size:15px;font-weight:600;display:grid;place-items:center}.from{font-size:15px;font-weight:600;color:#4b3ea3;margin-bottom:2px}
/* examples section on light purple, teal tab outlines */
#paths .pathbtns button{border:2px solid #2cc2b0;background:#fff}
#paths .pathbtns button[aria-selected="true"]{border:2px solid #1c7c71;background:#dff6f3;box-shadow:inset 0 0 0 1px #1c7c71}
#paths .pathbtns button:hover{background:#eefaf9}
#paths .pathbtns button[aria-selected="true"]:hover{background:#dff6f3}
/* steps on white (purple band now belongs to the examples above); tighter gaps around the app example */
.howband{padding-bottom:0}
.demo{padding:48px 0 40px}
#trust{padding-top:56px}
@media (max-width:640px){.demo{padding:32px 0 24px}#trust{padding-top:40px}}
/* site.css .me paints rows black; the chat row and avatar need their own look */
.turn.me{background:none;color:inherit}
.turn.me .av{margin-left:0;border:0}
.demo .demohead{margin-bottom:24px}
/* pricing top tightened */
/* quieter illustration caption (15px is the brand minimum) */
.appsnip figcaption{font-style:italic;font-weight:400;font-size:15px;line-height:20px;color:#6b6e76}
.sdots[hidden],.sdot[hidden]{display:none}
.sdot.pause{margin-left:8px}