:root{--ink:#11110f;--paper:#f4f2ec;--white:#fff;--muted:#625f57;--line:#d9d5cb;--blue:#315bea;--blue-soft:#e9edff;--lime:#d8ff65;--dark:#111319;--dark-soft:#1a1d25;--wrap:1160px}
body{background:var(--paper);color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.topbar{background:var(--paper);border-bottom:1px solid var(--line)}
.nav{color:#4e4b44}.nav a:hover{color:var(--blue)}
.button{min-height:50px;border-radius:999px;background:var(--ink);border-color:var(--ink);color:#fff;padding:0 22px}
.button:hover{background:#292924;transform:translateY(-2px)}
.button.secondary{color:var(--ink);border-color:var(--line);background:transparent}
.button.secondary:hover{background:#fff;border-color:var(--ink)}
.hero{background:var(--paper);padding:104px 0 84px}
.hero-grid{grid-template-columns:1.03fr .97fr;gap:56px}
.eyebrow,.kicker{color:var(--blue)}
.hero h1{max-width:730px;font-size:clamp(52px,6.8vw,88px);line-height:.93;color:var(--ink);margin:20px 0 25px}
.hero h1 span{color:var(--blue)}
.hero-copy{color:#504d46;max-width:600px;font-size:20px;line-height:1.5}
.note{color:var(--muted);line-height:1.5}
.video{border:1px solid #d9d5cb;border-radius:18px;background:#111319;box-shadow:0 22px 65px rgba(17,17,15,.12)}
.video-label{background:#171a22;color:var(--lime)}
.proof{background:var(--blue-soft);border-color:#d5ddff;padding:18px 0}
.proof-row{color:#303a5e;font-weight:600}.proof-row span:before{background:var(--blue)}
section{scroll-margin-top:24px}
.section-head h2{letter-spacing:-.06em;max-width:830px}
.section-head p{color:#55534f;max-width:760px}
.journey{background:#fff;color:var(--ink)}
.journey .kicker,.showcase .kicker,.product-proof .kicker{color:var(--blue)}
.journey .section-head p,.showcase .section-head p{color:#5e5c57}
.journey-grid{background:var(--line);border-color:var(--line)}
.journey-card{background:#fff;min-height:235px}
.journey-card .step{color:var(--blue);font-weight:500}
.journey-card h3{font-size:23px}
.journey-card p{color:#5e5c57}
.showcase{background:var(--blue-soft);color:var(--ink);padding:100px 0}
.sample-instructions strong{color:var(--ink)}.sample-instructions{color:var(--muted)}
.showcase-shell{background:#fff;border-color:#cfd6ef;box-shadow:0 22px 60px rgba(29,40,86,.12)}
.showcase-top{background:#fff}
.sample-rail{background:#f4f2ec;border-color:#dedbd2}
.rail-item.selected{background:#e3e9ff;color:#173aa7}.rail-item:hover{background:#e9edff;color:#173aa7}.rail-item:focus-visible{outline-color:var(--blue)}
.rail-status-dot,.live-label:before{background:#168b7c}
.sample-chip{color:#244fc8;border-color:#ced7f6}
.journey-timeline{background:#f7f8ff}
.journey-timeline:before{border-color:#d4dbef}
.journey-timeline button{background:#fff;border-color:#d8ddee;color:#4b5161}
.journey-timeline button[aria-selected="true"]{background:#f3f6ff;border-color:var(--blue);color:#173aa7;box-shadow:0 0 0 1px var(--blue)}
.journey-timeline button[aria-selected="true"] .timeline-number{background:var(--blue);color:#fff}
.timeline-number{background:#e5eaff;color:#244fc8}
.timeline-label small{color:#73798a}
.journey-timeline.merchant{grid-template-columns:repeat(3,minmax(0,1fr))}
.journey-timeline.merchant:before{display:none}
.journey-timeline.scenario{grid-template-columns:repeat(3,minmax(0,1fr))}
.journey-timeline.scenario:before{display:none}
.sample-tabs button[aria-selected="true"]{color:var(--blue);border-color:var(--blue)}
.next-sample{background:#f1f4ff;border-color:#d8e0fb}
.next-sample-button{background:var(--ink)}.next-sample-button span{color:var(--lime)}
.return-case-status,.product-mini,.preview{background:#f7f8ff}
.case-customer-note{border-color:var(--blue)}
.route-explain{display:grid;gap:6px;margin-top:14px;border-top:1px solid #e2e5ee;padding-top:12px;font-size:11px;color:#565e6f}
.route-explain strong{color:#26334d;font-size:12px}
.live-sample{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
.live-sample>div{border:1px solid #dfe4f4;background:#f8faff;padding:14px;min-height:105px}
.live-sample strong,.live-sample small{display:block}.live-sample strong{font-size:13px;margin:7px 0}.live-sample small{font-size:11px;line-height:1.5;color:#677083}
.live-sample-note{font-size:11px;color:#687082}
#sample-access:focus{outline:3px solid var(--blue);outline-offset:5px}
.product-proof{background:#e9edff;color:var(--ink)}
.product-proof .section-head p{color:#555b6b}
.product-proof .proof-image{border-color:#cfd6ef;box-shadow:0 15px 45px rgba(25,37,89,.08)}
.editorial{color:#fff}.editorial-copy .kicker{color:var(--lime)}
.platforms{background:var(--paper);border-top:1px solid var(--line)}.platform-row p{color:#55534f;max-width:530px}.platform-tags span{color:#34312d;border-color:var(--line);background:#fff}
.cta{background:var(--paper)}.cta-card{background:var(--lime);border-radius:10px}.cta-card .kicker{color:#2d4212}.cta-card .button{background:var(--ink);color:#fff;border-color:var(--ink)}
.footer{background:var(--paper);border-color:var(--line);color:#66635d}.footer a:hover{color:var(--blue)}

.commerce-journey{background:var(--paper);padding:100px 0 104px}
.journey-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journey-strip article{padding:22px 22px 26px;border-right:1px solid var(--line);min-width:0}
.journey-strip article:first-child{padding-left:0}.journey-strip article:last-child{border-right:0;padding-right:0}
.journey-image{height:180px;background:#e9e8e3;overflow:hidden;margin-bottom:22px}
.journey-image img{width:100%;height:100%;object-fit:cover;display:block}
.journey-strip article>span{font:500 11px "DM Mono",monospace;color:var(--blue);letter-spacing:.08em}
.journey-strip h3{font-size:19px;letter-spacing:-.03em;margin:10px 0 9px}
.journey-strip p{font-size:14px;color:#5f5b54;line-height:1.55;margin:0}
.journey-desk{padding:19px;background:#171a22;color:#fff;display:flex;flex-direction:column;gap:8px}
.journey-desk>span{font:10px "DM Mono",monospace;color:var(--lime)}
.journey-desk strong{font-size:20px;letter-spacing:-.03em}
.journey-desk small{font-size:11px;line-height:1.5;color:#c8ccd6}
.journey-desk b{margin-top:auto;font-size:10px;color:var(--lime)}
.journey-note{font:11px/1.6 "DM Mono",monospace;color:#77736b;margin:17px 0 0}

.support-section{background:#fff;color:var(--ink);padding:104px 0 108px}
.support-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 42px}
.support-points article{border-top:2px solid var(--ink);padding-top:17px}
.support-points span{font:500 11px "DM Mono",monospace;color:var(--blue)}
.support-points h3{font-size:19px;line-height:1.15;letter-spacing:-.03em;margin:13px 0 10px}
.support-points p{font-size:14px;line-height:1.58;color:#5d5a54;margin:0}
.support-console{border:1px solid #d7dae4;background:#fff;box-shadow:0 22px 65px rgba(17,17,15,.1);overflow:hidden}
.console-top{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:14px 20px;border-bottom:1px solid #e4e5e7;color:#74777d;font:10px "DM Mono",monospace;letter-spacing:.03em}
.console-top strong{text-align:center;font-weight:500}.console-top>span:last-child{text-align:right;color:#537242}
.console-body{display:grid;grid-template-columns:184px 235px minmax(0,1fr);min-height:370px}
.console-inbox,.console-cases{border-right:1px solid #e7e8eb;padding:22px 16px}
.console-inbox{background:#f4f2ec}.console-inbox strong{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;margin-top:4px;border-radius:4px;font-size:11px;color:#4d505a;font-weight:500}.console-inbox strong:first-of-type{background:#e9edff;color:#173aa7;font-weight:700}
.console-inbox b{font:10px "DM Mono",monospace}.console-inbox small{font-size:10px;line-height:1.55;color:#77736b;display:block}
.console-rule{height:1px;background:#d8d5cc;margin:17px 0}
.console-kicker{font:500 9px "DM Mono",monospace;color:#85899a;letter-spacing:.1em}
.console-case{display:grid;gap:5px;border-bottom:1px solid #e8e9ee;padding:15px 9px}
.console-case.selected{background:#eef2ff;border-left:3px solid var(--blue)}
.console-case small{font:9px "DM Mono",monospace;color:var(--blue)}.console-case strong{font-size:11px;line-height:1.3}.console-case span{font-size:10px;color:#83858c}
.console-detail{padding:23px 24px;min-width:0}
.console-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:start;border-bottom:1px solid #e5e7ea;padding-bottom:16px}
.console-detail h3{font-size:20px;margin:8px 0 5px;letter-spacing:-.03em}.console-detail-head p{font-size:11px;color:#777b84;margin:0}.console-badge{white-space:nowrap;padding:6px 8px;border-radius:20px;background:#edf1ff;color:#244fc8;font:9px "DM Mono",monospace}
.console-context{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:17px 0}
.console-context>div{padding:12px;background:#f8f8f6;border:1px solid #ecece8}
.console-context span{font:9px "DM Mono",monospace;color:#888b91;text-transform:uppercase}
.console-context p{font-size:11px;line-height:1.5;color:#454a53;margin:8px 0 0}
.console-photos{display:flex;align-items:center;gap:9px}.console-photos img{width:68px;height:68px;object-fit:cover;border:1px solid #dfe0e0}.console-photos strong,.console-photos small{display:block;font-size:11px}.console-photos small{font-size:10px;color:#858892;margin-top:5px}
.console-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.console-actions span{font-size:10px;padding:8px 10px;border:1px solid #d8dce6;border-radius:4px;background:#fff;color:#43506a}.console-actions span:first-child{background:#181a20;color:#fff;border-color:#181a20}
.support-caption{font:10px/1.5 "DM Mono",monospace;color:#77736d;margin:15px 0 0}
.desk-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:38px}
.desk-actions div{padding:18px 20px 20px;border-right:1px solid var(--line)}
.desk-actions div:first-child{padding-left:0}.desk-actions div:nth-child(3){border-right:0;padding-right:0}
.desk-actions span{font:500 10px "DM Mono",monospace;color:var(--blue)}
.desk-actions strong{display:block;font-size:17px;margin:10px 0 6px;letter-spacing:-.03em}
.desk-actions p{font-size:12px;line-height:1.55;color:#68645e;margin:0}
.handoff-bridge{margin-top:74px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.handoff-bridge h3{font-size:clamp(32px,4vw,49px);letter-spacing:-.055em;line-height:1.02;margin:14px 0 18px}
.handoff-bridge p{color:#5b5853;line-height:1.65;font-size:16px;max-width:500px}
.handoff-bridge .handoff-limits{font-size:12px;color:#76736c;border-left:2px solid var(--blue);padding-left:13px;margin-top:22px}
.human-chat{border:1px solid #dce0eb;border-radius:13px;box-shadow:0 15px 48px rgba(19,27,53,.09);padding:18px;background:#f8faff;max-width:530px;width:100%;justify-self:end}
.human-chat-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e1e5f1}
.human-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#273e91;color:#fff;font-weight:700}
.human-chat-head strong,.human-chat-head small{display:block}.human-chat-head strong{font-size:12px}.human-chat-head small{font-size:10px;color:#7b8190;margin-top:3px}
.human-online{margin-left:auto;font:9px "DM Mono",monospace;color:#168b7c;white-space:nowrap}
.human-chat-line{padding:11px 13px;border-radius:7px;font-size:12px;line-height:1.5;max-width:82%;margin-top:15px}
.human-chat-line.customer{background:#252b37;color:#fff;margin-left:auto;border-bottom-right-radius:2px}
.human-chat-line.staff{background:#fff;border:1px solid #e0e3ec;color:#303540;border-bottom-left-radius:2px}
.human-chat-compose{border:1px solid #dce0eb;background:#fff;border-radius:5px;padding:11px 12px;color:#9b9da3;font-size:11px;margin-top:20px}
.human-chat-compose span{float:right;color:var(--blue)}

.capability-section{background:var(--paper);padding:104px 0}
.capability-list{border-top:1px solid var(--line)}
.capability-row{display:grid;grid-template-columns:125px 240px minmax(0,1fr) 170px;gap:22px;align-items:start;border-bottom:1px solid var(--line);padding:23px 0}
.capability-row>span{font:11px "DM Mono",monospace;color:var(--blue);padding-top:4px}
.capability-row h3{font-size:21px;letter-spacing:-.035em;margin:0}
.capability-row p{color:#5c5953;font-size:14px;line-height:1.6;margin:1px 0 0}
.capability-row a{font-size:12px;font-weight:600;color:#244fc8;padding-top:4px}.capability-row a:hover{text-decoration:underline}
.authoring-section{background:#fff;padding:104px 0;color:var(--ink)}
.authoring-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}
.authoring-section h2{font-size:clamp(36px,4.8vw,59px);letter-spacing:-.06em;line-height:1;max-width:500px;margin:15px 0 20px}
.authoring-section p{font-size:16px;line-height:1.65;color:#5c5953}
.authoring-section ul{padding:0;margin:24px 0 29px;list-style:none;border-top:1px solid var(--line)}
.authoring-section li{padding:11px 0 11px 20px;position:relative;font-size:14px;border-bottom:1px solid var(--line)}
.authoring-section li:before{content:"→";position:absolute;left:0;color:var(--blue)}
.app-proof{margin:0}.app-proof-frame{padding:8px;background:#fff;border:1px solid #d8dce8;box-shadow:0 20px 55px rgba(17,17,15,.1);overflow:hidden}.app-proof img{display:block;width:100%;height:auto}.app-proof figcaption{font:10px/1.5 "DM Mono",monospace;color:#76726c;margin-top:11px}
.extensions-section{background:var(--dark);color:#fff;padding:100px 0}
.extensions-section .section-head p{color:#b3b6bf}
.extension-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #444751}
.extension-grid article{padding:22px 22px 0 0;border-right:1px solid #444751;margin-right:22px;min-height:200px}
.extension-grid article:last-child{border:0;margin-right:0}
.extension-grid span{font:11px "DM Mono",monospace;color:var(--lime)}
.extension-grid h3{font-size:21px;letter-spacing:-.03em;margin:20px 0 10px}
.extension-grid p{font-size:14px;line-height:1.6;color:#b3b6bf;margin:0}

@media(max-width:1050px){.console-body{grid-template-columns:155px 190px minmax(0,1fr)}.console-detail{padding:17px}.capability-row{grid-template-columns:100px 180px minmax(0,1fr)}.capability-row a{grid-column:3}.support-points{gap:15px}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero{padding:78px 0 70px}.video{max-width:700px}.journey-strip{grid-template-columns:repeat(2,1fr)}.journey-strip article{border-bottom:1px solid var(--line)}.journey-strip article:nth-child(2){border-right:0;padding-right:0}.journey-strip article:nth-child(3){padding-left:0;border-bottom:0}.journey-strip article:nth-child(4){border-bottom:0}.support-points{grid-template-columns:repeat(2,1fr)}.console-body{grid-template-columns:160px minmax(0,1fr)}.console-cases{display:none}.handoff-bridge,.authoring-grid{grid-template-columns:1fr;gap:35px}.human-chat{justify-self:start}.capability-row{grid-template-columns:92px 180px minmax(0,1fr)}.journey-timeline.merchant{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.support-console{overflow:auto}.console-body{min-width:620px}.support-section,.capability-section,.authoring-section,.extensions-section,.commerce-journey{padding:75px 0}.sample-rail{display:none}.capability-row{grid-template-columns:1fr 2fr;gap:7px 16px}.capability-row h3{font-size:19px}.capability-row p,.capability-row a{grid-column:2}.extension-grid{grid-template-columns:1fr}.extension-grid article{border-right:0;border-bottom:1px solid #444751;min-height:0;margin:0;padding:20px 0}.extension-grid article:last-child{border:0}.extension-grid h3{margin:10px 0 7px}}
@media(max-width:600px){.hero h1{font-size:clamp(48px,13.8vw,68px)}.hero-copy{font-size:17px}.hero .button{width:100%}.journey-strip{grid-template-columns:1fr}.journey-strip article,.journey-strip article:first-child,.journey-strip article:nth-child(2),.journey-strip article:nth-child(3),.journey-strip article:last-child{padding:18px 0 23px;border-right:0;border-bottom:1px solid var(--line)}.journey-strip article:last-child{border-bottom:0}.journey-image{height:220px}.support-points{grid-template-columns:1fr;gap:22px}.support-points article{padding-top:12px}.support-points h3{margin:8px 0}.console-body{min-width:575px}.handoff-bridge{margin-top:50px}.live-sample{grid-template-columns:1fr}.capability-row{grid-template-columns:1fr}.capability-row p,.capability-row a{grid-column:1}.authoring-section h2{font-size:40px}.cta-card{border-radius:0}}
@media(max-width:600px){.journey-timeline.scenario,.journey-timeline.merchant{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-actions{grid-template-columns:1fr}.desk-actions div,.desk-actions div:first-child,.desk-actions div:nth-child(3){padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.desk-actions div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.button,.journey-timeline button,.rail-item{transition:none!important}}

/* One continuous customer conversation with short explanations between moments. */
.story-problem{background:#fff;padding:96px 0;color:var(--ink)}
.story-problem-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:start}
.story-problem h2{font-size:clamp(40px,5.1vw,66px);line-height:1;letter-spacing:-.065em;max-width:690px;margin:17px 0 0}
.story-problem-copy{border-left:3px solid var(--blue);padding-left:25px;margin-top:31px}
.story-problem-copy p{font-size:18px;line-height:1.55;color:#524f49;margin:0 0 19px}
.story-problem-copy strong{display:block;font-size:20px;letter-spacing:-.03em;margin-top:29px}
.conversation-story{background:var(--paper);padding:106px 0 100px;color:var(--ink)}
.conversation-heading{margin-bottom:43px}.conversation-heading h2{max-width:760px}
.story-chat{max-width:900px;margin:0 auto;background:#fff;border:1px solid #d8dbe4;box-shadow:0 28px 75px rgba(29,36,58,.1);overflow:hidden}
.story-chat-header{display:flex;align-items:center;gap:13px;padding:17px 23px;border-bottom:1px solid #e1e4ea;background:#f9faff}
.story-chat-avatar,.thread-avatar,.joined-avatar{display:grid;place-items:center;border-radius:50%;background:#20336d;color:#fff;font-weight:700;flex:none}
.story-chat-avatar{width:39px;height:39px;font-size:15px}.story-chat-header strong,.story-chat-header small{display:block}.story-chat-header strong{font-size:14px}.story-chat-header small{font-size:11px;color:#7b8190;margin-top:3px}
.story-chat-status{margin-left:auto;color:#187968;font:11px "DM Mono",monospace}.story-chat-status i{display:inline-block;width:6px;height:6px;background:#1a9b7e;border-radius:50%;vertical-align:2px;margin-right:5px}
.story-chat-body{padding:36px 64px 40px;display:flex;flex-direction:column;gap:19px}
.story-date{align-self:center;color:#9297a0;font:10px "DM Mono",monospace;letter-spacing:.09em;padding:9px 0}
.story-date.later{margin-top:16px;width:100%;text-align:center;border-top:1px solid #e5e6e9;padding-top:27px}
.thread-message{display:flex;align-items:flex-end;gap:11px;max-width:88%}
.thread-message.from-customer{align-self:flex-end;justify-content:flex-end;width:100%;margin-left:auto}
.thread-message.from-assistant,.thread-message.from-human{align-self:flex-start}
.thread-avatar{width:27px;height:27px;font-size:10px;margin-bottom:3px}
.thread-avatar.human,.joined-avatar{background:#568467}
.thread-name{display:block;font-size:11px;font-weight:700;color:#676e7a;margin:0 0 6px 3px}
.from-customer .thread-name{text-align:right;color:#737984;margin-right:3px}
.thread-bubble{font-size:15px;line-height:1.55;padding:15px 18px;border-radius:10px;max-width:570px}
.from-customer .thread-bubble{background:#252b37;color:#fff;border-bottom-right-radius:2px;margin-left:auto}
.from-assistant .thread-bubble,.from-human .thread-bubble{background:#f5f6fa;border:1px solid #e0e3ec;color:#2f3540;border-bottom-left-radius:2px}
.from-human .thread-bubble{background:#f1f6f2;border-color:#d9e7dc}
.thread-response{min-width:0}
.thread-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;max-width:640px}
.thread-products article{display:grid;grid-template-columns:94px 1fr;background:#fff;border:1px solid #dfe3ec;min-width:0}
.thread-products img{display:block;width:94px;height:132px;object-fit:cover}
.thread-products article>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:11px}
.thread-products small{font:9px "DM Mono",monospace;color:#28658a}
.thread-products strong{font-size:13px;line-height:1.15}.thread-products span{font-size:10px;line-height:1.4;color:#6d7480}.thread-products b{font-size:12px;margin-top:auto}
.thread-insight{align-self:stretch;background:#edf1ff;border-left:3px solid var(--blue);margin:14px 0 21px 38px;padding:17px 21px}
.thread-insight>span{font:500 10px "DM Mono",monospace;color:#315bea;letter-spacing:.06em}
.thread-insight p{font-size:14px;line-height:1.55;color:#454d63;margin:7px 0 0}
.thread-basket{display:flex;align-items:center;gap:10px;background:#f8faf8;border:1px solid #dce8dd;margin-top:8px;padding:7px 10px;max-width:400px;font-size:11px;color:#3f5845}.thread-basket img{width:34px;height:34px;object-fit:cover}.thread-basket strong{margin-left:auto;color:#2c6d45}.thread-photos{display:flex;justify-content:flex-end;gap:9px;margin-top:9px}
.thread-photos figure{width:132px;margin:0;border:1px solid #dfe1e5;background:#fff;padding:5px}
.thread-photos img{width:100%;height:92px;object-fit:cover;display:block}.thread-photos figcaption{font:10px "DM Mono",monospace;color:#666c75;padding:7px 3px 2px}
.case-insight{display:grid;grid-template-columns:1fr 246px;gap:0 20px}.case-insight>span{grid-column:1/-1}.case-insight p{margin-top:7px}
.case-mini{grid-column:2;grid-row:2;display:grid;gap:6px;background:#fff;border:1px solid #cdd7f5;border-left:3px solid var(--blue);padding:12px}
.case-mini span{font:9px "DM Mono",monospace;color:#315bea}.case-mini strong{font-size:12px}.case-mini small{font-size:10px;color:#707684}.case-mini b{font:10px "DM Mono",monospace;color:#315bea;margin-top:4px}
.thread-joined{align-self:center;display:flex;align-items:center;gap:10px;border:1px solid #d4e2d8;border-radius:30px;background:#f3f8f4;padding:9px 17px;margin:2px 0 8px}
.joined-avatar{width:27px;height:27px;font-size:10px}.thread-joined strong,.thread-joined small{display:block}.thread-joined strong{font-size:11px}.thread-joined small{font-size:10px;color:#6c756f;margin-top:2px}
.final-insight{background:#f1f5ef;border-color:#568467}.final-insight>span{color:#426c4e}.final-insight p{color:#435448}
.story-chat-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;border-top:1px solid #e4e6eb;background:#f9faff}
.story-chat-footer>span{font:10px "DM Mono",monospace;color:#858b99}.story-chat-footer a{font-size:12px;font-weight:700;color:#244fc8}.story-chat-footer a:hover{text-decoration:underline}
.story-disclaimer{font:12px/1.6 "DM Sans",system-ui,sans-serif;color:#77736b;max-width:900px;margin:22px auto 0}
@media(max-width:850px){.story-problem-grid{grid-template-columns:1fr;gap:30px}.story-problem-copy{margin-top:0}.story-chat-body{padding:30px}.case-insight{grid-template-columns:1fr}.case-mini{grid-column:1;grid-row:auto;margin-top:13px;max-width:300px}}
@media(max-width:600px){.story-problem,.conversation-story{padding:72px 0}.story-problem-copy p{font-size:16px}.conversation-heading{margin-bottom:27px}.story-chat-header{padding:12px 14px}.story-chat-body{padding:23px 14px 27px;gap:15px}.story-chat-status{font-size:9px}.thread-message{max-width:97%}.thread-bubble{font-size:13px;padding:12px 14px}.thread-avatar{width:23px;height:23px}.thread-products{grid-template-columns:1fr 1fr;gap:6px}.thread-products article{grid-template-columns:1fr}.thread-products img{width:100%;height:98px}.thread-products article>div{padding:9px}.thread-products strong{font-size:12px}.thread-products span{font-size:9px}.thread-insight{margin:12px 0 18px 0;padding:14px 15px}.thread-insight p{font-size:12px}.thread-photos figure{width:112px}.thread-photos img{height:77px}.thread-joined{border-radius:12px;align-self:stretch}.story-chat-footer{display:grid;padding:15px}.story-chat-footer a{font-size:12px}}

/* Explain the three audiences before the detailed customer story. */
.three-ways{background:#fff;color:var(--ink);padding:104px 0 108px}
.three-ways .section-head{max-width:890px;margin-bottom:50px}
.three-ways .section-head p{max-width:760px}
.three-ways-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.way{display:flex;flex-direction:column;border-top:2px solid var(--ink);padding-top:20px;min-width:0}
.way-media{height:210px;position:relative;overflow:hidden;margin-bottom:23px;background:#e9edff}
.shopper-media img{position:absolute;inset:0;width:48%;height:100%;object-fit:cover;object-position:center;background:#e8e8e5}
.way-media-note{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:52%;background:#fff;padding:15px 13px;box-shadow:0 10px 30px rgba(27,35,61,.11)}
.way-media-note small,.way-media-note strong,.way-media-note span{display:block}
.way-media-note small,.way-case small,.way-team-answer>span{font:10px "DM Mono",monospace;color:var(--blue)}
.way-media-note strong{font-size:15px;margin:9px 0}.way-media-note span{font-size:11px;color:#667083;line-height:1.35}
.team-media{display:flex;flex-direction:column;gap:10px;padding:20px;background:#eef1ff}
.way-team-question{align-self:flex-end;background:#222b3b;color:#fff;padding:10px 12px;border-radius:8px 8px 2px 8px;font-size:12px;max-width:84%}
.way-team-answer{display:grid;gap:7px;align-self:flex-start;background:#fff;padding:13px 15px;width:90%;border:1px solid #dbe2f6;box-shadow:0 7px 20px rgba(27,35,61,.07)}
.way-team-answer strong{font-size:15px}.way-team-answer small{font-size:10px;color:#6b7280}
.support-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}
.way-case{position:absolute;left:12px;right:12px;bottom:12px;display:grid;gap:5px;background:#fff;padding:12px 14px;box-shadow:0 8px 25px rgba(17,19,25,.17)}
.way-case strong{font-size:15px}.way-case span{font-size:11px;color:#666e78}
.way-index{font:11px "DM Mono",monospace;color:var(--blue);letter-spacing:.08em}
.way h3{font-size:clamp(23px,2.3vw,29px);line-height:1.08;letter-spacing:-.045em;margin:13px 0 12px}
.way p{font-size:14px;line-height:1.6;color:#55534f;margin:0 0 16px}
.way-outcome{display:block;font-size:13px;margin-top:auto;color:#293b7b}
.way>a{font-size:13px;font-weight:700;color:#244fc8;align-self:flex-start;margin-top:18px;border-bottom:1px solid #aabaf4;padding-bottom:4px}
.way>a:hover{color:#173680;border-color:#173680}
.difference-section{background:#171a22;color:#fff;padding:106px 0 112px}
.difference-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:95px;align-items:start}
.difference-intro h2{font-size:clamp(38px,4.9vw,61px);line-height:1.02;letter-spacing:-.06em;margin:17px 0 22px}
.difference-intro p{font-size:17px;line-height:1.6;color:#c4c7d0;max-width:470px;margin:0 0 29px}
.difference-intro .button.secondary{color:#fff;border-color:#656a75}
.difference-intro .button.secondary:hover{background:#282d39}
.difference-list{border-top:1px solid #50545d}
.difference-list article{display:grid;grid-template-columns:130px 1fr;gap:0 21px;padding:24px 0;border-bottom:1px solid #50545d}
.difference-list article span{font:10px "DM Mono",monospace;color:var(--lime);padding-top:4px}
.difference-list h3{font-size:21px;line-height:1.15;letter-spacing:-.035em;margin:0 0 9px}
.difference-list p{grid-column:2;font-size:14px;line-height:1.6;color:#b9bdc7;margin:0}
.platforms{background:#fff;color:var(--ink);padding:78px 0 82px;border-top:1px solid var(--line)}
.platform-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:75px;align-items:center}
.platform-copy h2{font-size:clamp(35px,4.4vw,54px);letter-spacing:-.055em;line-height:1.03;margin:12px 0 17px}
.platform-row .platform-copy p{max-width:680px;color:#5b5955;font-size:16px;line-height:1.65}
.platform-tags{align-content:center}
.platform-tags span{color:#33383f;border-color:#d5d9e3;background:#f7f8fb;border-radius:5px}
@media(max-width:850px){.three-ways-grid{gap:18px}.way-media{height:180px}.way-media-note{padding:10px}.difference-grid{gap:45px}.platform-row{gap:35px}}
@media(max-width:700px){.three-ways{padding:75px 0}.three-ways-grid{grid-template-columns:1fr;gap:36px}.way-media{height:220px}.way h3{font-size:27px}.difference-section{padding:76px 0}.difference-grid,.platform-row{grid-template-columns:1fr;gap:38px}.difference-list article{grid-template-columns:110px 1fr}.platforms{padding:72px 0}}
@media(max-width:450px){.way-media{height:190px}.difference-list article{grid-template-columns:1fr}.difference-list h3{margin-top:10px}.difference-list p{grid-column:1}.platform-tags span{font-size:12px}}