/** audience section styles. Extracted and scoped from the verified visual compatibility layer. */
.rayan-audience{padding:22px 0 76px;background:linear-gradient(180deg,#fff 0,#f6f9fd 100%)}

.rayan-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.rayan-audience-card{position:relative;min-height:190px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:20px;overflow:hidden;padding:28px;border:1px solid #d9e5f3;border-radius:25px;background:#fff;box-shadow:var(--rayan-shadow-sm);transition:transform .22s var(--rayan-ease),box-shadow .22s,border-color .22s}

.rayan-audience-card::after{content:"";position:absolute;inset:auto -55px -90px auto;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(32,128,255,.18),transparent 68%);pointer-events:none}

.rayan-audience-card:hover{transform:translateY(-4px);border-color:#97bff5;box-shadow:0 22px 55px rgba(10,53,112,.12)}

.rayan-audience-card:focus-visible{outline:3px solid rgba(9,101,245,.34);outline-offset:4px}

.rayan-audience-card--enterprise{border-color:#194b87;background:linear-gradient(135deg,#082c62,#031936 70%);color:#fff;box-shadow:0 22px 56px rgba(2,25,62,.2)}

.rayan-audience-card--enterprise:hover{border-color:#4f9df4}

.rayan-audience-icon{width:72px;height:72px;display:grid;place-items:center;border:1px solid #cfe0f6;border-radius:21px;background:#eef6ff;color:var(--rayan-blue)}

.rayan-audience-card--enterprise .rayan-audience-icon{border-color:rgba(128,190,255,.22);background:rgba(43,139,244,.12);color:#67c4ff}

.rayan-audience-icon svg{width:36px;height:36px}

.rayan-audience-copy{min-width:0;display:flex;flex-direction:column}

.rayan-audience-copy small{margin-bottom:5px;color:#527199;font-size:12px;font-weight:800}

.rayan-audience-copy strong{color:#071e43;font-size:21px;line-height:1.55}

.rayan-audience-copy>span{margin-top:6px;color:#687b94;font-size:14px;line-height:1.9}

.rayan-audience-card--enterprise .rayan-audience-copy small{color:#7fc9ff}

.rayan-audience-card--enterprise .rayan-audience-copy strong{color:#fff}

.rayan-audience-card--enterprise .rayan-audience-copy>span{color:#c4d5e9}

.rayan-audience-action{position:relative;z-index:1;align-self:end;display:inline-flex;align-items:center;gap:7px;color:var(--rayan-blue);font-size:13px;font-weight:850;white-space:nowrap}

.rayan-audience-card--enterprise .rayan-audience-action{color:#8bd2ff}

@media (max-width:1100px){
  .rayan-audience-card{grid-template-columns:60px 1fr;padding:23px}.rayan-audience-icon{width:60px;height:60px}.rayan-audience-action{grid-column:2}
  .rayan-client-logos{grid-template-columns:repeat(3,1fr)}
  .rayan-final-cta-box{grid-template-columns:minmax(0,1fr);gap:25px;padding:34px}.rayan-final-cta-copy,.rayan-demo-form{min-width:0}.rayan-final-cta-copy{text-align:center}.rayan-final-cta-copy p{margin-inline:auto}.rayan-final-cta-copy ul{width:max-content;max-width:100%;margin-inline:auto;text-align:right}.rayan-demo-form{width:min(720px,100%);margin-inline:auto;text-align:right}
}

@media (max-width:760px){
  .rayan-audience{padding:10px 0 52px}.rayan-audience-grid,.rayan-case-grid{grid-template-columns:1fr}.rayan-audience-card{min-height:0;grid-template-columns:54px 1fr;gap:14px;padding:20px;border-radius:20px}.rayan-audience-icon{width:54px;height:54px;border-radius:16px}.rayan-audience-icon svg{width:29px;height:29px}.rayan-audience-copy strong{font-size:18px}.rayan-audience-copy>span{font-size:13px}.rayan-audience-action{grid-column:1/-1;align-self:auto;justify-content:flex-end;min-height:44px;padding-top:8px;border-top:1px solid rgba(127,154,188,.18)}
  .rayan-client-logos{grid-template-columns:repeat(2,1fr)}.rayan-client-logos :where(a,span){min-height:86px;padding:12px}.rayan-case-grid p{min-height:0}
  .rayan-proof{padding:54px 0}.rayan-final-cta{padding:20px 0 58px}.rayan-final-cta-box{padding:24px 16px;border-radius:22px}.rayan-final-cta-copy{padding-inline:5px}.rayan-final-cta-copy h2{font-size:27px}.rayan-final-cta-copy p{font-size:14px}.rayan-final-cta-copy ul{font-size:12px}.rayan-demo-form{gap:12px;padding:20px;border-radius:18px}.rayan-demo-form h3{font-size:20px}.rayan-demo-fields{grid-template-columns:1fr}.rayan-demo-form label{font-size:14px}
}

@media (prefers-reduced-motion:reduce){.rayan-audience-card,.rayan-client-logos a{transition:none}.rayan-audience-card:hover,.rayan-client-logos a:hover{transform:none}}
