/* A shared invitation for customers and service providers. */
.audiences-section{margin:42px 0 66px;direction:rtl}
.audiences-heading{text-align:right;max-width:800px;margin:0 0 27px}
.audiences-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a77834;font-size:14px;font-weight:700}
.audiences-eyebrow span{color:#e9a52e;font-size:18px}
.audiences-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.55;letter-spacing:-.4px;margin:8px 0 9px;color:#173e3d}
.audiences-heading h2 span{color:#078b84}
.audiences-heading p{font-size:17px;line-height:1.85;color:#657b72;margin:0;max-width:690px}
.audiences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.audience-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;padding:30px 32px 28px;text-align:right;min-width:0;isolation:isolate}
.audience-card::after{content:'';position:absolute;left:-45px;top:-50px;width:170px;height:170px;border:1px solid currentColor;border-radius:50%;opacity:.08;z-index:-1;pointer-events:none}
.audience-customer{background:#fffdf8;color:#244a45;border:1px solid #eae2d3;box-shadow:0 10px 35px #25483b0a}
.audience-provider{background:linear-gradient(145deg,#103b3e,#105653);color:#fffaf1;border:1px solid #154c49;box-shadow:0 12px 35px #173e3d1a}
.audience-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.audience-label{font-size:13px;font-weight:700;padding:5px 13px;border-radius:999px;line-height:1.7;background:#e5f4ed;color:#167469}
.audience-provider .audience-label{background:#ffffff19;color:#d8f1d7}
.audience-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eff5e9;color:#087e75;flex:none}
.audience-provider .audience-icon{background:#ffffff17;color:#b4e9d2}
.audience-icon svg{width:26px;height:26px}
.audience-card h3{font-size:clamp(22px,2vw,27px);line-height:1.6;margin:0 0 9px;letter-spacing:-.3px;color:inherit}
.audience-card>p{color:#647970;font-size:15px;line-height:1.95;margin:0 0 19px;max-width:530px}
.audience-provider>p{color:#d3e4d9}
.audience-card ul{list-style:none;margin:0 0 25px;padding:19px 0 0;border-top:1px solid #eae8dc;display:grid;gap:10px}
.audience-provider ul{border-top-color:#ffffff24}
.audience-card li{position:relative;padding-right:29px;font-size:15px;line-height:1.85;color:#365e52}
.audience-provider li{color:#e7f1e7}
.audience-card li:before{content:'✓';position:absolute;right:0;top:1px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#e2f2e8;color:#078678;font-size:12px;font-weight:700;line-height:1}
.audience-provider li:before{background:#bce9c620;color:#a9e4c9}
.audience-bottom{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:auto}
.audience-bottom>span{font-size:12px;color:#84938a}.audience-provider .audience-bottom>span{color:#b9d7c9}
.audience-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;border-radius:12px;padding:11px 19px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.audience-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #103b3e1c}
.audience-button:focus-visible{outline:3px solid #e7a733;outline-offset:4px}
.customer-button{background:#078e87;color:white}.provider-button{background:#f0c36a;color:#173e3d}
@media(max-width:750px){.audiences-section{margin:33px 0 48px}.audiences-heading{margin-bottom:20px}.audiences-heading h2{font-size:28px;line-height:1.55}.audiences-heading p{font-size:15px}.audiences-grid{grid-template-columns:minmax(0,1fr);gap:16px}.audience-card{padding:24px 21px;border-radius:20px}.audience-card h3{font-size:23px}.audience-card>p,.audience-card li{font-size:15px}.audience-bottom{gap:10px}.audience-button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.audience-button{transition:none}.audience-button:hover{transform:none}}

/* Provider registration actions in the header and hero. */
header nav button.header-provider{border:1px solid #b8d7c8;background:#f1f8ef;color:#176559;font-weight:700;white-space:nowrap}
header nav button.header-provider:hover{background:#e0f0e4}
.hero .actions button.hero-provider{border:1px solid #b9d2c1;background:#fffdf8;color:#176559;font-weight:700}
.hero .actions button.hero-provider:hover{background:#edf6eb}
@media(max-width:750px){header nav{max-width:100%;flex-wrap:wrap}header nav button.header-provider{font-size:12px;padding:8px 11px}.hero .actions{flex-wrap:wrap}}