.c-article-callout{--c-purple:#6a67ff;--c-ink:#0f1023;--c-muted:rgba(15,16,35,.65);--c-border:rgba(15,16,35,.12);--c-surface:#fff;--c-surface-soft:#fbfbff;--radius:18px;--shadow:0 12px 30px rgba(15,16,35,.08);margin:24px 0}.c-article-callout__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);display:grid;gap:18px;grid-template-columns:56px 1fr;padding:22px;position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.c-article-callout__card:focus-within,.c-article-callout__card:hover{border-color:rgba(106,103,255,.25);box-shadow:var(--shadow);transform:translateY(-2px)}.c-article-callout--soft .c-article-callout__card{background:var(--c-surface-soft)}.c-article-callout--outline .c-article-callout__card{background:transparent}.c-article-callout__icon{align-items:center;background:var(--c-surface-soft);border:1px solid rgba(106,103,255,.18);border-radius:12px;display:flex;height:44px;justify-content:center;position:relative;width:44px;z-index:1}.c-article-callout__icon i{color:var(--c-purple);font-size:18px}.c-article-callout__content{position:relative;z-index:1}.c-article-callout__meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.c-article-callout__pill{align-items:center;background:rgba(106,103,255,.12);border-radius:999px;color:var(--c-purple);display:inline-flex;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.04em;padding:6px 12px;text-transform:uppercase}.c-article-callout__readtime{align-items:center;color:var(--c-muted);display:inline-flex;font-size:13px;gap:8px}.c-article-callout__readtime i{color:var(--c-purple);font-size:14px}.c-article-callout__title{color:var(--c-ink);font-size:22px;font-weight:800;line-height:1.2;margin:0 0 8px}.c-article-callout__desc{color:var(--c-muted);font-size:15px;line-height:1.5;margin:0 0 14px}.c-article-callout__link--visual{align-items:center;color:var(--c-purple);display:inline-flex;font-weight:700;gap:10px;pointer-events:none}.c-article-callout__arrow{display:inline-block;transition:transform .16s ease}.c-article-callout__card:focus-within .c-article-callout__arrow,.c-article-callout__card:hover .c-article-callout__arrow{transform:translateX(3px)}.c-article-callout__stretched-link{border-radius:var(--radius);display:block;inset:0;position:absolute;text-decoration:none;z-index:5}.c-article-callout__stretched-link:focus{outline:none}.c-article-callout__visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (max-width:520px){.c-article-callout__card{grid-template-columns:48px 1fr;padding:18px}.c-article-callout__title{font-size:20px}}