/* ==========================================================
   For companies: sponsor and exhibition call-to-action cards
   ========================================================== */
.co-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;max-width:940px}
.co{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;align-items:flex-start;min-height:294px;box-shadow:0 22px 42px -28px rgba(8,30,38,.75);transition:transform .25s ease,box-shadow .25s ease}
.co::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--teal),#7FD6D2)}
.co::after{content:"";position:absolute;z-index:-1;width:190px;height:190px;right:-76px;bottom:-95px;border-radius:50%;background:color-mix(in srgb,var(--teal) 20%,transparent);filter:blur(2px)}
.co:hover{transform:translateY(-4px);box-shadow:0 28px 48px -28px rgba(8,30,38,.9)}
.co-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}
.co-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,#fff 22%,transparent);border-radius:15px;background:color-mix(in srgb,#fff 10%,transparent);color:#9DE5E1}
.co-icon svg{width:27px;height:27px}
.co-sponsor .co-icon{width:56px;height:56px;border-color:color-mix(in srgb,var(--teal) 55%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 24%,transparent),color-mix(in srgb,#fff 8%,transparent));color:#B7F1ED;box-shadow:0 12px 24px -17px var(--teal)}
.co-sponsor .co-icon svg{width:31px;height:31px}
.co-index{font-size:12px;font-weight:800;letter-spacing:.12em;color:color-mix(in srgb,#fff 58%,transparent)}
.co h3{max-width:18ch;margin:24px 0 8px;font-size:24px;line-height:1.15;letter-spacing:-.02em}
.co p{max-width:36ch;margin:0;color:#A9C9CD;line-height:1.55}
.co .btn{width:100%;max-width:210px;min-height:44px;margin-top:auto;align-self:flex-start;justify-content:center}
.co .btn svg{width:15px;height:15px}
.co-exhibition{background:linear-gradient(145deg,var(--teal-ink),#0B615F)}
.co-exhibition::before{background:linear-gradient(90deg,#B5F2EC,#5FD3CE)}
.co-exhibition p{color:#D5EFEE}
.co-exhibition .co-icon{color:#D8FFFB}
html[dir="rtl"] .co .btn svg{transform:scaleX(-1)}

@media (max-width:860px){
  .co-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce){
  .co{transition:none}
}