/* Cooperation component: restrained partner branding on the light site canvas. */
.cooperation{scroll-margin-top:110px}
.cooperation-card{padding:clamp(24px,4.5vw,60px);border:1px solid #e2e3e7;border-radius:20px;background:linear-gradient(130deg,#fff 45%,#f6f4fa);box-shadow:0 16px 48px rgba(24,28,34,.035)}
.cooperation-brands{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(20px,3vw,40px);padding-bottom:36px;border-bottom:1px solid #e2e3e7}
.cooperation-brands img{display:block;object-fit:contain;height:34px;width:auto;max-width:100%}
.cooperation-brands>a{display:inline-flex;align-items:center;padding:8px 0}
.cooperation-brands>span{font-size:25px;font-weight:300;color:#7a7d83}
.cooperation-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start;margin:36px 0}
.cooperation-intro .eyebrow{color:var(--muted);margin-bottom:16px}
.cooperation-intro h2{font-size:clamp(28px,3.3vw,44px);line-height:1.16;letter-spacing:-.035em}
.cooperation-intro>p{color:var(--muted);font-size:var(--body-size);line-height:1.8;max-width:52ch;margin:0}
.cooperation-pillars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.cooperation-pillars li{border-top:1px solid #d9dbe0;padding-top:22px;min-width:0}
.cooperation-number{font-size:10px;letter-spacing:.12em;color:#615075}
.cooperation-pillars h3{font-size:18px;line-height:1.35;margin:13px 0 10px;letter-spacing:-.015em}
.cooperation-pillars p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:34ch}
.cooperation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 30px;margin-top:34px}
.cooperation-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.cooperation a:focus-visible{outline:2px solid #6f35b6;outline-offset:5px}
@media(max-width:760px){.cooperation-intro{grid-template-columns:1fr;gap:20px}.cooperation-pillars{grid-template-columns:1fr;gap:24px}.cooperation-pillars p{max-width:52ch}.cooperation-intro{margin:28px 0}.cooperation-brands{padding-bottom:24px}}
@media(max-width:400px){.cooperation-brands{gap:14px}.cooperation-brands img{height:23px;max-width:110px}.cooperation-brands>span{font-size:20px}.cooperation-actions .btn{white-space:normal;text-align:center}}