/** collaboration section styles. Extracted and scoped from the verified visual compatibility layer. */
/* v7.2.2 — Collaboration paths moved out of the footer and into the home journey. */
.rayan-collaboration{position:relative;padding-block:30px 78px;background:#f6f9fd}

.rayan-collaboration-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid #dfe8f3}

.rayan-collaboration-heading>div{max-width:820px}

.rayan-collaboration-heading h2{margin:4px 0 8px;font-size:clamp(27px,2.4vw,38px);letter-spacing:-.6px}

.rayan-collaboration-heading p{margin:0;color:#687b93;font-size:14px;line-height:1.95}

.rayan-collaboration-mark{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border:1px solid #c6dcf8;border-radius:19px;background:#fff;color:var(--rayan-blue);box-shadow:0 10px 25px rgba(7,58,128,.06)}

.rayan-collaboration-mark svg{width:32px;height:32px}

.rayan-collaboration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.rayan-collaboration-card{position:relative;min-width:0;min-height:214px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;padding:24px;border:1px solid #dce6f2;border-radius:21px;background:#fff;box-shadow:0 10px 30px rgba(8,47,100,.05);transition:transform .22s var(--rayan-ease),border-color .22s,box-shadow .22s}

.rayan-collaboration-card::before{content:"";position:absolute;top:0;right:24px;left:24px;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,#2084ff,transparent);opacity:.72}

.rayan-collaboration-card:hover{transform:translateY(-4px);border-color:#a9c9f1;box-shadow:0 18px 42px rgba(7,55,121,.1)}

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

.rayan-collaboration-number{position:absolute;top:18px;left:20px;color:#afbed0;font-size:10px;font-weight:900;direction:ltr}

.rayan-collaboration-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:17px;border:1px solid #c8dcf7;border-radius:16px;background:#edf5ff;color:var(--rayan-blue)}

.rayan-collaboration-icon svg{width:27px;height:27px}

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

.rayan-collaboration-copy>small{margin-bottom:3px;color:#537093;font-size:10px;font-weight:800}

.rayan-collaboration-copy>strong{color:#0a2851;font-size:16px;line-height:1.7}

.rayan-collaboration-copy>span{margin-top:7px;color:#6a7c92;font-size:12px;line-height:1.9}

.rayan-collaboration-card>b{width:34px;height:34px;display:grid;place-items:center;margin-top:auto;align-self:flex-end;border-radius:10px;background:#f1f6fd;color:#075fe4;font-size:16px;transition:background .2s,color .2s}

.rayan-collaboration-card:hover>b{background:#075fe4;color:#fff}

@media (max-width:1100px){
  .rayan-collaboration-grid{grid-template-columns:1fr 1fr}
  .rayan-collaboration-card{min-height:195px}
}

@media (max-width:680px){
  .rayan-collaboration{padding-block:24px 54px}
  .rayan-collaboration-heading{align-items:flex-start;margin-bottom:18px;padding-bottom:18px}
  .rayan-collaboration-heading h2{font-size:25px}
  .rayan-collaboration-heading p{font-size:13px}
  .rayan-collaboration-mark{width:48px;height:48px;flex-basis:48px;border-radius:15px}
  .rayan-collaboration-mark svg{width:25px;height:25px}
  .rayan-collaboration-grid{grid-template-columns:1fr;gap:10px}
  .rayan-collaboration-card{min-height:0;display:grid;grid-template-columns:50px minmax(0,1fr) 34px;align-items:center;column-gap:13px;padding:17px 14px;border-radius:17px}
  .rayan-collaboration-card::before{right:18px;left:18px}
  .rayan-collaboration-number{top:7px;left:10px;font-size:8px}
  .rayan-collaboration-icon{grid-column:1;grid-row:1;width:50px;height:50px;margin:0;border-radius:15px}
  .rayan-collaboration-copy{grid-column:2;grid-row:1}
  .rayan-collaboration-copy>strong{font-size:15px}
  .rayan-collaboration-copy>span{font-size:12px}
  .rayan-collaboration-card>b{grid-column:3;grid-row:1;align-self:center;margin:0}
}

@media (prefers-reduced-motion:reduce){
  .rayan-collaboration-card,.rayan-collaboration-card>b{transition:none}
  .rayan-collaboration-card:hover{transform:none}
}