/* Customer invitations and the conversations they make possible. */
.relationship-intro{max-width:625px;margin:21px auto 0;font-size:15px;line-height:1.8}
.relationship-promises{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 25px;margin:22px 0 30px;color:#62566b;font-size:11px}
.relationship-promises span{display:flex;align-items:center;gap:7px}
.relationship-promises .icon{width:15px;height:15px}
.wedge-content.relationship-layout{align-items:start;gap:68px;grid-template-columns:.92fr 1.08fr;padding-top:50px}
.relationship-layout .wedge-copy{padding-top:20px}
.relationship-layout .wedge-copy>p{max-width:460px}
.relationship-business{border-top:1px solid #d2c5dd;margin-top:29px;padding-top:25px}
.relationship-business>strong{display:block;font-size:15px;line-height:1.6;max-width:390px;margin-top:10px}
.relationship-business .usecase-list{margin-top:16px}
.customer-story{min-width:0}
.invitation-card{background:#fff9ea;border:1px solid #dacbbf;border-radius:13px;padding:25px 29px 23px;position:relative;box-shadow:0 5px 0 #d9cadd55}
.invitation-card:before{content:'';position:absolute;left:28px;right:28px;top:0;height:4px;background:#e2a77d;border-radius:0 0 3px 3px}
.software .invitation-card:before{background:#b5a4d7}.services .invitation-card:before{background:#e6bd6c}.coaches .invitation-card:before{background:#d6a6b8}
.invitation-brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;margin-bottom:19px}
.invitation-brand>span{font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:1;letter-spacing:-2px}
.invitation-brand small{font-size:9px;margin-left:auto;font-weight:400;color:#706356;max-width:150px;text-align:right}
.invitation-card h4{font-size:26px;line-height:1.2;letter-spacing:-.045em;margin-bottom:10px}
.invitation-card>p{font-size:13px;line-height:1.75;color:#655c54;max-width:390px}
.invitation-addresses{display:grid;gap:8px;margin-top:19px;padding-top:17px;border-top:1px solid #e5d9c9;font-size:12px}
.invitation-addresses>div{display:flex;align-items:center;gap:9px;min-width:0}
.invitation-addresses .icon{width:15px;height:15px;color:#756354}
.invitation-addresses span{overflow-wrap:anywhere;min-width:0}
.invitation-addresses small{font-size:10px;color:#706356}
.invitation-web{color:#6a5c4f;font-size:10px!important}
.conversation-path{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#6d5c79;margin:15px 0;letter-spacing:.04em}
.conversation-path .icon{width:13px;height:13px}
.relationship-thread{border:1px solid #d6c9df;border-radius:13px;background:#fffdfa;overflow:hidden}
.thread-label{display:flex;align-items:center;gap:8px;padding:12px 23px;background:#f4eff7;font-size:10px;color:#695b72;border-bottom:1px solid #e8dfee}
.thread-label .icon{width:14px;height:14px}
.relationship-message{padding:20px 23px}
.relationship-message+.relationship-message{border-top:1px solid #eee6dc;background:#fffcf4}
.relationship-message>strong{display:block;font-size:11px;margin-bottom:7px}
.relationship-message>p{font-size:13px;line-height:1.8;color:#554d59}
.relationship-message.brand-reply>strong{display:flex;align-items:center;gap:6px;color:#74513e}
.brand-reply .icon{width:13px;height:13px}
.relationship-benefit{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.6;margin:17px 3px;color:#5b4667}
.relationship-benefit .icon{width:16px;height:16px;margin-top:2px}
.relationship-followup{border-top:1px solid #d2c5dd;margin-top:18px}
.relationship-followup summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:12px;font-weight:650;padding:16px 2px}
.relationship-followup summary::-webkit-details-marker{display:none}
.relationship-followup summary .icon{width:17px;height:17px;transition:transform .2s}
.relationship-followup[open] summary .icon{transform:rotate(45deg)}
.followup-exchange{padding:10px 2px 0}
.followup-exchange .tiny-label{font-size:9px;margin-bottom:12px;color:#6b5878}
.followup-exchange p{font-size:12px;line-height:1.8;padding:16px 19px;background:#fff9ea;border-radius:9px 9px 9px 0;border:1px solid #ded2c2;max-width:94%;color:#574d50}
.followup-exchange p+p{margin:12px 0 0 auto;background:#f9f4fe;border-color:#d6c8e2;border-radius:9px 9px 0 9px}
.followup-exchange p strong{display:block;font-size:10px;margin-bottom:5px}
@media(max-width:1100px){.wedge-content.relationship-layout{gap:35px}.invitation-card{padding:23px}.invitation-card h4{font-size:24px}.invitation-brand small{max-width:115px}}
@media(max-width:800px){.wedge-content.relationship-layout{grid-template-columns:1fr;gap:32px}.relationship-layout .wedge-copy{padding-top:0}.relationship-layout .wedge-copy>p{max-width:none}.relationship-business{margin-top:22px;padding-top:22px}.customer-story{width:100%;max-width:560px;margin:0 auto}.relationship-layout .wedge-copy h3{max-width:530px}.relationship-intro{font-size:14px}.relationship-promises{gap:10px 18px}.relationship-layout .wedge-copy>p{font-size:14px}}
@media(max-width:480px){.relationship-intro{font-size:13px;line-height:1.85}.relationship-promises{font-size:10px;gap:9px 15px;margin-top:18px}.wedge-content.relationship-layout{padding-top:32px}.invitation-card{padding:22px 19px}.invitation-card h4{font-size:25px}.invitation-brand{font-size:10px}.invitation-brand small{font-size:8px;max-width:105px}.invitation-addresses{font-size:11px}.invitation-addresses small{font-size:9px}.relationship-message{padding:18px}.thread-label{padding:12px 18px}.relationship-message>p{font-size:12px}.relationship-benefit{font-size:11px}.relationship-followup summary{font-size:11px}.relationship-business>strong{font-size:14px}}