.roles-kv.svelte-uoe12i{background:var(--color-footer-canvas);width:100%;padding-block:0 80px;padding-inline:24px}.inner.svelte-uoe12i{flex-direction:column;gap:2.5rem;max-width:1280px;margin-inline:auto;display:flex}.card.svelte-uoe12i{background:var(--color-surface);border-radius:20px;flex-direction:column;gap:2.5rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex;overflow:hidden}.copy.svelte-uoe12i{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.intro.svelte-uoe12i{flex-direction:column;gap:8px;display:flex}.title.svelte-uoe12i{font-family:var(--font-urbanist);color:var(--color-body);margin:0;font-size:28px;font-weight:600;line-height:1.2}.subtitle.svelte-uoe12i{font-family:var(--font-inter);color:var(--color-secondary);margin:0;font-size:16px;line-height:1.5}.panels.svelte-uoe12i{flex-direction:column;gap:16px;max-width:580px;margin-top:32px;display:flex}.panel.svelte-uoe12i{border-radius:16px;flex-direction:column;padding:24px;display:flex}.panel.needs.svelte-uoe12i{background:var(--color-gray-50);gap:8px}.panel.helps.svelte-uoe12i{gap:16px}.panel.helps.purple.svelte-uoe12i{background:#ececff}.panel.helps.lime.svelte-uoe12i{background:#f3fbd3}.panel.helps.yellow.svelte-uoe12i{background:#fff9dc}.panel-label.svelte-uoe12i{font-family:var(--font-inter);color:#1a1a1b;margin:0;font-size:14px;font-weight:500;line-height:1.4}.panel-label.muted.svelte-uoe12i{color:var(--color-secondary)}.badges.svelte-uoe12i{flex-wrap:wrap;gap:8px;display:flex}.badge.svelte-uoe12i{mix-blend-mode:multiply;font-family:var(--font-inter);white-space:nowrap;border-radius:16px;padding:8px 16px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.badge.need.svelte-uoe12i{color:var(--color-secondary);background:#f8f9fc}.helps-badge.purple.svelte-uoe12i{color:var(--color-accent);background:#ececff}.helps-badge.lime.svelte-uoe12i{color:#1a1a1b;background:#e4f0b0}.helps-badge.yellow.svelte-uoe12i{color:#1a1a1b;background:#fff1b0}.media.svelte-uoe12i{border:1px solid #00000005;border-radius:20px;flex:1 1 0;align-self:stretch;min-width:0;min-height:240px;position:relative;overflow:hidden}.media.svelte-uoe12i img:where(.svelte-uoe12i){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (width>=1024px){.card.svelte-uoe12i{flex-direction:row;align-items:stretch}}@media (width<=1023px){.panels.svelte-uoe12i{max-width:none}.badge.svelte-uoe12i{white-space:normal;text-wrap:pretty}}@media (width>=1280px){.roles-kv.svelte-uoe12i{padding-inline:var(--section-gutter-x)}}