/* Latest feedback: compact flow, clear ownership, no presentation commentary. */
.purchase-flow h3,.roles-summary h3,.quick-integration h3{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:0 0 24px}
.purchase-flow ol{list-style:none;padding:0;margin:0}.purchase-flow li{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #bdc8cd;position:relative}.purchase-flow li>span{font-size:15px;font-weight:700;line-height:1.5;border-left:3px solid #ffba00;padding-left:12px}.purchase-flow li>p{font-size:15px;line-height:1.6;color:#46545c;margin:0}.flow-key{font-size:14px;line-height:1.6;margin-top:22px;color:#46545c}
.role-summary-row{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid #bdc8cd}.role-summary-row>span{font-size:16px;font-weight:700;line-height:1.6}.role-summary-row p{font-size:15px;line-height:1.6;margin:0;color:#46545c}.role-summary-row p>b{display:block;color:#232526;margin-bottom:5px}.role-summary-row.emphasized{border-left:3px solid #ffba00;padding-left:13px;background:#fff;margin-top:15px;padding-right:13px}.roles-caption{font-size:13px;color:#536169;line-height:1.6;margin-top:18px}
.quick-integration h3{padding:0 25px;margin-top:22px;margin-bottom:8px}.quick-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 25px 0}.quick-methods>div{border-top:3px solid #ffba00;padding-top:12px}.quick-methods span{font-size:11px;line-height:1.5;letter-spacing:.5px;color:#536169}.quick-methods h4{font-size:19px;line-height:1.3;margin:8px 0}.quick-integration>p{font-size:15px;line-height:1.6;margin:16px 25px 0;padding-bottom:25px;color:#46545c}
.sms-presentation .phone-demo{max-width:none;width:100%;padding:24px 28px}.sms-presentation .phone-bubble{max-width:360px;margin-left:auto;font-size:21px}.sms-presentation .phone-context{margin:22px 0}.sms-explanation-outside{margin-top:22px}
.benefit-caption{margin-top:22px;padding:20px 22px;background:#edf3f5;border-left:4px solid #ffba00;border-radius:3px}.benefit-caption>p{color:#232526;font-size:18px;line-height:1.55;font-weight:600;margin:0}.benefit-caption .doc-note{color:#46545c;font-size:14px;line-height:1.6;font-weight:400;margin:12px 0 0}
.purchase-flow,.roles-summary,.quick-integration{animation:diagram-enter .32s ease-out both}
@media(max-width:760px){.purchase-flow h3,.roles-summary h3,.quick-integration h3{font-size:25px}.purchase-flow li{grid-template-columns:86px 1fr;gap:12px;padding:15px 0}.purchase-flow li>span{font-size:13px;padding-left:9px}.purchase-flow li>p{font-size:14px}.role-summary-row{grid-template-columns:1fr;gap:8px;padding:17px 0}.role-summary-row.emphasized{padding:17px 13px}.role-summary-row p>b{display:inline}.role-summary-row>span{font-size:14px;color:#536169}.quick-methods{gap:14px;padding:15px 20px 0}.quick-methods h4{font-size:17px}.quick-integration h3{padding:0 20px}.quick-integration>p{margin:15px 20px 0}.sms-presentation .phone-demo{padding:20px}.sms-presentation .phone-bubble{font-size:19px}.benefit-caption{padding:18px}.benefit-caption>p{font-size:17px}}
/* A compact visual rhythm replaces arrows in the purchase-flow heading. */
.flow-title{display:grid;grid-template-columns:.8fr .8fr 1.25fr;gap:16px;position:relative;margin:4px 0 25px;padding-top:25px}
.flow-title:before{content:'';position:absolute;left:5px;right:5px;top:5px;height:1px;background:#bdc8cd}
.flow-title>span{position:relative;font-size:23px;font-weight:700;line-height:1.25;letter-spacing:-.5px}
.flow-title>span:before{content:'';position:absolute;top:-25px;left:0;width:10px;height:10px;border-radius:50%;background:#ffba00;box-shadow:0 0 0 5px #edf3f5}
.flow-title>span:nth-child(2):before{border-radius:2px}
.flow-title>span:nth-child(3):before{background:#232526;border:2px solid #ffba00}
@media(max-width:1100px){.flow-title{gap:10px}.flow-title>span{font-size:18px;letter-spacing:-.3px}}
@media(max-width:380px){.flow-title>span{font-size:16px}.flow-title{gap:8px}}
/* Role ownership as a distribution diagram, not another text table. */
body[data-audience="publisher"][data-object="contract"] .object-front{background:transparent!important;padding:0;color:#edf3f5}
body[data-audience="publisher"][data-object="contract"] .object-top{color:#c9d2d6;border-color:#536168}
.ecosystem-end{display:flex;gap:18px;align-items:start;background:#edf3f5;color:#232526;padding:19px 22px;border-radius:4px}
.role-symbol{display:grid;place-items:center;background:#fff;width:46px;height:46px;border:1px solid #bdc8cd;border-radius:4px;flex-shrink:0;margin-top:3px}.role-symbol svg{width:30px;height:30px;fill:none;stroke:#46545c;stroke-width:1.5}
.ecosystem-label{font-size:11px;letter-spacing:.8px;color:#536169;font-weight:600}.ecosystem-end h3{font-size:23px;line-height:1.2;letter-spacing:-.4px;margin:7px 0}.ecosystem-end p{font-size:15px;line-height:1.5;margin:0;color:#46545c}
.ecosystem-link{display:flex;gap:17px;align-items:center;padding:0 44px;font-size:12px;color:#c2ccd1;line-height:1.5;min-height:39px}.ecosystem-link i{display:block;height:39px;width:1px;background:#8b969b}
.ecosystem-center{border:1px solid #68767c;border-left:4px solid #ffba00;padding:21px 25px;background:#2b3032;border-radius:4px}.ecosystem-center-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ecosystem-center-head>b{font-size:24px;letter-spacing:-.5px;color:#ffba00}.ecosystem-center-head>span{font-size:10px;letter-spacing:.6px;color:#c3cdd1}.ecosystem-center h3{font-size:25px;letter-spacing:-.4px;margin:18px 0 9px;line-height:1.2}.ecosystem-center p{font-size:15px;line-height:1.5;color:#d0d8db;margin:0}.ecosystem-services{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:19px;padding-top:15px;border-top:1px solid #56646b;font-size:14px;line-height:1.5;color:#edf3f5}.ecosystem-services span+span{border-left:1px solid #56646b;padding-left:18px}.ecosystem-foot{font-size:13px;line-height:1.5;margin:17px 0 0;color:#c3cdd1}.role-ecosystem{animation:diagram-enter .32s ease-out both}
@media(max-width:760px){.ecosystem-end{padding:17px;gap:13px}.role-symbol{width:36px;height:40px}.ecosystem-end h3{font-size:21px}.ecosystem-end p,.ecosystem-center p{font-size:14px}.ecosystem-center{padding:19px}.ecosystem-center-head>span{max-width:130px;font-size:9px}.ecosystem-services{gap:10px;font-size:13px}.ecosystem-services span+span{padding-left:12px}.ecosystem-link{padding-left:35px;font-size:11px}.ecosystem-center h3{font-size:23px}}